feat: add trial started dialog and rename menu items

apps/desktop/src/components/main/body/ai.tsx

@@ -34,7 +34,7 @@ export const TabItemAI: TabItem<Extract<Tab, { type: "ai" }>> = ({
       icon={<SparklesIcon className="w-4 h-4" />}
       title={
         <div className="flex items-center gap-1">
-          <span>AI</span>
+          <span>AI Settings</span>
           <span className="text-xs text-neutral-400">({suffix})</span>
         </div>
       }

apps/desktop/src/components/main/body/settings.tsx

@@ -16,7 +16,7 @@ export const TabItemSettings: TabItem<Extract<Tab, { type: "settings" }>> = ({
   return (
     <TabItemBase
       icon={<SettingsIcon className="w-4 h-4" />}
-      title={"Settings"}
+      title={"App Settings"}
       selected={tab.active}
       tabIndex={tabIndex}
       handleCloseThis={() => handleCloseThis(tab)}

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

@@ -174,7 +174,7 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
     },
     {
       icon: SparklesIcon,
-      label: "AI",
+      label: "AI Settings",
       onClick: handleClickAI,
       badge: (
         <kbd className={kbdClass}>
@@ -185,7 +185,7 @@ export function ProfileSection({ onExpandChange }: ProfileSectionProps = {}) {
     },
     {
       icon: SettingsIcon,
-      label: "Settings",
+      label: "App Settings",
       onClick: handleClickSettings,
       badge: (
         <kbd className={kbdClass}>

apps/desktop/src/components/settings/general/account.tsx

@@ -6,11 +6,21 @@ import { type ReactNode, useCallback, useEffect, useState } from "react";
 import { getRpcCanStartTrial, postBillingStartTrial } from "@hypr/api-client";
 import { createClient } from "@hypr/api-client/client";
 import { Button } from "@hypr/ui/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@hypr/ui/components/ui/dialog";
 import { Input } from "@hypr/ui/components/ui/input";
 
 import { useAuth } from "../../../auth";
 import { useBillingAccess } from "../../../billing";
 import { env } from "../../../env";
+import * as settings from "../../../store/tinybase/settings";
+import { useTabs } from "../../../store/zustand/tabs";
 
 const WEB_APP_BASE_URL = env.VITE_APP_URL ?? "http://localhost:3000";
 
@@ -161,6 +171,40 @@ export function AccountSettings() {
 function BillingButton() {
   const auth = useAuth();
   const { isPro } = useBillingAccess();
+  const openNew = useTabs((state) => state.openNew);
+  const [showTrialStartedDialog, setShowTrialStartedDialog] = useState(false);
+
+  const setLlmProvider = settings.UI.useSetValueCallback(
+    "current_llm_provider",
+    () => "hyprnote",
+    [],
+    settings.STORE_ID,
+  );
+  const setLlmModel = settings.UI.useSetValueCallback(
+    "current_llm_model",
+    () => "Auto",
+    [],
+    settings.STORE_ID,
+  );
+  const setSttProvider = settings.UI.useSetValueCallback(
+    "current_stt_provider",
+    () => "hyprnote",
+    [],
+    settings.STORE_ID,
+  );
+  const setSttModel = settings.UI.useSetValueCallback(
+    "current_stt_model",
+    () => "cloud",
+    [],
+    settings.STORE_ID,
+  );
+
+  const setTrialDefaults = useCallback(() => {
+    setLlmProvider();
+    setLlmModel();
+    setSttProvider();
+    setSttModel();
+  }, [setLlmProvider, setLlmModel, setSttProvider, setSttModel]);
 
   const canTrialQuery = useQuery({
     enabled: !!auth?.session && !isPro,
@@ -199,6 +243,8 @@ function BillingButton() {
     },
     onSuccess: async () => {
       await auth?.refreshSession();
+      setTrialDefaults();
+      setShowTrialStartedDialog(true);
     },
   });
 
@@ -210,6 +256,15 @@ function BillingButton() {
     void openUrl(`${WEB_APP_BASE_URL}/app/account`);
   }, []);
 
+  const handleGoToAISettings = useCallback(() => {
+    setShowTrialStartedDialog(false);
+    openNew({ type: "ai", state: { tab: "transcription" } });
+  }, [openNew]);
+
+  const handleConfirm = useCallback(() => {
+    setShowTrialStartedDialog(false);
+  }, []);
+
   if (isPro) {
     return (
       <Button
@@ -225,13 +280,37 @@ function BillingButton() {
 
   if (canTrialQuery.data) {
     return (
-      <Button
-        variant="outline"
-        onClick={() => startTrialMutation.mutate()}
-        disabled={startTrialMutation.isPending}
-      >
-        <span> Start Pro Trial</span>
-      </Button>
+      <>
+        <Button
+          variant="outline"
+          onClick={() => startTrialMutation.mutate()}
+          disabled={startTrialMutation.isPending}
+        >
+          <span>Start Pro Trial</span>
+        </Button>
+
+        <Dialog
+          open={showTrialStartedDialog}
+          onOpenChange={setShowTrialStartedDialog}
+        >
+          <DialogContent>
+            <DialogHeader>
+              <DialogTitle>Pro Trial Started</DialogTitle>
+              <DialogDescription>
+                Your Pro trial has started. We've automatically configured your
+                AI settings to use Hyprnote Cloud for both transcription and
+                intelligence features.
+              </DialogDescription>
+            </DialogHeader>
+            <DialogFooter>
+              <Button variant="outline" onClick={handleGoToAISettings}>
+                Go to AI Settings
+              </Button>
+              <Button onClick={handleConfirm}>Confirm</Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      </>
     );
   }