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

package/corpus/templates/forms/server/lib/integrations.ts

@@ -55,6 +55,14 @@ interface SubmissionPayload {
   clientSurface?: string | null;
 }
 
+export interface IntegrationDeliverySnapshot {
+  id: string;
+  type: IntegrationType;
+  name: string;
+  url: string;
+  payload: unknown;
+}
+
 /** Human-readable label for a client-surface token. */
 function clientSurfaceLabel(surface: string): string {
   switch (surface) {
@@ -142,7 +150,7 @@ function formatDebugContext(submission: SubmissionPayload): string[] {
     );
   }
   if (submission.activeRunId) {
-    lines.push(`Run: \`${submission.activeRunId}\``);
+    lines.push(`Request ID: \`${submission.activeRunId}\``);
   }
   if (submission.pageUrl) {
     const appLabel = appLabelFromUrl(submission.pageUrl);
@@ -308,20 +316,89 @@ const payloadBuilders: Record<
   webhook: buildWebhookPayload,
 };
 
+export function buildIntegrationDeliverySnapshot(
+  integration: FormIntegration,
+  submission: SubmissionPayload,
+): IntegrationDeliverySnapshot {
+  const buildPayload = payloadBuilders[integration.type] ?? buildWebhookPayload;
+  return {
+    id: integration.id,
+    type: integration.type,
+    name: integration.name,
+    url: integration.url,
+    payload: buildPayload(submission),
+  };
+}
+
+export function buildIntegrationDeliverySnapshots(
+  integrations: FormIntegration[],
+  submission: SubmissionPayload,
+): IntegrationDeliverySnapshot[] {
+  return integrations
+    .filter((integration) => integration.enabled && integration.url)
+    .map((integration) =>
+      buildIntegrationDeliverySnapshot(integration, submission),
+    );
+}
+
+export async function deliverIntegrationDelivery(
+  snapshot: IntegrationDeliverySnapshot,
+  idempotencyKey?: string,
+): Promise<void> {
+  if (!isWebhookUrlAllowed(snapshot.url)) {
+    throw new Error("blocked URL");
+  }
+  const result = await deliverJsonWebhook({
+    url: snapshot.url,
+    payload: snapshot.payload,
+    ...(idempotencyKey
+      ? { headers: { "Idempotency-Key": idempotencyKey } }
+      : {}),
+  });
+  if (result.ok) return;
+  if (result.blocked) throw new Error("blocked URL");
+  throw new Error(
+    result.status
+      ? `destination returned ${result.status}`
+      : "destination request failed",
+  );
+}
+
 // ---------------------------------------------------------------------------
 // Fire integrations
 // ---------------------------------------------------------------------------
 
-/** Fire all enabled integrations for a submission. Never throws. */
+export type DeliveryStatus = "pending" | "succeeded" | "failed";
+export type DeliveryStatuses = Record<string, DeliveryStatus>;
+
+export function integrationDeliveryKey(integrationId: string): string {
+  return `integration:${integrationId}`;
+}
+
+interface FireIntegrationsOptions {
+  deliveryStatus?: Readonly<DeliveryStatuses>;
+  onStatusChange?: (
+    destination: string,
+    status: DeliveryStatus,
+  ) => Promise<void> | void;
+}
+
+/** Fire enabled integrations, skipping destinations already delivered. */
 export async function fireIntegrations(
   integrations: FormIntegration[],
   submission: SubmissionPayload,
-): Promise<void> {
+  options: FireIntegrationsOptions = {},
+): Promise<DeliveryStatuses> {
   const enabled = integrations.filter((i) => i.enabled && i.url);
-  if (enabled.length === 0) return;
+  const statuses: DeliveryStatuses = { ...(options.deliveryStatus ?? {}) };
+  if (enabled.length === 0) return statuses;
 
-  await Promise.allSettled(
+  const results = await Promise.allSettled(
     enabled.map(async (integration) => {
+      const destination = integrationDeliveryKey(integration.id);
+      if (options.deliveryStatus?.[destination] === "succeeded") return;
+
+      let status: DeliveryStatus = "failed";
       // SSRF guard — a form-author can persist any URL in their integration
       // config. Anonymous submissions then trigger a server-side POST. Block
       // private IPs, cloud-metadata endpoints, and non-http(s) schemes
@@ -330,38 +407,28 @@ export async function fireIntegrations(
         console.warn(
           `[integrations] ${integration.type} "${integration.name}" rejected: blocked URL`,
         );
-        return;
-      }
-
-      const buildPayload =
-        payloadBuilders[integration.type] ?? buildWebhookPayload;
-      const payload = buildPayload(submission);
-
-      try {
-        const result = await deliverJsonWebhook({
-          url: integration.url,
-          payload,
-        });
-        if (!result.ok) {
-          if (result.blocked) {
-            console.warn(
-              `[integrations] ${integration.type} "${integration.name}" rejected: blocked URL`,
-            );
-            return;
-          }
+      } else {
+        try {
+          await deliverIntegrationDelivery(
+            buildIntegrationDeliverySnapshot(integration, submission),
+          );
+          status = "succeeded";
+        } catch (err) {
           console.warn(
-            result.status
-              ? `[integrations] ${integration.type} "${integration.name}" returned ${result.status}`
-              : `[integrations] ${integration.type} "${integration.name}" failed:`,
-            result.error,
+            `[integrations] ${integration.type} "${integration.name}" failed:`,
+            err,
           );
         }
-      } catch (err) {
-        console.warn(
-          `[integrations] ${integration.type} "${integration.name}" failed:`,
-          err,
-        );
       }
+
+      statuses[destination] = status;
+      await options.onStatusChange?.(destination, status);
     }),
   );
+
+  const rejected = results.find(
+    (result): result is PromiseRejectedResult => result.status === "rejected",
+  );
+  if (rejected) throw rejected.reason;
+  return statuses;
 }

package/corpus/templates/forms/server/middleware/00-public-cors.ts

@@ -28,7 +28,7 @@ export default defineEventHandler((event) => {
   setResponseHeader(
     event,
     "Access-Control-Allow-Headers",
-    "Content-Type,Accept",
+    "Content-Type,Accept,Idempotency-Key",
   );
 
   if (getMethod(event) === "OPTIONS") {

package/corpus/templates/forms/server/plugins/db.ts

@@ -150,6 +150,46 @@ CREATE INDEX IF NOT EXISTS form_shares_resource_idx ON form_shares (resource_id,
         sqlite: `ALTER TABLE responses ADD COLUMN IF NOT EXISTS client_surface TEXT`,
       },
     },
+    {
+      version: 13,
+      name: "responses-idempotency-key",
+      sql: {
+        postgres: `ALTER TABLE responses ADD COLUMN IF NOT EXISTS idempotency_key TEXT;
+CREATE UNIQUE INDEX IF NOT EXISTS responses_form_idempotency_key_idx ON responses (form_id, idempotency_key)`,
+        sqlite: `ALTER TABLE responses ADD COLUMN IF NOT EXISTS idempotency_key TEXT;
+CREATE UNIQUE INDEX IF NOT EXISTS responses_form_idempotency_key_idx ON responses (form_id, idempotency_key)`,
+      },
+    },
+    {
+      version: 14,
+      name: "responses-delivery-status",
+      sql: {
+        postgres: `ALTER TABLE responses ADD COLUMN IF NOT EXISTS delivery_status TEXT`,
+        sqlite: `ALTER TABLE responses ADD COLUMN IF NOT EXISTS delivery_status TEXT`,
+      },
+    },
+    {
+      version: 15,
+      name: "response-delivery-snapshots",
+      sql: `ALTER TABLE responses ADD COLUMN IF NOT EXISTS delivery_snapshot TEXT;
+CREATE TABLE IF NOT EXISTS response_deliveries (
+  id TEXT PRIMARY KEY,
+  response_id TEXT NOT NULL REFERENCES responses(id),
+  destination TEXT NOT NULL,
+  kind TEXT NOT NULL,
+  payload TEXT NOT NULL,
+  status TEXT NOT NULL DEFAULT 'pending',
+  claim_token TEXT,
+  claimed_at TEXT,
+  error_message TEXT,
+  created_at TEXT NOT NULL,
+  updated_at TEXT NOT NULL
+);
+CREATE UNIQUE INDEX IF NOT EXISTS response_deliveries_response_destination_idx
+  ON response_deliveries (response_id, destination);
+CREATE INDEX IF NOT EXISTS response_deliveries_status_idx
+  ON response_deliveries (status, claimed_at)`,
+    },
   ],
   { table: "forms_migrations" },
 );

package/corpus/templates/plan/agent-native.json

@@ -1,10 +1,7 @@
 {
   "version": 1,
   "onboarding": {
-    "firstRun": {
-      "development": "off",
-      "production": "connect-and-integrations"
-    }
+    "firstRun": "off"
   },
   "doctor": {
     "failOnBuild": false

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

@@ -1063,9 +1063,14 @@ export function SlideInner({
   // Slides with fmd-slide markup carry their layout in the raw HTML contract;
   // render them as-is so supported semantic classes and inline styles survive.
   const content = typeof slide.content === "string" ? slide.content : "";
+  const trimmedContent = content.trimStart();
+  const isConvertedMarkdownImage =
+    /^<img\b\s+data-markdown-image(?:\s*=\s*(?:"true"|'true'|true))?(?:\s|>)/i.test(
+      trimmedContent,
+    );
   const isRawHtml =
     content.includes('class="fmd-slide"') ||
-    content.trimStart().startsWith("<") ||
+    (trimmedContent.startsWith("<") && !isConvertedMarkdownImage) ||
     ["blank", "section", "statement", "full-image"].includes(slide.layout);
 
   if (!isRawHtml && slide.layout === "two-column") {

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

@@ -4,7 +4,7 @@ import {
   IconCircle,
   IconLine,
   IconPlus,
-  IconShape2,
+  IconShape,
   IconSquare,
   IconTextSize,
   IconTriangle,
@@ -158,7 +158,7 @@ export function EditorActionCluster({
                       shapeMenuOpen || shapeType ? ACTIVE_CLASS : IDLE_CLASS,
                     )}
                   >
-                    <IconShape2 className="size-4" />
+                    <IconShape className="size-4" />
                   </button>
                 </PopoverTrigger>
               </TooltipTrigger>

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

@@ -34,7 +34,7 @@ import {
   IconPlus,
   IconSquare,
   IconTextSize,
-  IconTransitionRight,
+  IconBolt,
   IconLayersSubtract,
 } from "@tabler/icons-react";
 import { useTheme } from "next-themes";
@@ -445,9 +445,9 @@ export default function EditorToolbar({
         commands.push({
           id: "element-animations",
           group: "slideTools",
-          label: t("editorToolbar.elementAnimations"),
+          label: t("animations.title"),
           keywords: ["animation", "motion", "transition"],
-          icon: IconTransitionRight,
+          icon: IconBolt,
           active: animationsOpen,
           run: onToggleAnimations,
         });
@@ -505,7 +505,7 @@ export default function EditorToolbar({
           group: "slideTools" as const,
           label: t(transition.labelKey),
           keywords: ["slide", "transition", transition.value],
-          icon: IconTransitionRight,
+          icon: IconBolt,
           active: activeSlideTransition === transition.value,
           run: () => onChangeSlideTransition(transition.value),
         })),
@@ -803,8 +803,8 @@ export default function EditorToolbar({
                           : undefined
                       }
                     >
-                      <IconTransitionRight className="size-4" />
-                      {t("editorToolbar.elementAnimations")}
+                      <IconBolt className="size-4" />
+                      {t("animations.title")}
                     </DropdownMenuItem>
                   )}
                   {canEdit && currentSlide && onToggleLayers && (

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

@@ -7,18 +7,25 @@ import {
   IconMaximize,
   IconMinimize,
 } from "@tabler/icons-react";
-import { useEffect, useRef } from "react";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
+import {
+  IMAGE_OBJECT_POSITION_VALUES,
+  type ImageObjectPosition,
+} from "@/lib/slide-image-replacement";
+
 interface ImageOverlayProps {
   anchorRect: DOMRect;
   src: string;
   objectFit: "cover" | "contain";
+  objectPosition: ImageObjectPosition;
   onGenerate: () => void;
   onLibrary: () => void;
   onUpload: () => void;
   onDownload: () => void;
   onToggleObjectFit: () => void;
+  onChangeObjectPosition: (objectPosition: ImageObjectPosition) => void;
   onClose: () => void;
 }
 
@@ -26,15 +33,19 @@ export default function ImageOverlay({
   anchorRect,
   src,
   objectFit,
+  objectPosition,
   onGenerate,
   onLibrary,
   onUpload,
   onDownload,
   onToggleObjectFit,
+  onChangeObjectPosition,
   onClose,
 }: ImageOverlayProps) {
   const t = useT();
   const menuRef = useRef<HTMLDivElement>(null);
+  const [menuHeight, setMenuHeight] = useState(0);
+  const isPlaceholder = src.startsWith("placeholder:");
 
   useEffect(() => {
     const handleClick = (e: MouseEvent) => {
@@ -53,6 +64,11 @@ export default function ImageOverlay({
     };
   }, [onClose]);
 
+  useLayoutEffect(() => {
+    const height = menuRef.current?.getBoundingClientRect().height;
+    if (height && height !== menuHeight) setMenuHeight(height);
+  }, [anchorRect, isPlaceholder, menuHeight, objectFit]);
+
   const menuWidth = 180;
   const vw = window.innerWidth;
   const vh = window.innerHeight;
@@ -61,13 +77,14 @@ export default function ImageOverlay({
 
   if (vw < 640) {
     left = Math.max(8, (vw - menuWidth) / 2);
-    top = Math.min(anchorRect.bottom + 8, vh - 260);
+    top = anchorRect.bottom + 8;
   } else {
     left = anchorRect.left - menuWidth - 8;
     top = anchorRect.top + anchorRect.height / 2 - 100;
     if (left < 8) left = 8;
   }
-  top = Math.max(8, Math.min(top, vh - 220));
+  const maxTop = Math.max(8, vh - (menuHeight || 220) - 8);
+  top = Math.max(8, Math.min(top, maxTop));
 
   return createPortal(
     <div
@@ -116,15 +133,64 @@ export default function ImageOverlay({
         <IconDownload className="w-3.5 h-3.5 text-muted-foreground" />
         Download
       </button>
-      <div className="mx-1.5 border-t border-border" />
-      <button onClick={onToggleObjectFit} className="image-overlay-btn">
-        {objectFit === "cover" ? (
-          <IconMinimize className="w-3.5 h-3.5 text-muted-foreground" />
-        ) : (
-          <IconMaximize className="w-3.5 h-3.5 text-muted-foreground" />
-        )}
-        Fit: {objectFit === "cover" ? "Cover" : "Contain"}
-      </button>
+      {!isPlaceholder && (
+        <>
+          <div className="mx-1.5 border-t border-border" />
+          <button onClick={onToggleObjectFit} className="image-overlay-btn">
+            {objectFit === "cover" ? (
+              <IconMinimize className="w-3.5 h-3.5 text-muted-foreground" />
+            ) : (
+              <IconMaximize className="w-3.5 h-3.5 text-muted-foreground" />
+            )}
+            Fit: {objectFit === "cover" ? "Cover" : "Contain"}
+          </button>
+          {objectFit === "cover" && (
+            <label className="image-overlay-position">
+              <span>{t("styleInspector.position")}</span>
+              <select
+                aria-label={t("styleInspector.position")}
+                value={objectPosition}
+                onChange={(event) => {
+                  const value = event.currentTarget.value;
+                  if (
+                    IMAGE_OBJECT_POSITION_VALUES.includes(
+                      value as ImageObjectPosition,
+                    )
+                  ) {
+                    onChangeObjectPosition(value as ImageObjectPosition);
+                  }
+                }}
+              >
+                <option value="left top">
+                  {t("styleInspector.top")} {t("styleInspector.left")}
+                </option>
+                <option value="center top">
+                  {t("styleInspector.top")} {t("styleInspector.center")}
+                </option>
+                <option value="right top">
+                  {t("styleInspector.top")} {t("styleInspector.right")}
+                </option>
+                <option value="left center">{t("styleInspector.left")}</option>
+                <option value="center center">
+                  {t("styleInspector.center")}
+                </option>
+                <option value="right center">
+                  {t("styleInspector.right")}
+                </option>
+                <option value="left bottom">
+                  {t("styleInspector.bottom")} {t("styleInspector.left")}
+                </option>
+                <option value="center bottom">
+                  {t("styleInspector.bottom")} {t("styleInspector.center")}
+                </option>
+                <option value="right bottom">
+                  {t("styleInspector.bottom")} {t("styleInspector.right")}
+                </option>
+              </select>
+            </label>
+          )}
+        </>
+      )}
     </div>,
     document.body,
   );

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

@@ -34,7 +34,7 @@ import {
   IconSpacingVertical,
   IconStackBack,
   IconStackFront,
-  IconTransitionRight,
+  IconBolt,
   IconUnderline,
   IconZoomIn,
   IconZoomOut,
@@ -256,14 +256,14 @@ export function SlideContextToolbar({
                   MENU_BUTTON_CLASS,
                   animationsOpen && TOGGLE_ACTIVE_CLASS,
                 )}
-                aria-label={t("editorToolbar.transition")}
+                aria-label={t("animations.title")}
                 aria-pressed={animationsOpen}
                 onClick={onOpenAnimations}
               >
-                <IconTransitionRight className="size-3.5" />
+                <IconBolt className="size-3.5" />
               </Button>
             </TooltipTrigger>
-            <TooltipContent>{t("editorToolbar.transition")}</TooltipContent>
+            <TooltipContent>{t("animations.title")}</TooltipContent>
           </Tooltip>
           <div className={TOOLBAR_DIVIDER} />
         </>