@agent-native/core 0.148.1 → 0.149.0

package/corpus/templates/forms/changelog/2026-08-10-published-form-links-always-use-the-working-public-form-url.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-10
+---
+
+Published form links always use the working public form URL

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

@@ -6,7 +6,7 @@ import {
 
 import actionsRegistry from "../../.generated/actions-registry.js";
 
-const FORMS_SYSTEM_PROMPT = `## Agent-Native Forms
+export const FORMS_SYSTEM_PROMPT = `## Agent-Native Forms
 
 You are the in-app agent for Agent-Native Forms, a chat-first form builder and response workspace. Help users create, edit, publish, share, and analyze forms through the registered actions. The actions are the source of truth for database access, validation, permissions, UI sync, and business logic.
 
@@ -15,7 +15,7 @@ Core rules:
 - Never hardcode API keys, tokens, webhook URLs, signing secrets, customer data, or credential-looking literals. Use placeholders or configured integrations.
 - Inspect the current state when it matters. Use \`view-screen\` when the active form, selected field, publish state, response table, or current route is unclear.
 - Use \`create-form\`, \`update-form\`, \`patch-form-fields\`, \`restore-form\`, and \`delete-form\` for form lifecycle and field edits. Treat \`delete-form\` as Archive by default; pass \`purge: true\` only when the user explicitly asks to permanently delete a form and its responses.
-- When the user asks for an anonymous feedback form or survey, create the complete form atomically with \`status: "published"\`, then return the exact public response URL from the successful action result. Do not return only the private editor link, and do not claim it is live without verifying the saved status and fields.
+- When a form is published, copy the returned \`publicUrl\` verbatim into the response. Never derive a public link from \`slug\` or remove the \`/f/\` path segment; if \`publicUrl\` is missing, say that the public link could not be retrieved instead of inventing one. For an anonymous feedback form or survey, create the complete form atomically with \`status: "published"\` and verify the saved status and fields before claiming it is live.
 - Use \`preview-form\` when the user asks about a form's setup, fields, configuration, publish state, or response count. It renders a native chat summary.
 - When the user wants email notifications for new responses, set \`settings.emailOnNewResponses: true\` with \`create-form\` or \`update-form\`; notifications go to the form owner's account email.
 - When the user wants Slack, Discord, Google Sheets, or webhook notifications, explain that Forms already supports them from the form builder's Integrations tab and navigate there with \`tab: "integrations"\`. Slack uses an Incoming Webhook URL; Google Sheets uses a deployed Apps Script \`/exec\` URL that parses \`e.postData.contents\`. Do not redirect users to the managed Messaging integration for these form destinations.

package/corpus/templates/slides/AGENTS.md

@@ -42,9 +42,10 @@ Before building common workspace or agent UI, read `agent-native-toolkit` and
   Drive API needs, use `provider-api-catalog`, `provider-api-docs`, and
   `provider-api-request`; auth comes from the user's Google Docs OAuth. Stage
   large scans with `stageAs` and analyze them via `query-staged-dataset`.
-- `import-google-slides-reference` accepts either a Picker `fileId` or a
-  `presentationUrl`; imported PPTX timing metadata, including by-paragraph
-  reveals, stays on the deck's slide records.
+- `import-google-slides-reference` accepts a Picker `fileId` or `presentationUrl`;
+  pasted URLs may need a one-time Google reconnect for Drive export. Preserve
+  imported PPTX timing metadata, including by-paragraph reveals, on slide
+  records.
 - For images, use `generate-image-api` with provenance; show results as
   `![alt](url)`.
 - Ask a sibling app's agent with a natural-language `call-agent` message by

package/corpus/templates/slides/actions/import-google-slides-reference.ts

@@ -64,9 +64,7 @@ async function exportGoogleSlidesAsPptx(fileId: string, accessToken: string) {
   );
 
   if (!response.ok) {
-    throw new Error(
-      `Google Drive returned HTTP ${response.status} while exporting the presentation.`,
-    );
+    throw googleSlidesExportError(response.status);
   }
 
   const bytes = await response.arrayBuffer();
@@ -80,14 +78,15 @@ async function exportGoogleSlidesAsPptx(fileId: string, accessToken: string) {
 interface GoogleSlidesImageElement {
   objectId?: string;
   size?: {
-    width?: { magnitude?: number };
-    height?: { magnitude?: number };
+    width?: { magnitude?: number; unit?: string };
+    height?: { magnitude?: number; unit?: string };
   };
   transform?: {
     scaleX?: number;
     scaleY?: number;
     translateX?: number;
     translateY?: number;
+    unit?: string;
   };
   image?: {
     contentUrl?: string;
@@ -124,6 +123,41 @@ function finiteNumber(value: number | undefined): number | undefined {
   return value != null && Number.isFinite(value) ? value : undefined;
 }
 
+const EMU_PER_POINT = 12700;
+
+export function googleSlidesMeasurementToEmu(
+  value: number | undefined,
+  unit?: string,
+): number | undefined {
+  const finite = finiteNumber(value);
+  if (finite == null) return undefined;
+  return unit === "PT" ? finite * EMU_PER_POINT : finite;
+}
+
+export function googleSlidesExportError(
+  status: number,
+): Error & { statusCode?: number } {
+  if (status === 401) {
+    return Object.assign(
+      new Error(
+        "Google Drive connection expired. Connect Google again, then retry the import.",
+      ),
+      { statusCode: 401 },
+    );
+  }
+  if (status === 403) {
+    return Object.assign(
+      new Error(
+        "Google Drive denied access to this presentation. Connect Google again to enable pasted-link imports, or choose the deck through Google Picker.",
+      ),
+      { statusCode: 403 },
+    );
+  }
+  return new Error(
+    `Google Drive returned HTTP ${status} while exporting the presentation.`,
+  );
+}
+
 /**
  * Google Drive's PPTX export can omit image page elements that remain present
  * in the native Slides document. Read those native objects as a fidelity
@@ -135,7 +169,7 @@ async function fetchGoogleSlidesImageFallbacks(
   presentation: ParsedPresentation,
 ): Promise<ImportedImageFallback[]> {
   const fields =
-    "slides(pageElements(objectId,size,transform,image(contentUrl,imageProperties(cropProperties))))";
+    "slides(pageElements(objectId,size(width(magnitude,unit),height(magnitude,unit)),transform(scaleX,scaleY,translateX,translateY,unit),image(contentUrl,imageProperties(cropProperties))))";
   const response = await ssrfSafeFetch(
     `https://slides.googleapis.com/v1/presentations/${encodeURIComponent(fileId)}?fields=${encodeURIComponent(fields)}`,
     { headers: { Authorization: `Bearer ${accessToken}` } },
@@ -156,12 +190,24 @@ async function fetchGoogleSlidesImageFallbacks(
   ).entries()) {
     for (const [imageIndex, element] of (slide.pageElements ?? []).entries()) {
       const contentUrl = element.image?.contentUrl;
-      const baseWidth = finiteNumber(element.size?.width?.magnitude);
-      const baseHeight = finiteNumber(element.size?.height?.magnitude);
+      const baseWidth = googleSlidesMeasurementToEmu(
+        element.size?.width?.magnitude,
+        element.size?.width?.unit,
+      );
+      const baseHeight = googleSlidesMeasurementToEmu(
+        element.size?.height?.magnitude,
+        element.size?.height?.unit,
+      );
       const scaleX = finiteNumber(element.transform?.scaleX) ?? 1;
       const scaleY = finiteNumber(element.transform?.scaleY) ?? 1;
-      const x = finiteNumber(element.transform?.translateX);
-      const y = finiteNumber(element.transform?.translateY);
+      const x = googleSlidesMeasurementToEmu(
+        element.transform?.translateX,
+        element.transform?.unit,
+      );
+      const y = googleSlidesMeasurementToEmu(
+        element.transform?.translateY,
+        element.transform?.unit,
+      );
       const width =
         baseWidth == null ? undefined : baseWidth * Math.abs(scaleX);
       const height =

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

@@ -17,12 +17,6 @@ import {
 import { CSS } from "@dnd-kit/utilities";
 import { appStateKeyForBrowserTab } from "@shared/app-state-tabs";
 import { hashSlideContent, type DeckFitState } from "@shared/slide-fit";
-import {
-  IconGripVertical,
-  IconCopy,
-  IconTrash,
-  IconLoader2,
-} from "@tabler/icons-react";
 import { useRef, useEffect } from "react";
 import { useCallback } from "react";
 
@@ -45,8 +39,6 @@ interface EditorSidebarProps {
   activeSlideId: string;
   deckId: string;
   onSelectSlide: (id: string) => void;
-  onDuplicateSlide: (id: string) => void;
-  onDeleteSlide: (id: string) => void;
   /** Viewer-role decks get thumbnails only: no add, duplicate, or delete. */
   readOnly?: boolean;
   /** Presence map: slideId → list of users currently viewing that slide */
@@ -140,21 +132,11 @@ function PresenceAvatarTip({
   );
 }
 
-// Thumbnail overlays sit on top of rendered slide artwork, which is arbitrary
-// user content rather than a themed app surface, so they use a fixed scrim.
-const THUMB_OVERLAY_CLASS =
-  // guard:allow-raw-color — matches the duplicate/delete overlays below.
-  "absolute top-2 left-7 rounded bg-black/60 p-1 backdrop-blur-sm border border-white/10 cursor-grab active:cursor-grabbing sm:opacity-0 sm:group-hover:opacity-100";
-// guard:allow-raw-color — same fixed scrim as the class above.
-const THUMB_OVERLAY_ICON_CLASS = "w-3 h-3 text-white/60";
-
 function SortableSlideThumb({
   slide,
   index,
   isActive,
   onSelect,
-  onDuplicate,
-  onDelete,
   registerButtonRef,
   presenceUsers = [],
   aspectRatio,
@@ -166,8 +148,6 @@ function SortableSlideThumb({
   index: number;
   isActive: boolean;
   onSelect: () => void;
-  onDuplicate: () => void;
-  onDelete: () => void;
   readOnly?: boolean;
   registerButtonRef: (slideId: string, node: HTMLButtonElement | null) => void;
   presenceUsers?: CollabUser[];
@@ -195,17 +175,22 @@ function SortableSlideThumb({
   };
 
   return (
-    <div ref={setNodeRef} style={style} className="group relative">
+    <div ref={setNodeRef} style={style}>
       <button
         ref={(node) => registerButtonRef(slide.id, node)}
+        type="button"
+        {...(readOnly ? {} : attributes)}
+        {...(readOnly ? {} : listeners)}
         onClick={onSelect}
         onFocus={onSelect}
         aria-label={t("editorSidebar.selectSlide", { number: index + 1 })}
         aria-current={isActive ? "true" : undefined}
         data-slide-thumbnail-id={slide.id}
         className={`w-full text-left flex items-start gap-1.5 p-1.5 rounded-lg transition-[background-color,box-shadow] duration-150 ${
-          isActive ? "bg-accent ring-1 ring-[#609FF8]/50" : "hover:bg-accent"
-        } focus:outline-none`}
+          isActive ? "bg-accent ring-1 ring-primary/50" : ""
+        } ${
+          readOnly ? "" : "cursor-grab active:cursor-grabbing"
+        } focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1`}
       >
         {/* Index and slide presence share the fixed rail so presence does not resize the row. */}
         <div className="relative flex-shrink-0 w-4 self-stretch">
@@ -246,50 +231,6 @@ function SortableSlideThumb({
           </div>
         </div>
       </button>
-
-      {/* Drag handle — overlaid on the thumbnail instead of holding its own
-       * column, so the rail stays narrow. Mirrors the action buttons opposite. */}
-      {!readOnly && (
-        <div {...attributes} {...listeners} className={THUMB_OVERLAY_CLASS}>
-          <IconGripVertical className={THUMB_OVERLAY_ICON_CLASS} />
-        </div>
-      )}
-
-      {/* Actions - always visible on touch devices */}
-      {!readOnly && (
-        <div className="absolute top-2 right-2 flex gap-0.5 sm:opacity-0 sm:group-hover:opacity-100">
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <button
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onDuplicate();
-                }}
-                className="p-1.5 rounded bg-black/60 backdrop-blur-sm border border-white/10 hover:bg-black/80"
-                aria-label={t("editorSidebar.duplicateSlide")}
-              >
-                <IconCopy className="w-3 h-3 text-white/60" />
-              </button>
-            </TooltipTrigger>
-            <TooltipContent>{t("editorSidebar.duplicate")}</TooltipContent>
-          </Tooltip>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <button
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onDelete();
-                }}
-                className="p-1.5 rounded bg-black/60 backdrop-blur-sm border border-white/10 hover:bg-red-900/80"
-                aria-label={t("editorSidebar.deleteSlide")}
-              >
-                <IconTrash className="w-3 h-3 text-white/60" />
-              </button>
-            </TooltipTrigger>
-            <TooltipContent>{t("editorSidebar.delete")}</TooltipContent>
-          </Tooltip>
-        </div>
-      )}
     </div>
   );
 }
@@ -313,14 +254,14 @@ function GeneratingSlideSkeleton({
   return (
     <button
       type="button"
-      className={`group relative block w-full rounded-lg text-left transition-colors ${
-        selected ? "bg-accent ring-1 ring-ring" : "hover:bg-accent/50"
+      className={`relative block w-full rounded-lg text-left transition-[box-shadow] ${
+        selected ? "ring-1 ring-primary" : ""
       }`}
       aria-label={t("editorSidebar.generatingSlide")}
       aria-current={selected ? "true" : undefined}
       onClick={onSelect}
     >
-      <div className="w-full flex items-start gap-1.5 p-1.5 rounded-lg bg-accent/30">
+      <div className="flex w-full items-start gap-1.5 rounded-lg p-1.5">
         <span className="flex-shrink-0 w-4 text-center text-[10px] font-medium leading-5 text-muted-foreground/70">
           {index + 1}
         </span>
@@ -342,8 +283,6 @@ export default function EditorSidebar({
   activeSlideId,
   deckId,
   onSelectSlide,
-  onDuplicateSlide,
-  onDeleteSlide,
   readOnly = false,
   slidePresence,
   recentEdits,
@@ -513,8 +452,6 @@ export default function EditorSidebar({
               index={index}
               isActive={slide.id === activeSlideId}
               onSelect={() => onSelectSlide(slide.id)}
-              onDuplicate={() => onDuplicateSlide(slide.id)}
-              onDelete={() => onDeleteSlide(slide.id)}
               readOnly={readOnly}
               registerButtonRef={registerSlideButton}
               presenceUsers={slidePresence?.get(slide.id) ?? []}
@@ -543,6 +480,7 @@ export default function EditorSidebar({
             edits={recentEdits}
             resolveRect={resolveThumbRect}
             containerRef={thumbScrollRef}
+            outlineOnly
           />
         )}
       </div>

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

@@ -47,7 +47,7 @@ export default function GeneratingSlidePreview({
   return (
     <div
       className={cn(
-        "relative w-full overflow-hidden rounded-lg border border-border/60 bg-muted/20",
+        "relative w-full overflow-hidden rounded-lg border border-primary/70",
         className,
       )}
       style={{ aspectRatio: cssRatio }}
@@ -65,6 +65,10 @@ export default function GeneratingSlidePreview({
       ) : (
         <SlideLoadingArtwork />
       )}
+      <div className="pointer-events-none absolute left-2 top-2 inline-flex items-center gap-1.5 rounded-full border border-primary/70 px-2 py-1 text-[11px] font-medium text-primary">
+        <span className="size-1.5 rounded-full bg-primary" aria-hidden="true" />
+        {t("raw.aiEditing")}
+      </div>
       <div className="absolute right-2 top-2 rounded-full bg-background/80 p-1.5 text-muted-foreground shadow-sm backdrop-blur">
         <IconLoader2 className="size-3.5 animate-spin" aria-hidden="true" />
       </div>

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

@@ -13,6 +13,7 @@ import { Button } from "../ui/button";
 interface GoogleDocsStatus {
   configured: boolean;
   connected: boolean;
+  googleSlidesUrlImportReady?: boolean;
   error?: string;
   message?: string;
 }
@@ -97,6 +98,12 @@ export function GoogleDriveConnectionCta({
     void refreshStatus();
   }, [refreshStatus]);
 
+  const needsReconnect =
+    status?.connected === true && status.googleSlidesUrlImportReady === false;
+  const requiresUrlImportAccess =
+    status?.connected === true ||
+    status?.googleSlidesUrlImportReady !== undefined;
+
   const connect = useCallback(async () => {
     if (connecting) return;
     setConnecting(true);
@@ -138,23 +145,27 @@ export function GoogleDriveConnectionCta({
       while (Date.now() < deadline && !popup.closed) {
         await new Promise((resolve) => window.setTimeout(resolve, 1_200));
         const next = await refreshStatus();
-        if (next?.connected) {
+        const nextHasUrlImportAccess =
+          next?.googleSlidesUrlImportReady ?? !requiresUrlImportAccess;
+        if (next?.connected && nextHasUrlImportAccess) {
           popup.close();
           onConnected?.();
           return;
         }
       }
       const next = await refreshStatus();
-      if (next?.connected) onConnected?.();
+      const nextHasUrlImportAccess =
+        next?.googleSlidesUrlImportReady ?? !requiresUrlImportAccess;
+      if (next?.connected && nextHasUrlImportAccess) onConnected?.();
     } catch (caught) {
       popup?.close();
       setError(caught instanceof Error ? caught.message : String(caught));
     } finally {
       setConnecting(false);
     }
-  }, [connecting, onConnected, refreshStatus]);
+  }, [connecting, onConnected, refreshStatus, requiresUrlImportAccess]);
 
-  if (loading || status?.connected) return null;
+  if (loading || (status?.connected && !needsReconnect)) return null;
 
   const displayStatus = status ?? { configured: false, connected: false };