@agent-native/core 0.7.82 → 0.8.0

package/dist/client/FeedbackButton.d.ts

@@ -2,15 +2,16 @@ export interface FeedbackButtonProps {
     /**
      * "sidebar" renders a full-width row with icon + label (for app left sidebars).
      * "icon" renders a small icon-only button (for dense toolbars, e.g. the agent panel header).
+     * "outlined" renders an outlined pill button with icon + label (for top-nav bars, e.g. docs).
      */
-    variant?: "sidebar" | "icon";
+    variant?: "sidebar" | "icon" | "outlined";
     label?: string;
     url?: string;
     className?: string;
     /** Which side the popover opens on. Defaults match the variant. */
     side?: "top" | "bottom" | "left" | "right";
     align?: "start" | "center" | "end";
-    /** Placeholder text for the textarea. Falls back to the form's placeholder. */
+    /** Placeholder text for the textarea. */
     placeholder?: string;
 }
 export declare function FeedbackButton({ variant, label, url, className, side, align, placeholder, }: FeedbackButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/client/FeedbackButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackButton.d.ts","sourceRoot":"","sources":["../../src/client/FeedbackButton.tsx"],"names":[],"mappings":"AA+EA,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAeD,wBAAgB,cAAc,CAAC,EAC7B,OAAmB,EACnB,KAAkB,EAClB,GAA0B,EAC1B,SAAS,EACT,IAAI,EACJ,KAAa,EACb,WAAW,GACZ,EAAE,mBAAmB,2CA2MrB"}
+{"version":3,"file":"FeedbackButton.d.ts","sourceRoot":"","sources":["../../src/client/FeedbackButton.tsx"],"names":[],"mappings":"AAwEA,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAeD,wBAAgB,cAAc,CAAC,EAC7B,OAAmB,EACnB,KAAkB,EAClB,GAA0B,EAC1B,SAAS,EACT,IAAI,EACJ,KAAa,EACb,WAAW,GACZ,EAAE,mBAAmB,2CA4NrB"}

package/dist/client/FeedbackButton.js

@@ -6,6 +6,9 @@ import { IconMessage2, IconCheck } from "@tabler/icons-react";
 import { cn } from "./utils.js";
 import { useSession } from "./use-session.js";
 const DEFAULT_FEEDBACK_URL = "https://forms.agent-native.com/f/agent-native-feedback/_16ewV";
+const DEFAULT_PLACEHOLDER = "Tell us what's on your mind…";
+const DEFAULT_SUBMIT_TEXT = "Send feedback";
+const DEFAULT_SUCCESS_MESSAGE = "Thanks for the feedback!";
 function parseTarget(url) {
     try {
         const u = new URL(url);
@@ -37,13 +40,7 @@ async function loadSchema(target) {
             body.fields[0];
         if (!field)
             throw new Error("form has no fields");
-        return {
-            formId: body.id,
-            fieldId: field.id,
-            placeholder: field.placeholder,
-            submitText: body.settings?.submitText ?? "Send feedback",
-            successMessage: body.settings?.successMessage ?? "Thanks for the feedback!",
-        };
+        return { formId: body.id, fieldId: field.id };
     })();
     pending.catch(() => schemaCache.delete(key));
     schemaCache.set(key, pending);
@@ -138,15 +135,22 @@ export function FeedbackButton({ variant = "sidebar", label = "Feedback", url =
             setError(err instanceof Error ? err.message : "Couldn't send feedback");
         }
     }, [target, schema, value, honeypot, submitting, session?.email]);
-    const trigger = variant === "icon" ? (_jsx(TooltipPrimitive.Provider, { delayDuration: 200, children: _jsxs(TooltipPrimitive.Root, { children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: _jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": label, className: cn("flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", className), children: _jsx(IconMessage2, { size: 14 }) }) }) }), _jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { sideOffset: 6, className: "z-[230] overflow-hidden rounded-md border border-border bg-popover px-2 py-1 text-[11px] text-foreground shadow-md animate-in fade-in-0 zoom-in-95", children: label }) })] }) })) : (_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground", className), children: [_jsx(IconMessage2, { className: "h-4 w-4" }), _jsx("span", { children: label })] }) }));
-    const resolvedSide = side ?? (variant === "icon" ? "bottom" : "top");
-    const resolvedPlaceholder = placeholder ?? schema?.placeholder ?? "Tell us what's on your mind…";
-    return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [trigger, _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: resolvedSide, align: align, sideOffset: 8, collisionPadding: 16, className: "z-[300] overflow-hidden rounded-lg border border-border bg-popover shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", style: surfaceStyle, children: submitted ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 px-6 py-10 text-center", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-500", children: _jsx(IconCheck, { size: 20, stroke: 2.5 }) }), _jsx("div", { className: "text-sm font-medium text-foreground", children: schema?.successMessage ?? "Thanks for the feedback!" })] })) : (_jsxs("form", { onSubmit: submit, className: "flex flex-col gap-3 p-3", children: [_jsx("textarea", { ref: textareaRef, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => {
+    let trigger;
+    if (variant === "icon") {
+        trigger = (_jsx(TooltipPrimitive.Provider, { delayDuration: 200, children: _jsxs(TooltipPrimitive.Root, { children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: _jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": label, className: cn("flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", className), children: _jsx(IconMessage2, { size: 14 }) }) }) }), _jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { sideOffset: 6, className: "z-[230] overflow-hidden rounded-md border border-border bg-popover px-2 py-1 text-[11px] text-foreground shadow-md animate-in fade-in-0 zoom-in-95", children: label }) })] }) }));
+    }
+    else if (variant === "outlined") {
+        trigger = (_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": label, className: cn("flex h-8 items-center gap-2 rounded-md border border-border bg-transparent px-3 text-sm text-muted-foreground transition hover:border-foreground/40 hover:text-foreground", className), children: [_jsx(IconMessage2, { size: 14, stroke: 1.5 }), _jsx("span", { children: label })] }) }));
+    }
+    else {
+        trigger = (_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground", className), children: [_jsx(IconMessage2, { className: "h-4 w-4" }), _jsx("span", { children: label })] }) }));
+    }
+    const resolvedSide = side ?? (variant === "sidebar" ? "top" : "bottom");
+    const resolvedPlaceholder = placeholder ?? DEFAULT_PLACEHOLDER;
+    return (_jsxs(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen, children: [trigger, _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { side: resolvedSide, align: align, sideOffset: 8, collisionPadding: 16, className: "z-[300] overflow-hidden rounded-lg border border-border bg-popover shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", style: surfaceStyle, children: submitted ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 px-6 py-10 text-center", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-500", children: _jsx(IconCheck, { size: 20, stroke: 2.5 }) }), _jsx("div", { className: "text-sm font-medium text-foreground", children: DEFAULT_SUCCESS_MESSAGE })] })) : (_jsxs("form", { onSubmit: submit, className: "flex flex-col gap-3 p-3", children: [_jsx("textarea", { ref: textareaRef, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => {
                                     if ((e.metaKey || e.ctrlKey) && e.key === "Enter")
                                         submit();
                                 }, placeholder: resolvedPlaceholder, rows: 5, maxLength: 10000, className: "w-full resize-none rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring" }), _jsx("input", { type: "text", tabIndex: -1, autoComplete: "off", "aria-hidden": "true", value: honeypot, onChange: (e) => setHoneypot(e.target.value), style: honeypotStyle }), _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("div", { className: cn("text-[11px]", error ? "text-destructive" : "text-muted-foreground/75"), children: error ??
-                                            `${/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl"}+Enter to send` }), _jsx("button", { type: "submit", disabled: submitting || !value.trim(), className: "inline-flex h-8 items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: submitting
-                                            ? "Sending…"
-                                            : (schema?.submitText ?? "Send feedback") })] })] })) }) })] }));
+                                            `${/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl"}+Enter to send` }), _jsx("button", { type: "submit", disabled: submitting || !value.trim(), className: "inline-flex h-8 items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50", children: submitting ? "Sending…" : DEFAULT_SUBMIT_TEXT })] })] })) }) })] }));
 }
 //# sourceMappingURL=FeedbackButton.js.map

package/dist/client/FeedbackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackButton.js","sourceRoot":"","sources":["../../src/client/FeedbackButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  type CSSProperties,\n  type FormEvent,\n} from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { IconMessage2, IconCheck } from \"@tabler/icons-react\";\nimport { cn } from \"./utils.js\";\nimport { useSession } from \"./use-session.js\";\n\nconst DEFAULT_FEEDBACK_URL =\n  \"https://forms.agent-native.com/f/agent-native-feedback/_16ewV\";\n\ninterface ParsedTarget {\n  endpoint: string;\n  slug: string;\n}\n\ninterface FormSchema {\n  formId: string;\n  fieldId: string;\n  placeholder?: string;\n  submitText: string;\n  successMessage: string;\n}\n\nfunction parseTarget(url: string): ParsedTarget | null {\n  try {\n    const u = new URL(url);\n    const idx = u.pathname.indexOf(\"/f/\");\n    if (idx === -1) return null;\n    const slug = u.pathname.slice(idx + 3).replace(/\\/$/, \"\");\n    if (!slug) return null;\n    return { endpoint: u.origin, slug };\n  } catch {\n    return null;\n  }\n}\n\nconst schemaCache = new Map<string, Promise<FormSchema>>();\n\nasync function loadSchema(target: ParsedTarget): Promise<FormSchema> {\n  const key = `${target.endpoint}|${target.slug}`;\n  let pending = schemaCache.get(key);\n  if (pending) return pending;\n  pending = (async () => {\n    const res = await fetch(\n      `${target.endpoint}/api/forms/public/${encodeURIComponent(target.slug)}`,\n      { headers: { Accept: \"application/json\" } },\n    );\n    if (!res.ok) throw new Error(`form fetch ${res.status}`);\n    const body = (await res.json()) as {\n      id: string;\n      fields: Array<{ id: string; type: string; placeholder?: string }>;\n      settings?: { submitText?: string; successMessage?: string };\n    };\n    const field =\n      body.fields.find((f) => f.type === \"textarea\") ??\n      body.fields.find((f) => f.type === \"text\") ??\n      body.fields[0];\n    if (!field) throw new Error(\"form has no fields\");\n    return {\n      formId: body.id,\n      fieldId: field.id,\n      placeholder: field.placeholder,\n      submitText: body.settings?.submitText ?? \"Send feedback\",\n      successMessage:\n        body.settings?.successMessage ?? \"Thanks for the feedback!\",\n    };\n  })();\n  pending.catch(() => schemaCache.delete(key));\n  schemaCache.set(key, pending);\n  return pending;\n}\n\nexport interface FeedbackButtonProps {\n  /**\n   * \"sidebar\" renders a full-width row with icon + label (for app left sidebars).\n   * \"icon\" renders a small icon-only button (for dense toolbars, e.g. the agent panel header).\n   */\n  variant?: \"sidebar\" | \"icon\";\n  label?: string;\n  url?: string;\n  className?: string;\n  /** Which side the popover opens on. Defaults match the variant. */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  /** Placeholder text for the textarea. Falls back to the form's placeholder. */\n  placeholder?: string;\n}\n\nconst surfaceStyle: CSSProperties = {\n  width: \"min(380px, calc(100vw - 32px))\",\n};\n\nconst honeypotStyle: CSSProperties = {\n  position: \"absolute\",\n  left: \"-10000px\",\n  top: \"auto\",\n  width: \"1px\",\n  height: \"1px\",\n  overflow: \"hidden\",\n};\n\nexport function FeedbackButton({\n  variant = \"sidebar\",\n  label = \"Feedback\",\n  url = DEFAULT_FEEDBACK_URL,\n  className,\n  side,\n  align = \"end\",\n  placeholder,\n}: FeedbackButtonProps) {\n  const target = parseTarget(url);\n  const { session } = useSession();\n\n  const [open, setOpen] = useState(false);\n  const [value, setValue] = useState(\"\");\n  const [honeypot, setHoneypot] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [schema, setSchema] = useState<FormSchema | null>(null);\n  const openedAtRef = useRef<number>(0);\n  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // Reset transient state and kick off schema load on each open.\n  useEffect(() => {\n    if (!open) return;\n    openedAtRef.current = Date.now();\n    setValue(\"\");\n    setHoneypot(\"\");\n    setSubmitting(false);\n    setSubmitted(false);\n    setError(null);\n    if (target) {\n      loadSchema(target)\n        .then((s) => setSchema(s))\n        .catch((err) => {\n          console.error(\"[FeedbackButton] schema load failed\", err);\n          setError(\"Couldn't load feedback form\");\n        });\n    } else {\n      setError(\"Invalid feedback URL\");\n    }\n    const t = setTimeout(() => textareaRef.current?.focus(), 30);\n    return () => {\n      clearTimeout(t);\n      if (closeTimerRef.current) {\n        clearTimeout(closeTimerRef.current);\n        closeTimerRef.current = null;\n      }\n    };\n  }, [open, url]);\n\n  const submit = useCallback(\n    async (e?: FormEvent) => {\n      e?.preventDefault();\n      if (!target || !schema || submitting) return;\n      const trimmed = value.trim();\n      if (!trimmed) {\n        setError(\"Please write something first\");\n        return;\n      }\n      setSubmitting(true);\n      setError(null);\n      try {\n        const submitterEmail = session?.email;\n        const res = await fetch(\n          `${target.endpoint}/api/submit/${encodeURIComponent(schema.formId)}`,\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              data: { [schema.fieldId]: trimmed },\n              _t: openedAtRef.current,\n              _hp: honeypot,\n              ...(submitterEmail ? { _meta: { submitterEmail } } : {}),\n            }),\n          },\n        );\n        if (!res.ok) {\n          const body = (await res.json().catch(() => ({}))) as {\n            error?: string;\n          };\n          throw new Error(body.error || `submit failed (${res.status})`);\n        }\n        setSubmitted(true);\n        closeTimerRef.current = setTimeout(() => setOpen(false), 1400);\n      } catch (err) {\n        setSubmitting(false);\n        setError(err instanceof Error ? err.message : \"Couldn't send feedback\");\n      }\n    },\n    [target, schema, value, honeypot, submitting, session?.email],\n  );\n\n  const trigger =\n    variant === \"icon\" ? (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <TooltipPrimitive.Root>\n          <TooltipPrimitive.Trigger asChild>\n            <PopoverPrimitive.Trigger asChild>\n              <button\n                type=\"button\"\n                aria-label={label}\n                className={cn(\n                  \"flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50\",\n                  className,\n                )}\n              >\n                <IconMessage2 size={14} />\n              </button>\n            </PopoverPrimitive.Trigger>\n          </TooltipPrimitive.Trigger>\n          <TooltipPrimitive.Portal>\n            <TooltipPrimitive.Content\n              sideOffset={6}\n              className=\"z-[230] overflow-hidden rounded-md border border-border bg-popover px-2 py-1 text-[11px] text-foreground shadow-md animate-in fade-in-0 zoom-in-95\"\n            >\n              {label}\n            </TooltipPrimitive.Content>\n          </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n      </TooltipPrimitive.Provider>\n    ) : (\n      <PopoverPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            \"flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground\",\n            className,\n          )}\n        >\n          <IconMessage2 className=\"h-4 w-4\" />\n          <span>{label}</span>\n        </button>\n      </PopoverPrimitive.Trigger>\n    );\n\n  const resolvedSide = side ?? (variant === \"icon\" ? \"bottom\" : \"top\");\n  const resolvedPlaceholder =\n    placeholder ?? schema?.placeholder ?? \"Tell us what's on your mind…\";\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n      {trigger}\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side={resolvedSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={16}\n          className=\"z-[300] overflow-hidden rounded-lg border border-border bg-popover shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n          style={surfaceStyle}\n        >\n          {submitted ? (\n            <div className=\"flex flex-col items-center justify-center gap-3 px-6 py-10 text-center\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-500\">\n                <IconCheck size={20} stroke={2.5} />\n              </div>\n              <div className=\"text-sm font-medium text-foreground\">\n                {schema?.successMessage ?? \"Thanks for the feedback!\"}\n              </div>\n            </div>\n          ) : (\n            <form onSubmit={submit} className=\"flex flex-col gap-3 p-3\">\n              <textarea\n                ref={textareaRef}\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                onKeyDown={(e) => {\n                  if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") submit();\n                }}\n                placeholder={resolvedPlaceholder}\n                rows={5}\n                maxLength={10000}\n                className=\"w-full resize-none rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n              <input\n                type=\"text\"\n                tabIndex={-1}\n                autoComplete=\"off\"\n                aria-hidden=\"true\"\n                value={honeypot}\n                onChange={(e) => setHoneypot(e.target.value)}\n                style={honeypotStyle}\n              />\n              <div className=\"flex items-center justify-between gap-3\">\n                <div\n                  className={cn(\n                    \"text-[11px]\",\n                    error ? \"text-destructive\" : \"text-muted-foreground/75\",\n                  )}\n                >\n                  {error ??\n                    `${/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}+Enter to send`}\n                </div>\n                <button\n                  type=\"submit\"\n                  disabled={submitting || !value.trim()}\n                  className=\"inline-flex h-8 items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n                >\n                  {submitting\n                    ? \"Sending…\"\n                    : (schema?.submitText ?? \"Send feedback\")}\n                </button>\n              </div>\n            </form>\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n"]}
+{"version":3,"file":"FeedbackButton.js","sourceRoot":"","sources":["../../src/client/FeedbackButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  type CSSProperties,\n  type FormEvent,\n} from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { IconMessage2, IconCheck } from \"@tabler/icons-react\";\nimport { cn } from \"./utils.js\";\nimport { useSession } from \"./use-session.js\";\n\nconst DEFAULT_FEEDBACK_URL =\n  \"https://forms.agent-native.com/f/agent-native-feedback/_16ewV\";\n\ninterface ParsedTarget {\n  endpoint: string;\n  slug: string;\n}\n\ninterface FormSchema {\n  formId: string;\n  fieldId: string;\n}\n\nconst DEFAULT_PLACEHOLDER = \"Tell us what's on your mind…\";\nconst DEFAULT_SUBMIT_TEXT = \"Send feedback\";\nconst DEFAULT_SUCCESS_MESSAGE = \"Thanks for the feedback!\";\n\nfunction parseTarget(url: string): ParsedTarget | null {\n  try {\n    const u = new URL(url);\n    const idx = u.pathname.indexOf(\"/f/\");\n    if (idx === -1) return null;\n    const slug = u.pathname.slice(idx + 3).replace(/\\/$/, \"\");\n    if (!slug) return null;\n    return { endpoint: u.origin, slug };\n  } catch {\n    return null;\n  }\n}\n\nconst schemaCache = new Map<string, Promise<FormSchema>>();\n\nasync function loadSchema(target: ParsedTarget): Promise<FormSchema> {\n  const key = `${target.endpoint}|${target.slug}`;\n  let pending = schemaCache.get(key);\n  if (pending) return pending;\n  pending = (async () => {\n    const res = await fetch(\n      `${target.endpoint}/api/forms/public/${encodeURIComponent(target.slug)}`,\n      { headers: { Accept: \"application/json\" } },\n    );\n    if (!res.ok) throw new Error(`form fetch ${res.status}`);\n    const body = (await res.json()) as {\n      id: string;\n      fields: Array<{ id: string; type: string }>;\n    };\n    const field =\n      body.fields.find((f) => f.type === \"textarea\") ??\n      body.fields.find((f) => f.type === \"text\") ??\n      body.fields[0];\n    if (!field) throw new Error(\"form has no fields\");\n    return { formId: body.id, fieldId: field.id };\n  })();\n  pending.catch(() => schemaCache.delete(key));\n  schemaCache.set(key, pending);\n  return pending;\n}\n\nexport interface FeedbackButtonProps {\n  /**\n   * \"sidebar\" renders a full-width row with icon + label (for app left sidebars).\n   * \"icon\" renders a small icon-only button (for dense toolbars, e.g. the agent panel header).\n   * \"outlined\" renders an outlined pill button with icon + label (for top-nav bars, e.g. docs).\n   */\n  variant?: \"sidebar\" | \"icon\" | \"outlined\";\n  label?: string;\n  url?: string;\n  className?: string;\n  /** Which side the popover opens on. Defaults match the variant. */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  /** Placeholder text for the textarea. */\n  placeholder?: string;\n}\n\nconst surfaceStyle: CSSProperties = {\n  width: \"min(380px, calc(100vw - 32px))\",\n};\n\nconst honeypotStyle: CSSProperties = {\n  position: \"absolute\",\n  left: \"-10000px\",\n  top: \"auto\",\n  width: \"1px\",\n  height: \"1px\",\n  overflow: \"hidden\",\n};\n\nexport function FeedbackButton({\n  variant = \"sidebar\",\n  label = \"Feedback\",\n  url = DEFAULT_FEEDBACK_URL,\n  className,\n  side,\n  align = \"end\",\n  placeholder,\n}: FeedbackButtonProps) {\n  const target = parseTarget(url);\n  const { session } = useSession();\n\n  const [open, setOpen] = useState(false);\n  const [value, setValue] = useState(\"\");\n  const [honeypot, setHoneypot] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const [submitted, setSubmitted] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [schema, setSchema] = useState<FormSchema | null>(null);\n  const openedAtRef = useRef<number>(0);\n  const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  // Reset transient state and kick off schema load on each open.\n  useEffect(() => {\n    if (!open) return;\n    openedAtRef.current = Date.now();\n    setValue(\"\");\n    setHoneypot(\"\");\n    setSubmitting(false);\n    setSubmitted(false);\n    setError(null);\n    if (target) {\n      loadSchema(target)\n        .then((s) => setSchema(s))\n        .catch((err) => {\n          console.error(\"[FeedbackButton] schema load failed\", err);\n          setError(\"Couldn't load feedback form\");\n        });\n    } else {\n      setError(\"Invalid feedback URL\");\n    }\n    const t = setTimeout(() => textareaRef.current?.focus(), 30);\n    return () => {\n      clearTimeout(t);\n      if (closeTimerRef.current) {\n        clearTimeout(closeTimerRef.current);\n        closeTimerRef.current = null;\n      }\n    };\n  }, [open, url]);\n\n  const submit = useCallback(\n    async (e?: FormEvent) => {\n      e?.preventDefault();\n      if (!target || !schema || submitting) return;\n      const trimmed = value.trim();\n      if (!trimmed) {\n        setError(\"Please write something first\");\n        return;\n      }\n      setSubmitting(true);\n      setError(null);\n      try {\n        const submitterEmail = session?.email;\n        const res = await fetch(\n          `${target.endpoint}/api/submit/${encodeURIComponent(schema.formId)}`,\n          {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({\n              data: { [schema.fieldId]: trimmed },\n              _t: openedAtRef.current,\n              _hp: honeypot,\n              ...(submitterEmail ? { _meta: { submitterEmail } } : {}),\n            }),\n          },\n        );\n        if (!res.ok) {\n          const body = (await res.json().catch(() => ({}))) as {\n            error?: string;\n          };\n          throw new Error(body.error || `submit failed (${res.status})`);\n        }\n        setSubmitted(true);\n        closeTimerRef.current = setTimeout(() => setOpen(false), 1400);\n      } catch (err) {\n        setSubmitting(false);\n        setError(err instanceof Error ? err.message : \"Couldn't send feedback\");\n      }\n    },\n    [target, schema, value, honeypot, submitting, session?.email],\n  );\n\n  let trigger;\n  if (variant === \"icon\") {\n    trigger = (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <TooltipPrimitive.Root>\n          <TooltipPrimitive.Trigger asChild>\n            <PopoverPrimitive.Trigger asChild>\n              <button\n                type=\"button\"\n                aria-label={label}\n                className={cn(\n                  \"flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50\",\n                  className,\n                )}\n              >\n                <IconMessage2 size={14} />\n              </button>\n            </PopoverPrimitive.Trigger>\n          </TooltipPrimitive.Trigger>\n          <TooltipPrimitive.Portal>\n            <TooltipPrimitive.Content\n              sideOffset={6}\n              className=\"z-[230] overflow-hidden rounded-md border border-border bg-popover px-2 py-1 text-[11px] text-foreground shadow-md animate-in fade-in-0 zoom-in-95\"\n            >\n              {label}\n            </TooltipPrimitive.Content>\n          </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n      </TooltipPrimitive.Provider>\n    );\n  } else if (variant === \"outlined\") {\n    trigger = (\n      <PopoverPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          aria-label={label}\n          className={cn(\n            \"flex h-8 items-center gap-2 rounded-md border border-border bg-transparent px-3 text-sm text-muted-foreground transition hover:border-foreground/40 hover:text-foreground\",\n            className,\n          )}\n        >\n          <IconMessage2 size={14} stroke={1.5} />\n          <span>{label}</span>\n        </button>\n      </PopoverPrimitive.Trigger>\n    );\n  } else {\n    trigger = (\n      <PopoverPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            \"flex w-full items-center gap-3 rounded-lg px-3 py-2 text-sm text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground\",\n            className,\n          )}\n        >\n          <IconMessage2 className=\"h-4 w-4\" />\n          <span>{label}</span>\n        </button>\n      </PopoverPrimitive.Trigger>\n    );\n  }\n\n  const resolvedSide = side ?? (variant === \"sidebar\" ? \"top\" : \"bottom\");\n  const resolvedPlaceholder = placeholder ?? DEFAULT_PLACEHOLDER;\n\n  return (\n    <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n      {trigger}\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side={resolvedSide}\n          align={align}\n          sideOffset={8}\n          collisionPadding={16}\n          className=\"z-[300] overflow-hidden rounded-lg border border-border bg-popover shadow-xl outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\"\n          style={surfaceStyle}\n        >\n          {submitted ? (\n            <div className=\"flex flex-col items-center justify-center gap-3 px-6 py-10 text-center\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-500\">\n                <IconCheck size={20} stroke={2.5} />\n              </div>\n              <div className=\"text-sm font-medium text-foreground\">\n                {DEFAULT_SUCCESS_MESSAGE}\n              </div>\n            </div>\n          ) : (\n            <form onSubmit={submit} className=\"flex flex-col gap-3 p-3\">\n              <textarea\n                ref={textareaRef}\n                value={value}\n                onChange={(e) => setValue(e.target.value)}\n                onKeyDown={(e) => {\n                  if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") submit();\n                }}\n                placeholder={resolvedPlaceholder}\n                rows={5}\n                maxLength={10000}\n                className=\"w-full resize-none rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n              <input\n                type=\"text\"\n                tabIndex={-1}\n                autoComplete=\"off\"\n                aria-hidden=\"true\"\n                value={honeypot}\n                onChange={(e) => setHoneypot(e.target.value)}\n                style={honeypotStyle}\n              />\n              <div className=\"flex items-center justify-between gap-3\">\n                <div\n                  className={cn(\n                    \"text-[11px]\",\n                    error ? \"text-destructive\" : \"text-muted-foreground/75\",\n                  )}\n                >\n                  {error ??\n                    `${/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}+Enter to send`}\n                </div>\n                <button\n                  type=\"submit\"\n                  disabled={submitting || !value.trim()}\n                  className=\"inline-flex h-8 items-center justify-center rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n                >\n                  {submitting ? \"Sending…\" : DEFAULT_SUBMIT_TEXT}\n                </button>\n              </div>\n            </form>\n          )}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n"]}

package/dist/client/agent-chat-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-chat-adapter.d.ts","sourceRoot":"","sources":["../../src/client/agent-chat-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAahF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAiErE;;;;GAIG;AACH;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;CACzD,GAAG,gBAAgB,CAkcnB"}
+{"version":3,"file":"agent-chat-adapter.d.ts","sourceRoot":"","sources":["../../src/client/agent-chat-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,qBAAqB,CAAC;AAahF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAsJrE;;;;GAIG;AACH;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE;QAAE,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;CACzD,GAAG,gBAAgB,CA2nBnB"}

package/dist/client/agent-chat-adapter.js

@@ -3,6 +3,11 @@ import { AgentAutoContinueSignal, readSSEStream, } from "./sse-event-processor.j
 import { agentNativePath } from "./api-path.js";
 import { normalizeChatError } from "./error-format.js";
 const AUTO_CONTINUE_PROMPT = "Continue from where you left off and finish the user's original request. Do not repeat completed work, do not mention internal reconnects, time limits, or step limits, and continue as if this is the same uninterrupted run.";
+const MAX_RECONNECT_ATTEMPTS = 5;
+const MAX_STARTUP_RECOVERY_ATTEMPTS = 8;
+const MAX_TRANSIENT_CONTINUATIONS = 8;
+const RETRY_BASE_DELAY_MS = 500;
+const RETRY_MAX_DELAY_MS = 8_000;
 function normalizeMentions(text) {
     return text.replace(/@\[([^\]|]+)\|[^\]]+\]/g, "@$1");
 }
@@ -32,12 +37,23 @@ function contentToContinuationHistory(content) {
     }
     return truncateForContinuation(chunks.join("\n\n"), 40_000).trim();
 }
+function combineContinuationHistory(fragments) {
+    return truncateForContinuation(fragments.filter(Boolean).join("\n\n"), 40_000).trim();
+}
+function visibleTransientContinuationContent(content) {
+    return content.filter((part) => part.type === "tool-call" && part.result !== undefined);
+}
+function snapshotContent(content) {
+    return content.map((part) => part.type === "text" ? { ...part } : { ...part, args: { ...part.args } });
+}
 function autoContinueMessage(signal) {
     const reason = signal.reason === "loop_limit"
         ? "The previous run reached an internal step budget."
-        : signal.reason === "stream_ended"
-            ? "The previous stream ended before the agent sent a final completion signal."
-            : "The previous run reached an internal execution budget.";
+        : signal.reason === "no_progress"
+            ? "The previous run stopped producing progress events while the connection stayed open."
+            : signal.reason === "stream_ended"
+                ? "The previous stream ended before the agent sent a final completion signal."
+                : "The previous run reached an internal execution budget.";
     return `${AUTO_CONTINUE_PROMPT}\n\nInternal note: ${reason}`;
 }
 function delay(ms, abortSignal) {
@@ -51,6 +67,54 @@ function delay(ms, abortSignal) {
         }, { once: true });
     });
 }
+function retryDelay(attempt, abortSignal) {
+    const base = Math.min(RETRY_MAX_DELAY_MS, RETRY_BASE_DELAY_MS * Math.pow(2, attempt));
+    const jitter = base * 0.2;
+    const ms = Math.max(0, base + (Math.random() * 2 - 1) * jitter);
+    return delay(ms, abortSignal);
+}
+function isRetryableStartupError(message) {
+    const msg = message.toLowerCase();
+    if (msg.includes("unauthorized") ||
+        msg.includes("not authenticated") ||
+        msg.includes("401") ||
+        msg.includes("403") ||
+        msg.includes("404") ||
+        msg.includes("405") ||
+        msg.includes("missing api key") ||
+        msg.includes("api key") ||
+        msg.includes("context_length") ||
+        msg.includes("input_too_long") ||
+        msg.includes("too many tokens") ||
+        msg.includes("prompt is too long") ||
+        msg.includes("credits-limit") ||
+        msg.includes("billing") ||
+        msg.includes("permission")) {
+        return false;
+    }
+    return (msg.includes("failed to fetch") ||
+        msg.includes("network") ||
+        msg.includes("connection") ||
+        msg.includes("reset") ||
+        msg.includes("econnreset") ||
+        msg.includes("socket") ||
+        msg.includes("timeout") ||
+        msg.includes("gateway timeout") ||
+        msg.includes("inactivity timeout") ||
+        msg.includes("temporarily unavailable") ||
+        msg.includes("server error: 408") ||
+        msg.includes("server error: 429") ||
+        msg.includes("server error: 500") ||
+        msg.includes("server error: 502") ||
+        msg.includes("server error: 503") ||
+        msg.includes("server error: 504") ||
+        msg.includes("429") ||
+        msg.includes("500") ||
+        msg.includes("502") ||
+        msg.includes("503") ||
+        msg.includes("504") ||
+        msg.includes("529"));
+}
 /**
  * The composer's exec mode is sent as explicit request metadata. The server
  * owns the plan-mode prompt and read-only tool filtering so the chat history
@@ -152,6 +216,10 @@ export function createAgentChatAdapter(options) {
             let currentHistory = history;
             let includeAttachments = attachments.length > 0;
             let includeReferences = Boolean(runConfig?.custom?.references);
+            let startupRecoveryAttempts = 0;
+            let transientContinuationAttempts = 0;
+            const continuationHistoryFragments = [];
+            let visibleContinuationPrefix = [];
             try {
                 const headers = {
                     "Content-Type": "application/json",
@@ -167,7 +235,7 @@ export function createAgentChatAdapter(options) {
                 const reconnectCurrentRun = async function* () {
                     if (!runId)
                         return false;
-                    for (let attempt = 0; attempt < 3; attempt++) {
+                    for (let attempt = 0; attempt < MAX_RECONNECT_ATTEMPTS; attempt++) {
                         try {
                             const reconnectRes = await fetch(`${apiUrl}/runs/${encodeURIComponent(runId)}/events?after=${lastSeq + 1}`, { signal: abortSignal });
                             if (!reconnectRes.ok || !reconnectRes.body)
@@ -187,13 +255,106 @@ export function createAgentChatAdapter(options) {
                                 return true;
                             }
                             if (reconnectErr instanceof AgentAutoContinueSignal) {
+                                if (reconnectErr.reason === "no_progress") {
+                                    throw reconnectErr;
+                                }
+                                return false;
+                            }
+                            await retryDelay(attempt, abortSignal);
+                        }
+                    }
+                    return false;
+                };
+                const abortCurrentRun = async () => {
+                    if (!runId)
+                        return;
+                    try {
+                        await fetch(`${apiUrl}/runs/${encodeURIComponent(runId)}/abort`, {
+                            method: "POST",
+                            signal: abortSignal,
+                        });
+                    }
+                    catch {
+                        // Best effort. The follow-up POST will still reconnect or 409 if
+                        // the producer is alive and cannot be aborted cross-isolate.
+                    }
+                    finally {
+                        clearActiveRun();
+                    }
+                };
+                const reconnectActiveRunForThread = async function* () {
+                    if (!threadId)
+                        return false;
+                    for (let attempt = 0; attempt < MAX_RECONNECT_ATTEMPTS; attempt++) {
+                        try {
+                            const activeRes = await fetch(`${apiUrl}/runs/active?threadId=${encodeURIComponent(threadId)}`, { signal: abortSignal });
+                            if (!activeRes.ok)
                                 return false;
+                            const active = await activeRes.json();
+                            if (active?.active && active.runId) {
+                                const activeRunId = String(active.runId);
+                                runId = activeRunId;
+                                lastSeq = -1;
+                                setActiveRun({ threadId, runId: activeRunId, lastSeq: -1 });
+                                const reconnected = yield* reconnectCurrentRun();
+                                if (reconnected)
+                                    return true;
+                            }
+                            return false;
+                        }
+                        catch (activeErr) {
+                            if (activeErr instanceof Error &&
+                                activeErr.name === "AbortError") {
+                                clearActiveRun();
+                                return true;
                             }
-                            await delay(1000, abortSignal);
+                            await retryDelay(attempt, abortSignal);
                         }
                     }
                     return false;
                 };
+                const visibleContentForContinuation = () => {
+                    if (visibleContinuationPrefix.length > 0 &&
+                        visibleContinuationPrefix.every((part, index) => content[index] === part)) {
+                        return content.slice(visibleContinuationPrefix.length);
+                    }
+                    return content;
+                };
+                const prepareAutoContinuation = (signal) => {
+                    const isTransient = signal.reason !== "loop_limit";
+                    if (signal.reason === "loop_limit") {
+                        transientContinuationAttempts = 0;
+                    }
+                    else if (++transientContinuationAttempts > MAX_TRANSIENT_CONTINUATIONS) {
+                        return { ok: false, resetVisibleContent: false };
+                    }
+                    const currentPartialHistory = contentToContinuationHistory(visibleContentForContinuation());
+                    if (isTransient && currentPartialHistory) {
+                        continuationHistoryFragments.push(currentPartialHistory);
+                    }
+                    const partialHistory = combineContinuationHistory(isTransient
+                        ? continuationHistoryFragments
+                        : [...continuationHistoryFragments, currentPartialHistory]);
+                    currentHistory = [
+                        ...history,
+                        { role: "user", content: normalizeMentions(rawMessageText) },
+                        ...(partialHistory
+                            ? [{ role: "assistant", content: partialHistory }]
+                            : []),
+                    ];
+                    currentMessageText = autoContinueMessage(signal);
+                    includeAttachments = false;
+                    includeReferences = false;
+                    startupRecoveryAttempts = 0;
+                    clearActiveRun();
+                    if (!isTransient) {
+                        return { ok: true, resetVisibleContent: false };
+                    }
+                    const preservedContent = visibleTransientContinuationContent(content);
+                    content.splice(0, content.length, ...preservedContent);
+                    visibleContinuationPrefix = preservedContent;
+                    return { ok: true, resetVisibleContent: true };
+                };
                 while (true) {
                     try {
                         runId = null;
@@ -337,23 +498,53 @@ export function createAgentChatAdapter(options) {
                             return;
                         }
                         if (err instanceof AgentAutoContinueSignal) {
+                            if (err.reason === "no_progress") {
+                                await abortCurrentRun();
+                            }
                             if (err.reason === "stream_ended") {
                                 const reconnected = yield* reconnectCurrentRun();
                                 if (reconnected)
                                     return;
+                                const activeReconnected = yield* reconnectActiveRunForThread();
+                                if (activeReconnected)
+                                    return;
+                            }
+                            const continuation = prepareAutoContinuation(err);
+                            if (!continuation.ok) {
+                                const message = "The agent connection kept failing after several automatic recovery attempts.";
+                                const runError = {
+                                    message,
+                                    errorCode: "connection_error",
+                                    recoverable: true,
+                                    ...(runId ? { runId } : {}),
+                                };
+                                if (typeof window !== "undefined") {
+                                    window.dispatchEvent(new CustomEvent("agent-chat:run-error", {
+                                        detail: { ...runError, tabId },
+                                    }));
+                                }
+                                content.push({
+                                    type: "text",
+                                    text: `Something went wrong: ${message}`,
+                                });
+                                yield {
+                                    content: [...content],
+                                    status: {
+                                        type: "incomplete",
+                                        reason: "error",
+                                    },
+                                    metadata: {
+                                        custom: { ...(runId ? { runId } : {}), runError },
+                                    },
+                                };
+                                clearActiveRun();
+                                return;
+                            }
+                            if (continuation.resetVisibleContent) {
+                                yield {
+                                    content: snapshotContent(content),
+                                };
                             }
-                            const partialHistory = contentToContinuationHistory(content);
-                            currentHistory = [
-                                ...history,
-                                { role: "user", content: normalizeMentions(rawMessageText) },
-                                ...(partialHistory
-                                    ? [{ role: "assistant", content: partialHistory }]
-                                    : []),
-                            ];
-                            currentMessageText = autoContinueMessage(err);
-                            includeAttachments = false;
-                            includeReferences = false;
-                            clearActiveRun();
                             await delay(250, abortSignal);
                             if (abortSignal.aborted)
                                 return;
@@ -385,26 +576,60 @@ export function createAgentChatAdapter(options) {
                         const reconnected = yield* reconnectCurrentRun();
                         if (reconnected)
                             return;
+                        const activeReconnected = yield* reconnectActiveRunForThread();
+                        if (activeReconnected)
+                            return;
                         // Reconnect failed or not possible — keep going from the partial
                         // streamed content instead of surfacing a transient transport error.
                         if (content.length > 0) {
-                            const partialHistory = contentToContinuationHistory(content);
-                            currentHistory = [
-                                ...history,
-                                { role: "user", content: normalizeMentions(rawMessageText) },
-                                ...(partialHistory
-                                    ? [{ role: "assistant", content: partialHistory }]
-                                    : []),
-                            ];
-                            currentMessageText = autoContinueMessage(new AgentAutoContinueSignal({ reason: "stream_ended" }));
-                            includeAttachments = false;
-                            includeReferences = false;
-                            clearActiveRun();
+                            const continuation = prepareAutoContinuation(new AgentAutoContinueSignal({ reason: "stream_ended" }));
+                            if (!continuation.ok) {
+                                const message = "The agent connection kept failing after several automatic recovery attempts.";
+                                const runError = {
+                                    message,
+                                    errorCode: "connection_error",
+                                    recoverable: true,
+                                    ...(runId ? { runId } : {}),
+                                };
+                                if (typeof window !== "undefined") {
+                                    window.dispatchEvent(new CustomEvent("agent-chat:run-error", {
+                                        detail: { ...runError, tabId },
+                                    }));
+                                }
+                                content.push({
+                                    type: "text",
+                                    text: `Something went wrong: ${message}`,
+                                });
+                                yield {
+                                    content: [...content],
+                                    status: {
+                                        type: "incomplete",
+                                        reason: "error",
+                                    },
+                                    metadata: {
+                                        custom: { ...(runId ? { runId } : {}), runError },
+                                    },
+                                };
+                                clearActiveRun();
+                                return;
+                            }
+                            if (continuation.resetVisibleContent) {
+                                yield {
+                                    content: snapshotContent(content),
+                                };
+                            }
                             await delay(250, abortSignal);
                             if (abortSignal.aborted)
                                 return;
                             continue;
                         }
+                        if (isRetryableStartupError(errMsg) &&
+                            startupRecoveryAttempts < MAX_STARTUP_RECOVERY_ATTEMPTS) {
+                            await retryDelay(startupRecoveryAttempts++, abortSignal);
+                            if (abortSignal.aborted)
+                                return;
+                            continue;
+                        }
                         // No partial work exists, so this is still a real startup failure.
                         const normalized = normalizeChatError(errMsg);
                         const runError = {