@agent-native/core 0.86.0 → 0.87.0

package/corpus/core/src/templates/default/app/root.tsx

@@ -1,6 +1,7 @@
 import { useDbSync } from "@agent-native/core/client";
 import {
   AppProviders,
+  ErrorReportActions,
   appPath,
   getLocaleInitScript,
   getThemeInitScript,
@@ -66,6 +67,9 @@ const ERROR_COPY = {
       "This page doesn't exist. It may have been moved or deleted.",
     statusTitle: (status: number) => `${status} Error`,
     goHome: "Go home",
+    sendFeedback: "Send feedback",
+    feedbackPlaceholder: "Describe what happened before this error appeared.",
+    openGitHubIssue: "Open GitHub issue",
   },
   "zh-CN": {
     genericTitle: "出了点问题",
@@ -74,6 +78,9 @@ const ERROR_COPY = {
     notFoundDetails: "此页面不存在。它可能已被移动或删除。",
     statusTitle: (status: number) => `${status} 错误`,
     goHome: "返回首页",
+    sendFeedback: "发送反馈",
+    feedbackPlaceholder: "描述此错误出现前发生了什么。",
+    openGitHubIssue: "打开 GitHub issue",
   },
   "zh-TW": {
     genericTitle: "發生錯誤",
@@ -82,6 +89,9 @@ const ERROR_COPY = {
     notFoundDetails: "此頁面不存在，可能已被移動或刪除。",
     statusTitle: (status: number) => `${status} 錯誤`,
     goHome: "返回首頁",
+    sendFeedback: "傳送意見回饋",
+    feedbackPlaceholder: "描述此錯誤出現前發生了什麼。",
+    openGitHubIssue: "開啟 GitHub issue",
   },
   "es-ES": {
     genericTitle: "Algo salió mal",
@@ -91,6 +101,10 @@ const ERROR_COPY = {
       "Esta página no existe. Puede que se haya movido o eliminado.",
     statusTitle: (status: number) => `Error ${status}`,
     goHome: "Ir al inicio",
+    sendFeedback: "Enviar comentarios",
+    feedbackPlaceholder:
+      "Describe qué pasó antes de que apareciera este error.",
+    openGitHubIssue: "Abrir issue en GitHub",
   },
   "fr-FR": {
     genericTitle: "Une erreur est survenue",
@@ -100,6 +114,9 @@ const ERROR_COPY = {
       "Cette page n'existe pas. Elle a peut-être été déplacée ou supprimée.",
     statusTitle: (status: number) => `Erreur ${status}`,
     goHome: "Retour à l'accueil",
+    sendFeedback: "Envoyer un retour",
+    feedbackPlaceholder: "Décrivez ce qui s'est passé avant cette erreur.",
+    openGitHubIssue: "Ouvrir une issue GitHub",
   },
   "de-DE": {
     genericTitle: "Etwas ist schiefgelaufen",
@@ -109,6 +126,9 @@ const ERROR_COPY = {
       "Diese Seite existiert nicht. Sie wurde möglicherweise verschoben oder gelöscht.",
     statusTitle: (status: number) => `${status} Fehler`,
     goHome: "Zur Startseite",
+    sendFeedback: "Feedback senden",
+    feedbackPlaceholder: "Beschreiben Sie, was vor diesem Fehler passiert ist.",
+    openGitHubIssue: "GitHub-Issue öffnen",
   },
   "ja-JP": {
     genericTitle: "問題が発生しました",
@@ -118,6 +138,9 @@ const ERROR_COPY = {
       "このページは存在しません。移動または削除された可能性があります。",
     statusTitle: (status: number) => `${status} エラー`,
     goHome: "ホームへ",
+    sendFeedback: "フィードバックを送信",
+    feedbackPlaceholder: "このエラーの直前に起きたことを説明してください。",
+    openGitHubIssue: "GitHub issue を開く",
   },
   "ko-KR": {
     genericTitle: "문제가 발생했습니다",
@@ -127,6 +150,10 @@ const ERROR_COPY = {
       "이 페이지는 존재하지 않습니다. 이동되었거나 삭제되었을 수 있습니다.",
     statusTitle: (status: number) => `${status} 오류`,
     goHome: "홈으로 이동",
+    sendFeedback: "피드백 보내기",
+    feedbackPlaceholder:
+      "이 오류가 나타나기 전에 무슨 일이 있었는지 적어 주세요.",
+    openGitHubIssue: "GitHub issue 열기",
   },
   "pt-BR": {
     genericTitle: "Algo deu errado",
@@ -136,6 +163,9 @@ const ERROR_COPY = {
       "Esta página não existe. Ela pode ter sido movida ou excluída.",
     statusTitle: (status: number) => `Erro ${status}`,
     goHome: "Ir para o início",
+    sendFeedback: "Enviar feedback",
+    feedbackPlaceholder: "Descreva o que aconteceu antes deste erro aparecer.",
+    openGitHubIssue: "Abrir issue no GitHub",
   },
   "hi-IN": {
     genericTitle: "कुछ गलत हुआ",
@@ -144,6 +174,9 @@ const ERROR_COPY = {
     notFoundDetails: "यह पेज मौजूद नहीं है। इसे स्थानांतरित या हटाया गया हो सकता है।",
     statusTitle: (status: number) => `${status} त्रुटि`,
     goHome: "होम जाएं",
+    sendFeedback: "फ़ीडबैक भेजें",
+    feedbackPlaceholder: "इस त्रुटि से पहले क्या हुआ, उसका वर्णन करें।",
+    openGitHubIssue: "GitHub issue खोलें",
   },
   "ar-SA": {
     genericTitle: "حدث خطأ",
@@ -152,6 +185,9 @@ const ERROR_COPY = {
     notFoundDetails: "هذه الصفحة غير موجودة. ربما تم نقلها أو حذفها.",
     statusTitle: (status: number) => `خطأ ${status}`,
     goHome: "الذهاب إلى الرئيسية",
+    sendFeedback: "إرسال الملاحظات",
+    feedbackPlaceholder: "صف ما حدث قبل ظهور هذا الخطأ.",
+    openGitHubIssue: "فتح مشكلة في GitHub",
   },
 };
 
@@ -285,6 +321,17 @@ export function ErrorBoundary() {
         >
           {copy.goHome}
         </Link>
+        <ErrorReportActions
+          appName="Agent Native"
+          title={title}
+          details={details}
+          status={status}
+          issueTitle={`Error screen: ${title}`}
+          feedbackLabel={copy.sendFeedback}
+          feedbackPlaceholder={copy.feedbackPlaceholder}
+          githubLabel={copy.openGitHubIssue}
+          className="mt-4"
+        />
         {stack && (
           <pre className="mt-6 w-full text-left text-xs overflow-auto p-4 bg-muted rounded">
             <code>{stack}</code>

package/corpus/templates/analytics/AGENTS.md

@@ -86,8 +86,10 @@ details live in `.agents/skills/`.
 - `/agents` is the Analytics home for core agent-admin surfaces. The default
   Monitoring view embeds the shared observability dashboard for traces,
   conversations, evals, experiments, and feedback. The Advanced menu opens
-  `/agents?view=database`, which embeds the shared Code-mode database admin
-  tool for table browsing, row editing, and SQL inspection. Keep future
+  `/agents?view=database`, where organization owners/admins can connect other
+  agent-native app databases and use the shared database admin tool for table
+  browsing, row editing, and SQL inspection. This surface is for connected
+  target app databases, not broad access to all Analytics data. Keep future
   agent-admin additions inside this route instead of adding many top-level
   sidebar tabs.
 - For dashboard edits, default to `mutate-dashboard` with its typed
@@ -156,8 +158,8 @@ details live in `.agents/skills/`.
   context.
 - `navigate` moves the user to the relevant analytics view, including
   `view="catalog"` for the template catalog, `view="sessions"` for session
-  replay, and `view="agents"` / `agentsView="database"` for agent monitoring
-  or advanced database admin.
+  replay, and `view="agents"` / `agentsView="database"` with optional
+  `dbAdminConnectionId` for agent monitoring or connected app database admin.
 - Use `view-screen` when the active dashboard/chart context is unclear.
 
 ## Session Replay
@@ -175,6 +177,10 @@ details live in `.agents/skills/`.
   scoped to one recording for two hours; SSR embeds an agent discovery payload
   and the JSON APIs expose only summary/timeline metadata plus bounded event
   reads.
+- Use `@agent-native/core/server` and `@agent-native/core/shared` agent-access
+  helpers for scoped token mint/verify and bot-visible URL construction. Keep
+  replay chunk/blob authorization, diagnostics payloads, and the session detail
+  UI in Analytics.
 - Recordings also capture console logs and network request metadata (request
   bodies/headers never captured; response bodies captured only as bounded,
   redacted 5xx snippets; scrubbed URLs, truncated messages, per-session

package/corpus/templates/analytics/actions/delete-db-admin-connection.ts

@@ -0,0 +1,19 @@
+import { defineAction } from "@agent-native/core/action";
+import { z } from "zod";
+
+import {
+  deleteDbAdminConnection,
+  requireDbAdminContextFromRequest,
+} from "../server/lib/db-admin-connections";
+
+export default defineAction({
+  description:
+    "Remove a connected agent-native app database from the Analytics DB admin surface and delete its encrypted connection secrets. Requires active organization owner/admin role.",
+  schema: z.object({
+    id: z.string().min(1).describe("Connection id to remove."),
+  }),
+  run: async ({ id }, ctx) => {
+    const admin = await requireDbAdminContextFromRequest(ctx);
+    return deleteDbAdminConnection(admin, id);
+  },
+});

package/corpus/templates/analytics/actions/list-db-admin-connections.ts

@@ -0,0 +1,18 @@
+import { defineAction } from "@agent-native/core/action";
+import { z } from "zod";
+
+import {
+  listDbAdminConnections,
+  requireDbAdminContextFromRequest,
+} from "../server/lib/db-admin-connections";
+
+export default defineAction({
+  description:
+    "List admin-only connected agent-native app databases available in Analytics DB admin. Requires the caller to be an owner or admin of the active organization.",
+  schema: z.object({}),
+  http: { method: "GET" },
+  run: async (_args, ctx) => {
+    const admin = await requireDbAdminContextFromRequest(ctx);
+    return listDbAdminConnections(admin);
+  },
+});

package/corpus/templates/analytics/actions/navigate.ts

@@ -31,7 +31,13 @@ export default defineAction({
     agentsView: z
       .enum(["monitoring", "database"])
       .optional()
-      .describe("Agents subview to open (monitoring or database)"),
+      .describe("Agents subview to open (monitoring or app databases)"),
+    dbAdminConnectionId: z
+      .string()
+      .optional()
+      .describe(
+        "Connected app database id to select when navigating to agentsView=database",
+      ),
   }),
   http: false,
   run: async (args) => {
@@ -41,10 +47,11 @@ export default defineAction({
       !args.analysisId &&
       !args.extensionId &&
       !args.recordingId &&
-      !args.agentsView
+      !args.agentsView &&
+      !args.dbAdminConnectionId
     ) {
       throw new Error(
-        "At least --view, --dashboardId, --analysisId, --extensionId, --recordingId, or --agentsView is required.",
+        "At least --view, --dashboardId, --analysisId, --extensionId, --recordingId, --agentsView, or --dbAdminConnectionId is required.",
       );
     }
     const nav: Record<string, string> = {};
@@ -69,6 +76,11 @@ export default defineAction({
       nav.agentsView = args.agentsView;
       if (!args.view) nav.view = "agents";
     }
+    if (args.dbAdminConnectionId) {
+      nav.dbAdminConnectionId = args.dbAdminConnectionId;
+      nav.agentsView = "database";
+      if (!args.view) nav.view = "agents";
+    }
     await writeAppState("navigate", nav);
 
     const parts: string[] = [];
@@ -78,6 +90,8 @@ export default defineAction({
     if (nav.extensionId) parts.push(`extension:${nav.extensionId}`);
     if (nav.recordingId) parts.push(`recording:${nav.recordingId}`);
     if (nav.agentsView) parts.push(`agents:${nav.agentsView}`);
+    if (nav.dbAdminConnectionId)
+      parts.push(`db-admin:${nav.dbAdminConnectionId}`);
     return `Navigating to ${parts.join(" ")}`;
   },
 });

package/corpus/templates/analytics/actions/save-db-admin-connection.ts

@@ -0,0 +1,33 @@
+import { defineAction } from "@agent-native/core/action";
+import { z } from "zod";
+
+import {
+  requireDbAdminContextFromRequest,
+  saveDbAdminConnection,
+} from "../server/lib/db-admin-connections";
+
+export default defineAction({
+  description:
+    "Create or update an admin-only connected agent-native app database for the Analytics DB admin surface. Requires active organization owner/admin role. Secret values are encrypted and are not returned.",
+  schema: z.object({
+    id: z.string().optional().describe("Existing connection id to update."),
+    name: z.string().min(1).describe("Human-readable app or agent name."),
+    appId: z.string().optional().describe("Optional app id, such as plan."),
+    appUrl: z
+      .string()
+      .optional()
+      .describe("Optional URL for the connected app."),
+    databaseUrl: z
+      .string()
+      .min(1)
+      .describe("Postgres, PostgreSQL, or libSQL database URL."),
+    databaseAuthToken: z
+      .string()
+      .optional()
+      .describe("Optional libSQL/Turso auth token. Leave empty for Postgres."),
+  }),
+  run: async (args, ctx) => {
+    const admin = await requireDbAdminContextFromRequest(ctx);
+    return saveDbAdminConnection(admin, args);
+  },
+});

package/corpus/templates/analytics/actions/view-screen.ts

@@ -197,6 +197,9 @@ export default defineAction({
     } else if (nav?.view === "agents") {
       screen.page = "agents";
       screen.agentsView = nav?.agentsView || "monitoring";
+      if (nav?.dbAdminConnectionId) {
+        screen.dbAdminConnectionId = nav.dbAdminConnectionId;
+      }
       screen.agentAdminSurfaces = [
         {
           id: "monitoring",
@@ -212,11 +215,16 @@ export default defineAction({
         },
         {
           id: "database",
-          label: "Database",
+          label: "App Databases",
           path: "/agents?view=database",
           advanced: true,
-          codeModeOnly: true,
-          includes: ["table browser", "row editor", "SQL editor"],
+          adminOnly: true,
+          includes: [
+            "connected agent-native app databases",
+            "table browser",
+            "row editor",
+            "SQL editor",
+          ],
         },
       ];
       const email = getRequestUserEmail();

package/corpus/templates/analytics/app/components/InlineMetric.tsx

@@ -1,5 +1,5 @@
-import { Card, CardContent } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
+import { Card, CardContent } from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 
 interface InlineMetricProps {
   title: string;

package/corpus/templates/analytics/app/components/dashboard/CumulativeNetChart.tsx

@@ -1,4 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   Area,
   AreaChart,
@@ -10,8 +17,6 @@ import {
   YAxis,
 } from "recharts";
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
 import {
   chartAxisStroke,
   chartGridStroke,

package/corpus/templates/analytics/app/components/dashboard/DataTable.tsx

@@ -1,21 +1,19 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
-  IconArrowsUpDown,
-  IconChevronLeft,
-  IconChevronRight,
-} from "@tabler/icons-react";
-import { useState, useMemo } from "react";
-
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   Table,
   TableBody,
@@ -23,7 +21,14 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
+} from "@agent-native/toolkit/ui/table";
+import {
+  IconArrowsUpDown,
+  IconChevronLeft,
+  IconChevronRight,
+} from "@tabler/icons-react";
+import { useState, useMemo } from "react";
+
 import { cn } from "@/lib/utils";
 
 const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];

package/corpus/templates/analytics/app/components/dashboard/DateRangePicker.tsx

@@ -1,4 +1,5 @@
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
+
 import { cn } from "@/lib/utils";
 
 export type DateRange = "7d" | "30d" | "90d";

package/corpus/templates/analytics/app/components/dashboard/MetricCard.tsx

@@ -1,5 +1,10 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 
 interface MetricCardProps {
   title: string;

package/corpus/templates/analytics/app/components/dashboard/RecentActivity.tsx

@@ -1,13 +1,16 @@
 import { useT } from "@agent-native/core/client";
-
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+} from "@agent-native/toolkit/ui/avatar";
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle,
   CardDescription,
-} from "@/components/ui/card";
+} from "@agent-native/toolkit/ui/card";
 
 const activities = [
   {

package/corpus/templates/analytics/app/components/dashboard/RevenueChart.tsx

@@ -1,4 +1,10 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
 import {
   Area,
   AreaChart,
@@ -9,7 +15,6 @@ import {
   YAxis,
 } from "recharts";
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import {
   chartAxisStroke,
   chartGridStroke,

package/corpus/templates/analytics/app/components/dashboard/RevenueComparisonChart.tsx

@@ -1,4 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   Bar,
   CartesianGrid,
@@ -12,8 +19,6 @@ import {
   YAxis,
 } from "recharts";
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
 import { chartAxisStroke, chartGridStroke } from "@/lib/chart-theme";
 
 interface RevenueComparisonChartProps {

package/corpus/templates/analytics/app/components/dashboard/SqlChart.tsx

@@ -1,5 +1,20 @@
 import { useT } from "@agent-native/core/client";
 import { EmbeddedExtension } from "@agent-native/core/client/extensions";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   IconArrowsSort,
   IconSortAscending,
@@ -42,17 +57,6 @@ import {
   YAxis,
 } from "recharts";
 
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
-
 const PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
 import { useSqlQuery } from "@/lib/sql-query";
 import { serializePanelSql } from "@/pages/adhoc/sql-dashboard/panel-sql";

package/corpus/templates/analytics/app/components/dashboard/StatsCard.tsx

@@ -1,4 +1,10 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+
 import { cn } from "@/lib/utils";
 
 interface StatsCardProps {

package/corpus/templates/analytics/app/components/dashboard/TimeSeriesChart.tsx

@@ -1,4 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   Area,
   AreaChart,
@@ -9,8 +16,6 @@ import {
   YAxis,
 } from "recharts";
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
 import {
   chartAxisStroke,
   chartGridStroke,

package/corpus/templates/analytics/app/components/layout/CommandPalette.tsx

@@ -8,6 +8,22 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { extensionPath } from "@agent-native/core/client/extensions";
+import {
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+} from "@agent-native/toolkit/ui/command";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@agent-native/toolkit/ui/dialog";
+import { Label } from "@agent-native/toolkit/ui/label";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   IconFlask,
   IconTool,
@@ -23,22 +39,6 @@ import { useTheme } from "next-themes";
 import { useEffect, useState, useCallback } from "react";
 import { useNavigate } from "react-router";
 
-import {
-  CommandDialog,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-} from "@/components/ui/command";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Label } from "@/components/ui/label";
-import { Skeleton } from "@/components/ui/skeleton";
 import { dashboards } from "@/pages/adhoc/registry";
 
 import changelog from "../../../CHANGELOG.md?raw";

package/corpus/templates/analytics/app/components/layout/HeaderActions.tsx

@@ -1,4 +1,5 @@
 import { useT } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   useEffect,
   useSyncExternalStore,
@@ -6,8 +7,6 @@ import {
   type FC,
 } from "react";
 
-import { Skeleton } from "@/components/ui/skeleton";
-
 /**
  * External store for the page's header title + actions. We use an external
  * store (not React context) so that pages can inject ReactNode without

package/corpus/templates/analytics/app/components/layout/MobileNav.tsx

@@ -1,10 +1,13 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Sheet,
+  SheetContent,
+  SheetTitle,
+} from "@agent-native/toolkit/ui/sheet";
 import { IconMenu } from "@tabler/icons-react";
 import { useState, useEffect } from "react";
 import { useLocation } from "react-router";
 
-import { Sheet, SheetContent, SheetTitle } from "@/components/ui/sheet";
-
 import { Sidebar } from "./Sidebar";
 
 export function MobileNav() {

package/corpus/templates/analytics/app/components/layout/NewAnalysisDialog.tsx

@@ -4,6 +4,12 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
 import {
   IconAlertCircle,
   IconCheck,
@@ -14,12 +20,6 @@ import {
 import { useMemo, useState } from "react";
 import { Link } from "react-router";
 
-import { Badge } from "@/components/ui/badge";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
 import {
   credentialRowsFromStatus,
   getConfiguredDataSources,