@vendoai/ui 0.4.0

package/dist/chrome/connected-accounts-panel.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useVendoContext } from "../context.js";
+import { useConnections } from "../hooks/use-connections.js";
+import { useConnectorCatalog } from "../hooks/use-connector-catalog.js";
+import { toolkitLogoUrl } from "./build-beat.js";
+import { ChromeRoot } from "./chrome-root.js";
+import { completeConnection } from "./connect-dock.js";
+import { toolkitDisplayName } from "./humanize.js";
+/** ui-lane-panels picks A + D + F — identity-forward rows, a two-step
+ * disconnect with an undo window, and a connect-ahead empty state. */
+function connectorDisplayName(connector) {
+    return connector === "composio" ? "Composio" : toolkitDisplayName(connector);
+}
+const STATUS = {
+    active: { label: "Connected", tone: "ok" },
+    initiated: { label: "Connecting…", tone: "off" },
+    expired: { label: "Expired", tone: "warn" },
+    failed: { label: "Failed", tone: "danger" },
+};
+function connectedDate(createdAt) {
+    return new Intl.DateTimeFormat("en", { dateStyle: "medium", timeZone: "UTC" }).format(new Date(createdAt));
+}
+function ToolkitMark({ toolkit }) {
+    // Same failure posture as the tray and connect card: a mark that fails to
+    // load falls back to the link glyph instead of a broken-image icon.
+    const [logoFailed, setLogoFailed] = useState(false);
+    const logo = logoFailed ? undefined : toolkitLogoUrl(toolkit);
+    return (_jsx("span", { className: "fl-acct-logo", "aria-hidden": "true", children: logo ? (
+        // eslint-disable-next-line @next/next/no-img-element -- chrome surface, plain img by design
+        _jsx("img", { src: logo, alt: "", width: 17, height: 17, style: { display: "block", objectFit: "contain" }, onError: () => setLogoFailed(true) })) : (_jsx("svg", { width: "17", height: "17", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9 17H7A5 5 0 0 1 7 7h2M15 7h2a5 5 0 1 1 0 10h-2M8 12h8" }) })) }));
+}
+/** 04-actions §3 / 08-ui §4 — the persistent connected-accounts settings
+ * surface: every external account the signed-in user has connected through
+ * the broker, with real service identity (logo, display name, status chip)
+ * and a consequence-aware, reversible disconnect. Connecting normally happens
+ * in-flow (the connect card); the empty state additionally offers connecting
+ * ahead of time via the same broker redirect. */
+export function ConnectedAccountsPanel({ undoMs = 10_000 } = {}) {
+    const { client } = useVendoContext();
+    const { options: connectors } = useConnectorCatalog();
+    const { connections, disconnect, refresh } = useConnections();
+    const [confirming, setConfirming] = useState({});
+    const [severing, setSevering] = useState({});
+    const [busy, setBusy] = useState({});
+    const [error, setError] = useState();
+    const timers = useRef(new Map());
+    // Pending disconnects flush on unmount (an undone-looking row must never
+    // silently survive navigation), so the latest wire args live in a ref.
+    const pendingRef = useRef(new Map());
+    const cancelled = useRef(false);
+    // The unmount flush must see the CURRENT disconnect without re-running the
+    // effect (an effect keyed on `disconnect` would flush pending severs on any
+    // identity change mid-session).
+    const disconnectRef = useRef(disconnect);
+    disconnectRef.current = disconnect;
+    useEffect(() => {
+        // cancelled/pending state persists across effects; reset for StrictMode remounts.
+        cancelled.current = false;
+        const pending = pendingRef.current;
+        const active = timers.current;
+        return () => {
+            cancelled.current = true;
+            for (const timer of active.values()) {
+                window.clearTimeout(timer.commit);
+                window.clearInterval(timer.tick);
+            }
+            active.clear();
+            for (const [id, { connector }] of pending) {
+                void disconnectRef.current(id, connector).catch(() => undefined);
+            }
+            pending.clear();
+        };
+    }, []);
+    const clearTimers = (id) => {
+        const timer = timers.current.get(id);
+        if (timer) {
+            window.clearTimeout(timer.commit);
+            window.clearInterval(timer.tick);
+            timers.current.delete(id);
+        }
+    };
+    const beginSever = (connection) => {
+        const id = connection.id;
+        setConfirming(current => ({ ...current, [id]: false }));
+        setSevering(current => ({ ...current, [id]: { left: Math.max(1, Math.ceil(undoMs / 1000)) } }));
+        pendingRef.current.set(id, { connector: connection.connector });
+        const tick = window.setInterval(() => {
+            setSevering(current => {
+                const entry = current[id];
+                if (!entry)
+                    return current;
+                return { ...current, [id]: { left: Math.max(0, entry.left - 1) } };
+            });
+        }, 1_000);
+        const commit = window.setTimeout(() => {
+            clearTimers(id);
+            pendingRef.current.delete(id);
+            void (async () => {
+                setError(undefined);
+                setBusy(current => ({ ...current, [id]: true }));
+                try {
+                    await disconnect(id, connection.connector);
+                }
+                catch (reason) {
+                    if (!cancelled.current)
+                        setError(reason instanceof Error ? reason.message : String(reason));
+                }
+                finally {
+                    if (!cancelled.current) {
+                        setBusy(current => ({ ...current, [id]: false }));
+                        setSevering(current => ({ ...current, [id]: undefined }));
+                    }
+                }
+            })();
+        }, undoMs);
+        timers.current.set(id, { commit, tick });
+    };
+    const undoSever = (id) => {
+        clearTimers(id);
+        pendingRef.current.delete(id);
+        setSevering(current => ({ ...current, [id]: undefined }));
+    };
+    // Connect-ahead runs through the host's connector catalog (context), so the
+    // chips honour host labels and pinned broker connectors — never a hardcoded
+    // toolkit list.
+    const connectAhead = async (option) => {
+        setError(undefined);
+        setBusy(current => ({ ...current, [`connect-${option.toolkit}`]: true }));
+        try {
+            await completeConnection(client, { toolkit: option.toolkit, connector: option.connector }, () => cancelled.current);
+            if (!cancelled.current)
+                await refresh();
+        }
+        catch (reason) {
+            if (!cancelled.current)
+                setError(reason instanceof Error ? reason.message : String(reason));
+        }
+        finally {
+            if (!cancelled.current)
+                setBusy(current => ({ ...current, [`connect-${option.toolkit}`]: false }));
+        }
+    };
+    return (_jsx(ChromeRoot, { children: _jsxs("section", { "aria-labelledby": "vendo-accounts-heading", style: { display: "flex", flexDirection: "column", gap: 12 }, children: [_jsx("h2", { id: "vendo-accounts-heading", className: "fl-auto-title", style: { margin: 0 }, children: "Connected accounts" }), error ? _jsx("div", { role: "alert", className: "fl-error", children: error }) : null, connections.length === 0 ? (_jsxs("div", { className: "fl-acct-ghost", children: [_jsx("span", { className: "fl-acct-ghost-title", children: "No connected accounts yet" }), _jsxs("p", { className: "fl-acct-ghost-copy", children: ["Normally you\u2019ll connect an account right in the conversation, the moment the agent needs it.", connectors.length > 0 ? " If you’d rather set one up ahead of time:" : ""] }), connectors.length > 0 ? (_jsx("div", { className: "fl-acct-connect-row", children: connectors.map(option => {
+                                const label = option.label ?? toolkitDisplayName(option.toolkit);
+                                return (_jsxs("button", { className: "fl-acct-connect-chip", type: "button", disabled: busy[`connect-${option.toolkit}`] === true, onClick: () => void connectAhead(option), children: [_jsx(ToolkitMark, { toolkit: option.toolkit }), _jsx("span", { children: busy[`connect-${option.toolkit}`] ? "Connecting…" : `Connect ${label}` })] }, option.toolkit));
+                            }) })) : null] })) : null, connections.map(connection => {
+                    const name = toolkitDisplayName(connection.toolkit);
+                    const status = STATUS[connection.status];
+                    const sever = severing[connection.id];
+                    if (sever) {
+                        return (_jsxs("div", { className: "fl-acct-severed", role: "status", children: [_jsx(ToolkitMark, { toolkit: connection.toolkit }), _jsxs("span", { children: [name, " disconnected \u2014 standing access severed."] }), _jsxs("span", { className: "fl-acct-undo", children: [_jsx("span", { className: "fl-acct-undo-count", children: sever.left > 0 ? `${sever.left}s` : "…" }), _jsx("button", { className: "fl-btn", type: "button", disabled: busy[connection.id] === true || sever.left <= 0, onClick: () => undoSever(connection.id), children: "Undo" })] })] }, `${connection.connector}-${connection.id}`));
+                    }
+                    return (_jsxs("article", { className: "fl-automation", children: [_jsxs("div", { className: "fl-auto-head", children: [_jsx(ToolkitMark, { toolkit: connection.toolkit }), _jsxs("div", { children: [_jsxs("div", { className: "fl-auto-title fl-acct-title", children: [name, _jsxs("span", { className: `fl-acct-chip fl-acct-chip--${status.tone}`, children: [_jsx("i", { "aria-hidden": "true" }), status.label] })] }), _jsxs("div", { className: "fl-auto-sub", children: [`via ${connectorDisplayName(connection.connector)}`, connection.createdAt ? ` · connected ${connectedDate(connection.createdAt)}` : ""] })] }), _jsx("button", { className: "fl-btn", type: "button", "aria-label": `Disconnect ${name}`, "aria-expanded": confirming[connection.id] === true, style: { marginLeft: "auto" }, onClick: () => setConfirming(current => ({ ...current, [connection.id]: !current[connection.id] })), children: "Disconnect\u2026" })] }), _jsx("div", { className: `fl-acct-confirm${confirming[connection.id] ? " fl-acct-confirm--open" : ""}`, children: _jsxs("div", { className: "fl-acct-confirm-inner", children: [_jsxs("span", { children: [_jsx("b", { children: `Disconnect ${name}?` }), _jsx("span", { className: "fl-acct-confirm-sub", children: `Vendo loses the ability to act in ${name} as you. Anything that posts through this account pauses until you reconnect.` })] }), _jsxs("span", { className: "fl-acct-confirm-actions", children: [_jsx("button", { className: "fl-btn fl-btn-ceremony", type: "button", onClick: () => beginSever(connection), children: "Disconnect" }), _jsx("button", { className: "fl-btn", type: "button", onClick: () => setConfirming(current => ({ ...current, [connection.id]: false })), children: "Keep" })] })] }) })] }, `${connection.connector}-${connection.id}`));
+                })] }) }));
+}
+//# sourceMappingURL=connected-accounts-panel.js.map

package/dist/chrome/connected-accounts-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-accounts-panel.js","sourceRoot":"","sources":["../../src/chrome/connected-accounts-panel.tsx"],"names":[],"mappings":"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"}

package/dist/chrome/dev-mode.d.ts

@@ -0,0 +1,5 @@
+/** Dev-only console rails, SSR-safe. Next/webpack shims statically replace
+ *  `process.env.NODE_ENV`; under bundlers without a process global the check
+ *  simply stays off (rails are advisory, never load-bearing). */
+export declare function developmentMode(): boolean;
+//# sourceMappingURL=dev-mode.d.ts.map

package/dist/chrome/dev-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-mode.d.ts","sourceRoot":"","sources":["../../src/chrome/dev-mode.ts"],"names":[],"mappings":"AAAA;;iEAEiE;AACjE,wBAAgB,eAAe,IAAI,OAAO,CAEzC"}

package/dist/chrome/dev-mode.js

@@ -0,0 +1,7 @@
+/** Dev-only console rails, SSR-safe. Next/webpack shims statically replace
+ *  `process.env.NODE_ENV`; under bundlers without a process global the check
+ *  simply stays off (rails are advisory, never load-bearing). */
+export function developmentMode() {
+    return typeof process !== "undefined" && process.env?.NODE_ENV === "development";
+}
+//# sourceMappingURL=dev-mode.js.map

package/dist/chrome/dev-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-mode.js","sourceRoot":"","sources":["../../src/chrome/dev-mode.ts"],"names":[],"mappings":"AAAA;;iEAEiE;AACjE,MAAM,UAAU,eAAe;IAC7B,OAAO,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,KAAK,aAAa,CAAC;AACnF,CAAC"}

package/dist/chrome/discoverability.d.ts

@@ -0,0 +1,33 @@
+/** Fire-once flags for discoverability elements (ui-usage-dx §6).
+ *
+ *  Hard rule: every discoverability element renders at most once per user per
+ *  deployment, ever — localStorage (origin-scoped, so per-deployment) is the
+ *  source of truth, and any degraded environment (SSR, sandboxed iframe,
+ *  blocked or full storage) reads as already-seen so it never nags. */
+/** The one host-facing discoverability dial (ui-usage-dx §6): `"default"`
+ *  keeps the fire-once whisper + greeting-as-tutorial; `"quiet"` disables
+ *  both. Contextual affordances (slot ghosts, remix hover, triggers) are
+ *  host-placed and untouched by the dial. */
+export type VendoDiscoverability = "quiet" | "default";
+/** The greeting-as-tutorial content (§6 first-open moment): an agent-voiced
+ *  intro line plus 2–3 tappable starter prompts (chips PREFILL the composer,
+ *  never send). Hosts supply it via the provider/overlay `greeting` prop —
+ *  typically loaded from `.vendo/greeting.json`, which uses this exact shape. */
+export interface VendoGreeting {
+    intro: string;
+    prompts: string[];
+}
+/** Fallback greeting when the host supplies none: a generic capable intro
+ *  whose second prompt is always a molding prompt (the §6 requirement). */
+export declare const defaultVendoGreeting: VendoGreeting;
+/** Fallback suggestion chips for the VendoSlot empty-state invitation
+ *  (ui-lane-entry pick S-A×S-D) when the host supplies none — generic
+ *  view-authoring starts, white-label like everything else. Hosts should
+ *  replace these with host-aware prompts (`.vendo/greeting.json` pipeline). */
+export declare const defaultSlotSuggestions: string[];
+/** True once the element has fired — or whenever storage cannot answer. */
+export declare function hasSeen(element: string): boolean;
+/** Record the element as fired. Best-effort: a write that fails stays silent
+ *  (the matching hasSeen already reports seen in those environments). */
+export declare function markSeen(element: string): void;
+//# sourceMappingURL=discoverability.d.ts.map

package/dist/chrome/discoverability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"discoverability.d.ts","sourceRoot":"","sources":["../../src/chrome/discoverability.ts"],"names":[],"mappings":"AAAA;;;;;uEAKuE;AAEvE;;;6CAG6C;AAC7C,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEvD;;;iFAGiF;AACjF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED;2EAC2E;AAC3E,eAAO,MAAM,oBAAoB,EAAE,aAGlC,CAAC;AAEF;;;+EAG+E;AAC/E,eAAO,MAAM,sBAAsB,EAAE,MAAM,EAI1C,CAAC;AAaF,2EAA2E;AAC3E,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAgBhD;AAED;yEACyE;AACzE,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAM9C"}

package/dist/chrome/discoverability.js

@@ -0,0 +1,63 @@
+/** Fire-once flags for discoverability elements (ui-usage-dx §6).
+ *
+ *  Hard rule: every discoverability element renders at most once per user per
+ *  deployment, ever — localStorage (origin-scoped, so per-deployment) is the
+ *  source of truth, and any degraded environment (SSR, sandboxed iframe,
+ *  blocked or full storage) reads as already-seen so it never nags. */
+/** Fallback greeting when the host supplies none: a generic capable intro
+ *  whose second prompt is always a molding prompt (the §6 requirement). */
+export const defaultVendoGreeting = {
+    intro: "Hi — I'm built into this app. Ask me questions, hand me tasks, or have me reshape a screen to fit how you work.",
+    prompts: ["What can you do here?", "Rebuild this page around what I use most"],
+};
+/** Fallback suggestion chips for the VendoSlot empty-state invitation
+ *  (ui-lane-entry pick S-A×S-D) when the host supplies none — generic
+ *  view-authoring starts, white-label like everything else. Hosts should
+ *  replace these with host-aware prompts (`.vendo/greeting.json` pipeline). */
+export const defaultSlotSuggestions = [
+    "Track the things I check most",
+    "Summarize what's on this page",
+    "A morning digest of what changed",
+];
+const PREFIX = "vendo:discoverability:";
+function storage() {
+    try {
+        // The ACCESS itself can throw (sandboxed iframes, partitioned storage).
+        return typeof window === "undefined" ? null : window.localStorage;
+    }
+    catch {
+        return null;
+    }
+}
+/** True once the element has fired — or whenever storage cannot answer. */
+export function hasSeen(element) {
+    const store = storage();
+    if (!store)
+        return true;
+    try {
+        if (store.getItem(PREFIX + element) !== null)
+            return true;
+        // Quota-full storage commonly still READS while writes throw; reporting
+        // unseen there means markSeen can never persist and the element replays
+        // on every visit. Probe writability first — a failed probe reads as seen
+        // (degraded environments never nag).
+        const probe = `${PREFIX}probe`;
+        store.setItem(probe, "1");
+        store.removeItem(probe);
+        return false;
+    }
+    catch {
+        return true;
+    }
+}
+/** Record the element as fired. Best-effort: a write that fails stays silent
+ *  (the matching hasSeen already reports seen in those environments). */
+export function markSeen(element) {
+    try {
+        storage()?.setItem(PREFIX + element, "1");
+    }
+    catch {
+        /* quota/denied — nothing to do */
+    }
+}
+//# sourceMappingURL=discoverability.js.map

package/dist/chrome/discoverability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"discoverability.js","sourceRoot":"","sources":["../../src/chrome/discoverability.ts"],"names":[],"mappings":"AAAA;;;;;uEAKuE;AAiBvE;2EAC2E;AAC3E,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,KAAK,EAAE,iHAAiH;IACxH,OAAO,EAAE,CAAC,uBAAuB,EAAE,0CAA0C,CAAC;CAC/E,CAAC;AAEF;;;+EAG+E;AAC/E,MAAM,CAAC,MAAM,sBAAsB,GAAa;IAC9C,+BAA+B;IAC/B,+BAA+B;IAC/B,kCAAkC;CACnC,CAAC;AAEF,MAAM,MAAM,GAAG,wBAAwB,CAAC;AAExC,SAAS,OAAO;IACd,IAAI,CAAC;QACH,wEAAwE;QACxE,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC;IACpE,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,OAAO,CAAC,OAAe;IACrC,MAAM,KAAK,GAAG,OAAO,EAAE,CAAC;IACxB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,IAAI,CAAC;QACH,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;QAC1D,wEAAwE;QACxE,wEAAwE;QACxE,yEAAyE;QACzE,qCAAqC;QACrC,MAAM,KAAK,GAAG,GAAG,MAAM,OAAO,CAAC;QAC/B,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC1B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,OAAO,KAAK,CAAC;IACf,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;yEACyE;AACzE,MAAM,UAAU,QAAQ,CAAC,OAAe;IACtC,IAAI,CAAC;QACH,OAAO,EAAE,EAAE,OAAO,CAAC,MAAM,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC;IAC5C,CAAC;IAAC,MAAM,CAAC;QACP,kCAAkC;IACpC,CAAC;AACH,CAAC"}

package/dist/chrome/embeds.d.ts

@@ -0,0 +1,21 @@
+import type { VendoAppEmbedProps, VendoApprovalEmbedProps, VendoToolResultProps } from "../embeds.js";
+/**
+ * Approve/deny for a guarded call parked from a BYO agent loop
+ * (`vendo/approval-ref@1`). The wire owns the state — this embed polls
+ * `GET /approvals/:id` and resolves in place to the executed outcome,
+ * "declined", or "expired" (the frozen `VendoApprovalEmbedState` vocabulary).
+ */
+export declare function VendoApprovalEmbed({ refValue }: VendoApprovalEmbedProps): import("react").JSX.Element;
+/**
+ * Inline generated app (`vendo/app-ref@1`): the build-beat bar while the
+ * build streams, then the live app. In-app interactions go over the wire
+ * (`apps.call`), never through the host's agent loop.
+ */
+export declare function VendoAppEmbed({ refValue }: VendoAppEmbedProps): import("react").JSX.Element;
+/**
+ * The dispatcher: give it any `vendo_*` tool output and it renders the right
+ * embed by `parseVendoToolEnvelope` — or nothing for plain data (the action
+ * executed cleanly; the agent already consumed the result).
+ */
+export declare function VendoToolResult({ output }: VendoToolResultProps): import("react").JSX.Element | null;
+//# sourceMappingURL=embeds.d.ts.map

package/dist/chrome/embeds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embeds.d.ts","sourceRoot":"","sources":["../../src/chrome/embeds.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,cAAc,CAAC;AA8GtB;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BA6DvE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAiF7D;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,sCAM/D"}

package/dist/chrome/embeds.js

@@ -0,0 +1,181 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { VENDO_APP_REF_KIND, VendoError, parseVendoToolEnvelope, } from "@vendoai/core";
+import { useCallback, useEffect, useState } from "react";
+import { useVendoContext } from "../context.js";
+import { useResource } from "../hooks/use-resource.js";
+import { AppFrame } from "../tree/frames.js";
+import { ApprovalCard } from "./approval-card.js";
+import { ChromeRoot } from "./chrome-root.js";
+import { LONG_TEXT_CAP, truncateHead } from "./truncate.js";
+/**
+ * Existing-agents Lane B — the three embeds a BYO chat surface renders from
+ * `vendo_*` tool outputs (frozen prop contracts in ../embeds.ts). All three
+ * live inside the host's `VendoProvider` pointed at the wire: auth rides the
+ * host session cookie, theme rides the `--vendo-*` tokens, and they take no
+ * client/config props of their own. Failure states speak the existing
+ * failed/expired vocabulary — never a silent blank.
+ */
+/** While the build streams the wire has nothing to serve yet, so the embed
+ *  polls open(); a build that never lands resolves to the failed vocabulary
+ *  instead of an eternal beat. */
+const APP_POLL_MS = 1200;
+const APP_BUILD_DEADLINE_MS = 5 * 60_000;
+/** Pending approvals re-poll so a decision made anywhere (this card, the
+ *  workspace queue, another tab) resolves this embed in place. */
+const APPROVAL_POLL_MS = 2500;
+function asError(reason) {
+    return reason instanceof Error ? reason : new Error(String(reason));
+}
+const tick = (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "m5 12 4 4L19 6" }) }));
+const cross = (_jsx("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }));
+/** One resolved line in the thread's beat vocabulary: tick for done, x for
+ *  failed/terminal, orb while working. */
+function BeatLine({ state, children }) {
+    return (_jsxs("div", { className: `fl-beat fl-beat-${state}`, children: [state === "working" ? (_jsx("span", { className: "fl-beat-orb", "aria-hidden": "true" })) : (_jsx("span", { className: `fl-beat-ic ${state === "done" ? "fl-beat-tick" : "fl-beat-x"}`, children: state === "done" ? tick : cross })), _jsx("span", { className: "fl-beat-label", children: children })] }));
+}
+/** The resolved approval card: same `fl-approval` boundary as the consent
+ *  card, collapsed to its terminal line (and the executed result, if any). */
+function ResolvedApprovalCard({ summary, ok, line, detail }) {
+    return (_jsxs("article", { className: `fl-approval${ok ? " fl-approval-approved" : ""}`, "aria-label": `Approval — ${line}`, children: [_jsx("div", { className: "fl-approval-head", children: _jsxs("div", { className: "fl-approval-heading", children: [_jsx("div", { className: "fl-approval-eyebrow", children: "Approval" }), _jsx("div", { className: "fl-approval-title", children: summary })] }) }), _jsx(BeatLine, { state: ok ? "done" : "error", children: line }), detail] }));
+}
+function executedCard(summary, outcome) {
+    if (outcome.status === "ok") {
+        const preview = JSON.stringify(outcome.output);
+        const detail = preview !== undefined && preview !== "{}" && preview !== "null"
+            ? (_jsx("pre", { className: "fl-approval-fields", "aria-label": "Result", style: { whiteSpace: "pre-wrap", overflowWrap: "anywhere" }, children: truncateHead(preview, Math.min(500, LONG_TEXT_CAP)) }))
+            : undefined;
+        return _jsx(ResolvedApprovalCard, { summary: summary, ok: true, line: "Approved \u2014 ran", detail: detail });
+    }
+    // The resumed call itself failed (error/blocked/…): the honest record, in
+    // the thread's existing "couldn't finish" vocabulary.
+    const reason = outcome.status === "error"
+        ? outcome.error.message
+        : outcome.status === "blocked"
+            ? outcome.reason
+            : outcome.status;
+    return (_jsx(ResolvedApprovalCard, { summary: summary, ok: false, line: "Approved \u2014 couldn't finish", detail: _jsx("div", { className: "fl-approval-more", children: reason }) }));
+}
+/**
+ * Approve/deny for a guarded call parked from a BYO agent loop
+ * (`vendo/approval-ref@1`). The wire owns the state — this embed polls
+ * `GET /approvals/:id` and resolves in place to the executed outcome,
+ * "declined", or "expired" (the frozen `VendoApprovalEmbedState` vocabulary).
+ */
+export function VendoApprovalEmbed({ refValue }) {
+    const { client } = useVendoContext();
+    const { approvalId, summary } = refValue;
+    const fetcher = useCallback(async () => {
+        try {
+            return await client.approvals.get(approvalId);
+        }
+        catch (reason) {
+            // An approval the wire no longer knows is no longer actionable: the
+            // TTL sweep (or a store erase) got there first. Same terminal state.
+            if (reason instanceof VendoError && reason.code === "not-found") {
+                return { state: "expired" };
+            }
+            throw reason;
+        }
+    }, [client, approvalId]);
+    // Poll until the state is terminal; useResource disarms when pollMs clears.
+    const [pollMs, setPollMs] = useState(APPROVAL_POLL_MS);
+    const { data, error, refresh } = useResource(fetcher, null, pollMs === undefined ? {} : { pollMs });
+    useEffect(() => {
+        if (data !== null && data.state !== "pending")
+            setPollMs(undefined);
+    }, [data]);
+    const decide = useCallback(async (decision) => {
+        await client.approvals.decide(approvalId, decision);
+        await refresh();
+    }, [client, approvalId, refresh]);
+    let body;
+    if (data === null) {
+        body = error !== undefined
+            ? (_jsxs("article", { className: "fl-approval", "aria-label": `Approval — ${summary}`, children: [_jsx("div", { className: "fl-approval-title", children: summary }), _jsx("div", { role: "alert", className: "fl-error", children: error.message })] }))
+            : _jsx(BeatLine, { state: "working", children: summary });
+    }
+    else if (data.state === "pending") {
+        body = _jsx(ApprovalCard, { approval: data.request, onDecide: decide });
+    }
+    else if (data.state === "executed") {
+        body = executedCard(summary, data.outcome);
+    }
+    else if (data.state === "declined") {
+        body = _jsx(ResolvedApprovalCard, { summary: summary, ok: false, line: "Declined \u2014 nothing ran" });
+    }
+    else {
+        body = _jsx(ResolvedApprovalCard, { summary: summary, ok: false, line: "Expired \u2014 no longer waiting for approval" });
+    }
+    return (_jsx(ChromeRoot, { children: _jsx("div", { "data-vendo-embed": "approval", children: body }) }));
+}
+/**
+ * Inline generated app (`vendo/app-ref@1`): the build-beat bar while the
+ * build streams, then the live app. In-app interactions go over the wire
+ * (`apps.call`), never through the host's agent loop.
+ */
+export function VendoAppEmbed({ refValue }) {
+    const { client, components } = useVendoContext();
+    const { appId, title } = refValue;
+    const [surface, setSurface] = useState();
+    const [failed, setFailed] = useState();
+    useEffect(() => {
+        setSurface(undefined);
+        setFailed(undefined);
+        const startedAt = Date.now();
+        let cancelled = false;
+        let timer;
+        // Self-scheduling poll (useResource's pacing rule): the next attempt is
+        // armed only after the current one settles. `vendo_create_app` returns
+        // fast and the build streams server-side, so until there is an app to
+        // serve the flagged poll answers a quiet `{kind:"pending"}` (a wire that
+        // predates the flag still 404s — the catch arm keeps the same cadence, so
+        // older servers only lose the quiet console). Keep asking until the app
+        // lands or the deadline turns the beat into the failed vocabulary.
+        const attempt = async () => {
+            try {
+                const next = await client.apps.open(appId, { pending: true });
+                if (cancelled)
+                    return;
+                if (next.kind !== "pending") {
+                    setSurface(next);
+                    return;
+                }
+                if (Date.now() - startedAt >= APP_BUILD_DEADLINE_MS) {
+                    setFailed(new Error(`app never became servable: ${appId}`));
+                    return;
+                }
+            }
+            catch (reason) {
+                if (cancelled)
+                    return;
+                if (Date.now() - startedAt >= APP_BUILD_DEADLINE_MS) {
+                    setFailed(asError(reason));
+                    return;
+                }
+            }
+            timer = setTimeout(() => void attempt(), APP_POLL_MS);
+        };
+        void attempt();
+        return () => {
+            cancelled = true;
+            if (timer !== undefined)
+                clearTimeout(timer);
+        };
+    }, [client, appId]);
+    const building = surface === undefined && failed === undefined;
+    return (_jsx(ChromeRoot, { children: _jsxs("div", { className: "fl-uihost fl-appcard", "data-vendo-embed": "app", children: [_jsxs("div", { className: "fl-appcard-bar", "data-state": building ? "building" : "ready", children: [_jsx("span", { className: "fl-appcard-dot", "aria-hidden": "true" }), _jsxs("span", { className: "fl-boot-labels fl-appcard-name", children: [_jsxs("span", { className: "fl-boot-building", "aria-hidden": !building, children: ["Building ", title, "\u2026"] }), _jsx("span", { className: "fl-boot-ready", "aria-hidden": building, children: title })] }), _jsx("span", { className: "fl-boot-hairline", "aria-hidden": "true" })] }), _jsx("div", { className: "fl-appcard-body", children: surface !== undefined ? (_jsx(AppFrame, { surface: surface, components: components, onAction: ({ action, payload }) => client.apps.call(appId, action, payload ?? {}) })) : failed !== undefined ? (_jsxs(BeatLine, { state: "error", children: [title, " \u2014 couldn't finish"] })) : (_jsxs("span", { className: "fl-slot-skel", role: "status", "aria-label": `Building ${title}`, children: [_jsx("span", { className: "fl-skel-line", style: { width: "54%" } }), _jsx("span", { className: "fl-skel-line", style: { width: "78%" } }), _jsx("span", { className: "fl-skel-line", style: { width: "42%" } })] })) })] }) }));
+}
+/**
+ * The dispatcher: give it any `vendo_*` tool output and it renders the right
+ * embed by `parseVendoToolEnvelope` — or nothing for plain data (the action
+ * executed cleanly; the agent already consumed the result).
+ */
+export function VendoToolResult({ output }) {
+    const envelope = parseVendoToolEnvelope(output);
+    if (envelope === null)
+        return null;
+    return envelope.kind === VENDO_APP_REF_KIND
+        ? _jsx(VendoAppEmbed, { refValue: envelope })
+        : _jsx(VendoApprovalEmbed, { refValue: envelope });
+}
+//# sourceMappingURL=embeds.js.map

package/dist/chrome/embeds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embeds.js","sourceRoot":"","sources":["../../src/chrome/embeds.tsx"],"names":[],"mappings":"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"}

package/dist/chrome/fluid-thinking.d.ts

@@ -0,0 +1,15 @@
+export interface FluidThinkingProps {
+    /** Accessible label for the working state. */
+    label?: string;
+    /** Drop diameter in px (fluidkit Thinking `size`). */
+    size?: number;
+}
+/**
+ * The agent-liveness indicator. fluidkit is an enhancement layer: the legacy
+ * static dots paint immediately (and are all reduced-motion CSS ever animates),
+ * then fluidkit's metaball Thinking takes over once its chunk resolves. If the
+ * library is missing or fails to load, the dots simply stay — the shell never
+ * depends on it to function.
+ */
+export declare function FluidThinking({ label, size }: FluidThinkingProps): import("react").JSX.Element;
+//# sourceMappingURL=fluid-thinking.d.ts.map

package/dist/chrome/fluid-thinking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-thinking.d.ts","sourceRoot":"","sources":["../../src/chrome/fluid-thinking.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAiB,EAAE,IAAQ,EAAE,EAAE,kBAAkB,+BAoChF"}

package/dist/chrome/fluid-thinking.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+// Module-level so the import (or its failure) is paid once per session, not
+// once per streaming turn. `undefined` = not attempted, `null` = unavailable.
+let cached;
+/**
+ * The agent-liveness indicator. fluidkit is an enhancement layer: the legacy
+ * static dots paint immediately (and are all reduced-motion CSS ever animates),
+ * then fluidkit's metaball Thinking takes over once its chunk resolves. If the
+ * library is missing or fails to load, the dots simply stay — the shell never
+ * depends on it to function.
+ */
+export function FluidThinking({ label = "Working", size = 9 }) {
+    // Initializer form: the cached value is itself a function component, and a
+    // bare function passed to useState would be invoked as a lazy initializer.
+    const [Thinking, setThinking] = useState(() => cached ?? null);
+    useEffect(() => {
+        if (cached !== undefined)
+            return;
+        let alive = true;
+        import("fluidkit").then((mod) => {
+            cached = mod.Thinking;
+            if (alive)
+                setThinking(() => mod.Thinking);
+        }, () => {
+            cached = null;
+        });
+        return () => {
+            alive = false;
+        };
+    }, []);
+    if (!Thinking) {
+        return (_jsxs("div", { className: "fl-typing", "aria-label": label, children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }));
+    }
+    return (_jsx("div", { className: "fl-thinking", children: _jsx(Thinking, { label: label, material: "flat", size: size }) }));
+}
+//# sourceMappingURL=fluid-thinking.js.map

package/dist/chrome/fluid-thinking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-thinking.js","sourceRoot":"","sources":["../../src/chrome/fluid-thinking.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAKhE,4EAA4E;AAC5E,8EAA8E;AAC9E,IAAI,MAA4C,CAAC;AASjD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,IAAI,GAAG,CAAC,EAAsB;IAC/E,2EAA2E;IAC3E,2EAA2E;IAC3E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA2B,GAAG,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC;IAEzF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO;QACjC,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CACrB,CAAC,GAAG,EAAE,EAAE;YACN,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC;YACtB,IAAI,KAAK;gBAAE,WAAW,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,EACD,GAAG,EAAE;YACH,MAAM,GAAG,IAAI,CAAC;QAChB,CAAC,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,KAAK,GAAG,KAAK,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,gBAAa,KAAK,aAC1C,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,IACJ,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAI,GAClD,CACP,CAAC;AACJ,CAAC"}