@agent-native/core 0.86.1 → 0.88.0

package/corpus/templates/clips/server/routes/api/public-recording.get.ts

@@ -13,7 +13,12 @@
  * the authenticated player route).
  */
 
-import { getSession, signShortLivedToken } from "@agent-native/core/server";
+import {
+  getSession,
+  signScopedAgentAccessToken,
+  signShortLivedToken,
+  verifyScopedAgentAccessToken,
+} from "@agent-native/core/server";
 import { asc, eq } from "drizzle-orm";
 import {
   defineEventHandler,
@@ -27,8 +32,8 @@ import {
 } from "h3";
 
 import {
-  agentAccessTokenResourceId,
   buildAgentApiUrls,
+  CLIP_AGENT_ACCESS_TOKEN_PREFIX,
 } from "../../../shared/agent-context.js";
 import {
   normalizeTranscriptSegments,
@@ -122,9 +127,20 @@ function addProtectedMediaTokenFallback(
 }
 
 export default defineEventHandler(async (event) => {
-  const q = getQuery(event) as { id?: string; password?: string };
+  const q = getQuery(event) as {
+    id?: string;
+    password?: string;
+    agent_access?: string;
+    t?: string;
+  };
   const recordingId = q.id;
   const password = typeof q.password === "string" ? q.password : "";
+  const suppliedAgentAccessToken =
+    typeof q.agent_access === "string"
+      ? q.agent_access
+      : typeof q.t === "string"
+        ? q.t
+        : "";
 
   if (!recordingId) {
     setResponseStatus(event, 400);
@@ -147,8 +163,18 @@ export default defineEventHandler(async (event) => {
   const viewerIsOwner = Boolean(
     session?.email && sameOwnerEmail(session.email, rec.ownerEmail),
   );
+  const tokenAllowsAgentAccess = suppliedAgentAccessToken
+    ? verifyScopedAgentAccessToken(suppliedAgentAccessToken, {
+        resourceKind: CLIP_AGENT_ACCESS_TOKEN_PREFIX,
+        resourceId: rec.id,
+      }).ok
+    : false;
 
-  if (rec.visibility !== "public" && !viewerIsOwner) {
+  if (
+    rec.visibility !== "public" &&
+    !viewerIsOwner &&
+    !tokenAllowsAgentAccess
+  ) {
     setResponseStatus(event, 404);
     return { error: "Not found" };
   }
@@ -165,11 +191,16 @@ export default defineEventHandler(async (event) => {
   // Password check
   let protectedMediaToken: string | null = null;
   if (rec.password && !viewerIsOwner) {
-    if (!password || !verifySharePassword(password, rec.password)) {
+    if (
+      !tokenAllowsAgentAccess &&
+      (!password || !verifySharePassword(password, rec.password))
+    ) {
       setResponseStatus(event, 401);
       return { error: "Password required", passwordRequired: true };
     }
     protectedMediaToken = setProtectedMediaAccessCookie(event, recordingId);
+  } else if (tokenAllowsAgentAccess && !viewerIsOwner) {
+    protectedMediaToken = setProtectedMediaAccessCookie(event, recordingId);
   }
 
   const [transcript] = await db
@@ -248,13 +279,18 @@ export default defineEventHandler(async (event) => {
   );
 
   const canExposeAgentContext =
-    rec.visibility === "public" && !rec.archivedAt && !rec.trashedAt;
+    (rec.visibility === "public" || tokenAllowsAgentAccess || viewerIsOwner) &&
+    !rec.archivedAt &&
+    !rec.trashedAt;
   const agentToken =
-    canExposeAgentContext && rec.password
-      ? signShortLivedToken({
-          resourceId: agentAccessTokenResourceId(recordingId),
-        })
-      : undefined;
+    canExposeAgentContext && tokenAllowsAgentAccess
+      ? suppliedAgentAccessToken
+      : canExposeAgentContext && rec.password
+        ? signScopedAgentAccessToken({
+            resourceKind: CLIP_AGENT_ACCESS_TOKEN_PREFIX,
+            resourceId: recordingId,
+          })
+        : undefined;
   const agentContextUrl = canExposeAgentContext
     ? buildAgentApiUrls(recordingId, {
         origin: getRequestURL(event).origin,

package/corpus/templates/clips/shared/agent-context.ts

@@ -1,3 +1,9 @@
+import {
+  AGENT_ACCESS_PARAM,
+  buildAgentAccessApiUrl,
+  scopedAgentAccessResourceId,
+} from "@agent-native/core/shared";
+
 import type { TranscriptSegment } from "./transcript-segments";
 
 export const CLIP_AGENT_CONTEXT_VERSION = 1;
@@ -5,9 +11,16 @@ export const AGENT_CONTEXT_ENDPOINT = "/api/agent-context.json";
 export const AGENT_TRANSCRIPT_ENDPOINT = "/api/agent-transcript.json";
 export const AGENT_FRAME_ENDPOINT = "/api/agent-frame.jpg";
 export const CLIP_AGENT_ACCESS_TOKEN_PREFIX = "clip-agent-context";
+export const CLIPS_AGENT_ACCESS_PARAM = AGENT_ACCESS_PARAM || "agent_access";
 
 export function agentAccessTokenResourceId(recordingId: string): string {
-  return `${CLIP_AGENT_ACCESS_TOKEN_PREFIX}:${recordingId}`;
+  if (typeof scopedAgentAccessResourceId !== "function") {
+    return `${CLIP_AGENT_ACCESS_TOKEN_PREFIX}:${recordingId}`;
+  }
+  return scopedAgentAccessResourceId(
+    CLIP_AGENT_ACCESS_TOKEN_PREFIX,
+    recordingId,
+  );
 }
 
 export interface AgentApiUrls {
@@ -37,20 +50,6 @@ export interface ChapterLike {
   title: string;
 }
 
-function trimSlashes(value: string): string {
-  return value.replace(/^\/+|\/+$/g, "");
-}
-
-function normalizeBasePath(basePath?: string): string {
-  const trimmed = trimSlashes(basePath ?? "");
-  return trimmed ? `/${trimmed}` : "";
-}
-
-function normalizeOrigin(origin?: string): string {
-  if (!origin) return "";
-  return origin.replace(/\/+$/g, "");
-}
-
 function endpointUrl({
   endpoint,
   recordingId,
@@ -66,12 +65,15 @@ function endpointUrl({
   token?: string | null;
   extraParams?: Array<[string, string]>;
 }): string {
-  const params = new URLSearchParams({ id: recordingId });
-  if (token) params.set("t", token);
-  for (const [key, value] of extraParams ?? []) {
-    params.set(key, value);
-  }
-  return `${normalizeOrigin(origin)}${normalizeBasePath(basePath)}${endpoint}?${params.toString()}`;
+  return buildAgentAccessApiUrl({
+    endpoint,
+    resourceId: recordingId,
+    origin,
+    basePath,
+    token,
+    tokenParam: AGENT_ACCESS_PARAM,
+    extraParams,
+  });
 }
 
 export function buildAgentApiUrls(

package/corpus/templates/content/app/blocks/contentBlockRegistry.tsx

@@ -10,14 +10,14 @@ import {
   type NestedBlock,
 } from "@agent-native/core/blocks";
 import { sendToAgentChat } from "@agent-native/core/client";
-import { useEffect, useRef, useState } from "react";
-
-import { uploadImageFile } from "@/components/editor/image-upload";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
+} from "@agent-native/toolkit/ui/popover";
+import { useEffect, useRef, useState } from "react";
+
+import { uploadImageFile } from "@/components/editor/image-upload";
 import { cn } from "@/lib/utils";
 
 import { builderDocsBlocks } from "./BuilderDocsBlocks";

package/corpus/templates/content/app/components/EmptyState.tsx

@@ -1,11 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import type { Document } from "@shared/api";
 import { IconFileText, IconPlus } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
 import { useCreateDocument } from "@/hooks/use-documents";
 
 function nanoid(size = 12): string {

package/corpus/templates/content/app/components/ThemeToggle.tsx

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { IconDeviceDesktop, IconMoon, IconSun } from "@tabler/icons-react";
-import { useTheme } from "next-themes";
-import { useState, useEffect } from "react";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconDeviceDesktop, IconMoon, IconSun } from "@tabler/icons-react";
+import { useTheme } from "next-themes";
+import { useState, useEffect } from "react";
+
 import { cn } from "@/lib/utils";
 
 const themeOptions = [

package/corpus/templates/content/app/components/editor/BubbleToolbar.tsx

@@ -1,4 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconBold,
   IconItalic,
@@ -22,11 +27,6 @@ import type { Editor } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useEffect, useState } from "react";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 import { captureAnchor, type CommentTextAnchor } from "./comment-anchors";

package/corpus/templates/content/app/components/editor/CommentsSidebar.tsx

@@ -1,4 +1,9 @@
 import { sendToAgentChat, emailToName, useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconCheck,
   IconMessageCircle,
@@ -15,11 +20,6 @@ import {
   type RefObject,
 } from "react";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   useCreateComment,
   useResolveComment,

package/corpus/templates/content/app/components/editor/ContentReferencePreview.tsx

@@ -1,9 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { IconExternalLink, IconFileText } from "@tabler/icons-react";
 import { lazy, Suspense, useMemo } from "react";
 import { useNavigate } from "react-router";
 
-import { Button } from "@/components/ui/button";
 import { useDocument, useDocuments } from "@/hooks/use-documents";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/content/app/components/editor/DocumentDatabase.tsx

@@ -6,6 +6,42 @@ import {
   useCodeMode,
   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,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@agent-native/toolkit/ui/sheet";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import {
   BUILDER_CMS_SAFE_WRITE_MODEL,
   type BuilderCmsModelSummary,
@@ -99,42 +135,6 @@ import {
 import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
-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,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@/components/ui/sheet";
-import { Spinner } from "@/components/ui/spinner";
 import {
   useAddDatabaseItem,
   useAddContentDatabaseSourceFieldProperty,

package/corpus/templates/content/app/components/editor/DocumentEditor.tsx

@@ -10,6 +10,9 @@ import {
   agentNativePath,
   type CollabUser,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Sheet, SheetContent } from "@agent-native/toolkit/ui/sheet";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { Document, DocumentSyncStatus } from "@shared/api";
 import { IconArrowLeft, IconDatabase } from "@tabler/icons-react";
 import { IconLock } from "@tabler/icons-react";
@@ -30,9 +33,6 @@ import {
   contentBlockRegistry,
   createContentBlockRenderContext,
 } from "@/blocks/contentBlockRegistry";
-import { Button } from "@/components/ui/button";
-import { Sheet, SheetContent } from "@/components/ui/sheet";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useComments } from "@/hooks/use-comments";
 import { useProcessBuilderBodyHydration } from "@/hooks/use-content-database";
 import {

package/corpus/templates/content/app/components/editor/DocumentProperties.tsx

@@ -4,6 +4,35 @@ import {
   useSession,
   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 {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import type {
   AddContentDatabaseSourceFieldPropertyRequest,
   BindContentDatabaseSourceFieldRequest,
@@ -74,35 +103,6 @@ import {
 } from "react";
 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 {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Spinner } from "@/components/ui/spinner";
 import { applySourceFieldPropertyToDatabaseResponse } from "@/hooks/use-content-database";
 import {
   useConfigureDocumentProperty,

package/corpus/templates/content/app/components/editor/DocumentToolbar.tsx

@@ -8,6 +8,29 @@ import {
   type CollabUser,
 } from "@agent-native/core/client";
 import { ShareButton } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type { DocumentSourceInfo } from "@shared/api";
 import {
   IconArrowBarDown,
@@ -36,29 +59,6 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useLocalStorage } from "@/hooks/use-local-storage";
 import {
   useNotionConnection,

package/corpus/templates/content/app/components/editor/EmojiPicker.tsx

@@ -1,17 +1,16 @@
 import { useT } from "@agent-native/core/client";
-import { IconMoodSmile } from "@tabler/icons-react";
-import { useState, useMemo, useRef, useEffect, type ReactNode } from "react";
-
 import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from "@/components/ui/popover";
+} from "@agent-native/toolkit/ui/popover";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconMoodSmile } from "@tabler/icons-react";
+import { useState, useMemo, useRef, useEffect, type ReactNode } from "react";
 
 type EmojiCategory = { name: string; emojis: string[] };
 

package/corpus/templates/content/app/components/editor/LinkHoverPreview.tsx

@@ -1,13 +1,12 @@
 import { useT } from "@agent-native/core/client";
-import { IconUnlink, IconExternalLink, IconPencil } from "@tabler/icons-react";
-import type { Editor } from "@tiptap/react";
-import { useEffect, useState, useRef } from "react";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconUnlink, IconExternalLink, IconPencil } from "@tabler/icons-react";
+import type { Editor } from "@tiptap/react";
+import { useEffect, useState, useRef } from "react";
 
 interface LinkHoverPreviewProps {
   editor: Editor;

package/corpus/templates/content/app/components/editor/NotionConflictBanner.tsx

@@ -1,9 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { IconAlertTriangle, IconLoader2 } from "@tabler/icons-react";
 import { useState } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
 import { useLocalStorage } from "@/hooks/use-local-storage";
 import {
   useDocumentSyncStatus,

package/corpus/templates/content/app/components/editor/NotionSyncBar.tsx

@@ -1,4 +1,6 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Input } from "@agent-native/toolkit/ui/input";
 import {
   IconLink,
   IconRefresh,
@@ -12,8 +14,6 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
 import {
   useDisconnectNotion,
   useDocumentSyncStatus,

package/corpus/templates/content/app/components/editor/SlashCommandMenu.tsx

@@ -1,4 +1,9 @@
 import { useSendToAgentChat, useT } from "@agent-native/core/client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
 import type { CreateInlineDatabaseResponse } from "@shared/api";
 import { collapseExactRepeatedNfm, docToNfm } from "@shared/nfm";
 import { serializeRegistryBlockToMdx } from "@shared/nfm-registry";
@@ -30,11 +35,6 @@ import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
 import { contentBlockRegistry } from "@/blocks/contentBlockRegistry";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
 import { useCreateInlineContentDatabase } from "@/hooks/use-content-database";
 import { useCreatePage } from "@/hooks/use-create-page";
 import { cn } from "@/lib/utils";

package/corpus/templates/content/app/components/editor/TableHoverControls.tsx

@@ -1,4 +1,17 @@
 import { useT } from "@agent-native/core/client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArrowDown,
   IconArrowLeft,
@@ -20,19 +33,6 @@ import {
   type PointerEvent as ReactPointerEvent,
 } from "react";
 
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 interface TableHoverControlsProps {