@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/data/ai/SessionInspector.files.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const pathTree = require("../../lib/path-tree.cjs");
 const utils = require("../../lib/utils.cjs");
 const Icon = require("../Icon.cjs");
 const Tree = require("../Tree.cjs");
@@ -35,15 +36,15 @@ function SessionFilesPanel({
       {
         roots,
         ariaLabel: "Session files",
-        getChildren: (node) => [...node.children.values()].sort(compareNodes),
-        getKey: (node) => node.path,
-        getAriaLabel: (node) => node.path,
-        getSearchText: (node) => node.path,
+        getChildren: (node) => node.children,
+        getKey: (node) => node.key,
+        getAriaLabel: (node) => node.key,
+        getSearchText: (node) => node.key,
         defaultOpen: () => true,
         renderRow: ({ node, hasChildren }) => /* @__PURE__ */ jsxRuntime.jsx(FileTreeRow, { node, directory: hasChildren }),
         rowClass: (node) => utils.cn(
           "group min-h-6 border-l-2 border-transparent py-0 pr-density-3 text-xs hover:border-primary/40 hover:bg-muted/40",
-          !node.children.size && node.access.has("written") && "border-l-amber-500/60"
+          !node.children.length && wasWritten(node) && "border-l-amber-500/60"
         ),
         className: "pb-1"
       }
@@ -54,7 +55,7 @@ function FileTreeRow({
   node,
   directory
 }) {
-  const FileIcon = directory ? UiFolder.UiFolder : fileTypeIcon(node.name);
+  const FileIcon = directory ? UiFolder.UiFolder : fileTypeIcon(node.label);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       Icon.Icon,
@@ -73,62 +74,44 @@ function FileTreeRow({
           "min-w-0 flex-1 truncate",
           directory ? "font-medium" : "font-mono"
         ),
-        children: node.name
+        children: node.label
       }
     ),
-    !directory ? /* @__PURE__ */ jsxRuntime.jsx(AccessBadge, { access: node.access }) : null
+    !directory ? /* @__PURE__ */ jsxRuntime.jsx(AccessBadge, { node }) : null
   ] });
 }
-function AccessBadge({ access }) {
-  const label = access.has("read") && access.has("written") ? "RW" : access.has("written") ? "W" : "R";
+function AccessBadge({ node }) {
+  const read = node.items.some((touch) => touch.access === "read");
+  const written = wasWritten(node);
+  const label = read && written ? "RW" : written ? "W" : "R";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
       title: label === "RW" ? "Read and written" : label === "W" ? "Written" : "Read",
       className: utils.cn(
         "w-6 shrink-0 text-right font-mono text-[11px] font-semibold",
-        access.has("written") ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground"
+        written ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground"
       ),
       children: label
     }
   );
 }
 function buildFileTree(files) {
-  const roots = /* @__PURE__ */ new Map();
-  addPaths(roots, (files == null ? void 0 : files.read) ?? [], "read");
-  addPaths(roots, (files == null ? void 0 : files.written) ?? [], "written");
-  return [...roots.values()].sort(compareNodes);
-}
-function addPaths(roots, paths, access) {
-  for (const path of paths) {
-    const parts = path.split("/").filter(Boolean);
-    let nodes = roots;
-    let currentPath = "";
-    parts.forEach((part, index) => {
-      currentPath = currentPath ? `${currentPath}/${part}` : part;
-      const node = nodes.get(part) ?? {
-        name: part,
-        path: currentPath,
-        children: /* @__PURE__ */ new Map(),
-        access: /* @__PURE__ */ new Set()
-      };
-      nodes.set(part, node);
-      if (index === parts.length - 1) node.access.add(access);
-      nodes = node.children;
-    });
-  }
+  const touches = [
+    ...((files == null ? void 0 : files.read) ?? []).map((path) => ({ path, access: "read" })),
+    ...((files == null ? void 0 : files.written) ?? []).map(
+      (path) => ({ path, access: "written" })
+    )
+  ];
+  return pathTree.buildPathTree(touches, (touch) => pathTree.splitPath(touch.path, "/"), {
+    compare: pathTree.foldersFirst
+  });
 }
-function compareNodes(left, right) {
-  const leftDirectory = left.children.size > 0;
-  const rightDirectory = right.children.size > 0;
-  if (leftDirectory !== rightDirectory) return leftDirectory ? -1 : 1;
-  return left.name.localeCompare(right.name);
+function wasWritten(node) {
+  return node.items.some((touch) => touch.access === "written");
 }
 function countFiles(node) {
-  return node.children.size ? [...node.children.values()].reduce(
-    (count, child) => count + countFiles(child),
-    0
-  ) : 1;
+  return node.children.length ? node.children.reduce((count, child) => count + countFiles(child), 0) : 1;
 }
 function fileTypeIcon(path) {
   const extension = path.toLowerCase().split(".").at(-1) ?? "";

package/dist/data/ai/SessionInspector.files.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.files.cjs","sources":["../../../src/data/ai/SessionInspector.files.tsx"],"sourcesContent":["import {\n  UiFile,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiFolder,\n  UiImage,\n  UiJson,\n  UiMarkdown,\n} from \"../../icons\";\nimport type { IconComponent } from \"../../icons/types\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Tree } from \"../Tree\";\nimport type { SessionChangedFiles } from \"./SessionViewer.unified\";\n\ntype FileAccess = \"read\" | \"written\";\n\ntype FileTreeNode = {\n  name: string;\n  path: string;\n  children: Map<string, FileTreeNode>;\n  access: Set<FileAccess>;\n};\n\nexport function SessionFilesPanel({\n  files,\n}: {\n  files: SessionChangedFiles | undefined;\n}) {\n  const roots = buildFileTree(files);\n  if (!roots.length) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No changed-file summary.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <div className=\"flex items-center justify-between border-b border-border bg-muted/30 px-density-3 py-density-2 text-xs text-muted-foreground\">\n        <span>\n          {roots.reduce((count, node) => count + countFiles(node), 0)} files\n        </span>\n        <span className=\"flex gap-density-3\">\n          <span>R read</span>\n          <span>W written</span>\n        </span>\n      </div>\n      <Tree<FileTreeNode>\n        roots={roots}\n        ariaLabel=\"Session files\"\n        getChildren={(node) => [...node.children.values()].sort(compareNodes)}\n        getKey={(node) => node.path}\n        getAriaLabel={(node) => node.path}\n        getSearchText={(node) => node.path}\n        defaultOpen={() => true}\n        renderRow={({ node, hasChildren }) => (\n          <FileTreeRow node={node} directory={hasChildren} />\n        )}\n        rowClass={(node) =>\n          cn(\n            \"group min-h-6 border-l-2 border-transparent py-0 pr-density-3 text-xs hover:border-primary/40 hover:bg-muted/40\",\n            !node.children.size &&\n              node.access.has(\"written\") &&\n              \"border-l-amber-500/60\",\n          )\n        }\n        className=\"pb-1\"\n      />\n    </div>\n  );\n}\n\nfunction FileTreeRow({\n  node,\n  directory,\n}: {\n  node: FileTreeNode;\n  directory: boolean;\n}) {\n  const FileIcon = directory ? UiFolder : fileTypeIcon(node.name);\n  return (\n    <>\n      <Icon\n        icon={FileIcon}\n        className={cn(\n          \"size-4 shrink-0\",\n          directory\n            ? \"text-sky-600 dark:text-sky-400\"\n            : \"text-muted-foreground\",\n        )}\n      />\n      <span\n        className={cn(\n          \"min-w-0 flex-1 truncate\",\n          directory ? \"font-medium\" : \"font-mono\",\n        )}\n      >\n        {node.name}\n      </span>\n      {!directory ? <AccessBadge access={node.access} /> : null}\n    </>\n  );\n}\n\nfunction AccessBadge({ access }: { access: Set<FileAccess> }) {\n  const label =\n    access.has(\"read\") && access.has(\"written\")\n      ? \"RW\"\n      : access.has(\"written\")\n        ? \"W\"\n        : \"R\";\n  return (\n    <span\n      title={\n        label === \"RW\" ? \"Read and written\" : label === \"W\" ? \"Written\" : \"Read\"\n      }\n      className={cn(\n        \"w-6 shrink-0 text-right font-mono text-[11px] font-semibold\",\n        access.has(\"written\")\n          ? \"text-amber-600 dark:text-amber-400\"\n          : \"text-muted-foreground\",\n      )}\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction buildFileTree(files: SessionChangedFiles | undefined) {\n  const roots = new Map<string, FileTreeNode>();\n  addPaths(roots, files?.read ?? [], \"read\");\n  addPaths(roots, files?.written ?? [], \"written\");\n  return [...roots.values()].sort(compareNodes);\n}\n\nfunction addPaths(\n  roots: Map<string, FileTreeNode>,\n  paths: string[],\n  access: FileAccess,\n) {\n  for (const path of paths) {\n    const parts = path.split(\"/\").filter(Boolean);\n    let nodes = roots;\n    let currentPath = \"\";\n    parts.forEach((part, index) => {\n      currentPath = currentPath ? `${currentPath}/${part}` : part;\n      const node = nodes.get(part) ?? {\n        name: part,\n        path: currentPath,\n        children: new Map(),\n        access: new Set<FileAccess>(),\n      };\n      nodes.set(part, node);\n      if (index === parts.length - 1) node.access.add(access);\n      nodes = node.children;\n    });\n  }\n}\n\nfunction compareNodes(left: FileTreeNode, right: FileTreeNode) {\n  const leftDirectory = left.children.size > 0;\n  const rightDirectory = right.children.size > 0;\n  if (leftDirectory !== rightDirectory) return leftDirectory ? -1 : 1;\n  return left.name.localeCompare(right.name);\n}\n\nfunction countFiles(node: FileTreeNode): number {\n  return node.children.size\n    ? [...node.children.values()].reduce(\n        (count, child) => count + countFiles(child),\n        0,\n      )\n    : 1;\n}\n\nfunction fileTypeIcon(path: string): IconComponent {\n  const extension = path.toLowerCase().split(\".\").at(-1) ?? \"\";\n  if ([\"md\", \"mdx\"].includes(extension)) return UiMarkdown;\n  if ([\"json\", \"jsonl\"].includes(extension)) return UiJson;\n  if ([\"csv\", \"xls\", \"xlsx\"].includes(extension)) return UiFileSpreadsheet;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\"].includes(extension))\n    return UiImage;\n  if ([\"txt\", \"log\", \"rst\"].includes(extension)) return UiFileText;\n  if (\n    [\n      \"ts\",\n      \"tsx\",\n      \"js\",\n      \"jsx\",\n      \"go\",\n      \"py\",\n      \"rs\",\n      \"java\",\n      \"css\",\n      \"scss\",\n      \"html\",\n      \"yaml\",\n      \"yml\",\n      \"toml\",\n      \"sh\",\n    ].includes(extension)\n  )\n    return UiFileCode;\n  return UiFile;\n}\n"],"names":["jsx","jsxs","Tree","cn","UiFolder","Fragment","Icon","UiMarkdown","UiJson","UiFileSpreadsheet","UiImage","UiFileText","UiFileCode","UiFile"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.files.cjs","sources":["../../../src/data/ai/SessionInspector.files.tsx"],"sourcesContent":["import {\n  UiFile,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiFolder,\n  UiImage,\n  UiJson,\n  UiMarkdown,\n} from \"../../icons\";\nimport type { IconComponent } from \"../../icons/types\";\nimport {\n  buildPathTree,\n  foldersFirst,\n  splitPath,\n  type PathTreeNode,\n} from \"../../lib/path-tree\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Tree } from \"../Tree\";\nimport type { SessionChangedFiles } from \"./SessionViewer.unified\";\n\ntype FileAccess = \"read\" | \"written\";\n\n// One touch of a path. A file read and then written contributes two, both\n// binding to the same tree node.\ntype FileTouch = { path: string; access: FileAccess };\n\ntype FileTreeNode = PathTreeNode<FileTouch>;\n\nexport function SessionFilesPanel({\n  files,\n}: {\n  files: SessionChangedFiles | undefined;\n}) {\n  const roots = buildFileTree(files);\n  if (!roots.length) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No changed-file summary.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <div className=\"flex items-center justify-between border-b border-border bg-muted/30 px-density-3 py-density-2 text-xs text-muted-foreground\">\n        <span>\n          {roots.reduce((count, node) => count + countFiles(node), 0)} files\n        </span>\n        <span className=\"flex gap-density-3\">\n          <span>R read</span>\n          <span>W written</span>\n        </span>\n      </div>\n      <Tree<FileTreeNode>\n        roots={roots}\n        ariaLabel=\"Session files\"\n        getChildren={(node) => node.children}\n        getKey={(node) => node.key}\n        getAriaLabel={(node) => node.key}\n        getSearchText={(node) => node.key}\n        defaultOpen={() => true}\n        renderRow={({ node, hasChildren }) => (\n          <FileTreeRow node={node} directory={hasChildren} />\n        )}\n        rowClass={(node) =>\n          cn(\n            \"group min-h-6 border-l-2 border-transparent py-0 pr-density-3 text-xs hover:border-primary/40 hover:bg-muted/40\",\n            !node.children.length && wasWritten(node) && \"border-l-amber-500/60\",\n          )\n        }\n        className=\"pb-1\"\n      />\n    </div>\n  );\n}\n\nfunction FileTreeRow({\n  node,\n  directory,\n}: {\n  node: FileTreeNode;\n  directory: boolean;\n}) {\n  const FileIcon = directory ? UiFolder : fileTypeIcon(node.label);\n  return (\n    <>\n      <Icon\n        icon={FileIcon}\n        className={cn(\n          \"size-4 shrink-0\",\n          directory\n            ? \"text-sky-600 dark:text-sky-400\"\n            : \"text-muted-foreground\",\n        )}\n      />\n      <span\n        className={cn(\n          \"min-w-0 flex-1 truncate\",\n          directory ? \"font-medium\" : \"font-mono\",\n        )}\n      >\n        {node.label}\n      </span>\n      {!directory ? <AccessBadge node={node} /> : null}\n    </>\n  );\n}\n\nfunction AccessBadge({ node }: { node: FileTreeNode }) {\n  const read = node.items.some((touch) => touch.access === \"read\");\n  const written = wasWritten(node);\n  const label = read && written ? \"RW\" : written ? \"W\" : \"R\";\n  return (\n    <span\n      title={\n        label === \"RW\" ? \"Read and written\" : label === \"W\" ? \"Written\" : \"Read\"\n      }\n      className={cn(\n        \"w-6 shrink-0 text-right font-mono text-[11px] font-semibold\",\n        written ? \"text-amber-600 dark:text-amber-400\" : \"text-muted-foreground\",\n      )}\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction buildFileTree(files: SessionChangedFiles | undefined): FileTreeNode[] {\n  const touches: FileTouch[] = [\n    ...(files?.read ?? []).map((path): FileTouch => ({ path, access: \"read\" })),\n    ...(files?.written ?? []).map(\n      (path): FileTouch => ({ path, access: \"written\" }),\n    ),\n  ];\n  return buildPathTree(touches, (touch) => splitPath(touch.path, \"/\"), {\n    compare: foldersFirst,\n  });\n}\n\nfunction wasWritten(node: FileTreeNode): boolean {\n  return node.items.some((touch) => touch.access === \"written\");\n}\n\nfunction countFiles(node: FileTreeNode): number {\n  return node.children.length\n    ? node.children.reduce((count, child) => count + countFiles(child), 0)\n    : 1;\n}\n\nfunction fileTypeIcon(path: string): IconComponent {\n  const extension = path.toLowerCase().split(\".\").at(-1) ?? \"\";\n  if ([\"md\", \"mdx\"].includes(extension)) return UiMarkdown;\n  if ([\"json\", \"jsonl\"].includes(extension)) return UiJson;\n  if ([\"csv\", \"xls\", \"xlsx\"].includes(extension)) return UiFileSpreadsheet;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\"].includes(extension))\n    return UiImage;\n  if ([\"txt\", \"log\", \"rst\"].includes(extension)) return UiFileText;\n  if (\n    [\n      \"ts\",\n      \"tsx\",\n      \"js\",\n      \"jsx\",\n      \"go\",\n      \"py\",\n      \"rs\",\n      \"java\",\n      \"css\",\n      \"scss\",\n      \"html\",\n      \"yaml\",\n      \"yml\",\n      \"toml\",\n      \"sh\",\n    ].includes(extension)\n  )\n    return UiFileCode;\n  return UiFile;\n}\n"],"names":["jsx","jsxs","Tree","cn","UiFolder","Fragment","Icon","buildPathTree","splitPath","foldersFirst","UiMarkdown","UiJson","UiFileSpreadsheet","UiImage","UiFileText","UiFileCode","UiFile"],"mappings":"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"}

package/dist/data/ai/SessionInspector.files.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.files.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.files.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAWnE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAAC;CACxC,2CA2CA"}
+{"version":3,"file":"SessionInspector.files.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.files.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAUnE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAAC;CACxC,2CAyCA"}

package/dist/data/ai/SessionInspector.files.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { buildPathTree, foldersFirst, splitPath } from "../../lib/path-tree.js";
 import { cn } from "../../lib/utils.js";
 import { Icon } from "../Icon.js";
 import { Tree } from "../Tree.js";
@@ -33,15 +34,15 @@ function SessionFilesPanel({
       {
         roots,
         ariaLabel: "Session files",
-        getChildren: (node) => [...node.children.values()].sort(compareNodes),
-        getKey: (node) => node.path,
-        getAriaLabel: (node) => node.path,
-        getSearchText: (node) => node.path,
+        getChildren: (node) => node.children,
+        getKey: (node) => node.key,
+        getAriaLabel: (node) => node.key,
+        getSearchText: (node) => node.key,
         defaultOpen: () => true,
         renderRow: ({ node, hasChildren }) => /* @__PURE__ */ jsx(FileTreeRow, { node, directory: hasChildren }),
         rowClass: (node) => cn(
           "group min-h-6 border-l-2 border-transparent py-0 pr-density-3 text-xs hover:border-primary/40 hover:bg-muted/40",
-          !node.children.size && node.access.has("written") && "border-l-amber-500/60"
+          !node.children.length && wasWritten(node) && "border-l-amber-500/60"
         ),
         className: "pb-1"
       }
@@ -52,7 +53,7 @@ function FileTreeRow({
   node,
   directory
 }) {
-  const FileIcon = directory ? UiFolder : fileTypeIcon(node.name);
+  const FileIcon = directory ? UiFolder : fileTypeIcon(node.label);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Icon,
@@ -71,62 +72,44 @@ function FileTreeRow({
           "min-w-0 flex-1 truncate",
           directory ? "font-medium" : "font-mono"
         ),
-        children: node.name
+        children: node.label
       }
     ),
-    !directory ? /* @__PURE__ */ jsx(AccessBadge, { access: node.access }) : null
+    !directory ? /* @__PURE__ */ jsx(AccessBadge, { node }) : null
   ] });
 }
-function AccessBadge({ access }) {
-  const label = access.has("read") && access.has("written") ? "RW" : access.has("written") ? "W" : "R";
+function AccessBadge({ node }) {
+  const read = node.items.some((touch) => touch.access === "read");
+  const written = wasWritten(node);
+  const label = read && written ? "RW" : written ? "W" : "R";
   return /* @__PURE__ */ jsx(
     "span",
     {
       title: label === "RW" ? "Read and written" : label === "W" ? "Written" : "Read",
       className: cn(
         "w-6 shrink-0 text-right font-mono text-[11px] font-semibold",
-        access.has("written") ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground"
+        written ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground"
       ),
       children: label
     }
   );
 }
 function buildFileTree(files) {
-  const roots = /* @__PURE__ */ new Map();
-  addPaths(roots, (files == null ? void 0 : files.read) ?? [], "read");
-  addPaths(roots, (files == null ? void 0 : files.written) ?? [], "written");
-  return [...roots.values()].sort(compareNodes);
-}
-function addPaths(roots, paths, access) {
-  for (const path of paths) {
-    const parts = path.split("/").filter(Boolean);
-    let nodes = roots;
-    let currentPath = "";
-    parts.forEach((part, index) => {
-      currentPath = currentPath ? `${currentPath}/${part}` : part;
-      const node = nodes.get(part) ?? {
-        name: part,
-        path: currentPath,
-        children: /* @__PURE__ */ new Map(),
-        access: /* @__PURE__ */ new Set()
-      };
-      nodes.set(part, node);
-      if (index === parts.length - 1) node.access.add(access);
-      nodes = node.children;
-    });
-  }
+  const touches = [
+    ...((files == null ? void 0 : files.read) ?? []).map((path) => ({ path, access: "read" })),
+    ...((files == null ? void 0 : files.written) ?? []).map(
+      (path) => ({ path, access: "written" })
+    )
+  ];
+  return buildPathTree(touches, (touch) => splitPath(touch.path, "/"), {
+    compare: foldersFirst
+  });
 }
-function compareNodes(left, right) {
-  const leftDirectory = left.children.size > 0;
-  const rightDirectory = right.children.size > 0;
-  if (leftDirectory !== rightDirectory) return leftDirectory ? -1 : 1;
-  return left.name.localeCompare(right.name);
+function wasWritten(node) {
+  return node.items.some((touch) => touch.access === "written");
 }
 function countFiles(node) {
-  return node.children.size ? [...node.children.values()].reduce(
-    (count, child) => count + countFiles(child),
-    0
-  ) : 1;
+  return node.children.length ? node.children.reduce((count, child) => count + countFiles(child), 0) : 1;
 }
 function fileTypeIcon(path) {
   const extension = path.toLowerCase().split(".").at(-1) ?? "";

package/dist/data/ai/SessionInspector.files.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.files.js","sources":["../../../src/data/ai/SessionInspector.files.tsx"],"sourcesContent":["import {\n  UiFile,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiFolder,\n  UiImage,\n  UiJson,\n  UiMarkdown,\n} from \"../../icons\";\nimport type { IconComponent } from \"../../icons/types\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Tree } from \"../Tree\";\nimport type { SessionChangedFiles } from \"./SessionViewer.unified\";\n\ntype FileAccess = \"read\" | \"written\";\n\ntype FileTreeNode = {\n  name: string;\n  path: string;\n  children: Map<string, FileTreeNode>;\n  access: Set<FileAccess>;\n};\n\nexport function SessionFilesPanel({\n  files,\n}: {\n  files: SessionChangedFiles | undefined;\n}) {\n  const roots = buildFileTree(files);\n  if (!roots.length) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No changed-file summary.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <div className=\"flex items-center justify-between border-b border-border bg-muted/30 px-density-3 py-density-2 text-xs text-muted-foreground\">\n        <span>\n          {roots.reduce((count, node) => count + countFiles(node), 0)} files\n        </span>\n        <span className=\"flex gap-density-3\">\n          <span>R read</span>\n          <span>W written</span>\n        </span>\n      </div>\n      <Tree<FileTreeNode>\n        roots={roots}\n        ariaLabel=\"Session files\"\n        getChildren={(node) => [...node.children.values()].sort(compareNodes)}\n        getKey={(node) => node.path}\n        getAriaLabel={(node) => node.path}\n        getSearchText={(node) => node.path}\n        defaultOpen={() => true}\n        renderRow={({ node, hasChildren }) => (\n          <FileTreeRow node={node} directory={hasChildren} />\n        )}\n        rowClass={(node) =>\n          cn(\n            \"group min-h-6 border-l-2 border-transparent py-0 pr-density-3 text-xs hover:border-primary/40 hover:bg-muted/40\",\n            !node.children.size &&\n              node.access.has(\"written\") &&\n              \"border-l-amber-500/60\",\n          )\n        }\n        className=\"pb-1\"\n      />\n    </div>\n  );\n}\n\nfunction FileTreeRow({\n  node,\n  directory,\n}: {\n  node: FileTreeNode;\n  directory: boolean;\n}) {\n  const FileIcon = directory ? UiFolder : fileTypeIcon(node.name);\n  return (\n    <>\n      <Icon\n        icon={FileIcon}\n        className={cn(\n          \"size-4 shrink-0\",\n          directory\n            ? \"text-sky-600 dark:text-sky-400\"\n            : \"text-muted-foreground\",\n        )}\n      />\n      <span\n        className={cn(\n          \"min-w-0 flex-1 truncate\",\n          directory ? \"font-medium\" : \"font-mono\",\n        )}\n      >\n        {node.name}\n      </span>\n      {!directory ? <AccessBadge access={node.access} /> : null}\n    </>\n  );\n}\n\nfunction AccessBadge({ access }: { access: Set<FileAccess> }) {\n  const label =\n    access.has(\"read\") && access.has(\"written\")\n      ? \"RW\"\n      : access.has(\"written\")\n        ? \"W\"\n        : \"R\";\n  return (\n    <span\n      title={\n        label === \"RW\" ? \"Read and written\" : label === \"W\" ? \"Written\" : \"Read\"\n      }\n      className={cn(\n        \"w-6 shrink-0 text-right font-mono text-[11px] font-semibold\",\n        access.has(\"written\")\n          ? \"text-amber-600 dark:text-amber-400\"\n          : \"text-muted-foreground\",\n      )}\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction buildFileTree(files: SessionChangedFiles | undefined) {\n  const roots = new Map<string, FileTreeNode>();\n  addPaths(roots, files?.read ?? [], \"read\");\n  addPaths(roots, files?.written ?? [], \"written\");\n  return [...roots.values()].sort(compareNodes);\n}\n\nfunction addPaths(\n  roots: Map<string, FileTreeNode>,\n  paths: string[],\n  access: FileAccess,\n) {\n  for (const path of paths) {\n    const parts = path.split(\"/\").filter(Boolean);\n    let nodes = roots;\n    let currentPath = \"\";\n    parts.forEach((part, index) => {\n      currentPath = currentPath ? `${currentPath}/${part}` : part;\n      const node = nodes.get(part) ?? {\n        name: part,\n        path: currentPath,\n        children: new Map(),\n        access: new Set<FileAccess>(),\n      };\n      nodes.set(part, node);\n      if (index === parts.length - 1) node.access.add(access);\n      nodes = node.children;\n    });\n  }\n}\n\nfunction compareNodes(left: FileTreeNode, right: FileTreeNode) {\n  const leftDirectory = left.children.size > 0;\n  const rightDirectory = right.children.size > 0;\n  if (leftDirectory !== rightDirectory) return leftDirectory ? -1 : 1;\n  return left.name.localeCompare(right.name);\n}\n\nfunction countFiles(node: FileTreeNode): number {\n  return node.children.size\n    ? [...node.children.values()].reduce(\n        (count, child) => count + countFiles(child),\n        0,\n      )\n    : 1;\n}\n\nfunction fileTypeIcon(path: string): IconComponent {\n  const extension = path.toLowerCase().split(\".\").at(-1) ?? \"\";\n  if ([\"md\", \"mdx\"].includes(extension)) return UiMarkdown;\n  if ([\"json\", \"jsonl\"].includes(extension)) return UiJson;\n  if ([\"csv\", \"xls\", \"xlsx\"].includes(extension)) return UiFileSpreadsheet;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\"].includes(extension))\n    return UiImage;\n  if ([\"txt\", \"log\", \"rst\"].includes(extension)) return UiFileText;\n  if (\n    [\n      \"ts\",\n      \"tsx\",\n      \"js\",\n      \"jsx\",\n      \"go\",\n      \"py\",\n      \"rs\",\n      \"java\",\n      \"css\",\n      \"scss\",\n      \"html\",\n      \"yaml\",\n      \"yml\",\n      \"toml\",\n      \"sh\",\n    ].includes(extension)\n  )\n    return UiFileCode;\n  return UiFile;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.files.js","sources":["../../../src/data/ai/SessionInspector.files.tsx"],"sourcesContent":["import {\n  UiFile,\n  UiFileCode,\n  UiFileSpreadsheet,\n  UiFileText,\n  UiFolder,\n  UiImage,\n  UiJson,\n  UiMarkdown,\n} from \"../../icons\";\nimport type { IconComponent } from \"../../icons/types\";\nimport {\n  buildPathTree,\n  foldersFirst,\n  splitPath,\n  type PathTreeNode,\n} from \"../../lib/path-tree\";\nimport { cn } from \"../../lib/utils\";\nimport { Icon } from \"../Icon\";\nimport { Tree } from \"../Tree\";\nimport type { SessionChangedFiles } from \"./SessionViewer.unified\";\n\ntype FileAccess = \"read\" | \"written\";\n\n// One touch of a path. A file read and then written contributes two, both\n// binding to the same tree node.\ntype FileTouch = { path: string; access: FileAccess };\n\ntype FileTreeNode = PathTreeNode<FileTouch>;\n\nexport function SessionFilesPanel({\n  files,\n}: {\n  files: SessionChangedFiles | undefined;\n}) {\n  const roots = buildFileTree(files);\n  if (!roots.length) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No changed-file summary.\n      </div>\n    );\n  }\n  return (\n    <div className=\"overflow-hidden rounded-lg border border-border bg-background\">\n      <div className=\"flex items-center justify-between border-b border-border bg-muted/30 px-density-3 py-density-2 text-xs text-muted-foreground\">\n        <span>\n          {roots.reduce((count, node) => count + countFiles(node), 0)} files\n        </span>\n        <span className=\"flex gap-density-3\">\n          <span>R read</span>\n          <span>W written</span>\n        </span>\n      </div>\n      <Tree<FileTreeNode>\n        roots={roots}\n        ariaLabel=\"Session files\"\n        getChildren={(node) => node.children}\n        getKey={(node) => node.key}\n        getAriaLabel={(node) => node.key}\n        getSearchText={(node) => node.key}\n        defaultOpen={() => true}\n        renderRow={({ node, hasChildren }) => (\n          <FileTreeRow node={node} directory={hasChildren} />\n        )}\n        rowClass={(node) =>\n          cn(\n            \"group min-h-6 border-l-2 border-transparent py-0 pr-density-3 text-xs hover:border-primary/40 hover:bg-muted/40\",\n            !node.children.length && wasWritten(node) && \"border-l-amber-500/60\",\n          )\n        }\n        className=\"pb-1\"\n      />\n    </div>\n  );\n}\n\nfunction FileTreeRow({\n  node,\n  directory,\n}: {\n  node: FileTreeNode;\n  directory: boolean;\n}) {\n  const FileIcon = directory ? UiFolder : fileTypeIcon(node.label);\n  return (\n    <>\n      <Icon\n        icon={FileIcon}\n        className={cn(\n          \"size-4 shrink-0\",\n          directory\n            ? \"text-sky-600 dark:text-sky-400\"\n            : \"text-muted-foreground\",\n        )}\n      />\n      <span\n        className={cn(\n          \"min-w-0 flex-1 truncate\",\n          directory ? \"font-medium\" : \"font-mono\",\n        )}\n      >\n        {node.label}\n      </span>\n      {!directory ? <AccessBadge node={node} /> : null}\n    </>\n  );\n}\n\nfunction AccessBadge({ node }: { node: FileTreeNode }) {\n  const read = node.items.some((touch) => touch.access === \"read\");\n  const written = wasWritten(node);\n  const label = read && written ? \"RW\" : written ? \"W\" : \"R\";\n  return (\n    <span\n      title={\n        label === \"RW\" ? \"Read and written\" : label === \"W\" ? \"Written\" : \"Read\"\n      }\n      className={cn(\n        \"w-6 shrink-0 text-right font-mono text-[11px] font-semibold\",\n        written ? \"text-amber-600 dark:text-amber-400\" : \"text-muted-foreground\",\n      )}\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction buildFileTree(files: SessionChangedFiles | undefined): FileTreeNode[] {\n  const touches: FileTouch[] = [\n    ...(files?.read ?? []).map((path): FileTouch => ({ path, access: \"read\" })),\n    ...(files?.written ?? []).map(\n      (path): FileTouch => ({ path, access: \"written\" }),\n    ),\n  ];\n  return buildPathTree(touches, (touch) => splitPath(touch.path, \"/\"), {\n    compare: foldersFirst,\n  });\n}\n\nfunction wasWritten(node: FileTreeNode): boolean {\n  return node.items.some((touch) => touch.access === \"written\");\n}\n\nfunction countFiles(node: FileTreeNode): number {\n  return node.children.length\n    ? node.children.reduce((count, child) => count + countFiles(child), 0)\n    : 1;\n}\n\nfunction fileTypeIcon(path: string): IconComponent {\n  const extension = path.toLowerCase().split(\".\").at(-1) ?? \"\";\n  if ([\"md\", \"mdx\"].includes(extension)) return UiMarkdown;\n  if ([\"json\", \"jsonl\"].includes(extension)) return UiJson;\n  if ([\"csv\", \"xls\", \"xlsx\"].includes(extension)) return UiFileSpreadsheet;\n  if ([\"png\", \"jpg\", \"jpeg\", \"gif\", \"svg\", \"webp\"].includes(extension))\n    return UiImage;\n  if ([\"txt\", \"log\", \"rst\"].includes(extension)) return UiFileText;\n  if (\n    [\n      \"ts\",\n      \"tsx\",\n      \"js\",\n      \"jsx\",\n      \"go\",\n      \"py\",\n      \"rs\",\n      \"java\",\n      \"css\",\n      \"scss\",\n      \"html\",\n      \"yaml\",\n      \"yml\",\n      \"toml\",\n      \"sh\",\n    ].includes(extension)\n  )\n    return UiFileCode;\n  return UiFile;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionInspector.hierarchy.cjs

@@ -11,7 +11,7 @@ const Tree = require("../Tree.cjs");
 const Icon = require("../Icon.cjs");
 const providerIcons = require("../chat/provider-icons.cjs");
 const agentActionIcons = require("./agent-action-icons.cjs");
-const runtimeMode = require("./runtime-mode.cjs");
+const runtimeMode = require("../runtime/runtime-mode.cjs");
 const SessionInspector_collection = require("./SessionInspector.collection.cjs");
 const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
 const UiChevronDown = require("../../icons/components/UiChevronDown.cjs");

package/dist/data/ai/SessionInspector.hierarchy.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.hierarchy.cjs","sources":["../../../src/data/ai/SessionInspector.hierarchy.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { UiChevronDown, UiRepeat, UiRobotAi } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { formatDuration } from \"../../lib/format\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { StatusDot } from \"../cells/StatusDot\";\nimport { formatRelativeTime } from \"../cells/timestamp-format\";\nimport { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon, WORKFLOW_PHASES } from \"./agent-action-icons\";\nimport { SPEC_RUNTIME_FAMILIES } from \"./runtime-mode\";\nimport { formatCost } from \"./session-cost\";\nimport {\n  hierarchyCheckState,\n  selectedSessionCount,\n  sessionKey,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionHierarchyNode,\n} from \"./SessionInspector.collection\";\nimport type { SessionHierarchyState } from \"./SessionInspector.hierarchy-state\";\n\nexport function SessionHierarchyPicker({\n  collection,\n  state,\n  renderSessionActions,\n}: {\n  collection: SessionCollectionInput;\n  state: SessionHierarchyState;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n}) {\n  const selected = selectedSessionCount(state.roots, state.checked);\n  const total = collection.sessions.length;\n  const label = `${selected} of ${total} session${total === 1 ? \"\" : \"s\"}`;\n  return (\n    <DropdownMenu\n      className=\"shrink-0\"\n      align=\"left\"\n      menuLabel=\"Session content\"\n      menuClassName=\"h-[min(58vh,34rem)] w-[min(42rem,calc(100vw-2rem))] overflow-hidden p-2\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`Select session content: ${label}`}\n          className=\"flex h-control-h max-w-56 items-center gap-density-2 rounded-md border border-border bg-background px-density-2 text-left text-xs font-medium text-foreground shadow-sm transition-colors hover:bg-muted/40\"\n        >\n          <Icon\n            icon={UiRobotAi}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n          <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3.5 shrink-0 text-muted-foreground\"\n          />\n        </button>\n      }\n    >\n      {() => (\n        <Tree\n          roots={state.roots}\n          ariaLabel=\"Session content\"\n          className=\"h-full\"\n          showControls\n          getKey={(node) => node.key}\n          getChildren={(node) => node.children}\n          getSearchText={(node) =>\n            [node.label, node.model, node.effort, node.mode]\n              .filter(Boolean)\n              .join(\" \")\n          }\n          defaultOpen={(node) =>\n            node.key === sessionKey(collection.currentSessionId)\n          }\n          hasMoreChildren={(node) =>\n            node.kind === \"session\" &&\n            Boolean(\n              node.item &&\n              !state.loadedSessionIds.has(node.item.id) &&\n              collection.loadSession,\n            )\n          }\n          loadChildren={state.loadChildren}\n          renderRow={({ node, loading, error }) => {\n            const message = error\n              ? String(error)\n              : state.errors.get(node.itemId);\n            const actions =\n              node.kind === \"session\" && node.item\n                ? renderSessionActions?.(node.item)\n                : undefined;\n            return (\n              <HierarchyRow\n                node={node}\n                checkState={hierarchyCheckState(node, state.checked)}\n                loading={loading || state.loading.has(node.itemId)}\n                onChecked={(include) => {\n                  void state\n                    .setBranchChecked(node, include)\n                    .catch(() => undefined);\n                }}\n                {...(message ? { error: message } : {})}\n                {...(actions ? { actions } : {})}\n              />\n            );\n          }}\n        />\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction HierarchyRow({\n  node,\n  checkState,\n  loading,\n  error,\n  onChecked,\n  actions,\n}: {\n  node: SessionHierarchyNode;\n  checkState: \"checked\" | \"indeterminate\" | \"unchecked\";\n  loading: boolean;\n  error?: string;\n  onChecked: (include: boolean) => void;\n  actions?: ReactNode;\n}) {\n  const ProviderIcon =\n    node.kind === \"session\" ? providerIcon(node.provider) : undefined;\n  const EffortIcon = node.effort ? effortIcon(node.effort) : undefined;\n  const ModeIcon = node.mode ? modeIcon(node.mode) : undefined;\n  const NodeIcon = node.kind === \"turn\" ? UiRepeat : UiRobotAi;\n  const age = useRelativeAge(node.updatedAt);\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-density-2 py-1\">\n      <HierarchyCheckbox\n        label={`Include ${node.label}`}\n        state={checkState}\n        onChange={onChecked}\n      />\n      <Icon\n        icon={ProviderIcon ?? NodeIcon}\n        className={cn(\n          \"size-4 shrink-0 text-muted-foreground\",\n          ProviderIcon && providerIconColor(node.provider),\n        )}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-density-2\">\n          <span className=\"truncate text-xs font-medium text-foreground\">\n            {node.label}\n          </span>\n          {node.status ? (\n            <span className=\"inline-flex items-center gap-1 text-[10px] text-muted-foreground\">\n              <StatusDot status={statusDotStatus(node.status)} size=\"xs\" />\n              {node.status}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap gap-x-density-2 text-[10px] text-muted-foreground\">\n          {node.model ? <span>{node.model}</span> : null}\n          {node.effort ? (\n            <span className=\"inline-flex items-center gap-0.5\">\n              {EffortIcon ? (\n                <Icon\n                  icon={EffortIcon.icon}\n                  title={`${EffortIcon.label} effort`}\n                  className={cn(\"size-3\", effortToneClass(EffortIcon.tone))}\n                />\n              ) : null}\n              {node.effort} effort\n            </span>\n          ) : null}\n          {ModeIcon?.icon ? (\n            <Icon\n              icon={ModeIcon.icon}\n              title={`${ModeIcon.label} mode`}\n              className=\"size-3 text-muted-foreground\"\n            />\n          ) : null}\n          {node.pid ? <span>pid {node.pid}</span> : null}\n          {node.durationMs !== undefined ? (\n            <span>{formatDuration(node.durationMs)}</span>\n          ) : null}\n          {age ? <span title={node.updatedAt}>{age}</span> : null}\n          <span>{node.cost ? formatCost(node.cost) : \"-\"}</span>\n          {loading ? <span>Loading…</span> : null}\n          {error ? (\n            <span role=\"alert\" className=\"text-destructive\">\n              {error}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {actions ? (\n        <span className=\"shrink-0\" onClick={(event) => event.stopPropagation()}>\n          {actions}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nconst EFFORT_TONE_CLASS = {\n  sky: \"text-sky-600\",\n  amber: \"text-amber-600\",\n  violet: \"text-violet-600\",\n  emerald: \"text-emerald-600\",\n  teal: \"text-teal-600\",\n  orange: \"text-orange-600\",\n  rose: \"text-rose-600\",\n  indigo: \"text-indigo-600\",\n  fuchsia: \"text-fuchsia-600\",\n  pink: \"text-pink-600\",\n  slate: \"text-slate-500\",\n} as const;\n\nfunction effortToneClass(tone: keyof typeof EFFORT_TONE_CLASS) {\n  return EFFORT_TONE_CLASS[tone];\n}\n\nfunction modeIcon(mode: string) {\n  const key = mode.trim().toLowerCase();\n  if (key in WORKFLOW_PHASES) {\n    return WORKFLOW_PHASES[key as keyof typeof WORKFLOW_PHASES];\n  }\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const match = family.modes.find(\n      (candidate) => candidate.id === key || candidate.backend === key,\n    );\n    if (match) return { icon: match.icon, label: match.label };\n  }\n  return undefined;\n}\n\nfunction statusDotStatus(status: string) {\n  switch (status.trim().toLowerCase()) {\n    case \"completed\":\n    case \"succeeded\":\n      return \"success\" as const;\n    case \"failed\":\n    case \"cancelled\":\n    case \"zombie\":\n      return \"error\" as const;\n    case \"planning\":\n    case \"ask\":\n    case \"stopping\":\n      return \"warning\" as const;\n    default:\n      return \"info\" as const;\n  }\n}\n\nfunction useRelativeAge(updatedAt: string | undefined) {\n  const [, setTick] = useState(0);\n  useEffect(() => {\n    if (!updatedAt) return undefined;\n    const timer = window.setInterval(\n      () => setTick((value) => value + 1),\n      30_000,\n    );\n    return () => window.clearInterval(timer);\n  }, [updatedAt]);\n  if (!updatedAt) return \"\";\n  const date = new Date(updatedAt);\n  return Number.isNaN(date.getTime()) ? \"\" : formatRelativeTime(date);\n}\n\nfunction HierarchyCheckbox({\n  label,\n  state,\n  onChange,\n}: {\n  label: string;\n  state: \"checked\" | \"indeterminate\" | \"unchecked\";\n  onChange: (checked: boolean) => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = state === \"indeterminate\";\n  }, [state]);\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      aria-label={label}\n      checked={state === \"checked\"}\n      onClick={(event) => event.stopPropagation()}\n      onChange={(event) => onChange(event.target.checked)}\n      className=\"size-3.5 shrink-0 accent-primary\"\n    />\n  );\n}\n"],"names":["selectedSessionCount","jsx","DropdownMenu","jsxs","Icon","UiRobotAi","UiChevronDown","Tree","sessionKey","hierarchyCheckState","providerIcon","effortIcon","UiRepeat","cn","providerIconColor","StatusDot","formatDuration","formatCost","WORKFLOW_PHASES","SPEC_RUNTIME_FAMILIES","useState","useEffect","formatRelativeTime","useRef"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.hierarchy.cjs","sources":["../../../src/data/ai/SessionInspector.hierarchy.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { UiChevronDown, UiRepeat, UiRobotAi } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { formatDuration } from \"../../lib/format\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { StatusDot } from \"../cells/StatusDot\";\nimport { formatRelativeTime } from \"../cells/timestamp-format\";\nimport { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon, WORKFLOW_PHASES } from \"./agent-action-icons\";\nimport { SPEC_RUNTIME_FAMILIES } from \"../runtime/runtime-mode\";\nimport { formatCost } from \"./session-cost\";\nimport {\n  hierarchyCheckState,\n  selectedSessionCount,\n  sessionKey,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionHierarchyNode,\n} from \"./SessionInspector.collection\";\nimport type { SessionHierarchyState } from \"./SessionInspector.hierarchy-state\";\n\nexport function SessionHierarchyPicker({\n  collection,\n  state,\n  renderSessionActions,\n}: {\n  collection: SessionCollectionInput;\n  state: SessionHierarchyState;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n}) {\n  const selected = selectedSessionCount(state.roots, state.checked);\n  const total = collection.sessions.length;\n  const label = `${selected} of ${total} session${total === 1 ? \"\" : \"s\"}`;\n  return (\n    <DropdownMenu\n      className=\"shrink-0\"\n      align=\"left\"\n      menuLabel=\"Session content\"\n      menuClassName=\"h-[min(58vh,34rem)] w-[min(42rem,calc(100vw-2rem))] overflow-hidden p-2\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`Select session content: ${label}`}\n          className=\"flex h-control-h max-w-56 items-center gap-density-2 rounded-md border border-border bg-background px-density-2 text-left text-xs font-medium text-foreground shadow-sm transition-colors hover:bg-muted/40\"\n        >\n          <Icon\n            icon={UiRobotAi}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n          <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3.5 shrink-0 text-muted-foreground\"\n          />\n        </button>\n      }\n    >\n      {() => (\n        <Tree\n          roots={state.roots}\n          ariaLabel=\"Session content\"\n          className=\"h-full\"\n          showControls\n          getKey={(node) => node.key}\n          getChildren={(node) => node.children}\n          getSearchText={(node) =>\n            [node.label, node.model, node.effort, node.mode]\n              .filter(Boolean)\n              .join(\" \")\n          }\n          defaultOpen={(node) =>\n            node.key === sessionKey(collection.currentSessionId)\n          }\n          hasMoreChildren={(node) =>\n            node.kind === \"session\" &&\n            Boolean(\n              node.item &&\n              !state.loadedSessionIds.has(node.item.id) &&\n              collection.loadSession,\n            )\n          }\n          loadChildren={state.loadChildren}\n          renderRow={({ node, loading, error }) => {\n            const message = error\n              ? String(error)\n              : state.errors.get(node.itemId);\n            const actions =\n              node.kind === \"session\" && node.item\n                ? renderSessionActions?.(node.item)\n                : undefined;\n            return (\n              <HierarchyRow\n                node={node}\n                checkState={hierarchyCheckState(node, state.checked)}\n                loading={loading || state.loading.has(node.itemId)}\n                onChecked={(include) => {\n                  void state\n                    .setBranchChecked(node, include)\n                    .catch(() => undefined);\n                }}\n                {...(message ? { error: message } : {})}\n                {...(actions ? { actions } : {})}\n              />\n            );\n          }}\n        />\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction HierarchyRow({\n  node,\n  checkState,\n  loading,\n  error,\n  onChecked,\n  actions,\n}: {\n  node: SessionHierarchyNode;\n  checkState: \"checked\" | \"indeterminate\" | \"unchecked\";\n  loading: boolean;\n  error?: string;\n  onChecked: (include: boolean) => void;\n  actions?: ReactNode;\n}) {\n  const ProviderIcon =\n    node.kind === \"session\" ? providerIcon(node.provider) : undefined;\n  const EffortIcon = node.effort ? effortIcon(node.effort) : undefined;\n  const ModeIcon = node.mode ? modeIcon(node.mode) : undefined;\n  const NodeIcon = node.kind === \"turn\" ? UiRepeat : UiRobotAi;\n  const age = useRelativeAge(node.updatedAt);\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-density-2 py-1\">\n      <HierarchyCheckbox\n        label={`Include ${node.label}`}\n        state={checkState}\n        onChange={onChecked}\n      />\n      <Icon\n        icon={ProviderIcon ?? NodeIcon}\n        className={cn(\n          \"size-4 shrink-0 text-muted-foreground\",\n          ProviderIcon && providerIconColor(node.provider),\n        )}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-density-2\">\n          <span className=\"truncate text-xs font-medium text-foreground\">\n            {node.label}\n          </span>\n          {node.status ? (\n            <span className=\"inline-flex items-center gap-1 text-[10px] text-muted-foreground\">\n              <StatusDot status={statusDotStatus(node.status)} size=\"xs\" />\n              {node.status}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap gap-x-density-2 text-[10px] text-muted-foreground\">\n          {node.model ? <span>{node.model}</span> : null}\n          {node.effort ? (\n            <span className=\"inline-flex items-center gap-0.5\">\n              {EffortIcon ? (\n                <Icon\n                  icon={EffortIcon.icon}\n                  title={`${EffortIcon.label} effort`}\n                  className={cn(\"size-3\", effortToneClass(EffortIcon.tone))}\n                />\n              ) : null}\n              {node.effort} effort\n            </span>\n          ) : null}\n          {ModeIcon?.icon ? (\n            <Icon\n              icon={ModeIcon.icon}\n              title={`${ModeIcon.label} mode`}\n              className=\"size-3 text-muted-foreground\"\n            />\n          ) : null}\n          {node.pid ? <span>pid {node.pid}</span> : null}\n          {node.durationMs !== undefined ? (\n            <span>{formatDuration(node.durationMs)}</span>\n          ) : null}\n          {age ? <span title={node.updatedAt}>{age}</span> : null}\n          <span>{node.cost ? formatCost(node.cost) : \"-\"}</span>\n          {loading ? <span>Loading…</span> : null}\n          {error ? (\n            <span role=\"alert\" className=\"text-destructive\">\n              {error}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {actions ? (\n        <span className=\"shrink-0\" onClick={(event) => event.stopPropagation()}>\n          {actions}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nconst EFFORT_TONE_CLASS = {\n  sky: \"text-sky-600\",\n  amber: \"text-amber-600\",\n  violet: \"text-violet-600\",\n  emerald: \"text-emerald-600\",\n  teal: \"text-teal-600\",\n  orange: \"text-orange-600\",\n  rose: \"text-rose-600\",\n  indigo: \"text-indigo-600\",\n  fuchsia: \"text-fuchsia-600\",\n  pink: \"text-pink-600\",\n  slate: \"text-slate-500\",\n} as const;\n\nfunction effortToneClass(tone: keyof typeof EFFORT_TONE_CLASS) {\n  return EFFORT_TONE_CLASS[tone];\n}\n\nfunction modeIcon(mode: string) {\n  const key = mode.trim().toLowerCase();\n  if (key in WORKFLOW_PHASES) {\n    return WORKFLOW_PHASES[key as keyof typeof WORKFLOW_PHASES];\n  }\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const match = family.modes.find(\n      (candidate) => candidate.id === key || candidate.backend === key,\n    );\n    if (match) return { icon: match.icon, label: match.label };\n  }\n  return undefined;\n}\n\nfunction statusDotStatus(status: string) {\n  switch (status.trim().toLowerCase()) {\n    case \"completed\":\n    case \"succeeded\":\n      return \"success\" as const;\n    case \"failed\":\n    case \"cancelled\":\n    case \"zombie\":\n      return \"error\" as const;\n    case \"planning\":\n    case \"ask\":\n    case \"stopping\":\n      return \"warning\" as const;\n    default:\n      return \"info\" as const;\n  }\n}\n\nfunction useRelativeAge(updatedAt: string | undefined) {\n  const [, setTick] = useState(0);\n  useEffect(() => {\n    if (!updatedAt) return undefined;\n    const timer = window.setInterval(\n      () => setTick((value) => value + 1),\n      30_000,\n    );\n    return () => window.clearInterval(timer);\n  }, [updatedAt]);\n  if (!updatedAt) return \"\";\n  const date = new Date(updatedAt);\n  return Number.isNaN(date.getTime()) ? \"\" : formatRelativeTime(date);\n}\n\nfunction HierarchyCheckbox({\n  label,\n  state,\n  onChange,\n}: {\n  label: string;\n  state: \"checked\" | \"indeterminate\" | \"unchecked\";\n  onChange: (checked: boolean) => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = state === \"indeterminate\";\n  }, [state]);\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      aria-label={label}\n      checked={state === \"checked\"}\n      onClick={(event) => event.stopPropagation()}\n      onChange={(event) => onChange(event.target.checked)}\n      className=\"size-3.5 shrink-0 accent-primary\"\n    />\n  );\n}\n"],"names":["selectedSessionCount","jsx","DropdownMenu","jsxs","Icon","UiRobotAi","UiChevronDown","Tree","sessionKey","hierarchyCheckState","providerIcon","effortIcon","UiRepeat","cn","providerIconColor","StatusDot","formatDuration","formatCost","WORKFLOW_PHASES","SPEC_RUNTIME_FAMILIES","useState","useEffect","formatRelativeTime","useRef"],"mappings":"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"}

package/dist/data/ai/SessionInspector.hierarchy.js

@@ -9,7 +9,7 @@ import { Tree } from "../Tree.js";
 import { Icon } from "../Icon.js";
 import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
 import { effortIcon, WORKFLOW_PHASES } from "./agent-action-icons.js";
-import { SPEC_RUNTIME_FAMILIES } from "./runtime-mode.js";
+import { SPEC_RUNTIME_FAMILIES } from "../runtime/runtime-mode.js";
 import { selectedSessionCount, hierarchyCheckState, sessionKey } from "./SessionInspector.collection.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiChevronDown } from "../../icons/components/UiChevronDown.js";

package/dist/data/ai/SessionInspector.hierarchy.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.hierarchy.js","sources":["../../../src/data/ai/SessionInspector.hierarchy.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { UiChevronDown, UiRepeat, UiRobotAi } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { formatDuration } from \"../../lib/format\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { StatusDot } from \"../cells/StatusDot\";\nimport { formatRelativeTime } from \"../cells/timestamp-format\";\nimport { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon, WORKFLOW_PHASES } from \"./agent-action-icons\";\nimport { SPEC_RUNTIME_FAMILIES } from \"./runtime-mode\";\nimport { formatCost } from \"./session-cost\";\nimport {\n  hierarchyCheckState,\n  selectedSessionCount,\n  sessionKey,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionHierarchyNode,\n} from \"./SessionInspector.collection\";\nimport type { SessionHierarchyState } from \"./SessionInspector.hierarchy-state\";\n\nexport function SessionHierarchyPicker({\n  collection,\n  state,\n  renderSessionActions,\n}: {\n  collection: SessionCollectionInput;\n  state: SessionHierarchyState;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n}) {\n  const selected = selectedSessionCount(state.roots, state.checked);\n  const total = collection.sessions.length;\n  const label = `${selected} of ${total} session${total === 1 ? \"\" : \"s\"}`;\n  return (\n    <DropdownMenu\n      className=\"shrink-0\"\n      align=\"left\"\n      menuLabel=\"Session content\"\n      menuClassName=\"h-[min(58vh,34rem)] w-[min(42rem,calc(100vw-2rem))] overflow-hidden p-2\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`Select session content: ${label}`}\n          className=\"flex h-control-h max-w-56 items-center gap-density-2 rounded-md border border-border bg-background px-density-2 text-left text-xs font-medium text-foreground shadow-sm transition-colors hover:bg-muted/40\"\n        >\n          <Icon\n            icon={UiRobotAi}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n          <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3.5 shrink-0 text-muted-foreground\"\n          />\n        </button>\n      }\n    >\n      {() => (\n        <Tree\n          roots={state.roots}\n          ariaLabel=\"Session content\"\n          className=\"h-full\"\n          showControls\n          getKey={(node) => node.key}\n          getChildren={(node) => node.children}\n          getSearchText={(node) =>\n            [node.label, node.model, node.effort, node.mode]\n              .filter(Boolean)\n              .join(\" \")\n          }\n          defaultOpen={(node) =>\n            node.key === sessionKey(collection.currentSessionId)\n          }\n          hasMoreChildren={(node) =>\n            node.kind === \"session\" &&\n            Boolean(\n              node.item &&\n              !state.loadedSessionIds.has(node.item.id) &&\n              collection.loadSession,\n            )\n          }\n          loadChildren={state.loadChildren}\n          renderRow={({ node, loading, error }) => {\n            const message = error\n              ? String(error)\n              : state.errors.get(node.itemId);\n            const actions =\n              node.kind === \"session\" && node.item\n                ? renderSessionActions?.(node.item)\n                : undefined;\n            return (\n              <HierarchyRow\n                node={node}\n                checkState={hierarchyCheckState(node, state.checked)}\n                loading={loading || state.loading.has(node.itemId)}\n                onChecked={(include) => {\n                  void state\n                    .setBranchChecked(node, include)\n                    .catch(() => undefined);\n                }}\n                {...(message ? { error: message } : {})}\n                {...(actions ? { actions } : {})}\n              />\n            );\n          }}\n        />\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction HierarchyRow({\n  node,\n  checkState,\n  loading,\n  error,\n  onChecked,\n  actions,\n}: {\n  node: SessionHierarchyNode;\n  checkState: \"checked\" | \"indeterminate\" | \"unchecked\";\n  loading: boolean;\n  error?: string;\n  onChecked: (include: boolean) => void;\n  actions?: ReactNode;\n}) {\n  const ProviderIcon =\n    node.kind === \"session\" ? providerIcon(node.provider) : undefined;\n  const EffortIcon = node.effort ? effortIcon(node.effort) : undefined;\n  const ModeIcon = node.mode ? modeIcon(node.mode) : undefined;\n  const NodeIcon = node.kind === \"turn\" ? UiRepeat : UiRobotAi;\n  const age = useRelativeAge(node.updatedAt);\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-density-2 py-1\">\n      <HierarchyCheckbox\n        label={`Include ${node.label}`}\n        state={checkState}\n        onChange={onChecked}\n      />\n      <Icon\n        icon={ProviderIcon ?? NodeIcon}\n        className={cn(\n          \"size-4 shrink-0 text-muted-foreground\",\n          ProviderIcon && providerIconColor(node.provider),\n        )}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-density-2\">\n          <span className=\"truncate text-xs font-medium text-foreground\">\n            {node.label}\n          </span>\n          {node.status ? (\n            <span className=\"inline-flex items-center gap-1 text-[10px] text-muted-foreground\">\n              <StatusDot status={statusDotStatus(node.status)} size=\"xs\" />\n              {node.status}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap gap-x-density-2 text-[10px] text-muted-foreground\">\n          {node.model ? <span>{node.model}</span> : null}\n          {node.effort ? (\n            <span className=\"inline-flex items-center gap-0.5\">\n              {EffortIcon ? (\n                <Icon\n                  icon={EffortIcon.icon}\n                  title={`${EffortIcon.label} effort`}\n                  className={cn(\"size-3\", effortToneClass(EffortIcon.tone))}\n                />\n              ) : null}\n              {node.effort} effort\n            </span>\n          ) : null}\n          {ModeIcon?.icon ? (\n            <Icon\n              icon={ModeIcon.icon}\n              title={`${ModeIcon.label} mode`}\n              className=\"size-3 text-muted-foreground\"\n            />\n          ) : null}\n          {node.pid ? <span>pid {node.pid}</span> : null}\n          {node.durationMs !== undefined ? (\n            <span>{formatDuration(node.durationMs)}</span>\n          ) : null}\n          {age ? <span title={node.updatedAt}>{age}</span> : null}\n          <span>{node.cost ? formatCost(node.cost) : \"-\"}</span>\n          {loading ? <span>Loading…</span> : null}\n          {error ? (\n            <span role=\"alert\" className=\"text-destructive\">\n              {error}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {actions ? (\n        <span className=\"shrink-0\" onClick={(event) => event.stopPropagation()}>\n          {actions}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nconst EFFORT_TONE_CLASS = {\n  sky: \"text-sky-600\",\n  amber: \"text-amber-600\",\n  violet: \"text-violet-600\",\n  emerald: \"text-emerald-600\",\n  teal: \"text-teal-600\",\n  orange: \"text-orange-600\",\n  rose: \"text-rose-600\",\n  indigo: \"text-indigo-600\",\n  fuchsia: \"text-fuchsia-600\",\n  pink: \"text-pink-600\",\n  slate: \"text-slate-500\",\n} as const;\n\nfunction effortToneClass(tone: keyof typeof EFFORT_TONE_CLASS) {\n  return EFFORT_TONE_CLASS[tone];\n}\n\nfunction modeIcon(mode: string) {\n  const key = mode.trim().toLowerCase();\n  if (key in WORKFLOW_PHASES) {\n    return WORKFLOW_PHASES[key as keyof typeof WORKFLOW_PHASES];\n  }\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const match = family.modes.find(\n      (candidate) => candidate.id === key || candidate.backend === key,\n    );\n    if (match) return { icon: match.icon, label: match.label };\n  }\n  return undefined;\n}\n\nfunction statusDotStatus(status: string) {\n  switch (status.trim().toLowerCase()) {\n    case \"completed\":\n    case \"succeeded\":\n      return \"success\" as const;\n    case \"failed\":\n    case \"cancelled\":\n    case \"zombie\":\n      return \"error\" as const;\n    case \"planning\":\n    case \"ask\":\n    case \"stopping\":\n      return \"warning\" as const;\n    default:\n      return \"info\" as const;\n  }\n}\n\nfunction useRelativeAge(updatedAt: string | undefined) {\n  const [, setTick] = useState(0);\n  useEffect(() => {\n    if (!updatedAt) return undefined;\n    const timer = window.setInterval(\n      () => setTick((value) => value + 1),\n      30_000,\n    );\n    return () => window.clearInterval(timer);\n  }, [updatedAt]);\n  if (!updatedAt) return \"\";\n  const date = new Date(updatedAt);\n  return Number.isNaN(date.getTime()) ? \"\" : formatRelativeTime(date);\n}\n\nfunction HierarchyCheckbox({\n  label,\n  state,\n  onChange,\n}: {\n  label: string;\n  state: \"checked\" | \"indeterminate\" | \"unchecked\";\n  onChange: (checked: boolean) => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = state === \"indeterminate\";\n  }, [state]);\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      aria-label={label}\n      checked={state === \"checked\"}\n      onClick={(event) => event.stopPropagation()}\n      onChange={(event) => onChange(event.target.checked)}\n      className=\"size-3.5 shrink-0 accent-primary\"\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.hierarchy.js","sources":["../../../src/data/ai/SessionInspector.hierarchy.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { UiChevronDown, UiRepeat, UiRobotAi } from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { formatDuration } from \"../../lib/format\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { StatusDot } from \"../cells/StatusDot\";\nimport { formatRelativeTime } from \"../cells/timestamp-format\";\nimport { Tree } from \"../Tree\";\nimport { Icon } from \"../Icon\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon, WORKFLOW_PHASES } from \"./agent-action-icons\";\nimport { SPEC_RUNTIME_FAMILIES } from \"../runtime/runtime-mode\";\nimport { formatCost } from \"./session-cost\";\nimport {\n  hierarchyCheckState,\n  selectedSessionCount,\n  sessionKey,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionHierarchyNode,\n} from \"./SessionInspector.collection\";\nimport type { SessionHierarchyState } from \"./SessionInspector.hierarchy-state\";\n\nexport function SessionHierarchyPicker({\n  collection,\n  state,\n  renderSessionActions,\n}: {\n  collection: SessionCollectionInput;\n  state: SessionHierarchyState;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n}) {\n  const selected = selectedSessionCount(state.roots, state.checked);\n  const total = collection.sessions.length;\n  const label = `${selected} of ${total} session${total === 1 ? \"\" : \"s\"}`;\n  return (\n    <DropdownMenu\n      className=\"shrink-0\"\n      align=\"left\"\n      menuLabel=\"Session content\"\n      menuClassName=\"h-[min(58vh,34rem)] w-[min(42rem,calc(100vw-2rem))] overflow-hidden p-2\"\n      trigger={\n        <button\n          type=\"button\"\n          aria-label={`Select session content: ${label}`}\n          className=\"flex h-control-h max-w-56 items-center gap-density-2 rounded-md border border-border bg-background px-density-2 text-left text-xs font-medium text-foreground shadow-sm transition-colors hover:bg-muted/40\"\n        >\n          <Icon\n            icon={UiRobotAi}\n            className=\"size-4 shrink-0 text-muted-foreground\"\n          />\n          <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n          <Icon\n            icon={UiChevronDown}\n            className=\"size-3.5 shrink-0 text-muted-foreground\"\n          />\n        </button>\n      }\n    >\n      {() => (\n        <Tree\n          roots={state.roots}\n          ariaLabel=\"Session content\"\n          className=\"h-full\"\n          showControls\n          getKey={(node) => node.key}\n          getChildren={(node) => node.children}\n          getSearchText={(node) =>\n            [node.label, node.model, node.effort, node.mode]\n              .filter(Boolean)\n              .join(\" \")\n          }\n          defaultOpen={(node) =>\n            node.key === sessionKey(collection.currentSessionId)\n          }\n          hasMoreChildren={(node) =>\n            node.kind === \"session\" &&\n            Boolean(\n              node.item &&\n              !state.loadedSessionIds.has(node.item.id) &&\n              collection.loadSession,\n            )\n          }\n          loadChildren={state.loadChildren}\n          renderRow={({ node, loading, error }) => {\n            const message = error\n              ? String(error)\n              : state.errors.get(node.itemId);\n            const actions =\n              node.kind === \"session\" && node.item\n                ? renderSessionActions?.(node.item)\n                : undefined;\n            return (\n              <HierarchyRow\n                node={node}\n                checkState={hierarchyCheckState(node, state.checked)}\n                loading={loading || state.loading.has(node.itemId)}\n                onChecked={(include) => {\n                  void state\n                    .setBranchChecked(node, include)\n                    .catch(() => undefined);\n                }}\n                {...(message ? { error: message } : {})}\n                {...(actions ? { actions } : {})}\n              />\n            );\n          }}\n        />\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction HierarchyRow({\n  node,\n  checkState,\n  loading,\n  error,\n  onChecked,\n  actions,\n}: {\n  node: SessionHierarchyNode;\n  checkState: \"checked\" | \"indeterminate\" | \"unchecked\";\n  loading: boolean;\n  error?: string;\n  onChecked: (include: boolean) => void;\n  actions?: ReactNode;\n}) {\n  const ProviderIcon =\n    node.kind === \"session\" ? providerIcon(node.provider) : undefined;\n  const EffortIcon = node.effort ? effortIcon(node.effort) : undefined;\n  const ModeIcon = node.mode ? modeIcon(node.mode) : undefined;\n  const NodeIcon = node.kind === \"turn\" ? UiRepeat : UiRobotAi;\n  const age = useRelativeAge(node.updatedAt);\n  return (\n    <div className=\"flex min-w-0 flex-1 items-center gap-density-2 py-1\">\n      <HierarchyCheckbox\n        label={`Include ${node.label}`}\n        state={checkState}\n        onChange={onChecked}\n      />\n      <Icon\n        icon={ProviderIcon ?? NodeIcon}\n        className={cn(\n          \"size-4 shrink-0 text-muted-foreground\",\n          ProviderIcon && providerIconColor(node.provider),\n        )}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-density-2\">\n          <span className=\"truncate text-xs font-medium text-foreground\">\n            {node.label}\n          </span>\n          {node.status ? (\n            <span className=\"inline-flex items-center gap-1 text-[10px] text-muted-foreground\">\n              <StatusDot status={statusDotStatus(node.status)} size=\"xs\" />\n              {node.status}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"flex min-w-0 flex-wrap gap-x-density-2 text-[10px] text-muted-foreground\">\n          {node.model ? <span>{node.model}</span> : null}\n          {node.effort ? (\n            <span className=\"inline-flex items-center gap-0.5\">\n              {EffortIcon ? (\n                <Icon\n                  icon={EffortIcon.icon}\n                  title={`${EffortIcon.label} effort`}\n                  className={cn(\"size-3\", effortToneClass(EffortIcon.tone))}\n                />\n              ) : null}\n              {node.effort} effort\n            </span>\n          ) : null}\n          {ModeIcon?.icon ? (\n            <Icon\n              icon={ModeIcon.icon}\n              title={`${ModeIcon.label} mode`}\n              className=\"size-3 text-muted-foreground\"\n            />\n          ) : null}\n          {node.pid ? <span>pid {node.pid}</span> : null}\n          {node.durationMs !== undefined ? (\n            <span>{formatDuration(node.durationMs)}</span>\n          ) : null}\n          {age ? <span title={node.updatedAt}>{age}</span> : null}\n          <span>{node.cost ? formatCost(node.cost) : \"-\"}</span>\n          {loading ? <span>Loading…</span> : null}\n          {error ? (\n            <span role=\"alert\" className=\"text-destructive\">\n              {error}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      {actions ? (\n        <span className=\"shrink-0\" onClick={(event) => event.stopPropagation()}>\n          {actions}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nconst EFFORT_TONE_CLASS = {\n  sky: \"text-sky-600\",\n  amber: \"text-amber-600\",\n  violet: \"text-violet-600\",\n  emerald: \"text-emerald-600\",\n  teal: \"text-teal-600\",\n  orange: \"text-orange-600\",\n  rose: \"text-rose-600\",\n  indigo: \"text-indigo-600\",\n  fuchsia: \"text-fuchsia-600\",\n  pink: \"text-pink-600\",\n  slate: \"text-slate-500\",\n} as const;\n\nfunction effortToneClass(tone: keyof typeof EFFORT_TONE_CLASS) {\n  return EFFORT_TONE_CLASS[tone];\n}\n\nfunction modeIcon(mode: string) {\n  const key = mode.trim().toLowerCase();\n  if (key in WORKFLOW_PHASES) {\n    return WORKFLOW_PHASES[key as keyof typeof WORKFLOW_PHASES];\n  }\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const match = family.modes.find(\n      (candidate) => candidate.id === key || candidate.backend === key,\n    );\n    if (match) return { icon: match.icon, label: match.label };\n  }\n  return undefined;\n}\n\nfunction statusDotStatus(status: string) {\n  switch (status.trim().toLowerCase()) {\n    case \"completed\":\n    case \"succeeded\":\n      return \"success\" as const;\n    case \"failed\":\n    case \"cancelled\":\n    case \"zombie\":\n      return \"error\" as const;\n    case \"planning\":\n    case \"ask\":\n    case \"stopping\":\n      return \"warning\" as const;\n    default:\n      return \"info\" as const;\n  }\n}\n\nfunction useRelativeAge(updatedAt: string | undefined) {\n  const [, setTick] = useState(0);\n  useEffect(() => {\n    if (!updatedAt) return undefined;\n    const timer = window.setInterval(\n      () => setTick((value) => value + 1),\n      30_000,\n    );\n    return () => window.clearInterval(timer);\n  }, [updatedAt]);\n  if (!updatedAt) return \"\";\n  const date = new Date(updatedAt);\n  return Number.isNaN(date.getTime()) ? \"\" : formatRelativeTime(date);\n}\n\nfunction HierarchyCheckbox({\n  label,\n  state,\n  onChange,\n}: {\n  label: string;\n  state: \"checked\" | \"indeterminate\" | \"unchecked\";\n  onChange: (checked: boolean) => void;\n}) {\n  const ref = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (ref.current) ref.current.indeterminate = state === \"indeterminate\";\n  }, [state]);\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      aria-label={label}\n      checked={state === \"checked\"}\n      onClick={(event) => event.stopPropagation()}\n      onChange={(event) => onChange(event.target.checked)}\n      className=\"size-3.5 shrink-0 accent-primary\"\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionInspector.model.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const runtimeMode = require("./runtime-mode.cjs");
+const runtimeMode = require("../runtime/runtime-mode.cjs");
 const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
 const UiCloud = require("../../icons/components/UiCloud.cjs");
 const UiTerminal = require("../../icons/components/UiTerminal.cjs");

package/dist/data/ai/SessionInspector.model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.model.cjs","sources":["../../../src/data/ai/SessionInspector.model.ts"],"sourcesContent":["import { UiCloud, UiRobotAi, UiTerminal } from \"../../icons\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SPEC_RUNTIME_FAMILIES } from \"./runtime-mode\";\n\nexport interface RuntimeDescriptor {\n  family: string;\n  mode: string;\n  title: string;\n  icon: StaticIconComponent;\n}\n\nexport type TurnPalette =\n  | \"sky\"\n  | \"violet\"\n  | \"emerald\"\n  | \"orange\"\n  | \"rose\"\n  | \"indigo\"\n  | \"teal\"\n  | \"fuchsia\";\n\nconst TURN_PALETTE: TurnPalette[] = [\n  \"sky\",\n  \"violet\",\n  \"emerald\",\n  \"orange\",\n  \"rose\",\n  \"indigo\",\n  \"teal\",\n  \"fuchsia\",\n];\n\nconst RUNTIME_ALIASES: Record<string, RuntimeDescriptor> = {\n  claude: {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude CLI\",\n    icon: UiTerminal,\n  },\n  codex: { family: \"Codex\", mode: \"CLI\", title: \"Codex CLI\", icon: UiTerminal },\n  \"claude-sdk\": {\n    family: \"Claude\",\n    mode: \"SDK\",\n    title: \"Claude Agent SDK\",\n    icon: UiRobotAi,\n  },\n  \"codex-sdk\": {\n    family: \"Codex\",\n    mode: \"SDK\",\n    title: \"Codex SDK\",\n    icon: UiRobotAi,\n  },\n  \"claude-headless\": {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude headless CLI\",\n    icon: UiTerminal,\n  },\n  \"codex-headless\": {\n    family: \"Codex\",\n    mode: \"CLI\",\n    title: \"Codex headless CLI\",\n    icon: UiTerminal,\n  },\n  \"claude-api\": {\n    family: \"Claude\",\n    mode: \"API\",\n    title: \"Anthropic API\",\n    icon: UiCloud,\n  },\n  \"codex-api\": {\n    family: \"Codex\",\n    mode: \"API\",\n    title: \"OpenAI API\",\n    icon: UiCloud,\n  },\n};\n\nexport function runtimeDescriptor(\n  backend?: string,\n): RuntimeDescriptor | undefined {\n  const target = backend?.toLowerCase();\n  if (!target) return undefined;\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const mode = family.modes.find(\n      (candidate) => candidate.backend.toLowerCase() === target,\n    );\n    if (mode) {\n      return {\n        family: family.label,\n        mode: mode.label,\n        title: mode.title || `${family.label} ${mode.label}`,\n        icon: mode.icon ?? UiRobotAi,\n      };\n    }\n  }\n  return RUNTIME_ALIASES[target];\n}\n\nexport function durationLabel(start?: string, end?: string) {\n  if (!start) return \"\";\n  const startedAt = new Date(start).getTime();\n  const endedAt = end ? new Date(end).getTime() : Date.now();\n  if (Number.isNaN(startedAt) || Number.isNaN(endedAt) || endedAt < startedAt)\n    return \"\";\n  const seconds = Math.round((endedAt - startedAt) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const remainder = seconds % 60;\n  if (minutes < 60)\n    return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n}\n\nexport function formatDate(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();\n}\n\nexport function createTurnPalette(\n  sessionId: string | undefined,\n  turnIds: string[],\n) {\n  const palette: Record<string, TurnPalette> = {};\n  const offset = stableHash(sessionId ?? \"session\") % TURN_PALETTE.length;\n  turnIds.forEach((id, index) => {\n    palette[id] = TURN_PALETTE[(offset + index) % TURN_PALETTE.length] ?? \"sky\";\n  });\n  return palette;\n}\n\nexport function shortSessionId(id: string) {\n  const tail = id.split(\"-\").at(-1) ?? id;\n  if (tail.length >= 4) return tail.slice(0, 6);\n  return id.length > 8 ? id.slice(-6) : id;\n}\n\nfunction stableHash(value: string) {\n  let hash = 0;\n  for (const character of value)\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  return hash;\n}\n"],"names":["UiTerminal","UiRobotAi","UiCloud","SPEC_RUNTIME_FAMILIES"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.model.cjs","sources":["../../../src/data/ai/SessionInspector.model.ts"],"sourcesContent":["import { UiCloud, UiRobotAi, UiTerminal } from \"../../icons\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SPEC_RUNTIME_FAMILIES } from \"../runtime/runtime-mode\";\n\nexport interface RuntimeDescriptor {\n  family: string;\n  mode: string;\n  title: string;\n  icon: StaticIconComponent;\n}\n\nexport type TurnPalette =\n  | \"sky\"\n  | \"violet\"\n  | \"emerald\"\n  | \"orange\"\n  | \"rose\"\n  | \"indigo\"\n  | \"teal\"\n  | \"fuchsia\";\n\nconst TURN_PALETTE: TurnPalette[] = [\n  \"sky\",\n  \"violet\",\n  \"emerald\",\n  \"orange\",\n  \"rose\",\n  \"indigo\",\n  \"teal\",\n  \"fuchsia\",\n];\n\nconst RUNTIME_ALIASES: Record<string, RuntimeDescriptor> = {\n  claude: {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude CLI\",\n    icon: UiTerminal,\n  },\n  codex: { family: \"Codex\", mode: \"CLI\", title: \"Codex CLI\", icon: UiTerminal },\n  \"claude-sdk\": {\n    family: \"Claude\",\n    mode: \"SDK\",\n    title: \"Claude Agent SDK\",\n    icon: UiRobotAi,\n  },\n  \"codex-sdk\": {\n    family: \"Codex\",\n    mode: \"SDK\",\n    title: \"Codex SDK\",\n    icon: UiRobotAi,\n  },\n  \"claude-headless\": {\n    family: \"Claude\",\n    mode: \"CLI\",\n    title: \"Claude headless CLI\",\n    icon: UiTerminal,\n  },\n  \"codex-headless\": {\n    family: \"Codex\",\n    mode: \"CLI\",\n    title: \"Codex headless CLI\",\n    icon: UiTerminal,\n  },\n  \"claude-api\": {\n    family: \"Claude\",\n    mode: \"API\",\n    title: \"Anthropic API\",\n    icon: UiCloud,\n  },\n  \"codex-api\": {\n    family: \"Codex\",\n    mode: \"API\",\n    title: \"OpenAI API\",\n    icon: UiCloud,\n  },\n};\n\nexport function runtimeDescriptor(\n  backend?: string,\n): RuntimeDescriptor | undefined {\n  const target = backend?.toLowerCase();\n  if (!target) return undefined;\n  for (const family of SPEC_RUNTIME_FAMILIES) {\n    const mode = family.modes.find(\n      (candidate) => candidate.backend.toLowerCase() === target,\n    );\n    if (mode) {\n      return {\n        family: family.label,\n        mode: mode.label,\n        title: mode.title || `${family.label} ${mode.label}`,\n        icon: mode.icon ?? UiRobotAi,\n      };\n    }\n  }\n  return RUNTIME_ALIASES[target];\n}\n\nexport function durationLabel(start?: string, end?: string) {\n  if (!start) return \"\";\n  const startedAt = new Date(start).getTime();\n  const endedAt = end ? new Date(end).getTime() : Date.now();\n  if (Number.isNaN(startedAt) || Number.isNaN(endedAt) || endedAt < startedAt)\n    return \"\";\n  const seconds = Math.round((endedAt - startedAt) / 1000);\n  if (seconds < 60) return `${seconds}s`;\n  const minutes = Math.floor(seconds / 60);\n  const remainder = seconds % 60;\n  if (minutes < 60)\n    return remainder ? `${minutes}m ${remainder}s` : `${minutes}m`;\n  const hours = Math.floor(minutes / 60);\n  const remainingMinutes = minutes % 60;\n  return remainingMinutes ? `${hours}h ${remainingMinutes}m` : `${hours}h`;\n}\n\nexport function formatDate(value?: string) {\n  if (!value) return \"\";\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();\n}\n\nexport function createTurnPalette(\n  sessionId: string | undefined,\n  turnIds: string[],\n) {\n  const palette: Record<string, TurnPalette> = {};\n  const offset = stableHash(sessionId ?? \"session\") % TURN_PALETTE.length;\n  turnIds.forEach((id, index) => {\n    palette[id] = TURN_PALETTE[(offset + index) % TURN_PALETTE.length] ?? \"sky\";\n  });\n  return palette;\n}\n\nexport function shortSessionId(id: string) {\n  const tail = id.split(\"-\").at(-1) ?? id;\n  if (tail.length >= 4) return tail.slice(0, 6);\n  return id.length > 8 ? id.slice(-6) : id;\n}\n\nfunction stableHash(value: string) {\n  let hash = 0;\n  for (const character of value)\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  return hash;\n}\n"],"names":["UiTerminal","UiRobotAi","UiCloud","SPEC_RUNTIME_FAMILIES"],"mappings":"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"}

package/dist/data/ai/SessionInspector.model.js

@@ -1,4 +1,4 @@
-import { SPEC_RUNTIME_FAMILIES } from "./runtime-mode.js";
+import { SPEC_RUNTIME_FAMILIES } from "../runtime/runtime-mode.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiCloud } from "../../icons/components/UiCloud.js";
 import { UiTerminal } from "../../icons/components/UiTerminal.js";