@agent-native/core 0.7.21 → 0.7.22

package/dist/client/settings/VoiceTranscriptionSection.js

@@ -16,8 +16,18 @@ const PREFS_URL = agentNativePath("/_agent-native/application-state/voice-transc
 const SECRETS_URL = agentNativePath("/_agent-native/secrets");
 const PROVIDER_STATUS_URL = agentNativePath("/_agent-native/voice-providers/status");
 const DEFAULT_PROVIDER = "browser";
+function isProvider(value) {
+    return (value === "openai" ||
+        value === "builder-gemini" ||
+        value === "builder" ||
+        value === "browser" ||
+        value === "gemini" ||
+        value === "groq");
+}
 export function VoiceTranscriptionSection() {
     const [provider, setProvider] = useState(null);
+    const [instructions, setInstructions] = useState("");
+    const [hasStoredProvider, setHasStoredProvider] = useState(false);
     const [openAiConfigured, setOpenAiConfigured] = useState(null);
     const [geminiConfigured, setGeminiConfigured] = useState(null);
     const [groqConfigured, setGroqConfigured] = useState(null);
@@ -33,19 +43,29 @@ export function VoiceTranscriptionSection() {
                 return;
             const p = body?.provider ??
                 body?.value?.provider;
-            setProvider(p === "openai" ||
-                p === "builder" ||
-                p === "browser" ||
-                p === "gemini" ||
-                p === "groq"
-                ? p
+            const savedInstructions = body?.instructions ??
+                body?.value?.instructions;
+            setHasStoredProvider(isProvider(p));
+            setProvider(isProvider(p)
+                ? p === "builder"
+                    ? "builder-gemini"
+                    : p
                 : DEFAULT_PROVIDER);
+            if (typeof savedInstructions === "string") {
+                setInstructions(savedInstructions);
+            }
         })
             .catch(() => !cancelled && setProvider(DEFAULT_PROVIDER));
         return () => {
             cancelled = true;
         };
     }, []);
+    useEffect(() => {
+        if (hasStoredProvider || provider === null)
+            return;
+        if (builderStatus?.configured)
+            setProvider("builder-gemini");
+    }, [builderStatus?.configured, hasStoredProvider, provider]);
     useEffect(() => {
         let cancelled = false;
         fetch(PROVIDER_STATUS_URL)
@@ -81,14 +101,17 @@ export function VoiceTranscriptionSection() {
             cancelled = true;
         };
     }, []);
-    const persist = useCallback(async (next, previous) => {
+    const persist = useCallback(async (nextProvider, nextInstructions, previous) => {
         setSaving(true);
         setSaveError(null);
         try {
             const res = await fetch(PREFS_URL, {
                 method: "PUT",
                 headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ provider: next }),
+                body: JSON.stringify({
+                    provider: nextProvider,
+                    instructions: nextInstructions.trim(),
+                }),
             });
             if (!res.ok) {
                 throw new Error(`HTTP ${res.status}`);
@@ -96,7 +119,8 @@ export function VoiceTranscriptionSection() {
         }
         catch (err) {
             // Revert the optimistic update so the UI matches server state.
-            setProvider(previous);
+            setProvider(previous.provider);
+            setInstructions(previous.instructions);
             setSaveError(`Couldn't save: ${err?.message ?? "network error"}. Try again.`);
         }
         finally {
@@ -106,9 +130,16 @@ export function VoiceTranscriptionSection() {
     const choose = (next) => {
         if (next === provider)
             return;
-        const previous = provider;
+        const previous = { provider, instructions };
+        setHasStoredProvider(true);
         setProvider(next);
-        void persist(next, previous);
+        void persist(next, instructions, previous);
+    };
+    const updateInstructions = (next) => {
+        const previous = { provider, instructions };
+        setInstructions(next);
+        if (provider)
+            void persist(provider, next, previous);
     };
     if (provider === null) {
         return (_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [_jsx(IconLoader2, { size: 10, className: "animate-spin" }), "Loading\u2026"] }));
@@ -121,9 +152,9 @@ export function VoiceTranscriptionSection() {
     return (_jsxs("div", { className: "space-y-2", children: [_jsx(ProviderOption, { id: "openai", selected: provider === "openai", onSelect: () => choose("openai"), title: "OpenAI Whisper", subtitle: "Best quality. Requires an OpenAI API key.", rightSlot: openAiConfigured === null ? null : openAiConfigured ? (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Key set"] })) : (_jsxs("button", { type: "button", onClick: (e) => {
                         e.stopPropagation();
                         focusKey("OPENAI_API_KEY");
-                    }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Add key", _jsx(IconExternalLink, { size: 10 })] })) }), _jsx(ProviderOption, { id: "builder", selected: provider === "builder", onSelect: () => choose("builder"), disabled: !builderStatus?.configured, title: "Builder", subtitle: builderStatus?.configured
-                    ? "High-quality transcription via Builder.io. No API key needed."
-                    : "Connect your Builder.io account for high-quality transcription.", rightSlot: builderStatus?.configured ? (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Connected"] })) : (_jsxs("button", { type: "button", onClick: (e) => {
+                    }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Add key", _jsx(IconExternalLink, { size: 10 })] })) }), _jsx(ProviderOption, { id: "builder-gemini", selected: provider === "builder-gemini", onSelect: () => choose("builder-gemini"), disabled: !builderStatus?.configured, title: "Builder.io", subtitle: builderStatus?.configured
+                    ? "Fast Gemini Flash-Lite transcription and cleanup through Builder.io. No Google key needed."
+                    : "Connect Builder.io to use Gemini Flash-Lite without a Google key.", rightSlot: builderStatus?.configured ? (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Connected"] })) : (_jsxs("button", { type: "button", onClick: (e) => {
                         e.stopPropagation();
                         const url = new URL(agentNativePath("/_agent-native/builder/connect"), window.location.origin).href;
                         window.open(url, "_blank", "noopener,noreferrer,width=600,height=700");
@@ -133,7 +164,7 @@ export function VoiceTranscriptionSection() {
                     }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Add key", _jsx(IconExternalLink, { size: 10 })] })) }), _jsx(ProviderOption, { id: "groq", selected: provider === "groq", onSelect: () => choose("groq"), title: "Groq Whisper", subtitle: "Fastest Whisper inference. Requires a Groq API key.", rightSlot: groqConfigured === null ? null : groqConfigured ? (_jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Key set"] })) : (_jsxs("button", { type: "button", onClick: (e) => {
                         e.stopPropagation();
                         focusKey("GROQ_API_KEY");
-                    }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Add key", _jsx(IconExternalLink, { size: 10 })] })) }), _jsx(ProviderOption, { id: "browser", selected: provider === "browser", onSelect: () => choose("browser"), title: "Browser (built-in)", subtitle: "Lower quality, works offline. No key required." }), saving && _jsx("p", { className: "text-[10px] text-muted-foreground", children: "Saving\u2026" }), saveError && !saving && (_jsx("p", { className: "text-[10px] text-red-500", role: "alert", children: saveError }))] }));
+                    }, className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Add key", _jsx(IconExternalLink, { size: 10 })] })) }), _jsx(ProviderOption, { id: "browser", selected: provider === "browser", onSelect: () => choose("browser"), title: "Native browser", subtitle: "Free built-in speech recognition. No key required." }), provider !== "browser" && (_jsxs("div", { className: "rounded-md border border-border bg-accent/20 px-2.5 py-2", children: [_jsx("label", { htmlFor: "voice-transcription-instructions", className: "block text-[10px] font-medium text-foreground", children: "Custom instructions" }), _jsx("textarea", { id: "voice-transcription-instructions", value: instructions, onChange: (event) => updateInstructions(event.target.value), placeholder: "Names, casing, punctuation, style, or terms to preserve.", className: "mt-1 min-h-16 w-full resize-y rounded border border-border bg-background px-2 py-1.5 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent" }), _jsx("p", { className: "mt-1 text-[10px] text-muted-foreground", children: "Included with LLM-based transcription and cleanup." })] })), saving && _jsx("p", { className: "text-[10px] text-muted-foreground", children: "Saving\u2026" }), saveError && !saving && (_jsx("p", { className: "text-[10px] text-red-500", role: "alert", children: saveError }))] }));
 }
 function ProviderOption({ id, selected, disabled, onSelect, title, subtitle, rightSlot, }) {
     const select = () => {

package/dist/client/settings/VoiceTranscriptionSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceTranscriptionSection.js","sourceRoot":"","sources":["../../../src/client/settings/VoiceTranscriptionSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * <VoiceTranscriptionSection /> — provider picker for composer voice input.\n *\n * Writes the selection to application_state under `voice-transcription-prefs`\n * so the composer's `useVoiceDictation` hook picks it up on next record.\n *\n * Provider status comes from `/_agent-native/voice-providers/status`, which\n * mirrors the server transcription route's key/env resolution.\n */\n\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n  IconMicrophone,\n} from \"@tabler/icons-react\";\nimport { useBuilderStatus } from \"./useBuilderStatus.js\";\n\ntype Provider = \"openai\" | \"builder\" | \"browser\" | \"gemini\" | \"groq\";\n\ninterface Prefs {\n  provider: Provider;\n}\n\ninterface SecretStatus {\n  key: string;\n  status: \"set\" | \"unset\" | \"invalid\";\n}\n\ninterface ProviderStatus {\n  builder: boolean;\n  gemini: boolean;\n  openai: boolean;\n  groq: boolean;\n  browser: true;\n}\n\nconst PREFS_URL = agentNativePath(\n  \"/_agent-native/application-state/voice-transcription-prefs\",\n);\nconst SECRETS_URL = agentNativePath(\"/_agent-native/secrets\");\nconst PROVIDER_STATUS_URL = agentNativePath(\n  \"/_agent-native/voice-providers/status\",\n);\nconst DEFAULT_PROVIDER: Provider = \"browser\";\n\nexport function VoiceTranscriptionSection() {\n  const [provider, setProvider] = useState<Provider | null>(null);\n  const [openAiConfigured, setOpenAiConfigured] = useState<boolean | null>(\n    null,\n  );\n  const [geminiConfigured, setGeminiConfigured] = useState<boolean | null>(\n    null,\n  );\n  const [groqConfigured, setGroqConfigured] = useState<boolean | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const { status: builderStatus } = useBuilderStatus();\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(PREFS_URL)\n      .then((r) => (r.ok ? r.json() : null))\n      .then((body: Prefs | { value?: Prefs } | null) => {\n        if (cancelled) return;\n        const p =\n          (body as Prefs | null)?.provider ??\n          (body as { value?: Prefs } | null)?.value?.provider;\n        setProvider(\n          p === \"openai\" ||\n            p === \"builder\" ||\n            p === \"browser\" ||\n            p === \"gemini\" ||\n            p === \"groq\"\n            ? p\n            : DEFAULT_PROVIDER,\n        );\n      })\n      .catch(() => !cancelled && setProvider(DEFAULT_PROVIDER));\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(PROVIDER_STATUS_URL)\n      .then((r) => (r.ok ? r.json() : null))\n      .then((status: ProviderStatus | null) => {\n        if (cancelled) return;\n        if (status) {\n          setOpenAiConfigured(status.openai);\n          setGeminiConfigured(status.gemini);\n          setGroqConfigured(status.groq);\n          return;\n        }\n        return fetch(SECRETS_URL)\n          .then((r) => (r.ok ? r.json() : []))\n          .then((list: SecretStatus[]) => {\n            if (cancelled) return;\n            const find = (key: string) =>\n              Array.isArray(list) ? list.find((s) => s.key === key) : null;\n            setOpenAiConfigured(find(\"OPENAI_API_KEY\")?.status === \"set\");\n            setGeminiConfigured(find(\"GEMINI_API_KEY\")?.status === \"set\");\n            setGroqConfigured(find(\"GROQ_API_KEY\")?.status === \"set\");\n          });\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setOpenAiConfigured(false);\n          setGeminiConfigured(false);\n          setGroqConfigured(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const persist = useCallback(\n    async (next: Provider, previous: Provider | null) => {\n      setSaving(true);\n      setSaveError(null);\n      try {\n        const res = await fetch(PREFS_URL, {\n          method: \"PUT\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ provider: next }),\n        });\n        if (!res.ok) {\n          throw new Error(`HTTP ${res.status}`);\n        }\n      } catch (err) {\n        // Revert the optimistic update so the UI matches server state.\n        setProvider(previous);\n        setSaveError(\n          `Couldn't save: ${(err as Error)?.message ?? \"network error\"}. Try again.`,\n        );\n      } finally {\n        setSaving(false);\n      }\n    },\n    [],\n  );\n\n  const choose = (next: Provider) => {\n    if (next === provider) return;\n    const previous = provider;\n    setProvider(next);\n    void persist(next, previous);\n  };\n\n  if (provider === null) {\n    return (\n      <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n        <IconLoader2 size={10} className=\"animate-spin\" />\n        Loading…\n      </div>\n    );\n  }\n\n  const focusKey = (key: string) => {\n    if (typeof window === \"undefined\") return;\n    window.location.hash = `#secrets:${key}`;\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <ProviderOption\n        id=\"openai\"\n        selected={provider === \"openai\"}\n        onSelect={() => choose(\"openai\")}\n        title=\"OpenAI Whisper\"\n        subtitle=\"Best quality. Requires an OpenAI API key.\"\n        rightSlot={\n          openAiConfigured === null ? null : openAiConfigured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Key set\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                focusKey(\"OPENAI_API_KEY\");\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Add key\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"builder\"\n        selected={provider === \"builder\"}\n        onSelect={() => choose(\"builder\")}\n        disabled={!builderStatus?.configured}\n        title=\"Builder\"\n        subtitle={\n          builderStatus?.configured\n            ? \"High-quality transcription via Builder.io. No API key needed.\"\n            : \"Connect your Builder.io account for high-quality transcription.\"\n        }\n        rightSlot={\n          builderStatus?.configured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Connected\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                const url = new URL(\n                  agentNativePath(\"/_agent-native/builder/connect\"),\n                  window.location.origin,\n                ).href;\n                window.open(\n                  url,\n                  \"_blank\",\n                  \"noopener,noreferrer,width=600,height=700\",\n                );\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Connect Builder.io\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"gemini\"\n        selected={provider === \"gemini\"}\n        onSelect={() => choose(\"gemini\")}\n        title=\"Google Gemini\"\n        subtitle=\"Fast transcription via Gemini Flash Lite. Requires a Gemini API key.\"\n        rightSlot={\n          geminiConfigured === null ? null : geminiConfigured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Key set\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                focusKey(\"GEMINI_API_KEY\");\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Add key\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"groq\"\n        selected={provider === \"groq\"}\n        onSelect={() => choose(\"groq\")}\n        title=\"Groq Whisper\"\n        subtitle=\"Fastest Whisper inference. Requires a Groq API key.\"\n        rightSlot={\n          groqConfigured === null ? null : groqConfigured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Key set\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                focusKey(\"GROQ_API_KEY\");\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Add key\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"browser\"\n        selected={provider === \"browser\"}\n        onSelect={() => choose(\"browser\")}\n        title=\"Browser (built-in)\"\n        subtitle=\"Lower quality, works offline. No key required.\"\n      />\n\n      {saving && <p className=\"text-[10px] text-muted-foreground\">Saving…</p>}\n      {saveError && !saving && (\n        <p className=\"text-[10px] text-red-500\" role=\"alert\">\n          {saveError}\n        </p>\n      )}\n    </div>\n  );\n}\n\ninterface ProviderOptionProps {\n  id: string;\n  selected: boolean;\n  disabled?: boolean;\n  onSelect: () => void;\n  title: string;\n  subtitle?: React.ReactNode;\n  rightSlot?: React.ReactNode;\n}\n\nfunction ProviderOption({\n  id,\n  selected,\n  disabled,\n  onSelect,\n  title,\n  subtitle,\n  rightSlot,\n}: ProviderOptionProps) {\n  const select = () => {\n    if (!disabled) onSelect();\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      onSelect();\n    }\n  };\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onClick={select}\n      onKeyDown={onKeyDown}\n      aria-pressed={selected}\n      aria-disabled={disabled || undefined}\n      className={`w-full text-left rounded-md border px-2.5 py-2 flex items-start gap-2 ${\n        selected\n          ? \"border-[#625DF5] bg-[#625DF5]/10\"\n          : \"border-border bg-accent/30 hover:bg-accent/50\"\n      } ${disabled ? \"opacity-60 cursor-not-allowed\" : \"\"}`}\n    >\n      <span\n        className={`mt-[2px] shrink-0 flex h-3.5 w-3.5 items-center justify-center rounded-full border ${\n          selected\n            ? \"border-[#625DF5] bg-[#625DF5]\"\n            : \"border-muted-foreground/40 bg-background\"\n        }`}\n      >\n        {selected && (\n          <span className=\"h-1.5 w-1.5 rounded-full bg-background\" />\n        )}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-[11px] font-medium text-foreground\">{title}</div>\n          {rightSlot && <div className=\"shrink-0\">{rightSlot}</div>}\n        </div>\n        {subtitle && (\n          <p className=\"text-[10px] text-muted-foreground mt-0.5\">{subtitle}</p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function VoiceTranscriptionIcon() {\n  return <IconMicrophone size={14} />;\n}\n"]}
+{"version":3,"file":"VoiceTranscriptionSection.js","sourceRoot":"","sources":["../../../src/client/settings/VoiceTranscriptionSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * <VoiceTranscriptionSection /> — provider picker for composer voice input.\n *\n * Writes the selection to application_state under `voice-transcription-prefs`\n * so the composer's `useVoiceDictation` hook picks it up on next record.\n *\n * Provider status comes from `/_agent-native/voice-providers/status`, which\n * mirrors the server transcription route's key/env resolution.\n */\n\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n  IconMicrophone,\n} from \"@tabler/icons-react\";\nimport { useBuilderStatus } from \"./useBuilderStatus.js\";\n\ntype Provider =\n  | \"openai\"\n  | \"builder-gemini\"\n  | \"builder\"\n  | \"browser\"\n  | \"gemini\"\n  | \"groq\";\n\ninterface Prefs {\n  provider: Provider;\n  instructions?: string;\n}\n\ninterface SecretStatus {\n  key: string;\n  status: \"set\" | \"unset\" | \"invalid\";\n}\n\ninterface ProviderStatus {\n  builder: boolean;\n  gemini: boolean;\n  openai: boolean;\n  groq: boolean;\n  browser: true;\n}\n\nconst PREFS_URL = agentNativePath(\n  \"/_agent-native/application-state/voice-transcription-prefs\",\n);\nconst SECRETS_URL = agentNativePath(\"/_agent-native/secrets\");\nconst PROVIDER_STATUS_URL = agentNativePath(\n  \"/_agent-native/voice-providers/status\",\n);\nconst DEFAULT_PROVIDER: Provider = \"browser\";\n\nfunction isProvider(value: unknown): value is Provider {\n  return (\n    value === \"openai\" ||\n    value === \"builder-gemini\" ||\n    value === \"builder\" ||\n    value === \"browser\" ||\n    value === \"gemini\" ||\n    value === \"groq\"\n  );\n}\n\nexport function VoiceTranscriptionSection() {\n  const [provider, setProvider] = useState<Provider | null>(null);\n  const [instructions, setInstructions] = useState(\"\");\n  const [hasStoredProvider, setHasStoredProvider] = useState(false);\n  const [openAiConfigured, setOpenAiConfigured] = useState<boolean | null>(\n    null,\n  );\n  const [geminiConfigured, setGeminiConfigured] = useState<boolean | null>(\n    null,\n  );\n  const [groqConfigured, setGroqConfigured] = useState<boolean | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const { status: builderStatus } = useBuilderStatus();\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(PREFS_URL)\n      .then((r) => (r.ok ? r.json() : null))\n      .then((body: Prefs | { value?: Prefs } | null) => {\n        if (cancelled) return;\n        const p =\n          (body as Prefs | null)?.provider ??\n          (body as { value?: Prefs } | null)?.value?.provider;\n        const savedInstructions =\n          (body as Prefs | null)?.instructions ??\n          (body as { value?: Prefs } | null)?.value?.instructions;\n        setHasStoredProvider(isProvider(p));\n        setProvider(\n          isProvider(p)\n            ? p === \"builder\"\n              ? \"builder-gemini\"\n              : p\n            : DEFAULT_PROVIDER,\n        );\n        if (typeof savedInstructions === \"string\") {\n          setInstructions(savedInstructions);\n        }\n      })\n      .catch(() => !cancelled && setProvider(DEFAULT_PROVIDER));\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (hasStoredProvider || provider === null) return;\n    if (builderStatus?.configured) setProvider(\"builder-gemini\");\n  }, [builderStatus?.configured, hasStoredProvider, provider]);\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(PROVIDER_STATUS_URL)\n      .then((r) => (r.ok ? r.json() : null))\n      .then((status: ProviderStatus | null) => {\n        if (cancelled) return;\n        if (status) {\n          setOpenAiConfigured(status.openai);\n          setGeminiConfigured(status.gemini);\n          setGroqConfigured(status.groq);\n          return;\n        }\n        return fetch(SECRETS_URL)\n          .then((r) => (r.ok ? r.json() : []))\n          .then((list: SecretStatus[]) => {\n            if (cancelled) return;\n            const find = (key: string) =>\n              Array.isArray(list) ? list.find((s) => s.key === key) : null;\n            setOpenAiConfigured(find(\"OPENAI_API_KEY\")?.status === \"set\");\n            setGeminiConfigured(find(\"GEMINI_API_KEY\")?.status === \"set\");\n            setGroqConfigured(find(\"GROQ_API_KEY\")?.status === \"set\");\n          });\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setOpenAiConfigured(false);\n          setGeminiConfigured(false);\n          setGroqConfigured(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const persist = useCallback(\n    async (\n      nextProvider: Provider,\n      nextInstructions: string,\n      previous: { provider: Provider | null; instructions: string },\n    ) => {\n      setSaving(true);\n      setSaveError(null);\n      try {\n        const res = await fetch(PREFS_URL, {\n          method: \"PUT\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({\n            provider: nextProvider,\n            instructions: nextInstructions.trim(),\n          }),\n        });\n        if (!res.ok) {\n          throw new Error(`HTTP ${res.status}`);\n        }\n      } catch (err) {\n        // Revert the optimistic update so the UI matches server state.\n        setProvider(previous.provider);\n        setInstructions(previous.instructions);\n        setSaveError(\n          `Couldn't save: ${(err as Error)?.message ?? \"network error\"}. Try again.`,\n        );\n      } finally {\n        setSaving(false);\n      }\n    },\n    [],\n  );\n\n  const choose = (next: Provider) => {\n    if (next === provider) return;\n    const previous = { provider, instructions };\n    setHasStoredProvider(true);\n    setProvider(next);\n    void persist(next, instructions, previous);\n  };\n\n  const updateInstructions = (next: string) => {\n    const previous = { provider, instructions };\n    setInstructions(next);\n    if (provider) void persist(provider, next, previous);\n  };\n\n  if (provider === null) {\n    return (\n      <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n        <IconLoader2 size={10} className=\"animate-spin\" />\n        Loading…\n      </div>\n    );\n  }\n\n  const focusKey = (key: string) => {\n    if (typeof window === \"undefined\") return;\n    window.location.hash = `#secrets:${key}`;\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <ProviderOption\n        id=\"openai\"\n        selected={provider === \"openai\"}\n        onSelect={() => choose(\"openai\")}\n        title=\"OpenAI Whisper\"\n        subtitle=\"Best quality. Requires an OpenAI API key.\"\n        rightSlot={\n          openAiConfigured === null ? null : openAiConfigured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Key set\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                focusKey(\"OPENAI_API_KEY\");\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Add key\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"builder-gemini\"\n        selected={provider === \"builder-gemini\"}\n        onSelect={() => choose(\"builder-gemini\")}\n        disabled={!builderStatus?.configured}\n        title=\"Builder.io\"\n        subtitle={\n          builderStatus?.configured\n            ? \"Fast Gemini Flash-Lite transcription and cleanup through Builder.io. No Google key needed.\"\n            : \"Connect Builder.io to use Gemini Flash-Lite without a Google key.\"\n        }\n        rightSlot={\n          builderStatus?.configured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Connected\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                const url = new URL(\n                  agentNativePath(\"/_agent-native/builder/connect\"),\n                  window.location.origin,\n                ).href;\n                window.open(\n                  url,\n                  \"_blank\",\n                  \"noopener,noreferrer,width=600,height=700\",\n                );\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Connect Builder.io\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"gemini\"\n        selected={provider === \"gemini\"}\n        onSelect={() => choose(\"gemini\")}\n        title=\"Google Gemini\"\n        subtitle=\"Fast transcription via Gemini Flash Lite. Requires a Gemini API key.\"\n        rightSlot={\n          geminiConfigured === null ? null : geminiConfigured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Key set\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                focusKey(\"GEMINI_API_KEY\");\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Add key\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"groq\"\n        selected={provider === \"groq\"}\n        onSelect={() => choose(\"groq\")}\n        title=\"Groq Whisper\"\n        subtitle=\"Fastest Whisper inference. Requires a Groq API key.\"\n        rightSlot={\n          groqConfigured === null ? null : groqConfigured ? (\n            <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n              <IconCheck size={10} />\n              Key set\n            </span>\n          ) : (\n            <button\n              type=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                focusKey(\"GROQ_API_KEY\");\n              }}\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n            >\n              Add key\n              <IconExternalLink size={10} />\n            </button>\n          )\n        }\n      />\n\n      <ProviderOption\n        id=\"browser\"\n        selected={provider === \"browser\"}\n        onSelect={() => choose(\"browser\")}\n        title=\"Native browser\"\n        subtitle=\"Free built-in speech recognition. No key required.\"\n      />\n\n      {provider !== \"browser\" && (\n        <div className=\"rounded-md border border-border bg-accent/20 px-2.5 py-2\">\n          <label\n            htmlFor=\"voice-transcription-instructions\"\n            className=\"block text-[10px] font-medium text-foreground\"\n          >\n            Custom instructions\n          </label>\n          <textarea\n            id=\"voice-transcription-instructions\"\n            value={instructions}\n            onChange={(event) => updateInstructions(event.target.value)}\n            placeholder=\"Names, casing, punctuation, style, or terms to preserve.\"\n            className=\"mt-1 min-h-16 w-full resize-y rounded border border-border bg-background px-2 py-1.5 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n          />\n          <p className=\"mt-1 text-[10px] text-muted-foreground\">\n            Included with LLM-based transcription and cleanup.\n          </p>\n        </div>\n      )}\n\n      {saving && <p className=\"text-[10px] text-muted-foreground\">Saving…</p>}\n      {saveError && !saving && (\n        <p className=\"text-[10px] text-red-500\" role=\"alert\">\n          {saveError}\n        </p>\n      )}\n    </div>\n  );\n}\n\ninterface ProviderOptionProps {\n  id: string;\n  selected: boolean;\n  disabled?: boolean;\n  onSelect: () => void;\n  title: string;\n  subtitle?: React.ReactNode;\n  rightSlot?: React.ReactNode;\n}\n\nfunction ProviderOption({\n  id,\n  selected,\n  disabled,\n  onSelect,\n  title,\n  subtitle,\n  rightSlot,\n}: ProviderOptionProps) {\n  const select = () => {\n    if (!disabled) onSelect();\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      onSelect();\n    }\n  };\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      onClick={select}\n      onKeyDown={onKeyDown}\n      aria-pressed={selected}\n      aria-disabled={disabled || undefined}\n      className={`w-full text-left rounded-md border px-2.5 py-2 flex items-start gap-2 ${\n        selected\n          ? \"border-[#625DF5] bg-[#625DF5]/10\"\n          : \"border-border bg-accent/30 hover:bg-accent/50\"\n      } ${disabled ? \"opacity-60 cursor-not-allowed\" : \"\"}`}\n    >\n      <span\n        className={`mt-[2px] shrink-0 flex h-3.5 w-3.5 items-center justify-center rounded-full border ${\n          selected\n            ? \"border-[#625DF5] bg-[#625DF5]\"\n            : \"border-muted-foreground/40 bg-background\"\n        }`}\n      >\n        {selected && (\n          <span className=\"h-1.5 w-1.5 rounded-full bg-background\" />\n        )}\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-[11px] font-medium text-foreground\">{title}</div>\n          {rightSlot && <div className=\"shrink-0\">{rightSlot}</div>}\n        </div>\n        {subtitle && (\n          <p className=\"text-[10px] text-muted-foreground mt-0.5\">{subtitle}</p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function VoiceTranscriptionIcon() {\n  return <IconMicrophone size={14} />;\n}\n"]}

package/dist/client/tools/ToolViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolViewer.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolViewer.tsx"],"names":[],"mappings":"AAoEA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAoED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,2CA4YrD"}
+{"version":3,"file":"ToolViewer.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolViewer.tsx"],"names":[],"mappings":"AAoEA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAsED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,2CA4YrD"}

package/dist/client/tools/ToolViewer.js

@@ -66,13 +66,13 @@ function EditToolPopover({ tool }) {
     return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer", title: "Edit", children: _jsx(IconPencil, { className: "h-4 w-4" }) }) }), _jsx(PopoverContent, { align: "end", sideOffset: 6, className: "w-80 p-4", children: _jsxs("form", { onSubmit: (e) => {
                         e.preventDefault();
                         handleSubmit();
-                    }, children: [_jsx("textarea", { value: editPrompt, onChange: (e) => setEditPrompt(e.target.value), placeholder: "What would you like to change?", className: "flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y", autoFocus: true, onKeyDown: (e) => {
+                    }, className: "space-y-3", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Edit tool" }), _jsx("textarea", { value: editPrompt, onChange: (e) => setEditPrompt(e.target.value), placeholder: "What would you like to change?", className: "flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y", autoFocus: true, onKeyDown: (e) => {
                                 if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
                                     e.preventDefault();
                                     if (editPrompt.trim())
                                         handleSubmit();
                                 }
-                            } }), _jsxs("div", { className: "flex items-center justify-end gap-2 mt-3", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground/75", children: [/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl", "+Enter"] }), _jsx("button", { type: "submit", disabled: !editPrompt.trim(), className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", children: "Send" })] })] }) })] }));
+                            } }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground/75", children: [/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl", "+Enter to submit"] }), _jsx("button", { type: "submit", disabled: !editPrompt.trim(), className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", children: "Send" })] })] }) })] }));
 }
 export function ToolViewer({ toolId }) {
     const [isDark, setIsDark] = useState(false);

package/dist/client/tools/ToolViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolViewer.js","sourceRoot":"","sources":["../../../src/client/tools/ToolViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useEffect, useRef, useCallback, useMemo } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { IconLoader2, IconPencil, IconRefresh } from \"@tabler/icons-react\";\nimport { ShareButton } from \"../sharing/ShareButton.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  isAllowedToolPath,\n  sanitizeToolRequestOptions,\n  checkBridgePolicy,\n  type ToolBridgeRole,\n} from \"./iframe-bridge.js\";\n\nconst THEME_CSS_VARS = [\n  \"--background\",\n  \"--foreground\",\n  \"--card\",\n  \"--card-foreground\",\n  \"--popover\",\n  \"--popover-foreground\",\n  \"--primary\",\n  \"--primary-foreground\",\n  \"--secondary\",\n  \"--secondary-foreground\",\n  \"--muted\",\n  \"--muted-foreground\",\n  \"--accent\",\n  \"--accent-foreground\",\n  \"--destructive\",\n  \"--destructive-foreground\",\n  \"--border\",\n  \"--input\",\n  \"--ring\",\n  \"--radius\",\n  \"--sidebar-background\",\n  \"--sidebar-foreground\",\n  \"--sidebar-primary\",\n  \"--sidebar-primary-foreground\",\n  \"--sidebar-accent\",\n  \"--sidebar-accent-foreground\",\n  \"--sidebar-border\",\n  \"--sidebar-ring\",\n];\n\nfunction getParentThemeVars(): Record<string, string> {\n  const computed = getComputedStyle(document.documentElement);\n  const vars: Record<string, string> = {};\n  for (const name of THEME_CSS_VARS) {\n    const val = computed.getPropertyValue(name).trim();\n    if (val) vars[name] = val;\n  }\n  return vars;\n}\n\ninterface Tool {\n  id: string;\n  name: string;\n  description?: string;\n  content?: string;\n  updatedAt?: string;\n}\n\nexport interface ToolViewerProps {\n  toolId: string;\n}\n\nfunction EditToolPopover({ tool }: { tool: Tool }) {\n  const [open, setOpen] = useState(false);\n  const [editPrompt, setEditPrompt] = useState(\"\");\n\n  const handleSubmit = () => {\n    if (!editPrompt.trim()) return;\n    sendToAgentChat({\n      message: editPrompt.trim(),\n      context: `The user is viewing tool \"${tool.name}\" (id: ${tool.id}) and wants to edit it.`,\n      submit: true,\n      openSidebar: true,\n    });\n    setEditPrompt(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer\"\n          title=\"Edit\"\n        >\n          <IconPencil className=\"h-4 w-4\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" sideOffset={6} className=\"w-80 p-4\">\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            handleSubmit();\n          }}\n        >\n          <textarea\n            value={editPrompt}\n            onChange={(e) => setEditPrompt(e.target.value)}\n            placeholder=\"What would you like to change?\"\n            className=\"flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y\"\n            autoFocus\n            onKeyDown={(e) => {\n              if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n                e.preventDefault();\n                if (editPrompt.trim()) handleSubmit();\n              }\n            }}\n          />\n          <div className=\"flex items-center justify-end gap-2 mt-3\">\n            <span className=\"text-[11px] text-muted-foreground/75\">\n              {/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}\n              +Enter\n            </span>\n            <button\n              type=\"submit\"\n              disabled={!editPrompt.trim()}\n              className=\"rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer\"\n            >\n              Send\n            </button>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport function ToolViewer({ toolId }: ToolViewerProps) {\n  const [isDark, setIsDark] = useState(false);\n  const [iframeReady, setIframeReady] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement | null>(null);\n  const toolRef = useRef<Tool | null>(null);\n  const [isRenaming, setIsRenaming] = useState(false);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [refreshKey, setRefreshKey] = useState(0);\n  const renameInputRef = useRef<HTMLInputElement | null>(null);\n  const queryClient = useQueryClient();\n  // (audit H4) Role plumbed through from the iframe's render binding. Until\n  // the iframe announces its role we deny non-trivial helper calls — that\n  // way a malicious tool body that races the announcement can't briefly\n  // operate at higher privilege than the viewer's actual role.\n  const bridgeContextRef = useRef<{\n    role: ToolBridgeRole;\n    isAuthor: boolean;\n  }>({\n    role: \"viewer\",\n    isAuthor: false,\n  });\n\n  useEffect(() => {\n    setIsDark(document.documentElement.classList.contains(\"dark\"));\n\n    const observer = new MutationObserver(() => {\n      setIsDark(document.documentElement.classList.contains(\"dark\"));\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  const sendThemeToIframe = () => {\n    const win = iframeRef.current?.contentWindow;\n    if (!win) return;\n    win.postMessage(\n      {\n        type: \"agent-native-theme-update\",\n        isDark: document.documentElement.classList.contains(\"dark\"),\n        vars: getParentThemeVars(),\n      },\n      \"*\",\n    );\n  };\n\n  useEffect(() => {\n    if (!iframeReady) return;\n    sendThemeToIframe();\n  }, [isDark, iframeReady]);\n\n  useEffect(() => {\n    const handleMessage = async (event: MessageEvent) => {\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      const message = event.data;\n      if (!message) return;\n\n      if (message.type === \"agent-native-tool-binding\") {\n        // (audit H4) The iframe announced its render binding. Trust the role\n        // value because the iframe's binding is generated server-side in\n        // tools/routes.ts (resolveAccess), not by user-authored content.\n        const binding = message.binding ?? {};\n        const role: ToolBridgeRole =\n          binding.role === \"owner\" ||\n          binding.role === \"admin\" ||\n          binding.role === \"editor\" ||\n          binding.role === \"viewer\"\n            ? binding.role\n            : \"viewer\";\n        bridgeContextRef.current = {\n          role,\n          isAuthor: !!binding.isAuthor,\n        };\n        return;\n      }\n\n      if (\n        message.type === \"agent-native-tool-consent-granted\" ||\n        message.type === \"agent-native-tool-consent-cancelled\"\n      ) {\n        // (audit C1) The consent stub fired; force a reload of the iframe so\n        // the next render returns the tool body (granted) or stays on the\n        // stub (cancelled — viewer can also navigate away).\n        if (message.type === \"agent-native-tool-consent-granted\") {\n          // Invalidate the cached tool record — author may have edited\n          // since the cache was warmed.\n          queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n          setRefreshKey((k) => k + 1);\n        }\n        return;\n      }\n\n      if (message.type === \"agent-native-tool-keydown\") {\n        document.dispatchEvent(\n          new KeyboardEvent(\"keydown\", {\n            key: message.key,\n            code: message.code,\n            metaKey: !!message.metaKey,\n            ctrlKey: !!message.ctrlKey,\n            shiftKey: !!message.shiftKey,\n            altKey: !!message.altKey,\n            bubbles: true,\n            cancelable: true,\n          }),\n        );\n        return;\n      }\n\n      if (message.type === \"agent-native-tool-error-fix\") {\n        const t = toolRef.current;\n        if (!t) return;\n        const errors: string[] = message.errors || [];\n        const errorDetails: Array<{ message: string; stack: string }> =\n          message.errorDetails || [];\n        const consoleLogs: Array<{ level: string; message: string }> =\n          message.consoleLogs || [];\n        const networkLogs: Array<{\n          path: string;\n          method: string;\n          ok?: boolean;\n          status?: number;\n          error?: string;\n        }> = message.networkLogs || [];\n\n        const detailedTrace = errorDetails\n          .map((e) => (e.stack ? `${e.message}\\n${e.stack}` : e.message))\n          .join(\"\\n\\n\");\n\n        const contextParts = [\n          `The user is viewing tool \"${t.name}\" (id: ${t.id}) and there are runtime errors that need fixing.`,\n          `\\nFull error details:\\n${detailedTrace}`,\n        ];\n\n        if (consoleLogs.length > 0) {\n          const consoleStr = consoleLogs\n            .map((l) => `[${l.level}] ${l.message}`)\n            .join(\"\\n\");\n          contextParts.push(`\\nRecent console output:\\n${consoleStr}`);\n        }\n\n        if (networkLogs.length > 0) {\n          const netStr = networkLogs\n            .map(\n              (l) =>\n                `${l.method} ${l.path} → ${l.ok ? l.status : \"FAILED: \" + (l.error || l.status)}`,\n            )\n            .join(\"\\n\");\n          contextParts.push(`\\nRecent network requests:\\n${netStr}`);\n        }\n\n        sendToAgentChat({\n          message: `Fix runtime errors in this tool:\\n${errors.join(\"\\n\")}`,\n          context: contextParts.join(\"\\n\"),\n          submit: true,\n          openSidebar: true,\n        });\n        return;\n      }\n\n      if (message.type !== \"agent-native-tool-request\") return;\n\n      const requestId = String(message.requestId ?? \"\");\n      const path = String(message.path ?? \"\");\n      const respond = (payload: Record<string, unknown>) => {\n        iframeRef.current?.contentWindow?.postMessage(\n          {\n            type: \"agent-native-tool-response\",\n            requestId,\n            ...payload,\n          },\n          \"*\",\n        );\n      };\n\n      if (!requestId || !isAllowedToolPath(path, toolId)) {\n        respond({ error: \"Tool request path is not allowed\" });\n        return;\n      }\n\n      try {\n        const options = sanitizeToolRequestOptions(message.options);\n        // (audit H4) Role-aware policy gate: viewer-shared tools can read\n        // but not write. Decided here in the parent before the request\n        // leaves; the server enforces a second layer.\n        const policy = checkBridgePolicy(\n          path,\n          options.method ?? \"GET\",\n          bridgeContextRef.current,\n        );\n        if (!policy.ok) {\n          respond({\n            response: {\n              ok: false,\n              status: 403,\n              statusText: \"Forbidden\",\n              body: { error: policy.error },\n            },\n          });\n          return;\n        }\n        // (audit H5) Tag every outbound bridge request with the\n        // X-Agent-Native-Tool-Bridge sentinel so the action-routes layer can\n        // enforce per-action `toolCallable` opt-in. The header is added by\n        // the parent — it is NOT taken from the iframe-supplied options\n        // (which were filtered by sanitizeToolRequestOptions).\n        const finalHeaders = new Headers(options.headers ?? undefined);\n        finalHeaders.set(\"X-Agent-Native-Tool-Bridge\", \"1\");\n        finalHeaders.set(\"X-Agent-Native-Tool-Id\", toolId);\n        const res = await fetch(agentNativePath(path), {\n          ...options,\n          headers: finalHeaders,\n          credentials: \"same-origin\",\n        });\n        const text = await res.text();\n        let body: unknown = text;\n        if (text) {\n          try {\n            body = JSON.parse(text);\n          } catch {\n            body = text;\n          }\n        }\n        respond({\n          response: {\n            ok: res.ok,\n            status: res.status,\n            statusText: res.statusText,\n            body,\n          },\n        });\n      } catch (err: any) {\n        respond({ error: err?.message ?? \"Tool host request failed\" });\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [toolId, queryClient]);\n\n  const { data: tool, isLoading } = useQuery<Tool>({\n    queryKey: [\"tool\", toolId],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(`/_agent-native/tools/${toolId}`),\n      );\n      if (!res.ok) throw new Error(\"Failed to fetch tool\");\n      return res.json();\n    },\n  });\n\n  toolRef.current = tool ?? null;\n\n  const iframeSrc = useMemo(\n    () =>\n      agentNativePath(\n        `/_agent-native/tools/${toolId}/render?dark=${document.documentElement.classList.contains(\"dark\")}&v=${encodeURIComponent(tool?.updatedAt ?? \"\")}&r=${refreshKey}`,\n      ),\n    [toolId, tool?.updatedAt, refreshKey],\n  );\n\n  useEffect(() => {\n    setIframeReady(false);\n    // Reset role to deny-by-default on every reload — the new render's\n    // binding announcement re-establishes the role before any helper call.\n    bridgeContextRef.current = { role: \"viewer\", isAuthor: false };\n  }, [toolId, tool?.updatedAt, refreshKey]);\n\n  const startRename = useCallback(() => {\n    if (!tool) return;\n    setRenameValue(tool.name);\n    setIsRenaming(true);\n    requestAnimationFrame(() => renameInputRef.current?.select());\n  }, [tool]);\n\n  const submitRename = useCallback(async () => {\n    const trimmed = renameValue.trim();\n    if (!trimmed || !tool || trimmed === tool.name) {\n      setIsRenaming(false);\n      return;\n    }\n    queryClient.setQueryData<Tool>([\"tool\", toolId], (old) =>\n      old ? { ...old, name: trimmed } : old,\n    );\n    queryClient.setQueryData<Tool[]>([\"tools\"], (old) =>\n      (old ?? []).map((t) => (t.id === toolId ? { ...t, name: trimmed } : t)),\n    );\n    setIsRenaming(false);\n    try {\n      await fetch(agentNativePath(`/_agent-native/tools/${toolId}`), {\n        method: \"PUT\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ name: trimmed }),\n      });\n      queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n    } catch {\n      queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n    }\n  }, [renameValue, tool, toolId, queryClient]);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full flex-col\">\n        <div className=\"flex h-12 items-center gap-2 px-3 border-b shrink-0\">\n          <div className=\"h-3.5 w-3.5 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3.5 w-24 rounded bg-muted animate-pulse\" />\n        </div>\n        <div className=\"flex-1 bg-muted/20 animate-pulse\" />\n      </div>\n    );\n  }\n\n  if (!tool) {\n    return (\n      <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n        Tool not found\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div className=\"flex h-12 items-center justify-between border-b px-3 shrink-0\">\n        <div className=\"group/name flex items-center gap-1\">\n          {isRenaming ? (\n            <input\n              ref={renameInputRef}\n              value={renameValue}\n              onChange={(e) => setRenameValue(e.target.value)}\n              onBlur={submitRename}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") submitRename();\n                if (e.key === \"Escape\") setIsRenaming(false);\n              }}\n              className=\"text-sm font-medium bg-transparent border-b border-primary outline-none py-0 px-0\"\n            />\n          ) : (\n            <>\n              <span className=\"text-sm font-medium\">{tool.name}</span>\n              <button\n                type=\"button\"\n                onClick={startRename}\n                className=\"cursor-pointer rounded p-0.5 text-muted-foreground/40 opacity-0 group-hover/name:opacity-100 hover:text-foreground\"\n                title=\"Rename\"\n              >\n                <IconPencil className=\"h-3 w-3\" />\n              </button>\n            </>\n          )}\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={() => setRefreshKey((k) => k + 1)}\n            className=\"inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer\"\n            title=\"Refresh\"\n          >\n            <IconRefresh className=\"h-4 w-4\" />\n          </button>\n          <EditToolPopover tool={tool} />\n          <ShareButton\n            resourceType=\"tool\"\n            resourceId={toolId}\n            resourceTitle={tool.name}\n          />\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\n        </div>\n      </div>\n      <div className=\"relative flex-1 min-h-0\">\n        {!iframeReady && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-background z-10\">\n            <IconLoader2\n              className=\"size-5 animate-spin text-muted-foreground\"\n              role=\"status\"\n              aria-label=\"Loading\"\n            />\n          </div>\n        )}\n        <iframe\n          ref={iframeRef}\n          key={`${tool.updatedAt}-${refreshKey}`}\n          src={iframeSrc}\n          className=\"h-full w-full border-0\"\n          sandbox=\"allow-scripts allow-forms\"\n          title={tool.name}\n          onLoad={() => {\n            sendThemeToIframe();\n            setTimeout(() => setIframeReady(true), 150);\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ToolViewer.js","sourceRoot":"","sources":["../../../src/client/tools/ToolViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useEffect, useRef, useCallback, useMemo } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { IconLoader2, IconPencil, IconRefresh } from \"@tabler/icons-react\";\nimport { ShareButton } from \"../sharing/ShareButton.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  isAllowedToolPath,\n  sanitizeToolRequestOptions,\n  checkBridgePolicy,\n  type ToolBridgeRole,\n} from \"./iframe-bridge.js\";\n\nconst THEME_CSS_VARS = [\n  \"--background\",\n  \"--foreground\",\n  \"--card\",\n  \"--card-foreground\",\n  \"--popover\",\n  \"--popover-foreground\",\n  \"--primary\",\n  \"--primary-foreground\",\n  \"--secondary\",\n  \"--secondary-foreground\",\n  \"--muted\",\n  \"--muted-foreground\",\n  \"--accent\",\n  \"--accent-foreground\",\n  \"--destructive\",\n  \"--destructive-foreground\",\n  \"--border\",\n  \"--input\",\n  \"--ring\",\n  \"--radius\",\n  \"--sidebar-background\",\n  \"--sidebar-foreground\",\n  \"--sidebar-primary\",\n  \"--sidebar-primary-foreground\",\n  \"--sidebar-accent\",\n  \"--sidebar-accent-foreground\",\n  \"--sidebar-border\",\n  \"--sidebar-ring\",\n];\n\nfunction getParentThemeVars(): Record<string, string> {\n  const computed = getComputedStyle(document.documentElement);\n  const vars: Record<string, string> = {};\n  for (const name of THEME_CSS_VARS) {\n    const val = computed.getPropertyValue(name).trim();\n    if (val) vars[name] = val;\n  }\n  return vars;\n}\n\ninterface Tool {\n  id: string;\n  name: string;\n  description?: string;\n  content?: string;\n  updatedAt?: string;\n}\n\nexport interface ToolViewerProps {\n  toolId: string;\n}\n\nfunction EditToolPopover({ tool }: { tool: Tool }) {\n  const [open, setOpen] = useState(false);\n  const [editPrompt, setEditPrompt] = useState(\"\");\n\n  const handleSubmit = () => {\n    if (!editPrompt.trim()) return;\n    sendToAgentChat({\n      message: editPrompt.trim(),\n      context: `The user is viewing tool \"${tool.name}\" (id: ${tool.id}) and wants to edit it.`,\n      submit: true,\n      openSidebar: true,\n    });\n    setEditPrompt(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer\"\n          title=\"Edit\"\n        >\n          <IconPencil className=\"h-4 w-4\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" sideOffset={6} className=\"w-80 p-4\">\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            handleSubmit();\n          }}\n          className=\"space-y-3\"\n        >\n          <p className=\"text-sm font-semibold text-foreground\">Edit tool</p>\n          <textarea\n            value={editPrompt}\n            onChange={(e) => setEditPrompt(e.target.value)}\n            placeholder=\"What would you like to change?\"\n            className=\"flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y\"\n            autoFocus\n            onKeyDown={(e) => {\n              if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n                e.preventDefault();\n                if (editPrompt.trim()) handleSubmit();\n              }\n            }}\n          />\n          <div className=\"flex items-center justify-end gap-2\">\n            <span className=\"text-[11px] text-muted-foreground/75\">\n              {/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}\n              +Enter to submit\n            </span>\n            <button\n              type=\"submit\"\n              disabled={!editPrompt.trim()}\n              className=\"rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer\"\n            >\n              Send\n            </button>\n          </div>\n        </form>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport function ToolViewer({ toolId }: ToolViewerProps) {\n  const [isDark, setIsDark] = useState(false);\n  const [iframeReady, setIframeReady] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement | null>(null);\n  const toolRef = useRef<Tool | null>(null);\n  const [isRenaming, setIsRenaming] = useState(false);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [refreshKey, setRefreshKey] = useState(0);\n  const renameInputRef = useRef<HTMLInputElement | null>(null);\n  const queryClient = useQueryClient();\n  // (audit H4) Role plumbed through from the iframe's render binding. Until\n  // the iframe announces its role we deny non-trivial helper calls — that\n  // way a malicious tool body that races the announcement can't briefly\n  // operate at higher privilege than the viewer's actual role.\n  const bridgeContextRef = useRef<{\n    role: ToolBridgeRole;\n    isAuthor: boolean;\n  }>({\n    role: \"viewer\",\n    isAuthor: false,\n  });\n\n  useEffect(() => {\n    setIsDark(document.documentElement.classList.contains(\"dark\"));\n\n    const observer = new MutationObserver(() => {\n      setIsDark(document.documentElement.classList.contains(\"dark\"));\n    });\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  const sendThemeToIframe = () => {\n    const win = iframeRef.current?.contentWindow;\n    if (!win) return;\n    win.postMessage(\n      {\n        type: \"agent-native-theme-update\",\n        isDark: document.documentElement.classList.contains(\"dark\"),\n        vars: getParentThemeVars(),\n      },\n      \"*\",\n    );\n  };\n\n  useEffect(() => {\n    if (!iframeReady) return;\n    sendThemeToIframe();\n  }, [isDark, iframeReady]);\n\n  useEffect(() => {\n    const handleMessage = async (event: MessageEvent) => {\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      const message = event.data;\n      if (!message) return;\n\n      if (message.type === \"agent-native-tool-binding\") {\n        // (audit H4) The iframe announced its render binding. Trust the role\n        // value because the iframe's binding is generated server-side in\n        // tools/routes.ts (resolveAccess), not by user-authored content.\n        const binding = message.binding ?? {};\n        const role: ToolBridgeRole =\n          binding.role === \"owner\" ||\n          binding.role === \"admin\" ||\n          binding.role === \"editor\" ||\n          binding.role === \"viewer\"\n            ? binding.role\n            : \"viewer\";\n        bridgeContextRef.current = {\n          role,\n          isAuthor: !!binding.isAuthor,\n        };\n        return;\n      }\n\n      if (\n        message.type === \"agent-native-tool-consent-granted\" ||\n        message.type === \"agent-native-tool-consent-cancelled\"\n      ) {\n        // (audit C1) The consent stub fired; force a reload of the iframe so\n        // the next render returns the tool body (granted) or stays on the\n        // stub (cancelled — viewer can also navigate away).\n        if (message.type === \"agent-native-tool-consent-granted\") {\n          // Invalidate the cached tool record — author may have edited\n          // since the cache was warmed.\n          queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n          setRefreshKey((k) => k + 1);\n        }\n        return;\n      }\n\n      if (message.type === \"agent-native-tool-keydown\") {\n        document.dispatchEvent(\n          new KeyboardEvent(\"keydown\", {\n            key: message.key,\n            code: message.code,\n            metaKey: !!message.metaKey,\n            ctrlKey: !!message.ctrlKey,\n            shiftKey: !!message.shiftKey,\n            altKey: !!message.altKey,\n            bubbles: true,\n            cancelable: true,\n          }),\n        );\n        return;\n      }\n\n      if (message.type === \"agent-native-tool-error-fix\") {\n        const t = toolRef.current;\n        if (!t) return;\n        const errors: string[] = message.errors || [];\n        const errorDetails: Array<{ message: string; stack: string }> =\n          message.errorDetails || [];\n        const consoleLogs: Array<{ level: string; message: string }> =\n          message.consoleLogs || [];\n        const networkLogs: Array<{\n          path: string;\n          method: string;\n          ok?: boolean;\n          status?: number;\n          error?: string;\n        }> = message.networkLogs || [];\n\n        const detailedTrace = errorDetails\n          .map((e) => (e.stack ? `${e.message}\\n${e.stack}` : e.message))\n          .join(\"\\n\\n\");\n\n        const contextParts = [\n          `The user is viewing tool \"${t.name}\" (id: ${t.id}) and there are runtime errors that need fixing.`,\n          `\\nFull error details:\\n${detailedTrace}`,\n        ];\n\n        if (consoleLogs.length > 0) {\n          const consoleStr = consoleLogs\n            .map((l) => `[${l.level}] ${l.message}`)\n            .join(\"\\n\");\n          contextParts.push(`\\nRecent console output:\\n${consoleStr}`);\n        }\n\n        if (networkLogs.length > 0) {\n          const netStr = networkLogs\n            .map(\n              (l) =>\n                `${l.method} ${l.path} → ${l.ok ? l.status : \"FAILED: \" + (l.error || l.status)}`,\n            )\n            .join(\"\\n\");\n          contextParts.push(`\\nRecent network requests:\\n${netStr}`);\n        }\n\n        sendToAgentChat({\n          message: `Fix runtime errors in this tool:\\n${errors.join(\"\\n\")}`,\n          context: contextParts.join(\"\\n\"),\n          submit: true,\n          openSidebar: true,\n        });\n        return;\n      }\n\n      if (message.type !== \"agent-native-tool-request\") return;\n\n      const requestId = String(message.requestId ?? \"\");\n      const path = String(message.path ?? \"\");\n      const respond = (payload: Record<string, unknown>) => {\n        iframeRef.current?.contentWindow?.postMessage(\n          {\n            type: \"agent-native-tool-response\",\n            requestId,\n            ...payload,\n          },\n          \"*\",\n        );\n      };\n\n      if (!requestId || !isAllowedToolPath(path, toolId)) {\n        respond({ error: \"Tool request path is not allowed\" });\n        return;\n      }\n\n      try {\n        const options = sanitizeToolRequestOptions(message.options);\n        // (audit H4) Role-aware policy gate: viewer-shared tools can read\n        // but not write. Decided here in the parent before the request\n        // leaves; the server enforces a second layer.\n        const policy = checkBridgePolicy(\n          path,\n          options.method ?? \"GET\",\n          bridgeContextRef.current,\n        );\n        if (!policy.ok) {\n          respond({\n            response: {\n              ok: false,\n              status: 403,\n              statusText: \"Forbidden\",\n              body: { error: policy.error },\n            },\n          });\n          return;\n        }\n        // (audit H5) Tag every outbound bridge request with the\n        // X-Agent-Native-Tool-Bridge sentinel so the action-routes layer can\n        // enforce per-action `toolCallable` opt-in. The header is added by\n        // the parent — it is NOT taken from the iframe-supplied options\n        // (which were filtered by sanitizeToolRequestOptions).\n        const finalHeaders = new Headers(options.headers ?? undefined);\n        finalHeaders.set(\"X-Agent-Native-Tool-Bridge\", \"1\");\n        finalHeaders.set(\"X-Agent-Native-Tool-Id\", toolId);\n        const res = await fetch(agentNativePath(path), {\n          ...options,\n          headers: finalHeaders,\n          credentials: \"same-origin\",\n        });\n        const text = await res.text();\n        let body: unknown = text;\n        if (text) {\n          try {\n            body = JSON.parse(text);\n          } catch {\n            body = text;\n          }\n        }\n        respond({\n          response: {\n            ok: res.ok,\n            status: res.status,\n            statusText: res.statusText,\n            body,\n          },\n        });\n      } catch (err: any) {\n        respond({ error: err?.message ?? \"Tool host request failed\" });\n      }\n    };\n\n    window.addEventListener(\"message\", handleMessage);\n    return () => window.removeEventListener(\"message\", handleMessage);\n  }, [toolId, queryClient]);\n\n  const { data: tool, isLoading } = useQuery<Tool>({\n    queryKey: [\"tool\", toolId],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(`/_agent-native/tools/${toolId}`),\n      );\n      if (!res.ok) throw new Error(\"Failed to fetch tool\");\n      return res.json();\n    },\n  });\n\n  toolRef.current = tool ?? null;\n\n  const iframeSrc = useMemo(\n    () =>\n      agentNativePath(\n        `/_agent-native/tools/${toolId}/render?dark=${document.documentElement.classList.contains(\"dark\")}&v=${encodeURIComponent(tool?.updatedAt ?? \"\")}&r=${refreshKey}`,\n      ),\n    [toolId, tool?.updatedAt, refreshKey],\n  );\n\n  useEffect(() => {\n    setIframeReady(false);\n    // Reset role to deny-by-default on every reload — the new render's\n    // binding announcement re-establishes the role before any helper call.\n    bridgeContextRef.current = { role: \"viewer\", isAuthor: false };\n  }, [toolId, tool?.updatedAt, refreshKey]);\n\n  const startRename = useCallback(() => {\n    if (!tool) return;\n    setRenameValue(tool.name);\n    setIsRenaming(true);\n    requestAnimationFrame(() => renameInputRef.current?.select());\n  }, [tool]);\n\n  const submitRename = useCallback(async () => {\n    const trimmed = renameValue.trim();\n    if (!trimmed || !tool || trimmed === tool.name) {\n      setIsRenaming(false);\n      return;\n    }\n    queryClient.setQueryData<Tool>([\"tool\", toolId], (old) =>\n      old ? { ...old, name: trimmed } : old,\n    );\n    queryClient.setQueryData<Tool[]>([\"tools\"], (old) =>\n      (old ?? []).map((t) => (t.id === toolId ? { ...t, name: trimmed } : t)),\n    );\n    setIsRenaming(false);\n    try {\n      await fetch(agentNativePath(`/_agent-native/tools/${toolId}`), {\n        method: \"PUT\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ name: trimmed }),\n      });\n      queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n    } catch {\n      queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n    }\n  }, [renameValue, tool, toolId, queryClient]);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full flex-col\">\n        <div className=\"flex h-12 items-center gap-2 px-3 border-b shrink-0\">\n          <div className=\"h-3.5 w-3.5 rounded bg-muted animate-pulse\" />\n          <div className=\"h-3.5 w-24 rounded bg-muted animate-pulse\" />\n        </div>\n        <div className=\"flex-1 bg-muted/20 animate-pulse\" />\n      </div>\n    );\n  }\n\n  if (!tool) {\n    return (\n      <div className=\"flex h-full items-center justify-center text-sm text-muted-foreground\">\n        Tool not found\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <div className=\"flex h-12 items-center justify-between border-b px-3 shrink-0\">\n        <div className=\"group/name flex items-center gap-1\">\n          {isRenaming ? (\n            <input\n              ref={renameInputRef}\n              value={renameValue}\n              onChange={(e) => setRenameValue(e.target.value)}\n              onBlur={submitRename}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") submitRename();\n                if (e.key === \"Escape\") setIsRenaming(false);\n              }}\n              className=\"text-sm font-medium bg-transparent border-b border-primary outline-none py-0 px-0\"\n            />\n          ) : (\n            <>\n              <span className=\"text-sm font-medium\">{tool.name}</span>\n              <button\n                type=\"button\"\n                onClick={startRename}\n                className=\"cursor-pointer rounded p-0.5 text-muted-foreground/40 opacity-0 group-hover/name:opacity-100 hover:text-foreground\"\n                title=\"Rename\"\n              >\n                <IconPencil className=\"h-3 w-3\" />\n              </button>\n            </>\n          )}\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={() => setRefreshKey((k) => k + 1)}\n            className=\"inline-flex items-center justify-center rounded-md h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground cursor-pointer\"\n            title=\"Refresh\"\n          >\n            <IconRefresh className=\"h-4 w-4\" />\n          </button>\n          <EditToolPopover tool={tool} />\n          <ShareButton\n            resourceType=\"tool\"\n            resourceId={toolId}\n            resourceTitle={tool.name}\n          />\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\n        </div>\n      </div>\n      <div className=\"relative flex-1 min-h-0\">\n        {!iframeReady && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-background z-10\">\n            <IconLoader2\n              className=\"size-5 animate-spin text-muted-foreground\"\n              role=\"status\"\n              aria-label=\"Loading\"\n            />\n          </div>\n        )}\n        <iframe\n          ref={iframeRef}\n          key={`${tool.updatedAt}-${refreshKey}`}\n          src={iframeSrc}\n          className=\"h-full w-full border-0\"\n          sandbox=\"allow-scripts allow-forms\"\n          title={tool.name}\n          onLoad={() => {\n            sendThemeToIframe();\n            setTimeout(() => setIframeReady(true), 150);\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/tools/ToolsListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsListPage.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolsListPage.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,aAAa,4CAiK5B"}
+{"version":3,"file":"ToolsListPage.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolsListPage.tsx"],"names":[],"mappings":"AAuFA,wBAAgB,aAAa,4CAqK5B"}

package/dist/client/tools/ToolsListPage.js

@@ -22,12 +22,12 @@ function CreateToolInput({ className, inputClassName, }) {
         });
         setPrompt("");
     };
-    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsx("textarea", { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Describe what you'd like to build...\ne.g. a todo list, API dashboard, calculator", className: cn("flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y", inputClassName), onKeyDown: (e) => {
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "New tool" }), _jsx("textarea", { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Describe what you'd like to build...\ne.g. a todo list, API dashboard, calculator", className: cn("flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y", inputClassName), onKeyDown: (e) => {
                     if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
                         e.preventDefault();
                         handleCreate();
                     }
-                } }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground/75", children: [/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl", "+Enter"] }), _jsx("button", { type: "button", onClick: handleCreate, disabled: !prompt.trim(), className: cn("rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 cursor-pointer", !prompt.trim() && "opacity-60"), children: "Create" })] })] }));
+                } }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground/75", children: [/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl", "+Enter to submit"] }), _jsx("button", { type: "button", onClick: handleCreate, disabled: !prompt.trim(), className: cn("rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 cursor-pointer", !prompt.trim() && "opacity-60"), children: "Create" })] })] }));
 }
 export function ToolsListPage() {
     const [showCreate, setShowCreate] = useState(false);
@@ -78,11 +78,11 @@ export function ToolsListPage() {
     return (_jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsxs("header", { className: "flex h-12 items-center justify-between border-b px-4 shrink-0", children: [_jsx("h1", { className: "text-sm font-semibold", children: "Tools" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90", children: [_jsx(IconPlus, { className: "h-4 w-4" }), "New Tool"] }) }), _jsx(PopoverContent, { align: "end", sideOffset: 6, className: "w-80 p-4", children: _jsxs("form", { onSubmit: (e) => {
                                                 e.preventDefault();
                                                 handleCreate();
-                                            }, children: [_jsx("textarea", { autoFocus: true, value: createPrompt, onChange: (e) => setCreatePrompt(e.target.value), placeholder: "Describe what you'd like to build...", className: "flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[140px] resize-y", onKeyDown: (e) => {
+                                            }, className: "space-y-3", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "New tool" }), _jsx("textarea", { autoFocus: true, value: createPrompt, onChange: (e) => setCreatePrompt(e.target.value), placeholder: "Describe what you'd like to build...", className: "flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[140px] resize-y", onKeyDown: (e) => {
                                                         if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
                                                             e.preventDefault();
                                                             handleCreate();
                                                         }
-                                                    } }), _jsxs("div", { className: "flex items-center justify-end gap-2 mt-3", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground/75", children: [/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl", "+Enter"] }), _jsx("button", { type: "submit", disabled: !createPrompt.trim(), className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", children: "Create" })] })] }) })] }), _jsx(AgentToggleButton, { className: "h-8 w-8 rounded-md hover:bg-accent" })] })] }), _jsx("div", { className: "flex-1 overflow-auto p-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-lg border border-border bg-card p-5", children: [_jsx("div", { className: "mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 h-4 w-2/3 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-3 w-4/5 rounded bg-muted animate-pulse" })] }, i))) })) : toolList.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-16 text-center", children: [_jsx(IconTool, { className: "h-10 w-10 text-muted-foreground/40" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "No tools yet" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Describe what you'd like to build" })] }), _jsx(CreateToolInput, { className: "w-full max-w-sm" })] })) : (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: toolList.map((tool) => (_jsxs(Link, { to: `/tools/${tool.id}`, className: cn("group cursor-pointer rounded-lg border border-border bg-card p-5", "hover:border-primary/30 hover:shadow-sm"), children: [_jsx("div", { className: "mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary", children: _jsx(IconTool, { className: "h-5 w-5" }) }), _jsx("h3", { className: "mb-1 text-sm font-semibold text-foreground", children: tool.name }), tool.description && (_jsx("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: tool.description }))] }, tool.id))) })) })] }));
+                                                    } }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsxs("span", { className: "text-[11px] text-muted-foreground/75", children: [/Mac|iPhone|iPad/.test(navigator.userAgent) ? "⌘" : "Ctrl", "+Enter to submit"] }), _jsx("button", { type: "submit", disabled: !createPrompt.trim(), className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", children: "Create" })] })] }) })] }), _jsx(AgentToggleButton, { className: "h-8 w-8 rounded-md hover:bg-accent" })] })] }), _jsx("div", { className: "flex-1 overflow-auto p-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-lg border border-border bg-card p-5", children: [_jsx("div", { className: "mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse" }), _jsx("div", { className: "mb-2 h-4 w-2/3 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-3 w-4/5 rounded bg-muted animate-pulse" })] }, i))) })) : toolList.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-16 text-center", children: [_jsx(IconTool, { className: "h-10 w-10 text-muted-foreground/40" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "No tools yet" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Describe what you'd like to build" })] }), _jsx(CreateToolInput, { className: "w-full max-w-sm" })] })) : (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: toolList.map((tool) => (_jsxs(Link, { to: `/tools/${tool.id}`, className: cn("group cursor-pointer rounded-lg border border-border bg-card p-5", "hover:border-primary/30 hover:shadow-sm"), children: [_jsx("div", { className: "mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary", children: _jsx(IconTool, { className: "h-5 w-5" }) }), _jsx("h3", { className: "mb-1 text-sm font-semibold text-foreground", children: tool.name }), tool.description && (_jsx("p", { className: "line-clamp-2 text-xs text-muted-foreground", children: tool.description }))] }, tool.id))) })) })] }));
 }
 //# sourceMappingURL=ToolsListPage.js.map

package/dist/client/tools/ToolsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsListPage.js","sourceRoot":"","sources":["../../../src/client/tools/ToolsListPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useEffect } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Link } from \"react-router\";\nimport { IconPlus, IconTool } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  TOOLS_ORDER_CHANGE_EVENT,\n  applyToolsOrder,\n  getToolsOrder,\n} from \"./tool-order.js\";\n\ninterface Tool {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nfunction CreateToolInput({\n  className,\n  inputClassName,\n}: {\n  className?: string;\n  inputClassName?: string;\n}) {\n  const [prompt, setPrompt] = useState(\"\");\n\n  const handleCreate = () => {\n    if (!prompt.trim()) return;\n    sendToAgentChat({\n      message: `Create a tool: ${prompt.trim()}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setPrompt(\"\");\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      <textarea\n        value={prompt}\n        onChange={(e) => setPrompt(e.target.value)}\n        placeholder={\n          \"Describe what you'd like to build...\\ne.g. a todo list, API dashboard, calculator\"\n        }\n        className={cn(\n          \"flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y\",\n          inputClassName,\n        )}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n            e.preventDefault();\n            handleCreate();\n          }\n        }}\n      />\n      <div className=\"flex items-center justify-end gap-2\">\n        <span className=\"text-[11px] text-muted-foreground/75\">\n          {/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}+Enter\n        </span>\n        <button\n          type=\"button\"\n          onClick={handleCreate}\n          disabled={!prompt.trim()}\n          className={cn(\n            \"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 cursor-pointer\",\n            !prompt.trim() && \"opacity-60\",\n          )}\n        >\n          Create\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport function ToolsListPage() {\n  const [showCreate, setShowCreate] = useState(false);\n  const [createPrompt, setCreatePrompt] = useState(\"\");\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ value: { view: \"tools\" } }),\n    }).catch(() => {});\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const syncOrder = () => setToolOrderState(getToolsOrder());\n    window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n    window.addEventListener(\"storage\", syncOrder);\n    return () => {\n      window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n      window.removeEventListener(\"storage\", syncOrder);\n    };\n  }, []);\n\n  const { data: tools, isLoading } = useQuery<Tool[]>({\n    queryKey: [\"tools\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/tools\"));\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toolList =\n    toolOrderState.length > 0\n      ? applyToolsOrder(tools ?? [], toolOrderState)\n      : (tools ?? []);\n\n  const handleCreate = () => {\n    if (!createPrompt.trim()) return;\n    sendToAgentChat({\n      message: `Create a tool: ${createPrompt.trim()}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setCreatePrompt(\"\");\n    setShowCreate(false);\n  };\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <header className=\"flex h-12 items-center justify-between border-b px-4 shrink-0\">\n        <h1 className=\"text-sm font-semibold\">Tools</h1>\n        <div className=\"flex items-center gap-2\">\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <IconPlus className=\"h-4 w-4\" />\n                New Tool\n              </button>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" sideOffset={6} className=\"w-80 p-4\">\n              <form\n                onSubmit={(e) => {\n                  e.preventDefault();\n                  handleCreate();\n                }}\n              >\n                <textarea\n                  autoFocus\n                  value={createPrompt}\n                  onChange={(e) => setCreatePrompt(e.target.value)}\n                  placeholder=\"Describe what you'd like to build...\"\n                  className=\"flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[140px] resize-y\"\n                  onKeyDown={(e) => {\n                    if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n                      e.preventDefault();\n                      handleCreate();\n                    }\n                  }}\n                />\n                <div className=\"flex items-center justify-end gap-2 mt-3\">\n                  <span className=\"text-[11px] text-muted-foreground/75\">\n                    {/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}\n                    +Enter\n                  </span>\n                  <button\n                    type=\"submit\"\n                    disabled={!createPrompt.trim()}\n                    className=\"rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer\"\n                  >\n                    Create\n                  </button>\n                </div>\n              </form>\n            </PopoverContent>\n          </Popover>\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\n        </div>\n      </header>\n\n      <div className=\"flex-1 overflow-auto p-6\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"rounded-lg border border-border bg-card p-5\"\n              >\n                <div className=\"mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse\" />\n                <div className=\"mb-2 h-4 w-2/3 rounded bg-muted animate-pulse\" />\n                <div className=\"h-3 w-4/5 rounded bg-muted animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : toolList.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center gap-4 py-16 text-center\">\n            <IconTool className=\"h-10 w-10 text-muted-foreground/40\" />\n            <div>\n              <p className=\"text-sm font-medium\">No tools yet</p>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                Describe what you'd like to build\n              </p>\n            </div>\n            <CreateToolInput className=\"w-full max-w-sm\" />\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {toolList.map((tool) => (\n              <Link\n                key={tool.id}\n                to={`/tools/${tool.id}`}\n                className={cn(\n                  \"group cursor-pointer rounded-lg border border-border bg-card p-5\",\n                  \"hover:border-primary/30 hover:shadow-sm\",\n                )}\n              >\n                <div className=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary\">\n                  <IconTool className=\"h-5 w-5\" />\n                </div>\n                <h3 className=\"mb-1 text-sm font-semibold text-foreground\">\n                  {tool.name}\n                </h3>\n                {tool.description && (\n                  <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                    {tool.description}\n                  </p>\n                )}\n              </Link>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ToolsListPage.js","sourceRoot":"","sources":["../../../src/client/tools/ToolsListPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useEffect } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Link } from \"react-router\";\nimport { IconPlus, IconTool } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  TOOLS_ORDER_CHANGE_EVENT,\n  applyToolsOrder,\n  getToolsOrder,\n} from \"./tool-order.js\";\n\ninterface Tool {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nfunction CreateToolInput({\n  className,\n  inputClassName,\n}: {\n  className?: string;\n  inputClassName?: string;\n}) {\n  const [prompt, setPrompt] = useState(\"\");\n\n  const handleCreate = () => {\n    if (!prompt.trim()) return;\n    sendToAgentChat({\n      message: `Create a tool: ${prompt.trim()}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setPrompt(\"\");\n  };\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      <p className=\"text-sm font-semibold text-foreground\">New tool</p>\n      <textarea\n        value={prompt}\n        onChange={(e) => setPrompt(e.target.value)}\n        placeholder={\n          \"Describe what you'd like to build...\\ne.g. a todo list, API dashboard, calculator\"\n        }\n        className={cn(\n          \"flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[100px] resize-y\",\n          inputClassName,\n        )}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n            e.preventDefault();\n            handleCreate();\n          }\n        }}\n      />\n      <div className=\"flex items-center justify-end gap-2\">\n        <span className=\"text-[11px] text-muted-foreground/75\">\n          {/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}+Enter to\n          submit\n        </span>\n        <button\n          type=\"button\"\n          onClick={handleCreate}\n          disabled={!prompt.trim()}\n          className={cn(\n            \"rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 cursor-pointer\",\n            !prompt.trim() && \"opacity-60\",\n          )}\n        >\n          Create\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport function ToolsListPage() {\n  const [showCreate, setShowCreate] = useState(false);\n  const [createPrompt, setCreatePrompt] = useState(\"\");\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ value: { view: \"tools\" } }),\n    }).catch(() => {});\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const syncOrder = () => setToolOrderState(getToolsOrder());\n    window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n    window.addEventListener(\"storage\", syncOrder);\n    return () => {\n      window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n      window.removeEventListener(\"storage\", syncOrder);\n    };\n  }, []);\n\n  const { data: tools, isLoading } = useQuery<Tool[]>({\n    queryKey: [\"tools\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/tools\"));\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toolList =\n    toolOrderState.length > 0\n      ? applyToolsOrder(tools ?? [], toolOrderState)\n      : (tools ?? []);\n\n  const handleCreate = () => {\n    if (!createPrompt.trim()) return;\n    sendToAgentChat({\n      message: `Create a tool: ${createPrompt.trim()}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setCreatePrompt(\"\");\n    setShowCreate(false);\n  };\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <header className=\"flex h-12 items-center justify-between border-b px-4 shrink-0\">\n        <h1 className=\"text-sm font-semibold\">Tools</h1>\n        <div className=\"flex items-center gap-2\">\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <IconPlus className=\"h-4 w-4\" />\n                New Tool\n              </button>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" sideOffset={6} className=\"w-80 p-4\">\n              <form\n                onSubmit={(e) => {\n                  e.preventDefault();\n                  handleCreate();\n                }}\n                className=\"space-y-3\"\n              >\n                <p className=\"text-sm font-semibold text-foreground\">\n                  New tool\n                </p>\n                <textarea\n                  autoFocus\n                  value={createPrompt}\n                  onChange={(e) => setCreatePrompt(e.target.value)}\n                  placeholder=\"Describe what you'd like to build...\"\n                  className=\"flex w-full rounded-md border border-input bg-background px-3 py-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 min-h-[140px] resize-y\"\n                  onKeyDown={(e) => {\n                    if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n                      e.preventDefault();\n                      handleCreate();\n                    }\n                  }}\n                />\n                <div className=\"flex items-center justify-end gap-2\">\n                  <span className=\"text-[11px] text-muted-foreground/75\">\n                    {/Mac|iPhone|iPad/.test(navigator.userAgent) ? \"⌘\" : \"Ctrl\"}\n                    +Enter to submit\n                  </span>\n                  <button\n                    type=\"submit\"\n                    disabled={!createPrompt.trim()}\n                    className=\"rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer\"\n                  >\n                    Create\n                  </button>\n                </div>\n              </form>\n            </PopoverContent>\n          </Popover>\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\n        </div>\n      </header>\n\n      <div className=\"flex-1 overflow-auto p-6\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"rounded-lg border border-border bg-card p-5\"\n              >\n                <div className=\"mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse\" />\n                <div className=\"mb-2 h-4 w-2/3 rounded bg-muted animate-pulse\" />\n                <div className=\"h-3 w-4/5 rounded bg-muted animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : toolList.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center gap-4 py-16 text-center\">\n            <IconTool className=\"h-10 w-10 text-muted-foreground/40\" />\n            <div>\n              <p className=\"text-sm font-medium\">No tools yet</p>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                Describe what you'd like to build\n              </p>\n            </div>\n            <CreateToolInput className=\"w-full max-w-sm\" />\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {toolList.map((tool) => (\n              <Link\n                key={tool.id}\n                to={`/tools/${tool.id}`}\n                className={cn(\n                  \"group cursor-pointer rounded-lg border border-border bg-card p-5\",\n                  \"hover:border-primary/30 hover:shadow-sm\",\n                )}\n              >\n                <div className=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary\">\n                  <IconTool className=\"h-5 w-5\" />\n                </div>\n                <h3 className=\"mb-1 text-sm font-semibold text-foreground\">\n                  {tool.name}\n                </h3>\n                {tool.description && (\n                  <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                    {tool.description}\n                  </p>\n                )}\n              </Link>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/tools/ToolsSidebarSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolsSidebarSection.tsx"],"names":[],"mappings":"AAoDA,wBAAgB,mBAAmB,4CA2ZlC"}
+{"version":3,"file":"ToolsSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolsSidebarSection.tsx"],"names":[],"mappings":"AAoDA,wBAAgB,mBAAmB,4CA6ZlC"}