@agent-native/core 0.86.1 → 0.88.0

package/corpus/templates/slides/app/components/editor/SlideBubbleMenu.tsx

@@ -1,4 +1,14 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconBold,
   IconItalic,
@@ -21,16 +31,6 @@ import type { Editor } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useState } from "react";
 
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn, shortcutLabel } from "@/lib/utils";
 
 import { getBrandPalette, setBrandPalette } from "./style-clipboard";

package/corpus/templates/slides/app/components/editor/SlideEditor.tsx

@@ -11,6 +11,12 @@ import {
   type AttributedRecentEdit,
   type CollabUser,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import { appStateKeyForBrowserTab } from "@shared/app-state-tabs";
 import {
   IconAlertTriangle,
@@ -30,12 +36,6 @@ import { createPortal } from "react-dom";
 import { ExcalidrawSlide } from "@/components/deck/ExcalidrawSlide";
 import SlideRenderer from "@/components/deck/SlideRenderer";
 import type { SlideOverflowInfo } from "@/components/deck/SlideRenderer";
-import { Button } from "@/components/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   DrawOverlay,
   CanvasCommentPins,

package/corpus/templates/slides/app/components/editor/SlideStyleInspector.tsx

@@ -7,6 +7,7 @@ import {
   VisualScrubInput,
   VisualSegmentedControl,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import type { DesignSystemData } from "@shared/api";
 import {
   IconAlignCenter,
@@ -20,8 +21,6 @@ import {
   IconX,
 } from "@tabler/icons-react";
 
-import { Button } from "@/components/ui/button";
-
 export interface SlideStyleSnapshot {
   selector: string;
   label: string;

package/corpus/templates/slides/app/components/editor/TweaksPanel.tsx

@@ -4,9 +4,9 @@ import {
   VisualInspectorSection,
   VisualTweakControl,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { IconAdjustmentsHorizontal, IconX } from "@tabler/icons-react";
 
-import { Button } from "@/components/ui/button";
 import type { TweakDefinition } from "@/lib/design-systems";
 
 interface TweaksPanelProps {

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

@@ -1,11 +1,13 @@
 import { AgentToggleButton, useT } from "@agent-native/core/client";
 import { RunsTray } from "@agent-native/core/client/progress";
+import {
+  useHeaderTitle,
+  useHeaderActions,
+} from "@agent-native/toolkit/app-shell";
 import { useLocation } from "react-router";
 
 import { useDecks } from "@/context/DeckContext";
 
-import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-
 const pageTitleKeys: Record<string, string> = {
   "/": "header.decks",
   "/design-systems": "header.designSystems",

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

@@ -1,5 +1,6 @@
 import { AgentSidebar, useT } from "@agent-native/core/client";
 import { InvitationBanner } from "@agent-native/core/client/org";
+import { HeaderActionsProvider } from "@agent-native/toolkit/app-shell";
 import { IconMenu2 } from "@tabler/icons-react";
 import { useEffect, useMemo, useState } from "react";
 import { useLocation } from "react-router";
@@ -11,7 +12,6 @@ import { cn } from "@/lib/utils";
 
 import { AgentWorkIndicator } from "./AgentWorkIndicator";
 import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
 import { Sidebar } from "./Sidebar";
 
 interface LayoutProps {

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

@@ -6,6 +6,11 @@ import {
 } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconStack2,
   IconPalette,
@@ -15,11 +20,6 @@ import {
 } from "@tabler/icons-react";
 import { Link, useLocation } from "react-router";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 const navItems = [

package/corpus/templates/slides/app/components/visual-editor/CanvasCommentPins.tsx

@@ -1,14 +1,14 @@
 import { sendToAgentChat, useT } from "@agent-native/core/client";
-import { IconMessage, IconSend, IconX } from "@tabler/icons-react";
-import { useEffect, useRef, useState } from "react";
-
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconMessage, IconSend, IconX } from "@tabler/icons-react";
+import { useEffect, useRef, useState } from "react";
+
 import { cn } from "@/lib/utils";
 
 export interface CanvasPin {

package/corpus/templates/slides/app/components/visual-editor/DrawOverlay.tsx

@@ -1,4 +1,11 @@
 import { 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 {
   IconEraser,
   IconArrowBackUp,
@@ -8,13 +15,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useRef, useCallback, useEffect } from "react";
 
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 export interface DrawAnnotation {

package/corpus/templates/slides/app/pages/DeckEditor.tsx

@@ -10,6 +10,9 @@ import {
 } from "@agent-native/core/client";
 import { useOrg } from "@agent-native/core/client/org";
 import type { PinpointProps } from "@agent-native/pinpoint/react";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { ToastAction } from "@agent-native/toolkit/ui/toast";
 import {
   DndContext,
   closestCenter,
@@ -50,8 +53,6 @@ import LogoSearchPanel from "@/components/editor/LogoSearchPanel";
 import { QuestionFlow } from "@/components/editor/QuestionFlow";
 import SlideEditor from "@/components/editor/SlideEditor";
 import { TweaksPanel } from "@/components/editor/TweaksPanel";
-import { Button } from "@/components/ui/button";
-import { ToastAction } from "@/components/ui/toast";
 import { useDecks } from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
 import { useDeckDesignSystem } from "@/hooks/use-deck-design-system";
@@ -61,7 +62,6 @@ import {
   useSlideComments,
   type CommentThread,
 } from "@/hooks/use-slide-comments";
-import { toast } from "@/hooks/use-toast";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 import { getPreset } from "@/lib/design-systems";
 import { exportDeckAsPdf } from "@/lib/export-pdf-client";

package/corpus/templates/slides/app/pages/DesignSystems.tsx

@@ -1,14 +1,14 @@
 import { callAction, useT } from "@agent-native/core/client";
+import {
+  useSetHeaderActions,
+  useSetPageTitle,
+} from "@agent-native/toolkit/app-shell";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { IconPlus, IconPalette } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
 
 import { DesignSystemCard } from "@/components/design-system/DesignSystemCard";
 import { DesignSystemSetup } from "@/components/design-system/DesignSystemSetup";
-import {
-  useSetHeaderActions,
-  useSetPageTitle,
-} from "@/components/layout/HeaderActions";
-import { Button } from "@/components/ui/button";
 import { useDesignSystems } from "@/hooks/use-design-systems";
 
 import type { DesignSystemData } from "../../shared/api";

package/corpus/templates/slides/app/pages/Index.tsx

@@ -5,19 +5,11 @@ import {
   useSession,
   useT,
 } from "@agent-native/core/client";
-import { extractGoogleDocUrls } from "@shared/google-docs";
-import { IconPlus, IconStack2, IconUserCircle } from "@tabler/icons-react";
-import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { flushSync } from "react-dom";
-import { useNavigate, useSearchParams } from "react-router";
-
-import DeckCard from "@/components/deck/DeckCard";
-import PromptPopover from "@/components/editor/PromptDialog";
-import type { UploadedFile } from "@/components/editor/PromptDialog";
 import {
   useSetHeaderActions,
   useSetPageTitle,
-} from "@/components/layout/HeaderActions";
+} from "@agent-native/toolkit/app-shell";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -27,20 +19,31 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+} from "@agent-native/toolkit/ui/select";
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@agent-native/toolkit/ui/toggle-group";
+import { extractGoogleDocUrls } from "@shared/google-docs";
+import { IconPlus, IconStack2, IconUserCircle } from "@tabler/icons-react";
+import { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { flushSync } from "react-dom";
+import { useNavigate, useSearchParams } from "react-router";
+
+import DeckCard from "@/components/deck/DeckCard";
+import PromptPopover from "@/components/editor/PromptDialog";
+import type { UploadedFile } from "@/components/editor/PromptDialog";
 import { useDecks } from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
 import { useDesignSystems } from "@/hooks/use-design-systems";
-import { toast } from "@/hooks/use-toast";
 import { savePromptToComposerDraft } from "@/lib/composer-draft";
 
 const MAX_SOURCE_CONTEXT_CHARS = 60_000;

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

@@ -15,6 +15,7 @@ import {
   getLocaleInitScript,
   getThemeInitScript,
 } from "@agent-native/core/client";
+import { Toaster } from "@agent-native/toolkit/ui/toaster";
 import { IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
@@ -30,7 +31,6 @@ import {
 import type { LinksFunction } from "react-router";
 
 import { Layout as AppLayout } from "@/components/layout/Layout";
-import { Toaster } from "@/components/ui/toaster";
 import { DeckProvider } from "@/context/DeckContext";
 import { useNavigationState } from "@/hooks/use-navigation-state";
 import { TAB_ID } from "@/lib/tab-id";
@@ -247,8 +247,8 @@ export default function Root() {
       i18n={{ catalog: i18nCatalog }}
     >
       <AppContent />
-      {/* useToast-based Toaster — separate from AppProviders' sonner Toaster.
-          Components throughout the app call toast() from @/hooks/use-toast,
+      {/* useToast-based Toaster - separate from AppProviders' sonner Toaster.
+          Components throughout the app call toast() from @agent-native/toolkit,
           which requires this Toaster to be mounted. */}
       <Toaster />
     </AppProviders>

package/corpus/templates/slides/app/routes/p.$id.tsx

@@ -1,4 +1,13 @@
-import { getConfiguredAppBasePath } from "@agent-native/core/server";
+import {
+  AGENT_ACCESS_PARAM,
+  getConfiguredAppBasePath,
+  verifyScopedAgentAccessToken,
+} from "@agent-native/core/server";
+import {
+  AGENT_READABLE_RESOURCE_SCRIPT_TYPE,
+  buildAgentReadableResourceDiscovery,
+  safeJsonForHtml,
+} from "@agent-native/core/shared";
 import {
   toSharedDeckSlide,
   type SharedDeckResponse,
@@ -6,15 +15,29 @@ import {
 } from "@shared/api";
 import { eq } from "drizzle-orm";
 import { useEffect } from "react";
-import type { LoaderFunctionArgs, MetaFunction } from "react-router";
-import { useLoaderData } from "react-router";
+import type {
+  HeadersArgs,
+  LoaderFunctionArgs,
+  MetaFunction,
+} from "react-router";
+import { data, useLoaderData } from "react-router";
 
 import SharedPresentation from "@/pages/SharedPresentation";
 
 import { getDb, schema } from "../../server/db";
+import {
+  DECK_AGENT_CONTEXT_ENDPOINT,
+  DECK_AGENT_RESOURCE_KIND,
+} from "../../shared/agent-readable";
 
 type LoaderData =
-  | { deck: SharedDeckResponse; error?: undefined }
+  | {
+      deck: SharedDeckResponse;
+      error?: undefined;
+      id: string;
+      basePath: string;
+      agentAccessToken?: string | null;
+    }
   | {
       deck: null;
       error: string;
@@ -34,6 +57,22 @@ type DeckData = {
   aspectRatio?: SharedDeckResponse["aspectRatio"];
 };
 
+const PRIVATE_AGENT_DECK_HEADERS = {
+  "Cache-Control": "private, max-age=0, no-store",
+  "Referrer-Policy": "no-referrer",
+};
+
+function publicDeckLoaderData(payload: LoaderData, privateAgentAccess = false) {
+  if (!privateAgentAccess) return payload;
+  return data(payload, {
+    headers: PRIVATE_AGENT_DECK_HEADERS,
+  });
+}
+
+export function headers({ loaderHeaders }: HeadersArgs) {
+  return loaderHeaders;
+}
+
 function toSharedDeck(row: {
   title: string | null;
   data: string;
@@ -48,11 +87,13 @@ function toSharedDeck(row: {
   };
 }
 
-export async function loader({
-  params,
-}: LoaderFunctionArgs): Promise<LoaderData> {
+export async function loader({ params, request }: LoaderFunctionArgs) {
   const id = params.id;
   if (!id) throw new Response("Not found", { status: 404 });
+  const agentAccessToken = new URL(request.url).searchParams.get(
+    AGENT_ACCESS_PARAM,
+  );
+  const basePath = getConfiguredAppBasePath();
 
   // Access is checked on the deck, not the URL shape: `/p/<id>` (presentation)
   // and `/deck/<id>` (editor) share the same rules. SSR renders impersonally (no
@@ -76,12 +117,28 @@ export async function loader({
     .limit(1);
 
   if (!deck) throw new Response("Not found", { status: 404 });
-  if (deck.visibility === "public") return { deck: toSharedDeck(deck) };
-  return {
+  const tokenAccess = agentAccessToken
+    ? verifyScopedAgentAccessToken(agentAccessToken, {
+        resourceKind: DECK_AGENT_RESOURCE_KIND,
+        resourceId: id,
+      }).ok
+    : false;
+  if (deck.visibility === "public" || tokenAccess) {
+    return publicDeckLoaderData(
+      {
+        deck: toSharedDeck(deck),
+        id,
+        basePath,
+        agentAccessToken: tokenAccess ? agentAccessToken : null,
+      },
+      tokenAccess,
+    );
+  }
+  return publicDeckLoaderData({
     deck: null,
     error: "restricted",
-    restricted: { id, basePath: getConfiguredAppBasePath() },
-  };
+    restricted: { id, basePath },
+  });
 }
 
 export const meta: MetaFunction<typeof loader> = ({ loaderData }) => {
@@ -101,8 +158,65 @@ export default function PublicDeckRoute() {
 
   // Redirecting to the guarded editor to resolve per-user access client-side.
   if (restricted) return null;
+  if (data.deck === null) {
+    return (
+      <SharedPresentation initialDeck={data.deck} initialError={data.error} />
+    );
+  }
 
   return (
-    <SharedPresentation initialDeck={data.deck} initialError={data.error} />
+    <>
+      <AgentReadableDeckDiscovery
+        id={data.id}
+        title={data.deck.title}
+        basePath={data.basePath}
+        token={data.agentAccessToken}
+      />
+      <SharedPresentation initialDeck={data.deck} initialError={data.error} />
+    </>
+  );
+}
+
+export function buildDeckDiscovery({
+  id,
+  title,
+  basePath,
+  token,
+}: {
+  id: string;
+  title?: string;
+  basePath?: string;
+  token?: string | null;
+}) {
+  return buildAgentReadableResourceDiscovery({
+    resourceType: "deck",
+    resourceId: id,
+    title,
+    path: `/p/${id}`,
+    contextEndpoint: DECK_AGENT_CONTEXT_ENDPOINT,
+    basePath,
+    token,
+    instructions:
+      "Use contextUrl to read this shared Slides deck as JSON. Slide numbers are 1-based for users.",
+  });
+}
+
+function AgentReadableDeckDiscovery({
+  id,
+  title,
+  basePath,
+  token,
+}: {
+  id: string;
+  title?: string;
+  basePath?: string;
+  token?: string | null;
+}) {
+  const discovery = buildDeckDiscovery({ id, title, basePath, token });
+  return (
+    <script
+      type={AGENT_READABLE_RESOURCE_SCRIPT_TYPE}
+      dangerouslySetInnerHTML={{ __html: safeJsonForHtml(discovery) }}
+    />
   );
 }

package/corpus/templates/slides/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 messages from "@/i18n/en-US";
 
 import changelog from "../../CHANGELOG.md?raw";

package/corpus/templates/slides/app/routes/share.$token.tsx

@@ -1,12 +1,17 @@
+import {
+  AGENT_READABLE_RESOURCE_PAYLOAD_TYPE,
+  AGENT_READABLE_RESOURCE_SCRIPT_TYPE,
+  safeJsonForHtml,
+} from "@agent-native/core/shared";
 import type { SharedDeckResponse } from "@shared/api";
 import type { LoaderFunctionArgs } from "react-router";
-import { useLoaderData } from "react-router";
+import { useLoaderData, useParams } from "react-router";
 
 import messages from "@/i18n/en-US";
 import SharedPresentation from "@/pages/SharedPresentation";
 
 type LoaderData =
-  | { deck: SharedDeckResponse; error?: undefined }
+  | { deck: SharedDeckResponse; error?: undefined; basePath: string }
   | { deck: null; error: string };
 
 function normalizeBasePath(value: string | undefined): string {
@@ -30,10 +35,8 @@ export async function loader({
     return { deck: null, error: "Token is required" };
   }
 
-  const url = new URL(
-    `${appBasePathForRequest()}/api/share/${params.token}`,
-    requestUrl,
-  );
+  const basePath = appBasePathForRequest();
+  const url = new URL(`${basePath}/api/share/${params.token}`, requestUrl);
   const res = await fetch(url, { headers: { accept: "application/json" } });
   const data = await res.json().catch(() => null);
 
@@ -44,7 +47,7 @@ export async function loader({
     };
   }
 
-  return { deck: data as SharedDeckResponse };
+  return { deck: data as SharedDeckResponse, basePath };
 }
 
 export function meta() {
@@ -54,6 +57,50 @@ export function meta() {
 export default function SharedPresentationRoute() {
   const data = useLoaderData<typeof loader>();
   return (
-    <SharedPresentation initialDeck={data.deck} initialError={data.error} />
+    <>
+      {data.deck ? (
+        <SnapshotDiscovery deck={data.deck} basePath={data.basePath} />
+      ) : null}
+      <SharedPresentation initialDeck={data.deck} initialError={data.error} />
+    </>
+  );
+}
+
+export function buildSnapshotDiscovery({
+  deck,
+  token,
+  basePath,
+}: {
+  deck: SharedDeckResponse;
+  token: string;
+  basePath?: string;
+}) {
+  const normalizedBasePath = normalizeBasePath(basePath);
+  return {
+    type: AGENT_READABLE_RESOURCE_PAYLOAD_TYPE,
+    resourceType: "deck-snapshot",
+    resourceId: token,
+    title: deck.title,
+    contextUrl: `${normalizedBasePath}/api/share/${encodeURIComponent(token)}`,
+    instructions:
+      "Use contextUrl to read this shared Slides snapshot as JSON. This snapshot link is independent of live deck visibility.",
+  };
+}
+
+function SnapshotDiscovery({
+  deck,
+  basePath,
+}: {
+  deck: SharedDeckResponse;
+  basePath: string;
+}) {
+  const { token } = useParams<{ token: string }>();
+  if (!token) return null;
+  const discovery = buildSnapshotDiscovery({ deck, token, basePath });
+  return (
+    <script
+      type={AGENT_READABLE_RESOURCE_SCRIPT_TYPE}
+      dangerouslySetInnerHTML={{ __html: safeJsonForHtml(discovery) }}
+    />
   );
 }

package/corpus/templates/slides/package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@agent-native/core": "workspace:*",
     "@agent-native/pinpoint": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",

package/corpus/templates/slides/server/db/index.ts

@@ -1,6 +1,10 @@
 import { createGetDb } from "@agent-native/core/db";
 import { registerShareableResource } from "@agent-native/core/sharing";
 
+import {
+  DECK_AGENT_CONTEXT_ENDPOINT,
+  DECK_AGENT_RESOURCE_KIND,
+} from "../../shared/agent-readable.js";
 import * as schema from "./schema.js";
 
 export const getDb = createGetDb(schema);
@@ -13,6 +17,11 @@ registerShareableResource({
   displayName: "Deck",
   titleColumn: "title",
   getResourcePath: (deck) => `/deck/${deck.id}`,
+  agentReadable: {
+    resourceKind: DECK_AGENT_RESOURCE_KIND,
+    getContextPath: () => DECK_AGENT_CONTEXT_ENDPOINT,
+    getPagePath: (deck) => `/p/${deck.id}`,
+  },
   getDb,
 });