@agent-native/core 0.86.1 → 0.87.0

package/corpus/templates/calendar/app/pages/CalendarView.tsx

@@ -4,6 +4,23 @@ import {
   NotificationsBell,
   useT,
 } from "@agent-native/core/client";
+import { useIsMobile } from "@agent-native/toolkit/hooks/use-mobile";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type {
   CalendarEvent,
   CalendarEventDraft,
@@ -52,22 +69,6 @@ import { PeopleSearchDialog } from "@/components/calendar/PeopleSearchDialog";
 import { WeekView } from "@/components/calendar/WeekView";
 import { useCalendarContext } from "@/components/layout/AppLayout";
 import type { ViewMode } from "@/components/layout/AppLayout";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Spinner } from "@/components/ui/spinner";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   useEvents,
   useCreateEvent,
@@ -78,7 +79,6 @@ import {
 } from "@/hooks/use-events";
 import { useGoogleAuthStatus } from "@/hooks/use-google-auth";
 import { useMeetingStartNotifications } from "@/hooks/use-meeting-start-notifications";
-import { useIsMobile } from "@/hooks/use-mobile";
 import { useOverlayPeople } from "@/hooks/use-overlay-people";
 import { useSettings } from "@/hooks/use-settings";
 import { setUndoAction, runUndo } from "@/hooks/use-undo";

package/corpus/templates/calendar/app/pages/ManageBookingPage.tsx

@@ -1,4 +1,17 @@
 import { useT } from "@agent-native/core/client";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import {
   IconCalendar,
   IconClock,
@@ -12,19 +25,6 @@ import { useState } from "react";
 import { useParams, useNavigate } from "react-router";
 import { toast } from "sonner";
 
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
-import { Spinner } from "@/components/ui/spinner";
 import { appApiPath } from "@/lib/api-path";
 
 interface BookingInfo {

package/corpus/templates/calendar/app/pages/Settings.tsx

@@ -9,6 +9,18 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
+import { Separator } from "@agent-native/toolkit/ui/separator";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   IconBrandZoom,
   IconExternalLink,
@@ -23,18 +35,6 @@ import { toast } from "sonner";
 
 import { GoogleSetupWizard } from "@/components/calendar/GoogleSetupWizard";
 import { TimezoneCombobox } from "@/components/TimezoneCombobox";
-import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Separator } from "@/components/ui/separator";
-import { Textarea } from "@/components/ui/textarea";
 import {
   useGoogleAuthStatus,
   useGoogleAuthUrl,

package/corpus/templates/calendar/app/routes/event.tsx

@@ -4,6 +4,8 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import type { CalendarEvent } from "@shared/api";
 import {
   IconClock,
@@ -16,8 +18,6 @@ import {
 import { format, parseISO, differenceInMinutes } from "date-fns";
 import { useSearchParams } from "react-router";
 
-import { Button } from "@/components/ui/button";
-import { Spinner } from "@/components/ui/spinner";
 import { messagesByLocale } from "@/i18n-data";
 
 type EventPreviewResult = CalendarEvent | { error: string };

package/corpus/templates/calendar/package.json

@@ -18,6 +18,7 @@
   "dependencies": {
     "@agent-native/core": "workspace:*",
     "@agent-native/scheduling": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.0",
     "@resvg/resvg-js": "^2.6.2",

package/corpus/templates/chat/app/components/layout/Header.tsx

@@ -1,11 +1,13 @@
 import { AgentToggleButton, useT } from "@agent-native/core/client";
+import {
+  useHeaderTitle,
+  useHeaderActions,
+} from "@agent-native/toolkit/app-shell";
 import { IconMenu2 } from "@tabler/icons-react";
 import { useLocation } from "react-router";
 
 import { APP_TITLE } from "@/lib/app-config";
 
-import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-
 const pageTitleKeys: Record<string, string> = {
   "/": "navigation.chat",
   "/observability": "navigation.observability",

package/corpus/templates/chat/app/components/layout/Layout.tsx

@@ -6,22 +6,22 @@ import {
   useAgentChatHomeHandoffLinks,
   useT,
 } from "@agent-native/core/client";
-import { IconMenu2 } from "@tabler/icons-react";
-import { useState, useEffect } from "react";
-import { useLocation, useNavigate } from "react-router";
-
-import { Button } from "@/components/ui/button";
+import { HeaderActionsProvider } from "@agent-native/toolkit/app-shell";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetTitle,
-} from "@/components/ui/sheet";
+} from "@agent-native/toolkit/ui/sheet";
+import { IconMenu2 } from "@tabler/icons-react";
+import { useState, useEffect } from "react";
+import { useLocation, useNavigate } from "react-router";
+
 import { APP_TITLE } from "@/lib/app-config";
 import { TAB_ID } from "@/lib/tab-id";
 
 import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
 import { Sidebar } from "./Sidebar";
 
 interface LayoutProps {

package/corpus/templates/chat/app/components/layout/Sidebar.tsx

@@ -8,6 +8,18 @@ import {
 } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconActivity,
   IconArchive,
@@ -25,18 +37,6 @@ import { useEffect, useMemo, useRef, useState, type FormEvent } from "react";
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { APP_TITLE } from "@/lib/app-config";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/chat/app/routes/database.tsx

@@ -1,7 +1,6 @@
 import { useT } from "@agent-native/core/client";
 import { DbAdminPage } from "@agent-native/core/client/db-admin";
-
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
 
 export function meta() {
   return [{ title: "Database" }];

package/corpus/templates/chat/app/routes/observability.tsx

@@ -1,6 +1,6 @@
 import { ObservabilityDashboard, useT } from "@agent-native/core/client";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
 
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
 import enUS from "@/i18n/en-US";
 
 export function meta() {

package/corpus/templates/chat/app/routes/settings.tsx

@@ -6,17 +6,17 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
-
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
-import { Button } from "@/components/ui/button";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
+} from "@agent-native/toolkit/ui/card";
+import { Label } from "@agent-native/toolkit/ui/label";
+
 import { APP_TITLE } from "@/lib/app-config";
 
 import changelog from "../../CHANGELOG.md?raw";

package/corpus/templates/chat/package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@agent-native/core": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.8",
     "@tabler/icons-react": "catalog:",

package/corpus/templates/clips/AGENTS.md

@@ -135,6 +135,11 @@ Detailed media, meeting, dictation, editing, and sharing rules live in
   private/authenticated recording context. When preparing a link for another
   agent outside Clips, use `create-recording-agent-link`; it mints a two-hour
   `agent_access` share URL without changing recording visibility.
+- Use `@agent-native/core/server` and `@agent-native/core/shared` agent-access
+  helpers for scoped token mint/verify and bot-visible URL construction. Keep
+  Clips-specific visibility, password, transcript, frame, and player behavior
+  in Clips. New URLs should use `agent_access`; existing agent API routes should
+  keep accepting legacy `t` tokens for copied links.
 
 ## Skills
 

package/corpus/templates/clips/actions/create-recording-agent-link.ts

@@ -1,20 +1,20 @@
 import { defineAction } from "@agent-native/core";
 import {
+  buildAgentAccessUrl,
+  createScopedAgentAccessGrant,
   getRequestContext,
   getRequestUserEmail,
-  signShortLivedToken,
 } from "@agent-native/core/server";
 import { ForbiddenError, resolveAccess } from "@agent-native/core/sharing";
 import { z } from "zod";
 
 import {
-  CLIPS_AGENT_ACCESS_PARAM,
   CLIPS_AGENT_ACCESS_TTL_SECONDS,
   getServerAppBasePath,
 } from "../server/lib/public-agent-context.js";
 import {
-  agentAccessTokenResourceId,
   buildAgentApiUrls,
+  CLIP_AGENT_ACCESS_TOKEN_PREFIX,
 } from "../shared/agent-context.js";
 
 function appOrigin(): string {
@@ -30,11 +30,6 @@ function appOrigin(): string {
   }
 }
 
-function appendAgentAccess(url: string, token: string): string {
-  const sep = url.includes("?") ? "&" : "?";
-  return `${url}${sep}${CLIPS_AGENT_ACCESS_PARAM}=${encodeURIComponent(token)}`;
-}
-
 export default defineAction({
   description:
     "Create a temporary private agent-readable link for one Clips recording. The URL is scoped to that recording and expires after two hours.",
@@ -59,32 +54,32 @@ export default defineAction({
       );
     }
 
-    const token = signShortLivedToken({
-      resourceId: agentAccessTokenResourceId(recording.id),
+    const grant = createScopedAgentAccessGrant({
+      resourceKind: CLIP_AGENT_ACCESS_TOKEN_PREFIX,
+      resourceId: recording.id,
       viewerEmail: getRequestUserEmail() || undefined,
       ttlSeconds: CLIPS_AGENT_ACCESS_TTL_SECONDS,
     });
     const origin = appOrigin();
     const basePath = getServerAppBasePath();
-    const expiresAt = new Date(
-      Date.now() + CLIPS_AGENT_ACCESS_TTL_SECONDS * 1000,
-    ).toISOString();
-    const pageUrl = appendAgentAccess(
-      `${origin}${basePath}/share/${encodeURIComponent(recording.id)}`,
-      token,
-    );
+    const pageUrl = buildAgentAccessUrl({
+      path: `/share/${encodeURIComponent(recording.id)}`,
+      origin,
+      basePath,
+      token: grant.token,
+    });
     const api = buildAgentApiUrls(recording.id, {
       origin,
       basePath,
-      token,
+      token: grant.token,
     });
 
     return {
       recordingId: recording.id,
       url: pageUrl,
       contextUrl: api.contextUrl,
-      expiresAt,
-      ttlSeconds: CLIPS_AGENT_ACCESS_TTL_SECONDS,
+      expiresAt: grant.expiresAt,
+      ttlSeconds: grant.ttlSeconds,
     };
   },
 });

package/corpus/templates/clips/actions/delete-recording-permanent.ts

@@ -11,10 +11,14 @@ import {
   deleteAppState,
   deleteAppStateByPrefix,
 } from "@agent-native/core/application-state";
-import { and, eq } from "drizzle-orm";
+import { and, eq, inArray, ne, or } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
+import {
+  deleteRecordingMediaObjects,
+  recordingMediaUrls,
+} from "../server/lib/recording-media-cleanup.js";
 import {
   getCurrentOwnerEmail,
   ownerEmailMatches,
@@ -41,38 +45,74 @@ export default defineAction({
       );
     if (!existing) throw new Error(`Recording not found: ${args.id}`);
 
-    // Cascade delete every related row.
-    await db
-      .delete(schema.recordingComments)
-      .where(eq(schema.recordingComments.recordingId, args.id));
-    await db
-      .delete(schema.recordingReactions)
-      .where(eq(schema.recordingReactions.recordingId, args.id));
-    await db
-      .delete(schema.recordingViewers)
-      .where(eq(schema.recordingViewers.recordingId, args.id));
-    await db
-      .delete(schema.recordingEvents)
-      .where(eq(schema.recordingEvents.recordingId, args.id));
-    await db
-      .delete(schema.recordingTranscripts)
-      .where(eq(schema.recordingTranscripts.recordingId, args.id));
-    await db
-      .delete(schema.recordingBrowserDiagnostics)
-      .where(eq(schema.recordingBrowserDiagnostics.recordingId, args.id));
-    await db
-      .delete(schema.recordingBugReports)
-      .where(eq(schema.recordingBugReports.recordingId, args.id));
-    await db
-      .delete(schema.recordingTags)
-      .where(eq(schema.recordingTags.recordingId, args.id));
-    await db
-      .delete(schema.recordingCtas)
-      .where(eq(schema.recordingCtas.recordingId, args.id));
-    await db
-      .delete(schema.recordingShares)
-      .where(eq(schema.recordingShares.resourceId, args.id));
-    await db.delete(schema.recordings).where(eq(schema.recordings.id, args.id));
+    const mediaUrls = recordingMediaUrls(existing);
+    const protectedUrls = new Set<string>();
+    if (mediaUrls.length > 0) {
+      const mediaReferences = await db
+        .select({
+          videoUrl: schema.recordings.videoUrl,
+          thumbnailUrl: schema.recordings.thumbnailUrl,
+          animatedThumbnailUrl: schema.recordings.animatedThumbnailUrl,
+        })
+        .from(schema.recordings)
+        .where(
+          and(
+            ne(schema.recordings.id, args.id),
+            or(
+              inArray(schema.recordings.videoUrl, mediaUrls),
+              inArray(schema.recordings.thumbnailUrl, mediaUrls),
+              inArray(schema.recordings.animatedThumbnailUrl, mediaUrls),
+            ),
+          ),
+        );
+      for (const reference of mediaReferences) {
+        for (const url of recordingMediaUrls(reference)) {
+          if (mediaUrls.includes(url)) protectedUrls.add(url);
+        }
+      }
+    }
+
+    await db.transaction(async (tx) => {
+      // Cascade delete every related row before deleting remote objects. If any
+      // DB delete fails, the transaction rolls back and provider media stays put.
+      await tx
+        .delete(schema.recordingComments)
+        .where(eq(schema.recordingComments.recordingId, args.id));
+      await tx
+        .delete(schema.recordingReactions)
+        .where(eq(schema.recordingReactions.recordingId, args.id));
+      await tx
+        .delete(schema.recordingViewers)
+        .where(eq(schema.recordingViewers.recordingId, args.id));
+      await tx
+        .delete(schema.recordingEvents)
+        .where(eq(schema.recordingEvents.recordingId, args.id));
+      await tx
+        .delete(schema.recordingTranscripts)
+        .where(eq(schema.recordingTranscripts.recordingId, args.id));
+      await tx
+        .delete(schema.recordingBrowserDiagnostics)
+        .where(eq(schema.recordingBrowserDiagnostics.recordingId, args.id));
+      await tx
+        .delete(schema.recordingBugReports)
+        .where(eq(schema.recordingBugReports.recordingId, args.id));
+      await tx
+        .delete(schema.recordingTags)
+        .where(eq(schema.recordingTags.recordingId, args.id));
+      await tx
+        .delete(schema.recordingCtas)
+        .where(eq(schema.recordingCtas.recordingId, args.id));
+      await tx
+        .delete(schema.recordingShares)
+        .where(eq(schema.recordingShares.resourceId, args.id));
+      await tx
+        .delete(schema.recordings)
+        .where(eq(schema.recordings.id, args.id));
+    });
+
+    const mediaCleanup = await deleteRecordingMediaObjects(existing, {
+      protectedUrls,
+    });
 
     // Clean up any lingering application state for this recording.
     await deleteAppStateByPrefix(`recording-chunks-${args.id}-`);
@@ -86,6 +126,6 @@ export default defineAction({
     console.log(
       `Permanently deleted recording "${existing.title}" (${args.id})`,
     );
-    return { success: true, id: args.id };
+    return { success: true, id: args.id, mediaCleanup };
   },
 });

package/corpus/templates/clips/app/components/capture-install-options.tsx

@@ -1,4 +1,10 @@
 import { appPath, useT } from "@agent-native/core/client";
+import { Button, type ButtonProps } from "@agent-native/toolkit/ui/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
 import {
   IconBrandApple,
   IconBrandChrome,
@@ -9,12 +15,6 @@ import {
 } from "@tabler/icons-react";
 import { type ReactNode } from "react";
 
-import { Button, type ButtonProps } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
 import {
   clipsChromeExtensionEnabled,
   clipsChromeExtensionUrl,

package/corpus/templates/clips/app/components/editable-recording-title.tsx

@@ -1,11 +1,11 @@
 import { useActionMutation, useT } from "@agent-native/core/client";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import { IconEdit } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useEffect, useRef, useState, type ReactNode } from "react";
 import { toast } from "sonner";
 
-import { Input } from "@/components/ui/input";
-import { Skeleton } from "@/components/ui/skeleton";
 import { isDefaultTitle } from "@/hooks/use-auto-title";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/clips/app/components/editor/chapters-editor.tsx

@@ -1,4 +1,11 @@
 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 {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconBookmarks,
   IconPlus,
@@ -8,13 +15,6 @@ import {
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { formatMs } from "@/lib/timestamp-mapping";
 import { cn } from "@/lib/utils";