From e05ce471eefd3d7640ca4b57d4231b401553dba2 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Mon, 27 Jan 2025 08:36:23 +0000
Subject: [PATCH] Commit for testing (#3892)

---
 .../frontend-2/components/viewer/Controls.vue |  2 +-
 .../components/viewer/gendo/Panel.vue         | 62 ++++++-------------
 2 files changed, 21 insertions(+), 43 deletions(-)

diff --git a/packages/frontend-2/components/viewer/Controls.vue b/packages/frontend-2/components/viewer/Controls.vue
index 7ce2b32c0..f7ad78cdd 100644
--- a/packages/frontend-2/components/viewer/Controls.vue
+++ b/packages/frontend-2/components/viewer/Controls.vue
@@ -181,7 +181,7 @@
     </div>
     <div
       ref="scrollableControlsContainer"
-      :class="`simple-scrollbar absolute z-10 pl-12 pr-2 md:pr-0 md:pl-14 mb-4 max-h-[calc(100dvh-4.5rem)] overflow-y-auto px-[2px] py-[2px] ${
+      :class="`simple-scrollbar absolute z-10 pl-12 pr-2 md:pr-0 md:pl-14 mb-4 max-h-[calc(100dvh-3.5rem)] overflow-y-auto px-[2px] py-[2px] ${
         activePanel !== 'none' ? 'opacity-100' : 'opacity-0'
       } ${isEmbedEnabled ? 'mt-1.5' : 'mt-[3.7rem]'}`"
       :style="`width: ${isMobile ? '100%' : `${width + 4}px`};`"
diff --git a/packages/frontend-2/components/viewer/gendo/Panel.vue b/packages/frontend-2/components/viewer/gendo/Panel.vue
index bdfd410bd..adf9206cd 100644
--- a/packages/frontend-2/components/viewer/gendo/Panel.vue
+++ b/packages/frontend-2/components/viewer/gendo/Panel.vue
@@ -17,30 +17,18 @@
     </template>
     <div v-if="!loading" class="pt-3">
       <div class="px-3 flex flex-col gap-y-3">
-        <CommonAlert v-if="!limits" color="danger" size="xs">
-          <template #title>No credits available</template>
-          <template #description>
-            <div class="leading-snug">
-              AI Renders are only available on
-              <NuxtLink
-                class="border-b border-outline-3 hover:border-outline-5 pb-px leading-none"
-                external
-                to="https://app.speckle.systems"
-                target="_blank"
-              >
-                app.speckle.systems
-              </NuxtLink>
-            </div>
-          </template>
-        </CommonAlert>
-        <CommonAlert v-else-if="!activeUser" color="danger" size="xs">
+        <CommonAlert v-if="!activeUser" color="danger" size="xs">
           <template #title>Sign in required</template>
-          <template #description>
-            <div class="leading-snug">Please sign in to generate AI renders</div>
-          </template>
+        </CommonAlert>
+        <CommonAlert v-else-if="!canContribute" color="danger" size="xs">
+          <template #title>You do not have permission</template>
+        </CommonAlert>
+        <CommonAlert v-else-if="!limits" color="neutral" size="xs">
+          <template #title>No credits available</template>
         </CommonAlert>
         <CommonAlert v-else-if="isOutOfCredits" color="neutral" size="xs">
-          <template #title>Credits reset on {{ formattedResetDate }}</template>
+          <template #title>Out of credits</template>
+          <template #description>Credits reset on {{ formattedResetDate }}</template>
         </CommonAlert>
         <div class="flex flex-col gap-y-3">
           <FormTextArea
@@ -66,19 +54,7 @@
                 <ArrowTopRightOnSquareIcon class="h-3 w-3" />
               </div>
             </FormButton>
-
-            <div
-              v-if="!limits"
-              :key="`gendo-tooltip-${buttonDisabled}`"
-              v-tippy="`No credits available`"
-            >
-              <FormButton disabled>Generate</FormButton>
-            </div>
-            <div
-              v-else
-              :key="`gendo-tooltip-${buttonDisabled}`"
-              v-tippy="tooltipMessage"
-            >
+            <div :key="`gendo-tooltip-${buttonDisabled}`" v-tippy="tooltipMessage">
               <FormButton :disabled="buttonDisabled" @click="enqueMagic()">
                 Generate
               </FormButton>
@@ -190,7 +166,8 @@ const textAreaDisabled = computed(() => {
     timeOutWait.value ||
     isOutOfCredits.value ||
     !canContribute.value ||
-    !activeUser.value
+    !activeUser.value ||
+    !limits.value
   )
 })
 
@@ -198,6 +175,14 @@ const buttonDisabled = computed(() => {
   return !prompt.value || textAreaDisabled.value
 })
 
+const tooltipMessage = computed(() => {
+  if (!activeUser.value) return 'You must be logged in'
+  if (!canContribute.value) return 'Project permissions required'
+  if (isOutOfCredits.value) return 'No credits remaining'
+  if (!limits.value) return 'No credits available'
+  return undefined
+})
+
 const randomPlaceholder = computed(() => {
   const randomIndex = Math.floor(Math.random() * suggestedPrompts.value.length)
   return suggestedPrompts.value[randomIndex]
@@ -286,11 +271,4 @@ const lodgeRequest = async (screenshot: string) => {
   isLoading.value = false
   refetch()
 }
-
-const tooltipMessage = computed(() => {
-  if (!activeUser.value) return 'You must be logged in'
-  if (!canContribute.value) return 'Project permissions required'
-  if (isOutOfCredits.value) return 'No credits remaining'
-  return undefined
-})
 </script>