@agent-native/core 0.86.1 → 0.88.0

package/corpus/templates/plan/server/routes/[...page].get.ts

@@ -1,5 +1,111 @@
+import {
+  AGENT_ACCESS_PARAM,
+  getConfiguredAppBasePath,
+} from "@agent-native/core/server";
 import { createH3SSRHandler } from "@agent-native/core/server/ssr-handler";
+import {
+  buildAgentReadableResourceDiscovery,
+  renderAgentReadableResourceDiscoveryScript,
+} from "@agent-native/core/shared";
+import {
+  defineEventHandler,
+  getQuery,
+  getRequestURL,
+  setResponseHeader,
+} from "h3";
 
-export default createH3SSRHandler(
+import { PLAN_AGENT_CONTEXT_ENDPOINT } from "../../shared/agent-readable.js";
+
+const ssrHandler = createH3SSRHandler(
   () => import("virtual:react-router/server-build"),
 );
+
+function stripBasePath(pathname: string): string {
+  const basePath = getConfiguredAppBasePath();
+  if (!basePath) return pathname;
+  if (pathname === basePath) return "/";
+  if (pathname.startsWith(`${basePath}/`)) {
+    return pathname.slice(basePath.length) || "/";
+  }
+  return pathname;
+}
+
+function planFromPath(pathname: string): {
+  id: string;
+  kind: "plan" | "recap";
+} | null {
+  const stripped = stripBasePath(pathname);
+  const match = stripped.match(/^\/(plans|recaps)\/([^/]+)\/?$/);
+  if (!match?.[1] || !match[2]) return null;
+  try {
+    return {
+      kind: match[1] === "recaps" ? "recap" : "plan",
+      id: decodeURIComponent(match[2]),
+    };
+  } catch {
+    return {
+      kind: match[1] === "recaps" ? "recap" : "plan",
+      id: match[2],
+    };
+  }
+}
+
+function queryString(value: unknown): string {
+  if (typeof value === "string") return value;
+  if (Array.isArray(value) && typeof value[0] === "string") return value[0];
+  return "";
+}
+
+function injectScript(html: string, script: string): string {
+  if (html.includes("agent-native-plan-agent-context")) return html;
+  if (html.includes("</head>"))
+    return html.replace("</head>", `${script}</head>`);
+  if (html.includes("</body>"))
+    return html.replace("</body>", `${script}</body>`);
+  return `${html}${script}`;
+}
+
+export default defineEventHandler(async (event) => {
+  const response = (await ssrHandler(event)) as Response;
+  const requestUrl = getRequestURL(event);
+  const resource = planFromPath(requestUrl.pathname);
+  if (!resource) return response;
+
+  const token = queryString(getQuery(event)[AGENT_ACCESS_PARAM]);
+  const script = renderAgentReadableResourceDiscoveryScript(
+    buildAgentReadableResourceDiscovery({
+      resourceType: "plan",
+      resourceId: resource.id,
+      path:
+        resource.kind === "recap"
+          ? `/recaps/${resource.id}`
+          : `/plans/${resource.id}`,
+      contextEndpoint: PLAN_AGENT_CONTEXT_ENDPOINT,
+      origin: requestUrl.origin,
+      basePath: getConfiguredAppBasePath(),
+      token,
+      instructions:
+        "Use contextUrl to read the visual plan bundle as structured JSON. Token links are read-only.",
+    }),
+    { id: "agent-native-plan-agent-context" },
+  );
+
+  const contentType = response.headers.get("content-type") ?? "";
+  if (!contentType.includes("text/html")) return response;
+
+  const html = await response.text();
+  const headers = new Headers(response.headers);
+  headers.delete("content-length");
+  if (token) {
+    headers.set("Cache-Control", "private, max-age=0, no-store");
+    headers.set("Referrer-Policy", "no-referrer");
+    setResponseHeader(event, "Cache-Control", "private, max-age=0, no-store");
+    setResponseHeader(event, "Referrer-Policy", "no-referrer");
+  }
+
+  return new Response(injectScript(html, script), {
+    status: response.status,
+    statusText: response.statusText,
+    headers,
+  });
+});

package/corpus/templates/plan/server/routes/api/plan-agent-context.json.get.ts

@@ -0,0 +1,65 @@
+import {
+  AGENT_ACCESS_PARAM,
+  verifyScopedAgentAccessToken,
+} from "@agent-native/core/server";
+import {
+  defineEventHandler,
+  getQuery,
+  setResponseHeader,
+  setResponseStatus,
+} from "h3";
+
+import { PLAN_AGENT_RESOURCE_KIND } from "../../../shared/agent-readable.js";
+import { loadPlanBundle, loadPlanBundleForAgentAccess } from "../../plans.js";
+
+function queryString(value: unknown): string {
+  if (typeof value === "string") return value;
+  if (Array.isArray(value) && typeof value[0] === "string") return value[0];
+  return "";
+}
+
+export default defineEventHandler(async (event) => {
+  setResponseHeader(event, "Cache-Control", "no-store");
+  setResponseHeader(event, "Referrer-Policy", "no-referrer");
+  setResponseHeader(event, "X-Content-Type-Options", "nosniff");
+
+  const query = getQuery(event);
+  const id = queryString(query.id);
+  if (!id) {
+    setResponseStatus(event, 400);
+    return { error: "Plan id is required" };
+  }
+
+  const token = queryString(query[AGENT_ACCESS_PARAM]);
+  try {
+    const tokenAccess = token
+      ? verifyScopedAgentAccessToken(token, {
+          resourceKind: PLAN_AGENT_RESOURCE_KIND,
+          resourceId: id,
+        }).ok
+      : false;
+    const bundle = tokenAccess
+      ? await loadPlanBundleForAgentAccess(id)
+      : await loadPlanBundle(id);
+
+    return {
+      resourceType: "plan",
+      id: bundle.plan.id,
+      title: bundle.plan.title,
+      kind: bundle.plan.kind,
+      access: bundle.access,
+      plan: bundle.plan,
+      sections: bundle.sections,
+      comments: bundle.comments,
+      events: bundle.events,
+      summary: bundle.summary,
+      url:
+        bundle.plan.kind === "recap"
+          ? `/recaps/${bundle.plan.id}`
+          : `/plans/${bundle.plan.id}`,
+    };
+  } catch (error: any) {
+    setResponseStatus(event, error?.statusCode === 403 ? 403 : 404);
+    return { error: "Plan not found" };
+  }
+});

package/corpus/templates/plan/shared/agent-readable.ts

@@ -0,0 +1,2 @@
+export const PLAN_AGENT_RESOURCE_KIND = "plan:plan";
+export const PLAN_AGENT_CONTEXT_ENDPOINT = "/api/plan-agent-context.json";

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

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { IconSun, IconMoon } 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 { IconSun, IconMoon } from "@tabler/icons-react";
+import { useTheme } from "next-themes";
+import { useState, useEffect } from "react";
+
 import { cn } from "@/lib/utils";
 
 export function ThemeToggle({ className }: { className?: string }) {

package/corpus/templates/slides/app/components/comments/SlideCommentsPanel.tsx

@@ -1,4 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconX,
   IconCheck,
@@ -8,11 +13,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useRef, useEffect } from "react";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   useSlideComments,
   useCreateSlideComment,

package/corpus/templates/slides/app/components/deck/DeckCard.tsx

@@ -1,4 +1,11 @@
 import { VisibilityBadge, useT } from "@agent-native/core/client";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   IconDots,
   IconTrash,
@@ -9,13 +16,6 @@ import {
 import { useState, useRef, useEffect } from "react";
 import { Link } from "react-router";
 
-import {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-} from "@/components/ui/dropdown-menu";
 import type { Deck } from "@/context/DeckContext";
 
 import SlideRenderer from "./SlideRenderer";

package/corpus/templates/slides/app/components/deck/ExcalidrawSlide.tsx

@@ -1,3 +1,4 @@
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import DOMPurify from "dompurify";
 import {
   useEffect,
@@ -8,8 +9,6 @@ import {
   Suspense,
 } from "react";
 
-import { Skeleton } from "@/components/ui/skeleton";
-
 const Excalidraw = lazy(async () => {
   await import("@excalidraw/excalidraw/index.css");
   const mod = await import("@excalidraw/excalidraw");

package/corpus/templates/slides/app/components/deck/SlideRenderer.tsx

@@ -1,4 +1,5 @@
 import { useT } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   useState,
   useEffect,
@@ -11,7 +12,6 @@ import {
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 
-import { Skeleton } from "@/components/ui/skeleton";
 import type { Slide } from "@/context/DeckContext";
 import { type AspectRatio, getAspectRatioDims } from "@/lib/aspect-ratios";
 import {

package/corpus/templates/slides/app/components/design-system/DesignSystemCard.tsx

@@ -1,11 +1,10 @@
 import { ShareButton, VisibilityBadge } from "@agent-native/core/client";
-import { IconPalette, IconStar, IconStarFilled } from "@tabler/icons-react";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconPalette, IconStar, IconStarFilled } from "@tabler/icons-react";
 
 import type { DesignSystemData } from "../../../shared/api";
 

package/corpus/templates/slides/app/components/design-system/DesignSystemSetup.tsx

@@ -6,6 +6,19 @@ import {
   appApiPath,
   useT,
 } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from "@agent-native/toolkit/ui/dialog";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
+import { ScrollArea } from "@agent-native/toolkit/ui/scroll-area";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   IconWorld,
   IconPalette,
@@ -21,20 +34,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useCallback, useEffect, useRef, useMemo } from "react";
 
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/hooks/use-toast";
-
 import {
   MAX_BUILDER_INDEX_UPLOAD_BYTES,
   readBuilderIndexResponse,

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

@@ -1,4 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+} from "@agent-native/toolkit/ui/select";
 import {
   DndContext,
   closestCenter,
@@ -23,13 +30,6 @@ import {
 import { nanoid } from "nanoid";
 import { useMemo, useCallback } from "react";
 
-import {
-  Select,
-  SelectTrigger,
-  SelectValue,
-  SelectContent,
-  SelectItem,
-} from "@/components/ui/select";
 import type {
   Slide,
   SlideAnimation,

package/corpus/templates/slides/app/components/editor/BlockBubbleMenu.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,
@@ -12,11 +17,6 @@ import {
 import { useEffect, useState, useRef } from "react";
 import { createPortal } from "react-dom";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { shortcutLabel } from "@/lib/utils";
 
 interface BlockBubbleMenuProps {

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

@@ -7,6 +7,12 @@ import {
   useAvatarUrl,
   useT,
 } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   useSortable,
   SortableContext,
@@ -28,14 +34,8 @@ import { createPortal } from "react-dom";
 import SlideRenderer from "@/components/deck/SlideRenderer";
 import { GoogleDocImportHint } from "@/components/editor/GoogleDocImportHint";
 import type { UploadedFile } from "@/components/editor/PromptDialog";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import type { Slide } from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
-import { toast } from "@/hooks/use-toast";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 
 interface EditorSidebarProps {

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

@@ -11,6 +11,19 @@ import {
   type CollabUser,
 } from "@agent-native/core/client";
 import { RunsTray } from "@agent-native/core/client/progress";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArrowLeft,
   IconPlayerPlay,
@@ -43,22 +56,9 @@ import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { Link } from "react-router";
 
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  DropdownMenuSeparator,
-} from "@/components/ui/dropdown-menu";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { SaveStatusIndicator } from "@/components/visual-editor";
 import type { Deck, Slide, SlideLayout } from "@/context/DeckContext";
 import { defaultSlideContent, useSaveState } from "@/context/DeckContext";
-import { toast } from "@/hooks/use-toast";
 import {
   ASPECT_RATIO_VALUES,
   type AspectRatio,

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

@@ -1,4 +1,13 @@
 import { appBasePath, useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   IconDownload,
   IconFileTypePdf,
@@ -8,16 +17,6 @@ import {
   IconBrandGoogle,
 } from "@tabler/icons-react";
 
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { toast } from "@/hooks/use-toast";
-
 interface ExportMenuProps {
   deckId: string;
   deckTitle: string;

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

@@ -1,22 +1,21 @@
 import { useActionMutation, useT } from "@agent-native/core/client";
-import type { SlideGenerateResponse } from "@shared/api";
-import { IconLoader2, IconPhoto } from "@tabler/icons-react";
-import { useState } from "react";
-
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
   DialogDescription,
-} from "@/components/ui/dialog";
+} from "@agent-native/toolkit/ui/dialog";
 import {
   Select,
   SelectTrigger,
   SelectValue,
   SelectContent,
   SelectItem,
-} from "@/components/ui/select";
+} from "@agent-native/toolkit/ui/select";
+import type { SlideGenerateResponse } from "@shared/api";
+import { IconLoader2, IconPhoto } from "@tabler/icons-react";
+import { useState } from "react";
 
 interface GenerateSlidesDialogProps {
   open: boolean;

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

@@ -1,4 +1,16 @@
 import { useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { ScrollArea } from "@agent-native/toolkit/ui/scroll-area";
+import { Separator } from "@agent-native/toolkit/ui/separator";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@agent-native/toolkit/ui/sheet";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   IconArrowLeft,
   IconHistory,
@@ -8,24 +20,12 @@ import {
 import { useMemo, useState, type RefObject } from "react";
 
 import SlideRenderer from "@/components/deck/SlideRenderer";
-import { Button } from "@/components/ui/button";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Separator } from "@/components/ui/separator";
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@/components/ui/sheet";
-import { Skeleton } from "@/components/ui/skeleton";
 import type { Slide } from "@/context/DeckContext";
 import {
   useDeckVersion,
   useDeckVersions,
   useRestoreDeckVersion,
 } from "@/hooks/use-deck-versions";
-import { toast } from "@/hooks/use-toast";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 
 import type { DeckVersionSummary } from "../../../shared/api";

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

@@ -1,12 +1,11 @@
 import { appBasePath, sendToAgentChat, useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import { IconLoader2, IconX } from "@tabler/icons-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/hooks/use-toast";
-
 const POPOVER_WIDTH = 360;
 const POPOVER_MARGIN = 12;
 

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

@@ -1,13 +1,12 @@
 import { appBasePath, useT } from "@agent-native/core/client";
-import { IconX, IconSearch, IconLoader2 } from "@tabler/icons-react";
-import { useState, useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconX, IconSearch, IconLoader2 } from "@tabler/icons-react";
+import { useState, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
 
 interface SearchResult {
   url: string;

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

@@ -1,12 +1,11 @@
 import { agentNativePath, appBasePath, useT } from "@agent-native/core/client";
-import { IconUpload } from "@tabler/icons-react";
-import { useRef } from "react";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconUpload } from "@tabler/icons-react";
+import { useRef } from "react";
 
 interface ImportButtonProps {
   deckId?: string;

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

@@ -1,9 +1,8 @@
 import { appBasePath, PromptComposer, useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
 import { useState, useEffect, useCallback, useRef } from "react";
 import { createPortal } from "react-dom";
 
-import { toast } from "@/hooks/use-toast";
-
 import { GoogleDocImportHint } from "./GoogleDocImportHint";
 
 export interface UploadedFile {

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

@@ -1,4 +1,14 @@
 import { appBasePath, useT } from "@agent-native/core/client";
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconShare2,
   IconCopy,
@@ -9,16 +19,6 @@ import {
 import { useState, type ReactNode } from "react";
 
 import { CloudUpgrade } from "@/components/CloudUpgrade";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import type { Deck } from "@/context/DeckContext";
 import { useDbStatus } from "@/hooks/use-db-status";