@flanksource/clicky-ui 0.3.15 → 0.3.16

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../../components/button.cjs");
+const MdxEditorField = require("../../components/MdxEditorField.cjs");
+const Icon = require("../Icon.cjs");
+const Markdown = require("../Markdown.cjs");
+const UiFileText = require("../../icons/components/UiFileText.cjs");
+const UiCheck = require("../../icons/components/UiCheck.cjs");
+const UiEdit = require("../../icons/components/UiEdit.cjs");
+function SessionPlanPanel({
+  plan,
+  onChange
+}) {
+  var _a;
+  const [editing, setEditing] = react.useState(false);
+  const [content, setContent] = react.useState((plan == null ? void 0 : plan.content) ?? "");
+  react.useEffect(() => setContent((plan == null ? void 0 : plan.content) ?? ""), [plan == null ? void 0 : plan.content]);
+  if (!plan) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground", children: "No plan metadata." });
+  }
+  const updateContent = (next) => {
+    setContent(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Icon.Icon,
+        {
+          icon: UiFileText.UiFileText,
+          className: "size-4 shrink-0 text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-mono text-xs text-foreground", children: plan.path || plan.slug || "Session plan" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+          ((_a = plan.events) == null ? void 0 : _a.length) ?? 0,
+          " events",
+          plan.explicit ? " · explicit" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        button.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          "aria-label": editing ? "Done editing plan" : "Edit plan",
+          onClick: () => setEditing((value) => !value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: editing ? UiCheck.UiCheck : UiEdit.UiEdit }),
+            editing ? "Done" : "Edit"
+          ]
+        }
+      )
+    ] }),
+    editing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-density-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+      MdxEditorField.MdxEditorField,
+      {
+        value: content,
+        onChange: updateContent,
+        "aria-label": "Plan markdown",
+        toolbar: true,
+        headings: true,
+        lists: true,
+        links: true,
+        codeBlocks: true,
+        codeMirror: true,
+        className: "min-h-80"
+      }
+    ) }) : content ? /* @__PURE__ */ jsxRuntime.jsx(Markdown.Markdown, { text: content, className: "px-density-1 py-density-4" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-density-6 text-center text-sm text-muted-foreground", children: "The plan is empty." })
+  ] });
+}
+exports.SessionPlanPanel = SessionPlanPanel;
+//# sourceMappingURL=SessionInspector.plan.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.plan.cjs","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { UiCheck, UiEdit, UiFileText } from \"../../icons\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport { Icon } from \"../Icon\";\nimport { Markdown } from \"../Markdown\";\nimport type { SessionPlan } from \"./SessionViewer.unified\";\n\nexport function SessionPlanPanel({\n  plan,\n  onChange,\n}: {\n  plan: SessionPlan | undefined;\n  onChange?: (content: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [content, setContent] = useState(plan?.content ?? \"\");\n\n  useEffect(() => setContent(plan?.content ?? \"\"), [plan?.content]);\n\n  if (!plan) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No plan metadata.\n      </div>\n    );\n  }\n\n  const updateContent = (next: string) => {\n    setContent(next);\n    onChange?.(next);\n  };\n\n  return (\n    <section>\n      <header className=\"flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2\">\n        <Icon\n          icon={UiFileText}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-mono text-xs text-foreground\">\n            {plan.path || plan.slug || \"Session plan\"}\n          </div>\n          <div className=\"text-[11px] text-muted-foreground\">\n            {plan.events?.length ?? 0} events\n            {plan.explicit ? \" · explicit\" : \"\"}\n          </div>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={editing ? \"Done editing plan\" : \"Edit plan\"}\n          onClick={() => setEditing((value) => !value)}\n        >\n          <Icon icon={editing ? UiCheck : UiEdit} />\n          {editing ? \"Done\" : \"Edit\"}\n        </Button>\n      </header>\n      {editing ? (\n        <div className=\"pt-density-3\">\n          <MdxEditorField\n            value={content}\n            onChange={updateContent}\n            aria-label=\"Plan markdown\"\n            toolbar\n            headings\n            lists\n            links\n            codeBlocks\n            codeMirror\n            className=\"min-h-80\"\n          />\n        </div>\n      ) : content ? (\n        <Markdown text={content} className=\"px-density-1 py-density-4\" />\n      ) : (\n        <div className=\"p-density-6 text-center text-sm text-muted-foreground\">\n          The plan is empty.\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["useState","useEffect","jsx","jsxs","Icon","UiFileText","Button","UiCheck","UiEdit","MdxEditorField","Markdown"],"mappings":";;;;;;;;;;;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;;AACD,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,UAAS,6BAAM,YAAW,EAAE;AAE1DC,kBAAU,MAAM,YAAW,6BAAM,YAAW,EAAE,GAAG,CAAC,6BAAM,OAAO,CAAC;AAEhE,MAAI,CAAC,MAAM;AACT,WACEC,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,qBAErH;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,yCAAW;AAAA,EACb;AAEA,yCACG,WAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA,KAAC,UAAA,EAAO,WAAU,4FAChB,UAAA;AAAA,MAAAD,2BAAAA;AAAAA,QAACE,KAAAA;AAAAA,QAAA;AAAA,UACC,MAAMC,WAAAA;AAAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZF,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAAD,2BAAAA,IAAC,SAAI,WAAU,8CACZ,eAAK,QAAQ,KAAK,QAAQ,eAAA,CAC7B;AAAA,QACAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAA,UAAK,WAAL,mBAAa,WAAU;AAAA,UAAE;AAAA,UACzB,KAAK,WAAW,gBAAgB;AAAA,QAAA,EAAA,CACnC;AAAA,MAAA,GACF;AAAA,MACAA,2BAAAA;AAAAA,QAACG,OAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,UAAU,sBAAsB;AAAA,UAC5C,SAAS,MAAM,WAAW,CAAC,UAAU,CAAC,KAAK;AAAA,UAE3C,UAAA;AAAA,YAAAJ,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAM,UAAUG,QAAAA,UAAUC,OAAAA,QAAQ;AAAA,YACvC,UAAU,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACC,UACCN,2BAAAA,IAAC,OAAA,EAAI,WAAU,gBACb,UAAAA,2BAAAA;AAAAA,MAACO,eAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAO;AAAA,QACP,UAAQ;AAAA,QACR,OAAK;AAAA,QACL,OAAK;AAAA,QACL,YAAU;AAAA,QACV,YAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA,EACZ,CACF,IACE,UACFP,2BAAAA,IAACQ,SAAAA,YAAS,MAAM,SAAS,WAAU,4BAAA,CAA4B,IAE/DR,2BAAAA,IAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,qBAAA,CAEvE;AAAA,EAAA,GAEJ;AAEJ;;"}

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

@@ -0,0 +1,6 @@
+import { SessionPlan } from './SessionViewer.unified';
+export declare function SessionPlanPanel({ plan, onChange, }: {
+    plan: SessionPlan | undefined;
+    onChange?: (content: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionInspector.plan.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.plan.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,2CAsEA"}

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

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Button } from "../../components/button.js";
+import { MdxEditorField } from "../../components/MdxEditorField.js";
+import { Icon } from "../Icon.js";
+import { Markdown } from "../Markdown.js";
+import { UiFileText } from "../../icons/components/UiFileText.js";
+import { UiCheck } from "../../icons/components/UiCheck.js";
+import { UiEdit } from "../../icons/components/UiEdit.js";
+function SessionPlanPanel({
+  plan,
+  onChange
+}) {
+  var _a;
+  const [editing, setEditing] = useState(false);
+  const [content, setContent] = useState((plan == null ? void 0 : plan.content) ?? "");
+  useEffect(() => setContent((plan == null ? void 0 : plan.content) ?? ""), [plan == null ? void 0 : plan.content]);
+  if (!plan) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground", children: "No plan metadata." });
+  }
+  const updateContent = (next) => {
+    setContent(next);
+    onChange == null ? void 0 : onChange(next);
+  };
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2", children: [
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          icon: UiFileText,
+          className: "size-4 shrink-0 text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "truncate font-mono text-xs text-foreground", children: plan.path || plan.slug || "Session plan" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
+          ((_a = plan.events) == null ? void 0 : _a.length) ?? 0,
+          " events",
+          plan.explicit ? " · explicit" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          "aria-label": editing ? "Done editing plan" : "Edit plan",
+          onClick: () => setEditing((value) => !value),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: editing ? UiCheck : UiEdit }),
+            editing ? "Done" : "Edit"
+          ]
+        }
+      )
+    ] }),
+    editing ? /* @__PURE__ */ jsx("div", { className: "pt-density-3", children: /* @__PURE__ */ jsx(
+      MdxEditorField,
+      {
+        value: content,
+        onChange: updateContent,
+        "aria-label": "Plan markdown",
+        toolbar: true,
+        headings: true,
+        lists: true,
+        links: true,
+        codeBlocks: true,
+        codeMirror: true,
+        className: "min-h-80"
+      }
+    ) }) : content ? /* @__PURE__ */ jsx(Markdown, { text: content, className: "px-density-1 py-density-4" }) : /* @__PURE__ */ jsx("div", { className: "p-density-6 text-center text-sm text-muted-foreground", children: "The plan is empty." })
+  ] });
+}
+export {
+  SessionPlanPanel
+};
+//# sourceMappingURL=SessionInspector.plan.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.plan.js","sources":["../../../src/data/ai/SessionInspector.plan.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { UiCheck, UiEdit, UiFileText } from \"../../icons\";\nimport { Button } from \"../../components/button\";\nimport { MdxEditorField } from \"../../components/MdxEditorField\";\nimport { Icon } from \"../Icon\";\nimport { Markdown } from \"../Markdown\";\nimport type { SessionPlan } from \"./SessionViewer.unified\";\n\nexport function SessionPlanPanel({\n  plan,\n  onChange,\n}: {\n  plan: SessionPlan | undefined;\n  onChange?: (content: string) => void;\n}) {\n  const [editing, setEditing] = useState(false);\n  const [content, setContent] = useState(plan?.content ?? \"\");\n\n  useEffect(() => setContent(plan?.content ?? \"\"), [plan?.content]);\n\n  if (!plan) {\n    return (\n      <div className=\"rounded-md border border-dashed border-border p-density-6 text-center text-sm text-muted-foreground\">\n        No plan metadata.\n      </div>\n    );\n  }\n\n  const updateContent = (next: string) => {\n    setContent(next);\n    onChange?.(next);\n  };\n\n  return (\n    <section>\n      <header className=\"flex min-w-0 items-center gap-density-2 border-b border-border px-density-1 pb-density-2\">\n        <Icon\n          icon={UiFileText}\n          className=\"size-4 shrink-0 text-muted-foreground\"\n        />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"truncate font-mono text-xs text-foreground\">\n            {plan.path || plan.slug || \"Session plan\"}\n          </div>\n          <div className=\"text-[11px] text-muted-foreground\">\n            {plan.events?.length ?? 0} events\n            {plan.explicit ? \" · explicit\" : \"\"}\n          </div>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          aria-label={editing ? \"Done editing plan\" : \"Edit plan\"}\n          onClick={() => setEditing((value) => !value)}\n        >\n          <Icon icon={editing ? UiCheck : UiEdit} />\n          {editing ? \"Done\" : \"Edit\"}\n        </Button>\n      </header>\n      {editing ? (\n        <div className=\"pt-density-3\">\n          <MdxEditorField\n            value={content}\n            onChange={updateContent}\n            aria-label=\"Plan markdown\"\n            toolbar\n            headings\n            lists\n            links\n            codeBlocks\n            codeMirror\n            className=\"min-h-80\"\n          />\n        </div>\n      ) : content ? (\n        <Markdown text={content} className=\"px-density-1 py-density-4\" />\n      ) : (\n        <div className=\"p-density-6 text-center text-sm text-muted-foreground\">\n          The plan is empty.\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,IAAI,UAAS,6BAAM,YAAW,EAAE;AAE1D,YAAU,MAAM,YAAW,6BAAM,YAAW,EAAE,GAAG,CAAC,6BAAM,OAAO,CAAC;AAEhE,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,OAAA,EAAI,WAAU,uGAAsG,UAAA,qBAErH;AAAA,EAEJ;AAEA,QAAM,gBAAgB,CAAC,SAAiB;AACtC,eAAW,IAAI;AACf,yCAAW;AAAA,EACb;AAEA,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,qBAAC,UAAA,EAAO,WAAU,4FAChB,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,8CACZ,eAAK,QAAQ,KAAK,QAAQ,eAAA,CAC7B;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,YAAA,UAAK,WAAL,mBAAa,WAAU;AAAA,UAAE;AAAA,UACzB,KAAK,WAAW,gBAAgB;AAAA,QAAA,EAAA,CACnC;AAAA,MAAA,GACF;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAY,UAAU,sBAAsB;AAAA,UAC5C,SAAS,MAAM,WAAW,CAAC,UAAU,CAAC,KAAK;AAAA,UAE3C,UAAA;AAAA,YAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,UAAU,QAAQ;AAAA,YACvC,UAAU,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACC,UACC,oBAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAW;AAAA,QACX,SAAO;AAAA,QACP,UAAQ;AAAA,QACR,OAAK;AAAA,QACL,OAAK;AAAA,QACL,YAAU;AAAA,QACV,YAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA,EACZ,CACF,IACE,UACF,oBAAC,YAAS,MAAM,SAAS,WAAU,4BAAA,CAA4B,IAE/D,oBAAC,OAAA,EAAI,WAAU,yDAAwD,UAAA,qBAAA,CAEvE;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Icon = require("../Icon.cjs");
+const effortIcons = require("../chat/effort-icons.cjs");
+const providerIcons = require("../chat/provider-icons.cjs");
+const agentActionIcons = require("./agent-action-icons.cjs");
+const sessionCost = require("./session-cost.cjs");
+const SessionInspector_model = require("./SessionInspector.model.cjs");
+const SessionViewer_header = require("./SessionViewer.header.cjs");
+const SessionViewer_model = require("./SessionViewer.model.cjs");
+const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
+const UiTimer = require("../../icons/components/UiTimer.cjs");
+const UiClock = require("../../icons/components/UiClock.cjs");
+const UiServerProcess = require("../../icons/components/UiServerProcess.cjs");
+const UiFingerprint = require("../../icons/components/UiFingerprint.cjs");
+const UiCoins = require("../../icons/components/UiCoins.cjs");
+const tokens = require("../../lib/tokens.cjs");
+function SessionInspectorHeader({
+  session
+}) {
+  var _a, _b, _c;
+  const provider = SessionInspector_model.runtimeDescriptor(session.backend);
+  const providerId = session.provider || (provider == null ? void 0 : provider.family);
+  const ProviderIcon = providerIcons.providerIcon(providerId) ?? UiRobotAi.UiRobotAi;
+  const providerColor = providerIcons.providerIconColor(providerId);
+  const effortValue = (_a = session.reasoningEffort) == null ? void 0 : _a.trim();
+  const effort = effortValue ? agentActionIcons.effortIcon(effortValue) : void 0;
+  const title = ((_b = session.title) == null ? void 0 : _b.trim()) || ((_c = session.initialPrompt) == null ? void 0 : _c.trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
+  const metadata = SessionViewer_model.getSessionMetadata(session);
+  const showMeter = Boolean(metadata == null ? void 0 : metadata.context);
+  return /* @__PURE__ */ jsxRuntime.jsx("header", { className: "shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-density-3", children: [
+    showMeter && metadata ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-ml-1.5 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(SessionViewer_header.SessionContextMeter, { metadata, mode: "gauge" }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Icon.Icon,
+      {
+        icon: ProviderIcon,
+        size: "md",
+        ...providerColor ? { className: providerColor } : {}
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-density-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground", children: title }),
+        effortValue ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0", children: [
+          effort ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: effort.icon, size: "xs" }) : null,
+          effortIcons.effortLevelLabel(effortValue)
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: session.startedAt ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTimer.UiTimer, size: "xs" }),
+        SessionInspector_model.durationLabel(session.startedAt, session.endedAt)
+      ] }) : null })
+    ] })
+  ] }) });
+}
+function SessionInspectorSidebar({
+  session
+}) {
+  var _a;
+  const runtime = SessionInspector_model.runtimeDescriptor(session.backend);
+  const RuntimeIcon = (runtime == null ? void 0 : runtime.icon) ?? UiRobotAi.UiRobotAi;
+  const usage = session.usage ?? session.cost;
+  const tokens$1 = sessionCost.tokenTotal(usage);
+  const cost = sessionCost.costTotal(session.cost);
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "border-t border-border bg-muted/10 p-density-4 lg:min-h-0 lg:overflow-auto lg:border-l lg:border-t-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Session details" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-density-3 space-y-density-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DetailRow,
+          {
+            icon: UiClock.UiClock,
+            label: "Started",
+            value: SessionInspector_model.formatDate(session.startedAt)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DetailRow,
+          {
+            icon: UiRobotAi.UiRobotAi,
+            label: "Connection",
+            value: session.provider || session.source
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "session-runtime-mode", children: /* @__PURE__ */ jsxRuntime.jsx(
+          DetailRow,
+          {
+            icon: RuntimeIcon,
+            label: "Mode",
+            value: (runtime == null ? void 0 : runtime.mode) || session.backend,
+            ...(runtime == null ? void 0 : runtime.title) ? { title: runtime.title } : {}
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DetailRow,
+          {
+            icon: UiServerProcess.UiServerProcess,
+            label: "PID",
+            value: (_a = session.live) == null ? void 0 : _a.pid
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DetailRow,
+          {
+            icon: UiFingerprint.UiFingerprint,
+            label: "Session ID",
+            value: session.id,
+            mono: true
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-density-5 rounded-lg border border-border bg-background p-density-3 shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-density-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCoins.UiCoins, size: "xs" }),
+        "Usage"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-density-3 grid grid-cols-2 gap-density-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          UsageMetric,
+          {
+            label: "Tokens",
+            value: tokens$1 ? preciseTokens(tokens$1) : "-"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(UsageMetric, { label: "Cost", value: cost ? tokens.formatCost(cost) : "-" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          UsageMetric,
+          {
+            label: "Input",
+            value: (usage == null ? void 0 : usage.inputTokens) ? tokens.compactTokens(usage.inputTokens) : "-"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          UsageMetric,
+          {
+            label: "Output",
+            value: (usage == null ? void 0 : usage.outputTokens) ? tokens.compactTokens(usage.outputTokens) : "-"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DetailRow({
+  icon,
+  label,
+  value,
+  title,
+  mono = false
+}) {
+  if (value === void 0 || value === null || value === "") return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1rem_minmax(0,1fr)] gap-x-density-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, size: "xs", className: "mt-0.5 text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-[11px] text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "dd",
+        {
+          className: mono ? "truncate font-mono text-xs text-foreground" : "truncate text-sm text-foreground",
+          title,
+          children: value
+        }
+      )
+    ] })
+  ] });
+}
+function UsageMetric({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-sm font-semibold tabular-nums text-foreground", children: value })
+  ] });
+}
+function preciseTokens(value) {
+  if (value >= 1e3 && value < 1e4 && value % 1e3 !== 0) {
+    return `${(value / 1e3).toFixed(1)}k`;
+  }
+  return tokens.compactTokens(value);
+}
+exports.SessionInspectorHeader = SessionInspectorHeader;
+exports.SessionInspectorSidebar = SessionInspectorSidebar;
+//# sourceMappingURL=SessionInspector.summary.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.summary.cjs","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  UiClock,\n  UiCoins,\n  UiFingerprint,\n  UiRobotAi,\n  UiServerProcess,\n  UiTimer,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport {\n  durationLabel,\n  formatDate,\n  runtimeDescriptor,\n} from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.backend);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const title =\n    session.title?.trim() ||\n    session.initialPrompt?.trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n\nexport function SessionInspectorSidebar({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const runtime = runtimeDescriptor(session.backend);\n  const RuntimeIcon = runtime?.icon ?? UiRobotAi;\n  const usage = session.usage ?? session.cost;\n  const tokens = tokenTotal(usage);\n  const cost = costTotal(session.cost);\n\n  return (\n    <aside className=\"border-t border-border bg-muted/10 p-density-4 lg:min-h-0 lg:overflow-auto lg:border-l lg:border-t-0\">\n      <section>\n        <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Session details\n        </h3>\n        <dl className=\"mt-density-3 space-y-density-3\">\n          <DetailRow\n            icon={UiClock}\n            label=\"Started\"\n            value={formatDate(session.startedAt)}\n          />\n          <DetailRow\n            icon={UiRobotAi}\n            label=\"Connection\"\n            value={session.provider || session.source}\n          />\n          <div data-testid=\"session-runtime-mode\">\n            <DetailRow\n              icon={RuntimeIcon}\n              label=\"Mode\"\n              value={runtime?.mode || session.backend}\n              {...(runtime?.title ? { title: runtime.title } : {})}\n            />\n          </div>\n          <DetailRow\n            icon={UiServerProcess}\n            label=\"PID\"\n            value={session.live?.pid}\n          />\n          <DetailRow\n            icon={UiFingerprint}\n            label=\"Session ID\"\n            value={session.id}\n            mono\n          />\n        </dl>\n      </section>\n\n      <section className=\"mt-density-5 rounded-lg border border-border bg-background p-density-3 shadow-sm\">\n        <div className=\"flex items-center gap-density-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <Icon icon={UiCoins} size=\"xs\" />\n          Usage\n        </div>\n        <div className=\"mt-density-3 grid grid-cols-2 gap-density-3\">\n          <UsageMetric\n            label=\"Tokens\"\n            value={tokens ? preciseTokens(tokens) : \"-\"}\n          />\n          <UsageMetric label=\"Cost\" value={cost ? formatCost(cost) : \"-\"} />\n          <UsageMetric\n            label=\"Input\"\n            value={usage?.inputTokens ? compactTokens(usage.inputTokens) : \"-\"}\n          />\n          <UsageMetric\n            label=\"Output\"\n            value={\n              usage?.outputTokens ? compactTokens(usage.outputTokens) : \"-\"\n            }\n          />\n        </div>\n      </section>\n    </aside>\n  );\n}\n\nfunction DetailRow({\n  icon,\n  label,\n  value,\n  title,\n  mono = false,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  value: ReactNode;\n  title?: string;\n  mono?: boolean;\n}) {\n  if (value === undefined || value === null || value === \"\") return null;\n  return (\n    <div className=\"grid grid-cols-[1rem_minmax(0,1fr)] gap-x-density-2\">\n      <Icon icon={icon} size=\"xs\" className=\"mt-0.5 text-muted-foreground\" />\n      <div className=\"min-w-0\">\n        <dt className=\"text-[11px] text-muted-foreground\">{label}</dt>\n        <dd\n          className={\n            mono\n              ? \"truncate font-mono text-xs text-foreground\"\n              : \"truncate text-sm text-foreground\"\n          }\n          title={title}\n        >\n          {value}\n        </dd>\n      </div>\n    </div>\n  );\n}\n\nfunction UsageMetric({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div>\n      <div className=\"text-[11px] text-muted-foreground\">{label}</div>\n      <div className=\"mt-0.5 text-sm font-semibold tabular-nums text-foreground\">\n        {value}\n      </div>\n    </div>\n  );\n}\n\nfunction preciseTokens(value: number) {\n  if (value >= 1_000 && value < 10_000 && value % 1_000 !== 0) {\n    return `${(value / 1_000).toFixed(1)}k`;\n  }\n  return compactTokens(value);\n}\n"],"names":["runtimeDescriptor","providerIcon","UiRobotAi","providerIconColor","effortIcon","getSessionMetadata","jsxs","jsx","SessionContextMeter","Icon","effortLevelLabel","UiTimer","durationLabel","tokens","tokenTotal","costTotal","UiClock","formatDate","UiServerProcess","UiFingerprint","UiCoins","formatCost","compactTokens"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { UnifiedSessionInput } from './SessionViewer.unified';
+export declare function SessionInspectorHeader({ session, }: {
+    session: UnifiedSessionInput;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SessionInspectorSidebar({ session, }: {
+    session: UnifiedSessionInput;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionInspector.summary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.summary.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,2CAyDA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,2CAuEA"}

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

@@ -0,0 +1,182 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../Icon.js";
+import { effortLevelLabel } from "../chat/effort-icons.js";
+import { providerIcon, providerIconColor } from "../chat/provider-icons.js";
+import { effortIcon } from "./agent-action-icons.js";
+import { tokenTotal, costTotal } from "./session-cost.js";
+import { runtimeDescriptor, durationLabel, formatDate } from "./SessionInspector.model.js";
+import { SessionContextMeter } from "./SessionViewer.header.js";
+import { getSessionMetadata } from "./SessionViewer.model.js";
+import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
+import { UiTimer } from "../../icons/components/UiTimer.js";
+import { UiClock } from "../../icons/components/UiClock.js";
+import { UiServerProcess } from "../../icons/components/UiServerProcess.js";
+import { UiFingerprint } from "../../icons/components/UiFingerprint.js";
+import { UiCoins } from "../../icons/components/UiCoins.js";
+import { formatCost, compactTokens } from "../../lib/tokens.js";
+function SessionInspectorHeader({
+  session
+}) {
+  var _a, _b, _c;
+  const provider = runtimeDescriptor(session.backend);
+  const providerId = session.provider || (provider == null ? void 0 : provider.family);
+  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;
+  const providerColor = providerIconColor(providerId);
+  const effortValue = (_a = session.reasoningEffort) == null ? void 0 : _a.trim();
+  const effort = effortValue ? effortIcon(effortValue) : void 0;
+  const title = ((_b = session.title) == null ? void 0 : _b.trim()) || ((_c = session.initialPrompt) == null ? void 0 : _c.trim()) || session.model || (provider == null ? void 0 : provider.family) || session.provider || "Session";
+  const metadata = getSessionMetadata(session);
+  const showMeter = Boolean(metadata == null ? void 0 : metadata.context);
+  return /* @__PURE__ */ jsx("header", { className: "shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-density-3", children: [
+    showMeter && metadata ? /* @__PURE__ */ jsx("div", { className: "-ml-1.5 shrink-0", children: /* @__PURE__ */ jsx(SessionContextMeter, { metadata, mode: "gauge" }) }) : /* @__PURE__ */ jsx("span", { className: "mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm", children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: ProviderIcon,
+        size: "md",
+        ...providerColor ? { className: providerColor } : {}
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-density-2", children: [
+        /* @__PURE__ */ jsx("h2", { className: "min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground", children: title }),
+        effortValue ? /* @__PURE__ */ jsxs("span", { className: "inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0", children: [
+          effort ? /* @__PURE__ */ jsx(Icon, { icon: effort.icon, size: "xs" }) : null,
+          effortLevelLabel(effortValue)
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground", children: session.startedAt ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiTimer, size: "xs" }),
+        durationLabel(session.startedAt, session.endedAt)
+      ] }) : null })
+    ] })
+  ] }) });
+}
+function SessionInspectorSidebar({
+  session
+}) {
+  var _a;
+  const runtime = runtimeDescriptor(session.backend);
+  const RuntimeIcon = (runtime == null ? void 0 : runtime.icon) ?? UiRobotAi;
+  const usage = session.usage ?? session.cost;
+  const tokens = tokenTotal(usage);
+  const cost = costTotal(session.cost);
+  return /* @__PURE__ */ jsxs("aside", { className: "border-t border-border bg-muted/10 p-density-4 lg:min-h-0 lg:overflow-auto lg:border-l lg:border-t-0", children: [
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Session details" }),
+      /* @__PURE__ */ jsxs("dl", { className: "mt-density-3 space-y-density-3", children: [
+        /* @__PURE__ */ jsx(
+          DetailRow,
+          {
+            icon: UiClock,
+            label: "Started",
+            value: formatDate(session.startedAt)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DetailRow,
+          {
+            icon: UiRobotAi,
+            label: "Connection",
+            value: session.provider || session.source
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { "data-testid": "session-runtime-mode", children: /* @__PURE__ */ jsx(
+          DetailRow,
+          {
+            icon: RuntimeIcon,
+            label: "Mode",
+            value: (runtime == null ? void 0 : runtime.mode) || session.backend,
+            ...(runtime == null ? void 0 : runtime.title) ? { title: runtime.title } : {}
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          DetailRow,
+          {
+            icon: UiServerProcess,
+            label: "PID",
+            value: (_a = session.live) == null ? void 0 : _a.pid
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DetailRow,
+          {
+            icon: UiFingerprint,
+            label: "Session ID",
+            value: session.id,
+            mono: true
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "mt-density-5 rounded-lg border border-border bg-background p-density-3 shadow-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-density-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: UiCoins, size: "xs" }),
+        "Usage"
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-density-3 grid grid-cols-2 gap-density-3", children: [
+        /* @__PURE__ */ jsx(
+          UsageMetric,
+          {
+            label: "Tokens",
+            value: tokens ? preciseTokens(tokens) : "-"
+          }
+        ),
+        /* @__PURE__ */ jsx(UsageMetric, { label: "Cost", value: cost ? formatCost(cost) : "-" }),
+        /* @__PURE__ */ jsx(
+          UsageMetric,
+          {
+            label: "Input",
+            value: (usage == null ? void 0 : usage.inputTokens) ? compactTokens(usage.inputTokens) : "-"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          UsageMetric,
+          {
+            label: "Output",
+            value: (usage == null ? void 0 : usage.outputTokens) ? compactTokens(usage.outputTokens) : "-"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function DetailRow({
+  icon,
+  label,
+  value,
+  title,
+  mono = false
+}) {
+  if (value === void 0 || value === null || value === "") return null;
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1rem_minmax(0,1fr)] gap-x-density-2", children: [
+    /* @__PURE__ */ jsx(Icon, { icon, size: "xs", className: "mt-0.5 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("dt", { className: "text-[11px] text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx(
+        "dd",
+        {
+          className: mono ? "truncate font-mono text-xs text-foreground" : "truncate text-sm text-foreground",
+          title,
+          children: value
+        }
+      )
+    ] })
+  ] });
+}
+function UsageMetric({ label, value }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-sm font-semibold tabular-nums text-foreground", children: value })
+  ] });
+}
+function preciseTokens(value) {
+  if (value >= 1e3 && value < 1e4 && value % 1e3 !== 0) {
+    return `${(value / 1e3).toFixed(1)}k`;
+  }
+  return compactTokens(value);
+}
+export {
+  SessionInspectorHeader,
+  SessionInspectorSidebar
+};
+//# sourceMappingURL=SessionInspector.summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.summary.js","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  UiClock,\n  UiCoins,\n  UiFingerprint,\n  UiRobotAi,\n  UiServerProcess,\n  UiTimer,\n} from \"../../icons\";\nimport { Icon, type StaticIconComponent } from \"../Icon\";\nimport { effortLevelLabel } from \"../chat/effort-icons\";\nimport { providerIcon, providerIconColor } from \"../chat/provider-icons\";\nimport { effortIcon } from \"./agent-action-icons\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport {\n  durationLabel,\n  formatDate,\n  runtimeDescriptor,\n} from \"./SessionInspector.model\";\nimport { SessionContextMeter } from \"./SessionViewer.header\";\nimport { getSessionMetadata } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.backend);\n  const providerId = session.provider || provider?.family;\n  const ProviderIcon = providerIcon(providerId) ?? UiRobotAi;\n  const providerColor = providerIconColor(providerId);\n  const effortValue = session.reasoningEffort?.trim();\n  const effort = effortValue ? effortIcon(effortValue) : undefined;\n  const title =\n    session.title?.trim() ||\n    session.initialPrompt?.trim() ||\n    session.model ||\n    provider?.family ||\n    session.provider ||\n    \"Session\";\n  const metadata = getSessionMetadata(session);\n  const showMeter = Boolean(metadata?.context);\n\n  return (\n    <header className=\"shrink-0 border-b border-border bg-muted/20 px-density-2 py-density-3\">\n      <div className=\"flex min-w-0 items-start gap-density-3\">\n        {showMeter && metadata ? (\n          <div className=\"-ml-1.5 shrink-0\">\n            <SessionContextMeter metadata={metadata} mode=\"gauge\" />\n          </div>\n        ) : (\n          <span className=\"mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-background text-foreground shadow-sm\">\n            <Icon\n              icon={ProviderIcon}\n              size=\"md\"\n              {...(providerColor ? { className: providerColor } : {})}\n            />\n          </span>\n        )}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-density-2\">\n            <h2 className=\"min-w-0 max-w-full truncate text-base font-semibold tracking-tight text-foreground\">\n              {title}\n            </h2>\n            {effortValue ? (\n              <span className=\"inline-flex shrink-0 items-center gap-1 rounded-full border border-border bg-background px-2 py-0.5 text-xs max-sm:basis-full max-sm:border-0 max-sm:bg-transparent max-sm:px-0\">\n                {effort ? <Icon icon={effort.icon} size=\"xs\" /> : null}\n                {effortLevelLabel(effortValue)}\n              </span>\n            ) : null}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-density-3 gap-y-1 text-xs text-muted-foreground\">\n            {session.startedAt ? (\n              <span className=\"inline-flex items-center gap-1\">\n                <Icon icon={UiTimer} size=\"xs\" />\n                {durationLabel(session.startedAt, session.endedAt)}\n              </span>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </header>\n  );\n}\n\nexport function SessionInspectorSidebar({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const runtime = runtimeDescriptor(session.backend);\n  const RuntimeIcon = runtime?.icon ?? UiRobotAi;\n  const usage = session.usage ?? session.cost;\n  const tokens = tokenTotal(usage);\n  const cost = costTotal(session.cost);\n\n  return (\n    <aside className=\"border-t border-border bg-muted/10 p-density-4 lg:min-h-0 lg:overflow-auto lg:border-l lg:border-t-0\">\n      <section>\n        <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Session details\n        </h3>\n        <dl className=\"mt-density-3 space-y-density-3\">\n          <DetailRow\n            icon={UiClock}\n            label=\"Started\"\n            value={formatDate(session.startedAt)}\n          />\n          <DetailRow\n            icon={UiRobotAi}\n            label=\"Connection\"\n            value={session.provider || session.source}\n          />\n          <div data-testid=\"session-runtime-mode\">\n            <DetailRow\n              icon={RuntimeIcon}\n              label=\"Mode\"\n              value={runtime?.mode || session.backend}\n              {...(runtime?.title ? { title: runtime.title } : {})}\n            />\n          </div>\n          <DetailRow\n            icon={UiServerProcess}\n            label=\"PID\"\n            value={session.live?.pid}\n          />\n          <DetailRow\n            icon={UiFingerprint}\n            label=\"Session ID\"\n            value={session.id}\n            mono\n          />\n        </dl>\n      </section>\n\n      <section className=\"mt-density-5 rounded-lg border border-border bg-background p-density-3 shadow-sm\">\n        <div className=\"flex items-center gap-density-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          <Icon icon={UiCoins} size=\"xs\" />\n          Usage\n        </div>\n        <div className=\"mt-density-3 grid grid-cols-2 gap-density-3\">\n          <UsageMetric\n            label=\"Tokens\"\n            value={tokens ? preciseTokens(tokens) : \"-\"}\n          />\n          <UsageMetric label=\"Cost\" value={cost ? formatCost(cost) : \"-\"} />\n          <UsageMetric\n            label=\"Input\"\n            value={usage?.inputTokens ? compactTokens(usage.inputTokens) : \"-\"}\n          />\n          <UsageMetric\n            label=\"Output\"\n            value={\n              usage?.outputTokens ? compactTokens(usage.outputTokens) : \"-\"\n            }\n          />\n        </div>\n      </section>\n    </aside>\n  );\n}\n\nfunction DetailRow({\n  icon,\n  label,\n  value,\n  title,\n  mono = false,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  value: ReactNode;\n  title?: string;\n  mono?: boolean;\n}) {\n  if (value === undefined || value === null || value === \"\") return null;\n  return (\n    <div className=\"grid grid-cols-[1rem_minmax(0,1fr)] gap-x-density-2\">\n      <Icon icon={icon} size=\"xs\" className=\"mt-0.5 text-muted-foreground\" />\n      <div className=\"min-w-0\">\n        <dt className=\"text-[11px] text-muted-foreground\">{label}</dt>\n        <dd\n          className={\n            mono\n              ? \"truncate font-mono text-xs text-foreground\"\n              : \"truncate text-sm text-foreground\"\n          }\n          title={title}\n        >\n          {value}\n        </dd>\n      </div>\n    </div>\n  );\n}\n\nfunction UsageMetric({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div>\n      <div className=\"text-[11px] text-muted-foreground\">{label}</div>\n      <div className=\"mt-0.5 text-sm font-semibold tabular-nums text-foreground\">\n        {value}\n      </div>\n    </div>\n  );\n}\n\nfunction preciseTokens(value: number) {\n  if (value >= 1_000 && value < 10_000 && value % 1_000 !== 0) {\n    return `${(value / 1_000).toFixed(1)}k`;\n  }\n  return compactTokens(value);\n}\n"],"names":[],"mappings":"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"}