fix: replace Manager references with Desktop Service download link (#64)

* fix: replace Manager references with Desktop Service download link

* chore: restores old commented-out code

* fix: redirect to releases

---------

Co-authored-by: Oğuzhan Koral <45078678+oguzhankoral@users.noreply.github.com>

components/accounts/Menu.vue

@@ -43,13 +43,28 @@
               <div v-if="isDesktopServiceAvailable">
                 <AccountsSignInFlow />
               </div>
-              <div v-else class="flex flex-wrap justify-center space-x-4 max-width">
-                <FormButton text @click="$openUrl(`speckle://accounts`)">
-                  Add account via Manager
-                </FormButton>
-                <FormButton text @click="accountStore.refreshAccounts()">
-                  Refresh accounts
+              <div v-else class="space-y-3">
+                <div class="text-foreground-2 text-sm">
+                  The Speckle Desktop Service is required to add accounts. This
+                  background service handles authentication securely.
+                </div>
+                <FormButton
+                  full-width
+                  @click="$openUrl('https://releases.speckle.systems')"
+                >
+                  Download Desktop Service
                 </FormButton>
+                <div class="text-center">
+                  <div class="text-foreground-2 text-xs mb-2">Already installed?</div>
+                  <FormButton
+                    text
+                    size="sm"
+                    full-width
+                    @click="accountStore.refreshAccounts()"
+                  >
+                    Refresh accounts
+                  </FormButton>
+                </div>
               </div>
             </div>
           </CommonDialog>
@@ -58,6 +73,7 @@
     </CommonDialog>
   </div>
 </template>
+
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { XMarkIcon } from '@heroicons/vue/20/solid'
@@ -144,7 +160,6 @@ const user = computed(() => {
   //     acc = currentSelectedAccount
   //   }
   // }
-
   return {
     name: activeAccount.value.accountInfo.userInfo.name,
     avatar: activeAccount.value.accountInfo.userInfo.avatar

components/home/NoAccountsPanel.vue

@@ -10,16 +10,15 @@
     </div>
     <div v-else>
       <div class="text-foreground-2 mt-2 mb-4">
-        Click the button below to sign into Speckle via Manager. This will allow you to
-        publish or load data.
+        To sign in and start using Speckle, you'll need the Desktop Service running.
+        This lightweight background service handles secure authentication.
       </div>
-      <div class="text-foreground-2 text-sm mt-2 mb-4"></div>
-      <div class="flex flex-wrap justify-center space-y-2 max-width">
-        <FormButton full-width @click="$openUrl(`speckle://accounts`)">
-          Sign In
+      <div class="space-y-3">
+        <FormButton full-width @click="$openUrl('https://releases.speckle.systems')">
+          Download Desktop Service
         </FormButton>
-        <div>
-          <div class="text-xs">Already done?</div>
+        <div class="text-center">
+          <div class="text-foreground-2 text-xs mb-2">Already installed?</div>
           <FormButton
             size="sm"
             full-width
@@ -27,13 +26,14 @@
             link
             @click="accountStore.refreshAccounts()"
           >
-            Click to refresh
+            Refresh to check again
           </FormButton>
         </div>
       </div>
     </div>
   </LayoutPanel>
 </template>
+
 <script setup lang="ts">
 import { useAccountStore } from '~~/store/accounts'
 import { useDesktopService } from '~/lib/core/composables/desktopService'