@agent-native/core 0.131.4 → 0.131.6

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

@@ -8,7 +8,6 @@ import {
 import { useSession, callAction } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { useOrg } from "@agent-native/core/client/org";
-import type { PinpointProps } from "@agent-native/pinpoint/react";
 import {
   DndContext,
   closestCenter,
@@ -24,21 +23,14 @@ import {
   IconUsersGroup,
 } from "@tabler/icons-react";
 import { nanoid } from "nanoid";
-import {
-  useState,
-  useCallback,
-  useRef,
-  useEffect,
-  lazy,
-  Suspense,
-} from "react";
-import type { ComponentType } from "react";
+import { useState, useCallback, useRef, useEffect } from "react";
 import { useParams, useSearchParams, useNavigate } from "react-router";
 import { toast } from "sonner";
 
 import { SlideCommentsPanel } from "@/components/comments/SlideCommentsPanel";
 import { AnimationsPanel } from "@/components/editor/AnimationsPanel";
 import AssetLibraryPanel from "@/components/editor/AssetLibraryPanel";
+import { DeckEditorSkeleton } from "@/components/editor/DeckEditorSkeleton";
 import EditorSidebar from "@/components/editor/EditorSidebar";
 import EditorToolbar from "@/components/editor/EditorToolbar";
 import GeneratingOverlay from "@/components/editor/GeneratingOverlay";
@@ -61,6 +53,10 @@ import {
   type CommentThread,
 } from "@/hooks/use-slide-comments";
 import type { AspectRatio } from "@/lib/aspect-ratios";
+import {
+  deckAccessCheckKey,
+  shouldShowDeckEditorSkeleton,
+} from "@/lib/deck-editor-loading";
 import { getPreset } from "@/lib/design-systems";
 import { exportDeckToGoogleSlides } from "@/lib/export-google-slides-client";
 import { exportDeckAsPdf } from "@/lib/export-pdf-client";
@@ -80,12 +76,6 @@ import { TAB_ID } from "@/lib/tab-id";
 import { shouldActivateTextTool } from "@/lib/text-tool-shortcut";
 import { shortcutLabel } from "@/lib/utils";
 
-const Pinpoint = lazy<ComponentType<PinpointProps>>(() =>
-  import("@agent-native/pinpoint/react").then((m) => ({
-    default: m.Pinpoint as ComponentType<PinpointProps>,
-  })),
-);
-
 type EditorSidePanel = "style" | "comments" | null;
 
 function MissingDeckAccessPane({
@@ -162,6 +152,7 @@ export default function DeckEditor() {
   const {
     getDeck,
     reloadDecks,
+    reloadDecksWithStatus,
     updateDeck,
     updateSlide,
     deleteSlide,
@@ -171,10 +162,8 @@ export default function DeckEditor() {
     reorderSlides,
     markDeckDirty,
     undo,
-    redo,
-    canUndo,
-    canRedo,
     loading,
+    loadError,
   } = useDecks();
   const [activeSlideId, setActiveSlideId] = useState<string | null>(null);
   const { generating } = useAgentGenerating();
@@ -192,6 +181,9 @@ export default function DeckEditor() {
     () => typeof window !== "undefined" && window.innerWidth >= 768,
   );
   const [retryingMissingDeck, setRetryingMissingDeck] = useState(false);
+  const [checkedDeckAccessKey, setCheckedDeckAccessKey] = useState<
+    string | null
+  >(null);
   const {
     data: org,
     isLoading: orgLoading,
@@ -262,6 +254,7 @@ export default function DeckEditor() {
   }, []);
 
   const deck = getDeck(id || "");
+  const currentDeckAccessKey = deckAccessCheckKey(id, org?.orgId);
   const hasTeamJoinOption =
     !org?.orgId &&
     ((org?.pendingInvitations?.length ?? 0) > 0 ||
@@ -315,9 +308,44 @@ export default function DeckEditor() {
   const showQuestionFlow = Boolean(questionFlowQuestions?.length);
 
   useEffect(() => {
-    if (loading || deck || !id || !org?.orgId) return;
-    void reloadDecks();
-  }, [deck, id, loading, org?.orgId, reloadDecks]);
+    if (
+      loading ||
+      deck ||
+      !id ||
+      !currentDeckAccessKey ||
+      orgLoading ||
+      checkedDeckAccessKey === currentDeckAccessKey
+    ) {
+      return;
+    }
+
+    if (!org?.orgId) {
+      setCheckedDeckAccessKey(currentDeckAccessKey);
+      return;
+    }
+
+    let cancelled = false;
+    void (async () => {
+      let status = await reloadDecksWithStatus();
+      while (!cancelled && status === "stale") {
+        status = await reloadDecksWithStatus();
+      }
+      if (!cancelled) setCheckedDeckAccessKey(currentDeckAccessKey);
+    })();
+
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    checkedDeckAccessKey,
+    currentDeckAccessKey,
+    deck,
+    id,
+    loading,
+    org?.orgId,
+    orgLoading,
+    reloadDecksWithStatus,
+  ]);
 
   const retryOpenDeck = useCallback(async () => {
     setRetryingMissingDeck(true);
@@ -826,13 +854,24 @@ export default function DeckEditor() {
     (t) => !t.resolved,
   ).length;
 
-  if (loading) return <div className="h-screen bg-background" />;
+  if (
+    shouldShowDeckEditorSkeleton({
+      deckFound: Boolean(deck),
+      decksLoading: loading,
+      orgLoading,
+      accessCheckKey: currentDeckAccessKey,
+      checkedAccessKey: checkedDeckAccessKey,
+      retrying: retryingMissingDeck,
+    })
+  ) {
+    return <DeckEditorSkeleton label={t("deckEditor.lookingForDeck")} />;
+  }
   if (!deck || !id) {
     return (
       <MissingDeckAccessPane
         hasTeamJoinOption={hasTeamJoinOption}
         orgLoading={orgLoading}
-        orgError={orgError}
+        orgError={orgError || loadError}
         refreshing={retryingMissingDeck}
         onRetry={() => void retryOpenDeck()}
         onBack={() => navigate("/")}
@@ -898,10 +937,6 @@ export default function DeckEditor() {
         historyOpen={historyOpen}
         onShowHistory={() => setHistoryOpen(!historyOpen)}
         historyButtonRef={historyButtonRef}
-        onUndo={undo}
-        onRedo={redo}
-        canUndo={canUndo}
-        canRedo={canRedo}
         currentSlide={currentSlide}
         onUpdateSlide={(updates) =>
           currentSlide && updateSlide(id, currentSlide.id, updates)
@@ -1030,6 +1065,7 @@ export default function DeckEditor() {
                     deleteSlideWithUndo(id, slideId);
                     if (nextSlide) setActiveSlideId(nextSlide.id);
                   }}
+                  readOnly={!canEdit}
                   slidePresence={slidePresence}
                   recentEdits={deckRecentEdits}
                   aspectRatio={deck.aspectRatio}
@@ -1070,8 +1106,13 @@ export default function DeckEditor() {
             slide={currentSlide}
             deckId={id}
             readOnly={!canEdit}
-            onUpdateSlide={(updates, slideIdOverride) =>
-              updateSlide(id, slideIdOverride ?? currentSlide.id, updates)
+            onUpdateSlide={(updates, slideIdOverride, options) =>
+              updateSlide(
+                id,
+                slideIdOverride ?? currentSlide.id,
+                updates,
+                options,
+              )
             }
             onInlineEditStart={() => markDeckDirty(id)}
             onGenerateImage={() => setImageGenOpen(true)}
@@ -1171,14 +1212,6 @@ export default function DeckEditor() {
             onClose={() => setTweaksOpen(false)}
           />
         )}
-
-        <Suspense>
-          <Pinpoint
-            author={session?.email || "anonymous"}
-            colorScheme="dark"
-            compactPopup
-          />
-        </Suspense>
       </div>
 
       {/* Hidden upload input */}

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

@@ -14,9 +14,10 @@ import {
   IconStack2,
   IconUserCircle,
 } from "@tabler/icons-react";
+import { nanoid } from "nanoid";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { flushSync } from "react-dom";
-import { useNavigate, useSearchParams } from "react-router";
+import { useLocation, useNavigate, useSearchParams } from "react-router";
 import { toast } from "sonner";
 
 import DeckCard from "@/components/deck/DeckCard";
@@ -55,6 +56,13 @@ import { cn } from "@/lib/utils";
 const NEW_DECK_DRAFT_SCOPE = "slides-new-deck";
 const PENDING_PROMPT_KEY = "slides:pending-deck-prompt";
 
+/** Router-state payload for recovering the new-deck prompt after a failed
+ *  generation kickoff forces a navigate away from and back to this route. */
+interface DeckGenerationRetryState {
+  retryPrompt?: string;
+  retryFiles?: UploadedFile[];
+}
+
 function savePromptForRetry(
   prompt: string,
   options: { persistAcrossSignIn?: boolean } = {},
@@ -195,6 +203,7 @@ export default function Index() {
   const {
     decks,
     createDeck,
+    duplicateDeck,
     ensureDeckPersisted,
     deleteDeck,
     updateDeck,
@@ -211,6 +220,7 @@ export default function Index() {
   } = useWorkspaceDefaults();
   const { session } = useSession();
   const navigate = useNavigate();
+  const location = useLocation();
   const [searchParams, setSearchParams] = useSearchParams();
   const [deckToDelete, setDeckToDelete] = useState<string | null>(null);
   const [workspaceDefaultCandidate, setWorkspaceDefaultCandidate] =
@@ -235,8 +245,6 @@ export default function Index() {
   const designSystemAutoRef = useRef(true);
   const referenceDeckAutoRef = useRef(true);
   const [showSignInDialog, setShowSignInDialog] = useState(false);
-  const [duplicating, setDuplicating] = useState<string | null>(null);
-  const duplicatingRef = useRef<string | null>(null);
   const { generating, submit: agentSubmit } = useAgentGenerating();
   const anchorElRef = useRef<HTMLElement | null>(null);
   const anchorRef = useRef<HTMLElement | null>(null);
@@ -398,6 +406,25 @@ export default function Index() {
     setShowNewDeckPrompt(true);
   }, [initialDesignSystemId, workspaceReferenceDeckId, session]);
 
+  // Recovering from a failed deck-generation kickoff (see
+  // recoverFromGenerationSetupFailure below) navigates back to this route
+  // from an Index instance that already unmounted, so that instance's own
+  // setShowNewDeckPrompt/setNewDeckInitialPrompt calls landed on a dead
+  // component and did nothing. Carry the retry payload through router state
+  // instead and restore it here, on the freshly mounted instance.
+  useEffect(() => {
+    const state = location.state as DeckGenerationRetryState | null;
+    if (!state?.retryPrompt) return;
+    if (savePromptToComposerDraft(NEW_DECK_DRAFT_SCOPE, state.retryPrompt)) {
+      setNewDeckInitialPrompt(null);
+    } else {
+      setNewDeckInitialPrompt({ text: state.retryPrompt, key: Date.now() });
+    }
+    setNewDeckRetryFiles(state.retryFiles ?? []);
+    setShowNewDeckPrompt(true);
+    navigate(".", { replace: true, state: null });
+  }, [location.state, navigate]);
+
   const handleCreateDeckBlank = () => {
     const selectedDesignSystem =
       selectedDesignSystemId && selectedDesignSystemId !== "none"
@@ -443,6 +470,7 @@ export default function Index() {
       });
     });
     if (!deck) return;
+    const deckId = deck.id;
     setNewDeckPromptOpen(false);
 
     const persisted = await ensureDeckPersisted(deck.id);
@@ -451,7 +479,7 @@ export default function Index() {
         setNewDeckInitialPrompt({ text: prompt, key: Date.now() });
       }
       setNewDeckRetryFiles(filesForGeneration);
-      deleteDeck(deck.id);
+      deleteDeck(deckId);
       toast.error(t("home.generationStartFailed"), {
         description: t("home.generationStartFailedDescription"),
       });
@@ -464,25 +492,51 @@ export default function Index() {
     setNewDeckRetryFiles([]);
     navigate(`/deck/${deck.id}`, { flushSync: true });
 
-    // One quick, skippable decision so the agent doesn't guess the deck size.
-    const deckLength = await askUserQuestion({
-      question: t("home.deckLengthQuestion"),
-      header: t("home.deckLengthHeader"),
-      options: [
-        { label: t("home.deckLengthShort"), value: "3–5 slides" },
-        {
-          label: t("home.deckLengthMedium"),
-          value: "6–10 slides",
-          recommended: true,
-        },
-        { label: t("home.deckLengthLong"), value: "11+ slides" },
-        {
-          label: t("home.deckLengthSingleVisual"),
-          value: "a single standalone visual slide",
-        },
-      ],
-      allowFreeText: false,
-    });
+    // The deck now exists server-side and the user is looking at it, so a
+    // failure past this point (e.g. askUserQuestion rejecting on an
+    // application-state write error) must undo the navigation and restore
+    // the prompt instead of stranding the user on a permanently empty deck.
+    const recoverFromGenerationSetupFailure = () => {
+      deleteDeck(deckId);
+      toast.error(t("home.generationStartFailed"), {
+        description: t("home.generationStartFailedDescription"),
+      });
+      // This Index instance is about to unmount (we already navigated away
+      // to the deck page above), so state setters here would land on a dead
+      // component. Hand the retry payload to the next Index mount via router
+      // state instead; the effect above restores it.
+      const retryState: DeckGenerationRetryState = {
+        retryPrompt: prompt,
+        retryFiles: filesForGeneration,
+      };
+      navigate("/", { state: retryState });
+    };
+
+    let deckLength: Awaited<ReturnType<typeof askUserQuestion>> = null;
+    try {
+      // One quick, skippable decision so the agent doesn't guess the deck size.
+      deckLength = await askUserQuestion({
+        question: t("home.deckLengthQuestion"),
+        header: t("home.deckLengthHeader"),
+        options: [
+          { label: t("home.deckLengthShort"), value: "3–5 slides" },
+          {
+            label: t("home.deckLengthMedium"),
+            value: "6–10 slides",
+            recommended: true,
+          },
+          { label: t("home.deckLengthLong"), value: "11+ slides" },
+          {
+            label: t("home.deckLengthSingleVisual"),
+            value: "a single standalone visual slide",
+          },
+        ],
+        allowFreeText: false,
+      });
+    } catch {
+      recoverFromGenerationSetupFailure();
+      return;
+    }
     const deckLengthContext =
       typeof deckLength === "string" && deckLength
         ? `Target length: aim for ${deckLength} unless the user's request clearly specifies a different count.`
@@ -495,7 +549,7 @@ export default function Index() {
       : extractGoogleDocUrls(trimmedPrompt);
     const fileContext = describeUploadedFilesForAgent(
       filesForGeneration,
-      deck.id,
+      deckId,
     );
     const googleDocContext =
       googleDocUrls.length > 0
@@ -532,7 +586,7 @@ export default function Index() {
         ].join("\n");
 
     const context = [
-      `The user just created a new empty deck (id: "${deck.id}") and wants to create a presentation or standalone visual.`,
+      `The user just created a new empty deck (id: "${deckId}") and wants to create a presentation or standalone visual.`,
       "The visible user message above contains the user's request and/or pasted source material for the deck. Treat pasted memo content as source material even if the user did not explicitly say they are pasting it.",
       googleDocContext,
       fileContext,
@@ -542,11 +596,11 @@ export default function Index() {
       deckLengthContext,
       "Start a `manage-progress` run so progress appears in the app header. Add the first slide as soon as it is ready, then continue one slide at a time so the editor visibly fills in.",
       "After reading any requested or imported source material, but before adding the first slide, choose a concise, specific deck title from the user's request and source material. Call `patch-deck` with `deckId: \"" +
-        deck.id +
+        deckId +
         '"` and `operations: [{ "op": "patch-deck-fields", "fields": { "title": "<generated title>" } }]`. Never leave a generated deck named "Untitled Deck" or another placeholder.',
       "If the user asks for a standalone visual, diagram, hero, one-pager, poster, or a couple of visuals, create only the requested one/few polished visual slides. Do not pad the result into a full presentation.",
       "Add slides ONE AT A TIME using the `add-slide` action with --deckId=" +
-        deck.id +
+        deckId +
         ". Wait for each `add-slide` result before calling it again; do not batch or parallelize slide writes.",
       "If the user asked for a specific slide count, keep going sequentially until that count is reached unless a tool error blocks you.",
       "Every slide is rendered into a fixed native canvas (default 16:9 is 960x540 CSS pixels). Keep each slide within the density limits in AGENTS.md; split dense source material across more slides instead of packing it tightly.",
@@ -654,22 +708,26 @@ export default function Index() {
     void applyWorkspaceDefaultDeck(deck);
   }, [workspaceDefaultCandidate, applyWorkspaceDefaultDeck]);
 
+  // Navigating on the action's response raced the deck list: the editor reads
+  // the copy out of `useDecks()`, which had not seen the new row yet, so the
+  // route rendered "Deck unavailable". Insert the optimistic copy locally
+  // first (the same path the editor's own Duplicate uses) and navigate to
+  // that; the background action reconciles or rolls the copy back.
   const handleDuplicate = useCallback(
-    async (id: string) => {
-      if (duplicatingRef.current) return;
-      duplicatingRef.current = id;
-      setDuplicating(id);
-      try {
-        const { id: newId } = await callAction("duplicate-deck", {
-          deckId: id,
-        });
-        navigate(`/deck/${newId}`);
-      } finally {
-        duplicatingRef.current = null;
-        setDuplicating(null);
+    (id: string) => {
+      let copy: ReturnType<typeof duplicateDeck> | undefined;
+      flushSync(() => {
+        copy = duplicateDeck(id, `deck-${nanoid()}`);
+      });
+      // The context refuses a second copy of the same deck while the first
+      // one's action is still in flight.
+      if (!copy) {
+        toast.error(t("home.duplicateFailed"));
+        return;
       }
+      navigate(`/deck/${copy.id}`);
     },
-    [navigate],
+    [duplicateDeck, navigate, t],
   );
 
   useSetPageTitle(t("home.decksTitle"));
@@ -800,7 +858,6 @@ export default function Index() {
                   onRename={handleRename}
                   onDuplicate={handleDuplicate}
                   onToggleStar={handleToggleStar}
-                  isDuplicating={duplicating === deck.id}
                   designSystemTitle={
                     deck.designSystemId
                       ? designSystemTitleById.get(deck.designSystemId)

package/corpus/templates/slides/changelog/2026-07-30-deck-loading-no-longer-flashes-an-unavailable-message.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-30
+---
+
+Decks now show an editor-shaped loading placeholder instead of briefly appearing unavailable while access loads.

package/corpus/templates/slides/changelog/2026-07-30-duplicating-a-deck-from-the-deck-list-now-opens-the-copy-imm.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-30
+---
+
+Duplicating a deck from the deck list now opens the copy immediately instead of showing a "Deck unavailable" error, and edits made right after duplicating are no longer lost.

package/corpus/templates/slides/changelog/2026-07-30-layout-overflow-warning-is-readable-and-dismissible.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-30
+---
+
+The slide layout overflow warning is now easy to read and can be dismissed.

package/corpus/templates/slides/changelog/2026-07-30-shared-canvas-annotations.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-30
+---
+
+Drawing, text annotations, and pinned agent comments now use the same robust canvas tools as Design.

package/corpus/templates/slides/changelog/2026-07-30-slide-objects-can-be-moved-as-a-group-copied-and-pasted-with.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-30
+---
+
+Freeform objects on a slide can be moved as a group, copied and pasted with Cmd+C/V, duplicated with Cmd+D, and reordered with bring to front and send to back.

package/corpus/templates/slides/changelog/2026-07-30-slide-text-editing-and-object-controls-now-match-google-slides.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-30
+---
+
+Slide text now edits on first click, switches to movable resize handles with Escape, and uses the same compact styling controls as Design.

package/corpus/templates/slides/changelog/2026-07-30-style-panel-now-scrolls-with-speaker-notes-open-shows-the-sl.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-30
+---
+
+Style panel now scrolls with speaker notes open and shows the slide background when nothing is selected, and view-only users no longer see slide add/duplicate/delete controls or an editable speaker notes box.

package/corpus/templates/slides/changelog/2026-07-30-top-toolbar-controls-now-use-consistent-sizing-with-undo-and.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-30
+---
+
+Top toolbar controls now use consistent sizing, with undo and redo kept on keyboard shortcuts.

package/corpus/templates/slides/netlify.toml

@@ -1,6 +1,8 @@
 [build]
 ignore = "node ./scripts/netlify-ignore-build.mjs slides"
-command = "export DATABASE_URL=${NETLIFY_DATABASE_URL:-$DATABASE_URL} && pnpm install && NITRO_PRESET=netlify pnpm --filter slides build"
+# Rebuild Core explicitly so a cached Netlify install cannot bundle an older
+# agent loop or A2A handler into Slides' server functions.
+command = "export DATABASE_URL=${NETLIFY_DATABASE_URL:-$DATABASE_URL} && pnpm install && pnpm --filter @agent-native/core build && NITRO_PRESET=netlify pnpm --filter slides build"
 publish = "templates/slides/dist"
 functions = "templates/slides/.netlify/functions-internal"
 

package/corpus/templates/slides/package.json

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

package/corpus/templates/slides/server/lib/chat-attachments.ts

@@ -96,6 +96,17 @@ export async function prepareSlidesChatAttachments(args: {
   const failureList = failed
     .map((file) => `- ${file.name}: ${file.reason}`)
     .join("\n");
+  // saveUploadedReferenceFile() saves the file either way but swallows the
+  // public-URL upload failure (missing/misbehaving file-upload provider) so
+  // the private path is never blocked. Without this callout the agent has no
+  // signal that embedding is impossible and silently drops the image from
+  // the deck instead of telling the user why.
+  const unembeddableImages = uploaded.filter(
+    (file) => !file.url && file.type.startsWith("image/"),
+  );
+  const unembeddableImageList = unembeddableImages
+    .map((file) => `- ${file.originalName}`)
+    .join("\n");
   const attachmentContext = [
     "<slides-chat-attachments>",
     uploaded.length > 0
@@ -113,6 +124,13 @@ export async function prepareSlidesChatAttachments(args: {
           "- Do not say no PDF/PPTX/DOCX/FIG/image was attached when a matching saved path is listed here.",
         ].join("\n")
       : "",
+    unembeddableImages.length > 0
+      ? [
+          "The following attached image(s) have NO embeddable URL — the file-upload provider that hosts public image URLs failed or is not configured, so they were only saved to private import storage and CANNOT be embedded as `<img>` in slide HTML:",
+          unembeddableImageList,
+          "Do not silently skip these images. Tell the user the image(s) could not be added to the deck because no public file-upload provider is available, and that connecting Builder.io (or another file provider) in Settings will enable embedding.",
+        ].join("\n")
+      : "",
     failed.length > 0
       ? [
           "Some attached file(s) could not be saved to Slides upload storage:",

package/corpus/templates/slides/server/plugins/agent-chat.ts

@@ -36,6 +36,11 @@ export default createAgentChatPlugin({
   initialToolNames: INITIAL_TOOL_NAMES,
   durableBackgroundRuns: true,
   runSoftTimeoutMs: SLIDES_BACKGROUND_RUN_SOFT_TIMEOUT_MS,
+  a2aAgentDelegation: true,
+  // Customer and product activity data belongs to Analytics. Keep raw DB
+  // tools out of both the interactive and A2A Slides agent surfaces so the
+  // agent cannot bypass the Analytics data dictionary with local SQL.
+  databaseTools: "off",
   // Enable sandboxed JavaScript execution so Slides agents can fetch,
   // paginate, and reduce provider data through providerFetch() without us
   // hardcoding one action per Google Drive endpoint.

package/corpus/templates/slides/vite.config.ts

@@ -21,7 +21,6 @@ export default defineConfig({
         "dom-to-pptx",
         "@excalidraw/excalidraw",
         "@excalidraw/mermaid-to-excalidraw",
-        "@agent-native/pinpoint",
       ],
     }),
   ],

package/corpus/toolkit/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @agent-native/toolkit
 
+## 0.12.0
+
+### Minor Changes
+
+- c0e7d64: Add reusable canvas drawing, text annotation, and pinned agent-comment controls.
+- c0e7d64: Add a reusable canvas interaction controller for text activation, shortcuts, moving, resizing, duplication, and gesture lifecycle.
+
+## 0.11.2
+
+### Patch Changes
+
+- cc35067: Fix `VisualInspectorPanel` clipping its own scroll area instead of scrolling. The panel body was capped by a viewport-derived `max-height`, so when a host laid the panel out shorter than the viewport — for example a style dock sharing vertical space with an expanded notes panel — overflowing content was hidden by the panel's `overflow-hidden` with no way to reach it. The body now flexes within the panel's actual height and keeps the cap as an upper bound.
+
 ## 0.11.1
 
 ### Patch Changes

package/corpus/toolkit/README.md

@@ -39,6 +39,14 @@ import {
   StatsCard,
   buildDashboardPanelGroups,
 } from "@agent-native/toolkit/dashboard";
+import {
+  CanvasCommentPins,
+  DrawOverlay,
+} from "@agent-native/toolkit/canvas-annotations";
+import {
+  createCanvasGestureController,
+  createCanvasInteractionCore,
+} from "@agent-native/toolkit/canvas-interactions";
 import { VisualTweakControl } from "@agent-native/toolkit/design-tweaks";
 import { SharedRichEditor } from "@agent-native/toolkit/editor";
 import { VisibilityBadge } from "@agent-native/toolkit/sharing";
@@ -56,6 +64,17 @@ source scanning. If an app renders `SharedRichEditor`, also import
 `@agent-native/toolkit/editor.css`. If an app renders `ChatHistoryList` or
 `ChatHistoryRail`, also import `@agent-native/toolkit/chat-history.css`.
 
+`DrawOverlay` backs the Design and Slides drawing tools. `CanvasCommentPins`
+provides lightweight, transient pins that send canvas context to an agent.
+Translation, agent-chat routing, document context, and storage-backed review
+threads stay with the app.
+
+`createCanvasGestureController` provides a headless move and resize state
+machine with zoom conversion, modifier policies, previews, cancellation, and a
+single commit boundary. Apps provide adapters for selection, rendering, and
+persistence. `createCanvasInteractionCore` exposes the same shared geometry,
+text-activation, Escape, nudge, and shortcut policies without owning state.
+
 Use `ChatHistoryRail` for app sidebars. It shows five recent chats by default,
 progressively discloses up to fifteen, and keeps the app-provided New chat
 action in a footer row with the ellipsis disclosure on its right. The app