@flanksource/clicky-ui 0.3.36 → 0.3.38

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

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const button = require("../../components/button.cjs");
+const DropdownMenu = require("../../overlay/DropdownMenu.cjs");
+const TabButton = require("../TabButton.cjs");
+const SessionViewer_header = require("./SessionViewer.header.cjs");
+const UiEllipsis = require("../../icons/components/UiEllipsis.cjs");
+function CompactSessionInspectorToolbar({
+  tabs,
+  activeTab,
+  metadata,
+  toolbarActions,
+  onSelect,
+  onMenuHost
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": "Session detail controls",
+      className: "flex h-10 min-w-0 shrink-0 items-stretch overflow-hidden border-b border-border bg-card",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "tablist",
+            "aria-label": "Session detail view",
+            className: "flex min-w-0 flex-1 items-stretch overflow-hidden px-0.5 @min-[48rem]:px-2",
+            children: [
+              tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+                TabButton.TabButton,
+                {
+                  active: activeTab === tab.id,
+                  onClick: () => onSelect(tab.id),
+                  label: tab.label,
+                  icon: tab.icon,
+                  variant: "underline",
+                  ...tab.count === void 0 ? {} : { count: tab.count },
+                  ...tab.countColor ? { countColor: tab.countColor } : {},
+                  className: `h-full shrink-0 px-1 py-0 text-[11px] [&_svg]:size-3.5 [&_svg]:text-muted-foreground @min-[48rem]:px-2.5 ${activeTab === tab.id ? "" : "@max-[48rem]:hidden"}`
+                },
+                tab.id
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                DropdownMenu.DropdownMenu,
+                {
+                  align: "left",
+                  className: "shrink-0 @min-[48rem]:hidden",
+                  menuLabel: "More session tabs",
+                  items: tabs.filter((tab) => tab.id !== activeTab).map((tab) => ({
+                    label: tab.label,
+                    icon: tab.icon,
+                    onSelect: () => onSelect(tab.id)
+                  })),
+                  trigger: /* @__PURE__ */ jsxRuntime.jsx(
+                    button.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      type: "button",
+                      "aria-label": "More session tabs",
+                      title: "More session tabs",
+                      className: "h-full w-8 shrink-0 rounded-none text-muted-foreground hover:text-foreground",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(UiEllipsis.UiEllipsis, { className: "size-4" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Session controls",
+            className: "ml-auto flex shrink-0 items-center gap-1 border-l border-border bg-card pl-1 pr-2 @min-[48rem]:gap-2 @min-[48rem]:px-3",
+            children: [
+              metadata ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_header.SessionContextMeter, { metadata, mode: "bar" }) }) : null,
+              toolbarActions,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { ref: onMenuHost, className: "inline-flex shrink-0" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+exports.CompactSessionInspectorToolbar = CompactSessionInspectorToolbar;
+//# sourceMappingURL=SessionInspector.compact.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.compact.cjs","sources":["../../../src/data/ai/SessionInspector.compact.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiEllipsis } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { TabButton } from \"../TabButton\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport type { SessionMetadataSummary } from \"./SessionViewer.model\";\n\nexport interface CompactSessionTab {\n  id: string;\n  label: ReactNode;\n  icon: StaticIconComponent;\n  count?: number;\n  countColor?: string;\n}\n\nexport function CompactSessionInspectorToolbar({\n  tabs,\n  activeTab,\n  metadata,\n  toolbarActions,\n  onSelect,\n  onMenuHost,\n}: {\n  tabs: CompactSessionTab[];\n  activeTab: string;\n  metadata?: SessionMetadataSummary;\n  toolbarActions?: ReactNode;\n  onSelect: (tab: string) => void;\n  onMenuHost: (element: HTMLSpanElement | null) => void;\n}) {\n  return (\n    <div\n      role=\"toolbar\"\n      aria-label=\"Session detail controls\"\n      className=\"flex h-10 min-w-0 shrink-0 items-stretch overflow-hidden border-b border-border bg-card\"\n    >\n      <div\n        role=\"tablist\"\n        aria-label=\"Session detail view\"\n        className=\"flex min-w-0 flex-1 items-stretch overflow-hidden px-0.5 @min-[48rem]:px-2\"\n      >\n        {tabs.map((tab) => (\n          <TabButton\n            key={tab.id}\n            active={activeTab === tab.id}\n            onClick={() => onSelect(tab.id)}\n            label={tab.label}\n            icon={tab.icon}\n            variant=\"underline\"\n            {...(tab.count === undefined ? {} : { count: tab.count })}\n            {...(tab.countColor ? { countColor: tab.countColor } : {})}\n            className={`h-full shrink-0 px-1 py-0 text-[11px] [&_svg]:size-3.5 [&_svg]:text-muted-foreground @min-[48rem]:px-2.5 ${\n              activeTab === tab.id ? \"\" : \"@max-[48rem]:hidden\"\n            }`}\n          />\n        ))}\n        <DropdownMenu\n          align=\"left\"\n          className=\"shrink-0 @min-[48rem]:hidden\"\n          menuLabel=\"More session tabs\"\n          items={tabs\n            .filter((tab) => tab.id !== activeTab)\n            .map((tab) => ({\n              label: tab.label,\n              icon: tab.icon,\n              onSelect: () => onSelect(tab.id),\n            }))}\n          trigger={\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              type=\"button\"\n              aria-label=\"More session tabs\"\n              title=\"More session tabs\"\n              className=\"h-full w-8 shrink-0 rounded-none text-muted-foreground hover:text-foreground\"\n            >\n              <UiEllipsis className=\"size-4\" />\n            </Button>\n          }\n        />\n      </div>\n      <div\n        role=\"group\"\n        aria-label=\"Session controls\"\n        className=\"ml-auto flex shrink-0 items-center gap-1 border-l border-border bg-card pl-1 pr-2 @min-[48rem]:gap-2 @min-[48rem]:px-3\"\n      >\n        {metadata ? (\n          <div className=\"shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"bar\" />\n          </div>\n        ) : null}\n        {toolbarActions}\n        <span ref={onMenuHost} className=\"inline-flex shrink-0\" />\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","TabButton","DropdownMenu","Button","UiEllipsis","SessionContextMeter"],"mappings":";;;;;;;;AAiBO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,KAAK,IAAI,CAAC,QACTC,2BAAAA;AAAAA,gBAACC,UAAAA;AAAAA,gBAAA;AAAA,kBAEC,QAAQ,cAAc,IAAI;AAAA,kBAC1B,SAAS,MAAM,SAAS,IAAI,EAAE;AAAA,kBAC9B,OAAO,IAAI;AAAA,kBACX,MAAM,IAAI;AAAA,kBACV,SAAQ;AAAA,kBACP,GAAI,IAAI,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,IAAI,MAAA;AAAA,kBAChD,GAAI,IAAI,aAAa,EAAE,YAAY,IAAI,WAAA,IAAe,CAAA;AAAA,kBACvD,WAAW,4GACT,cAAc,IAAI,KAAK,KAAK,qBAC9B;AAAA,gBAAA;AAAA,gBAVK,IAAI;AAAA,cAAA,CAYZ;AAAA,cACDD,2BAAAA;AAAAA,gBAACE,aAAAA;AAAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAU;AAAA,kBACV,WAAU;AAAA,kBACV,OAAO,KACJ,OAAO,CAAC,QAAQ,IAAI,OAAO,SAAS,EACpC,IAAI,CAAC,SAAS;AAAA,oBACb,OAAO,IAAI;AAAA,oBACX,MAAM,IAAI;AAAA,oBACV,UAAU,MAAM,SAAS,IAAI,EAAE;AAAA,kBAAA,EAC/B;AAAA,kBACJ,SACEF,2BAAAA;AAAAA,oBAACG,OAAAA;AAAAA,oBAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,MAAK;AAAA,sBACL,cAAW;AAAA,sBACX,OAAM;AAAA,sBACN,WAAU;AAAA,sBAEV,UAAAH,2BAAAA,IAACI,WAAAA,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjC;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFL,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,WACCC,2BAAAA,IAAC,OAAA,EAAI,WAAU,YACb,UAAAA,2BAAAA,IAACK,qBAAAA,uBAAoB,UAAoB,MAAK,MAAA,CAAM,EAAA,CACtD,IACE;AAAA,cACH;AAAA,cACDL,2BAAAA,IAAC,QAAA,EAAK,KAAK,YAAY,WAAU,uBAAA,CAAuB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/data/ai/SessionInspector.compact.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { StaticIconComponent } from '../Icon';
+import { SessionMetadataSummary } from './SessionViewer.model';
+export interface CompactSessionTab {
+    id: string;
+    label: ReactNode;
+    icon: StaticIconComponent;
+    count?: number;
+    countColor?: string;
+}
+export declare function CompactSessionInspectorToolbar({ tabs, activeTab, metadata, toolbarActions, onSelect, onMenuHost, }: {
+    tabs: CompactSessionTab[];
+    activeTab: string;
+    metadata?: SessionMetadataSummary;
+    toolbarActions?: ReactNode;
+    onSelect: (tab: string) => void;
+    onMenuHost: (element: HTMLSpanElement | null) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.compact.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.compact.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.compact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,GACX,EAAE;IACD,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD,+BAmEA"}

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

@@ -0,0 +1,91 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../../components/button.js";
+import { DropdownMenu } from "../../overlay/DropdownMenu.js";
+import { TabButton } from "../TabButton.js";
+import { SessionContextMeter } from "./SessionViewer.header.js";
+import { UiEllipsis } from "../../icons/components/UiEllipsis.js";
+function CompactSessionInspectorToolbar({
+  tabs,
+  activeTab,
+  metadata,
+  toolbarActions,
+  onSelect,
+  onMenuHost
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": "Session detail controls",
+      className: "flex h-10 min-w-0 shrink-0 items-stretch overflow-hidden border-b border-border bg-card",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "tablist",
+            "aria-label": "Session detail view",
+            className: "flex min-w-0 flex-1 items-stretch overflow-hidden px-0.5 @min-[48rem]:px-2",
+            children: [
+              tabs.map((tab) => /* @__PURE__ */ jsx(
+                TabButton,
+                {
+                  active: activeTab === tab.id,
+                  onClick: () => onSelect(tab.id),
+                  label: tab.label,
+                  icon: tab.icon,
+                  variant: "underline",
+                  ...tab.count === void 0 ? {} : { count: tab.count },
+                  ...tab.countColor ? { countColor: tab.countColor } : {},
+                  className: `h-full shrink-0 px-1 py-0 text-[11px] [&_svg]:size-3.5 [&_svg]:text-muted-foreground @min-[48rem]:px-2.5 ${activeTab === tab.id ? "" : "@max-[48rem]:hidden"}`
+                },
+                tab.id
+              )),
+              /* @__PURE__ */ jsx(
+                DropdownMenu,
+                {
+                  align: "left",
+                  className: "shrink-0 @min-[48rem]:hidden",
+                  menuLabel: "More session tabs",
+                  items: tabs.filter((tab) => tab.id !== activeTab).map((tab) => ({
+                    label: tab.label,
+                    icon: tab.icon,
+                    onSelect: () => onSelect(tab.id)
+                  })),
+                  trigger: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      type: "button",
+                      "aria-label": "More session tabs",
+                      title: "More session tabs",
+                      className: "h-full w-8 shrink-0 rounded-none text-muted-foreground hover:text-foreground",
+                      children: /* @__PURE__ */ jsx(UiEllipsis, { className: "size-4" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "group",
+            "aria-label": "Session controls",
+            className: "ml-auto flex shrink-0 items-center gap-1 border-l border-border bg-card pl-1 pr-2 @min-[48rem]:gap-2 @min-[48rem]:px-3",
+            children: [
+              metadata ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(SessionContextMeter, { metadata, mode: "bar" }) }) : null,
+              toolbarActions,
+              /* @__PURE__ */ jsx("span", { ref: onMenuHost, className: "inline-flex shrink-0" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  CompactSessionInspectorToolbar
+};
+//# sourceMappingURL=SessionInspector.compact.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.compact.js","sources":["../../../src/data/ai/SessionInspector.compact.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"../../components/button\";\nimport { UiEllipsis } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { TabButton } from \"../TabButton\";\nimport type { StaticIconComponent } from \"../Icon\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport type { SessionMetadataSummary } from \"./SessionViewer.model\";\n\nexport interface CompactSessionTab {\n  id: string;\n  label: ReactNode;\n  icon: StaticIconComponent;\n  count?: number;\n  countColor?: string;\n}\n\nexport function CompactSessionInspectorToolbar({\n  tabs,\n  activeTab,\n  metadata,\n  toolbarActions,\n  onSelect,\n  onMenuHost,\n}: {\n  tabs: CompactSessionTab[];\n  activeTab: string;\n  metadata?: SessionMetadataSummary;\n  toolbarActions?: ReactNode;\n  onSelect: (tab: string) => void;\n  onMenuHost: (element: HTMLSpanElement | null) => void;\n}) {\n  return (\n    <div\n      role=\"toolbar\"\n      aria-label=\"Session detail controls\"\n      className=\"flex h-10 min-w-0 shrink-0 items-stretch overflow-hidden border-b border-border bg-card\"\n    >\n      <div\n        role=\"tablist\"\n        aria-label=\"Session detail view\"\n        className=\"flex min-w-0 flex-1 items-stretch overflow-hidden px-0.5 @min-[48rem]:px-2\"\n      >\n        {tabs.map((tab) => (\n          <TabButton\n            key={tab.id}\n            active={activeTab === tab.id}\n            onClick={() => onSelect(tab.id)}\n            label={tab.label}\n            icon={tab.icon}\n            variant=\"underline\"\n            {...(tab.count === undefined ? {} : { count: tab.count })}\n            {...(tab.countColor ? { countColor: tab.countColor } : {})}\n            className={`h-full shrink-0 px-1 py-0 text-[11px] [&_svg]:size-3.5 [&_svg]:text-muted-foreground @min-[48rem]:px-2.5 ${\n              activeTab === tab.id ? \"\" : \"@max-[48rem]:hidden\"\n            }`}\n          />\n        ))}\n        <DropdownMenu\n          align=\"left\"\n          className=\"shrink-0 @min-[48rem]:hidden\"\n          menuLabel=\"More session tabs\"\n          items={tabs\n            .filter((tab) => tab.id !== activeTab)\n            .map((tab) => ({\n              label: tab.label,\n              icon: tab.icon,\n              onSelect: () => onSelect(tab.id),\n            }))}\n          trigger={\n            <Button\n              variant=\"ghost\"\n              size=\"icon\"\n              type=\"button\"\n              aria-label=\"More session tabs\"\n              title=\"More session tabs\"\n              className=\"h-full w-8 shrink-0 rounded-none text-muted-foreground hover:text-foreground\"\n            >\n              <UiEllipsis className=\"size-4\" />\n            </Button>\n          }\n        />\n      </div>\n      <div\n        role=\"group\"\n        aria-label=\"Session controls\"\n        className=\"ml-auto flex shrink-0 items-center gap-1 border-l border-border bg-card pl-1 pr-2 @min-[48rem]:gap-2 @min-[48rem]:px-3\"\n      >\n        {metadata ? (\n          <div className=\"shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"bar\" />\n          </div>\n        ) : null}\n        {toolbarActions}\n        <span ref={onMenuHost} className=\"inline-flex shrink-0\" />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAiBO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,KAAK,IAAI,CAAC,QACT;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,QAAQ,cAAc,IAAI;AAAA,kBAC1B,SAAS,MAAM,SAAS,IAAI,EAAE;AAAA,kBAC9B,OAAO,IAAI;AAAA,kBACX,MAAM,IAAI;AAAA,kBACV,SAAQ;AAAA,kBACP,GAAI,IAAI,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,IAAI,MAAA;AAAA,kBAChD,GAAI,IAAI,aAAa,EAAE,YAAY,IAAI,WAAA,IAAe,CAAA;AAAA,kBACvD,WAAW,4GACT,cAAc,IAAI,KAAK,KAAK,qBAC9B;AAAA,gBAAA;AAAA,gBAVK,IAAI;AAAA,cAAA,CAYZ;AAAA,cACD;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAU;AAAA,kBACV,WAAU;AAAA,kBACV,OAAO,KACJ,OAAO,CAAC,QAAQ,IAAI,OAAO,SAAS,EACpC,IAAI,CAAC,SAAS;AAAA,oBACb,OAAO,IAAI;AAAA,oBACX,MAAM,IAAI;AAAA,oBACV,UAAU,MAAM,SAAS,IAAI,EAAE;AAAA,kBAAA,EAC/B;AAAA,kBACJ,SACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,MAAK;AAAA,sBACL,cAAW;AAAA,sBACX,OAAM;AAAA,sBACN,WAAU;AAAA,sBAEV,UAAA,oBAAC,YAAA,EAAW,WAAU,SAAA,CAAS;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjC;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,WACC,oBAAC,OAAA,EAAI,WAAU,YACb,UAAA,oBAAC,uBAAoB,UAAoB,MAAK,MAAA,CAAM,EAAA,CACtD,IACE;AAAA,cACH;AAAA,cACD,oBAAC,QAAA,EAAK,KAAK,YAAY,WAAU,uBAAA,CAAuB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,11 +1,19 @@
 import { ReactNode } from 'react';
+import { SessionInspectorTab } from './SessionInspector.tabs.model';
 import { SessionCollectionItem, SessionInspectorInput } from './SessionInspector.collection';
 import { ApprovalResolveHandler } from './SessionInspector.approvals-model';
 import { SessionViewerProps } from './SessionViewer';
-export type SessionInspectorTab = "transcript" | "files" | "plan" | "approvals" | "costs" | "metadata" | "raw";
+import { SessionMetadataSummary } from './SessionViewer.model';
+export type { SessionInspectorTab } from './SessionInspector.tabs.model';
 export interface SessionInspectorProps {
     session: SessionInspectorInput;
     className?: string;
+    /** Compact keeps tabs, runtime context, host actions, and session options on one line. */
+    layout?: "default" | "compact";
+    /** Runtime metadata to display in the compact context bar. Defaults to session metadata. */
+    metadata?: SessionMetadataSummary;
+    /** Host controls rendered before Session options in the compact toolbar. */
+    toolbarActions?: ReactNode;
     defaultTab?: SessionInspectorTab;
     transcriptProps?: Omit<SessionViewerProps, "session">;
     renderSessionActions?: (item: SessionCollectionItem) => ReactNode;
@@ -16,5 +24,5 @@ export interface SessionInspectorProps {
     onResolveApproval?: ApprovalResolveHandler;
     composer?: ReactNode;
 }
-export declare function SessionInspector({ session, className, defaultTab, transcriptProps, renderSessionActions, onPlanChange, onResolveApproval, composer, }: SessionInspectorProps): import("react").JSX.Element;
+export declare function SessionInspector({ session, className, defaultTab, transcriptProps, renderSessionActions, onPlanChange, onResolveApproval, composer, layout, metadata, toolbarActions, }: SessionInspectorProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionInspector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB1D,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,+BAA+B,CAAC;AAGvC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAC3B,YAAY,GACZ,OAAO,GACP,MAAM,GACN,WAAW,GACX,OAAO,GACP,UAAU,GACV,KAAK,CAAC;AAEV,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,eAAe,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAClE,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;iFAC6E;IAC7E,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,UAAyB,EACzB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,QAAQ,GACT,EAAE,qBAAqB,+BA2CvB"}
+{"version":3,"file":"SessionInspector.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASrE,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,+BAA+B,CAAC;AAMvC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,eAAe,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAClE,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;iFAC6E;IAC7E,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,SAAS,EACT,UAAyB,EACzB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,MAAkB,EAClB,QAAQ,EACR,cAAc,GACf,EAAE,qBAAqB,+BAiDvB"}

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

@@ -58,42 +58,58 @@ function SessionHierarchyPicker({
         }
       ),
       children: () => /* @__PURE__ */ jsxRuntime.jsx(
-        Tree.Tree,
+        SessionHierarchyTree,
         {
-          roots: state.roots,
-          ariaLabel: "Session content",
-          className: "h-full",
-          showControls: true,
-          getKey: (node) => node.key,
-          getChildren: (node) => node.children,
-          getSearchText: (node) => [node.label, node.model, node.effort, node.mode].filter(Boolean).join(" "),
-          defaultOpen: (node) => node.key === SessionInspector_collection.sessionKey(collection.currentSessionId),
-          hasMoreChildren: (node) => node.kind === "session" && Boolean(
-            node.item && !state.loadedSessionIds.has(node.item.id) && collection.loadSession
-          ),
-          loadChildren: state.loadChildren,
-          renderRow: ({ node, loading, error }) => {
-            const message = error ? String(error) : state.errors.get(node.itemId);
-            const actions = node.kind === "session" && node.item ? renderSessionActions == null ? void 0 : renderSessionActions(node.item) : void 0;
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              HierarchyRow,
-              {
-                node,
-                checkState: SessionInspector_collection.hierarchyCheckState(node, state.checked),
-                loading: loading || state.loading.has(node.itemId),
-                onChecked: (include) => {
-                  void state.setBranchChecked(node, include).catch(() => void 0);
-                },
-                ...message ? { error: message } : {},
-                ...actions ? { actions } : {}
-              }
-            );
-          }
+          collection,
+          state,
+          ...renderSessionActions ? { renderSessionActions } : {},
+          className: "h-full"
         }
       )
     }
   );
 }
+function SessionHierarchyTree({
+  collection,
+  state,
+  renderSessionActions,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tree.Tree,
+    {
+      roots: state.roots,
+      ariaLabel: "Session content",
+      ...className ? { className } : {},
+      showControls: true,
+      getKey: (node) => node.key,
+      getChildren: (node) => node.children,
+      getSearchText: (node) => [node.label, node.model, node.effort, node.mode].filter(Boolean).join(" "),
+      defaultOpen: (node) => node.key === SessionInspector_collection.sessionKey(collection.currentSessionId),
+      hasMoreChildren: (node) => node.kind === "session" && Boolean(
+        node.item && !state.loadedSessionIds.has(node.item.id) && collection.loadSession
+      ),
+      loadChildren: state.loadChildren,
+      renderRow: ({ node, loading, error }) => {
+        const message = error ? String(error) : state.errors.get(node.itemId);
+        const actions = node.kind === "session" && node.item ? renderSessionActions == null ? void 0 : renderSessionActions(node.item) : void 0;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          HierarchyRow,
+          {
+            node,
+            checkState: SessionInspector_collection.hierarchyCheckState(node, state.checked),
+            loading: loading || state.loading.has(node.itemId),
+            onChecked: (include) => {
+              void state.setBranchChecked(node, include).catch(() => void 0);
+            },
+            ...message ? { error: message } : {},
+            ...actions ? { actions } : {}
+          }
+        );
+      }
+    }
+  );
+}
 function HierarchyRow({
   node,
   checkState,
@@ -192,9 +208,7 @@ function modeIcon(mode) {
     return agentActionIcons.WORKFLOW_PHASES[key];
   }
   for (const family of runtimeMode.SPEC_RUNTIME_FAMILIES) {
-    const match = family.modes.find(
-      (candidate) => candidate.id === key
-    );
+    const match = family.modes.find((candidate) => candidate.id === key);
     if (match) return { icon: match.icon, label: match.label };
   }
   return void 0;
@@ -253,4 +267,5 @@ function HierarchyCheckbox({
   );
 }
 exports.SessionHierarchyPicker = SessionHierarchyPicker;
+exports.SessionHierarchyTree = SessionHierarchyTree;
 //# sourceMappingURL=SessionInspector.hierarchy.cjs.map

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/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,\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        <SessionHierarchyTree\n          collection={collection}\n          state={state}\n          {...(renderSessionActions ? { renderSessionActions } : {})}\n          className=\"h-full\"\n        />\n      )}\n    </DropdownMenu>\n  );\n}\n\nexport function SessionHierarchyTree({\n  collection,\n  state,\n  renderSessionActions,\n  className,\n}: {\n  collection: SessionCollectionInput;\n  state: SessionHierarchyState;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n  className?: string;\n}) {\n  return (\n    <Tree\n      roots={state.roots}\n      ariaLabel=\"Session content\"\n      {...(className ? { className } : {})}\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 ? String(error) : 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.setBranchChecked(node, include).catch(() => undefined);\n            }}\n            {...(message ? { error: message } : {})}\n            {...(actions ? { actions } : {})}\n          />\n        );\n      }}\n    />\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((candidate) => candidate.id === key);\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":";;;;;;;;;;;;;;;;;;;AAuBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,WAAWA,4BAAAA,qBAAqB,MAAM,OAAO,MAAM,OAAO;AAChE,QAAM,QAAQ,WAAW,SAAS;AAClC,QAAM,QAAQ,GAAG,QAAQ,OAAO,KAAK,WAAW,UAAU,IAAI,KAAK,GAAG;AACtE,SACEC,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAM;AAAA,MACN,WAAU;AAAA,MACV,eAAc;AAAA,MACd,SACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAY,2BAA2B,KAAK;AAAA,UAC5C,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAF,2BAAAA;AAAAA,cAACG,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAMC,UAAAA;AAAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEZJ,2BAAAA,IAAC,QAAA,EAAK,WAAU,2BAA2B,UAAA,OAAM;AAAA,YACjDA,2BAAAA;AAAAA,cAACG,KAAAA;AAAAA,cAAA;AAAA,gBACC,MAAME,cAAAA;AAAAA,gBACN,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH,UAAA,MACCL,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAI,uBAAuB,EAAE,qBAAA,IAAyB,CAAA;AAAA,UACvD,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAIR;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEA,2BAAAA;AAAAA,IAACM,KAAAA;AAAAA,IAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAU;AAAA,MACT,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MACjC,cAAY;AAAA,MACZ,QAAQ,CAAC,SAAS,KAAK;AAAA,MACvB,aAAa,CAAC,SAAS,KAAK;AAAA,MAC5B,eAAe,CAAC,SACd,CAAC,KAAK,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,IAAI,EAC5C,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEb,aAAa,CAAC,SACZ,KAAK,QAAQC,4BAAAA,WAAW,WAAW,gBAAgB;AAAA,MAErD,iBAAiB,CAAC,SAChB,KAAK,SAAS,aACd;AAAA,QACE,KAAK,QACL,CAAC,MAAM,iBAAiB,IAAI,KAAK,KAAK,EAAE,KACxC,WAAW;AAAA,MAAA;AAAA,MAGf,cAAc,MAAM;AAAA,MACpB,WAAW,CAAC,EAAE,MAAM,SAAS,YAAY;AACvC,cAAM,UAAU,QAAQ,OAAO,KAAK,IAAI,MAAM,OAAO,IAAI,KAAK,MAAM;AACpE,cAAM,UACJ,KAAK,SAAS,aAAa,KAAK,OAC5B,6DAAuB,KAAK,QAC5B;AACN,eACEP,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,YAAYQ,4BAAAA,oBAAoB,MAAM,MAAM,OAAO;AAAA,YACnD,SAAS,WAAW,MAAM,QAAQ,IAAI,KAAK,MAAM;AAAA,YACjD,WAAW,CAAC,YAAY;AACtB,mBAAK,MAAM,iBAAiB,MAAM,OAAO,EAAE,MAAM,MAAM,MAAS;AAAA,YAClE;AAAA,YACC,GAAI,UAAU,EAAE,OAAO,QAAA,IAAY,CAAA;AAAA,YACnC,GAAI,UAAU,EAAE,YAAY,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAGpC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,eACJ,KAAK,SAAS,YAAYC,cAAAA,aAAa,KAAK,QAAQ,IAAI;AAC1D,QAAM,aAAa,KAAK,SAASC,iBAAAA,WAAW,KAAK,MAAM,IAAI;AAC3D,QAAM,WAAW,KAAK,OAAO,SAAS,KAAK,IAAI,IAAI;AACnD,QAAM,WAAW,KAAK,SAAS,SAASC,SAAAA,WAAWP,UAAAA;AACnD,QAAM,MAAM,eAAe,KAAK,SAAS;AACzC,SACEF,2BAAAA,KAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,IAAAF,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,WAAW,KAAK,KAAK;AAAA,QAC5B,OAAO;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZA,2BAAAA;AAAAA,MAACG,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,gBAAgB;AAAA,QACtB,WAAWS,MAAAA;AAAAA,UACT;AAAA,UACA,gBAAgBC,cAAAA,kBAAkB,KAAK,QAAQ;AAAA,QAAA;AAAA,MACjD;AAAA,IAAA;AAAA,IAEFX,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,gDACb,UAAA,KAAK,OACR;AAAA,QACC,KAAK,SACJE,gCAAC,QAAA,EAAK,WAAU,oEACd,UAAA;AAAA,UAAAF,+BAACc,UAAAA,aAAU,QAAQ,gBAAgB,KAAK,MAAM,GAAG,MAAK,MAAK;AAAA,UAC1D,KAAK;AAAA,QAAA,EAAA,CACR,IACE;AAAA,MAAA,GACN;AAAA,MACAZ,2BAAAA,KAAC,OAAA,EAAI,WAAU,4EACZ,UAAA;AAAA,QAAA,KAAK,QAAQF,2BAAAA,IAAC,QAAA,EAAM,UAAA,KAAK,OAAM,IAAU;AAAA,QACzC,KAAK,SACJE,gCAAC,QAAA,EAAK,WAAU,oCACb,UAAA;AAAA,UAAA,aACCF,2BAAAA;AAAAA,YAACG,KAAAA;AAAAA,YAAA;AAAA,cACC,MAAM,WAAW;AAAA,cACjB,OAAO,GAAG,WAAW,KAAK;AAAA,cAC1B,WAAWS,MAAAA,GAAG,UAAU,gBAAgB,WAAW,IAAI,CAAC;AAAA,YAAA;AAAA,UAAA,IAExD;AAAA,UACH,KAAK;AAAA,UAAO;AAAA,QAAA,EAAA,CACf,IACE;AAAA,SACH,qCAAU,QACTZ,2BAAAA;AAAAA,UAACG,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,SAAS;AAAA,YACf,OAAO,GAAG,SAAS,KAAK;AAAA,YACxB,WAAU;AAAA,UAAA;AAAA,QAAA,IAEV;AAAA,QACH,KAAK,MAAMD,2BAAAA,KAAC,QAAA,EAAK,UAAA;AAAA,UAAA;AAAA,UAAK,KAAK;AAAA,QAAA,EAAA,CAAI,IAAU;AAAA,QACzC,KAAK,eAAe,SACnBF,2BAAAA,IAAC,UAAM,UAAAe,OAAAA,eAAe,KAAK,UAAU,EAAA,CAAE,IACrC;AAAA,QACH,MAAMf,2BAAAA,IAAC,QAAA,EAAK,OAAO,KAAK,WAAY,eAAI,IAAU;AAAA,QACnDA,2BAAAA,IAAC,UAAM,UAAA,KAAK,OAAOgB,OAAAA,WAAW,KAAK,IAAI,IAAI,KAAI;AAAA,QAC9C,UAAUhB,2BAAAA,IAAC,QAAA,EAAK,UAAA,WAAA,CAAQ,IAAU;AAAA,QAClC,uCACE,QAAA,EAAK,MAAK,SAAQ,WAAU,oBAC1B,iBACH,IACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA,GACF;AAAA,IACC,UACCA,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAW,SAAS,CAAC,UAAU,MAAM,gBAAA,GAClD,UAAA,QAAA,CACH,IACE;AAAA,EAAA,GACN;AAEJ;AAEA,MAAM,oBAAoB;AAAA,EACxB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AACT;AAEA,SAAS,gBAAgB,MAAsC;AAC7D,SAAO,kBAAkB,IAAI;AAC/B;AAEA,SAAS,SAAS,MAAc;AAC9B,QAAM,MAAM,KAAK,KAAA,EAAO,YAAA;AACxB,MAAI,OAAOiB,iBAAAA,iBAAiB;AAC1B,WAAOA,iBAAAA,gBAAgB,GAAmC;AAAA,EAC5D;AACA,aAAW,UAAUC,mCAAuB;AAC1C,UAAM,QAAQ,OAAO,MAAM,KAAK,CAAC,cAAc,UAAU,OAAO,GAAG;AACnE,QAAI,cAAc,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,MAAA;AAAA,EACrD;AACA,SAAO;AACT;AAEA,SAAS,gBAAgB,QAAgB;AACvC,UAAQ,OAAO,KAAA,EAAO,YAAA,GAAY;AAAA,IAChC,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEA,SAAS,eAAe,WAA+B;AACrD,QAAM,GAAG,OAAO,IAAIC,MAAAA,SAAS,CAAC;AAC9BC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAW,QAAO;AACvB,UAAM,QAAQ,OAAO;AAAA,MACnB,MAAM,QAAQ,CAAC,UAAU,QAAQ,CAAC;AAAA,MAClC;AAAA,IAAA;AAEF,WAAO,MAAM,OAAO,cAAc,KAAK;AAAA,EACzC,GAAG,CAAC,SAAS,CAAC;AACd,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,SAAO,OAAO,MAAM,KAAK,QAAA,CAAS,IAAI,KAAKC,gBAAAA,mBAAmB,IAAI;AACpE;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,MAAMC,MAAAA,OAAyB,IAAI;AACzCF,QAAAA,UAAU,MAAM;AACd,QAAI,IAAI,QAAS,KAAI,QAAQ,gBAAgB,UAAU;AAAA,EACzD,GAAG,CAAC,KAAK,CAAC;AACV,SACEpB,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,SAAS,UAAU;AAAA,MACnB,SAAS,CAAC,UAAU,MAAM,gBAAA;AAAA,MAC1B,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,OAAO;AAAA,MAClD,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;;"}

package/dist/data/ai/SessionInspector.hierarchy.d.ts

@@ -6,4 +6,10 @@ export declare function SessionHierarchyPicker({ collection, state, renderSessio
     state: SessionHierarchyState;
     renderSessionActions?: (item: SessionCollectionItem) => ReactNode;
 }): import("react").JSX.Element;
+export declare function SessionHierarchyTree({ collection, state, renderSessionActions, className, }: {
+    collection: SessionCollectionInput;
+    state: SessionHierarchyState;
+    renderSessionActions?: (item: SessionCollectionItem) => ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=SessionInspector.hierarchy.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.hierarchy.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.hierarchy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAapE,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAE3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAEhF,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,KAAK,EACL,oBAAoB,GACrB,EAAE;IACD,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;CACnE,+BAgFA"}
+{"version":3,"file":"SessionInspector.hierarchy.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.hierarchy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAapE,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAE3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAEhF,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,KAAK,EACL,oBAAoB,GACrB,EAAE;IACD,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;CACnE,+BAsCA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,KAAK,EACL,oBAAoB,EACpB,SAAS,GACV,EAAE;IACD,UAAU,EAAE,sBAAsB,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA+CA"}

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

@@ -10,7 +10,7 @@ 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/runtime-mode.js";
-import { selectedSessionCount, hierarchyCheckState, sessionKey } from "./SessionInspector.collection.js";
+import { hierarchyCheckState, sessionKey, selectedSessionCount } from "./SessionInspector.collection.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
 import { UiRepeat } from "../../icons/components/UiRepeat.js";
@@ -56,42 +56,58 @@ function SessionHierarchyPicker({
         }
       ),
       children: () => /* @__PURE__ */ jsx(
-        Tree,
+        SessionHierarchyTree,
         {
-          roots: state.roots,
-          ariaLabel: "Session content",
-          className: "h-full",
-          showControls: true,
-          getKey: (node) => node.key,
-          getChildren: (node) => node.children,
-          getSearchText: (node) => [node.label, node.model, node.effort, node.mode].filter(Boolean).join(" "),
-          defaultOpen: (node) => node.key === sessionKey(collection.currentSessionId),
-          hasMoreChildren: (node) => node.kind === "session" && Boolean(
-            node.item && !state.loadedSessionIds.has(node.item.id) && collection.loadSession
-          ),
-          loadChildren: state.loadChildren,
-          renderRow: ({ node, loading, error }) => {
-            const message = error ? String(error) : state.errors.get(node.itemId);
-            const actions = node.kind === "session" && node.item ? renderSessionActions == null ? void 0 : renderSessionActions(node.item) : void 0;
-            return /* @__PURE__ */ jsx(
-              HierarchyRow,
-              {
-                node,
-                checkState: hierarchyCheckState(node, state.checked),
-                loading: loading || state.loading.has(node.itemId),
-                onChecked: (include) => {
-                  void state.setBranchChecked(node, include).catch(() => void 0);
-                },
-                ...message ? { error: message } : {},
-                ...actions ? { actions } : {}
-              }
-            );
-          }
+          collection,
+          state,
+          ...renderSessionActions ? { renderSessionActions } : {},
+          className: "h-full"
         }
       )
     }
   );
 }
+function SessionHierarchyTree({
+  collection,
+  state,
+  renderSessionActions,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    Tree,
+    {
+      roots: state.roots,
+      ariaLabel: "Session content",
+      ...className ? { className } : {},
+      showControls: true,
+      getKey: (node) => node.key,
+      getChildren: (node) => node.children,
+      getSearchText: (node) => [node.label, node.model, node.effort, node.mode].filter(Boolean).join(" "),
+      defaultOpen: (node) => node.key === sessionKey(collection.currentSessionId),
+      hasMoreChildren: (node) => node.kind === "session" && Boolean(
+        node.item && !state.loadedSessionIds.has(node.item.id) && collection.loadSession
+      ),
+      loadChildren: state.loadChildren,
+      renderRow: ({ node, loading, error }) => {
+        const message = error ? String(error) : state.errors.get(node.itemId);
+        const actions = node.kind === "session" && node.item ? renderSessionActions == null ? void 0 : renderSessionActions(node.item) : void 0;
+        return /* @__PURE__ */ jsx(
+          HierarchyRow,
+          {
+            node,
+            checkState: hierarchyCheckState(node, state.checked),
+            loading: loading || state.loading.has(node.itemId),
+            onChecked: (include) => {
+              void state.setBranchChecked(node, include).catch(() => void 0);
+            },
+            ...message ? { error: message } : {},
+            ...actions ? { actions } : {}
+          }
+        );
+      }
+    }
+  );
+}
 function HierarchyRow({
   node,
   checkState,
@@ -190,9 +206,7 @@ function modeIcon(mode) {
     return WORKFLOW_PHASES[key];
   }
   for (const family of SPEC_RUNTIME_FAMILIES) {
-    const match = family.modes.find(
-      (candidate) => candidate.id === key
-    );
+    const match = family.modes.find((candidate) => candidate.id === key);
     if (match) return { icon: match.icon, label: match.label };
   }
   return void 0;
@@ -251,6 +265,7 @@ function HierarchyCheckbox({
   );
 }
 export {
-  SessionHierarchyPicker
+  SessionHierarchyPicker,
+  SessionHierarchyTree
 };
 //# sourceMappingURL=SessionInspector.hierarchy.js.map