@agent-native/core 0.88.0 → 0.90.1

package/corpus/templates/clips/app/i18n/zh-TW.ts

@@ -117,6 +117,10 @@ const messages = {
     restoreFailed: "恢復失敗",
     permanentlyDeleted: "已永久刪除",
     deleteFailed: "刪除失敗",
+    clipsRestored: "已恢復 {{count}} 個剪輯",
+    clipsRestoreFailed: "{{count}} 個剪輯無法恢復",
+    clipsPermanentlyDeleted: "已永久刪除 {{count}} 個剪輯",
+    clipsDeleteFailed: "{{count}} 個剪輯無法刪除",
   },
   recordingRoute: {
     pageTitle: "剪輯錄製 · Clips",
@@ -325,6 +329,13 @@ const messages = {
     segments: "{{count}} 段",
     copyTranscript: "複製逐字稿",
     copyFullTranscript: "複製完整逐字稿",
+    timeRemaining_one: "還剩 {{count}} 分鐘",
+    timeRemaining_other: "還剩 {{count}} 分鐘",
+    endMeeting: "結束會議",
+    endThisMeeting: "結束這次會議嗎？",
+    endMeetingDescription:
+      "這會停止本次會議的錄製與轉錄。您仍然可以根據目前擷取的內容產生筆記。",
+    couldNotEndMeeting: "無法結束會議",
   },
   transcriptPanel: {
     transcribing: "正在轉錄…",
@@ -404,6 +415,8 @@ const messages = {
       "取得這個 Clips Agent 脈絡 URL：{{agentContextUrl}}。使用 transcript.segments 讀取語音脈絡，取得 recommendedFrames 或影格 API URL 來查看螢幕，並在 browserDiagnostics 存在時檢查已遮蔽的主控台記錄和 fetch/XHR 請求中繼資料。",
     agentTokenDescription:
       "這個臨時 Agent URL 可讓 Agent 讀取剪輯，而不必將其設為公開。它會在兩小時後過期。",
+    agentLinkUnavailable: "無法建立 Agent 連結。",
+    retryAgentLink: "重試",
     gifPreview: "GIF 預覽",
     openPlayer: "開啟播放器",
     downloadMp4: "下載 MP4",
@@ -472,6 +485,12 @@ const messages = {
     placeholder: "詢問任何事情...",
     send: "傳送",
     sentToChat: "已傳送至聊天 - 請參閱代理側邊欄以取得回覆。",
+    suggestQuestions: "為我建議可以提出的問題",
+    suggestQuestionsPrompt:
+      "根據本次會議目前為止討論的內容，建議我接下來可以提出的幾個好問題。",
+    makeMeSoundSmart: "讓我聽起來更聰明",
+    makeMeSoundSmartPrompt:
+      "根據本次會議目前為止的內容，給我一個現在就能補充的犀利、有見地的評論或問題。",
   },
   brandingEditor: {
     title: "品牌推廣",
@@ -717,6 +736,9 @@ const messages = {
     anonymous: "匿名",
     anon: "匿名",
     moreViewers: "+{{count}} 更多",
+    viewedBy: "觀看者",
+    someone: "有人",
+    noViewsYet: "尚無觀看紀錄。",
   },
   libraryGrid: {
     spaceRoot: "空間根目錄",
@@ -735,6 +757,9 @@ const messages = {
     clipsArchiveFailed: "{{count}} 個剪輯無法封存",
     clipsMovedToTrash: "已將 {{count}} 個剪輯移至廢紙簍",
     clipsTrashFailed: "{{count}} 個剪輯無法移至廢紙簍",
+    loadFailedTitle: "無法載入你的錄製",
+    loadFailedBody: "載入此清單時發生問題。你的錄製是安全的 —— 請重試。",
+    retry: "重試",
   },
   notificationsRoute: {
     pageTitle: "通知 · Clips",
@@ -868,6 +893,8 @@ const messages = {
     noVideo: "沒有可用影片",
     thanks: "感謝觀看",
     playClip: "播放剪輯",
+    unsupportedFormat:
+      "此瀏覽器無法播放此影片。請嘗試在 Chrome、Edge 或 Firefox 中開啟連結。",
   },
   searchBar: {
     placeholder: "搜尋錄製…",
@@ -930,6 +957,13 @@ const messages = {
     liveTranscriptDescription: "開始紀錄後，即時轉錄會顯示在這裡。",
     me: "我",
     them: "對方",
+    searchTranscript: "搜尋逐字稿",
+    searchPlaceholder: "搜尋逐字稿…",
+    searchMatchCount: "第 {{current}} 項，共 {{total}} 項",
+    searchNoMatches: "沒有符合項目",
+    searchPrevMatch: "上一個符合項目",
+    searchNextMatch: "下一個符合項目",
+    searchClose: "關閉搜尋",
   },
   editorLayout: {
     trimmed: "已修剪",
@@ -1188,6 +1222,11 @@ const messages = {
     browserDictation: "瀏覽器聽寫",
     browserDictationDescription:
       "使用此頁面上的按鈕，或在此分頁取得焦點時按快捷鍵。瀏覽器聽寫會儲存在這裡，供您複製與清理。",
+    browserDictationDescriptionDesktop:
+      "使用下方的按鈕，直接在此頁面擷取一則筆記。它不會貼到其他應用程式——如需這項功能，請使用右側的桌面快捷鍵。",
+    quickNoteTitle: "快速聽寫筆記",
+    quickNoteHint:
+      "不必離開此頁面即可在此擷取內容——它不會貼到其他應用程式。使用按鈕開始與停止。",
     desktopShortcuts: "桌面快捷鍵",
     desktopShortcutsDescriptionSuffix: "，於桌面應用程式中。",
     holdFn: "按住 Fn",
@@ -1218,6 +1257,18 @@ const messages = {
       "具備 AI 清理功能的語音轉文字聽寫。取得桌面應用程式，即可用全域快捷鍵在任何地方聽寫。",
     loadFailed: "無法載入聽寫。",
     noFilterMatches: "沒有符合此篩選條件的聽寫。",
+    dictionaryTitle: "字典",
+    dictionaryDescription:
+      "這裡的詞彙會讓語音辨識偏向您慣用的拼寫——可從修正中自動學得，或自行新增。",
+    dictionaryTermPlaceholder: "詞彙",
+    dictionaryReplacementPlaceholder: "替換內容（選填）",
+    dictionaryAdd: "新增",
+    dictionaryLoading: "正在載入字典...",
+    dictionaryEmpty: "尚無已學習的詞彙。",
+    dictionaryUsesCount: "已使用 {{count}} 次",
+    dictionaryRemove: "移除",
+    vocabularyAddFailed: "無法新增詞彙",
+    vocabularyRemoveFailed: "無法移除詞彙",
   },
   clipsFinalRaw: {
     splitAtPlayhead: "在播放頭處分割 (S)",

package/corpus/templates/clips/app/lib/recorder-preferences.ts

@@ -20,6 +20,7 @@ export interface RecorderPreferences {
   mode: RecordingMode;
   displaySurface: DisplaySurface;
   micId: string;
+  micLabel: string;
   cameraId: string;
   cameraSize: CameraBubbleSize;
   cameraBlur: boolean;
@@ -46,6 +47,9 @@ export function loadRecorderPreferences(): Partial<RecorderPreferences> {
       prefs.displaySurface = parsed.displaySurface as DisplaySurface;
     }
     if (typeof parsed.micId === "string") prefs.micId = parsed.micId;
+    if (typeof parsed.micLabel === "string") {
+      prefs.micLabel = parsed.micLabel;
+    }
     if (typeof parsed.cameraId === "string") prefs.cameraId = parsed.cameraId;
     if (VALID_SIZES.includes(parsed.cameraSize as CameraBubbleSize)) {
       prefs.cameraSize = parsed.cameraSize as CameraBubbleSize;

package/corpus/templates/clips/app/lib/timestamp-mapping.ts

@@ -43,6 +43,8 @@ export interface EditsJson {
   trims: TrimRange[];
   blurs: BlurBox[];
   thumbnail?: ThumbnailSpec | null;
+  /** Provenance: source recording IDs when this recording was created via stitch-recordings. */
+  stitchedFrom?: string[];
 }
 
 export const DEFAULT_EDITS: EditsJson = {
@@ -68,6 +70,9 @@ export function parseEdits(raw: string | null | undefined): EditsJson {
         : [],
       blurs: Array.isArray(j.blurs) ? (j.blurs as BlurBox[]) : [],
       thumbnail: j.thumbnail ?? null,
+      ...(Array.isArray(j.stitchedFrom)
+        ? { stitchedFrom: j.stitchedFrom as string[] }
+        : {}),
     };
   } catch {
     return { ...DEFAULT_EDITS };

package/corpus/templates/clips/app/root.tsx

@@ -15,16 +15,6 @@ import {
 } from "@agent-native/core/client";
 import { configureTracking } from "@agent-native/core/client";
 import { resolveLocaleFromRequest } from "@agent-native/core/server";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@agent-native/toolkit/ui/dialog";
-import { Toaster } from "@agent-native/toolkit/ui/sonner";
 import { IconCheck, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
@@ -41,6 +31,17 @@ import {
 } from "react-router";
 import type { LinksFunction, LoaderFunctionArgs } from "react-router";
 
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Toaster } from "@/components/ui/sonner";
+import { AppToolkitProvider } from "@/components/ui/toolkit-provider";
 import { useNavigationState } from "@/hooks/use-navigation-state";
 
 import { i18nCatalog, loadI18nMessages } from "./i18n";
@@ -381,19 +382,21 @@ export default function Root() {
   const loaderData = useLoaderData<typeof loader>();
   const [queryClient] = useState(() => createAgentNativeQueryClient());
   return (
-    <AppProviders
-      queryClient={queryClient}
-      isPublicPath={isStandalonePublicPath(location.pathname)}
-      i18n={{
-        catalog: i18nCatalog,
-        initialLocale: loaderData.locale,
-        initialPreference: loaderData.preference,
-        initialMessages: loaderData.messages,
-        persistPreference: !isStandalonePublicPath(location.pathname),
-      }}
-    >
-      <AppContent />
-    </AppProviders>
+    <AppToolkitProvider>
+      <AppProviders
+        queryClient={queryClient}
+        isPublicPath={isStandalonePublicPath(location.pathname)}
+        i18n={{
+          catalog: i18nCatalog,
+          initialLocale: loaderData.locale,
+          initialPreference: loaderData.preference,
+          initialMessages: loaderData.messages,
+          persistPreference: !isStandalonePublicPath(location.pathname),
+        }}
+      >
+        <AppContent />
+      </AppProviders>
+    </AppToolkitProvider>
   );
 }
 

package/corpus/templates/clips/app/routes/_app.dictate.tsx

@@ -3,19 +3,6 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
-import { Badge } from "@agent-native/toolkit/ui/badge";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@agent-native/toolkit/ui/collapsible";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArrowsExchange,
   IconChevronDown,
@@ -35,8 +22,22 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 
 import { CaptureInstallButton } from "@/components/capture-install-options";
+import { VocabularySection } from "@/components/dictate/vocabulary-section";
 import { PageHeader } from "@/components/library/page-header";
 import { DayHeader } from "@/components/meetings/day-header";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { useDesktopPromo } from "@/hooks/use-desktop-promo";
 import enMessages from "@/i18n/en-US";
 import { cn, shortcutLabel, shortcutModifierLabel } from "@/lib/utils";
@@ -234,11 +235,11 @@ function HowToCard({ defaultOpen = true }: { defaultOpen?: boolean }) {
             <div className="flex items-center gap-2 mb-1.5">
               <IconMicrophone2 className="h-3.5 w-3.5 text-muted-foreground" />
               <span className="text-xs font-medium">
-                {t("dictateRoute.browserDictation")}
+                {t("dictateRoute.quickNoteTitle")}
               </span>
             </div>
             <p className="text-xs text-muted-foreground leading-relaxed">
-              {t("dictateRoute.browserDictationDescription")}
+              {t("dictateRoute.browserDictationDescriptionDesktop")}
             </p>
           </div>
           <div className="rounded-md border border-border bg-background px-3 py-3">
@@ -314,6 +315,7 @@ function WebDictationPanel({
   saving,
   draftText,
   interimText,
+  isDesktopApp,
   onStart,
   onStop,
 }: {
@@ -322,6 +324,7 @@ function WebDictationPanel({
   saving: boolean;
   draftText: string;
   interimText: string;
+  isDesktopApp: boolean;
   onStart: () => void;
   onStop: () => void;
 }) {
@@ -333,16 +336,24 @@ function WebDictationPanel({
         <div className="min-w-0">
           <div className="flex items-center gap-2 text-sm font-medium">
             <IconMicrophone2 className="h-4 w-4 text-foreground" />
-            {t("dictateRoute.browserDictation")}
+            {isDesktopApp
+              ? t("dictateRoute.quickNoteTitle")
+              : t("dictateRoute.browserDictation")}
           </div>
           <p className="mt-1 text-xs leading-relaxed text-muted-foreground">
-            Press{" "}
-            <span className="inline-flex items-center gap-1">
-              <Kbd>{shortcutModifierLabel()}</Kbd>
-              <Kbd>⇧</Kbd>
-              <Kbd>Space</Kbd>
-            </span>{" "}
-            while this tab is focused to toggle.
+            {isDesktopApp ? (
+              t("dictateRoute.quickNoteHint")
+            ) : (
+              <>
+                Press{" "}
+                <span className="inline-flex items-center gap-1">
+                  <Kbd>{shortcutModifierLabel()}</Kbd>
+                  <Kbd>⇧</Kbd>
+                  <Kbd>Space</Kbd>
+                </span>{" "}
+                while this tab is focused to toggle.
+              </>
+            )}
           </p>
         </div>
         <Button
@@ -931,6 +942,7 @@ export default function DictateRoute() {
               saving={createDictation.isPending}
               draftText={draftText}
               interimText={interimText}
+              isDesktopApp={isDesktopApp}
               onStart={() => startBrowserDictation("manual")}
               onStop={stopBrowserDictation}
             />
@@ -984,6 +996,10 @@ export default function DictateRoute() {
             )}
           </>
         )}
+
+        <div className="mt-6">
+          <VocabularySection />
+        </div>
       </div>
     </>
   );

package/corpus/templates/clips/app/routes/_app.meetings.$meetingId.tsx

@@ -3,41 +3,6 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-} from "@agent-native/toolkit/ui/avatar";
-import { Badge } from "@agent-native/toolkit/ui/badge";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-} from "@agent-native/toolkit/ui/tabs";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArrowLeft,
   IconCheck,
@@ -49,6 +14,7 @@ import {
   IconExternalLink,
   IconLoader2,
   IconNotes,
+  IconPlayerStop,
   IconShare3,
   IconTrash,
   IconUsers,
@@ -74,6 +40,32 @@ import {
   TranscriptBubbles,
   type TranscriptSegment,
 } from "@/components/meetings/transcript-bubbles";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { useDesktopPromo } from "@/hooks/use-desktop-promo";
 import enMessages from "@/i18n/en-US";
 import { cn } from "@/lib/utils";
@@ -356,9 +348,13 @@ export default function MeetingDetailRoute() {
   const updateMeeting = useActionMutation<any, any>("update-meeting");
   const deleteMeeting = useActionMutation<any, any>("delete-meeting");
   const finalize = useActionMutation<any, any>("finalize-meeting");
+  const stopMeetingRecording = useActionMutation<any, any>(
+    "stop-meeting-recording",
+  );
   const { isDesktopApp } = useDesktopPromo();
   const [notesJustArrived, setNotesJustArrived] = useState(false);
   const [deleteOpen, setDeleteOpen] = useState(false);
+  const [endMeetingOpen, setEndMeetingOpen] = useState(false);
   const [transcriptCopied, setTranscriptCopied] = useState(false);
   const previousHasNotesRef = useRef(false);
   const autoFinalizedRef = useRef(false);
@@ -436,6 +432,26 @@ export default function MeetingDetailRoute() {
     previousHasNotesRef.current = hasNotes;
   }, [hasNotes]);
 
+  // Live "time remaining" countdown (Granola parity) — ticks every 30s so it
+  // never needs to be exact to the second; hidden once scheduledEnd passes.
+  const [nowForCountdown, setNowForCountdown] = useState(() => Date.now());
+  useEffect(() => {
+    if (!isLive || !meeting?.scheduledEnd) return;
+    const interval = window.setInterval(
+      () => setNowForCountdown(Date.now()),
+      30_000,
+    );
+    return () => window.clearInterval(interval);
+  }, [isLive, meeting?.scheduledEnd]);
+  const minutesRemaining = useMemo(() => {
+    if (!isLive || !meeting?.scheduledEnd) return null;
+    const endMs = Date.parse(meeting.scheduledEnd);
+    if (Number.isNaN(endMs)) return null;
+    const diffMs = endMs - nowForCountdown;
+    if (diffMs <= 0) return null;
+    return Math.max(1, Math.round(diffMs / 60_000));
+  }, [isLive, meeting?.scheduledEnd, nowForCountdown]);
+
   const patchCachedMeeting = (
     patch: Partial<Meeting> & { actionItemsJson?: ActionItem[] },
   ) => {
@@ -489,9 +505,10 @@ export default function MeetingDetailRoute() {
 
   const handleSeek = (ms: number) => {
     if (!meeting?.recordingId) return;
-    if (typeof window !== "undefined") {
-      window.location.assign(`/r/${meeting.recordingId}?t=${ms}`);
-    }
+    // /r/:recordingId's `t` param is seconds (see parseTimeParam in
+    // r.$recordingId.tsx), while transcript segments use ms timestamps.
+    const seconds = Math.max(0, Math.floor(ms / 1000));
+    navigate(`/r/${meeting.recordingId}?t=${seconds}`);
   };
 
   const handleJumpToSegment = (segmentIndex: number) => {
@@ -507,7 +524,10 @@ export default function MeetingDetailRoute() {
       toast.info(t("meetingDetail.regeneratingNotes"));
     }
     autoFinalizedRef.current = true;
-    finalize.mutate({ meetingId: meeting.id });
+    // force:true — manual regenerate must overwrite even if the server
+    // considers the current notes fresh (contract with finalize-meeting's
+    // concurrent `force` param). Auto-finalize stays without force.
+    finalize.mutate({ meetingId: meeting.id, force: true });
   };
 
   const handleDeleteMeeting = () => {
@@ -531,6 +551,32 @@ export default function MeetingDetailRoute() {
     );
   };
 
+  const handleEndMeeting = () => {
+    if (!meeting) return;
+    // Optimistic: flip the live badge off immediately rather than waiting
+    // for the next 2s poll — stop-meeting-recording stamps actualEnd and
+    // flips transcriptStatus server-side.
+    patchCachedMeeting({
+      actualEnd: new Date().toISOString(),
+      transcriptStatus:
+        meeting.transcriptStatus === "in_progress"
+          ? "ready"
+          : meeting.transcriptStatus,
+    });
+    stopMeetingRecording.mutate(
+      { meetingId: meeting.id },
+      {
+        onError: (err: unknown) => {
+          toast.error(
+            err instanceof Error
+              ? err.message
+              : t("meetingDetail.couldNotEndMeeting"),
+          );
+        },
+      },
+    );
+  };
+
   // Auto-generate notes once the transcript is ready and no notes yet.
   // Depend on primitives only — the `meeting` object identity changes on every
   // 2s poll, which would otherwise re-run this effect needlessly.
@@ -634,6 +680,11 @@ export default function MeetingDetailRoute() {
               Live
             </Badge>
           )}
+          {minutesRemaining != null && (
+            <span className="text-xs text-muted-foreground shrink-0">
+              {t("meetingDetail.timeRemaining", { count: minutesRemaining })}
+            </span>
+          )}
         </div>
         <div className="ml-auto flex items-center gap-2">
           {!canEdit ? null : finalize.isPending ? (
@@ -674,6 +725,21 @@ export default function MeetingDetailRoute() {
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" className="w-44">
+                  {isLive && (
+                    <DropdownMenuItem
+                      onSelect={(event) => {
+                        event.preventDefault();
+                        // Defer opening the second AlertDialog until after
+                        // the dropdown's own close animation/unmount so Radix
+                        // doesn't fight over focus/pointer state between the
+                        // two overlays.
+                        setTimeout(() => setEndMeetingOpen(true), 0);
+                      }}
+                    >
+                      <IconPlayerStop className="mr-2 h-4 w-4" />
+                      {t("meetingDetail.endMeeting")}
+                    </DropdownMenuItem>
+                  )}
                   <DropdownMenuItem
                     onSelect={(event) => {
                       event.preventDefault();
@@ -715,6 +781,35 @@ export default function MeetingDetailRoute() {
               </AlertDialogContent>
             </AlertDialog>
           )}
+          {canEdit && isLive && (
+            <AlertDialog open={endMeetingOpen} onOpenChange={setEndMeetingOpen}>
+              <AlertDialogContent>
+                <AlertDialogHeader>
+                  <AlertDialogTitle>
+                    {t("meetingDetail.endThisMeeting")}
+                  </AlertDialogTitle>
+                  <AlertDialogDescription>
+                    {t("meetingDetail.endMeetingDescription")}
+                  </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                  <AlertDialogCancel disabled={stopMeetingRecording.isPending}>
+                    {t("meetingDetail.cancel")}
+                  </AlertDialogCancel>
+                  <AlertDialogAction
+                    onClick={(event) => {
+                      event.preventDefault();
+                      setEndMeetingOpen(false);
+                      handleEndMeeting();
+                    }}
+                    disabled={stopMeetingRecording.isPending}
+                  >
+                    {t("meetingDetail.endMeeting")}
+                  </AlertDialogAction>
+                </AlertDialogFooter>
+              </AlertDialogContent>
+            </AlertDialog>
+          )}
         </div>
       </PageHeader>
 

package/corpus/templates/clips/app/routes/_app.meetings._index.tsx

@@ -3,26 +3,6 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import { Input } from "@agent-native/toolkit/ui/input";
 import {
   IconAlertTriangle,
   IconAppWindow,
@@ -50,6 +30,26 @@ import {
   UpcomingMeetingCard,
   MeetingCardSkeleton,
 } from "@/components/meetings/meeting-card";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
 import { useDesktopPromo } from "@/hooks/use-desktop-promo";
 import enMessages from "@/i18n/en-US";
 

package/corpus/templates/clips/app/routes/_app.notifications.tsx

@@ -3,15 +3,15 @@ import {
   useActionMutation,
   useT,
 } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
-import { Input } from "@agent-native/toolkit/ui/input";
-import { Tabs, TabsList, TabsTrigger } from "@agent-native/toolkit/ui/tabs";
 import { IconSend } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
 
 import { PageHeader } from "@/components/library/page-header";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import {
   NotificationsList,
   type NotificationItem,