@agent-native/core 0.176.1 → 0.177.0-nightly-20260828155142

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

@@ -129,15 +129,15 @@ import {
   applyOptimisticImagePreview,
   hasOptimisticImagePreview,
   imageFileLooksSupported,
+  insertDroppedImageIntoSlideHtml,
   replaceOptimisticImagePreview,
+  replaceImageTargetInSlideHtml,
   stripOptimisticImagePreviews,
+  updateImageFitInSlideHtml,
+  type ImageObjectPosition,
   type OptimisticImagePreview,
   type SlideImageDropPosition,
 } from "@/lib/slide-image-replacement";
-import {
-  insertDroppedImageIntoSlideHtml,
-  replaceImageTargetInSlideHtml,
-} from "@/lib/slide-image-replacement";
 import { TAB_ID } from "@/lib/tab-id";
 import {
   shouldActivateRectangleTool,
@@ -486,14 +486,6 @@ export default function DeckEditor() {
   // loading when `createdByMe` already confirms ownership — otherwise a
   // viewer would briefly see (and could click) edit affordances.
   const { canEdit, canComment } = useDeckRole(id, deck?.createdByMe === true);
-  useEffect(() => {
-    const handleToggleLayers = () => {
-      if (canEdit) toggleLayers();
-    };
-    window.addEventListener("slides:toggle-layers", handleToggleLayers);
-    return () =>
-      window.removeEventListener("slides:toggle-layers", handleToggleLayers);
-  }, [canEdit, toggleLayers]);
   const isNewDeckGenerating = shouldShowNewDeckGeneratingProgress({
     generating,
     isNewDeckCreation: wasNewDeckCreation.current,
@@ -1016,6 +1008,31 @@ export default function DeckEditor() {
     [id, replaceImageInSlide, updateSlide],
   );
 
+  // Update fit or crop position on an image in the current slide
+  const updateImageFit = useCallback(
+    (
+      imgSrc: string,
+      updates: {
+        objectFit?: "cover" | "contain";
+        objectPosition?: ImageObjectPosition;
+      },
+      imageOccurrence?: number,
+    ) => {
+      if (!id || !currentSlideRef.current) return;
+      const slide = currentSlideRef.current;
+      const updatedContent = updateImageFitInSlideHtml(
+        slide.content,
+        imgSrc,
+        updates,
+        imageOccurrence,
+      );
+      if (updatedContent !== slide.content) {
+        updateSlide(id, slide.id, { content: updatedContent });
+      }
+    },
+    [id, updateSlide],
+  );
+
   const handleClipboardImagePaste = useCallback(
     (event: ClipboardEvent) => {
       if (!canEdit || event.defaultPrevented) return;
@@ -1050,39 +1067,21 @@ export default function DeckEditor() {
 
   // Toggle object-fit on an image in the current slide
   const toggleObjectFit = useCallback(
-    (imgSrc: string, newFit: string) => {
-      if (!id || !currentSlideRef.current) return;
-      const slide = currentSlideRef.current;
-      const escapedSrc = imgSrc.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      // Match the img tag containing this src and update/add object-fit in its style
-      const imgRegex = new RegExp(
-        `(<img[^>]*src=["']${escapedSrc}["'][^>]*?)(/?>)`,
-      );
-      const match = slide.content.match(imgRegex);
-      if (!match) return;
-      let imgTag = match[1];
-      // Update or add style attribute with object-fit
-      if (/style\s*=\s*["']/.test(imgTag)) {
-        if (/object-fit\s*:/.test(imgTag)) {
-          imgTag = imgTag.replace(
-            /object-fit\s*:\s*[^;"']+/,
-            `object-fit: ${newFit}`,
-          );
-        } else {
-          imgTag = imgTag.replace(
-            /style\s*=\s*["']/,
-            `style="object-fit: ${newFit}; `,
-          );
-        }
-      } else {
-        imgTag += ` style="object-fit: ${newFit};"`;
-      }
-      const updatedContent = slide.content.replace(imgRegex, imgTag + match[2]);
-      if (updatedContent !== slide.content) {
-        updateSlide(id, slide.id, { content: updatedContent });
-      }
+    (imgSrc: string, newFit: "cover" | "contain", imageOccurrence?: number) => {
+      updateImageFit(imgSrc, { objectFit: newFit }, imageOccurrence);
     },
-    [id, updateSlide],
+    [updateImageFit],
+  );
+
+  const updateObjectPosition = useCallback(
+    (
+      imgSrc: string,
+      objectPosition: ImageObjectPosition,
+      imageOccurrence?: number,
+    ) => {
+      updateImageFit(imgSrc, { objectPosition }, imageOccurrence);
+    },
+    [updateImageFit],
   );
 
   // Handle direct file upload and replace image
@@ -2353,6 +2352,7 @@ export default function DeckEditor() {
             onDropImage={uploadAndApplyImage}
             onDropImageUrl={dropImageUrlOnSlide}
             onToggleObjectFit={toggleObjectFit}
+            onChangeObjectPosition={updateObjectPosition}
             slideIndex={currentIndex >= 0 ? currentIndex : 0}
             designSystem={designSystem}
             aspectRatio={deck.aspectRatio}

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

@@ -223,28 +223,7 @@ function AppContent() {
   const [cmdkOpen, setCmdkOpen] = useState(false);
   const t = useT();
   const navigate = useNavigate();
-  const handleCommandMenuShortcut = useCallback(() => {
-    const editor = document.querySelector<HTMLElement>(
-      "[data-slides-editor-root]",
-    );
-    const active = document.activeElement;
-    const contentEditable =
-      active instanceof HTMLElement &&
-      (active.isContentEditable ||
-        Boolean(active.closest("[contenteditable='true']")));
-    const formControl =
-      active instanceof HTMLInputElement ||
-      active instanceof HTMLTextAreaElement ||
-      active instanceof HTMLSelectElement ||
-      Boolean(active?.closest("[role='textbox']"));
-    if (formControl && !contentEditable) return;
-    if (editor?.dataset.slidesEditorEditable === "true" && !contentEditable) {
-      window.dispatchEvent(new CustomEvent("slides:toggle-layers"));
-      setCmdkOpen(false);
-      return;
-    }
-    setCmdkOpen(true);
-  }, []);
+  const handleCommandMenuShortcut = useCallback(() => setCmdkOpen(true), []);
   useCommandMenuShortcut(handleCommandMenuShortcut, {
     allowContentEditable: true,
   });

package/corpus/templates/slides/changelog/2026-08-27-image-fit-controls-apply-cover-crops-and-position.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-27
+---
+
+Image fit controls now apply cover crops and let you choose their position.

package/corpus/templates/slides/changelog/2026-08-28-shared-slides-with-a-style-block-render-again.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-28
+---
+
+A slide containing a `<style>` block no longer renders empty on shared and presented links — the block and everything after it now survive.

package/dist/action.d.ts

@@ -19,8 +19,10 @@ import type { ActionAuditConfig } from "./audit/types.js";
  *   selected actions are attributed as `"tool"`.
  * - `"automation"` — an event-triggered automation dispatched from a stored
  *   workspace trigger with trusted trigger lineage.
+ * - `"webmcp"` — a browser agent invoking an automatically projected action
+ *   through the authenticated page-local WebMCP bridge.
  */
-export type ActionCaller = "tool" | "http" | "frontend" | "cli" | "mcp" | "a2a" | "automation";
+export type ActionCaller = "tool" | "http" | "frontend" | "cli" | "mcp" | "webmcp" | "a2a" | "automation";
 /**
  * Trusted automation lineage added by the trigger dispatcher. Action inputs
  * must never be used to create or override this context.

package/dist/client/FeedbackButton.d.ts

@@ -1,4 +1,16 @@
 import { type ReactNode } from "react";
+export interface SubmitFeedbackFormOptions {
+    value: string;
+    url?: string | null;
+    openedAt?: number;
+    idempotencyKey?: string | null;
+    honeypot?: string;
+    submitterEmail?: string | null;
+    chatSessionId?: string | null;
+    chatStorageKey?: string | null;
+    activeRunId?: string | null;
+}
+export declare function submitFeedbackForm(options: SubmitFeedbackFormOptions): Promise<"submitted" | "unconfigured">;
 export interface FeedbackButtonProps {
     /**
      * "sidebar" renders a full-width row with icon + label (for app left sidebars).

package/dist/client/FeedbackButton.js

@@ -184,6 +184,60 @@ async function loadSchema(target) {
     schemaCache.set(key, pending);
     return pending;
 }
+export async function submitFeedbackForm(options) {
+    const resolvedUrl = resolveFeedbackUrl(options.url);
+    const target = resolvedUrl ? parseTarget(resolvedUrl) : null;
+    if (!target)
+        return "unconfigured";
+    const value = options.value.trim();
+    if (!value)
+        throw new Error("Feedback is empty");
+    const resolvedSchema = await loadSchema(target);
+    const submitterEmail = isSyntheticAgentNativeAnonymousEmail(options.submitterEmail)
+        ? null
+        : options.submitterEmail;
+    const feedbackContext = getFeedbackClientContext({
+        chatSessionId: options.chatSessionId,
+        storageKey: options.chatStorageKey,
+        activeRunId: options.activeRunId,
+    });
+    const res = await fetch(`${target.endpoint}/api/submit/${encodeURIComponent(resolvedSchema.formId)}`, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            ...(options.idempotencyKey
+                ? { "Idempotency-Key": options.idempotencyKey }
+                : {}),
+        },
+        body: JSON.stringify({
+            data: { [resolvedSchema.fieldId]: value },
+            _t: options.openedAt ?? Date.now(),
+            _hp: options.honeypot ?? "",
+            _meta: {
+                ...(submitterEmail ? { submitterEmail } : {}),
+                ...feedbackContext,
+            },
+        }),
+    });
+    if (!res.ok) {
+        const responseBody = await res.text();
+        let errorMessage;
+        try {
+            const body = JSON.parse(responseBody);
+            if (body !== null &&
+                typeof body === "object" &&
+                "error" in body &&
+                typeof body.error === "string") {
+                errorMessage = body.error.trim() || undefined;
+            }
+        }
+        catch {
+            throw new Error(`submit failed (${res.status})`);
+        }
+        throw new Error(errorMessage || `submit failed (${res.status})`);
+    }
+    return "submitted";
+}
 const surfaceStyle = {
     width: "min(380px, calc(100vw - 32px))",
 };
@@ -259,7 +313,6 @@ function FeedbackPopoverButton({ variant = "sidebar", label, url, className, sid
     const [submitting, setSubmitting] = useState(false);
     const [submitted, setSubmitted] = useState(false);
     const [error, setError] = useState(null);
-    const [schema, setSchema] = useState(null);
     const openedAtRef = useRef(0);
     const closeTimerRef = useRef(null);
     const textareaRef = useRef(null);
@@ -273,11 +326,8 @@ function FeedbackPopoverButton({ variant = "sidebar", label, url, className, sid
         setSubmitting(false);
         setSubmitted(false);
         setError(null);
-        setSchema(null);
         if (target) {
-            loadSchema(target)
-                .then((s) => setSchema(s))
-                .catch((err) => {
+            loadSchema(target).catch((err) => {
                 console.error("[FeedbackButton] schema load failed", err);
                 setError(copy.loadError);
             });
@@ -306,33 +356,18 @@ function FeedbackPopoverButton({ variant = "sidebar", label, url, className, sid
         setSubmitting(true);
         setError(null);
         try {
-            const resolvedSchema = schema ?? (await loadSchema(target));
-            if (!schema)
-                setSchema(resolvedSchema);
             const submitterEmail = isSyntheticAgentNativeAnonymousEmail(session?.email)
                 ? null
                 : session?.email;
-            const feedbackContext = getFeedbackClientContext({
+            await submitFeedbackForm({
+                url,
+                value,
+                openedAt: openedAtRef.current,
+                honeypot,
+                submitterEmail,
                 chatSessionId,
-                storageKey: chatStorageKey,
+                chatStorageKey,
             });
-            const res = await fetch(`${target.endpoint}/api/submit/${encodeURIComponent(resolvedSchema.formId)}`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    data: { [resolvedSchema.fieldId]: trimmed },
-                    _t: openedAtRef.current,
-                    _hp: honeypot,
-                    _meta: {
-                        ...(submitterEmail ? { submitterEmail } : {}),
-                        ...feedbackContext,
-                    },
-                }),
-            });
-            if (!res.ok) {
-                const body = (await res.json().catch(() => ({})));
-                throw new Error(body.error || `submit failed (${res.status})`);
-            }
             setSubmitted(true);
             closeTimerRef.current = setTimeout(() => setOpen(false), 1400);
         }
@@ -342,7 +377,6 @@ function FeedbackPopoverButton({ variant = "sidebar", label, url, className, sid
         }
     }, [
         target,
-        schema,
         value,
         honeypot,
         submitting,

package/dist/client/app-providers.js

@@ -66,6 +66,7 @@ import { AgentNativeRouteWarmup } from "./route-warmup.js";
 import { RouteTransitionIndicator } from "./RouteTransitionIndicator.js";
 import { RuntimeConfigNotice } from "./RuntimeConfigNotice.js";
 import { EMBEDDED_THEME_CHANGE_EVENT, applyEmbeddedThemeUpdate, parseEmbeddedThemeUpdate, } from "./theme.js";
+import { createAgentNativeServerActionWebMcpRegistration } from "./webmcp.js";
 const DEFAULT_TOASTER = (_jsx(Toaster, { richColors: true, position: "bottom-left", offset: { bottom: 44, left: 32 }, mobileOffset: { bottom: 44, left: 16 } }));
 function RoutedAppEnhancements() {
     const isInRouter = useInRouterContext();
@@ -73,6 +74,17 @@ function RoutedAppEnhancements() {
         return null;
     return (_jsxs(_Fragment, { children: [_jsx(AgentNativeRouteWarmup, {}), _jsx(RouteTransitionIndicator, {})] }));
 }
+function AutomaticWebMcpActionRegistration() {
+    useEffect(() => {
+        const registration = createAgentNativeServerActionWebMcpRegistration();
+        void registration.start().catch(() => {
+            // WebMCP is progressive enhancement. Session expiry or a transient
+            // manifest failure must not prevent the authenticated app from loading.
+        });
+        return () => registration.stop();
+    }, []);
+    return null;
+}
 function readDocumentTitleFallback() {
     const selectors = [
         'meta[name="application-name"]',
@@ -153,5 +165,5 @@ export function AppProviders({ queryClient, isPublicPath = false, clientOnlyFall
     if (isPublicPath) {
         return (_jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, showProductionEnvironmentBadge: false, children: children }));
     }
-    return (_jsx(ClientOnly, { fallback: fallback, children: _jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, showProductionEnvironmentBadge: !sessionBypass, children: _jsx(RequireSession, { bypass: sessionBypass, fallback: fallback, children: sessionBypass ? (children) : (_jsx(FirstRunOnboardingStartupGate, { children: children })) }) }) }));
+    return (_jsx(ClientOnly, { fallback: fallback, children: _jsx(ProvidersInner, { queryClient: queryClient, defaultTheme: defaultTheme, themeAttribute: themeAttribute, tooltipDelayDuration: tooltipDelayDuration, toaster: toaster, disableThemeTransitions: disableThemeTransitions, i18n: i18n, documentTitleFallback: documentTitleFallback, showProductionEnvironmentBadge: !sessionBypass, children: _jsx(RequireSession, { bypass: sessionBypass, fallback: fallback, children: sessionBypass ? (children) : (_jsxs(FirstRunOnboardingStartupGate, { children: [_jsx(AutomaticWebMcpActionRegistration, {}), children] })) }) }) }));
 }

package/dist/client/feedback-context.d.ts

@@ -9,5 +9,6 @@ export interface FeedbackClientContext {
 export interface FeedbackClientContextOptions {
     chatSessionId?: string | null;
     storageKey?: string | null;
+    activeRunId?: string | null;
 }
 export declare function getFeedbackClientContext(options?: FeedbackClientContextOptions): FeedbackClientContext;

package/dist/client/feedback-context.js

@@ -64,8 +64,9 @@ export function getFeedbackClientContext(options = {}) {
     const context = {
         chatSessionIds: [...ids].slice(0, MAX_CHAT_SESSION_IDS),
     };
-    if (activeRun?.runId)
-        context.activeRunId = activeRun.runId;
+    const activeRunId = options.activeRunId === undefined ? activeRun?.runId : options.activeRunId;
+    if (activeRunId)
+        context.activeRunId = activeRunId;
     if (typeof window !== "undefined") {
         context.pageUrl = scrubUrl(window.location.href);
         context.clientSurface = getClientSurface();

package/dist/client/host-bridge.d.ts

@@ -52,6 +52,7 @@ export interface AgentNativeHostSession {
 }
 export interface AgentNativeClientActionRuntime {
     requestId?: string;
+    signal?: AbortSignal;
     origin: string;
     context: AgentNativeHostContext;
     session: AgentNativeHostSession;

package/dist/client/observability/ThumbsFeedback.js

@@ -5,20 +5,39 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { IconThumbUp, IconThumbDown } from "@tabler/icons-react";
 import { useState, useCallback, useId, useRef } from "react";
 import { agentNativePath } from "../api-path.js";
+import { submitFeedbackForm } from "../FeedbackButton.js";
 import { useT } from "../i18n.js";
+import { useSession } from "../use-session.js";
 import { cn } from "../utils.js";
+function createFeedbackIdempotencyKey() {
+    if (typeof crypto !== "undefined" &&
+        typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID();
+    }
+    return `feedback-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
 export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
     const t = useT();
+    const { session } = useSession();
     const [selection, setSelection] = useState(null);
     const [popoverOpen, setPopoverOpen] = useState(false);
     const [textFeedback, setTextFeedback] = useState("");
+    const [textSubmitting, setTextSubmitting] = useState(false);
     const feedbackInputId = useId();
     const feedbackInputRef = useRef(null);
-    const sendFeedback = useCallback(async (feedbackType, value) => {
+    const feedbackOpenedAtRef = useRef(0);
+    const textSubmissionInFlightRef = useRef(false);
+    const textFeedbackDeliveryRef = useRef(null);
+    const sendFeedback = useCallback(async (feedbackType, value, idempotencyKey) => {
         try {
             const response = await fetch(agentNativePath("/_agent-native/observability/feedback"), {
                 method: "POST",
-                headers: { "Content-Type": "application/json" },
+                headers: {
+                    "Content-Type": "application/json",
+                    ...(feedbackType === "text" && idempotencyKey
+                        ? { "Idempotency-Key": idempotencyKey }
+                        : {}),
+                },
                 body: JSON.stringify({
                     threadId,
                     runId,
@@ -49,27 +68,71 @@ export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
     }, [selection, sendFeedback]);
     const handleThumbsDown = useCallback(() => {
         if (selection === "down") {
-            setPopoverOpen((prev) => !prev);
+            const nextOpen = !popoverOpen;
+            if (nextOpen)
+                feedbackOpenedAtRef.current = Date.now();
+            setPopoverOpen(nextOpen);
             return;
         }
+        feedbackOpenedAtRef.current = Date.now();
         setSelection("down");
         setPopoverOpen(true);
         void sendFeedback("thumbs_down").then((submitted) => {
             if (!submitted)
                 setSelection(null);
         });
-    }, [selection, sendFeedback]);
+    }, [popoverOpen, selection, sendFeedback]);
     const handleTextFeedback = useCallback(() => {
         const value = textFeedback.trim();
-        if (!value)
+        if (!value || textSubmissionInFlightRef.current)
             return;
-        void sendFeedback("text", value).then((submitted) => {
-            if (!submitted)
+        const delivery = textFeedbackDeliveryRef.current?.value === value
+            ? textFeedbackDeliveryRef.current
+            : {
+                value,
+                observabilityDelivered: false,
+                sharedFormDelivered: false,
+                idempotencyKey: createFeedbackIdempotencyKey(),
+            };
+        textFeedbackDeliveryRef.current = delivery;
+        textSubmissionInFlightRef.current = true;
+        setTextSubmitting(true);
+        const deliveries = [];
+        if (!delivery.observabilityDelivered) {
+            deliveries.push(sendFeedback("text", value, delivery.idempotencyKey).then((submitted) => {
+                delivery.observabilityDelivered = submitted;
+            }));
+        }
+        if (!delivery.sharedFormDelivered) {
+            deliveries.push(submitFeedbackForm({
+                value,
+                openedAt: feedbackOpenedAtRef.current,
+                idempotencyKey: delivery.idempotencyKey,
+                chatSessionId: threadId,
+                activeRunId: runId,
+                submitterEmail: session?.email,
+            })
+                .then(() => {
+                delivery.sharedFormDelivered = true;
+            })
+                .catch((reason) => {
+                console.error("[ThumbsFeedback] shared feedback form submission failed", reason);
+            }));
+        }
+        void Promise.all(deliveries)
+            .then(() => {
+            if (!delivery.observabilityDelivered || !delivery.sharedFormDelivered) {
                 return;
+            }
+            textFeedbackDeliveryRef.current = null;
             setTextFeedback("");
             setPopoverOpen(false);
+        })
+            .finally(() => {
+            textSubmissionInFlightRef.current = false;
+            setTextSubmitting(false);
         });
-    }, [sendFeedback, textFeedback]);
+    }, [runId, sendFeedback, session?.email, textFeedback, threadId]);
     return (_jsxs("div", { className: cn("inline-flex items-center gap-0.5", className), children: [_jsx("button", { type: "button", "aria-label": t("agentChat.feedback.thumbsUp"), onClick: handleThumbsUp, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "up"
                     ? "text-foreground"
                     : "text-muted-foreground/70 hover:text-muted-foreground hover:bg-accent/50"), children: _jsx(IconThumbUp, { size: 16, stroke: selection === "up" ? 2.5 : 1.5, fill: selection === "up" ? "currentColor" : "none" }) }), _jsxs(PopoverPrimitive.Root, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": t("agentChat.feedback.thumbsDown"), onClick: handleThumbsDown, className: cn("flex h-6 w-6 items-center justify-center rounded", selection === "down"
@@ -80,7 +143,7 @@ export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
                             }, className: "z-[300] w-[min(320px,calc(100vw-24px))] overflow-hidden rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-lg outline-none origin-[var(--radix-popover-content-transform-origin)]", children: _jsxs("form", { className: "flex flex-col gap-2.5", onSubmit: (event) => {
                                     event.preventDefault();
                                     handleTextFeedback();
-                                }, children: [_jsx("label", { htmlFor: feedbackInputId, className: "text-xs font-medium text-foreground", children: t("agentChat.feedback.whatWentWrong") }), _jsx(Textarea, { id: feedbackInputId, ref: feedbackInputRef, autoFocus: true, value: textFeedback, onChange: (event) => setTextFeedback(event.target.value), onKeyDown: (event) => {
+                                }, children: [_jsx("label", { htmlFor: feedbackInputId, className: "text-xs font-medium text-foreground", children: t("agentChat.feedback.whatWentWrong") }), _jsx(Textarea, { id: feedbackInputId, ref: feedbackInputRef, autoFocus: true, value: textFeedback, onChange: (event) => setTextFeedback(event.target.value), disabled: textSubmitting, onKeyDown: (event) => {
                                             if ((event.metaKey || event.ctrlKey) &&
                                                 event.key === "Enter") {
                                                 event.preventDefault();
@@ -89,5 +152,5 @@ export function ThumbsFeedback({ threadId, runId, messageSeq, className, }) {
                                         }, placeholder: t("agentChat.feedback.placeholder"), rows: 3, maxLength: 2000, className: "min-h-20 resize-none px-2.5 py-2 text-xs" }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-[11px] text-muted-foreground/75", children: t("agentChat.feedback.keyboardHint").replace("{{shortcut}}", typeof navigator !== "undefined" &&
                                                     /Mac|iPhone|iPad/.test(navigator.userAgent)
                                                     ? "⌘"
-                                                    : "Ctrl") }), _jsx(Button, { type: "submit", size: "sm", disabled: !textFeedback.trim(), className: "h-7 px-2.5 text-xs", children: t("agentChat.feedback.submit") })] })] }) }) })] })] }));
+                                                    : "Ctrl") }), _jsx(Button, { type: "submit", size: "sm", disabled: textSubmitting || !textFeedback.trim(), className: "h-7 px-2.5 text-xs", children: t("agentChat.feedback.submit") })] })] }) }) })] })] }));
 }

package/dist/client/webmcp.d.ts

@@ -71,4 +71,8 @@ export interface AgentNativeWebMcpRegistration {
     start(): Promise<void>;
     stop(): void;
 }
+export declare function createAgentNativeServerActionWebMcpRegistration(options?: {
+    document?: Document;
+    fetch?: typeof fetch;
+}): AgentNativeWebMcpRegistration;
 export declare function createAgentNativeWebMcpRegistration(options: AgentNativeWebMcpRegistrationOptions): AgentNativeWebMcpRegistration;

package/dist/client/webmcp.js

@@ -234,6 +234,52 @@ export function createAgentNativeWebMcpClient(options = {}) {
     };
     return client;
 }
+export function createAgentNativeServerActionWebMcpRegistration(options) {
+    const fetchImpl = options?.fetch ?? ((...args) => fetch(...args));
+    return createAgentNativeWebMcpRegistration({
+        document: options?.document,
+        maxToolCount: 1_000,
+        maxDescriptionChars: 10_000,
+        actions: async () => {
+            const response = await fetchImpl("/_agent-native/webmcp/manifest", {
+                credentials: "same-origin",
+                headers: { Accept: "application/json" },
+            });
+            if (!response.ok) {
+                throw new Error(`Unable to load WebMCP actions (${response.status})`);
+            }
+            const manifest = (await response.json());
+            if (!Array.isArray(manifest)) {
+                throw new Error("WebMCP action manifest must be an array");
+            }
+            return manifest.map((action) => ({
+                name: action.name,
+                description: action.description,
+                ...(action.inputSchema ? { schema: action.inputSchema } : {}),
+                ...(action.readOnly ? { readOnly: true } : {}),
+                run: async (args, runtime) => {
+                    const result = await fetchImpl(`/_agent-native/webmcp/actions/${encodeURIComponent(action.name)}`, {
+                        method: "POST",
+                        credentials: "same-origin",
+                        headers: {
+                            Accept: "application/json",
+                            "Content-Type": "application/json",
+                        },
+                        body: JSON.stringify(args),
+                        ...(runtime.signal ? { signal: runtime.signal } : {}),
+                    });
+                    const body = await result.json();
+                    if (!result.ok) {
+                        throw new Error(isRecord(body) && typeof body.error === "string"
+                            ? body.error
+                            : `WebMCP action failed (${result.status})`);
+                    }
+                    return body;
+                },
+            }));
+        },
+    });
+}
 function resolveActions(actions) {
     return Promise.resolve(typeof actions === "function" ? actions() : actions).then((value) => {
         if (!Array.isArray(value)) {
@@ -271,7 +317,7 @@ function actionManifest(action) {
 function actionInputSchema(action) {
     return action.schema ?? action.parameters ?? EMPTY_INPUT_SCHEMA;
 }
-function actionRuntime(options, context, session) {
+function actionRuntime(options, context, session, signal) {
     const origin = options.origin ?? "agent-native-webmcp";
     const runCommand = async (command, payload) => {
         const handler = options.commands?.[command] ??
@@ -281,6 +327,7 @@ function actionRuntime(options, context, session) {
         return handler({ command, payload, origin }, undefined);
     };
     return {
+        ...(signal ? { signal } : {}),
         origin,
         context,
         session,
@@ -381,7 +428,7 @@ export function createAgentNativeWebMcpRegistration(options) {
                             : {}),
                     },
                     execute: async (input, executionOptions) => {
-                        if (executionOptions.signal.aborted) {
+                        if (executionOptions?.signal.aborted) {
                             throw new Error(`WebMCP action "${action.name}" was aborted`);
                         }
                         validateBoundedJson(input, `WebMCP action "${action.name}" input`, options.maxInputChars ?? DEFAULT_INPUT_CHARS);
@@ -417,8 +464,8 @@ export function createAgentNativeWebMcpRegistration(options) {
                                 throw new Error(`WebMCP action "${action.name}" was not approved`);
                             }
                         }
-                        const result = await action.run(input, actionRuntime(options, context, session));
-                        if (executionOptions.signal.aborted) {
+                        const result = await action.run(input, actionRuntime(options, context, session, executionOptions?.signal));
+                        if (executionOptions?.signal.aborted) {
                             throw new Error(`WebMCP action "${action.name}" was aborted`);
                         }
                         return serializeWebMcpResult(result, `WebMCP action "${action.name}" result`, options.maxResultChars ?? DEFAULT_RESULT_CHARS);

package/dist/collab/routes.d.ts

@@ -26,8 +26,8 @@ export declare const getCollabState: import("h3").EventHandlerWithFetch<import("
  * Body: { update: string (base64), requestSource?: string }
  */
 export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    error: string;
     ok?: undefined;
+    error: string;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/collab/struct-routes.d.ts

@@ -13,8 +13,8 @@
  * Body: { json: any, fieldName?: string, type?: "map"|"array", requestSource?: string }
  */
 export declare const postCollabJson: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;