@agent-native/core 0.69.0 → 0.70.1

package/dist/client/changelog/Changelog.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Changelog UI — renders an app's CHANGELOG.md as an in-app "What's new"
+ * surface. Core owns all of this; a template just passes its own
+ * `CHANGELOG.md?raw` content in (Vite inlines it at build time, so this works
+ * on every host with no runtime file access or server route).
+ *
+ * Surfaces:
+ *   - <ChangelogDialog>      a self-contained modal listing every release.
+ *   - <ChangelogSettingsCard> a settings-page card with the latest updates.
+ *   - useChangelogSeen()     tracks the last release a user has seen (so the
+ *                            command menu can show an "unseen" dot).
+ *
+ * The command menu's built-in `changelog` prop (see CommandMenu.tsx) wires the
+ * dialog automatically — most templates never touch these directly.
+ */
+import React, { useEffect, useMemo, useState } from "react";
+import { IconX, IconHistory } from "@tabler/icons-react";
+import { parseChangelog } from "../../changelog/parse.js";
+import { markdownModule, remarkGfmFn, useMarkdownReady, markdownUrlTransform, } from "../chat/markdown-renderer.js";
+import { cn } from "../utils.js";
+// ─── Date formatting ──────────────────────────────────────────────────────────
+function formatEntryHeading(entry) {
+    if (entry.date) {
+        // Parse as a plain calendar date (avoid TZ shifting YYYY-MM-DD back a day).
+        const [y, m, d] = entry.date.split("-").map(Number);
+        if (y && m && d) {
+            const formatted = new Date(y, m - 1, d).toLocaleDateString(undefined, {
+                year: "numeric",
+                month: "long",
+                day: "numeric",
+            });
+            return entry.version ? `${entry.version} · ${formatted}` : formatted;
+        }
+    }
+    return entry.title;
+}
+// ─── Markdown body ────────────────────────────────────────────────────────────
+// A small, self-contained renderer for a release body. Avoids depending on the
+// typography plugin (`prose`) being generated in the host template by applying
+// explicit utility classes that Tailwind scans from core's compiled output.
+const changelogMarkdownComponents = {
+    h3: (props) => (_jsx("h3", { ...props, className: "mb-1.5 mt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground first:mt-0" })),
+    ul: (props) => (_jsx("ul", { ...props, className: "mb-2 ml-1 list-disc space-y-1 pl-4 text-sm text-foreground marker:text-muted-foreground" })),
+    ol: (props) => (_jsx("ol", { ...props, className: "mb-2 ml-1 list-decimal space-y-1 pl-4 text-sm text-foreground marker:text-muted-foreground" })),
+    li: (props) => (_jsx("li", { ...props, className: "leading-relaxed" })),
+    p: (props) => (_jsx("p", { ...props, className: "mb-2 text-sm leading-relaxed text-foreground" })),
+    a: (props) => (_jsx("a", { ...props, target: "_blank", rel: "noreferrer", className: "font-medium underline underline-offset-2" })),
+    code: (props) => (_jsx("code", { ...props, className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]" })),
+};
+function ChangelogBody({ markdown }) {
+    const ready = useMarkdownReady();
+    const ReactMarkdown = markdownModule?.default;
+    const gfm = remarkGfmFn;
+    if (!ready || !ReactMarkdown || !gfm) {
+        // The react-markdown chunk loads on module eval; this is typically only one
+        // frame. Show readable plain text rather than nothing in the meantime.
+        return (_jsx("div", { className: "whitespace-pre-wrap text-sm text-foreground", children: markdown }));
+    }
+    return (_jsx(ReactMarkdown, { remarkPlugins: [gfm], components: changelogMarkdownComponents, urlTransform: markdownUrlTransform, children: markdown }));
+}
+// ─── Unseen tracking ──────────────────────────────────────────────────────────
+function seenStorageKey(appKey) {
+    return `an:changelog-seen:${appKey}`;
+}
+/**
+ * Tracks the latest release a user has already seen (per browser, via
+ * localStorage). Returns whether there's an unseen release and a `markSeen`
+ * callback to clear the indicator once the changelog is opened.
+ */
+export function useChangelogSeen(appKey, latestId) {
+    const [seenId, setSeenId] = useState(null);
+    const [hydrated, setHydrated] = useState(false);
+    useEffect(() => {
+        try {
+            setSeenId(window.localStorage.getItem(seenStorageKey(appKey)));
+        }
+        catch {
+            // Private mode / disabled storage — treat as "nothing seen yet".
+        }
+        setHydrated(true);
+    }, [appKey]);
+    const markSeen = React.useCallback(() => {
+        if (!latestId)
+            return;
+        setSeenId(latestId);
+        try {
+            window.localStorage.setItem(seenStorageKey(appKey), latestId);
+        }
+        catch {
+            // Ignore storage failures; the dot just won't persist.
+        }
+    }, [appKey, latestId]);
+    // Don't flag "unseen" until hydrated, and never on a first-ever visit (no
+    // stored value) — only once the user has seen *something* and a newer
+    // release appears. This avoids nagging brand-new users.
+    const unseen = hydrated && !!latestId && seenId !== null && seenId !== latestId;
+    return { unseen, markSeen };
+}
+// ─── Shared markup ────────────────────────────────────────────────────────────
+function ChangelogEntries({ entries, emptyText, }) {
+    if (entries.length === 0) {
+        return _jsx("p", { className: "text-sm text-muted-foreground", children: emptyText });
+    }
+    return (_jsx("div", { className: "space-y-6", children: entries.map((entry) => (_jsxs("section", { children: [_jsx("h4", { className: "mb-2 text-sm font-semibold text-foreground", children: formatEntryHeading(entry) }), _jsx(ChangelogBody, { markdown: entry.body })] }, entry.id))) }));
+}
+export function ChangelogDialog({ open, onOpenChange, markdown, title = "What's new", }) {
+    const entries = useMemo(() => parseChangelog(markdown), [markdown]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (e) => {
+            if (e.key === "Escape") {
+                e.preventDefault();
+                onOpenChange(false);
+            }
+        };
+        document.addEventListener("keydown", onKey);
+        return () => document.removeEventListener("keydown", onKey);
+    }, [open, onOpenChange]);
+    if (!open)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 p-4", onMouseDown: (e) => {
+            if (e.target === e.currentTarget)
+                onOpenChange(false);
+        }, children: _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": title, className: "mt-[8vh] flex max-h-[80vh] w-full max-w-xl flex-col rounded-lg border border-border bg-popover text-popover-foreground shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-5 py-3.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsx("button", { type: "button", onClick: () => onOpenChange(false), "aria-label": "Close", className: "rounded-sm p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground", children: _jsx(IconX, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "overflow-y-auto px-5 py-4", children: _jsx(ChangelogEntries, { entries: entries, emptyText: "No updates have been published yet." }) })] }) }));
+}
+export function ChangelogSettingsCard({ markdown, limit = 2, title = "What's new", className, }) {
+    const entries = useMemo(() => parseChangelog(markdown), [markdown]);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    if (entries.length === 0)
+        return null;
+    const shown = entries.slice(0, limit);
+    const hasMore = entries.length > shown.length;
+    return (_jsxs("div", { className: cn("rounded-lg border border-border bg-card text-card-foreground", className), children: [_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-5 py-4", children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h3", { className: "text-sm font-semibold", children: title })] }), _jsxs("div", { className: "px-5 py-4", children: [_jsx(ChangelogEntries, { entries: shown, emptyText: "No updates yet." }), hasMore && (_jsx("button", { type: "button", onClick: () => setDialogOpen(true), className: "mt-4 text-sm font-medium text-foreground underline underline-offset-2", children: "View all updates" }))] }), _jsx(ChangelogDialog, { open: dialogOpen, onOpenChange: setDialogOpen, markdown: markdown, title: title })] }));
+}
+export { parseChangelog };
+//# sourceMappingURL=Changelog.js.map

package/dist/client/changelog/Changelog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Changelog.js","sourceRoot":"","sources":["../../../src/client/changelog/Changelog.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Changelog UI — renders an app's CHANGELOG.md as an in-app \"What's new\"\n * surface. Core owns all of this; a template just passes its own\n * `CHANGELOG.md?raw` content in (Vite inlines it at build time, so this works\n * on every host with no runtime file access or server route).\n *\n * Surfaces:\n *   - <ChangelogDialog>      a self-contained modal listing every release.\n *   - <ChangelogSettingsCard> a settings-page card with the latest updates.\n *   - useChangelogSeen()     tracks the last release a user has seen (so the\n *                            command menu can show an \"unseen\" dot).\n *\n * The command menu's built-in `changelog` prop (see CommandMenu.tsx) wires the\n * dialog automatically — most templates never touch these directly.\n */\n\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport { IconX, IconHistory } from \"@tabler/icons-react\";\n\nimport { parseChangelog, type ChangelogEntry } from \"../../changelog/parse.js\";\nimport {\n  markdownModule,\n  remarkGfmFn,\n  useMarkdownReady,\n  markdownUrlTransform,\n} from \"../chat/markdown-renderer.js\";\nimport { cn } from \"../utils.js\";\n\n// ─── Date formatting ──────────────────────────────────────────────────────────\n\nfunction formatEntryHeading(entry: ChangelogEntry): string {\n  if (entry.date) {\n    // Parse as a plain calendar date (avoid TZ shifting YYYY-MM-DD back a day).\n    const [y, m, d] = entry.date.split(\"-\").map(Number);\n    if (y && m && d) {\n      const formatted = new Date(y, m - 1, d).toLocaleDateString(undefined, {\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      });\n      return entry.version ? `${entry.version} · ${formatted}` : formatted;\n    }\n  }\n  return entry.title;\n}\n\n// ─── Markdown body ────────────────────────────────────────────────────────────\n// A small, self-contained renderer for a release body. Avoids depending on the\n// typography plugin (`prose`) being generated in the host template by applying\n// explicit utility classes that Tailwind scans from core's compiled output.\n\nconst changelogMarkdownComponents = {\n  h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h3\n      {...props}\n      className=\"mb-1.5 mt-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground first:mt-0\"\n    />\n  ),\n  ul: (props: React.HTMLAttributes<HTMLUListElement>) => (\n    <ul\n      {...props}\n      className=\"mb-2 ml-1 list-disc space-y-1 pl-4 text-sm text-foreground marker:text-muted-foreground\"\n    />\n  ),\n  ol: (props: React.HTMLAttributes<HTMLOListElement>) => (\n    <ol\n      {...props}\n      className=\"mb-2 ml-1 list-decimal space-y-1 pl-4 text-sm text-foreground marker:text-muted-foreground\"\n    />\n  ),\n  li: (props: React.HTMLAttributes<HTMLLIElement>) => (\n    <li {...props} className=\"leading-relaxed\" />\n  ),\n  p: (props: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p {...props} className=\"mb-2 text-sm leading-relaxed text-foreground\" />\n  ),\n  a: (props: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (\n    <a\n      {...props}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      className=\"font-medium underline underline-offset-2\"\n    />\n  ),\n  code: (props: React.HTMLAttributes<HTMLElement>) => (\n    <code\n      {...props}\n      className=\"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]\"\n    />\n  ),\n};\n\nfunction ChangelogBody({ markdown }: { markdown: string }) {\n  const ready = useMarkdownReady();\n  const ReactMarkdown = markdownModule?.default;\n  const gfm = remarkGfmFn;\n\n  if (!ready || !ReactMarkdown || !gfm) {\n    // The react-markdown chunk loads on module eval; this is typically only one\n    // frame. Show readable plain text rather than nothing in the meantime.\n    return (\n      <div className=\"whitespace-pre-wrap text-sm text-foreground\">\n        {markdown}\n      </div>\n    );\n  }\n  return (\n    <ReactMarkdown\n      remarkPlugins={[gfm]}\n      components={changelogMarkdownComponents}\n      urlTransform={markdownUrlTransform}\n    >\n      {markdown}\n    </ReactMarkdown>\n  );\n}\n\n// ─── Unseen tracking ──────────────────────────────────────────────────────────\n\nfunction seenStorageKey(appKey: string): string {\n  return `an:changelog-seen:${appKey}`;\n}\n\n/**\n * Tracks the latest release a user has already seen (per browser, via\n * localStorage). Returns whether there's an unseen release and a `markSeen`\n * callback to clear the indicator once the changelog is opened.\n */\nexport function useChangelogSeen(\n  appKey: string,\n  latestId: string | undefined,\n): { unseen: boolean; markSeen: () => void } {\n  const [seenId, setSeenId] = useState<string | null>(null);\n  const [hydrated, setHydrated] = useState(false);\n\n  useEffect(() => {\n    try {\n      setSeenId(window.localStorage.getItem(seenStorageKey(appKey)));\n    } catch {\n      // Private mode / disabled storage — treat as \"nothing seen yet\".\n    }\n    setHydrated(true);\n  }, [appKey]);\n\n  const markSeen = React.useCallback(() => {\n    if (!latestId) return;\n    setSeenId(latestId);\n    try {\n      window.localStorage.setItem(seenStorageKey(appKey), latestId);\n    } catch {\n      // Ignore storage failures; the dot just won't persist.\n    }\n  }, [appKey, latestId]);\n\n  // Don't flag \"unseen\" until hydrated, and never on a first-ever visit (no\n  // stored value) — only once the user has seen *something* and a newer\n  // release appears. This avoids nagging brand-new users.\n  const unseen =\n    hydrated && !!latestId && seenId !== null && seenId !== latestId;\n\n  return { unseen, markSeen };\n}\n\n// ─── Shared markup ────────────────────────────────────────────────────────────\n\nfunction ChangelogEntries({\n  entries,\n  emptyText,\n}: {\n  entries: ChangelogEntry[];\n  emptyText: string;\n}) {\n  if (entries.length === 0) {\n    return <p className=\"text-sm text-muted-foreground\">{emptyText}</p>;\n  }\n  return (\n    <div className=\"space-y-6\">\n      {entries.map((entry) => (\n        <section key={entry.id}>\n          <h4 className=\"mb-2 text-sm font-semibold text-foreground\">\n            {formatEntryHeading(entry)}\n          </h4>\n          <ChangelogBody markdown={entry.body} />\n        </section>\n      ))}\n    </div>\n  );\n}\n\n// ─── Dialog ───────────────────────────────────────────────────────────────────\n\nexport interface ChangelogDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Raw CHANGELOG.md contents (e.g. `import md from \"../CHANGELOG.md?raw\"`). */\n  markdown: string;\n  /** Dialog heading. Default: \"What's new\". */\n  title?: string;\n}\n\nexport function ChangelogDialog({\n  open,\n  onOpenChange,\n  markdown,\n  title = \"What's new\",\n}: ChangelogDialogProps) {\n  const entries = useMemo(() => parseChangelog(markdown), [markdown]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        onOpenChange(false);\n      }\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [open, onOpenChange]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-start justify-center bg-black/50 p-4\"\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget) onOpenChange(false);\n      }}\n    >\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n        className=\"mt-[8vh] flex max-h-[80vh] w-full max-w-xl flex-col rounded-lg border border-border bg-popover text-popover-foreground shadow-lg\"\n      >\n        <div className=\"flex items-center justify-between border-b border-border px-5 py-3.5\">\n          <div className=\"flex items-center gap-2\">\n            <IconHistory className=\"h-4 w-4 text-muted-foreground\" />\n            <h3 className=\"text-sm font-semibold\">{title}</h3>\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => onOpenChange(false)}\n            aria-label=\"Close\"\n            className=\"rounded-sm p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\"\n          >\n            <IconX className=\"h-4 w-4\" />\n          </button>\n        </div>\n        <div className=\"overflow-y-auto px-5 py-4\">\n          <ChangelogEntries\n            entries={entries}\n            emptyText=\"No updates have been published yet.\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ─── Settings card ────────────────────────────────────────────────────────────\n\nexport interface ChangelogSettingsCardProps {\n  /** Raw CHANGELOG.md contents (e.g. `import md from \"../CHANGELOG.md?raw\"`). */\n  markdown: string;\n  /** How many recent releases to show inline before \"View all\". Default: 2. */\n  limit?: number;\n  /** Card heading. Default: \"What's new\". */\n  title?: string;\n  className?: string;\n}\n\nexport function ChangelogSettingsCard({\n  markdown,\n  limit = 2,\n  title = \"What's new\",\n  className,\n}: ChangelogSettingsCardProps) {\n  const entries = useMemo(() => parseChangelog(markdown), [markdown]);\n  const [dialogOpen, setDialogOpen] = useState(false);\n\n  if (entries.length === 0) return null;\n\n  const shown = entries.slice(0, limit);\n  const hasMore = entries.length > shown.length;\n\n  return (\n    <div\n      className={cn(\n        \"rounded-lg border border-border bg-card text-card-foreground\",\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-2 border-b border-border px-5 py-4\">\n        <IconHistory className=\"h-4 w-4 text-muted-foreground\" />\n        <h3 className=\"text-sm font-semibold\">{title}</h3>\n      </div>\n      <div className=\"px-5 py-4\">\n        <ChangelogEntries entries={shown} emptyText=\"No updates yet.\" />\n        {hasMore && (\n          <button\n            type=\"button\"\n            onClick={() => setDialogOpen(true)}\n            className=\"mt-4 text-sm font-medium text-foreground underline underline-offset-2\"\n          >\n            View all updates\n          </button>\n        )}\n      </div>\n      <ChangelogDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        markdown={markdown}\n        title={title}\n      />\n    </div>\n  );\n}\n\nexport { parseChangelog };\nexport type { ChangelogEntry };\n"]}

package/dist/client/client-surface.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The runtime shell the web UI is rendering inside. Used as pass-through
+ * feedback metadata so form owners can tell whether a submission came from the
+ * Agent Native desktop app (Electron), a Tauri desktop shell (e.g. Clips), or a
+ * plain browser — without surfacing it as a visible form field.
+ */
+export type ClientSurface = "web" | "electron" | "tauri";
+/**
+ * Best-effort, side-effect-free detection of the current client surface.
+ * Returns "web" during SSR and in any plain browser.
+ *
+ * Electron detection keys off the `AgentNativeDesktop` User-Agent token that the
+ * desktop shell appends app-wide (see `app.userAgentFallback`), plus the preload
+ * globals, so it stays specific to our app rather than every Electron webview.
+ */
+export declare function getClientSurface(): ClientSurface;
+//# sourceMappingURL=client-surface.d.ts.map

package/dist/client/client-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-surface.d.ts","sourceRoot":"","sources":["../../src/client/client-surface.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,CAAC;AAYzD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,CAchD"}

package/dist/client/client-surface.js

@@ -0,0 +1,24 @@
+/**
+ * Best-effort, side-effect-free detection of the current client surface.
+ * Returns "web" during SSR and in any plain browser.
+ *
+ * Electron detection keys off the `AgentNativeDesktop` User-Agent token that the
+ * desktop shell appends app-wide (see `app.userAgentFallback`), plus the preload
+ * globals, so it stays specific to our app rather than every Electron webview.
+ */
+export function getClientSurface() {
+    if (typeof window === "undefined")
+        return "web";
+    const w = window;
+    if (w.__TAURI_INTERNALS__ || w.__TAURI__)
+        return "tauri";
+    const ua = typeof navigator !== "undefined" ? navigator.userAgent || "" : "";
+    if (/AgentNativeDesktop/i.test(ua) ||
+        /\bElectron\b/i.test(ua) ||
+        w.agentNativeDesktop ||
+        w.electronAPI) {
+        return "electron";
+    }
+    return "web";
+}
+//# sourceMappingURL=client-surface.js.map

package/dist/client/client-surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-surface.js","sourceRoot":"","sources":["../../src/client/client-surface.ts"],"names":[],"mappings":"AAkBA;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB;IAC9B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAChD,MAAM,CAAC,GAAG,MAAmC,CAAC;IAC9C,IAAI,CAAC,CAAC,mBAAmB,IAAI,CAAC,CAAC,SAAS;QAAE,OAAO,OAAO,CAAC;IACzD,MAAM,EAAE,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,IACE,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9B,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;QACxB,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,WAAW,EACb,CAAC;QACD,OAAO,UAAU,CAAC;IACpB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * The runtime shell the web UI is rendering inside. Used as pass-through\n * feedback metadata so form owners can tell whether a submission came from the\n * Agent Native desktop app (Electron), a Tauri desktop shell (e.g. Clips), or a\n * plain browser — without surfacing it as a visible form field.\n */\nexport type ClientSurface = \"web\" | \"electron\" | \"tauri\";\n\ninterface SurfaceGlobals {\n  // Tauri v2 always injects this into the webview; `__TAURI__` only exists when\n  // the app opts into `withGlobalTauri`, so check both.\n  __TAURI_INTERNALS__?: unknown;\n  __TAURI__?: unknown;\n  // Exposed by the Agent Native desktop (Electron) preload bridges.\n  agentNativeDesktop?: unknown;\n  electronAPI?: unknown;\n}\n\n/**\n * Best-effort, side-effect-free detection of the current client surface.\n * Returns \"web\" during SSR and in any plain browser.\n *\n * Electron detection keys off the `AgentNativeDesktop` User-Agent token that the\n * desktop shell appends app-wide (see `app.userAgentFallback`), plus the preload\n * globals, so it stays specific to our app rather than every Electron webview.\n */\nexport function getClientSurface(): ClientSurface {\n  if (typeof window === \"undefined\") return \"web\";\n  const w = window as unknown as SurfaceGlobals;\n  if (w.__TAURI_INTERNALS__ || w.__TAURI__) return \"tauri\";\n  const ua = typeof navigator !== \"undefined\" ? navigator.userAgent || \"\" : \"\";\n  if (\n    /AgentNativeDesktop/i.test(ua) ||\n    /\\bElectron\\b/i.test(ua) ||\n    w.agentNativeDesktop ||\n    w.electronAPI\n  ) {\n    return \"electron\";\n  }\n  return \"web\";\n}\n"]}

package/dist/client/composer/TiptapComposer.d.ts

@@ -110,6 +110,11 @@ export interface TiptapComposerProps {
      * Used by the Electron desktop app to route through the native IPC handler.
      */
     onConnectProvider?: () => void;
+    /**
+     * Optional secondary model menu (e.g. an image-generation model) rendered as
+     * an extra section inside the model picker. Opt-in; omit for chat-only apps.
+     */
+    imageModelMenu?: ComposerImageModelMenu;
     /** Stable scope for persisted drafts, usually the active thread or tab id. */
     draftScope?: string;
     /** Keyed context nuggets staged for the next submitted prompt. */
@@ -141,6 +146,26 @@ export interface TiptapComposerProps {
     onAttachmentError?: (message: string) => void;
 }
 export declare function createTiptapComposerExtensions(getPlaceholder: () => string | undefined): (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any>)[];
-export declare function TiptapComposer({ placeholder, disabled, focusRef, initialText, initialTextKey, onSubmit, clearOnSubmit, onTextChange, actionButton, extraActionButton, attachButton, modeControl, toolbarSlot, layoutVariant, slashCommands, slashSkills, includeDefaultSlashCommands, includeDefaultSlashSkills, onSlashCommand, execMode, onExecModeChange, planModeDisabled, planModeDisabledReason, voiceEnabled, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, providerConnectStatusEnabled, onConnectProvider, draftScope, contextItems, onRemoveContextItem, plusMenuMode, interceptBuildRequestsForBuilder, onAttachmentError, }: TiptapComposerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Optional secondary model menu for apps that drive a separate generation model
+ * alongside the chat LLM (e.g. the Assets app's image-generation model). When
+ * provided, the model picker renders an extra collapsible section so the user
+ * can see and pick both "what reasons about my request" (the chat model) and
+ * "what produces the output" (this model). Opt-in — omit it and nothing changes.
+ */
+export interface ComposerImageModelMenu {
+    /** Currently-selected model id for this secondary menu. */
+    value: string;
+    /** Selectable options (stable id + human label). */
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    /** Invoked when the user picks a different option. */
+    onChange: (value: string) => void;
+    /** Section header. Defaults to "Image model". */
+    label?: string;
+}
+export declare function TiptapComposer({ placeholder, disabled, focusRef, initialText, initialTextKey, onSubmit, clearOnSubmit, onTextChange, actionButton, extraActionButton, attachButton, modeControl, toolbarSlot, layoutVariant, slashCommands, slashSkills, includeDefaultSlashCommands, includeDefaultSlashSkills, onSlashCommand, execMode, onExecModeChange, planModeDisabled, planModeDisabledReason, voiceEnabled, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, providerConnectStatusEnabled, onConnectProvider, imageModelMenu, draftScope, contextItems, onRemoveContextItem, plusMenuMode, interceptBuildRequestsForBuilder, onAttachmentError, }: TiptapComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TiptapComposer.d.ts.map

package/dist/client/composer/TiptapComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"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"}

package/dist/client/composer/TiptapComposer.js

@@ -347,7 +347,7 @@ function latestModelsOnly(models) {
         return true;
     });
 }
-function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChange, providerConnectStatusEnabled = true, onConnectProvider, }) {
+function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChange, providerConnectStatusEnabled = true, onConnectProvider, imageModel, }) {
     const [open, setOpen] = useState(false);
     const autoModelGroup = engines.find((group) => group.models.includes("auto"));
     const providerGroups = useMemo(() => engines
@@ -391,6 +391,23 @@ function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChan
             return next;
         });
     }, []);
+    // The reasoning effort list is collapsed by default — it's a secondary
+    // control most users don't touch, so it stays tucked behind a header that
+    // reveals the current effort at a glance. Reset to collapsed on each open.
+    const [reasoningExpanded, setReasoningExpanded] = useState(false);
+    useEffect(() => {
+        if (open)
+            setReasoningExpanded(false);
+    }, [open]);
+    // The optional image-model section follows the same collapsed-by-default
+    // pattern; the current selection shows next to the header.
+    const [imageExpanded, setImageExpanded] = useState(false);
+    useEffect(() => {
+        if (open)
+            setImageExpanded(false);
+    }, [open]);
+    const imageModelLabel = imageModel?.options.find((option) => option.value === imageModel.value)
+        ?.label ?? imageModel?.value;
     // When Builder.io isn't connected, surface a one-click connect path —
     // it unlocks every model family (Claude, OpenAI, Gemini) without the
     // user having to paste individual API keys.
@@ -429,7 +446,11 @@ function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChan
                                     }
                                 }, disabled: !onConnectProvider && builderFlow.connecting, className: "flex w-full items-start gap-2 px-3 py-2 text-left hover:bg-accent/50 disabled:opacity-60", children: [_jsx(IconPlugConnected, { className: "h-4 w-4 shrink-0 mt-0.5 text-blue-500" }), _jsxs("span", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "block text-[12px] font-medium text-foreground", children: !onConnectProvider && builderFlow.connecting
                                                     ? "Connecting Builder.io…"
-                                                    : "Connect Builder.io" }), _jsx("span", { className: "block text-[11px] text-muted-foreground", children: "Free credits for Claude, OpenAI & Gemini" })] })] }), _jsx("div", { className: "my-1 border-t border-border" })] })), autoModelGroup && (_jsxs("button", { type: "button", onClick: () => {
+                                                    : "Connect Builder.io" }), _jsx("span", { className: "block text-[11px] text-muted-foreground", children: "Free credits for Claude, OpenAI & Gemini" })] })] }), _jsx("div", { className: "my-1 border-t border-border" })] })), imageModel && imageModel.options.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex items-center hover:bg-accent/30", children: _jsxs("button", { type: "button", "aria-expanded": imageExpanded, onClick: () => setImageExpanded((prev) => !prev), className: "flex flex-1 min-w-0 items-center gap-1.5 px-2 py-1.5 cursor-pointer text-left", children: [imageExpanded ? (_jsx(IconChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground" })) : (_jsx(IconChevronRight, { className: "h-3 w-3 shrink-0 text-muted-foreground" })), _jsx("span", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide shrink-0", children: imageModel.label ?? "Image model" }), !imageExpanded && imageModelLabel && (_jsx("span", { className: "text-[11px] text-muted-foreground/80 truncate", children: imageModelLabel }))] }) }), imageExpanded &&
+                                imageModel.options.map((option) => (_jsxs("button", { type: "button", onClick: () => {
+                                        imageModel.onChange(option.value);
+                                        setImageExpanded(false);
+                                    }, className: "flex w-full items-center gap-3 pl-7 pr-3 py-1.5 text-left hover:bg-accent/50", children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: option.label }), option.value === imageModel.value && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] }, option.value))), _jsx("div", { className: "my-1 border-t border-border" })] })), autoModelGroup && (_jsxs("button", { type: "button", onClick: () => {
                             onChange("auto", autoModelGroup.engine);
                             setOpen(false);
                         }, className: "flex w-full items-center gap-3 px-3 py-1.5 text-left hover:bg-accent/50", children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: "Auto" }), model === "auto" && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] })), autoModelGroup && providerGroups.length > 0 && (_jsx("div", { className: "my-1 border-t border-border" })), providerGroups.map((group) => {
@@ -454,9 +475,10 @@ function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChan
                                         }, className: `flex w-full items-center gap-3 pl-7 pr-3 py-1.5 text-left ${group.configured
                                             ? "hover:bg-accent/50"
                                             : "opacity-40 cursor-default"}`, children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: friendlyModelName(m) }), m === model && group.configured && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] }, m)))] }, groupKey));
-                    }), effortOptions.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 border-t border-border" }), _jsx("div", { className: "px-3 py-1.5 text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: "Reasoning" }), effortOptions.map((option) => (_jsxs("button", { type: "button", onClick: () => onEffortChange?.(option), className: "flex w-full items-center gap-3 px-3 py-1.5 text-left hover:bg-accent/50", children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: reasoningEffortLabel(option) }), option === effort && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] }, option)))] }))] })] }));
+                    }), effortOptions.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 border-t border-border" }), _jsx("div", { className: "flex items-center hover:bg-accent/30", children: _jsxs("button", { type: "button", "aria-expanded": reasoningExpanded, onClick: () => setReasoningExpanded((prev) => !prev), className: "flex flex-1 min-w-0 items-center gap-1.5 px-2 py-1.5 cursor-pointer text-left", children: [reasoningExpanded ? (_jsx(IconChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground" })) : (_jsx(IconChevronRight, { className: "h-3 w-3 shrink-0 text-muted-foreground" })), _jsx("span", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide shrink-0", children: "Reasoning" }), !reasoningExpanded && (_jsx("span", { className: "text-[11px] text-muted-foreground/80 truncate", children: reasoningEffortLabel(effort) }))] }) }), reasoningExpanded &&
+                                effortOptions.map((option) => (_jsxs("button", { type: "button", onClick: () => onEffortChange?.(option), className: "flex w-full items-center gap-3 pl-7 pr-3 py-1.5 text-left hover:bg-accent/50", children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: reasoningEffortLabel(option) }), option === effort && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] }, option)))] }))] })] }));
 }
-export function TiptapComposer({ placeholder = "Message agent...", disabled = false, focusRef, initialText, initialTextKey, onSubmit, clearOnSubmit = true, onTextChange, actionButton, extraActionButton, attachButton, modeControl, toolbarSlot, layoutVariant = "default", slashCommands = [], slashSkills = [], includeDefaultSlashCommands = true, includeDefaultSlashSkills = true, onSlashCommand, execMode, onExecModeChange, planModeDisabled = false, planModeDisabledReason, voiceEnabled = DEFAULT_VOICE_DICTATION_ENABLED, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, providerConnectStatusEnabled, onConnectProvider, draftScope, contextItems = [], onRemoveContextItem, plusMenuMode = "full", interceptBuildRequestsForBuilder = false, onAttachmentError, }) {
+export function TiptapComposer({ placeholder = "Message agent...", disabled = false, focusRef, initialText, initialTextKey, onSubmit, clearOnSubmit = true, onTextChange, actionButton, extraActionButton, attachButton, modeControl, toolbarSlot, layoutVariant = "default", slashCommands = [], slashSkills = [], includeDefaultSlashCommands = true, includeDefaultSlashSkills = true, onSlashCommand, execMode, onExecModeChange, planModeDisabled = false, planModeDisabledReason, voiceEnabled = DEFAULT_VOICE_DICTATION_ENABLED, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, providerConnectStatusEnabled, onConnectProvider, imageModelMenu, draftScope, contextItems = [], onRemoveContextItem, plusMenuMode = "full", interceptBuildRequestsForBuilder = false, onAttachmentError, }) {
     const [popover, setPopover] = useState(null);
     const popoverRef = useRef(null);
     const composerRuntime = useComposerRuntime();
@@ -1352,6 +1374,6 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
                         composerModeRef.current = null;
                         editor?.commands.focus("end");
                     } }) })), hasContextItems && (_jsx("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "context-row", className: "agent-composer-context-row flex flex-wrap gap-1.5 px-2.5 pt-2 pb-0", children: contextItems.map((item) => (_jsxs("span", { className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] font-medium text-foreground", children: [_jsx(IconClipboardList, { className: "h-3 w-3 shrink-0 text-muted-foreground" }), _jsx("span", { className: "min-w-0 truncate", children: item.title }), _jsx("button", { type: "button", onClick: () => onRemoveContextItem?.(item.key), "aria-label": `Remove ${item.title} context`, className: "ml-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground", children: _jsx(IconX, { className: "h-3 w-3" }) })] }, item.key))) })), _jsx("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor-wrap", className: `agent-composer-editor-wrap ${composerMode || hasContextItems ? "px-2 pt-1 pb-1" : "px-2 pt-2 pb-1"}`, children: _jsx(EditorContent, { editor: editor, "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "editor", className: "agent-composer-editor aui-composer flex-1 min-w-0 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:m-0 px-0.5" }) }), voiceEnabled && _jsx(VoiceRecordingOverlay, { voice: voice }), _jsxs("div", { "data-agent-composer-variant": layoutVariant, "data-agent-composer-slot": "toolbar", className: "agent-composer-toolbar flex items-center gap-1 px-2 py-1.5", children: [attachButton ??
-                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] })] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: mentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
+                        (plusMenuMode === "hidden" ? null : (_jsx(ComposerPlusMenu, { onSelectMode: handleSelectMode, mode: plusMenuMode, onAttachmentError: onAttachmentError }))), toolbarSlot ?? modeControl, _jsx("div", { "data-agent-composer-slot": "toolbar-spacer", className: "flex-1" }), selectedModel && availableModels && onModelChange && (_jsx(ModelSelector, { model: selectedModel, effort: selectedEffort, engines: availableModels, onChange: onModelChange, onEffortChange: onEffortChange, providerConnectStatusEnabled: providerConnectStatusEnabled, onConnectProvider: onConnectProvider, imageModel: imageModelMenu })), execMode && onExecModeChange && (_jsx(ModeSelector, { mode: execMode, onChange: onExecModeChange, planModeDisabled: planModeDisabled, planModeDisabledReason: planModeDisabledReason })), actionButton ?? (_jsxs(_Fragment, { children: [extraActionButton, voiceEnabled && (_jsx(VoiceButton, { voice: voice, isMac: isMac, disabled: disabled })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => submitComposer("immediate"), disabled: !canSend, "data-agent-composer-slot": "send-button", className: "agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconArrowUp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Send message" })] })] }))] }), _jsx(MentionPopover, { ref: popoverRef, type: popover?.type ?? "@", position: popover?.position ?? null, mentionItems: mentionItems, skills: filteredSkills, commands: filteredCommands, hint: hint, isLoading: popover?.type === "@" ? mentionsLoading : skillsLoading, query: popover?.query ?? "", onSelectMention: handleSelectMention, onSelectSkill: handleSelectSkill, onSelectCommand: handleSelectCommand, onClose: closePopover })] }));
 }
 //# sourceMappingURL=TiptapComposer.js.map