@agent-native/core 0.15.1 → 0.15.2

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

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

package/dist/client/tools/ToolViewer.js

@@ -1,400 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { agentNativePath } from "../api-path.js";
-import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useNavigate } from "react-router";
-import { IconDots, IconLoader2, IconPencil, IconRefresh, IconTrash, IconX, } from "@tabler/icons-react";
-import { ShareButton } from "../sharing/ShareButton.js";
-import { AgentToggleButton } from "../AgentPanel.js";
-import { NotificationsBell } from "../notifications/NotificationsBell.js";
-import { sendToAgentChat } from "../agent-chat.js";
-import { PromptComposer } from "../composer/PromptComposer.js";
-import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
-import { isAllowedToolPath, sanitizeToolRequestOptions, checkBridgePolicy, } from "./iframe-bridge.js";
-const THEME_CSS_VARS = [
-    "--background",
-    "--foreground",
-    "--card",
-    "--card-foreground",
-    "--popover",
-    "--popover-foreground",
-    "--primary",
-    "--primary-foreground",
-    "--secondary",
-    "--secondary-foreground",
-    "--muted",
-    "--muted-foreground",
-    "--accent",
-    "--accent-foreground",
-    "--destructive",
-    "--destructive-foreground",
-    "--border",
-    "--input",
-    "--ring",
-    "--radius",
-    "--sidebar-background",
-    "--sidebar-foreground",
-    "--sidebar-primary",
-    "--sidebar-primary-foreground",
-    "--sidebar-accent",
-    "--sidebar-accent-foreground",
-    "--sidebar-border",
-    "--sidebar-ring",
-];
-function getParentThemeVars() {
-    const computed = getComputedStyle(document.documentElement);
-    const vars = {};
-    for (const name of THEME_CSS_VARS) {
-        const val = computed.getPropertyValue(name).trim();
-        if (val)
-            vars[name] = val;
-    }
-    return vars;
-}
-function EditToolPopover({ tool }) {
-    const [open, setOpen] = useState(false);
-    // Radix's outside-click detection runs in the parent document, so a click
-    // inside the tool iframe (or any other iframe) never fires it. The browser
-    // does shift focus to the iframe though, which blurs the parent window — we
-    // hook that to close the popover so it behaves like a normal click-outside.
-    useEffect(() => {
-        if (!open)
-            return;
-        const handleBlur = () => {
-            // Defer until after the focus actually lands so document.activeElement
-            // reflects the iframe (or whatever the user clicked on).
-            setTimeout(() => {
-                if (document.activeElement?.tagName === "IFRAME")
-                    setOpen(false);
-            }, 0);
-        };
-        window.addEventListener("blur", handleBlur);
-        return () => window.removeEventListener("blur", handleBlur);
-    }, [open]);
-    const handleSubmit = (text) => {
-        const trimmed = text.trim();
-        if (!trimmed)
-            return;
-        sendToAgentChat({
-            message: trimmed,
-            context: `The user is viewing tool "${tool.name}" (id: ${tool.id}) and wants to edit it.`,
-            submit: true,
-            openSidebar: true,
-        });
-        setOpen(false);
-    };
-    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" }) }) }), _jsxs(PopoverContent, { align: "end", sideOffset: 6, className: "w-[420px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: "Edit tool" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "What would you like to change?", draftScope: `tools:edit:${tool.id}`, onSubmit: handleSubmit })] })] }));
-}
-export function ToolViewer({ toolId }) {
-    const [isDark, setIsDark] = useState(false);
-    const [iframeReady, setIframeReady] = useState(false);
-    const iframeRef = useRef(null);
-    const toolRef = useRef(null);
-    const [isRenaming, setIsRenaming] = useState(false);
-    const [renameValue, setRenameValue] = useState("");
-    const [refreshKey, setRefreshKey] = useState(0);
-    const renameInputRef = useRef(null);
-    const queryClient = useQueryClient();
-    // (audit H4) Role plumbed through from the iframe's render binding. Until
-    // the iframe announces its role we deny non-trivial helper calls — that
-    // way a malicious tool body that races the announcement can't briefly
-    // operate at higher privilege than the viewer's actual role.
-    const bridgeContextRef = useRef({
-        role: "viewer",
-        isAuthor: false,
-    });
-    useEffect(() => {
-        setIsDark(document.documentElement.classList.contains("dark"));
-        const observer = new MutationObserver(() => {
-            setIsDark(document.documentElement.classList.contains("dark"));
-        });
-        observer.observe(document.documentElement, {
-            attributes: true,
-            attributeFilter: ["class"],
-        });
-        return () => observer.disconnect();
-    }, []);
-    const sendThemeToIframe = () => {
-        const win = iframeRef.current?.contentWindow;
-        if (!win)
-            return;
-        win.postMessage({
-            type: "agent-native-theme-update",
-            isDark: document.documentElement.classList.contains("dark"),
-            vars: getParentThemeVars(),
-        }, "*");
-    };
-    useEffect(() => {
-        if (!iframeReady)
-            return;
-        sendThemeToIframe();
-    }, [isDark, iframeReady]);
-    useEffect(() => {
-        const handleMessage = async (event) => {
-            if (event.source !== iframeRef.current?.contentWindow)
-                return;
-            const message = event.data;
-            if (!message)
-                return;
-            if (message.type === "agent-native-tool-binding") {
-                // (audit H4) The iframe announced its render binding. Trust the role
-                // value because the iframe's binding is generated server-side in
-                // tools/routes.ts (resolveAccess), not by user-authored content.
-                const binding = message.binding ?? {};
-                const role = binding.role === "owner" ||
-                    binding.role === "admin" ||
-                    binding.role === "editor" ||
-                    binding.role === "viewer"
-                    ? binding.role
-                    : "viewer";
-                bridgeContextRef.current = {
-                    role,
-                    isAuthor: !!binding.isAuthor,
-                };
-                return;
-            }
-            if (message.type === "agent-native-tool-consent-granted" ||
-                message.type === "agent-native-tool-consent-cancelled") {
-                // (audit C1) The consent stub fired; force a reload of the iframe so
-                // the next render returns the tool body (granted) or stays on the
-                // stub (cancelled — viewer can also navigate away).
-                if (message.type === "agent-native-tool-consent-granted") {
-                    // Invalidate the cached tool record — author may have edited
-                    // since the cache was warmed.
-                    queryClient.invalidateQueries({ queryKey: ["tool", toolId] });
-                    setRefreshKey((k) => k + 1);
-                }
-                return;
-            }
-            if (message.type === "agent-native-tool-keydown") {
-                document.dispatchEvent(new KeyboardEvent("keydown", {
-                    key: message.key,
-                    code: message.code,
-                    metaKey: !!message.metaKey,
-                    ctrlKey: !!message.ctrlKey,
-                    shiftKey: !!message.shiftKey,
-                    altKey: !!message.altKey,
-                    bubbles: true,
-                    cancelable: true,
-                }));
-                return;
-            }
-            if (message.type === "agent-native-tool-error-fix") {
-                const t = toolRef.current;
-                if (!t)
-                    return;
-                const errors = message.errors || [];
-                const errorDetails = message.errorDetails || [];
-                const consoleLogs = message.consoleLogs || [];
-                const networkLogs = message.networkLogs || [];
-                const detailedTrace = errorDetails
-                    .map((e) => (e.stack ? `${e.message}\n${e.stack}` : e.message))
-                    .join("\n\n");
-                const contextParts = [
-                    `The user is viewing tool "${t.name}" (id: ${t.id}) and there are runtime errors that need fixing.`,
-                    `\nFull error details:\n${detailedTrace}`,
-                ];
-                if (consoleLogs.length > 0) {
-                    const consoleStr = consoleLogs
-                        .map((l) => `[${l.level}] ${l.message}`)
-                        .join("\n");
-                    contextParts.push(`\nRecent console output:\n${consoleStr}`);
-                }
-                if (networkLogs.length > 0) {
-                    const netStr = networkLogs
-                        .map((l) => `${l.method} ${l.path} → ${l.ok ? l.status : "FAILED: " + (l.error || l.status)}`)
-                        .join("\n");
-                    contextParts.push(`\nRecent network requests:\n${netStr}`);
-                }
-                sendToAgentChat({
-                    message: `Fix runtime errors in this tool:\n${errors.join("\n")}`,
-                    context: contextParts.join("\n"),
-                    submit: true,
-                    openSidebar: true,
-                });
-                return;
-            }
-            if (message.type !== "agent-native-tool-request")
-                return;
-            const requestId = String(message.requestId ?? "");
-            const path = String(message.path ?? "");
-            const respond = (payload) => {
-                iframeRef.current?.contentWindow?.postMessage({
-                    type: "agent-native-tool-response",
-                    requestId,
-                    ...payload,
-                }, "*");
-            };
-            if (!requestId || !isAllowedToolPath(path, toolId)) {
-                respond({ error: "Tool request path is not allowed" });
-                return;
-            }
-            try {
-                const options = sanitizeToolRequestOptions(message.options);
-                // (audit H4) Role-aware policy gate: viewer-shared tools can read
-                // but not write. Decided here in the parent before the request
-                // leaves; the server enforces a second layer.
-                const policy = checkBridgePolicy(path, options.method ?? "GET", bridgeContextRef.current);
-                if (!policy.ok) {
-                    respond({
-                        response: {
-                            ok: false,
-                            status: 403,
-                            statusText: "Forbidden",
-                            body: { error: policy.error },
-                        },
-                    });
-                    return;
-                }
-                // (audit H5) Tag every outbound bridge request with the
-                // X-Agent-Native-Tool-Bridge sentinel so the action-routes layer can
-                // enforce per-action `toolCallable` opt-in. The header is added by
-                // the parent — it is NOT taken from the iframe-supplied options
-                // (which were filtered by sanitizeToolRequestOptions).
-                const finalHeaders = new Headers(options.headers ?? undefined);
-                finalHeaders.set("X-Agent-Native-Tool-Bridge", "1");
-                finalHeaders.set("X-Agent-Native-Tool-Id", toolId);
-                const res = await fetch(agentNativePath(path), {
-                    ...options,
-                    headers: finalHeaders,
-                    credentials: "same-origin",
-                });
-                const text = await res.text();
-                let body = text;
-                if (text) {
-                    try {
-                        body = JSON.parse(text);
-                    }
-                    catch {
-                        body = text;
-                    }
-                }
-                respond({
-                    response: {
-                        ok: res.ok,
-                        status: res.status,
-                        statusText: res.statusText,
-                        body,
-                    },
-                });
-            }
-            catch (err) {
-                respond({ error: err?.message ?? "Tool host request failed" });
-            }
-        };
-        window.addEventListener("message", handleMessage);
-        return () => window.removeEventListener("message", handleMessage);
-    }, [toolId, queryClient]);
-    const { data: tool, isLoading } = useQuery({
-        queryKey: ["tool", toolId],
-        queryFn: async () => {
-            const res = await fetch(agentNativePath(`/_agent-native/tools/${toolId}`));
-            if (!res.ok)
-                throw new Error("Failed to fetch tool");
-            return res.json();
-        },
-    });
-    toolRef.current = tool ?? null;
-    const iframeSrc = useMemo(() => agentNativePath(`/_agent-native/tools/${toolId}/render?dark=${document.documentElement.classList.contains("dark")}&v=${encodeURIComponent(tool?.updatedAt ?? "")}&r=${refreshKey}`), [toolId, tool?.updatedAt, refreshKey]);
-    useEffect(() => {
-        setIframeReady(false);
-        // Reset role to deny-by-default on every reload — the new render's
-        // binding announcement re-establishes the role before any helper call.
-        bridgeContextRef.current = { role: "viewer", isAuthor: false };
-    }, [toolId, tool?.updatedAt, refreshKey]);
-    const startRename = useCallback(() => {
-        if (!tool)
-            return;
-        setRenameValue(tool.name);
-        setIsRenaming(true);
-        requestAnimationFrame(() => renameInputRef.current?.select());
-    }, [tool]);
-    const submitRename = useCallback(async () => {
-        const trimmed = renameValue.trim();
-        if (!trimmed || !tool || trimmed === tool.name) {
-            setIsRenaming(false);
-            return;
-        }
-        queryClient.setQueryData(["tool", toolId], (old) => old ? { ...old, name: trimmed } : old);
-        queryClient.setQueryData(["tools"], (old) => (old ?? []).map((t) => (t.id === toolId ? { ...t, name: trimmed } : t)));
-        setIsRenaming(false);
-        try {
-            await fetch(agentNativePath(`/_agent-native/tools/${toolId}`), {
-                method: "PUT",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ name: trimmed }),
-            });
-            queryClient.invalidateQueries({ queryKey: ["tool", toolId] });
-            queryClient.invalidateQueries({ queryKey: ["tools"] });
-        }
-        catch {
-            queryClient.invalidateQueries({ queryKey: ["tool", toolId] });
-            queryClient.invalidateQueries({ queryKey: ["tools"] });
-        }
-    }, [renameValue, tool, toolId, queryClient]);
-    if (isLoading) {
-        return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "flex h-12 items-center gap-2 px-3 border-b shrink-0", children: [_jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted animate-pulse" }), _jsx("div", { className: "h-3.5 w-24 rounded bg-muted animate-pulse" })] }), _jsx("div", { className: "flex-1 bg-muted/20 animate-pulse" })] }));
-    }
-    if (!tool) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center text-sm text-muted-foreground", children: "Tool not found" }));
-    }
-    return (_jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsxs("div", { className: "flex h-12 items-center justify-between border-b px-3 shrink-0", children: [_jsx("div", { className: "group/name flex items-center gap-1", children: isRenaming ? (_jsx("input", { ref: renameInputRef, value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: submitRename, onKeyDown: (e) => {
-                                if (e.key === "Enter")
-                                    submitRename();
-                                if (e.key === "Escape")
-                                    setIsRenaming(false);
-                            }, className: "text-sm font-medium bg-transparent border-b border-primary outline-none py-0 px-0" })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-sm font-medium", children: tool.name }), _jsx("button", { type: "button", onClick: startRename, className: "cursor-pointer rounded p-0.5 text-muted-foreground/40 opacity-0 group-hover/name:opacity-100 hover:text-foreground", title: "Rename", children: _jsx(IconPencil, { className: "h-3 w-3" }) })] })) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => setRefreshKey((k) => k + 1), 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: "Refresh", children: _jsx(IconRefresh, { className: "h-4 w-4" }) }), _jsx(EditToolPopover, { tool: tool }), _jsx(ShareButton, { resourceType: "tool", resourceId: toolId, resourceTitle: tool.name }), _jsx(ToolMoreMenu, { toolId: toolId, toolName: tool.name }), _jsx(NotificationsBell, {}), _jsx(AgentToggleButton, { className: "h-8 w-8 rounded-md hover:bg-accent" })] })] }), _jsxs("div", { className: "relative flex-1 min-h-0", children: [!iframeReady && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-background z-10", children: _jsx(IconLoader2, { className: "size-5 animate-spin text-muted-foreground", role: "status", "aria-label": "Loading" }) })), _jsx("iframe", { ref: iframeRef, src: iframeSrc, className: "h-full w-full border-0", sandbox: "allow-scripts allow-forms", title: tool.name, onLoad: () => {
-                            sendThemeToIframe();
-                            setTimeout(() => setIframeReady(true), 150);
-                        } }, `${tool.updatedAt}-${refreshKey}`)] })] }));
-}
-function ToolMoreMenu({ toolId, toolName, }) {
-    const [open, setOpen] = useState(false);
-    const [confirmingDelete, setConfirmingDelete] = useState(false);
-    const queryClient = useQueryClient();
-    const navigate = useNavigate();
-    const { data: slots = [] } = useQuery({
-        queryKey: ["tool-slots", toolId],
-        queryFn: async () => {
-            const res = await fetch(agentNativePath(`/_agent-native/slots/tool/${toolId}`));
-            if (!res.ok)
-                return [];
-            return res.json();
-        },
-        enabled: open,
-    });
-    const closeMenu = () => {
-        setOpen(false);
-        setConfirmingDelete(false);
-    };
-    const removeFromSlot = async (slotId) => {
-        try {
-            await fetch(agentNativePath(`/_agent-native/slots/${encodeURIComponent(slotId)}/install/${encodeURIComponent(toolId)}`), { method: "DELETE" });
-        }
-        finally {
-            queryClient.invalidateQueries({ queryKey: ["slot-installs", slotId] });
-        }
-    };
-    const deleteTool = async () => {
-        closeMenu();
-        try {
-            await fetch(agentNativePath(`/_agent-native/tools/${toolId}`), {
-                method: "DELETE",
-            });
-        }
-        finally {
-            queryClient.invalidateQueries({ queryKey: ["tool", toolId] });
-            queryClient.invalidateQueries({ queryKey: ["tools"] });
-            slots.forEach((s) => queryClient.invalidateQueries({
-                queryKey: ["slot-installs", s.slotId],
-            }));
-            navigate("/tools");
-        }
-    };
-    return (_jsxs(Popover, { open: open, onOpenChange: (o) => {
-            setOpen(o);
-            if (!o)
-                setConfirmingDelete(false);
-        }, 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: "More options", "aria-label": "More options", children: _jsx(IconDots, { className: "h-4 w-4" }) }) }), _jsx(PopoverContent, { align: "end", sideOffset: 4, className: "w-72 p-0", children: !confirmingDelete ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "px-3 py-2 border-b border-border/40", children: [_jsx("p", { className: "text-[12px] font-medium", children: "Appears in" }), slots.length === 0 ? (_jsx("p", { className: "text-[11px] text-muted-foreground/70 mt-0.5", children: "Not installed in any widget areas. Ask the agent to add it somewhere." })) : (_jsxs("p", { className: "text-[11px] text-muted-foreground/70 mt-0.5", children: ["This tool can render in ", slots.length, " widget area", slots.length === 1 ? "" : "s", "."] }))] }), slots.length > 0 && (_jsx("div", { className: "max-h-48 overflow-y-auto py-1", children: slots.map((s) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 text-[12px]", children: [_jsx("span", { className: "flex-1 truncate font-mono text-[11px] text-muted-foreground", children: s.slotId }), _jsx("button", { type: "button", onClick: () => removeFromSlot(s.slotId), className: "rounded p-1 text-muted-foreground/60 hover:bg-accent hover:text-foreground cursor-pointer", title: "Remove from this widget area (for me)", "aria-label": "Remove from this widget area", children: _jsx(IconX, { className: "h-3.5 w-3.5" }) })] }, s.id))) })), _jsx("div", { className: "border-t border-border/40 p-1", children: _jsxs("button", { type: "button", onClick: () => setConfirmingDelete(true), className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-[12px] text-destructive hover:bg-destructive/10 cursor-pointer text-left", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Delete tool\u2026" })] }) })] })) : (_jsxs("div", { className: "flex flex-col gap-2 p-3", children: [_jsxs("p", { className: "text-[12px]", children: ["Delete ", _jsx("span", { className: "font-medium", children: toolName }), "? This removes the tool everywhere, for everyone it's shared with."] }), _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx("button", { type: "button", onClick: () => setConfirmingDelete(false), className: "rounded-md px-2 py-1 text-[12px] hover:bg-accent cursor-pointer", children: "Cancel" }), _jsx("button", { type: "button", onClick: deleteTool, className: "rounded-md bg-destructive px-2 py-1 text-[12px] text-destructive-foreground hover:bg-destructive/90 cursor-pointer", children: "Delete" })] })] })) })] }));
-}
-//# sourceMappingURL=ToolViewer.js.map

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

@@ -1 +0,0 @@
-{"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 { useNavigate } from \"react-router\";\nimport {\n  IconDots,\n  IconLoader2,\n  IconPencil,\n  IconRefresh,\n  IconTrash,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { ShareButton } from \"../sharing/ShareButton.js\";\nimport { AgentToggleButton } from \"../AgentPanel.js\";\nimport { NotificationsBell } from \"../notifications/NotificationsBell.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { PromptComposer } from \"../composer/PromptComposer.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\n  // Radix's outside-click detection runs in the parent document, so a click\n  // inside the tool iframe (or any other iframe) never fires it. The browser\n  // does shift focus to the iframe though, which blurs the parent window — we\n  // hook that to close the popover so it behaves like a normal click-outside.\n  useEffect(() => {\n    if (!open) return;\n    const handleBlur = () => {\n      // Defer until after the focus actually lands so document.activeElement\n      // reflects the iframe (or whatever the user clicked on).\n      setTimeout(() => {\n        if (document.activeElement?.tagName === \"IFRAME\") setOpen(false);\n      }, 0);\n    };\n    window.addEventListener(\"blur\", handleBlur);\n    return () => window.removeEventListener(\"blur\", handleBlur);\n  }, [open]);\n\n  const handleSubmit = (text: string) => {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    sendToAgentChat({\n      message: trimmed,\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    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-[420px] p-3\">\n        <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n          Edit tool\n        </p>\n        <PromptComposer\n          autoFocus\n          placeholder=\"What would you like to change?\"\n          draftScope={`tools:edit:${tool.id}`}\n          onSubmit={handleSubmit}\n        />\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          <ToolMoreMenu toolId={toolId} toolName={tool.name} />\n          <NotificationsBell />\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\ninterface SlotDeclaration {\n  id: string;\n  toolId: string;\n  slotId: string;\n}\n\nfunction ToolMoreMenu({\n  toolId,\n  toolName,\n}: {\n  toolId: string;\n  toolName: string;\n}) {\n  const [open, setOpen] = useState(false);\n  const [confirmingDelete, setConfirmingDelete] = useState(false);\n  const queryClient = useQueryClient();\n  const navigate = useNavigate();\n\n  const { data: slots = [] } = useQuery<SlotDeclaration[]>({\n    queryKey: [\"tool-slots\", toolId],\n    queryFn: async () => {\n      const res = await fetch(\n        agentNativePath(`/_agent-native/slots/tool/${toolId}`),\n      );\n      if (!res.ok) return [];\n      return res.json();\n    },\n    enabled: open,\n  });\n\n  const closeMenu = () => {\n    setOpen(false);\n    setConfirmingDelete(false);\n  };\n\n  const removeFromSlot = async (slotId: string) => {\n    try {\n      await fetch(\n        agentNativePath(\n          `/_agent-native/slots/${encodeURIComponent(slotId)}/install/${encodeURIComponent(toolId)}`,\n        ),\n        { method: \"DELETE\" },\n      );\n    } finally {\n      queryClient.invalidateQueries({ queryKey: [\"slot-installs\", slotId] });\n    }\n  };\n\n  const deleteTool = async () => {\n    closeMenu();\n    try {\n      await fetch(agentNativePath(`/_agent-native/tools/${toolId}`), {\n        method: \"DELETE\",\n      });\n    } finally {\n      queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n      slots.forEach((s) =>\n        queryClient.invalidateQueries({\n          queryKey: [\"slot-installs\", s.slotId],\n        }),\n      );\n      navigate(\"/tools\");\n    }\n  };\n\n  return (\n    <Popover\n      open={open}\n      onOpenChange={(o) => {\n        setOpen(o);\n        if (!o) setConfirmingDelete(false);\n      }}\n    >\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=\"More options\"\n          aria-label=\"More options\"\n        >\n          <IconDots className=\"h-4 w-4\" />\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" sideOffset={4} className=\"w-72 p-0\">\n        {!confirmingDelete ? (\n          <>\n            <div className=\"px-3 py-2 border-b border-border/40\">\n              <p className=\"text-[12px] font-medium\">Appears in</p>\n              {slots.length === 0 ? (\n                <p className=\"text-[11px] text-muted-foreground/70 mt-0.5\">\n                  Not installed in any widget areas. Ask the agent to add it\n                  somewhere.\n                </p>\n              ) : (\n                <p className=\"text-[11px] text-muted-foreground/70 mt-0.5\">\n                  This tool can render in {slots.length} widget area\n                  {slots.length === 1 ? \"\" : \"s\"}.\n                </p>\n              )}\n            </div>\n            {slots.length > 0 && (\n              <div className=\"max-h-48 overflow-y-auto py-1\">\n                {slots.map((s) => (\n                  <div\n                    key={s.id}\n                    className=\"flex items-center gap-2 px-3 py-1.5 text-[12px]\"\n                  >\n                    <span className=\"flex-1 truncate font-mono text-[11px] text-muted-foreground\">\n                      {s.slotId}\n                    </span>\n                    <button\n                      type=\"button\"\n                      onClick={() => removeFromSlot(s.slotId)}\n                      className=\"rounded p-1 text-muted-foreground/60 hover:bg-accent hover:text-foreground cursor-pointer\"\n                      title=\"Remove from this widget area (for me)\"\n                      aria-label=\"Remove from this widget area\"\n                    >\n                      <IconX className=\"h-3.5 w-3.5\" />\n                    </button>\n                  </div>\n                ))}\n              </div>\n            )}\n            <div className=\"border-t border-border/40 p-1\">\n              <button\n                type=\"button\"\n                onClick={() => setConfirmingDelete(true)}\n                className=\"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-[12px] text-destructive hover:bg-destructive/10 cursor-pointer text-left\"\n              >\n                <IconTrash className=\"h-3.5 w-3.5\" />\n                <span>Delete tool…</span>\n              </button>\n            </div>\n          </>\n        ) : (\n          <div className=\"flex flex-col gap-2 p-3\">\n            <p className=\"text-[12px]\">\n              Delete <span className=\"font-medium\">{toolName}</span>? This\n              removes the tool everywhere, for everyone it's shared with.\n            </p>\n            <div className=\"flex justify-end gap-1\">\n              <button\n                type=\"button\"\n                onClick={() => setConfirmingDelete(false)}\n                className=\"rounded-md px-2 py-1 text-[12px] hover:bg-accent cursor-pointer\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={deleteTool}\n                className=\"rounded-md bg-destructive px-2 py-1 text-[12px] text-destructive-foreground hover:bg-destructive/90 cursor-pointer\"\n              >\n                Delete\n              </button>\n            </div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

package/dist/client/tools/ToolViewerPage.d.ts

@@ -1,2 +0,0 @@
-export declare function ToolViewerPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ToolViewerPage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolViewerPage.d.ts","sourceRoot":"","sources":["../../../src/client/tools/ToolViewerPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,4CAiB7B"}

package/dist/client/tools/ToolViewerPage.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { agentNativePath } from "../api-path.js";
-import { useEffect } from "react";
-import { useParams } from "react-router";
-import { ToolViewer } from "./ToolViewer.js";
-import { ToolsListPage } from "./ToolsListPage.js";
-export function ToolViewerPage() {
-    const { id } = useParams();
-    useEffect(() => {
-        fetch(agentNativePath("/_agent-native/application-state/navigation"), {
-            method: "PUT",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ value: { view: "tools", toolId: id } }),
-        }).catch(() => { });
-    }, [id]);
-    if (id === "new") {
-        // No manual editor — tools are created via the agent
-        return _jsx(ToolsListPage, {});
-    }
-    if (!id)
-        return null;
-    return _jsx(ToolViewer, { toolId: id });
-}
-//# sourceMappingURL=ToolViewerPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToolViewerPage.js","sourceRoot":"","sources":["../../../src/client/tools/ToolViewerPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAkB,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,eAAe,CAAC,6CAA6C,CAAC,EAAE;YACpE,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;YAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC;SAC/D,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,IAAI,EAAE,KAAK,KAAK,EAAE,CAAC;QACjB,qDAAqD;QACrD,OAAO,KAAC,aAAa,KAAG,CAAC;IAC3B,CAAC;IACD,IAAI,CAAC,EAAE;QAAE,OAAO,IAAI,CAAC;IACrB,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,EAAE,GAAI,CAAC;AACpC,CAAC","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useEffect } from \"react\";\nimport { useParams } from \"react-router\";\nimport { ToolViewer } from \"./ToolViewer.js\";\nimport { ToolsListPage } from \"./ToolsListPage.js\";\n\nexport function ToolViewerPage() {\n  const { id } = useParams<{ id: string }>();\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\", toolId: id } }),\n    }).catch(() => {});\n  }, [id]);\n\n  if (id === \"new\") {\n    // No manual editor — tools are created via the agent\n    return <ToolsListPage />;\n  }\n  if (!id) return null;\n  return <ToolViewer toolId={id} />;\n}\n"]}

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

@@ -1,2 +0,0 @@
-export declare function ToolsListPage(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ToolsListPage.d.ts.map

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

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

package/dist/client/tools/ToolsListPage.js

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { agentNativePath } from "../api-path.js";
-import { useState, useEffect } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { Link } from "react-router";
-import { IconPlus, IconTool } from "@tabler/icons-react";
-import { cn } from "../utils.js";
-import { AgentToggleButton } from "../AgentPanel.js";
-import { NotificationsBell } from "../notifications/NotificationsBell.js";
-import { sendToAgentChat } from "../agent-chat.js";
-import { PromptComposer } from "../composer/PromptComposer.js";
-import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
-import { TOOLS_ORDER_CHANGE_EVENT, applyToolsOrder, getToolsOrder, } from "./tool-order.js";
-function submitCreateTool(prompt) {
-    const trimmed = prompt.trim();
-    if (!trimmed)
-        return;
-    sendToAgentChat({
-        message: `Create a tool: ${trimmed}`,
-        submit: true,
-        openSidebar: true,
-        newTab: true,
-    });
-}
-function CreateToolInput({ className }) {
-    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(PromptComposer, { autoFocus: true, placeholder: "Describe what you'd like to build... e.g. a todo list, API dashboard, calculator", draftScope: "tools:create", onSubmit: (text) => submitCreateTool(text) })] }));
-}
-export function ToolsListPage() {
-    const [showCreate, setShowCreate] = useState(false);
-    const [toolOrderState, setToolOrderState] = useState(() => typeof window !== "undefined" ? getToolsOrder() : []);
-    useEffect(() => {
-        fetch(agentNativePath("/_agent-native/application-state/navigation"), {
-            method: "PUT",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ value: { view: "tools" } }),
-        }).catch(() => { });
-    }, []);
-    useEffect(() => {
-        if (typeof window === "undefined")
-            return;
-        const syncOrder = () => setToolOrderState(getToolsOrder());
-        window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);
-        window.addEventListener("storage", syncOrder);
-        return () => {
-            window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);
-            window.removeEventListener("storage", syncOrder);
-        };
-    }, []);
-    const { data: tools, isLoading } = useQuery({
-        queryKey: ["tools"],
-        queryFn: async () => {
-            const res = await fetch(agentNativePath("/_agent-native/tools"));
-            if (!res.ok)
-                return [];
-            return res.json();
-        },
-    });
-    const toolList = toolOrderState.length > 0
-        ? applyToolsOrder(tools ?? [], toolOrderState)
-        : (tools ?? []);
-    const handleCreate = (text) => {
-        submitCreateTool(text);
-        setShowCreate(false);
-    };
-    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"] }) }), _jsxs(PopoverContent, { align: "end", sideOffset: 6, className: "w-[420px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: "New tool" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "Describe what you'd like to build...", draftScope: "tools:create-popover", onSubmit: handleCreate })] })] }), _jsx(NotificationsBell, {}), _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