now use VITE_AI_URL in desktop

Author: yujonglee

.github/workflows/desktop_cd.yaml

@@ -151,6 +151,7 @@ jobs:
           VITE_SUPABASE_URL: ${{ secrets.VITE_SUPABASE_URL }}
           VITE_SUPABASE_ANON_KEY: ${{ secrets.VITE_SUPABASE_ANON_KEY }}
           VITE_APP_URL: "https://hyprnote.com"
+          VITE_AI_URL: "https://ai.hyprnote.com"
           VITE_API_URL: "https://api.hyprnote.com"
           VITE_PRO_PRODUCT_ID: ${{ secrets.VITE_PRO_PRODUCT_ID }}
           VITE_APP_VERSION: ${{ needs.compute-version.outputs.version }}

apps/desktop/src/components/main/sidebar/profile/auth.tsx

@@ -5,12 +5,19 @@ import { Button } from "@hypr/ui/components/ui/button";
 
 import { useTabs } from "../../../../store/zustand/tabs";
 
-export function AuthSection({ isAuthenticated }: { isAuthenticated: boolean }) {
+export function AuthSection({
+  isAuthenticated,
+  onClose,
+}: {
+  isAuthenticated: boolean;
+  onClose: () => void;
+}) {
   const openNew = useTabs((state) => state.openNew);
 
   const handleOpenSettings = useCallback(() => {
     openNew({ type: "settings" });
-  }, [openNew]);
+    onClose();
+  }, [openNew, onClose]);
 
   if (isAuthenticated) {
     return null;

apps/desktop/src/components/main/sidebar/profile/index.tsx

@@ -232,7 +232,10 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
                         <MenuItem key={item.label} {...item} />
                       ))}
 
-                      <AuthSection isAuthenticated={isAuthenticated} />
+                      <AuthSection
+                        isAuthenticated={isAuthenticated}
+                        onClose={closeMenu}
+                      />
                     </motion.div>
                   ) : (
                     <motion.div

apps/desktop/src/components/settings/ai/llm/shared.tsx

@@ -8,6 +8,7 @@ import {
 } from "@lobehub/icons";
 import type { ReactNode } from "react";
 
+import { env } from "../../../../env";
 import {
   type ProviderRequirement,
   requiresConfigField,
@@ -30,7 +31,7 @@ const _PROVIDERS = [
     displayName: "Hyprnote",
     badge: "Recommended",
     icon: <img src="/assets/icon.png" alt="Hyprnote" className="size-5" />,
-    baseUrl: "",
+    baseUrl: new URL("/llm", env.VITE_AI_URL).toString(),
     requirements: [
       { kind: "requires_auth" },
       { kind: "requires_entitlement", entitlement: "pro" },

apps/desktop/src/components/settings/ai/stt/shared.tsx

@@ -10,6 +10,7 @@ import type {
   WhisperModel,
 } from "@hypr/plugin-local-stt";
 
+import { env } from "../../../../env";
 import {
   type ProviderRequirement,
   requiresEntitlement,
@@ -89,7 +90,7 @@ const _PROVIDERS = [
     displayName: "Hyprnote",
     badge: "Recommended",
     icon: <img src="/assets/icon.png" alt="Hyprnote" className="size-5" />,
-    baseUrl: "https://api.hyprnote.com/v1",
+    baseUrl: new URL("/stt", env.VITE_AI_URL).toString(),
     models: [
       "cloud",
       "am-parakeet-v2",

apps/desktop/src/env.ts

@@ -5,6 +5,7 @@ export const env = createEnv({
   clientPrefix: "VITE_",
   client: {
     VITE_APP_URL: z.string().min(1).default("http://localhost:3000"),
+    VITE_AI_URL: z.string().min(1).default("http://localhost:3001"),
     VITE_API_URL: z.string().min(1).default("http://localhost:8787"),
     VITE_SUPABASE_URL: z.string().min(1).optional(),
     VITE_SUPABASE_ANON_KEY: z.string().min(1).optional(),

apps/desktop/src/hooks/useLLMConnection.ts

@@ -188,7 +188,7 @@ const resolveLLMConnection = (params: {
       conn: {
         providerId,
         modelId,
-        baseUrl: env.VITE_API_URL,
+        baseUrl: baseUrl ?? new URL("/llm", env.VITE_AI_URL).toString(),
         apiKey: session.access_token,
       },
       status: { status: "success", providerId, isHosted: true },

apps/desktop/src/hooks/useSTTConnection.ts

@@ -94,7 +94,7 @@ export const useSTTConnection = () => {
       return {
         provider: current_stt_provider,
         model: current_stt_model,
-        baseUrl: `${env.VITE_API_URL}`,
+        baseUrl: baseUrl ?? new URL("/stt", env.VITE_AI_URL).toString(),
         apiKey: auth.session.access_token,
       };
     }