@agent-native/core 0.7.23 → 0.7.24

package/dist/client/resources/ResourceTree.js

@@ -2,6 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, useCallback } from "react";
 import { IconChevronRight, IconChevronDown, IconFolder, IconFileText, IconFileCode, IconPhoto, IconFile, IconPlus, IconTrash, IconMessageChatbot, IconPlugConnected, IconBulb, IconClockHour3, IconLoader2, } from "@tabler/icons-react";
 import { cn } from "../utils.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
+function StatusDot({ className, tooltip, }) {
+    return (_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "aria-label": tooltip, className: cn("ml-1 inline-block h-1.5 w-1.5 shrink-0", className) }) }), _jsx(TooltipContent, { children: tooltip })] }) }));
+}
 // ─── Helpers ────────────────────────────────────────────────────────────────
 function getFileIcon(node) {
     if (node.kind === "agent") {
@@ -29,27 +33,27 @@ function getFileIcon(node) {
 }
 function McpStatusDot({ server }) {
     if (server.status.state === "connected") {
-        return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-green-500", title: `Connected — ${server.status.toolCount} tool${server.status.toolCount === 1 ? "" : "s"}` }));
+        return (_jsx(StatusDot, { className: "rounded-full bg-green-500", tooltip: `Connected — ${server.status.toolCount} tool${server.status.toolCount === 1 ? "" : "s"}` }));
     }
     if (server.status.state === "error") {
-        return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-red-500", title: `Error: ${server.status.error}` }));
+        return (_jsx(StatusDot, { className: "rounded-full bg-red-500", tooltip: `Error: ${server.status.error}` }));
     }
-    return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40", title: "Connecting\u2026" }));
+    return (_jsx(StatusDot, { className: "rounded-full bg-muted-foreground/40", tooltip: "Connecting\u2026" }));
 }
 function JobStatusDot({ meta }) {
     if (!meta.enabled) {
-        return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40", title: "Disabled" }));
+        return (_jsx(StatusDot, { className: "rounded-full bg-muted-foreground/40", tooltip: "Disabled" }));
     }
     if (meta.lastStatus === "running") {
-        return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-blue-500 animate-pulse", title: "Running" }));
+        return (_jsx(StatusDot, { className: "rounded-full bg-blue-500 animate-pulse", tooltip: "Running" }));
     }
     if (meta.lastStatus === "error") {
-        return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-red-500", title: "Last run failed" }));
+        return (_jsx(StatusDot, { className: "rounded-full bg-red-500", tooltip: "Last run failed" }));
     }
     if (meta.lastStatus === "success") {
-        return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-green-500", title: "Last run succeeded" }));
+        return (_jsx(StatusDot, { className: "rounded-full bg-green-500", tooltip: "Last run succeeded" }));
     }
-    return (_jsx("span", { className: "ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500", title: "Scheduled (not yet run)" }));
+    return (_jsx(StatusDot, { className: "rounded-full bg-amber-500", tooltip: "Scheduled (not yet run)" }));
 }
 // ─── TreeNodeRow ────────────────────────────────────────────────────────────
 function TreeNodeRow({ node, depth, expanded, selectedId, deletingId, readOnly, onToggle, onSelect, onDelete, onStartCreate, }) {
@@ -68,14 +72,14 @@ function TreeNodeRow({ node, depth, expanded, selectedId, deletingId, readOnly,
                     else if (node.resource) {
                         onSelect(node.resource);
                     }
-                }, children: [isFolder ? (isExpanded ? (_jsx(IconChevronDown, { className: "h-3 w-3 shrink-0" })) : (_jsx(IconChevronRight, { className: "h-3 w-3 shrink-0" }))) : (_jsx("span", { className: "w-3 shrink-0" })), isFolder ? (_jsx(IconFolder, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })) : (getFileIcon(node)), _jsx("span", { className: "min-w-0 truncate text-[12px] leading-none", children: node.name }), node.jobMeta && _jsx(JobStatusDot, { meta: node.jobMeta }), node.mcpServerMeta && _jsx(McpStatusDot, { server: node.mcpServerMeta }), !readOnly && (_jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 group-hover/row:opacity-100", children: [isFolder && (_jsx("button", { onClick: (e) => {
-                                    e.stopPropagation();
-                                    onStartCreate(node.path, "file");
-                                }, className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "New file", children: _jsx(IconPlus, { className: "h-3 w-3" }) })), node.resource &&
-                                (isDeleting ? (_jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground", title: "Deleting...", children: _jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }) })) : (_jsx("button", { onClick: (e) => {
-                                        e.stopPropagation();
-                                        onDelete(node.resource.id);
-                                    }, className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-destructive hover:bg-accent/50", title: "Delete", children: _jsx(IconTrash, { className: "h-3 w-3" }) })))] }))] }), isFolder && isExpanded && node.children && (_jsx("div", { children: node.children.map((child) => (_jsx(TreeNodeRow, { node: child, depth: depth + 1, expanded: expanded, selectedId: selectedId, deletingId: deletingId, readOnly: readOnly, onToggle: onToggle, onSelect: onSelect, onDelete: onDelete, onStartCreate: onStartCreate }, child.resource?.id ?? child.path))) }))] }));
+                }, children: [isFolder ? (isExpanded ? (_jsx(IconChevronDown, { className: "h-3 w-3 shrink-0" })) : (_jsx(IconChevronRight, { className: "h-3 w-3 shrink-0" }))) : (_jsx("span", { className: "w-3 shrink-0" })), isFolder ? (_jsx(IconFolder, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })) : (getFileIcon(node)), _jsx("span", { className: "min-w-0 truncate text-[12px] leading-none", children: node.name }), node.jobMeta && _jsx(JobStatusDot, { meta: node.jobMeta }), node.mcpServerMeta && _jsx(McpStatusDot, { server: node.mcpServerMeta }), !readOnly && (_jsx("div", { className: "ml-auto flex shrink-0 items-center gap-0.5 opacity-0 group-hover/row:opacity-100", children: _jsxs(TooltipProvider, { delayDuration: 200, children: [isFolder && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    onStartCreate(node.path, "file");
+                                                }, "aria-label": "New file", className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "New file" })] })), node.resource &&
+                                    (isDeleting ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { "aria-label": "Deleting\u2026", className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground", children: _jsx(IconLoader2, { className: "h-3 w-3 animate-spin" }) }) }), _jsx(TooltipContent, { children: "Deleting\u2026" })] })) : (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: (e) => {
+                                                        e.stopPropagation();
+                                                        onDelete(node.resource.id);
+                                                    }, "aria-label": "Delete", className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-destructive hover:bg-accent/50", children: _jsx(IconTrash, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "Delete" })] })))] }) }))] }), isFolder && isExpanded && node.children && (_jsx("div", { children: node.children.map((child) => (_jsx(TreeNodeRow, { node: child, depth: depth + 1, expanded: expanded, selectedId: selectedId, deletingId: deletingId, readOnly: readOnly, onToggle: onToggle, onSelect: onSelect, onDelete: onDelete, onStartCreate: onStartCreate }, child.resource?.id ?? child.path))) }))] }));
 }
 // ─── InlineInput ────────────────────────────────────────────────────────────
 function InlineInput({ depth, onConfirm, onCancel, }) {
@@ -160,7 +164,7 @@ export function ResourceTree({ tree, selectedId, onSelect, onCreateFile, onCreat
             onDrop(e.dataTransfer.files);
         }
     }, [onDrop, readOnly]);
-    return (_jsxs("div", { className: cn("p-1", dragOver && !readOnly && "ring-1 ring-inset ring-accent"), onDragOver: readOnly ? undefined : handleDragOver, onDragLeave: readOnly ? undefined : handleDragLeave, onDrop: readOnly ? undefined : handleDrop, children: [_jsxs("div", { className: "group/root flex items-center justify-between px-1.5 py-1", children: [_jsxs("span", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60", title: titleTooltip, children: [title, headingHint && (_jsx("span", { className: "text-[10px] font-normal normal-case tracking-normal text-muted-foreground/50", children: headingHint }))] }), !readOnly && (_jsx("button", { onClick: () => handleStartCreate("", "file"), className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground/50 opacity-0 group-hover/root:opacity-100 hover:text-foreground hover:bg-accent/50", title: "New file", children: _jsx(IconPlus, { className: "h-3 w-3" }) }))] }), tree.map((node) => (_jsx(TreeNodeRow, { node: node, depth: 0, expanded: expanded, selectedId: selectedId, deletingId: deletingId, readOnly: readOnly, onToggle: toggleExpand, onSelect: onSelect, onDelete: onDelete, onStartCreate: handleStartCreate }, node.resource?.id ?? node.path))), isLoading && tree.length === 0 && (_jsx("div", { className: "px-1 py-1", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2 px-1.5 py-1", children: [_jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted-foreground/10 animate-pulse", style: { animationDelay: `${i * 75}ms` } }), _jsx("div", { className: "h-3 rounded bg-muted-foreground/10 animate-pulse", style: {
+    return (_jsxs("div", { className: cn("p-1", dragOver && !readOnly && "ring-1 ring-inset ring-accent"), onDragOver: readOnly ? undefined : handleDragOver, onDragLeave: readOnly ? undefined : handleDragLeave, onDrop: readOnly ? undefined : handleDrop, children: [_jsx("div", { className: "group/root flex items-center justify-between px-1.5 py-1", children: _jsxs(TooltipProvider, { delayDuration: 200, children: [titleTooltip ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("span", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60", children: [title, headingHint && (_jsx("span", { className: "text-[10px] font-normal normal-case tracking-normal text-muted-foreground/50", children: headingHint }))] }) }), _jsx(TooltipContent, { children: titleTooltip })] })) : (_jsxs("span", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60", children: [title, headingHint && (_jsx("span", { className: "text-[10px] font-normal normal-case tracking-normal text-muted-foreground/50", children: headingHint }))] })), !readOnly && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => handleStartCreate("", "file"), "aria-label": "New file", className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground/50 opacity-0 group-hover/root:opacity-100 hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { className: "h-3 w-3" }) }) }), _jsx(TooltipContent, { children: "New file" })] }))] }) }), tree.map((node) => (_jsx(TreeNodeRow, { node: node, depth: 0, expanded: expanded, selectedId: selectedId, deletingId: deletingId, readOnly: readOnly, onToggle: toggleExpand, onSelect: onSelect, onDelete: onDelete, onStartCreate: handleStartCreate }, node.resource?.id ?? node.path))), isLoading && tree.length === 0 && (_jsx("div", { className: "px-1 py-1", children: Array.from({ length: 3 }).map((_, i) => (_jsxs("div", { className: "flex items-center gap-2 px-1.5 py-1", children: [_jsx("div", { className: "h-3.5 w-3.5 rounded bg-muted-foreground/10 animate-pulse", style: { animationDelay: `${i * 75}ms` } }), _jsx("div", { className: "h-3 rounded bg-muted-foreground/10 animate-pulse", style: {
                                 width: `${50 + ((i * 37) % 40)}%`,
                                 animationDelay: `${i * 75}ms`,
                             } })] }, i))) })), creating && creating.parentPath === "" && (_jsx(InlineInput, { depth: 0, onConfirm: handleConfirmCreate, onCancel: handleCancelCreate })), creating && creating.parentPath !== "" && (_jsx(InlineInput, { depth: creating.parentPath.split("/").filter(Boolean).length, onConfirm: handleConfirmCreate, onCancel: handleCancelCreate })), tree.length === 0 && !creating && !isLoading && (_jsx("div", { className: "px-2 py-1", children: _jsx("p", { className: "text-[11px] text-muted-foreground/40", children: "No files yet" }) }))] }));

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceTree.js","sourceRoot":"","sources":["../../../src/client/resources/ResourceTree.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport {\n  IconChevronRight,\n  IconChevronDown,\n  IconFolder,\n  IconFileText,\n  IconFileCode,\n  IconPhoto,\n  IconFile,\n  IconPlus,\n  IconTrash,\n  IconMessageChatbot,\n  IconPlugConnected,\n  IconBulb,\n  IconClockHour3,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport type { TreeNode, ResourceMeta, JobMetadata } from \"./use-resources.js\";\nimport type { McpServer } from \"./use-mcp-servers.js\";\n\n// ─── Helpers ────────────────────────────────────────────────────────────────\n\nfunction getFileIcon(node: TreeNode): React.ReactNode {\n  if (node.kind === \"agent\") {\n    return (\n      <IconMessageChatbot className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n    );\n  }\n  if (node.kind === \"remote-agent\" || node.kind === \"mcp-server\") {\n    return (\n      <IconPlugConnected className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n    );\n  }\n  if (node.kind === \"skill\") {\n    return <IconBulb className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />;\n  }\n  if (node.kind === \"job\") {\n    return (\n      <IconClockHour3 className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n    );\n  }\n  const name = node.name;\n  const ext = name.split(\".\").pop()?.toLowerCase() ?? \"\";\n  const iconClass = \"h-3.5 w-3.5 shrink-0 text-muted-foreground\";\n  if (ext === \"md\" || ext === \"mdx\")\n    return <IconFileText className={iconClass} />;\n  if (\n    [\"ts\", \"tsx\", \"js\", \"jsx\", \"json\", \"css\", \"html\", \"py\", \"sh\"].includes(ext)\n  )\n    return <IconFileCode className={iconClass} />;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\", \"ico\"].includes(ext))\n    return <IconPhoto className={iconClass} />;\n  return <IconFile className={iconClass} />;\n}\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\nexport interface ResourceTreeProps {\n  tree: TreeNode[];\n  selectedId: string | null;\n  onSelect: (resource: ResourceMeta) => void;\n  onCreateFile: (parentPath: string, name: string) => void;\n  onCreateFolder: (parentPath: string, name: string) => void;\n  onDelete: (id: string) => void;\n  onRename: (id: string, newPath: string) => void;\n  onDrop: (files: FileList) => void;\n  /** Section title displayed as heading */\n  title?: string;\n  /** Tooltip for the section heading */\n  titleTooltip?: string;\n  /** Whether this section's tree is still loading */\n  isLoading?: boolean;\n  /** Resource id currently being deleted (shows spinner + muted row) */\n  deletingId?: string | null;\n  /** When true, hide create/delete/rename/upload affordances. Files stay readable. */\n  readOnly?: boolean;\n  /** Optional hint shown next to the heading (e.g. \"Read only\") */\n  headingHint?: React.ReactNode;\n}\n\ninterface CreatingState {\n  parentPath: string;\n  type: \"file\" | \"folder\";\n}\n\nfunction McpStatusDot({ server }: { server: McpServer }) {\n  if (server.status.state === \"connected\") {\n    return (\n      <span\n        className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-green-500\"\n        title={`Connected — ${server.status.toolCount} tool${server.status.toolCount === 1 ? \"\" : \"s\"}`}\n      />\n    );\n  }\n  if (server.status.state === \"error\") {\n    return (\n      <span\n        className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-red-500\"\n        title={`Error: ${server.status.error}`}\n      />\n    );\n  }\n  return (\n    <span\n      className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40\"\n      title=\"Connecting…\"\n    />\n  );\n}\n\nfunction JobStatusDot({ meta }: { meta: JobMetadata }) {\n  if (!meta.enabled) {\n    return (\n      <span\n        className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40\"\n        title=\"Disabled\"\n      />\n    );\n  }\n  if (meta.lastStatus === \"running\") {\n    return (\n      <span\n        className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-blue-500 animate-pulse\"\n        title=\"Running\"\n      />\n    );\n  }\n  if (meta.lastStatus === \"error\") {\n    return (\n      <span\n        className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-red-500\"\n        title=\"Last run failed\"\n      />\n    );\n  }\n  if (meta.lastStatus === \"success\") {\n    return (\n      <span\n        className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-green-500\"\n        title=\"Last run succeeded\"\n      />\n    );\n  }\n  return (\n    <span\n      className=\"ml-1 inline-block h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500\"\n      title=\"Scheduled (not yet run)\"\n    />\n  );\n}\n\n// ─── TreeNodeRow ────────────────────────────────────────────────────────────\n\nfunction TreeNodeRow({\n  node,\n  depth,\n  expanded,\n  selectedId,\n  deletingId,\n  readOnly,\n  onToggle,\n  onSelect,\n  onDelete,\n  onStartCreate,\n}: {\n  node: TreeNode;\n  depth: number;\n  expanded: Set<string>;\n  selectedId: string | null;\n  deletingId?: string | null;\n  readOnly?: boolean;\n  onToggle: (path: string) => void;\n  onSelect: (resource: ResourceMeta) => void;\n  onDelete: (id: string) => void;\n  onStartCreate: (parentPath: string, type: \"file\" | \"folder\") => void;\n}) {\n  const isFolder = node.type === \"folder\";\n  const isExpanded = expanded.has(node.path);\n  const isSelected = node.resource?.id === selectedId;\n  const isDeleting = !!node.resource && node.resource.id === deletingId;\n\n  return (\n    <div>\n      <div\n        className={cn(\n          \"group/row flex items-center gap-1 rounded-md px-1.5 py-1 select-none\",\n          isDeleting ? \"pointer-events-none opacity-40\" : \"cursor-pointer\",\n          isSelected\n            ? \"bg-accent text-foreground\"\n            : \"text-muted-foreground hover:bg-accent/50 hover:text-foreground\",\n        )}\n        style={{ paddingLeft: depth * 16 + 6 }}\n        onClick={() => {\n          if (isDeleting) return;\n          if (isFolder) {\n            onToggle(node.path);\n          } else if (node.resource) {\n            onSelect(node.resource);\n          }\n        }}\n      >\n        {isFolder ? (\n          isExpanded ? (\n            <IconChevronDown className=\"h-3 w-3 shrink-0\" />\n          ) : (\n            <IconChevronRight className=\"h-3 w-3 shrink-0\" />\n          )\n        ) : (\n          <span className=\"w-3 shrink-0\" />\n        )}\n        {isFolder ? (\n          <IconFolder className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n        ) : (\n          getFileIcon(node)\n        )}\n        <span className=\"min-w-0 truncate text-[12px] leading-none\">\n          {node.name}\n        </span>\n        {node.jobMeta && <JobStatusDot meta={node.jobMeta} />}\n        {node.mcpServerMeta && <McpStatusDot server={node.mcpServerMeta} />}\n        {!readOnly && (\n          <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 group-hover/row:opacity-100\">\n            {isFolder && (\n              <button\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onStartCreate(node.path, \"file\");\n                }}\n                className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n                title=\"New file\"\n              >\n                <IconPlus className=\"h-3 w-3\" />\n              </button>\n            )}\n            {node.resource &&\n              (isDeleting ? (\n                <span\n                  className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground\"\n                  title=\"Deleting...\"\n                >\n                  <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                </span>\n              ) : (\n                <button\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onDelete(node.resource!.id);\n                  }}\n                  className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-destructive hover:bg-accent/50\"\n                  title=\"Delete\"\n                >\n                  <IconTrash className=\"h-3 w-3\" />\n                </button>\n              ))}\n          </div>\n        )}\n      </div>\n      {isFolder && isExpanded && node.children && (\n        <div>\n          {node.children.map((child) => (\n            <TreeNodeRow\n              key={child.resource?.id ?? child.path}\n              node={child}\n              depth={depth + 1}\n              expanded={expanded}\n              selectedId={selectedId}\n              deletingId={deletingId}\n              readOnly={readOnly}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              onDelete={onDelete}\n              onStartCreate={onStartCreate}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── InlineInput ────────────────────────────────────────────────────────────\n\nfunction InlineInput({\n  depth,\n  onConfirm,\n  onCancel,\n}: {\n  depth: number;\n  onConfirm: (name: string) => void;\n  onCancel: () => void;\n}) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [value, setValue] = useState(\"\");\n\n  React.useEffect(() => {\n    inputRef.current?.focus();\n  }, []);\n\n  return (\n    <div\n      className=\"flex items-center gap-1 px-1.5 py-0.5\"\n      style={{ paddingLeft: depth * 16 + 6 + 16 }}\n    >\n      <IconFile className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n      <input\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && value.trim()) {\n            onConfirm(value.trim());\n          } else if (e.key === \"Escape\") {\n            onCancel();\n          }\n        }}\n        onBlur={() => {\n          if (value.trim()) {\n            onConfirm(value.trim());\n          } else {\n            onCancel();\n          }\n        }}\n        className=\"min-w-0 flex-1 bg-transparent text-[12px] leading-none text-foreground outline-none placeholder:text-muted-foreground/50\"\n        placeholder=\"filename.md\"\n      />\n    </div>\n  );\n}\n\n// ─── ResourceTree ───────────────────────────────────────────────────────────\n\nexport function ResourceTree({\n  tree,\n  selectedId,\n  onSelect,\n  onCreateFile,\n  onCreateFolder,\n  onDelete,\n  onDrop,\n  title = \"Files\",\n  titleTooltip,\n  isLoading = false,\n  deletingId = null,\n  readOnly = false,\n  headingHint,\n}: ResourceTreeProps) {\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set());\n  const [creating, setCreating] = useState<CreatingState | null>(null);\n  const [dragOver, setDragOver] = useState(false);\n\n  const toggleExpand = useCallback((path: string) => {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (next.has(path)) {\n        next.delete(path);\n      } else {\n        next.add(path);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleStartCreate = useCallback(\n    (parentPath: string, type: \"file\" | \"folder\") => {\n      setCreating({ parentPath, type });\n      // auto-expand the parent folder\n      setExpanded((prev) => {\n        const next = new Set(prev);\n        next.add(parentPath);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const handleConfirmCreate = useCallback(\n    (name: string) => {\n      if (!creating) return;\n      if (creating.type === \"file\") {\n        onCreateFile(creating.parentPath, name);\n      } else {\n        onCreateFolder(creating.parentPath, name);\n      }\n      setCreating(null);\n    },\n    [creating, onCreateFile, onCreateFolder],\n  );\n\n  const handleCancelCreate = useCallback(() => {\n    setCreating(null);\n  }, []);\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDragOver(true);\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDragOver(false);\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setDragOver(false);\n      if (readOnly) return;\n      if (e.dataTransfer.files.length > 0) {\n        onDrop(e.dataTransfer.files);\n      }\n    },\n    [onDrop, readOnly],\n  );\n\n  return (\n    <div\n      className={cn(\n        \"p-1\",\n        dragOver && !readOnly && \"ring-1 ring-inset ring-accent\",\n      )}\n      onDragOver={readOnly ? undefined : handleDragOver}\n      onDragLeave={readOnly ? undefined : handleDragLeave}\n      onDrop={readOnly ? undefined : handleDrop}\n    >\n      {/* Section heading */}\n      <div className=\"group/root flex items-center justify-between px-1.5 py-1\">\n        <span\n          className=\"flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60\"\n          title={titleTooltip}\n        >\n          {title}\n          {headingHint && (\n            <span className=\"text-[10px] font-normal normal-case tracking-normal text-muted-foreground/50\">\n              {headingHint}\n            </span>\n          )}\n        </span>\n        {!readOnly && (\n          <button\n            onClick={() => handleStartCreate(\"\", \"file\")}\n            className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground/50 opacity-0 group-hover/root:opacity-100 hover:text-foreground hover:bg-accent/50\"\n            title=\"New file\"\n          >\n            <IconPlus className=\"h-3 w-3\" />\n          </button>\n        )}\n      </div>\n\n      {tree.map((node) => (\n        <TreeNodeRow\n          key={node.resource?.id ?? node.path}\n          node={node}\n          depth={0}\n          expanded={expanded}\n          selectedId={selectedId}\n          deletingId={deletingId}\n          readOnly={readOnly}\n          onToggle={toggleExpand}\n          onSelect={onSelect}\n          onDelete={onDelete}\n          onStartCreate={handleStartCreate}\n        />\n      ))}\n\n      {isLoading && tree.length === 0 && (\n        <div className=\"px-1 py-1\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div key={i} className=\"flex items-center gap-2 px-1.5 py-1\">\n              <div\n                className=\"h-3.5 w-3.5 rounded bg-muted-foreground/10 animate-pulse\"\n                style={{ animationDelay: `${i * 75}ms` }}\n              />\n              <div\n                className=\"h-3 rounded bg-muted-foreground/10 animate-pulse\"\n                style={{\n                  width: `${50 + ((i * 37) % 40)}%`,\n                  animationDelay: `${i * 75}ms`,\n                }}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Inline input for root-level creation */}\n      {creating && creating.parentPath === \"\" && (\n        <InlineInput\n          depth={0}\n          onConfirm={handleConfirmCreate}\n          onCancel={handleCancelCreate}\n        />\n      )}\n\n      {/* Inline input for folder-level creation */}\n      {creating && creating.parentPath !== \"\" && (\n        <InlineInput\n          depth={creating.parentPath.split(\"/\").filter(Boolean).length}\n          onConfirm={handleConfirmCreate}\n          onCancel={handleCancelCreate}\n        />\n      )}\n\n      {tree.length === 0 && !creating && !isLoading && (\n        <div className=\"px-2 py-1\">\n          <p className=\"text-[11px] text-muted-foreground/40\">No files yet</p>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ResourceTree.js","sourceRoot":"","sources":["../../../src/client/resources/ResourceTree.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useCallback } from \"react\";\nimport {\n  IconChevronRight,\n  IconChevronDown,\n  IconFolder,\n  IconFileText,\n  IconFileCode,\n  IconPhoto,\n  IconFile,\n  IconPlus,\n  IconTrash,\n  IconMessageChatbot,\n  IconPlugConnected,\n  IconBulb,\n  IconClockHour3,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport type { TreeNode, ResourceMeta, JobMetadata } from \"./use-resources.js\";\nimport type { McpServer } from \"./use-mcp-servers.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\nfunction StatusDot({\n  className,\n  tooltip,\n}: {\n  className: string;\n  tooltip: string;\n}) {\n  return (\n    <TooltipProvider delayDuration={200}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <span\n            aria-label={tooltip}\n            className={cn(\"ml-1 inline-block h-1.5 w-1.5 shrink-0\", className)}\n          />\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\n// ─── Helpers ────────────────────────────────────────────────────────────────\n\nfunction getFileIcon(node: TreeNode): React.ReactNode {\n  if (node.kind === \"agent\") {\n    return (\n      <IconMessageChatbot className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n    );\n  }\n  if (node.kind === \"remote-agent\" || node.kind === \"mcp-server\") {\n    return (\n      <IconPlugConnected className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n    );\n  }\n  if (node.kind === \"skill\") {\n    return <IconBulb className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />;\n  }\n  if (node.kind === \"job\") {\n    return (\n      <IconClockHour3 className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n    );\n  }\n  const name = node.name;\n  const ext = name.split(\".\").pop()?.toLowerCase() ?? \"\";\n  const iconClass = \"h-3.5 w-3.5 shrink-0 text-muted-foreground\";\n  if (ext === \"md\" || ext === \"mdx\")\n    return <IconFileText className={iconClass} />;\n  if (\n    [\"ts\", \"tsx\", \"js\", \"jsx\", \"json\", \"css\", \"html\", \"py\", \"sh\"].includes(ext)\n  )\n    return <IconFileCode className={iconClass} />;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\", \"ico\"].includes(ext))\n    return <IconPhoto className={iconClass} />;\n  return <IconFile className={iconClass} />;\n}\n\n// ─── Types ──────────────────────────────────────────────────────────────────\n\nexport interface ResourceTreeProps {\n  tree: TreeNode[];\n  selectedId: string | null;\n  onSelect: (resource: ResourceMeta) => void;\n  onCreateFile: (parentPath: string, name: string) => void;\n  onCreateFolder: (parentPath: string, name: string) => void;\n  onDelete: (id: string) => void;\n  onRename: (id: string, newPath: string) => void;\n  onDrop: (files: FileList) => void;\n  /** Section title displayed as heading */\n  title?: string;\n  /** Tooltip for the section heading */\n  titleTooltip?: string;\n  /** Whether this section's tree is still loading */\n  isLoading?: boolean;\n  /** Resource id currently being deleted (shows spinner + muted row) */\n  deletingId?: string | null;\n  /** When true, hide create/delete/rename/upload affordances. Files stay readable. */\n  readOnly?: boolean;\n  /** Optional hint shown next to the heading (e.g. \"Read only\") */\n  headingHint?: React.ReactNode;\n}\n\ninterface CreatingState {\n  parentPath: string;\n  type: \"file\" | \"folder\";\n}\n\nfunction McpStatusDot({ server }: { server: McpServer }) {\n  if (server.status.state === \"connected\") {\n    return (\n      <StatusDot\n        className=\"rounded-full bg-green-500\"\n        tooltip={`Connected — ${server.status.toolCount} tool${server.status.toolCount === 1 ? \"\" : \"s\"}`}\n      />\n    );\n  }\n  if (server.status.state === \"error\") {\n    return (\n      <StatusDot\n        className=\"rounded-full bg-red-500\"\n        tooltip={`Error: ${server.status.error}`}\n      />\n    );\n  }\n  return (\n    <StatusDot\n      className=\"rounded-full bg-muted-foreground/40\"\n      tooltip=\"Connecting…\"\n    />\n  );\n}\n\nfunction JobStatusDot({ meta }: { meta: JobMetadata }) {\n  if (!meta.enabled) {\n    return (\n      <StatusDot\n        className=\"rounded-full bg-muted-foreground/40\"\n        tooltip=\"Disabled\"\n      />\n    );\n  }\n  if (meta.lastStatus === \"running\") {\n    return (\n      <StatusDot\n        className=\"rounded-full bg-blue-500 animate-pulse\"\n        tooltip=\"Running\"\n      />\n    );\n  }\n  if (meta.lastStatus === \"error\") {\n    return (\n      <StatusDot\n        className=\"rounded-full bg-red-500\"\n        tooltip=\"Last run failed\"\n      />\n    );\n  }\n  if (meta.lastStatus === \"success\") {\n    return (\n      <StatusDot\n        className=\"rounded-full bg-green-500\"\n        tooltip=\"Last run succeeded\"\n      />\n    );\n  }\n  return (\n    <StatusDot\n      className=\"rounded-full bg-amber-500\"\n      tooltip=\"Scheduled (not yet run)\"\n    />\n  );\n}\n\n// ─── TreeNodeRow ────────────────────────────────────────────────────────────\n\nfunction TreeNodeRow({\n  node,\n  depth,\n  expanded,\n  selectedId,\n  deletingId,\n  readOnly,\n  onToggle,\n  onSelect,\n  onDelete,\n  onStartCreate,\n}: {\n  node: TreeNode;\n  depth: number;\n  expanded: Set<string>;\n  selectedId: string | null;\n  deletingId?: string | null;\n  readOnly?: boolean;\n  onToggle: (path: string) => void;\n  onSelect: (resource: ResourceMeta) => void;\n  onDelete: (id: string) => void;\n  onStartCreate: (parentPath: string, type: \"file\" | \"folder\") => void;\n}) {\n  const isFolder = node.type === \"folder\";\n  const isExpanded = expanded.has(node.path);\n  const isSelected = node.resource?.id === selectedId;\n  const isDeleting = !!node.resource && node.resource.id === deletingId;\n\n  return (\n    <div>\n      <div\n        className={cn(\n          \"group/row flex items-center gap-1 rounded-md px-1.5 py-1 select-none\",\n          isDeleting ? \"pointer-events-none opacity-40\" : \"cursor-pointer\",\n          isSelected\n            ? \"bg-accent text-foreground\"\n            : \"text-muted-foreground hover:bg-accent/50 hover:text-foreground\",\n        )}\n        style={{ paddingLeft: depth * 16 + 6 }}\n        onClick={() => {\n          if (isDeleting) return;\n          if (isFolder) {\n            onToggle(node.path);\n          } else if (node.resource) {\n            onSelect(node.resource);\n          }\n        }}\n      >\n        {isFolder ? (\n          isExpanded ? (\n            <IconChevronDown className=\"h-3 w-3 shrink-0\" />\n          ) : (\n            <IconChevronRight className=\"h-3 w-3 shrink-0\" />\n          )\n        ) : (\n          <span className=\"w-3 shrink-0\" />\n        )}\n        {isFolder ? (\n          <IconFolder className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n        ) : (\n          getFileIcon(node)\n        )}\n        <span className=\"min-w-0 truncate text-[12px] leading-none\">\n          {node.name}\n        </span>\n        {node.jobMeta && <JobStatusDot meta={node.jobMeta} />}\n        {node.mcpServerMeta && <McpStatusDot server={node.mcpServerMeta} />}\n        {!readOnly && (\n          <div className=\"ml-auto flex shrink-0 items-center gap-0.5 opacity-0 group-hover/row:opacity-100\">\n            <TooltipProvider delayDuration={200}>\n              {isFolder && (\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onStartCreate(node.path, \"file\");\n                      }}\n                      aria-label=\"New file\"\n                      className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n                    >\n                      <IconPlus className=\"h-3 w-3\" />\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent>New file</TooltipContent>\n                </Tooltip>\n              )}\n              {node.resource &&\n                (isDeleting ? (\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <span\n                        aria-label=\"Deleting…\"\n                        className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground\"\n                      >\n                        <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                      </span>\n                    </TooltipTrigger>\n                    <TooltipContent>Deleting…</TooltipContent>\n                  </Tooltip>\n                ) : (\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onDelete(node.resource!.id);\n                        }}\n                        aria-label=\"Delete\"\n                        className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-destructive hover:bg-accent/50\"\n                      >\n                        <IconTrash className=\"h-3 w-3\" />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent>Delete</TooltipContent>\n                  </Tooltip>\n                ))}\n            </TooltipProvider>\n          </div>\n        )}\n      </div>\n      {isFolder && isExpanded && node.children && (\n        <div>\n          {node.children.map((child) => (\n            <TreeNodeRow\n              key={child.resource?.id ?? child.path}\n              node={child}\n              depth={depth + 1}\n              expanded={expanded}\n              selectedId={selectedId}\n              deletingId={deletingId}\n              readOnly={readOnly}\n              onToggle={onToggle}\n              onSelect={onSelect}\n              onDelete={onDelete}\n              onStartCreate={onStartCreate}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── InlineInput ────────────────────────────────────────────────────────────\n\nfunction InlineInput({\n  depth,\n  onConfirm,\n  onCancel,\n}: {\n  depth: number;\n  onConfirm: (name: string) => void;\n  onCancel: () => void;\n}) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [value, setValue] = useState(\"\");\n\n  React.useEffect(() => {\n    inputRef.current?.focus();\n  }, []);\n\n  return (\n    <div\n      className=\"flex items-center gap-1 px-1.5 py-0.5\"\n      style={{ paddingLeft: depth * 16 + 6 + 16 }}\n    >\n      <IconFile className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n      <input\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\" && value.trim()) {\n            onConfirm(value.trim());\n          } else if (e.key === \"Escape\") {\n            onCancel();\n          }\n        }}\n        onBlur={() => {\n          if (value.trim()) {\n            onConfirm(value.trim());\n          } else {\n            onCancel();\n          }\n        }}\n        className=\"min-w-0 flex-1 bg-transparent text-[12px] leading-none text-foreground outline-none placeholder:text-muted-foreground/50\"\n        placeholder=\"filename.md\"\n      />\n    </div>\n  );\n}\n\n// ─── ResourceTree ───────────────────────────────────────────────────────────\n\nexport function ResourceTree({\n  tree,\n  selectedId,\n  onSelect,\n  onCreateFile,\n  onCreateFolder,\n  onDelete,\n  onDrop,\n  title = \"Files\",\n  titleTooltip,\n  isLoading = false,\n  deletingId = null,\n  readOnly = false,\n  headingHint,\n}: ResourceTreeProps) {\n  const [expanded, setExpanded] = useState<Set<string>>(() => new Set());\n  const [creating, setCreating] = useState<CreatingState | null>(null);\n  const [dragOver, setDragOver] = useState(false);\n\n  const toggleExpand = useCallback((path: string) => {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (next.has(path)) {\n        next.delete(path);\n      } else {\n        next.add(path);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleStartCreate = useCallback(\n    (parentPath: string, type: \"file\" | \"folder\") => {\n      setCreating({ parentPath, type });\n      // auto-expand the parent folder\n      setExpanded((prev) => {\n        const next = new Set(prev);\n        next.add(parentPath);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const handleConfirmCreate = useCallback(\n    (name: string) => {\n      if (!creating) return;\n      if (creating.type === \"file\") {\n        onCreateFile(creating.parentPath, name);\n      } else {\n        onCreateFolder(creating.parentPath, name);\n      }\n      setCreating(null);\n    },\n    [creating, onCreateFile, onCreateFolder],\n  );\n\n  const handleCancelCreate = useCallback(() => {\n    setCreating(null);\n  }, []);\n\n  const handleDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDragOver(true);\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDragOver(false);\n  }, []);\n\n  const handleDrop = useCallback(\n    (e: React.DragEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setDragOver(false);\n      if (readOnly) return;\n      if (e.dataTransfer.files.length > 0) {\n        onDrop(e.dataTransfer.files);\n      }\n    },\n    [onDrop, readOnly],\n  );\n\n  return (\n    <div\n      className={cn(\n        \"p-1\",\n        dragOver && !readOnly && \"ring-1 ring-inset ring-accent\",\n      )}\n      onDragOver={readOnly ? undefined : handleDragOver}\n      onDragLeave={readOnly ? undefined : handleDragLeave}\n      onDrop={readOnly ? undefined : handleDrop}\n    >\n      {/* Section heading */}\n      <div className=\"group/root flex items-center justify-between px-1.5 py-1\">\n        <TooltipProvider delayDuration={200}>\n          {titleTooltip ? (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <span className=\"flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60\">\n                  {title}\n                  {headingHint && (\n                    <span className=\"text-[10px] font-normal normal-case tracking-normal text-muted-foreground/50\">\n                      {headingHint}\n                    </span>\n                  )}\n                </span>\n              </TooltipTrigger>\n              <TooltipContent>{titleTooltip}</TooltipContent>\n            </Tooltip>\n          ) : (\n            <span className=\"flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground/60\">\n              {title}\n              {headingHint && (\n                <span className=\"text-[10px] font-normal normal-case tracking-normal text-muted-foreground/50\">\n                  {headingHint}\n                </span>\n              )}\n            </span>\n          )}\n          {!readOnly && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  onClick={() => handleStartCreate(\"\", \"file\")}\n                  aria-label=\"New file\"\n                  className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground/50 opacity-0 group-hover/root:opacity-100 hover:text-foreground hover:bg-accent/50\"\n                >\n                  <IconPlus className=\"h-3 w-3\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>New file</TooltipContent>\n            </Tooltip>\n          )}\n        </TooltipProvider>\n      </div>\n\n      {tree.map((node) => (\n        <TreeNodeRow\n          key={node.resource?.id ?? node.path}\n          node={node}\n          depth={0}\n          expanded={expanded}\n          selectedId={selectedId}\n          deletingId={deletingId}\n          readOnly={readOnly}\n          onToggle={toggleExpand}\n          onSelect={onSelect}\n          onDelete={onDelete}\n          onStartCreate={handleStartCreate}\n        />\n      ))}\n\n      {isLoading && tree.length === 0 && (\n        <div className=\"px-1 py-1\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <div key={i} className=\"flex items-center gap-2 px-1.5 py-1\">\n              <div\n                className=\"h-3.5 w-3.5 rounded bg-muted-foreground/10 animate-pulse\"\n                style={{ animationDelay: `${i * 75}ms` }}\n              />\n              <div\n                className=\"h-3 rounded bg-muted-foreground/10 animate-pulse\"\n                style={{\n                  width: `${50 + ((i * 37) % 40)}%`,\n                  animationDelay: `${i * 75}ms`,\n                }}\n              />\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Inline input for root-level creation */}\n      {creating && creating.parentPath === \"\" && (\n        <InlineInput\n          depth={0}\n          onConfirm={handleConfirmCreate}\n          onCancel={handleCancelCreate}\n        />\n      )}\n\n      {/* Inline input for folder-level creation */}\n      {creating && creating.parentPath !== \"\" && (\n        <InlineInput\n          depth={creating.parentPath.split(\"/\").filter(Boolean).length}\n          onConfirm={handleConfirmCreate}\n          onCancel={handleCancelCreate}\n        />\n      )}\n\n      {tree.length === 0 && !creating && !isLoading && (\n        <div className=\"px-2 py-1\">\n          <p className=\"text-[11px] text-muted-foreground/40\">No files yet</p>\n        </div>\n      )}\n    </div>\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":"AA89BA,wBAAgB,cAAc,4CAkf7B"}
+{"version":3,"file":"ResourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/client/resources/ResourcesPanel.tsx"],"names":[],"mappings":"AAs+BA,wBAAgB,cAAc,4CA4hB7B"}

package/dist/client/resources/ResourcesPanel.js

@@ -11,6 +11,8 @@ import { useResourceTree, useResource, useCreateResource, useUpdateResource, use
 import { useMcpServers, useCreateMcpServer, useDeleteMcpServer, testMcpServerUrl, parseMcpVirtualId, } from "./use-mcp-servers.js";
 import { McpServerDetail } from "./McpServerDetail.js";
 import { useOrg } from "../org/hooks.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
+const WORKSPACE_DOCS_URL = "https://agent-native.com/docs/workspace";
 const AGENT_MODEL_OPTIONS = [
     { value: "inherit", label: "Default model" },
     { value: "claude-sonnet-4-6", label: "Claude Sonnet 4.6" },
@@ -648,21 +650,21 @@ export function ResourcesPanel() {
             handleUploadFiles(e.dataTransfer.files);
         }
     }, [handleUploadFiles]);
-    return (_jsxs("div", { className: cn("relative flex h-full flex-col min-h-0", dragOver && "ring-2 ring-inset ring-accent"), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [isEditing ? (_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-2 py-1.5", children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [_jsx("button", { onClick: handleBack, className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "Back to workspace", children: _jsx(IconArrowLeft, { className: "h-3.5 w-3.5" }) }), selectedMcpServer ? (_jsx(PathBreadcrumb, { path: `mcp-servers/${selectedMcpServer.name}.json` })) : resourceQuery.data ? (_jsx(PathBreadcrumb, { path: resourceQuery.data.path })) : null] }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [!selectedMcpServer &&
+    return (_jsxs("div", { className: cn("relative flex h-full flex-col min-h-0", dragOver && "ring-2 ring-inset ring-accent"), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [isEditing ? (_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-2 py-1.5", children: [_jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [_jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: handleBack, "aria-label": "Back to workspace", className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", children: _jsx(IconArrowLeft, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Back to workspace" })] }) }), selectedMcpServer ? (_jsx(PathBreadcrumb, { path: `mcp-servers/${selectedMcpServer.name}.json` })) : resourceQuery.data ? (_jsx(PathBreadcrumb, { path: resourceQuery.data.path })) : null] }), _jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [!selectedMcpServer &&
                                 resourceQuery.data &&
                                 (resourceQuery.data.mimeType === "text/markdown" ||
-                                    resourceQuery.data.path.endsWith(".md")) && (_jsxs("div", { className: "flex items-center gap-0.5 mr-1", children: [_jsx("button", { onClick: () => setEditorView("visual"), className: cn("flex h-6 w-6 items-center justify-center rounded-md", editorView === "visual"
-                                            ? "bg-accent text-foreground"
-                                            : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), title: "Visual editor", children: _jsx(IconEye, { className: "h-3.5 w-3.5" }) }), _jsx("button", { onClick: () => setEditorView("code"), className: cn("flex h-6 w-6 items-center justify-center rounded-md", editorView === "code"
-                                            ? "bg-accent text-foreground"
-                                            : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), title: "Code editor", children: _jsx(IconCode, { className: "h-3.5 w-3.5" }) })] })), _jsx("span", { className: "text-[11px] text-muted-foreground/60 mr-1", children: saveStatus === "saving"
+                                    resourceQuery.data.path.endsWith(".md")) && (_jsx("div", { className: "flex items-center gap-0.5 mr-1", children: _jsxs(TooltipProvider, { delayDuration: 200, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setEditorView("visual"), "aria-label": "Visual editor", className: cn("flex h-6 w-6 items-center justify-center rounded-md", editorView === "visual"
+                                                            ? "bg-accent text-foreground"
+                                                            : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), children: _jsx(IconEye, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Visual editor" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setEditorView("code"), "aria-label": "Code editor", className: cn("flex h-6 w-6 items-center justify-center rounded-md", editorView === "code"
+                                                            ? "bg-accent text-foreground"
+                                                            : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), children: _jsx(IconCode, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Code editor" })] })] }) })), _jsx("span", { className: "text-[11px] text-muted-foreground/60 mr-1", children: saveStatus === "saving"
                                     ? "Saving..."
                                     : saveStatus === "saved"
                                         ? "Saved"
-                                        : "" }), _jsx("button", { onClick: () => {
-                                    if (selectedResourceId)
-                                        handleDelete(selectedResourceId);
-                                }, className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-destructive hover:bg-accent/50", title: "Delete resource", children: _jsx(IconTrash, { className: "h-3.5 w-3.5" }) })] })] })) : (_jsxs("div", { className: "absolute top-1 right-1 z-10 flex items-center gap-1", children: [_jsx(CreateMenu, { scope: activeScope, onCreateFile: handleCreateFromToolbar, onCreateResource: handleCreateResourceFromToolbar, onCreateMcpServer: handleCreateMcpServer, canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrgForMcp }), _jsx("button", { onClick: () => fileInputRef.current?.click(), className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "Upload file", children: _jsx(IconUpload, { className: "h-3.5 w-3.5" }) }), _jsx("a", { href: "https://www.builder.io/c/docs/agent-native-resources", target: "_blank", rel: "noopener noreferrer", className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "What is the Workspace? \u2014 open docs", children: _jsx(IconHelp, { className: "h-3.5 w-3.5" }) }), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", onChange: (e) => {
+                                        : "" }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => {
+                                                    if (selectedResourceId)
+                                                        handleDelete(selectedResourceId);
+                                                }, "aria-label": "Delete resource", className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-destructive hover:bg-accent/50", children: _jsx(IconTrash, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Delete resource" })] }) })] })] })) : (_jsxs("div", { className: "absolute top-1 right-1 z-10 flex items-center gap-1", children: [_jsx(CreateMenu, { scope: activeScope, onCreateFile: handleCreateFromToolbar, onCreateResource: handleCreateResourceFromToolbar, onCreateMcpServer: handleCreateMcpServer, canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrgForMcp }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => fileInputRef.current?.click(), "aria-label": "Upload file", className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", children: _jsx(IconUpload, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "Upload file" })] }) }), _jsx(TooltipProvider, { delayDuration: 200, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("a", { href: WORKSPACE_DOCS_URL, target: "_blank", rel: "noopener noreferrer", "aria-label": "What is the Workspace? \u2014 open docs", className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", children: _jsx(IconHelp, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { children: "What is the Workspace? \u2014 open docs" })] }) }), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", onChange: (e) => {
                             if (e.target.files && e.target.files.length > 0) {
                                 handleUploadFiles(e.target.files);
                                 e.target.value = "";
@@ -670,7 +672,7 @@ export function ResourcesPanel() {
                         } })] })), _jsx("div", { className: "flex flex-1 flex-col min-h-0 overflow-hidden", children: isEditing ? (selectedMcpServer ? (_jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: _jsx(McpServerDetail, { server: selectedMcpServer }) })) : selectedResourceId && resourceQuery.data ? (_jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: _jsx(ResourceEditor, { resource: resourceQuery.data, onSave: handleSave, view: editorView, onViewChange: setEditorView, onSaveStatusChange: setSaveStatus, hideToolbar: true }) })) : resourceQuery.isError ? (_jsx("div", { className: "flex flex-1 items-center justify-center text-[12px] text-destructive/70", children: "Failed to load resource" })) : (_jsx("div", { className: "flex flex-1 items-center justify-center text-[12px] text-muted-foreground/50", children: "Loading..." }))) : (_jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto", children: [!personalTreeQuery.isLoading &&
                             !sharedTreeQuery.isLoading &&
                             (personalTreeQuery.data ?? []).length === 0 &&
-                            (sharedTreeQuery.data ?? []).length === 0 && (_jsxs("div", { className: "mx-2 mt-2 rounded-md border border-border bg-muted/30 p-2.5 text-[11px] text-muted-foreground", children: [_jsx("p", { className: "mb-1 font-medium text-foreground", children: "This is your Workspace" }), _jsx("p", { className: "mb-1.5 leading-snug", children: "Files the agent reads and writes \u2014 notes, instructions, skills, custom agents, scheduled jobs. They live in the database, so they persist across sessions and deploys." }), _jsxs("p", { className: "mb-2 leading-snug", children: [_jsx("span", { className: "text-foreground", children: "Personal" }), " is just for you.", " ", _jsx("span", { className: "text-foreground", children: "Organization" }), " is visible to everyone in your organization", org?.orgId ? " — only admins can edit." : "."] }), _jsxs("a", { href: "https://www.builder.io/c/docs/agent-native-resources", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-foreground hover:underline", children: ["Learn more", _jsx(IconExternalLink, { className: "h-3 w-3" })] })] })), _jsx(ResourceTree, { tree: personalTree, isLoading: personalTreeQuery.isLoading, deletingId: deleteResource.isPending
+                            (sharedTreeQuery.data ?? []).length === 0 && (_jsxs("div", { className: "mx-2 mt-2 rounded-md border border-border bg-muted/30 p-2.5 text-[11px] text-muted-foreground", children: [_jsx("p", { className: "mb-1 font-medium text-foreground", children: "This is your Workspace" }), _jsx("p", { className: "mb-1.5 leading-snug", children: "Files the agent reads and writes \u2014 notes, instructions, skills, custom agents, scheduled jobs. They live in the database, so they persist across sessions and deploys." }), _jsxs("p", { className: "mb-2 leading-snug", children: [_jsx("span", { className: "text-foreground", children: "Personal" }), " is just for you.", " ", _jsx("span", { className: "text-foreground", children: "Organization" }), " is visible to everyone in your organization", org?.orgId ? " — only admins can edit." : "."] }), _jsxs("a", { href: WORKSPACE_DOCS_URL, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-foreground hover:underline", children: ["Learn more", _jsx(IconExternalLink, { className: "h-3 w-3" })] })] })), _jsx(ResourceTree, { tree: personalTree, isLoading: personalTreeQuery.isLoading, deletingId: deleteResource.isPending
                                 ? deleteResource.variables
                                 : deleteMcpServer.isPending
                                     ? `mcp:${deleteMcpServer.variables.scope}:${deleteMcpServer.variables.id}`