@agent-native/core 0.7.19 → 0.7.20

package/dist/client/tools/ToolsSidebarSection.js

@@ -3,10 +3,11 @@ import { agentNativePath } from "../api-path.js";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Link, useLocation, useNavigate } from "react-router";
-import { IconTool, IconPlus, IconStar, IconStarFilled, IconTrash, IconDots, IconHelpCircle, IconPencil, } from "@tabler/icons-react";
+import { IconTool, IconPlus, IconStar, IconStarFilled, IconTrash, IconDots, IconHelpCircle, IconPencil, IconGripVertical, } from "@tabler/icons-react";
 import { cn } from "../utils.js";
 import { sendToAgentChat } from "../agent-chat.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
+import { applyToolsOrder, getToolsOrder, setToolsOrder } from "./tool-order.js";
 const FAVORITES_KEY = "tools-favorites";
 function getFavorites() {
     try {
@@ -38,6 +39,9 @@ export function ToolsSidebarSection() {
     const [renameValue, setRenameValue] = useState("");
     const [showCreate, setShowCreate] = useState(false);
     const [createPrompt, setCreatePrompt] = useState("");
+    const [toolOrderState, setToolOrderState] = useState(() => typeof window !== "undefined" ? getToolsOrder() : []);
+    const [draggingId, setDraggingId] = useState(null);
+    const [dragOverId, setDragOverId] = useState(null);
     const { data: tools, isLoading } = useQuery({
         queryKey: ["tools"],
         queryFn: async () => {
@@ -78,6 +82,12 @@ export function ToolsSidebarSection() {
                 saveFavorites(next);
                 return next;
             });
+            setToolOrderState((prev) => {
+                const next = prev.filter((id) => id !== toolId);
+                if (next.length !== prev.length)
+                    setToolsOrder(next);
+                return next;
+            });
             if (location.pathname === `/tools/${toolId}` ||
                 location.pathname === `/tools/${toolId}/edit`) {
                 navigate("/tools");
@@ -130,14 +140,33 @@ export function ToolsSidebarSection() {
     const sortedTools = useMemo(() => {
         if (!tools)
             return [];
-        return [...tools].sort((a, b) => {
+        const defaultSorted = [...tools].sort((a, b) => {
             const aFav = favoriteIds.has(a.id) ? 0 : 1;
             const bFav = favoriteIds.has(b.id) ? 0 : 1;
             if (aFav !== bFav)
                 return aFav - bFav;
             return a.name.localeCompare(b.name);
         });
-    }, [tools, favoriteIds]);
+        return toolOrderState.length > 0
+            ? applyToolsOrder(defaultSorted, toolOrderState)
+            : defaultSorted;
+    }, [tools, favoriteIds, toolOrderState]);
+    const reorderTool = useCallback((activeId, overId) => {
+        if (activeId === overId)
+            return;
+        const ids = sortedTools.map((tool) => tool.id);
+        const oldIndex = ids.indexOf(activeId);
+        const newIndex = ids.indexOf(overId);
+        if (oldIndex === -1 || newIndex === -1)
+            return;
+        const next = [...ids];
+        const [moved] = next.splice(oldIndex, 1);
+        if (!moved)
+            return;
+        next.splice(newIndex, 0, moved);
+        setToolsOrder(next);
+        setToolOrderState(next);
+    }, [sortedTools]);
     const handleCreate = () => {
         if (!createPrompt.trim())
             return;
@@ -163,7 +192,33 @@ export function ToolsSidebarSection() {
                         location.pathname === `/tools/${tool.id}/edit`;
                     const isFav = favoriteIds.has(tool.id);
                     const isRenamingThis = renamingId === tool.id;
-                    return (_jsxs("div", { className: "group/tool relative", children: [_jsx(Link, { to: `/tools/${tool.id}`, className: cn("flex items-center rounded-md px-2 py-1.5 text-xs transition-colors", isActive
+                    const actionsVisible = menuOpenId === tool.id || isRenamingThis;
+                    return (_jsxs("div", { onDragOver: (e) => {
+                            if (!draggingId || draggingId === tool.id)
+                                return;
+                            e.preventDefault();
+                            e.dataTransfer.dropEffect = "move";
+                            setDragOverId(tool.id);
+                        }, onDragLeave: () => {
+                            setDragOverId((current) => current === tool.id ? null : current);
+                        }, onDrop: (e) => {
+                            e.preventDefault();
+                            const activeId = draggingId || e.dataTransfer.getData("text/plain");
+                            setDraggingId(null);
+                            setDragOverId(null);
+                            if (activeId)
+                                reorderTool(activeId, tool.id);
+                        }, className: cn("group/tool relative flex items-center min-w-0 rounded-md", draggingId === tool.id && "opacity-50", dragOverId === tool.id &&
+                            draggingId !== tool.id &&
+                            "bg-accent/60"), children: [_jsx("button", { type: "button", draggable: true, onDragStart: (e) => {
+                                    setDraggingId(tool.id);
+                                    setDragOverId(null);
+                                    e.dataTransfer.effectAllowed = "move";
+                                    e.dataTransfer.setData("text/plain", tool.id);
+                                }, onDragEnd: () => {
+                                    setDraggingId(null);
+                                    setDragOverId(null);
+                                }, className: "-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/tool:opacity-100 group-focus-within/tool:opacity-100", "aria-label": `Reorder ${tool.name}`, title: "Drag to reorder", children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }), _jsx(Link, { to: `/tools/${tool.id}`, className: cn("flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/tool:pr-12 md:group-focus-within/tool:pr-12", actionsVisible && "md:pr-12", isActive
                                     ? "bg-accent text-accent-foreground font-medium"
                                     : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground"), children: isRenamingThis ? (_jsx("input", { autoFocus: true, value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: () => submitRename(tool.id), onKeyDown: (e) => {
                                         if (e.key === "Enter")
@@ -173,17 +228,17 @@ export function ToolsSidebarSection() {
                                     }, onClick: (e) => {
                                         e.preventDefault();
                                         e.stopPropagation();
-                                    }, className: "flex-1 min-w-0 truncate text-xs bg-transparent border-b border-primary outline-none py-0 px-0" })) : (_jsx("span", { className: "truncate", children: tool.name })) }), _jsxs("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                    }, className: "min-w-0 flex-1 truncate border-b border-primary bg-transparent px-0 py-0 text-xs outline-none" })) : (_jsx("span", { className: "block truncate", children: tool.name })) }), _jsxs("div", { className: cn("pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/tool:opacity-100 md:group-focus-within/tool:opacity-100", actionsVisible && "md:opacity-100"), children: [_jsx("button", { type: "button", onClick: (e) => {
                                             e.preventDefault();
                                             e.stopPropagation();
                                             toggleFavorite(tool.id);
-                                        }, className: cn("cursor-pointer rounded p-0.5", isFav
+                                        }, className: cn("pointer-events-auto cursor-pointer rounded p-0.5 transition-colors", isFav
                                             ? "text-yellow-500"
-                                            : "text-muted-foreground/40 opacity-100 hover:text-yellow-500 md:opacity-0 md:group-hover/tool:opacity-100 md:group-focus-within/tool:opacity-100"), "aria-label": isFav ? "Unfavorite" : "Favorite", children: isFav ? (_jsx(IconStarFilled, { className: "h-3 w-3" })) : (_jsx(IconStar, { className: "h-3 w-3" })) }), _jsxs("div", { className: "relative", children: [_jsx("button", { type: "button", onClick: (e) => {
+                                            : "text-muted-foreground/40 hover:text-yellow-500"), "aria-label": isFav ? "Unfavorite" : "Favorite", children: isFav ? (_jsx(IconStarFilled, { className: "h-3 w-3" })) : (_jsx(IconStar, { className: "h-3 w-3" })) }), _jsxs("div", { className: "relative", children: [_jsx("button", { type: "button", onClick: (e) => {
                                                     e.preventDefault();
                                                     e.stopPropagation();
                                                     setMenuOpenId(menuOpenId === tool.id ? null : tool.id);
-                                                }, className: "cursor-pointer rounded p-0.5 text-muted-foreground/40 opacity-100 hover:text-foreground md:opacity-0 md:group-hover/tool:opacity-100 md:group-focus-within/tool:opacity-100", "aria-label": "Tool actions", children: _jsx(IconDots, { className: "h-3 w-3" }) }), menuOpenId === tool.id && (_jsxs("div", { className: "absolute right-0 top-full z-50 mt-1 min-w-[120px] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md", onClick: (e) => e.stopPropagation(), children: [_jsxs("button", { type: "button", onClick: () => startRename(tool), className: "flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent", children: [_jsx(IconPencil, { className: "h-3.5 w-3.5" }), "Rename"] }), _jsxs("button", { type: "button", onClick: () => handleDelete(tool.id), className: "flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-destructive hover:bg-accent", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), "Delete"] })] }))] })] })] }, tool.id));
+                                                }, className: "pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground", "aria-label": "Tool actions", children: _jsx(IconDots, { className: "h-3 w-3" }) }), menuOpenId === tool.id && (_jsxs("div", { className: "absolute right-0 top-full z-50 mt-1 min-w-[120px] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md", onClick: (e) => e.stopPropagation(), children: [_jsxs("button", { type: "button", onClick: () => startRename(tool), className: "flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent", children: [_jsx(IconPencil, { className: "h-3.5 w-3.5" }), "Rename"] }), _jsxs("button", { type: "button", onClick: () => handleDelete(tool.id), className: "flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-destructive hover:bg-accent", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), "Delete"] })] }))] })] })] }, tool.id));
                 }) }))] }));
 }
 //# sourceMappingURL=ToolsSidebarSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolsSidebarSection.js","sourceRoot":"","sources":["../../../src/client/tools/ToolsSidebarSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useCallback, useMemo, useEffect } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link, useLocation, useNavigate } from \"react-router\";\nimport {\n  IconTool,\n  IconPlus,\n  IconStar,\n  IconStarFilled,\n  IconTrash,\n  IconDots,\n  IconHelpCircle,\n  IconPencil,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\n\ninterface Tool {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nconst FAVORITES_KEY = \"tools-favorites\";\n\nfunction getFavorites(): Set<string> {\n  try {\n    const raw = localStorage.getItem(FAVORITES_KEY);\n    if (!raw) return new Set();\n    const parsed = JSON.parse(raw);\n    return new Set(Array.isArray(parsed) ? parsed : []);\n  } catch {\n    return new Set();\n  }\n}\n\nfunction saveFavorites(ids: Set<string>) {\n  try {\n    localStorage.setItem(FAVORITES_KEY, JSON.stringify(Array.from(ids)));\n  } catch {\n    // localStorage unavailable — ignore\n  }\n}\n\nexport function ToolsSidebarSection() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const queryClient = useQueryClient();\n  const [favoriteIds, setFavoriteIds] = useState<Set<string>>(() =>\n    typeof window !== \"undefined\" ? getFavorites() : new Set(),\n  );\n  const [menuOpenId, setMenuOpenId] = useState<string | null>(null);\n  const [renamingId, setRenamingId] = useState<string | null>(null);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [showCreate, setShowCreate] = useState(false);\n  const [createPrompt, setCreatePrompt] = useState(\"\");\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 toggleFavorite = useCallback((id: string) => {\n    setFavoriteIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      saveFavorites(next);\n      return next;\n    });\n  }, []);\n\n  const handleDelete = useCallback(\n    async (toolId: string) => {\n      setMenuOpenId(null);\n      const prev = queryClient.getQueryData<Tool[]>([\"tools\"]);\n      queryClient.setQueryData<Tool[]>([\"tools\"], (old) =>\n        (old ?? []).filter((t) => t.id !== toolId),\n      );\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/tools/${toolId}`),\n          {\n            method: \"DELETE\",\n          },\n        );\n        if (!res.ok) throw new Error(\"Delete failed\");\n        queryClient.removeQueries({ queryKey: [\"tool\", toolId] });\n        queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n        setFavoriteIds((prev) => {\n          const next = new Set(prev);\n          next.delete(toolId);\n          saveFavorites(next);\n          return next;\n        });\n        if (\n          location.pathname === `/tools/${toolId}` ||\n          location.pathname === `/tools/${toolId}/edit`\n        ) {\n          navigate(\"/tools\");\n        }\n      } catch {\n        if (prev) queryClient.setQueryData([\"tools\"], prev);\n      }\n    },\n    [location.pathname, navigate, queryClient],\n  );\n\n  const startRename = useCallback((tool: Tool) => {\n    setMenuOpenId(null);\n    setRenameValue(tool.name);\n    setRenamingId(tool.id);\n  }, []);\n\n  const submitRename = useCallback(\n    async (toolId: string) => {\n      const trimmed = renameValue.trim();\n      setRenamingId(null);\n      if (!trimmed) return;\n      const prev = queryClient.getQueryData<Tool[]>([\"tools\"]);\n      const existing = prev?.find((t) => t.id === toolId);\n      if (!existing || trimmed === existing.name) return;\n      queryClient.setQueryData<Tool[]>([\"tools\"], (old) =>\n        (old ?? []).map((t) => (t.id === toolId ? { ...t, name: trimmed } : t)),\n      );\n      queryClient.setQueryData<Tool>([\"tool\", toolId], (old) =>\n        old ? { ...old, name: trimmed } : old,\n      );\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: [\"tools\"] });\n        queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      } catch {\n        if (prev) queryClient.setQueryData([\"tools\"], prev);\n        queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      }\n    },\n    [renameValue, queryClient],\n  );\n\n  // Close menu on click outside\n  useEffect(() => {\n    if (!menuOpenId) return;\n    const handler = () => setMenuOpenId(null);\n    document.addEventListener(\"click\", handler);\n    return () => document.removeEventListener(\"click\", handler);\n  }, [menuOpenId]);\n\n  const sortedTools = useMemo(() => {\n    if (!tools) return [];\n    return [...tools].sort((a, b) => {\n      const aFav = favoriteIds.has(a.id) ? 0 : 1;\n      const bFav = favoriteIds.has(b.id) ? 0 : 1;\n      if (aFav !== bFav) return aFav - bFav;\n      return a.name.localeCompare(b.name);\n    });\n  }, [tools, favoriteIds]);\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=\"group/help relative py-2\">\n      <div\n        className={cn(\n          \"flex items-center justify-between px-3\",\n          sortedTools.length > 0 && \"mb-1\",\n        )}\n      >\n        <span className=\"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n          <IconTool className=\"h-3.5 w-3.5 shrink-0\" />\n          Tools\n          <a\n            href=\"https://agent-native.com/docs/tools\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"opacity-0 group-hover/help:opacity-100 transition-opacity text-muted-foreground/50 hover:text-muted-foreground\"\n            aria-label=\"Tools documentation\"\n          >\n            <IconHelpCircle className=\"h-3 w-3\" />\n          </a>\n        </span>\n        <Popover open={showCreate} onOpenChange={setShowCreate}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n              aria-label=\"New tool\"\n            >\n              <IconPlus className=\"h-3.5 w-3.5\" />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent side=\"right\" align=\"start\" 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-[100px] 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      </div>\n\n      {isLoading ? (\n        <div className=\"space-y-0.5 px-1\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"flex items-center rounded-md px-2 py-1.5\">\n              <div\n                className=\"h-3 rounded bg-muted animate-pulse\"\n                style={{ width: `${60 + i * 20}px` }}\n              />\n            </div>\n          ))}\n        </div>\n      ) : sortedTools.length === 0 ? null : (\n        <div className=\"space-y-0.5 px-1\">\n          {sortedTools.map((tool) => {\n            const isActive =\n              location.pathname === `/tools/${tool.id}` ||\n              location.pathname === `/tools/${tool.id}/edit`;\n            const isFav = favoriteIds.has(tool.id);\n            const isRenamingThis = renamingId === tool.id;\n\n            return (\n              <div key={tool.id} className=\"group/tool relative\">\n                <Link\n                  to={`/tools/${tool.id}`}\n                  className={cn(\n                    \"flex items-center rounded-md px-2 py-1.5 text-xs transition-colors\",\n                    isActive\n                      ? \"bg-accent text-accent-foreground font-medium\"\n                      : \"text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground\",\n                  )}\n                >\n                  {isRenamingThis ? (\n                    <input\n                      autoFocus\n                      value={renameValue}\n                      onChange={(e) => setRenameValue(e.target.value)}\n                      onBlur={() => submitRename(tool.id)}\n                      onKeyDown={(e) => {\n                        if (e.key === \"Enter\") submitRename(tool.id);\n                        if (e.key === \"Escape\") setRenamingId(null);\n                      }}\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                      }}\n                      className=\"flex-1 min-w-0 truncate text-xs bg-transparent border-b border-primary outline-none py-0 px-0\"\n                    />\n                  ) : (\n                    <span className=\"truncate\">{tool.name}</span>\n                  )}\n                </Link>\n\n                <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5\">\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      toggleFavorite(tool.id);\n                    }}\n                    className={cn(\n                      \"cursor-pointer rounded p-0.5\",\n                      isFav\n                        ? \"text-yellow-500\"\n                        : \"text-muted-foreground/40 opacity-100 hover:text-yellow-500 md:opacity-0 md:group-hover/tool:opacity-100 md:group-focus-within/tool:opacity-100\",\n                    )}\n                    aria-label={isFav ? \"Unfavorite\" : \"Favorite\"}\n                  >\n                    {isFav ? (\n                      <IconStarFilled className=\"h-3 w-3\" />\n                    ) : (\n                      <IconStar className=\"h-3 w-3\" />\n                    )}\n                  </button>\n\n                  <div className=\"relative\">\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        setMenuOpenId(menuOpenId === tool.id ? null : tool.id);\n                      }}\n                      className=\"cursor-pointer rounded p-0.5 text-muted-foreground/40 opacity-100 hover:text-foreground md:opacity-0 md:group-hover/tool:opacity-100 md:group-focus-within/tool:opacity-100\"\n                      aria-label=\"Tool actions\"\n                    >\n                      <IconDots className=\"h-3 w-3\" />\n                    </button>\n\n                    {menuOpenId === tool.id && (\n                      <div\n                        className=\"absolute right-0 top-full z-50 mt-1 min-w-[120px] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <button\n                          type=\"button\"\n                          onClick={() => startRename(tool)}\n                          className=\"flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent\"\n                        >\n                          <IconPencil className=\"h-3.5 w-3.5\" />\n                          Rename\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleDelete(tool.id)}\n                          className=\"flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-destructive hover:bg-accent\"\n                        >\n                          <IconTrash className=\"h-3.5 w-3.5\" />\n                          Delete\n                        </button>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ToolsSidebarSection.js","sourceRoot":"","sources":["../../../src/client/tools/ToolsSidebarSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useCallback, useMemo, useEffect } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link, useLocation, useNavigate } from \"react-router\";\nimport {\n  IconTool,\n  IconPlus,\n  IconStar,\n  IconStarFilled,\n  IconTrash,\n  IconDots,\n  IconHelpCircle,\n  IconPencil,\n  IconGripVertical,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { applyToolsOrder, getToolsOrder, setToolsOrder } from \"./tool-order.js\";\n\ninterface Tool {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nconst FAVORITES_KEY = \"tools-favorites\";\n\nfunction getFavorites(): Set<string> {\n  try {\n    const raw = localStorage.getItem(FAVORITES_KEY);\n    if (!raw) return new Set();\n    const parsed = JSON.parse(raw);\n    return new Set(Array.isArray(parsed) ? parsed : []);\n  } catch {\n    return new Set();\n  }\n}\n\nfunction saveFavorites(ids: Set<string>) {\n  try {\n    localStorage.setItem(FAVORITES_KEY, JSON.stringify(Array.from(ids)));\n  } catch {\n    // localStorage unavailable — ignore\n  }\n}\n\nexport function ToolsSidebarSection() {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const queryClient = useQueryClient();\n  const [favoriteIds, setFavoriteIds] = useState<Set<string>>(() =>\n    typeof window !== \"undefined\" ? getFavorites() : new Set(),\n  );\n  const [menuOpenId, setMenuOpenId] = useState<string | null>(null);\n  const [renamingId, setRenamingId] = useState<string | null>(null);\n  const [renameValue, setRenameValue] = useState(\"\");\n  const [showCreate, setShowCreate] = useState(false);\n  const [createPrompt, setCreatePrompt] = useState(\"\");\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n  const [draggingId, setDraggingId] = useState<string | null>(null);\n  const [dragOverId, setDragOverId] = useState<string | null>(null);\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 toggleFavorite = useCallback((id: string) => {\n    setFavoriteIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      saveFavorites(next);\n      return next;\n    });\n  }, []);\n\n  const handleDelete = useCallback(\n    async (toolId: string) => {\n      setMenuOpenId(null);\n      const prev = queryClient.getQueryData<Tool[]>([\"tools\"]);\n      queryClient.setQueryData<Tool[]>([\"tools\"], (old) =>\n        (old ?? []).filter((t) => t.id !== toolId),\n      );\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/tools/${toolId}`),\n          {\n            method: \"DELETE\",\n          },\n        );\n        if (!res.ok) throw new Error(\"Delete failed\");\n        queryClient.removeQueries({ queryKey: [\"tool\", toolId] });\n        queryClient.invalidateQueries({ queryKey: [\"tools\"] });\n        setFavoriteIds((prev) => {\n          const next = new Set(prev);\n          next.delete(toolId);\n          saveFavorites(next);\n          return next;\n        });\n        setToolOrderState((prev) => {\n          const next = prev.filter((id) => id !== toolId);\n          if (next.length !== prev.length) setToolsOrder(next);\n          return next;\n        });\n        if (\n          location.pathname === `/tools/${toolId}` ||\n          location.pathname === `/tools/${toolId}/edit`\n        ) {\n          navigate(\"/tools\");\n        }\n      } catch {\n        if (prev) queryClient.setQueryData([\"tools\"], prev);\n      }\n    },\n    [location.pathname, navigate, queryClient],\n  );\n\n  const startRename = useCallback((tool: Tool) => {\n    setMenuOpenId(null);\n    setRenameValue(tool.name);\n    setRenamingId(tool.id);\n  }, []);\n\n  const submitRename = useCallback(\n    async (toolId: string) => {\n      const trimmed = renameValue.trim();\n      setRenamingId(null);\n      if (!trimmed) return;\n      const prev = queryClient.getQueryData<Tool[]>([\"tools\"]);\n      const existing = prev?.find((t) => t.id === toolId);\n      if (!existing || trimmed === existing.name) return;\n      queryClient.setQueryData<Tool[]>([\"tools\"], (old) =>\n        (old ?? []).map((t) => (t.id === toolId ? { ...t, name: trimmed } : t)),\n      );\n      queryClient.setQueryData<Tool>([\"tool\", toolId], (old) =>\n        old ? { ...old, name: trimmed } : old,\n      );\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: [\"tools\"] });\n        queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      } catch {\n        if (prev) queryClient.setQueryData([\"tools\"], prev);\n        queryClient.invalidateQueries({ queryKey: [\"tool\", toolId] });\n      }\n    },\n    [renameValue, queryClient],\n  );\n\n  // Close menu on click outside\n  useEffect(() => {\n    if (!menuOpenId) return;\n    const handler = () => setMenuOpenId(null);\n    document.addEventListener(\"click\", handler);\n    return () => document.removeEventListener(\"click\", handler);\n  }, [menuOpenId]);\n\n  const sortedTools = useMemo(() => {\n    if (!tools) return [];\n    const defaultSorted = [...tools].sort((a, b) => {\n      const aFav = favoriteIds.has(a.id) ? 0 : 1;\n      const bFav = favoriteIds.has(b.id) ? 0 : 1;\n      if (aFav !== bFav) return aFav - bFav;\n      return a.name.localeCompare(b.name);\n    });\n    return toolOrderState.length > 0\n      ? applyToolsOrder(defaultSorted, toolOrderState)\n      : defaultSorted;\n  }, [tools, favoriteIds, toolOrderState]);\n\n  const reorderTool = useCallback(\n    (activeId: string, overId: string) => {\n      if (activeId === overId) return;\n      const ids = sortedTools.map((tool) => tool.id);\n      const oldIndex = ids.indexOf(activeId);\n      const newIndex = ids.indexOf(overId);\n      if (oldIndex === -1 || newIndex === -1) return;\n      const next = [...ids];\n      const [moved] = next.splice(oldIndex, 1);\n      if (!moved) return;\n      next.splice(newIndex, 0, moved);\n      setToolsOrder(next);\n      setToolOrderState(next);\n    },\n    [sortedTools],\n  );\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=\"group/help relative py-2\">\n      <div\n        className={cn(\n          \"flex items-center justify-between px-3\",\n          sortedTools.length > 0 && \"mb-1\",\n        )}\n      >\n        <span className=\"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\n          <IconTool className=\"h-3.5 w-3.5 shrink-0\" />\n          Tools\n          <a\n            href=\"https://agent-native.com/docs/tools\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"opacity-0 group-hover/help:opacity-100 transition-opacity text-muted-foreground/50 hover:text-muted-foreground\"\n            aria-label=\"Tools documentation\"\n          >\n            <IconHelpCircle className=\"h-3 w-3\" />\n          </a>\n        </span>\n        <Popover open={showCreate} onOpenChange={setShowCreate}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              className=\"inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n              aria-label=\"New tool\"\n            >\n              <IconPlus className=\"h-3.5 w-3.5\" />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent side=\"right\" align=\"start\" 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-[100px] 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      </div>\n\n      {isLoading ? (\n        <div className=\"space-y-0.5 px-1\">\n          {[1, 2, 3].map((i) => (\n            <div key={i} className=\"flex items-center rounded-md px-2 py-1.5\">\n              <div\n                className=\"h-3 rounded bg-muted animate-pulse\"\n                style={{ width: `${60 + i * 20}px` }}\n              />\n            </div>\n          ))}\n        </div>\n      ) : sortedTools.length === 0 ? null : (\n        <div className=\"space-y-0.5 px-1\">\n          {sortedTools.map((tool) => {\n            const isActive =\n              location.pathname === `/tools/${tool.id}` ||\n              location.pathname === `/tools/${tool.id}/edit`;\n            const isFav = favoriteIds.has(tool.id);\n            const isRenamingThis = renamingId === tool.id;\n            const actionsVisible = menuOpenId === tool.id || isRenamingThis;\n\n            return (\n              <div\n                key={tool.id}\n                onDragOver={(e) => {\n                  if (!draggingId || draggingId === tool.id) return;\n                  e.preventDefault();\n                  e.dataTransfer.dropEffect = \"move\";\n                  setDragOverId(tool.id);\n                }}\n                onDragLeave={() => {\n                  setDragOverId((current) =>\n                    current === tool.id ? null : current,\n                  );\n                }}\n                onDrop={(e) => {\n                  e.preventDefault();\n                  const activeId =\n                    draggingId || e.dataTransfer.getData(\"text/plain\");\n                  setDraggingId(null);\n                  setDragOverId(null);\n                  if (activeId) reorderTool(activeId, tool.id);\n                }}\n                className={cn(\n                  \"group/tool relative flex items-center min-w-0 rounded-md\",\n                  draggingId === tool.id && \"opacity-50\",\n                  dragOverId === tool.id &&\n                    draggingId !== tool.id &&\n                    \"bg-accent/60\",\n                )}\n              >\n                <button\n                  type=\"button\"\n                  draggable\n                  onDragStart={(e) => {\n                    setDraggingId(tool.id);\n                    setDragOverId(null);\n                    e.dataTransfer.effectAllowed = \"move\";\n                    e.dataTransfer.setData(\"text/plain\", tool.id);\n                  }}\n                  onDragEnd={() => {\n                    setDraggingId(null);\n                    setDragOverId(null);\n                  }}\n                  className=\"-ml-2 cursor-grab rounded p-0.5 text-muted-foreground/30 opacity-0 transition-colors hover:text-muted-foreground/70 active:cursor-grabbing group-hover/tool:opacity-100 group-focus-within/tool:opacity-100\"\n                  aria-label={`Reorder ${tool.name}`}\n                  title=\"Drag to reorder\"\n                >\n                  <IconGripVertical className=\"h-3 w-3\" />\n                </button>\n                <Link\n                  to={`/tools/${tool.id}`}\n                  className={cn(\n                    \"flex min-w-0 flex-1 items-center rounded-md px-2 py-1.5 pr-12 text-xs transition-[padding,color,background-color] md:pr-2 md:group-hover/tool:pr-12 md:group-focus-within/tool:pr-12\",\n                    actionsVisible && \"md:pr-12\",\n                    isActive\n                      ? \"bg-accent text-accent-foreground font-medium\"\n                      : \"text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground\",\n                  )}\n                >\n                  {isRenamingThis ? (\n                    <input\n                      autoFocus\n                      value={renameValue}\n                      onChange={(e) => setRenameValue(e.target.value)}\n                      onBlur={() => submitRename(tool.id)}\n                      onKeyDown={(e) => {\n                        if (e.key === \"Enter\") submitRename(tool.id);\n                        if (e.key === \"Escape\") setRenamingId(null);\n                      }}\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                      }}\n                      className=\"min-w-0 flex-1 truncate border-b border-primary bg-transparent px-0 py-0 text-xs outline-none\"\n                    />\n                  ) : (\n                    <span className=\"block truncate\">{tool.name}</span>\n                  )}\n                </Link>\n\n                <div\n                  className={cn(\n                    \"pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5 opacity-100 transition-opacity md:opacity-0 md:group-hover/tool:opacity-100 md:group-focus-within/tool:opacity-100\",\n                    actionsVisible && \"md:opacity-100\",\n                  )}\n                >\n                  <button\n                    type=\"button\"\n                    onClick={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      toggleFavorite(tool.id);\n                    }}\n                    className={cn(\n                      \"pointer-events-auto cursor-pointer rounded p-0.5 transition-colors\",\n                      isFav\n                        ? \"text-yellow-500\"\n                        : \"text-muted-foreground/40 hover:text-yellow-500\",\n                    )}\n                    aria-label={isFav ? \"Unfavorite\" : \"Favorite\"}\n                  >\n                    {isFav ? (\n                      <IconStarFilled className=\"h-3 w-3\" />\n                    ) : (\n                      <IconStar className=\"h-3 w-3\" />\n                    )}\n                  </button>\n\n                  <div className=\"relative\">\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        setMenuOpenId(menuOpenId === tool.id ? null : tool.id);\n                      }}\n                      className=\"pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground\"\n                      aria-label=\"Tool actions\"\n                    >\n                      <IconDots className=\"h-3 w-3\" />\n                    </button>\n\n                    {menuOpenId === tool.id && (\n                      <div\n                        className=\"absolute right-0 top-full z-50 mt-1 min-w-[120px] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md\"\n                        onClick={(e) => e.stopPropagation()}\n                      >\n                        <button\n                          type=\"button\"\n                          onClick={() => startRename(tool)}\n                          className=\"flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent\"\n                        >\n                          <IconPencil className=\"h-3.5 w-3.5\" />\n                          Rename\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleDelete(tool.id)}\n                          className=\"flex w-full cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-destructive hover:bg-accent\"\n                        >\n                          <IconTrash className=\"h-3.5 w-3.5\" />\n                          Delete\n                        </button>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/tools/tool-order.d.ts

@@ -0,0 +1,7 @@
+export declare const TOOLS_ORDER_CHANGE_EVENT = "tools-order-change";
+export declare function getToolsOrder(): string[];
+export declare function setToolsOrder(order: string[]): void;
+export declare function applyToolsOrder<T extends {
+    id: string;
+}>(items: T[], savedOrder: string[]): T[];
+//# sourceMappingURL=tool-order.d.ts.map

package/dist/client/tools/tool-order.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-order.d.ts","sourceRoot":"","sources":["../../../src/client/tools/tool-order.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAI7D,wBAAgB,aAAa,IAAI,MAAM,EAAE,CAYxC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAU5C;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EACtD,KAAK,EAAE,CAAC,EAAE,EACV,UAAU,EAAE,MAAM,EAAE,GACnB,CAAC,EAAE,CAeL"}

package/dist/client/tools/tool-order.js

@@ -0,0 +1,47 @@
+export const TOOLS_ORDER_CHANGE_EVENT = "tools-order-change";
+const TOOLS_ORDER_KEY = "tools-order";
+export function getToolsOrder() {
+    if (typeof window === "undefined")
+        return [];
+    try {
+        const raw = window.localStorage.getItem(TOOLS_ORDER_KEY);
+        if (!raw)
+            return [];
+        const parsed = JSON.parse(raw);
+        return Array.isArray(parsed)
+            ? parsed.filter((id) => typeof id === "string")
+            : [];
+    }
+    catch {
+        return [];
+    }
+}
+export function setToolsOrder(order) {
+    if (typeof window === "undefined")
+        return;
+    try {
+        window.localStorage.setItem(TOOLS_ORDER_KEY, JSON.stringify(order));
+        window.dispatchEvent(new CustomEvent(TOOLS_ORDER_CHANGE_EVENT, { detail: order }));
+    }
+    catch {
+        // localStorage unavailable / quota — ignore, order is best-effort
+    }
+}
+export function applyToolsOrder(items, savedOrder) {
+    if (savedOrder.length === 0)
+        return items;
+    const idToItem = new Map(items.map((item) => [item.id, item]));
+    const ordered = [];
+    for (const id of savedOrder) {
+        const item = idToItem.get(id);
+        if (item) {
+            ordered.push(item);
+            idToItem.delete(id);
+        }
+    }
+    for (const item of idToItem.values()) {
+        ordered.push(item);
+    }
+    return ordered;
+}
+//# sourceMappingURL=tool-order.js.map

package/dist/client/tools/tool-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-order.js","sourceRoot":"","sources":["../../../src/client/tools/tool-order.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAE7D,MAAM,eAAe,GAAG,aAAa,CAAC;AAEtC,MAAM,UAAU,aAAa;IAC3B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,EAAE,CAAC;IAC7C,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACzD,IAAI,CAAC,GAAG;YAAE,OAAO,EAAE,CAAC;QACpB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAC1B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC;YAC/C,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAe;IAC3C,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO;IAC1C,IAAI,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;QACpE,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAC7D,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,kEAAkE;IACpE,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAAU,EACV,UAAoB;IAEpB,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAQ,EAAE,CAAC;IACxB,KAAK,MAAM,EAAE,IAAI,UAAU,EAAE,CAAC;QAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC9B,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["export const TOOLS_ORDER_CHANGE_EVENT = \"tools-order-change\";\n\nconst TOOLS_ORDER_KEY = \"tools-order\";\n\nexport function getToolsOrder(): string[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = window.localStorage.getItem(TOOLS_ORDER_KEY);\n    if (!raw) return [];\n    const parsed = JSON.parse(raw);\n    return Array.isArray(parsed)\n      ? parsed.filter((id) => typeof id === \"string\")\n      : [];\n  } catch {\n    return [];\n  }\n}\n\nexport function setToolsOrder(order: string[]) {\n  if (typeof window === \"undefined\") return;\n  try {\n    window.localStorage.setItem(TOOLS_ORDER_KEY, JSON.stringify(order));\n    window.dispatchEvent(\n      new CustomEvent(TOOLS_ORDER_CHANGE_EVENT, { detail: order }),\n    );\n  } catch {\n    // localStorage unavailable / quota — ignore, order is best-effort\n  }\n}\n\nexport function applyToolsOrder<T extends { id: string }>(\n  items: T[],\n  savedOrder: string[],\n): T[] {\n  if (savedOrder.length === 0) return items;\n  const idToItem = new Map(items.map((item) => [item.id, item]));\n  const ordered: T[] = [];\n  for (const id of savedOrder) {\n    const item = idToItem.get(id);\n    if (item) {\n      ordered.push(item);\n      idToItem.delete(id);\n    }\n  }\n  for (const item of idToItem.values()) {\n    ordered.push(item);\n  }\n  return ordered;\n}\n"]}

package/dist/client/transcription/BuilderTranscriptionCta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderTranscriptionCta.d.ts","sourceRoot":"","sources":["../../../src/client/transcription/BuilderTranscriptionCta.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,wBAAgB,uBAAuB,4CAmBtC"}
+{"version":3,"file":"BuilderTranscriptionCta.d.ts","sourceRoot":"","sources":["../../../src/client/transcription/BuilderTranscriptionCta.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,wBAAgB,uBAAuB,4CAoGtC"}

package/dist/client/transcription/BuilderTranscriptionCta.js

@@ -6,13 +6,78 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Drop this next to transcript displays in any template.
  */
-import { IconArrowUp } from "@tabler/icons-react";
-import { useBuilderStatus } from "../settings/useBuilderStatus.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { IconBolt, IconExternalLink, IconLoader2 } from "@tabler/icons-react";
+import { agentNativePath } from "../api-path.js";
+import { getCallbackOrigin } from "../frame.js";
 export function BuilderTranscriptionCta() {
-    const { status, loading } = useBuilderStatus();
-    // Still loading or already connected — render nothing.
-    if (loading || status?.configured)
+    const [configured, setConfigured] = useState(null);
+    const [connecting, setConnecting] = useState(false);
+    const [error, setError] = useState(null);
+    const pollRef = useRef(null);
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        mountedRef.current = true;
+        fetch(agentNativePath("/_agent-native/builder/status"))
+            .then((r) => r.ok
+            ? r.json()
+            : null)
+            .then((s) => {
+            if (!mountedRef.current)
+                return;
+            // Env-managed mode counts as configured for the CTA — the deploy
+            // already routes transcription through Builder, no per-user prompt.
+            setConfigured(!!(s?.configured || s?.envManaged));
+        })
+            .catch(() => {
+            if (mountedRef.current)
+                setConfigured(false);
+        });
+        return () => {
+            mountedRef.current = false;
+            if (pollRef.current)
+                clearInterval(pollRef.current);
+        };
+    }, []);
+    const handleConnect = useCallback(() => {
+        if (pollRef.current)
+            clearInterval(pollRef.current);
+        setConnecting(true);
+        setError(null);
+        const origin = getCallbackOrigin() || window.location.origin;
+        window.open(new URL(agentNativePath("/_agent-native/builder/connect"), origin).href, "_blank", "noopener,noreferrer");
+        const start = Date.now();
+        pollRef.current = setInterval(async () => {
+            try {
+                const r = await fetch(agentNativePath("/_agent-native/builder/status"));
+                if (!r.ok)
+                    return;
+                const s = (await r.json());
+                if (!mountedRef.current) {
+                    clearInterval(pollRef.current);
+                    return;
+                }
+                if (s.configured) {
+                    clearInterval(pollRef.current);
+                    setConfigured(true);
+                    setConnecting(false);
+                }
+                else if (Date.now() - start > 5 * 60 * 1000) {
+                    clearInterval(pollRef.current);
+                    setConnecting(false);
+                    setError("Didn't hear back from Builder. Allow popups and try again.");
+                }
+            }
+            catch {
+                // transient — keep polling
+            }
+        }, 2000);
+    }, []);
+    // Already connected or still loading — render nothing
+    if (configured === null || configured)
         return null;
-    return (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border/50 bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [_jsx(IconArrowUp, { size: 16, className: "shrink-0 text-muted-foreground/70", "aria-hidden": "true" }), _jsx("span", { children: "Connect Builder.io for higher-quality transcription" }), _jsx("span", { className: "ml-auto shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground/60", children: "Coming soon" })] }));
+    return (_jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border/50 bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: [_jsx(IconBolt, { size: 14, className: "shrink-0 text-muted-foreground/70", "aria-hidden": "true" }), _jsx("span", { className: "flex-1", children: connecting
+                    ? "Waiting for Builder.io…"
+                    : "Connect Builder.io for higher-quality transcription — free, no API key needed." }), error ? (_jsx("span", { className: "text-destructive text-[10px]", children: error })) : connecting ? (_jsx(IconLoader2, { size: 12, className: "shrink-0 animate-spin" })) : (_jsxs("button", { type: "button", onClick: handleConnect, className: "ml-auto shrink-0 inline-flex items-center gap-1 rounded bg-foreground px-2 py-1 text-[10px] font-semibold text-background hover:opacity-90 transition-opacity", children: ["Connect", _jsx(IconExternalLink, { size: 10 })] }))] }));
 }
 //# sourceMappingURL=BuilderTranscriptionCta.js.map

package/dist/client/transcription/BuilderTranscriptionCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderTranscriptionCta.js","sourceRoot":"","sources":["../../../src/client/transcription/BuilderTranscriptionCta.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,MAAM,UAAU,uBAAuB;IACrC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE/C,uDAAuD;IACvD,IAAI,OAAO,IAAI,MAAM,EAAE,UAAU;QAAE,OAAO,IAAI,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,gHAAgH,aAC7H,KAAC,WAAW,IACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,mCAAmC,iBACjC,MAAM,GAClB,EACF,iFAAgE,EAChE,eAAM,SAAS,EAAC,0HAA0H,4BAEnI,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Lightweight inline CTA that nudges users to connect Builder.io for\n * higher-quality transcription. Renders nothing when Builder is already\n * connected.\n *\n * Drop this next to transcript displays in any template.\n */\n\nimport { IconArrowUp } from \"@tabler/icons-react\";\nimport { useBuilderStatus } from \"../settings/useBuilderStatus.js\";\n\nexport function BuilderTranscriptionCta() {\n  const { status, loading } = useBuilderStatus();\n\n  // Still loading or already connected — render nothing.\n  if (loading || status?.configured) return null;\n\n  return (\n    <div className=\"flex items-center gap-2 rounded-md border border-border/50 bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n      <IconArrowUp\n        size={16}\n        className=\"shrink-0 text-muted-foreground/70\"\n        aria-hidden=\"true\"\n      />\n      <span>Connect Builder.io for higher-quality transcription</span>\n      <span className=\"ml-auto shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground/60\">\n        Coming soon\n      </span>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"BuilderTranscriptionCta.js","sourceRoot":"","sources":["../../../src/client/transcription/BuilderTranscriptionCta.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Lightweight inline CTA that nudges users to connect Builder.io for\n * higher-quality transcription. Renders nothing when Builder is already\n * connected.\n *\n * Drop this next to transcript displays in any template.\n */\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconBolt, IconExternalLink, IconLoader2 } from \"@tabler/icons-react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport { getCallbackOrigin } from \"../frame.js\";\n\nexport function BuilderTranscriptionCta() {\n  const [configured, setConfigured] = useState<boolean | null>(null);\n  const [connecting, setConnecting] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const mountedRef = useRef(true);\n\n  useEffect(() => {\n    mountedRef.current = true;\n    fetch(agentNativePath(\"/_agent-native/builder/status\"))\n      .then((r) =>\n        r.ok\n          ? (r.json() as Promise<{ configured: boolean; envManaged?: boolean }>)\n          : null,\n      )\n      .then((s) => {\n        if (!mountedRef.current) return;\n        // Env-managed mode counts as configured for the CTA — the deploy\n        // already routes transcription through Builder, no per-user prompt.\n        setConfigured(!!(s?.configured || s?.envManaged));\n      })\n      .catch(() => {\n        if (mountedRef.current) setConfigured(false);\n      });\n    return () => {\n      mountedRef.current = false;\n      if (pollRef.current) clearInterval(pollRef.current);\n    };\n  }, []);\n\n  const handleConnect = useCallback(() => {\n    if (pollRef.current) clearInterval(pollRef.current);\n    setConnecting(true);\n    setError(null);\n\n    const origin = getCallbackOrigin() || window.location.origin;\n    window.open(\n      new URL(agentNativePath(\"/_agent-native/builder/connect\"), origin).href,\n      \"_blank\",\n      \"noopener,noreferrer\",\n    );\n\n    const start = Date.now();\n    pollRef.current = setInterval(async () => {\n      try {\n        const r = await fetch(agentNativePath(\"/_agent-native/builder/status\"));\n        if (!r.ok) return;\n        const s = (await r.json()) as { configured: boolean };\n        if (!mountedRef.current) {\n          clearInterval(pollRef.current!);\n          return;\n        }\n        if (s.configured) {\n          clearInterval(pollRef.current!);\n          setConfigured(true);\n          setConnecting(false);\n        } else if (Date.now() - start > 5 * 60 * 1000) {\n          clearInterval(pollRef.current!);\n          setConnecting(false);\n          setError(\n            \"Didn't hear back from Builder. Allow popups and try again.\",\n          );\n        }\n      } catch {\n        // transient — keep polling\n      }\n    }, 2000);\n  }, []);\n\n  // Already connected or still loading — render nothing\n  if (configured === null || configured) return null;\n\n  return (\n    <div className=\"flex items-center gap-2 rounded-md border border-border/50 bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n      <IconBolt\n        size={14}\n        className=\"shrink-0 text-muted-foreground/70\"\n        aria-hidden=\"true\"\n      />\n      <span className=\"flex-1\">\n        {connecting\n          ? \"Waiting for Builder.io…\"\n          : \"Connect Builder.io for higher-quality transcription — free, no API key needed.\"}\n      </span>\n      {error ? (\n        <span className=\"text-destructive text-[10px]\">{error}</span>\n      ) : connecting ? (\n        <IconLoader2 size={12} className=\"shrink-0 animate-spin\" />\n      ) : (\n        <button\n          type=\"button\"\n          onClick={handleConnect}\n          className=\"ml-auto shrink-0 inline-flex items-center gap-1 rounded bg-foreground px-2 py-1 text-[10px] font-semibold text-background hover:opacity-90 transition-opacity\"\n        >\n          Connect\n          <IconExternalLink size={10} />\n        </button>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/use-send-to-agent-chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-send-to-agent-chat.d.ts","sourceRoot":"","sources":["../../src/client/use-send-to-agent-chat.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKzE;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,IAAI;IACpC,IAAI,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,GAAG,IAAI,CAAC;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,+DAA+D;IAC/D,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC,CAoDA"}
+{"version":3,"file":"use-send-to-agent-chat.d.ts","sourceRoot":"","sources":["../../src/client/use-send-to-agent-chat.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMzE;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,IAAI;IACpC,IAAI,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,MAAM,GAAG,IAAI,CAAC;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,+DAA+D;IAC/D,kBAAkB,EAAE,OAAO,CAAC;IAC5B,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC,CA2DA"}

package/dist/client/use-send-to-agent-chat.js

@@ -2,6 +2,7 @@ import { useState, useEffect, useCallback, createElement } from "react";
 import { sendToAgentChat } from "./agent-chat.js";
 import { useAgentChatGenerating } from "./use-agent-chat.js";
 import { isInFrame, isTrustedFrameMessage } from "./frame.js";
+import { isInBuilderFrame, isTrustedBuilderMessage } from "./builder-frame.js";
 import { CodeRequiredDialog } from "./components/CodeRequiredDialog.js";
 /**
  * Wraps sendToAgentChat with code-request gating.
@@ -24,11 +25,18 @@ export function useSendToAgentChat() {
         if (!codeAgentWorking)
             return;
         function handler(event) {
-            if (!isTrustedFrameMessage(event))
+            const fromAgentFrame = isTrustedFrameMessage(event);
+            const fromBuilderFrame = isTrustedBuilderMessage(event);
+            if (!fromAgentFrame && !fromBuilderFrame)
                 return;
+            const runningDetail = event.data?.detail ?? event.data?.data;
             if (event.data?.type === "agentNative.codeComplete" ||
+                (fromBuilderFrame && event.data?.type === "builder.codeComplete") ||
                 (event.data?.type === "agentNative.chatRunning" &&
-                    !event.data?.detail?.isRunning)) {
+                    !runningDetail?.isRunning) ||
+                (fromBuilderFrame &&
+                    event.data?.type === "builder.chatRunning" &&
+                    !runningDetail?.isRunning)) {
                 setCodeAgentWorking(false);
             }
         }
@@ -37,7 +45,7 @@ export function useSendToAgentChat() {
     }, [codeAgentWorking]);
     const send = useCallback((opts) => {
         const isCodeRequest = opts.type === "code" || opts.requiresCode === true;
-        if (isCodeRequest && !isInFrame()) {
+        if (isCodeRequest && !isInFrame() && !isInBuilderFrame()) {
             setFeatureLabel(opts.message?.slice(0, 80));
             setDialogOpen(true);
             return null;

package/dist/client/use-send-to-agent-chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-send-to-agent-chat.js","sourceRoot":"","sources":["../../src/client/use-send-to-agent-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,eAAe,EAAyB,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB;IAOhC,MAAM,CAAC,eAAe,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACvE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAC9B,SAAS,OAAO,CAAC,KAAmB;YAClC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;gBAAE,OAAO;YAC1C,IACE,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,0BAA0B;gBAC/C,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,yBAAyB;oBAC7C,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EACjC,CAAC;gBACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,IAAsB,EAAiB,EAAE;QACjE,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;QAEzE,IAAI,aAAa,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YAClC,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACnC,CAAC;QAED,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,aAAa,CAAC,kBAAkB,EAAE;QAC/C,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;QACnC,YAAY;KACb,CAAC,CAAC;IAEH,OAAO;QACL,IAAI;QACJ,YAAY,EAAE,eAAe;QAC7B,kBAAkB,EAAE,gBAAgB;QACpC,kBAAkB,EAAE,MAAM;KAC3B,CAAC;AACJ,CAAC","sourcesContent":["import { useState, useEffect, useCallback, createElement } from \"react\";\nimport { sendToAgentChat, type AgentChatMessage } from \"./agent-chat.js\";\nimport { useAgentChatGenerating } from \"./use-agent-chat.js\";\nimport { isInFrame, isTrustedFrameMessage } from \"./frame.js\";\nimport { CodeRequiredDialog } from \"./components/CodeRequiredDialog.js\";\n\n/**\n * Wraps sendToAgentChat with code-request gating.\n *\n * When a message has `type: \"code\"` (or `requiresCode: true`) and no\n * frame is connected, shows a dialog explaining code changes need a\n * dev frame. When a frame IS connected, the message is sent to the\n * frame and a code-agent indicator is shown.\n *\n * Returns a `codeRequiredDialog` React element that must be rendered\n * somewhere in the consumer's JSX tree.\n */\nexport function useSendToAgentChat(): {\n  send: (opts: AgentChatMessage) => string | null;\n  isGenerating: boolean;\n  /** True when a code request is being processed by the frame */\n  isCodeAgentWorking: boolean;\n  codeRequiredDialog: React.ReactNode;\n} {\n  const [agentGenerating] = useAgentChatGenerating();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [featureLabel, setFeatureLabel] = useState<string | undefined>();\n  const [codeAgentWorking, setCodeAgentWorking] = useState(false);\n\n  // Listen for code completion from frame\n  useEffect(() => {\n    if (!codeAgentWorking) return;\n    function handler(event: MessageEvent) {\n      if (!isTrustedFrameMessage(event)) return;\n      if (\n        event.data?.type === \"agentNative.codeComplete\" ||\n        (event.data?.type === \"agentNative.chatRunning\" &&\n          !event.data?.detail?.isRunning)\n      ) {\n        setCodeAgentWorking(false);\n      }\n    }\n    window.addEventListener(\"message\", handler);\n    return () => window.removeEventListener(\"message\", handler);\n  }, [codeAgentWorking]);\n\n  const send = useCallback((opts: AgentChatMessage): string | null => {\n    const isCodeRequest = opts.type === \"code\" || opts.requiresCode === true;\n\n    if (isCodeRequest && !isInFrame()) {\n      setFeatureLabel(opts.message?.slice(0, 80));\n      setDialogOpen(true);\n      return null;\n    }\n\n    if (isCodeRequest) {\n      setCodeAgentWorking(true);\n      opts = { ...opts, type: \"code\" };\n    }\n\n    return sendToAgentChat(opts);\n  }, []);\n\n  const dialog = createElement(CodeRequiredDialog, {\n    open: dialogOpen,\n    onClose: () => setDialogOpen(false),\n    featureLabel,\n  });\n\n  return {\n    send,\n    isGenerating: agentGenerating,\n    isCodeAgentWorking: codeAgentWorking,\n    codeRequiredDialog: dialog,\n  };\n}\n"]}
+{"version":3,"file":"use-send-to-agent-chat.js","sourceRoot":"","sources":["../../src/client/use-send-to-agent-chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,eAAe,EAAyB,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB;IAOhC,MAAM,CAAC,eAAe,CAAC,GAAG,sBAAsB,EAAE,CAAC;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACvE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAC9B,SAAS,OAAO,CAAC,KAAmB;YAClC,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACpD,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;YACxD,IAAI,CAAC,cAAc,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YACjD,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;YAC7D,IACE,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,0BAA0B;gBAC/C,CAAC,gBAAgB,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,sBAAsB,CAAC;gBACjE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,yBAAyB;oBAC7C,CAAC,aAAa,EAAE,SAAS,CAAC;gBAC5B,CAAC,gBAAgB;oBACf,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,qBAAqB;oBAC1C,CAAC,aAAa,EAAE,SAAS,CAAC,EAC5B,CAAC;gBACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,IAAsB,EAAiB,EAAE;QACjE,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;QAEzE,IAAI,aAAa,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC;YACzD,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;YAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC1B,IAAI,GAAG,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QACnC,CAAC;QAED,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,aAAa,CAAC,kBAAkB,EAAE;QAC/C,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;QACnC,YAAY;KACb,CAAC,CAAC;IAEH,OAAO;QACL,IAAI;QACJ,YAAY,EAAE,eAAe;QAC7B,kBAAkB,EAAE,gBAAgB;QACpC,kBAAkB,EAAE,MAAM;KAC3B,CAAC;AACJ,CAAC","sourcesContent":["import { useState, useEffect, useCallback, createElement } from \"react\";\nimport { sendToAgentChat, type AgentChatMessage } from \"./agent-chat.js\";\nimport { useAgentChatGenerating } from \"./use-agent-chat.js\";\nimport { isInFrame, isTrustedFrameMessage } from \"./frame.js\";\nimport { isInBuilderFrame, isTrustedBuilderMessage } from \"./builder-frame.js\";\nimport { CodeRequiredDialog } from \"./components/CodeRequiredDialog.js\";\n\n/**\n * Wraps sendToAgentChat with code-request gating.\n *\n * When a message has `type: \"code\"` (or `requiresCode: true`) and no\n * frame is connected, shows a dialog explaining code changes need a\n * dev frame. When a frame IS connected, the message is sent to the\n * frame and a code-agent indicator is shown.\n *\n * Returns a `codeRequiredDialog` React element that must be rendered\n * somewhere in the consumer's JSX tree.\n */\nexport function useSendToAgentChat(): {\n  send: (opts: AgentChatMessage) => string | null;\n  isGenerating: boolean;\n  /** True when a code request is being processed by the frame */\n  isCodeAgentWorking: boolean;\n  codeRequiredDialog: React.ReactNode;\n} {\n  const [agentGenerating] = useAgentChatGenerating();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [featureLabel, setFeatureLabel] = useState<string | undefined>();\n  const [codeAgentWorking, setCodeAgentWorking] = useState(false);\n\n  // Listen for code completion from frame\n  useEffect(() => {\n    if (!codeAgentWorking) return;\n    function handler(event: MessageEvent) {\n      const fromAgentFrame = isTrustedFrameMessage(event);\n      const fromBuilderFrame = isTrustedBuilderMessage(event);\n      if (!fromAgentFrame && !fromBuilderFrame) return;\n      const runningDetail = event.data?.detail ?? event.data?.data;\n      if (\n        event.data?.type === \"agentNative.codeComplete\" ||\n        (fromBuilderFrame && event.data?.type === \"builder.codeComplete\") ||\n        (event.data?.type === \"agentNative.chatRunning\" &&\n          !runningDetail?.isRunning) ||\n        (fromBuilderFrame &&\n          event.data?.type === \"builder.chatRunning\" &&\n          !runningDetail?.isRunning)\n      ) {\n        setCodeAgentWorking(false);\n      }\n    }\n    window.addEventListener(\"message\", handler);\n    return () => window.removeEventListener(\"message\", handler);\n  }, [codeAgentWorking]);\n\n  const send = useCallback((opts: AgentChatMessage): string | null => {\n    const isCodeRequest = opts.type === \"code\" || opts.requiresCode === true;\n\n    if (isCodeRequest && !isInFrame() && !isInBuilderFrame()) {\n      setFeatureLabel(opts.message?.slice(0, 80));\n      setDialogOpen(true);\n      return null;\n    }\n\n    if (isCodeRequest) {\n      setCodeAgentWorking(true);\n      opts = { ...opts, type: \"code\" };\n    }\n\n    return sendToAgentChat(opts);\n  }, []);\n\n  const dialog = createElement(CodeRequiredDialog, {\n    open: dialogOpen,\n    onClose: () => setDialogOpen(false),\n    featureLabel,\n  });\n\n  return {\n    send,\n    isGenerating: agentGenerating,\n    isCodeAgentWorking: codeAgentWorking,\n    codeRequiredDialog: dialog,\n  };\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useProductionAgent.d.ts","sourceRoot":"","sources":["../../src/client/useProductionAgent.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,yBAAyB;IACxC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wDAAwD;AACxD,wBAAgB,kBAAkB,CAChC,OAAO,CAAC,EAAE,yBAAyB,GAClC,wBAAwB,CAiN1B"}
+{"version":3,"file":"useProductionAgent.d.ts","sourceRoot":"","sources":["../../src/client/useProductionAgent.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,yBAAyB;IACxC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,sBAAsB,EAAE,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wDAAwD;AACxD,wBAAgB,kBAAkB,CAChC,OAAO,CAAC,EAAE,yBAAyB,GAClC,wBAAwB,CAkN1B"}

package/dist/client/useProductionAgent.js

@@ -137,7 +137,7 @@ export function useProductionAgent(options) {
                     }
                     else if (ev.type === "done" || ev.type === "error") {
                         if (ev.type === "error") {
-                            const fallbackContent = formatChatErrorText(ev.error ?? "Unknown error", ev.upgradeUrl);
+                            const fallbackContent = formatChatErrorText(ev.error ?? "Unknown error", ev.upgradeUrl, ev.errorCode);
                             setMessages((prev) => prev.map((m) => m.id === assistantId
                                 ? { ...m, content: m.content || fallbackContent }
                                 : m));