@agent-native/core 0.11.3 → 0.12.0

package/dist/client/extensions/ExtensionsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionsListPage.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsListPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useEffect } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Link } from \"react-router\";\nimport { IconArrowLeft, IconPlus, IconTool } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.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  TOOLS_ORDER_CHANGE_EVENT,\n  applyToolsOrder,\n  getToolsOrder,\n} from \"./extension-order.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nfunction submitCreateTool(prompt: string) {\n  const trimmed = prompt.trim();\n  if (!trimmed) return;\n  sendToAgentChat({\n    message: `Create a extension: ${trimmed}`,\n    submit: true,\n    openSidebar: true,\n    newTab: true,\n  });\n}\n\nfunction CreateToolInput({ className }: { className?: string }) {\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      <p className=\"text-sm font-semibold text-foreground\">New extension</p>\n      <PromptComposer\n        autoFocus\n        placeholder=\"Describe what you'd like to build... e.g. a todo list, API dashboard, calculator\"\n        draftScope=\"extensions:create\"\n        onSubmit={(text) => submitCreateTool(text)}\n      />\n    </div>\n  );\n}\n\nexport function ExtensionsListPage() {\n  const [showCreate, setShowCreate] = useState(false);\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ value: { view: \"extensions\" } }),\n    }).catch(() => {});\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const syncOrder = () => setToolOrderState(getToolsOrder());\n    window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n    window.addEventListener(\"storage\", syncOrder);\n    return () => {\n      window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n      window.removeEventListener(\"storage\", syncOrder);\n    };\n  }, []);\n\n  const { data: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/extensions\"));\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toolList =\n    toolOrderState.length > 0\n      ? applyToolsOrder(extensions ?? [], toolOrderState)\n      : (extensions ?? []);\n\n  const handleCreate = (text: string) => {\n    submitCreateTool(text);\n    setShowCreate(false);\n  };\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <header className=\"flex h-12 items-center justify-between border-b px-4 shrink-0\">\n        <div className=\"flex items-center gap-2\">\n          <Link\n            to=\"/\"\n            className=\"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground\"\n            aria-label=\"Back to app\"\n          >\n            <IconArrowLeft className=\"h-4 w-4\" />\n          </Link>\n          <h1 className=\"text-sm font-semibold\">Extensions</h1>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <IconPlus className=\"h-4 w-4\" />\n                New Extension\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              align=\"end\"\n              sideOffset={6}\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                New extension\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder=\"Describe what you'd like to build...\"\n                draftScope=\"extensions:create-popover\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n          <NotificationsBell />\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\n        </div>\n      </header>\n\n      <div className=\"flex-1 overflow-auto p-6\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"rounded-lg border border-border bg-card p-5\"\n              >\n                <div className=\"mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse\" />\n                <div className=\"mb-2 h-4 w-2/3 rounded bg-muted animate-pulse\" />\n                <div className=\"h-3 w-4/5 rounded bg-muted animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : toolList.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center gap-4 py-16 text-center\">\n            <IconTool className=\"h-10 w-10 text-muted-foreground/40\" />\n            <div>\n              <p className=\"text-sm font-medium\">No extensions yet</p>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                Describe what you'd like to build\n              </p>\n            </div>\n            <CreateToolInput className=\"w-full max-w-sm\" />\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {toolList.map((extension) => (\n              <Link\n                key={extension.id}\n                to={`/extensions/${extension.id}`}\n                className={cn(\n                  \"group cursor-pointer rounded-lg border border-border bg-card p-5\",\n                  \"hover:border-primary/30 hover:shadow-sm\",\n                )}\n              >\n                <div className=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary\">\n                  <IconTool className=\"h-5 w-5\" />\n                </div>\n                <h3 className=\"mb-1 text-sm font-semibold text-foreground\">\n                  {extension.name}\n                </h3>\n                {extension.description && (\n                  <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                    {extension.description}\n                  </p>\n                )}\n              </Link>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ExtensionsListPage.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsListPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useEffect } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link } from \"react-router\";\nimport {\n  IconArrowLeft,\n  IconDotsVertical,\n  IconPlus,\n  IconTool,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.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  TOOLS_ORDER_CHANGE_EVENT,\n  applyToolsOrder,\n  getToolsOrder,\n} from \"./extension-order.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nlet lastCreateSubmission: { prompt: string; at: number } | null = null;\n\nfunction submitCreateTool(prompt: string) {\n  const trimmed = prompt.trim();\n  if (!trimmed) return;\n  const now = Date.now();\n  if (\n    lastCreateSubmission &&\n    lastCreateSubmission.prompt === trimmed &&\n    now - lastCreateSubmission.at < 2_000\n  ) {\n    return;\n  }\n  lastCreateSubmission = { prompt: trimmed, at: now };\n  sendToAgentChat({\n    message: `Create an extension: ${trimmed}`,\n    submit: true,\n    openSidebar: true,\n    newTab: true,\n  });\n}\n\nfunction CreateToolInput({ className }: { className?: string }) {\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)}>\n      <p className=\"text-sm font-semibold text-foreground\">New extension</p>\n      <PromptComposer\n        autoFocus\n        placeholder=\"Describe what you'd like to build... e.g. a todo list, API dashboard, calculator\"\n        draftScope=\"extensions:create\"\n        onSubmit={(text) => submitCreateTool(text)}\n      />\n    </div>\n  );\n}\n\nexport function ExtensionsListPage() {\n  const [showCreate, setShowCreate] = useState(false);\n  const [confirmDeleteId, setConfirmDeleteId] = useState<string | null>(null);\n  const [deletingId, setDeletingId] = useState<string | null>(null);\n  const queryClient = useQueryClient();\n  const [toolOrderState, setToolOrderState] = useState<string[]>(() =>\n    typeof window !== \"undefined\" ? getToolsOrder() : [],\n  );\n\n  useEffect(() => {\n    fetch(agentNativePath(\"/_agent-native/application-state/navigation\"), {\n      method: \"PUT\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ value: { view: \"extensions\" } }),\n    }).catch(() => {});\n  }, []);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const syncOrder = () => setToolOrderState(getToolsOrder());\n    window.addEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n    window.addEventListener(\"storage\", syncOrder);\n    return () => {\n      window.removeEventListener(TOOLS_ORDER_CHANGE_EVENT, syncOrder);\n      window.removeEventListener(\"storage\", syncOrder);\n    };\n  }, []);\n\n  const { data: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/extensions\"));\n      if (!res.ok) return [];\n      return res.json();\n    },\n  });\n\n  const toolList =\n    toolOrderState.length > 0\n      ? applyToolsOrder(extensions ?? [], toolOrderState)\n      : (extensions ?? []);\n\n  const handleCreate = (text: string) => {\n    submitCreateTool(text);\n    setShowCreate(false);\n  };\n\n  const handleDelete = async (extension: Extension) => {\n    setDeletingId(extension.id);\n    const previous = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n    queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n      (old ?? []).filter((item) => item.id !== extension.id),\n    );\n    try {\n      const res = await fetch(\n        agentNativePath(`/_agent-native/extensions/${extension.id}`),\n        { method: \"DELETE\" },\n      );\n      if (!res.ok) throw new Error(\"Delete failed\");\n    } catch {\n      if (previous) queryClient.setQueryData([\"extensions\"], previous);\n    } finally {\n      setDeletingId(null);\n      setConfirmDeleteId(null);\n      queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n    }\n  };\n\n  return (\n    <div className=\"flex h-full w-full flex-col\">\n      <header className=\"flex h-12 items-center justify-between border-b px-4 shrink-0\">\n        <div className=\"flex items-center gap-2\">\n          <Link\n            to=\"/\"\n            className=\"inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground\"\n            aria-label=\"Back to app\"\n          >\n            <IconArrowLeft className=\"h-4 w-4\" />\n          </Link>\n          <h1 className=\"text-sm font-semibold\">Extensions</h1>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Popover open={showCreate} onOpenChange={setShowCreate}>\n            <PopoverTrigger asChild>\n              <button\n                type=\"button\"\n                className=\"inline-flex cursor-pointer items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <IconPlus className=\"h-4 w-4\" />\n                New Extension\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              align=\"end\"\n              sideOffset={6}\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                New extension\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder=\"Describe what you'd like to build...\"\n                draftScope=\"extensions:create-popover\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n          <NotificationsBell />\n          <AgentToggleButton className=\"h-8 w-8 rounded-md hover:bg-accent\" />\n        </div>\n      </header>\n\n      <div className=\"flex-1 overflow-auto p-6\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"rounded-lg border border-border bg-card p-5\"\n              >\n                <div className=\"mb-3 h-10 w-10 rounded-lg bg-muted animate-pulse\" />\n                <div className=\"mb-2 h-4 w-2/3 rounded bg-muted animate-pulse\" />\n                <div className=\"h-3 w-4/5 rounded bg-muted animate-pulse\" />\n              </div>\n            ))}\n          </div>\n        ) : toolList.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center gap-4 py-16 text-center\">\n            <IconTool className=\"h-10 w-10 text-muted-foreground/40\" />\n            <div>\n              <p className=\"text-sm font-medium\">No extensions yet</p>\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                Describe what you'd like to build\n              </p>\n            </div>\n            <CreateToolInput className=\"w-full max-w-sm\" />\n          </div>\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {toolList.map((extension) => (\n              <div\n                key={extension.id}\n                className={cn(\n                  \"group relative rounded-lg border border-border bg-card\",\n                  \"hover:border-primary/30 hover:shadow-sm\",\n                )}\n              >\n                <Link\n                  to={`/extensions/${extension.id}`}\n                  className=\"block p-5 pr-12\"\n                >\n                  <div className=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-muted text-muted-foreground group-hover:bg-primary/10 group-hover:text-primary\">\n                    <IconTool className=\"h-5 w-5\" />\n                  </div>\n                  <h3 className=\"mb-1 text-sm font-semibold text-foreground\">\n                    {extension.name}\n                  </h3>\n                  {extension.description && (\n                    <p className=\"line-clamp-2 text-xs text-muted-foreground\">\n                      {extension.description}\n                    </p>\n                  )}\n                </Link>\n                <Popover\n                  open={confirmDeleteId === extension.id}\n                  onOpenChange={(open) =>\n                    setConfirmDeleteId(open ? extension.id : null)\n                  }\n                >\n                  <PopoverTrigger asChild>\n                    <button\n                      type=\"button\"\n                      className=\"absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground opacity-0 hover:bg-accent hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring group-hover:opacity-100\"\n                      aria-label={`Options for ${extension.name}`}\n                    >\n                      <IconDotsVertical className=\"h-4 w-4\" />\n                    </button>\n                  </PopoverTrigger>\n                  <PopoverContent\n                    align=\"end\"\n                    sideOffset={4}\n                    className=\"w-64 p-0\"\n                  >\n                    <div className=\"p-3\">\n                      <p className=\"text-[12px]\">\n                        Delete{\" \"}\n                        <span className=\"font-medium\">{extension.name}</span>?\n                        This removes it everywhere it is shared.\n                      </p>\n                      <div className=\"mt-3 flex justify-end gap-1\">\n                        <button\n                          type=\"button\"\n                          onClick={() => setConfirmDeleteId(null)}\n                          className=\"rounded-md px-2 py-1 text-[12px] hover:bg-accent\"\n                        >\n                          Cancel\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => handleDelete(extension)}\n                          disabled={deletingId === extension.id}\n                          className={cn(\n                            \"inline-flex items-center gap-1.5 rounded-md bg-destructive px-2 py-1 text-[12px] text-destructive-foreground hover:bg-destructive/90\",\n                            deletingId === extension.id && \"opacity-60\",\n                          )}\n                        >\n                          <IconTrash className=\"h-3.5 w-3.5\" />\n                          {deletingId === extension.id\n                            ? \"Deleting...\"\n                            : \"Delete\"}\n                        </button>\n                      </div>\n                    </div>\n                  </PopoverContent>\n                </Popover>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/client/extensions/ExtensionsSidebarSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionsSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,wBAAwB,4CAsYvC"}
+{"version":3,"file":"ExtensionsSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"AAqEA,wBAAgB,wBAAwB,4CAibvC"}

package/dist/client/extensions/ExtensionsSidebarSection.js

@@ -12,6 +12,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
 import { applyToolsOrder, getToolsOrder, setToolsOrder, } from "./extension-order.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
 const FAVORITES_KEY = "extensions-favorites";
+const COLLAPSED_EXTENSION_COUNT = 3;
 function getFavorites() {
     try {
         const raw = localStorage.getItem(FAVORITES_KEY);
@@ -44,6 +45,7 @@ export function ExtensionsSidebarSection() {
     const [toolOrderState, setToolOrderState] = useState(() => typeof window !== "undefined" ? getToolsOrder() : []);
     const [draggingId, setDraggingId] = useState(null);
     const [dragOverId, setDragOverId] = useState(null);
+    const [showAllExtensions, setShowAllExtensions] = useState(false);
     const { data: extensions, isLoading } = useQuery({
         queryKey: ["extensions"],
         queryFn: async () => {
@@ -145,6 +147,24 @@ export function ExtensionsSidebarSection() {
             ? applyToolsOrder(defaultSorted, toolOrderState)
             : defaultSorted;
     }, [extensions, favoriteIds, toolOrderState]);
+    const activeExtensionId = useMemo(() => sortedTools.find((extension) => location.pathname === `/extensions/${extension.id}` ||
+        location.pathname === `/extensions/${extension.id}/edit`)?.id ?? null, [location.pathname, sortedTools]);
+    const visibleTools = useMemo(() => {
+        if (showAllExtensions || sortedTools.length <= COLLAPSED_EXTENSION_COUNT) {
+            return sortedTools;
+        }
+        const defaultVisible = sortedTools.slice(0, COLLAPSED_EXTENSION_COUNT);
+        if (!activeExtensionId)
+            return defaultVisible;
+        const activeTool = sortedTools.find((extension) => extension.id === activeExtensionId);
+        if (!activeTool || defaultVisible.some((tool) => tool.id === activeTool.id))
+            return defaultVisible;
+        return [
+            ...defaultVisible.slice(0, COLLAPSED_EXTENSION_COUNT - 1),
+            activeTool,
+        ];
+    }, [activeExtensionId, showAllExtensions, sortedTools]);
+    const hasMoreExtensions = sortedTools.length > COLLAPSED_EXTENSION_COUNT;
     const reorderTool = useCallback((activeId, overId) => {
         if (activeId === overId)
             return;
@@ -173,54 +193,54 @@ export function ExtensionsSidebarSection() {
         });
         setShowCreate(false);
     };
-    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "group/help relative min-w-0 py-2", children: [_jsxs("div", { className: cn("flex items-center justify-between px-3", sortedTools.length > 0 && "mb-1"), children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: ["Extensions", _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "opacity-0 group-hover/help:opacity-100 transition-opacity text-muted-foreground/50 hover:text-muted-foreground", "aria-label": "Extensions documentation", children: _jsx(IconHelpCircle, { className: "h-3 w-3" }) })] }), _jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground", "aria-label": "New extension", children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", className: "w-[420px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: "New extension" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "Describe what you'd like to build...", draftScope: "extensions:sidebar-create", onSubmit: handleCreate })] })] })] }), isLoading ? (_jsx("div", { className: "min-w-0 space-y-0.5 px-1", children: [1, 2, 3].map((i) => (_jsx("div", { className: "flex items-center rounded-md px-2 py-1.5", children: _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } }) }, i))) })) : sortedTools.length === 0 ? null : (_jsx("div", { className: "min-w-0 space-y-0.5 px-1", children: sortedTools.map((extension) => {
-                        const isActive = location.pathname === `/extensions/${extension.id}` ||
-                            location.pathname === `/extensions/${extension.id}/edit`;
-                        const isFav = favoriteIds.has(extension.id);
-                        const isRenamingThis = renamingId === extension.id;
-                        const actionsVisible = menuOpenId === extension.id || isRenamingThis;
-                        return (_jsxs("div", { onDragOver: (e) => {
-                                if (!draggingId || draggingId === extension.id)
-                                    return;
-                                e.preventDefault();
-                                e.dataTransfer.dropEffect = "move";
-                                setDragOverId(extension.id);
-                            }, onDragLeave: () => {
-                                setDragOverId((current) => current === extension.id ? null : current);
-                            }, onDrop: (e) => {
-                                e.preventDefault();
-                                const activeId = draggingId || e.dataTransfer.getData("text/plain");
-                                setDraggingId(null);
-                                setDragOverId(null);
-                                if (activeId)
-                                    reorderTool(activeId, extension.id);
-                            }, className: cn("group/extension relative flex items-center min-w-0 rounded-md", draggingId === extension.id && "opacity-50", dragOverId === extension.id &&
-                                draggingId !== extension.id &&
-                                "bg-accent/60"), children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", draggable: true, onDragStart: (e) => {
-                                                    setDraggingId(extension.id);
-                                                    setDragOverId(null);
-                                                    e.dataTransfer.effectAllowed = "move";
-                                                    e.dataTransfer.setData("text/plain", extension.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/extension:opacity-100 group-focus-within/extension:opacity-100", "aria-label": `Reorder ${extension.name}`, children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Drag to reorder" })] }), _jsx(Link, { to: `/extensions/${extension.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/extension:pr-12 md:group-focus-within/extension: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(extension.id), onKeyDown: (e) => {
-                                            if (e.key === "Enter")
-                                                submitRename(extension.id);
-                                            if (e.key === "Escape")
-                                                setRenamingId(null);
-                                        }, onClick: (e) => {
-                                            e.preventDefault();
-                                            e.stopPropagation();
-                                        }, 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: extension.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/extension:opacity-100 md:group-focus-within/extension:opacity-100", actionsVisible && "md:opacity-100"), children: [_jsx("button", { type: "button", onClick: (e) => {
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs("div", { className: "group/help relative min-w-0 py-2", children: [_jsxs("div", { className: cn("flex items-center justify-between px-3", sortedTools.length > 0 && "mb-1"), children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: ["Extensions", _jsx("a", { href: "https://agent-native.com/docs/extensions", target: "_blank", rel: "noopener noreferrer", className: "opacity-0 group-hover/help:opacity-100 transition-opacity text-muted-foreground/50 hover:text-muted-foreground", "aria-label": "Extensions documentation", children: _jsx(IconHelpCircle, { className: "h-3 w-3" }) })] }), _jsxs(Popover, { open: showCreate, onOpenChange: setShowCreate, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "inline-flex h-5 w-5 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground", "aria-label": "New extension", children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }), _jsxs(PopoverContent, { side: "right", align: "start", className: "w-[420px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: "New extension" }), _jsx(PromptComposer, { autoFocus: true, placeholder: "Describe what you'd like to build...", draftScope: "extensions:sidebar-create", onSubmit: handleCreate })] })] })] }), isLoading ? (_jsx("div", { className: "min-w-0 space-y-0.5 px-1", children: [1, 2, 3].map((i) => (_jsx("div", { className: "flex items-center rounded-md px-2 py-1.5", children: _jsx("div", { className: "h-3 rounded bg-muted animate-pulse", style: { width: `${60 + i * 20}px` } }) }, i))) })) : sortedTools.length === 0 ? null : (_jsxs("div", { className: "min-w-0 space-y-0.5 px-1", children: [visibleTools.map((extension) => {
+                            const isActive = location.pathname === `/extensions/${extension.id}` ||
+                                location.pathname === `/extensions/${extension.id}/edit`;
+                            const isFav = favoriteIds.has(extension.id);
+                            const isRenamingThis = renamingId === extension.id;
+                            const actionsVisible = menuOpenId === extension.id || isRenamingThis;
+                            return (_jsxs("div", { onDragOver: (e) => {
+                                    if (!draggingId || draggingId === extension.id)
+                                        return;
+                                    e.preventDefault();
+                                    e.dataTransfer.dropEffect = "move";
+                                    setDragOverId(extension.id);
+                                }, onDragLeave: () => {
+                                    setDragOverId((current) => current === extension.id ? null : current);
+                                }, onDrop: (e) => {
+                                    e.preventDefault();
+                                    const activeId = draggingId || e.dataTransfer.getData("text/plain");
+                                    setDraggingId(null);
+                                    setDragOverId(null);
+                                    if (activeId)
+                                        reorderTool(activeId, extension.id);
+                                }, className: cn("group/extension relative flex items-center min-w-0 rounded-md", draggingId === extension.id && "opacity-50", dragOverId === extension.id &&
+                                    draggingId !== extension.id &&
+                                    "bg-accent/60"), children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", draggable: true, onDragStart: (e) => {
+                                                        setDraggingId(extension.id);
+                                                        setDragOverId(null);
+                                                        e.dataTransfer.effectAllowed = "move";
+                                                        e.dataTransfer.setData("text/plain", extension.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/extension:opacity-100 group-focus-within/extension:opacity-100", "aria-label": `Reorder ${extension.name}`, children: _jsx(IconGripVertical, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Drag to reorder" })] }), _jsx(Link, { to: `/extensions/${extension.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/extension:pr-12 md:group-focus-within/extension: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(extension.id), onKeyDown: (e) => {
+                                                if (e.key === "Enter")
+                                                    submitRename(extension.id);
+                                                if (e.key === "Escape")
+                                                    setRenamingId(null);
+                                            }, onClick: (e) => {
                                                 e.preventDefault();
                                                 e.stopPropagation();
-                                                toggleFavorite(extension.id);
-                                            }, className: cn("pointer-events-auto cursor-pointer rounded p-0.5 transition-colors", isFav
-                                                ? "text-yellow-500"
-                                                : "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(DropdownMenu, { open: menuOpenId === extension.id, onOpenChange: (open) => setMenuOpenId(open ? extension.id : null), children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground", "aria-label": "Extension actions", children: _jsx(IconDots, { className: "h-3 w-3" }) }) }), _jsxs(DropdownMenuContent, { align: "end", sideOffset: 4, className: "min-w-[140px]", children: [_jsxs(DropdownMenuItem, { onSelect: () => startRename(extension), children: [_jsx(IconPencil, { className: "h-3.5 w-3.5" }), "Rename"] }), _jsxs(DropdownMenuItem, { onSelect: () => handleDelete(extension.id), className: "text-destructive focus:text-destructive", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), "Delete"] })] })] })] })] }, extension.id));
-                    }) }))] }) }));
+                                            }, 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: extension.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/extension:opacity-100 md:group-focus-within/extension:opacity-100", actionsVisible && "md:opacity-100"), children: [_jsx("button", { type: "button", onClick: (e) => {
+                                                    e.preventDefault();
+                                                    e.stopPropagation();
+                                                    toggleFavorite(extension.id);
+                                                }, className: cn("pointer-events-auto cursor-pointer rounded p-0.5 transition-colors", isFav
+                                                    ? "text-yellow-500"
+                                                    : "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(DropdownMenu, { open: menuOpenId === extension.id, onOpenChange: (open) => setMenuOpenId(open ? extension.id : null), children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground", "aria-label": "Extension actions", children: _jsx(IconDots, { className: "h-3 w-3" }) }) }), _jsxs(DropdownMenuContent, { align: "end", sideOffset: 4, className: "min-w-[140px]", children: [_jsxs(DropdownMenuItem, { onSelect: () => startRename(extension), children: [_jsx(IconPencil, { className: "h-3.5 w-3.5" }), "Rename"] }), _jsxs(DropdownMenuItem, { onSelect: () => handleDelete(extension.id), className: "text-destructive focus:text-destructive", children: [_jsx(IconTrash, { className: "h-3.5 w-3.5" }), "Delete"] })] })] })] })] }, extension.id));
+                        }), hasMoreExtensions && (_jsx("button", { type: "button", "aria-expanded": showAllExtensions, onClick: () => setShowAllExtensions((current) => !current), className: "ml-5 mt-1 inline-flex h-5 items-center rounded px-1.5 text-[11px] font-medium text-muted-foreground/60 transition-colors hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", children: showAllExtensions ? "show less" : "show more" }))] }))] }) }));
 }
 //# sourceMappingURL=ExtensionsSidebarSection.js.map

package/dist/client/extensions/ExtensionsSidebarSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionsSidebarSection.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useCallback, useMemo } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link, useLocation, useNavigate } from \"react-router\";\nimport {\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 { PromptComposer } from \"../composer/PromptComposer.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  applyToolsOrder,\n  getToolsOrder,\n  setToolsOrder,\n} from \"./extension-order.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nconst FAVORITES_KEY = \"extensions-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 ExtensionsSidebarSection() {\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 [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: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/extensions\"));\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 (extensionId: string) => {\n      setMenuOpenId(null);\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).filter((t) => t.id !== extensionId),\n      );\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"DELETE\",\n          },\n        );\n        if (!res.ok) throw new Error(\"Delete failed\");\n        queryClient.removeQueries({ queryKey: [\"extension\", extensionId] });\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        setFavoriteIds((prev) => {\n          const next = new Set(prev);\n          next.delete(extensionId);\n          saveFavorites(next);\n          return next;\n        });\n        setToolOrderState((prev) => {\n          const next = prev.filter((id) => id !== extensionId);\n          if (next.length !== prev.length) setToolsOrder(next);\n          return next;\n        });\n        if (\n          location.pathname === `/extensions/${extensionId}` ||\n          location.pathname === `/extensions/${extensionId}/edit`\n        ) {\n          navigate(\"/extensions\");\n        }\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n      }\n    },\n    [location.pathname, navigate, queryClient],\n  );\n\n  const startRename = useCallback((extension: Extension) => {\n    setMenuOpenId(null);\n    setRenameValue(extension.name);\n    setRenamingId(extension.id);\n  }, []);\n\n  const submitRename = useCallback(\n    async (extensionId: string) => {\n      const trimmed = renameValue.trim();\n      setRenamingId(null);\n      if (!trimmed) return;\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      const existing = prev?.find((t) => t.id === extensionId);\n      if (!existing || trimmed === existing.name) return;\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).map((t) =>\n          t.id === extensionId ? { ...t, name: trimmed } : t,\n        ),\n      );\n      queryClient.setQueryData<Extension>([\"extension\", extensionId], (old) =>\n        old ? { ...old, name: trimmed } : old,\n      );\n      try {\n        await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"PUT\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({ name: trimmed }),\n          },\n        );\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      }\n    },\n    [renameValue, queryClient],\n  );\n\n  const sortedTools = useMemo(() => {\n    if (!extensions) return [];\n    const defaultSorted = [...extensions].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  }, [extensions, favoriteIds, toolOrderState]);\n\n  const reorderTool = useCallback(\n    (activeId: string, overId: string) => {\n      if (activeId === overId) return;\n      const ids = sortedTools.map((extension) => extension.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 = (text: string) => {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    sendToAgentChat({\n      message: `Create an extension: ${trimmed}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setShowCreate(false);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <div className=\"group/help relative min-w-0 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            Extensions\n            <a\n              href=\"https://agent-native.com/docs/extensions\"\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=\"Extensions 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 extension\"\n              >\n                <IconPlus className=\"h-3.5 w-3.5\" />\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              side=\"right\"\n              align=\"start\"\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                New extension\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder=\"Describe what you'd like to build...\"\n                draftScope=\"extensions:sidebar-create\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n        </div>\n\n        {isLoading ? (\n          <div className=\"min-w-0 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=\"min-w-0 space-y-0.5 px-1\">\n            {sortedTools.map((extension) => {\n              const isActive =\n                location.pathname === `/extensions/${extension.id}` ||\n                location.pathname === `/extensions/${extension.id}/edit`;\n              const isFav = favoriteIds.has(extension.id);\n              const isRenamingThis = renamingId === extension.id;\n              const actionsVisible =\n                menuOpenId === extension.id || isRenamingThis;\n\n              return (\n                <div\n                  key={extension.id}\n                  onDragOver={(e) => {\n                    if (!draggingId || draggingId === extension.id) return;\n                    e.preventDefault();\n                    e.dataTransfer.dropEffect = \"move\";\n                    setDragOverId(extension.id);\n                  }}\n                  onDragLeave={() => {\n                    setDragOverId((current) =>\n                      current === extension.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, extension.id);\n                  }}\n                  className={cn(\n                    \"group/extension relative flex items-center min-w-0 rounded-md\",\n                    draggingId === extension.id && \"opacity-50\",\n                    dragOverId === extension.id &&\n                      draggingId !== extension.id &&\n                      \"bg-accent/60\",\n                  )}\n                >\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        draggable\n                        onDragStart={(e) => {\n                          setDraggingId(extension.id);\n                          setDragOverId(null);\n                          e.dataTransfer.effectAllowed = \"move\";\n                          e.dataTransfer.setData(\"text/plain\", extension.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/extension:opacity-100 group-focus-within/extension:opacity-100\"\n                        aria-label={`Reorder ${extension.name}`}\n                      >\n                        <IconGripVertical className=\"h-3 w-3\" />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent>Drag to reorder</TooltipContent>\n                  </Tooltip>\n                  <Link\n                    to={`/extensions/${extension.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/extension:pr-12 md:group-focus-within/extension: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(extension.id)}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\") submitRename(extension.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\">{extension.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/extension:opacity-100 md:group-focus-within/extension: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(extension.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                    <DropdownMenu\n                      open={menuOpenId === extension.id}\n                      onOpenChange={(open) =>\n                        setMenuOpenId(open ? extension.id : null)\n                      }\n                    >\n                      <DropdownMenuTrigger asChild>\n                        <button\n                          type=\"button\"\n                          className=\"pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground\"\n                          aria-label=\"Extension actions\"\n                        >\n                          <IconDots className=\"h-3 w-3\" />\n                        </button>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent\n                        align=\"end\"\n                        sideOffset={4}\n                        className=\"min-w-[140px]\"\n                      >\n                        <DropdownMenuItem\n                          onSelect={() => startRename(extension)}\n                        >\n                          <IconPencil className=\"h-3.5 w-3.5\" />\n                          Rename\n                        </DropdownMenuItem>\n                        <DropdownMenuItem\n                          onSelect={() => handleDelete(extension.id)}\n                          className=\"text-destructive focus:text-destructive\"\n                        >\n                          <IconTrash className=\"h-3.5 w-3.5\" />\n                          Delete\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </TooltipProvider>\n  );\n}\n"]}
+{"version":3,"file":"ExtensionsSidebarSection.js","sourceRoot":"","sources":["../../../src/client/extensions/ExtensionsSidebarSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport { useState, useCallback, useMemo } from \"react\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { Link, useLocation, useNavigate } from \"react-router\";\nimport {\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 { PromptComposer } from \"../composer/PromptComposer.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n  applyToolsOrder,\n  getToolsOrder,\n  setToolsOrder,\n} from \"./extension-order.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ninterface Extension {\n  id: string;\n  name: string;\n  description?: string;\n  icon?: string;\n}\n\nconst FAVORITES_KEY = \"extensions-favorites\";\nconst COLLAPSED_EXTENSION_COUNT = 3;\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 ExtensionsSidebarSection() {\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 [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  const [showAllExtensions, setShowAllExtensions] = useState(false);\n\n  const { data: extensions, isLoading } = useQuery<Extension[]>({\n    queryKey: [\"extensions\"],\n    queryFn: async () => {\n      const res = await fetch(agentNativePath(\"/_agent-native/extensions\"));\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 (extensionId: string) => {\n      setMenuOpenId(null);\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).filter((t) => t.id !== extensionId),\n      );\n      try {\n        const res = await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"DELETE\",\n          },\n        );\n        if (!res.ok) throw new Error(\"Delete failed\");\n        queryClient.removeQueries({ queryKey: [\"extension\", extensionId] });\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        setFavoriteIds((prev) => {\n          const next = new Set(prev);\n          next.delete(extensionId);\n          saveFavorites(next);\n          return next;\n        });\n        setToolOrderState((prev) => {\n          const next = prev.filter((id) => id !== extensionId);\n          if (next.length !== prev.length) setToolsOrder(next);\n          return next;\n        });\n        if (\n          location.pathname === `/extensions/${extensionId}` ||\n          location.pathname === `/extensions/${extensionId}/edit`\n        ) {\n          navigate(\"/extensions\");\n        }\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n      }\n    },\n    [location.pathname, navigate, queryClient],\n  );\n\n  const startRename = useCallback((extension: Extension) => {\n    setMenuOpenId(null);\n    setRenameValue(extension.name);\n    setRenamingId(extension.id);\n  }, []);\n\n  const submitRename = useCallback(\n    async (extensionId: string) => {\n      const trimmed = renameValue.trim();\n      setRenamingId(null);\n      if (!trimmed) return;\n      const prev = queryClient.getQueryData<Extension[]>([\"extensions\"]);\n      const existing = prev?.find((t) => t.id === extensionId);\n      if (!existing || trimmed === existing.name) return;\n      queryClient.setQueryData<Extension[]>([\"extensions\"], (old) =>\n        (old ?? []).map((t) =>\n          t.id === extensionId ? { ...t, name: trimmed } : t,\n        ),\n      );\n      queryClient.setQueryData<Extension>([\"extension\", extensionId], (old) =>\n        old ? { ...old, name: trimmed } : old,\n      );\n      try {\n        await fetch(\n          agentNativePath(`/_agent-native/extensions/${extensionId}`),\n          {\n            method: \"PUT\",\n            headers: { \"Content-Type\": \"application/json\" },\n            body: JSON.stringify({ name: trimmed }),\n          },\n        );\n        queryClient.invalidateQueries({ queryKey: [\"extensions\"] });\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      } catch {\n        if (prev) queryClient.setQueryData([\"extensions\"], prev);\n        queryClient.invalidateQueries({ queryKey: [\"extension\", extensionId] });\n      }\n    },\n    [renameValue, queryClient],\n  );\n\n  const sortedTools = useMemo(() => {\n    if (!extensions) return [];\n    const defaultSorted = [...extensions].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  }, [extensions, favoriteIds, toolOrderState]);\n\n  const activeExtensionId = useMemo(\n    () =>\n      sortedTools.find(\n        (extension) =>\n          location.pathname === `/extensions/${extension.id}` ||\n          location.pathname === `/extensions/${extension.id}/edit`,\n      )?.id ?? null,\n    [location.pathname, sortedTools],\n  );\n\n  const visibleTools = useMemo(() => {\n    if (showAllExtensions || sortedTools.length <= COLLAPSED_EXTENSION_COUNT) {\n      return sortedTools;\n    }\n\n    const defaultVisible = sortedTools.slice(0, COLLAPSED_EXTENSION_COUNT);\n    if (!activeExtensionId) return defaultVisible;\n\n    const activeTool = sortedTools.find(\n      (extension) => extension.id === activeExtensionId,\n    );\n    if (!activeTool || defaultVisible.some((tool) => tool.id === activeTool.id))\n      return defaultVisible;\n\n    return [\n      ...defaultVisible.slice(0, COLLAPSED_EXTENSION_COUNT - 1),\n      activeTool,\n    ];\n  }, [activeExtensionId, showAllExtensions, sortedTools]);\n\n  const hasMoreExtensions = sortedTools.length > COLLAPSED_EXTENSION_COUNT;\n\n  const reorderTool = useCallback(\n    (activeId: string, overId: string) => {\n      if (activeId === overId) return;\n      const ids = sortedTools.map((extension) => extension.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 = (text: string) => {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    sendToAgentChat({\n      message: `Create an extension: ${trimmed}`,\n      submit: true,\n      openSidebar: true,\n      newTab: true,\n    });\n    setShowCreate(false);\n  };\n\n  return (\n    <TooltipProvider delayDuration={200}>\n      <div className=\"group/help relative min-w-0 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            Extensions\n            <a\n              href=\"https://agent-native.com/docs/extensions\"\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=\"Extensions 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 extension\"\n              >\n                <IconPlus className=\"h-3.5 w-3.5\" />\n              </button>\n            </PopoverTrigger>\n            <PopoverContent\n              side=\"right\"\n              align=\"start\"\n              className=\"w-[420px] p-3\"\n            >\n              <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n                New extension\n              </p>\n              <PromptComposer\n                autoFocus\n                placeholder=\"Describe what you'd like to build...\"\n                draftScope=\"extensions:sidebar-create\"\n                onSubmit={handleCreate}\n              />\n            </PopoverContent>\n          </Popover>\n        </div>\n\n        {isLoading ? (\n          <div className=\"min-w-0 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=\"min-w-0 space-y-0.5 px-1\">\n            {visibleTools.map((extension) => {\n              const isActive =\n                location.pathname === `/extensions/${extension.id}` ||\n                location.pathname === `/extensions/${extension.id}/edit`;\n              const isFav = favoriteIds.has(extension.id);\n              const isRenamingThis = renamingId === extension.id;\n              const actionsVisible =\n                menuOpenId === extension.id || isRenamingThis;\n\n              return (\n                <div\n                  key={extension.id}\n                  onDragOver={(e) => {\n                    if (!draggingId || draggingId === extension.id) return;\n                    e.preventDefault();\n                    e.dataTransfer.dropEffect = \"move\";\n                    setDragOverId(extension.id);\n                  }}\n                  onDragLeave={() => {\n                    setDragOverId((current) =>\n                      current === extension.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, extension.id);\n                  }}\n                  className={cn(\n                    \"group/extension relative flex items-center min-w-0 rounded-md\",\n                    draggingId === extension.id && \"opacity-50\",\n                    dragOverId === extension.id &&\n                      draggingId !== extension.id &&\n                      \"bg-accent/60\",\n                  )}\n                >\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        draggable\n                        onDragStart={(e) => {\n                          setDraggingId(extension.id);\n                          setDragOverId(null);\n                          e.dataTransfer.effectAllowed = \"move\";\n                          e.dataTransfer.setData(\"text/plain\", extension.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/extension:opacity-100 group-focus-within/extension:opacity-100\"\n                        aria-label={`Reorder ${extension.name}`}\n                      >\n                        <IconGripVertical className=\"h-3 w-3\" />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent>Drag to reorder</TooltipContent>\n                  </Tooltip>\n                  <Link\n                    to={`/extensions/${extension.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/extension:pr-12 md:group-focus-within/extension: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(extension.id)}\n                        onKeyDown={(e) => {\n                          if (e.key === \"Enter\") submitRename(extension.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\">{extension.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/extension:opacity-100 md:group-focus-within/extension: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(extension.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                    <DropdownMenu\n                      open={menuOpenId === extension.id}\n                      onOpenChange={(open) =>\n                        setMenuOpenId(open ? extension.id : null)\n                      }\n                    >\n                      <DropdownMenuTrigger asChild>\n                        <button\n                          type=\"button\"\n                          className=\"pointer-events-auto cursor-pointer rounded p-0.5 text-muted-foreground/40 transition-colors hover:text-foreground\"\n                          aria-label=\"Extension actions\"\n                        >\n                          <IconDots className=\"h-3 w-3\" />\n                        </button>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent\n                        align=\"end\"\n                        sideOffset={4}\n                        className=\"min-w-[140px]\"\n                      >\n                        <DropdownMenuItem\n                          onSelect={() => startRename(extension)}\n                        >\n                          <IconPencil className=\"h-3.5 w-3.5\" />\n                          Rename\n                        </DropdownMenuItem>\n                        <DropdownMenuItem\n                          onSelect={() => handleDelete(extension.id)}\n                          className=\"text-destructive focus:text-destructive\"\n                        >\n                          <IconTrash className=\"h-3.5 w-3.5\" />\n                          Delete\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  </div>\n                </div>\n              );\n            })}\n            {hasMoreExtensions && (\n              <button\n                type=\"button\"\n                aria-expanded={showAllExtensions}\n                onClick={() => setShowAllExtensions((current) => !current)}\n                className=\"ml-5 mt-1 inline-flex h-5 items-center rounded px-1.5 text-[11px] font-medium text-muted-foreground/60 transition-colors hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\"\n              >\n                {showAllExtensions ? \"show less\" : \"show more\"}\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n    </TooltipProvider>\n  );\n}\n"]}

package/dist/client/resources/McpServerDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpServerDetail.d.ts","sourceRoot":"","sources":["../../../src/client/resources/McpServerDetail.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAE9B,UAAU,oBAAoB;IAC5B,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAiH/D"}
+{"version":3,"file":"McpServerDetail.d.ts","sourceRoot":"","sources":["../../../src/client/resources/McpServerDetail.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,sBAAsB,CAAC;AAE9B,UAAU,oBAAoB;IAC5B,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAwH/D"}

package/dist/client/resources/McpServerDetail.js

@@ -38,7 +38,9 @@ export function McpServerDetail({ server }) {
             setTesting(false);
         }
     };
-    return (_jsx("div", { className: "flex h-full flex-col overflow-y-auto", children: _jsxs("div", { className: "px-4 py-4", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(IconPlugConnected, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h2", { className: "text-[14px] font-medium text-foreground", children: server.name }), _jsx(StatusBadge, { server: server })] }), server.description && (_jsx("p", { className: "mb-4 text-[12px] leading-relaxed text-muted-foreground", children: server.description })), _jsxs("dl", { className: "space-y-3", children: [_jsx(Field, { label: "Scope", children: _jsx("span", { className: "text-[12px] text-foreground", children: server.scope === "user" ? "Personal" : "Organization" }) }), _jsx(Field, { label: "URL", children: _jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 text-[11px] text-foreground break-all", children: server.url }) }), headers.length > 0 && (_jsx(Field, { label: "Headers", children: _jsx("ul", { className: "space-y-1", children: headers.map((k) => (_jsxs("li", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [_jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 text-foreground", children: k }), _jsx("span", { className: "italic", children: "(hidden)" })] }, k))) }) })), _jsx(Field, { label: "Tools", children: _jsx(ToolsSummary, { server: server }) })] }), _jsxs("div", { className: "mt-5 flex items-center gap-2", children: [_jsxs("button", { type: "button", onClick: runTest, disabled: testing, className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1 text-[11px] font-medium text-foreground hover:bg-accent", testing && "opacity-60"), children: [testing ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconTestPipe, { className: "h-3 w-3" })), "Test connection"] }), testResult && _jsx(TestResultLine, { result: testResult })] }), _jsx("p", { className: "mt-6 rounded-md border border-border bg-muted/40 p-2.5 text-[11px] leading-relaxed text-muted-foreground", children: "To change the URL, headers, or description, delete this entry and add a new server. Edits in place aren't supported yet." })] }) }));
+    return (_jsx("div", { className: "flex h-full flex-col overflow-y-auto", children: _jsxs("div", { className: "px-4 py-4", children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [_jsx(IconPlugConnected, { className: "h-4 w-4 text-muted-foreground" }), _jsx("h2", { className: "text-[14px] font-medium text-foreground", children: server.name }), _jsx(StatusBadge, { server: server })] }), server.description && (_jsx("p", { className: "mb-4 text-[12px] leading-relaxed text-muted-foreground", children: server.description })), _jsxs("dl", { className: "space-y-3", children: [_jsx(Field, { label: "Scope", children: _jsxs("div", { className: "space-y-0.5", children: [_jsx("span", { className: "text-[12px] text-foreground", children: server.scope === "user" ? "Personal" : "Organization" }), _jsx("p", { className: "text-[11px] leading-relaxed text-muted-foreground", children: server.scope === "user"
+                                            ? "Only available to you. Best for private or staging connections."
+                                            : "Shared with the active organization. Best for vetted team connections." })] }) }), _jsx(Field, { label: "URL", children: _jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 text-[11px] text-foreground break-all", children: server.url }) }), headers.length > 0 && (_jsx(Field, { label: "Headers", children: _jsx("ul", { className: "space-y-1", children: headers.map((k) => (_jsxs("li", { className: "flex items-center gap-2 text-[11px] text-muted-foreground", children: [_jsx("code", { className: "rounded bg-muted px-1.5 py-0.5 text-foreground", children: k }), _jsx("span", { className: "italic", children: "(hidden)" })] }, k))) }) })), _jsx(Field, { label: "Tools", children: _jsx(ToolsSummary, { server: server }) })] }), _jsxs("div", { className: "mt-5 flex items-center gap-2", children: [_jsxs("button", { type: "button", onClick: runTest, disabled: testing, className: cn("inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1 text-[11px] font-medium text-foreground hover:bg-accent", testing && "opacity-60"), children: [testing ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(IconTestPipe, { className: "h-3 w-3" })), "Test connection"] }), testResult && _jsx(TestResultLine, { result: testResult })] }), _jsx("p", { className: "mt-6 rounded-md border border-border bg-muted/40 p-2.5 text-[11px] leading-relaxed text-muted-foreground", children: "To change the URL, headers, or description, delete this entry and add a new server. Edits in place aren't supported yet." })] }) }));
 }
 function Field({ label, children, }) {
     return (_jsxs("div", { children: [_jsx("dt", { className: "mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70", children: label }), _jsx("dd", { children: children })] }));

package/dist/client/resources/McpServerDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"McpServerDetail.js","sourceRoot":"","sources":["../../../src/client/resources/McpServerDetail.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\n/**\n * Detail view for a virtual MCP server entry in the Workspace tree.\n *\n * Shown when the user clicks an `mcp-servers/<name>.json` entry. Servers\n * aren't editable in-place — today the server endpoints only support\n * create + delete, matching the Settings UX they replaced. Users can\n * delete and recreate if they need to change a URL or headers.\n */\n\nimport React, { useState } from \"react\";\nimport {\n  IconPlugConnected,\n  IconAlertTriangle,\n  IconLoader2,\n  IconCheck,\n  IconTestPipe,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n  testMcpServerUrl,\n  type McpServer,\n  type TestMcpUrlResult,\n} from \"./use-mcp-servers.js\";\n\ninterface McpServerDetailProps {\n  server: McpServer;\n}\n\nexport function McpServerDetail({ server }: McpServerDetailProps) {\n  const [testing, setTesting] = useState(false);\n  const [testResult, setTestResult] = useState<TestMcpUrlResult | null>(null);\n\n  const headers = server.headers ? Object.keys(server.headers) : [];\n\n  const runTest = async () => {\n    setTesting(true);\n    setTestResult(null);\n    try {\n      // We don't have the real header values client-side (redacted). The\n      // test-existing endpoint uses the stored headers, but there's no\n      // convenient way to hit it from here without the server id + scope,\n      // which we do have — so wire that up.\n      const res = await fetch(\n        agentNativePath(\n          `/_agent-native/mcp/servers/${encodeURIComponent(server.id)}/test?scope=${server.scope}`,\n        ),\n        {\n          method: \"POST\",\n          credentials: \"include\",\n          headers: { \"Content-Type\": \"application/json\" },\n        },\n      );\n      const body = (await res.json().catch(() => ({}))) as TestMcpUrlResult;\n      setTestResult(body.ok ? body : { ok: false, error: body.error });\n    } catch (err: any) {\n      setTestResult({ ok: false, error: err?.message ?? String(err) });\n    } finally {\n      setTesting(false);\n    }\n  };\n\n  return (\n    <div className=\"flex h-full flex-col overflow-y-auto\">\n      <div className=\"px-4 py-4\">\n        <div className=\"mb-3 flex items-center gap-2\">\n          <IconPlugConnected className=\"h-4 w-4 text-muted-foreground\" />\n          <h2 className=\"text-[14px] font-medium text-foreground\">\n            {server.name}\n          </h2>\n          <StatusBadge server={server} />\n        </div>\n\n        {server.description && (\n          <p className=\"mb-4 text-[12px] leading-relaxed text-muted-foreground\">\n            {server.description}\n          </p>\n        )}\n\n        <dl className=\"space-y-3\">\n          <Field label=\"Scope\">\n            <span className=\"text-[12px] text-foreground\">\n              {server.scope === \"user\" ? \"Personal\" : \"Organization\"}\n            </span>\n          </Field>\n\n          <Field label=\"URL\">\n            <code className=\"rounded bg-muted px-1.5 py-0.5 text-[11px] text-foreground break-all\">\n              {server.url}\n            </code>\n          </Field>\n\n          {headers.length > 0 && (\n            <Field label=\"Headers\">\n              <ul className=\"space-y-1\">\n                {headers.map((k) => (\n                  <li\n                    key={k}\n                    className=\"flex items-center gap-2 text-[11px] text-muted-foreground\"\n                  >\n                    <code className=\"rounded bg-muted px-1.5 py-0.5 text-foreground\">\n                      {k}\n                    </code>\n                    <span className=\"italic\">(hidden)</span>\n                  </li>\n                ))}\n              </ul>\n            </Field>\n          )}\n\n          <Field label=\"Tools\">\n            <ToolsSummary server={server} />\n          </Field>\n        </dl>\n\n        <div className=\"mt-5 flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={runTest}\n            disabled={testing}\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1 text-[11px] font-medium text-foreground hover:bg-accent\",\n              testing && \"opacity-60\",\n            )}\n          >\n            {testing ? (\n              <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n            ) : (\n              <IconTestPipe className=\"h-3 w-3\" />\n            )}\n            Test connection\n          </button>\n          {testResult && <TestResultLine result={testResult} />}\n        </div>\n\n        <p className=\"mt-6 rounded-md border border-border bg-muted/40 p-2.5 text-[11px] leading-relaxed text-muted-foreground\">\n          To change the URL, headers, or description, delete this entry and add\n          a new server. Edits in place aren't supported yet.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction Field({\n  label,\n  children,\n}: {\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div>\n      <dt className=\"mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70\">\n        {label}\n      </dt>\n      <dd>{children}</dd>\n    </div>\n  );\n}\n\nfunction StatusBadge({ server }: { server: McpServer }) {\n  if (server.status.state === \"connected\") {\n    return (\n      <span className=\"inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400\">\n        <span className=\"h-1.5 w-1.5 rounded-full bg-green-500\" />\n        Connected\n      </span>\n    );\n  }\n  if (server.status.state === \"error\") {\n    return (\n      <span\n        className=\"inline-flex items-center gap-1 rounded-full bg-red-500/10 px-2 py-0.5 text-[10px] font-medium text-red-600 dark:text-red-400\"\n        title={server.status.error}\n      >\n        <IconAlertTriangle className=\"h-2.5 w-2.5\" />\n        Error\n      </span>\n    );\n  }\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n      <span className=\"h-1.5 w-1.5 rounded-full bg-muted-foreground/50\" />\n      Connecting…\n    </span>\n  );\n}\n\nfunction ToolsSummary({ server }: { server: McpServer }) {\n  if (server.status.state === \"connected\") {\n    return (\n      <span className=\"text-[12px] text-foreground\">\n        {server.status.toolCount} tool\n        {server.status.toolCount === 1 ? \"\" : \"s\"} exposed\n      </span>\n    );\n  }\n  if (server.status.state === \"error\") {\n    return (\n      <span className=\"text-[12px] text-red-600 dark:text-red-400\">\n        {server.status.error}\n      </span>\n    );\n  }\n  return (\n    <span className=\"text-[12px] text-muted-foreground\">\n      Not connected yet — try the Test button.\n    </span>\n  );\n}\n\nfunction TestResultLine({ result }: { result: TestMcpUrlResult }) {\n  if (result.ok) {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-[11px] text-green-600 dark:text-green-400\">\n        <IconCheck className=\"h-3 w-3\" />\n        {result.toolCount} tool{result.toolCount === 1 ? \"\" : \"s\"} available\n      </span>\n    );\n  }\n  return (\n    <span className=\"text-[11px] text-red-600 dark:text-red-400\">\n      {result.error ?? \"Failed\"}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"McpServerDetail.js","sourceRoot":"","sources":["../../../src/client/resources/McpServerDetail.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\n/**\n * Detail view for a virtual MCP server entry in the Workspace tree.\n *\n * Shown when the user clicks an `mcp-servers/<name>.json` entry. Servers\n * aren't editable in-place — today the server endpoints only support\n * create + delete, matching the Settings UX they replaced. Users can\n * delete and recreate if they need to change a URL or headers.\n */\n\nimport React, { useState } from \"react\";\nimport {\n  IconPlugConnected,\n  IconAlertTriangle,\n  IconLoader2,\n  IconCheck,\n  IconTestPipe,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport {\n  testMcpServerUrl,\n  type McpServer,\n  type TestMcpUrlResult,\n} from \"./use-mcp-servers.js\";\n\ninterface McpServerDetailProps {\n  server: McpServer;\n}\n\nexport function McpServerDetail({ server }: McpServerDetailProps) {\n  const [testing, setTesting] = useState(false);\n  const [testResult, setTestResult] = useState<TestMcpUrlResult | null>(null);\n\n  const headers = server.headers ? Object.keys(server.headers) : [];\n\n  const runTest = async () => {\n    setTesting(true);\n    setTestResult(null);\n    try {\n      // We don't have the real header values client-side (redacted). The\n      // test-existing endpoint uses the stored headers, but there's no\n      // convenient way to hit it from here without the server id + scope,\n      // which we do have — so wire that up.\n      const res = await fetch(\n        agentNativePath(\n          `/_agent-native/mcp/servers/${encodeURIComponent(server.id)}/test?scope=${server.scope}`,\n        ),\n        {\n          method: \"POST\",\n          credentials: \"include\",\n          headers: { \"Content-Type\": \"application/json\" },\n        },\n      );\n      const body = (await res.json().catch(() => ({}))) as TestMcpUrlResult;\n      setTestResult(body.ok ? body : { ok: false, error: body.error });\n    } catch (err: any) {\n      setTestResult({ ok: false, error: err?.message ?? String(err) });\n    } finally {\n      setTesting(false);\n    }\n  };\n\n  return (\n    <div className=\"flex h-full flex-col overflow-y-auto\">\n      <div className=\"px-4 py-4\">\n        <div className=\"mb-3 flex items-center gap-2\">\n          <IconPlugConnected className=\"h-4 w-4 text-muted-foreground\" />\n          <h2 className=\"text-[14px] font-medium text-foreground\">\n            {server.name}\n          </h2>\n          <StatusBadge server={server} />\n        </div>\n\n        {server.description && (\n          <p className=\"mb-4 text-[12px] leading-relaxed text-muted-foreground\">\n            {server.description}\n          </p>\n        )}\n\n        <dl className=\"space-y-3\">\n          <Field label=\"Scope\">\n            <div className=\"space-y-0.5\">\n              <span className=\"text-[12px] text-foreground\">\n                {server.scope === \"user\" ? \"Personal\" : \"Organization\"}\n              </span>\n              <p className=\"text-[11px] leading-relaxed text-muted-foreground\">\n                {server.scope === \"user\"\n                  ? \"Only available to you. Best for private or staging connections.\"\n                  : \"Shared with the active organization. Best for vetted team connections.\"}\n              </p>\n            </div>\n          </Field>\n\n          <Field label=\"URL\">\n            <code className=\"rounded bg-muted px-1.5 py-0.5 text-[11px] text-foreground break-all\">\n              {server.url}\n            </code>\n          </Field>\n\n          {headers.length > 0 && (\n            <Field label=\"Headers\">\n              <ul className=\"space-y-1\">\n                {headers.map((k) => (\n                  <li\n                    key={k}\n                    className=\"flex items-center gap-2 text-[11px] text-muted-foreground\"\n                  >\n                    <code className=\"rounded bg-muted px-1.5 py-0.5 text-foreground\">\n                      {k}\n                    </code>\n                    <span className=\"italic\">(hidden)</span>\n                  </li>\n                ))}\n              </ul>\n            </Field>\n          )}\n\n          <Field label=\"Tools\">\n            <ToolsSummary server={server} />\n          </Field>\n        </dl>\n\n        <div className=\"mt-5 flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={runTest}\n            disabled={testing}\n            className={cn(\n              \"inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-2.5 py-1 text-[11px] font-medium text-foreground hover:bg-accent\",\n              testing && \"opacity-60\",\n            )}\n          >\n            {testing ? (\n              <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n            ) : (\n              <IconTestPipe className=\"h-3 w-3\" />\n            )}\n            Test connection\n          </button>\n          {testResult && <TestResultLine result={testResult} />}\n        </div>\n\n        <p className=\"mt-6 rounded-md border border-border bg-muted/40 p-2.5 text-[11px] leading-relaxed text-muted-foreground\">\n          To change the URL, headers, or description, delete this entry and add\n          a new server. Edits in place aren't supported yet.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction Field({\n  label,\n  children,\n}: {\n  label: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div>\n      <dt className=\"mb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground/70\">\n        {label}\n      </dt>\n      <dd>{children}</dd>\n    </div>\n  );\n}\n\nfunction StatusBadge({ server }: { server: McpServer }) {\n  if (server.status.state === \"connected\") {\n    return (\n      <span className=\"inline-flex items-center gap-1 rounded-full bg-green-500/10 px-2 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400\">\n        <span className=\"h-1.5 w-1.5 rounded-full bg-green-500\" />\n        Connected\n      </span>\n    );\n  }\n  if (server.status.state === \"error\") {\n    return (\n      <span\n        className=\"inline-flex items-center gap-1 rounded-full bg-red-500/10 px-2 py-0.5 text-[10px] font-medium text-red-600 dark:text-red-400\"\n        title={server.status.error}\n      >\n        <IconAlertTriangle className=\"h-2.5 w-2.5\" />\n        Error\n      </span>\n    );\n  }\n  return (\n    <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n      <span className=\"h-1.5 w-1.5 rounded-full bg-muted-foreground/50\" />\n      Connecting…\n    </span>\n  );\n}\n\nfunction ToolsSummary({ server }: { server: McpServer }) {\n  if (server.status.state === \"connected\") {\n    return (\n      <span className=\"text-[12px] text-foreground\">\n        {server.status.toolCount} tool\n        {server.status.toolCount === 1 ? \"\" : \"s\"} exposed\n      </span>\n    );\n  }\n  if (server.status.state === \"error\") {\n    return (\n      <span className=\"text-[12px] text-red-600 dark:text-red-400\">\n        {server.status.error}\n      </span>\n    );\n  }\n  return (\n    <span className=\"text-[12px] text-muted-foreground\">\n      Not connected yet — try the Test button.\n    </span>\n  );\n}\n\nfunction TestResultLine({ result }: { result: TestMcpUrlResult }) {\n  if (result.ok) {\n    return (\n      <span className=\"inline-flex items-center gap-1 text-[11px] text-green-600 dark:text-green-400\">\n        <IconCheck className=\"h-3 w-3\" />\n        {result.toolCount} tool{result.toolCount === 1 ? \"\" : \"s\"} available\n      </span>\n    );\n  }\n  return (\n    <span className=\"text-[11px] text-red-600 dark:text-red-400\">\n      {result.error ?? \"Failed\"}\n    </span>\n  );\n}\n"]}

package/dist/client/resources/ResourcesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/client/resources/ResourcesPanel.tsx"],"names":[],"mappings":"AAk+BA,wBAAgB,cAAc,4CA0jB7B"}
+{"version":3,"file":"ResourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/client/resources/ResourcesPanel.tsx"],"names":[],"mappings":"AAo+BA,wBAAgB,cAAc,4CA0jB7B"}

package/dist/client/resources/ResourcesPanel.js

@@ -435,7 +435,7 @@ The result should be a reusable agent profile, not a one-off task response.`,
                                             lineHeight: 1.5,
                                         } })] }), _jsx("div", { className: "mt-2.5 flex justify-end", children: _jsx("button", { onClick: submitAgentManual, disabled: !agentName.trim() ||
                                         !agentDescription.trim() ||
-                                        !agentInstructions.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Create" }) })] })), view === "mcp-server" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Connect MCP Server" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Point at any Streamable HTTP MCP server (Zapier, Cloudflare, internal tools). Its tools become available to the agent.", " ", _jsxs("a", { href: "https://agent-native.com/docs/mcp-clients#remote-via-ui", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-0.5 text-muted-foreground/80 underline hover:text-foreground", children: ["Learn more", _jsx(IconExternalLink, { className: "inline h-2.5 w-2.5" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-1 rounded-md border border-border p-0.5", children: [_jsx("button", { type: "button", onClick: () => setMcpScope("user"), className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "user"
+                                        !agentInstructions.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Create" }) })] })), view === "mcp-server" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Connect MCP Server" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Point at any Streamable HTTP MCP server (Zapier, Cloudflare, internal tools). Its tools become available to the agent. Use Personal for private or staging servers; use Organization only for vetted servers the whole org should share.", " ", _jsxs("a", { href: "https://agent-native.com/docs/mcp-clients#remote-via-ui", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-0.5 text-muted-foreground/80 underline hover:text-foreground", children: ["Learn more", _jsx(IconExternalLink, { className: "inline h-2.5 w-2.5" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-1 rounded-md border border-border p-0.5", children: [_jsx("button", { type: "button", onClick: () => setMcpScope("user"), className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "user"
                                                     ? "bg-accent text-foreground"
                                                     : "text-muted-foreground hover:text-foreground"), children: "Personal" }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => hasOrg && canCreateOrgMcp && setMcpScope("org"), disabled: !hasOrg || !canCreateOrgMcp, className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "org"
                                                                 ? "bg-accent text-foreground"
@@ -447,7 +447,7 @@ The result should be a reusable agent profile, not a one-off task response.`,
                                                                 : undefined })] })] }), _jsx("input", { value: mcpName, onChange: (e) => {
                                             setMcpName(e.target.value);
                                             clearMcpFeedback();
-                                        }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Server name (e.g. zapier)" }), _jsx("input", { value: mcpUrl, onChange: (e) => {
+                                        }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Server name (e.g. zapier-staging)" }), _jsx("input", { value: mcpUrl, onChange: (e) => {
                                             setMcpUrl(e.target.value);
                                             clearMcpFeedback();
                                         }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "https://mcp.example.com/" }), _jsx("input", { value: mcpDescription, onChange: (e) => {