@flanksource/clicky-ui 0.3.36 → 0.3.37

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.panels.cjs","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":["jsx","SessionFilesPanel","SessionPlanPanel","SessionApprovalsPanel","EmptyState","jsxs","KeyValueList","kv","compactTokens","muted","tokenTotal","formatDate","durationLabel","CodeBlock","costTotal","formatCost"],"mappings":";;;;;;;;;;;;;AA4BO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,UAAQ,KAAA;AAAA,IACN,KAAK;AACH,aAAOA,2BAAAA,IAACC,uBAAAA,mBAAA,EAAkB,OAAO,iCAAQ,MAAA,CAAO;AAAA,IAClD,KAAK;AACH,aACED,2BAAAA;AAAAA,QAACE,sBAAAA;AAAAA,QAAA;AAAA,UACC,MAAM,iCAAQ;AAAA,UACb,GAAI,eAAe,EAAE,UAAU,iBAAiB,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAGxD,KAAK;AACH,aACEF,2BAAAA;AAAAA,QAACG,2BAAAA;AAAAA,QAAA;AAAA,UACC,WAAW,iCAAQ;AAAA,UACnB,UAAU,iCAAQ;AAAA,UACjB,GAAI,oBAAoB,EAAE,WAAW,sBAAsB,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAGnE,KAAK;AACH,aACEH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,iCAAQ;AAAA,UACf,MAAM,iCAAQ;AAAA,UACd,WAAW,iCAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGzB,KAAK;AACH,aAAOA,2BAAAA,IAAC,eAAA,EAAc,SAAS,OAAA,CAAQ;AAAA,IACzC,KAAK;AACH,aAAOA,2BAAAA,IAAC,UAAA,EAAS,OAAO,UAAU,QAAA,CAAS;AAAA,IAC7C;AACE,aAAO;AAAA,EAAA;AAEb;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;;AACD,MAAI,CAAC,SAAS,CAAC,QAAQ,EAAC,uCAAW;AACjC,WAAOA,2BAAAA,IAACI,4BAAAA,cAAW,UAAA,oBAAA,CAAiB;AACtC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAAL,2BAAAA;AAAAA,MAACM,aAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACLC,6BAAAA,GAAG,UAAU,WAAW,SAAS,IAAI,CAAC;AAAA,UACtCA,6BAAAA,GAAG,QAAQ,UAAU,IAAI,CAAC;AAAA,UAC1BA,6BAAAA,GAAG,SAASC,OAAAA,eAAe,cAAS,SAAT,mBAAgB,WAAW,CAAC;AAAA,UACvDD,6BAAAA,GAAG,UAAUC,OAAAA,eAAe,cAAS,SAAT,mBAAgB,YAAY,CAAC;AAAA,UACzDD,6BAAAA,GAAG,aAAaC,OAAAA,eAAe,cAAS,SAAT,mBAAgB,eAAe,CAAC;AAAA,UAC/DD,6BAAAA,GAAG,cAAcC,OAAAA,eAAe,cAAS,SAAT,mBAAgB,eAAe,CAAC;AAAA,UAChED,6BAAAA,GAAG,eAAeC,OAAAA,eAAe,cAAS,SAAT,mBAAgB,gBAAgB,CAAC;AAAA,QAAA;AAAA,MACpE;AAAA,IAAA;AAAA,KAED,uCAAW,UAASR,+BAAC,eAAA,EAAc,OAAO,WAAW,IAAK;AAAA,EAAA,GAC7D;AAEJ;AAEA,SAAS,cAAc,EAAE,SAAmC;AAC1D,wCACG,OAAA,EAAI,WAAU,iDACb,UAAAK,2BAAAA,KAAC,SAAA,EAAM,WAAU,0DACf,UAAA;AAAA,IAAAL,+BAAC,SAAA,EAAM,WAAU,6CACf,UAAAK,2BAAAA,KAAC,MAAA,EACC,UAAA;AAAA,MAAAL,2BAAAA,IAAC,MAAG,UAAA,QAAA,CAAK;AAAA,MACTA,2BAAAA,IAAC,MAAG,UAAA,SAAA,CAAM;AAAA,MACVA,2BAAAA,IAAC,MAAG,UAAA,QAAA,CAAK;AAAA,MACTA,2BAAAA,IAAC,MAAG,UAAA,SAAA,CAAM;AAAA,MACVA,2BAAAA,IAAC,MAAG,UAAA,QAAA,CAAK;AAAA,MACTA,2BAAAA,IAAC,MAAG,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CACV,EAAA,CACF;AAAA,IACAA,2BAAAA,IAAC,SAAA,EAAM,WAAU,0BACd,UAAA,MAAM,IAAI,CAAC,OAAO,UACjBK,2BAAAA,KAAC,MAAA,EACC,UAAA;AAAA,MAAAL,+BAAC,IAAA,EAAI,UAAA,MAAM,SAASS,6BAAAA,MAAM,SAAS,GAAE;AAAA,qCACpC,IAAA,EAAI,UAAAD,OAAAA,cAAcE,uBAAW,KAAK,CAAC,GAAE;AAAA,MACtCV,2BAAAA,IAAC,IAAA,EAAI,UAAAQ,OAAAA,cAAc,MAAM,WAAW,GAAE;AAAA,MACtCR,2BAAAA,IAAC,IAAA,EAAI,UAAAQ,OAAAA,cAAc,MAAM,YAAY,GAAE;AAAA,qCACtC,IAAA,EACE,UAAAA,OAAAA;AAAAA,SACE,MAAM,mBAAmB,MAAM,MAAM,oBAAoB;AAAA,MAAA,GAE9D;AAAA,MACAR,2BAAAA,IAAC,IAAA,EAAI,UAAA,UAAU,KAAK,EAAA,CAAE;AAAA,IAAA,KAVf,GAAG,MAAM,SAAS,OAAO,IAAI,KAAK,EAW3C,CACD,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AACF,GAEG;AACD,MAAI,CAAC,QAAS,QAAOA,2BAAAA,IAACI,4BAAAA,cAAW,UAAA,gCAA4B;AAC7D,QAAM,WAA+B;AAAA,IACnCG,gCAAG,MAAM,QAAQ,EAAE;AAAA,IACnBA,gCAAG,UAAU,QAAQ,MAAM;AAAA,IAC3BA,gCAAG,WAAW,QAAQ,OAAO;AAAA,IAC7BA,gCAAG,OAAO,QAAQ,GAAG;AAAA,IACrBA,gCAAG,WAAW,QAAQ,WAAW;AAAA,IACjCA,gCAAG,SAAS,QAAQ,KAAK;AAAA,IACzBA,gCAAG,YAAY,QAAQ,QAAQ;AAAA,IAC/BA,gCAAG,QAAQ,QAAQ,SAAS;AAAA,IAC5BA,gCAAG,UAAU,QAAQ,eAAe;AAAA,IACpCA,gCAAG,WAAW,QAAQ,OAAO;AAAA,IAC7BA,6BAAAA,GAAG,OAAO,SAAS,QAAQ,GAAG,CAAC;AAAA,IAC/BA,6BAAAA,GAAG,WAAWI,uBAAAA,WAAW,QAAQ,SAAS,CAAC;AAAA,IAC3CJ,6BAAAA,GAAG,SAASI,uBAAAA,WAAW,QAAQ,OAAO,CAAC;AAAA,IACvCJ,6BAAAA,GAAG,YAAYK,qCAAc,QAAQ,WAAW,QAAQ,OAAO,CAAC;AAAA,IAChEL,6BAAAA,GAAG,QAAQ,UAAU,QAAQ,IAAI,CAAC;AAAA,IAClCA,6BAAAA,GAAG,UAAU,YAAY,QAAQ,MAAM,CAAC;AAAA,EAAA;AAE1C,SACEF,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAAL,2BAAAA,IAACM,aAAAA,cAAA,EAAa,OAAO,SAAA,CAAU;AAAA,mCAC9B,aAAA,EAAY,OAAM,gBAAe,OAAO,QAAQ,cAAc;AAAA,mCAC9D,aAAA,EAAY,OAAM,WAAU,OAAO,QAAQ,SAAS;AAAA,mCACpD,aAAA,EAAY,OAAM,UAAS,OAAO,QAAQ,QAAQ;AAAA,mCAClD,aAAA,EAAY,OAAM,UAAS,OAAO,QAAQ,QAAQ;AAAA,mCAClD,aAAA,EAAY,OAAM,UAAS,OAAO,QAAQ,OAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;AAEA,SAAS,SAAS,EAAE,SAA6B;AAC/C,SACEN,2BAAAA;AAAAA,IAACa,UAAAA;AAAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,QAAQ,WAAW,KAAK;AAAA,MACxB,UAAQ;AAAA,MACR,sBAAsB;AAAA,IAAA;AAAA,EAAA;AAG5B;AAEA,SAAS,YAAY,EAAE,OAAO,SAA4C;AACxE,MACE,UAAU,UACV,UAAU,QACT,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAE1C,WAAO;AACT,yCACG,WAAA,EACC,UAAA;AAAA,IAAAb,2BAAAA,IAAC,MAAA,EAAG,WAAU,sEACX,UAAA,OACH;AAAA,IACAA,2BAAAA;AAAAA,MAACa,UAAAA;AAAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ,WAAW,KAAK;AAAA,QACxB,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxB,GACF;AAEJ;AAEA,SAAS,GAAG,EAAE,YAAqC;AACjD,SAAOb,2BAAAA,IAAC,MAAA,EAAG,WAAU,yCAAyC,SAAA,CAAS;AACzE;AAEA,SAAS,GAAG,EAAE,YAAqC;AACjD,SAAOA,2BAAAA,IAAC,MAAA,EAAG,WAAU,6BAA6B,SAAA,CAAS;AAC7D;AAEA,SAAS,WAAW,OAAgB;AAClC,MAAI,OAAO,UAAU,UAAU;AAC7B,QAAI;AACF,aAAO,KAAK,UAAU,KAAK,MAAM,KAAK,GAAG,MAAM,CAAC;AAAA,IAClD,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AACA,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;AAEA,SAAS,WAAW,OAAoC;AACtD,QAAM,QAAQU,YAAAA,WAAW,KAAK;AAC9B,SAAO,QAAQ,GAAGF,qBAAc,KAAK,CAAC,YAAYC,6BAAAA,MAAM,GAAG;AAC7D;AAEA,SAAS,UAAU,MAAoB;AACrC,QAAM,QAAQK,YAAAA,UAAU,IAAI;AAC5B,SAAO,QAAQC,OAAAA,WAAW,KAAK,IAAIN,6BAAAA,MAAM,GAAG;AAC9C;AAEA,SAAS,SAAS,KAKf;AACD,MAAI,CAAC,IAAK,QAAO;AACjB,SAAO,CAAC,IAAI,QAAQ,IAAI,QAAQ,IAAI,UAAU,IAAI,OAAO,SAAS,EAAE,EACjE,OAAO,OAAO,EACd,KAAK,GAAG;AACb;AAEA,SAAS,UAAU,MAA2B;AAC5C,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO;AAAA,IACL,KAAK,WAAW,KAAK,SAAS,WAAW;AAAA,IACzC,KAAK,MAAM,OAAO,KAAK,GAAG,KAAK;AAAA,IAC/B,KAAK;AAAA,EAAA,EAEJ,OAAO,OAAO,EACd,KAAK,KAAK;AACf;AAEA,SAAS,YAAY,QAA0B;AAC7C,UACE,iCAAQ,IAAI,CAAC,SAAS,GAAG,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,KAAK,UAAS;AAEzE;;"}
+{"version":3,"file":"SessionInspector.panels.cjs","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"output\":\n      return <StructuredOutputPanel value={detail?.structuredOutput} />;\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction StructuredOutputPanel({ value }: { value: unknown }) {\n  if (value === undefined || value === null)\n    return <EmptyState>No structured output.</EmptyState>;\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={3}\n    />\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":["jsx","SessionFilesPanel","SessionPlanPanel","SessionApprovalsPanel","EmptyState","CodeBlock","jsxs","KeyValueList","kv","compactTokens","muted","tokenTotal","formatDate","durationLabel","costTotal","formatCost"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.panels.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"names":[],"mappings":"AAYA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAKV,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,EACpC,GAAG,EACH,MAAM,EACN,OAAO,EACP,YAAY,EACZ,iBAAiB,GAClB,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;CAC5C,sCAkCA"}
+{"version":3,"file":"SessionInspector.panels.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"names":[],"mappings":"AAYA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAKV,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,wBAAgB,qBAAqB,CAAC,EACpC,GAAG,EACH,MAAM,EACN,OAAO,EACP,YAAY,EACZ,iBAAiB,GAClB,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC;IACxC,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;CAC5C,sCAoCA"}

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

@@ -17,6 +17,8 @@ function SessionInspectorPanel({
   onResolveApproval
 }) {
   switch (tab) {
+    case "output":
+      return /* @__PURE__ */ jsx(StructuredOutputPanel, { value: detail == null ? void 0 : detail.structuredOutput });
     case "files":
       return /* @__PURE__ */ jsx(SessionFilesPanel, { files: detail == null ? void 0 : detail.files });
     case "plan":
@@ -53,6 +55,19 @@ function SessionInspectorPanel({
       return null;
   }
 }
+function StructuredOutputPanel({ value }) {
+  if (value === void 0 || value === null)
+    return /* @__PURE__ */ jsx(EmptyState, { children: "No structured output." });
+  return /* @__PURE__ */ jsx(
+    CodeBlock,
+    {
+      language: "json",
+      source: jsonSource(value),
+      copyable: true,
+      jsonDefaultOpenDepth: 3
+    }
+  );
+}
 function CostsPanel({
   usage,
   cost,

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.panels.js","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.panels.js","sources":["../../../src/data/ai/SessionInspector.panels.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { CodeBlock } from \"../CodeBlock\";\nimport { KeyValueList, type KeyValueListItem } from \"../KeyValueList\";\nimport {\n  compactTokens,\n  costTotal,\n  formatCost,\n  tokenTotal,\n} from \"./session-cost\";\nimport { durationLabel, formatDate } from \"./SessionInspector.model\";\nimport { SessionFilesPanel } from \"./SessionInspector.files\";\nimport { SessionPlanPanel } from \"./SessionInspector.plan\";\nimport {\n  SessionApprovalsPanel,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { EmptyState } from \"./SessionInspector.panel-parts\";\nimport { kv, muted } from \"./SessionInspector.panel-values\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionCost,\n  SessionHealth,\n  SessionLiveProcess,\n  SessionUsage,\n  UnifiedSessionInput,\n} from \"./SessionViewer.unified\";\nimport type { SessionInspectorTab } from \"./SessionInspector\";\n\nexport function SessionInspectorPanel({\n  tab,\n  detail,\n  session,\n  onPlanChange,\n  onResolveApproval,\n}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\n  onResolveApproval?: ApprovalResolveHandler;\n}) {\n  switch (tab) {\n    case \"output\":\n      return <StructuredOutputPanel value={detail?.structuredOutput} />;\n    case \"files\":\n      return <SessionFilesPanel files={detail?.files} />;\n    case \"plan\":\n      return (\n        <SessionPlanPanel\n          plan={detail?.plan}\n          {...(onPlanChange ? { onChange: onPlanChange } : {})}\n        />\n      );\n    case \"approvals\":\n      return (\n        <SessionApprovalsPanel\n          approvals={detail?.approvals}\n          requests={detail?.requests}\n          {...(onResolveApproval ? { onResolve: onResolveApproval } : {})}\n        />\n      );\n    case \"costs\":\n      return (\n        <CostsPanel\n          usage={detail?.usage}\n          cost={detail?.cost}\n          toolCosts={detail?.toolCosts}\n        />\n      );\n    case \"metadata\":\n      return <MetadataPanel session={detail} />;\n    case \"raw\":\n      return <RawPanel value={detail ?? session} />;\n    default:\n      return null;\n  }\n}\n\nfunction StructuredOutputPanel({ value }: { value: unknown }) {\n  if (value === undefined || value === null)\n    return <EmptyState>No structured output.</EmptyState>;\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={3}\n    />\n  );\n}\n\nfunction CostsPanel({\n  usage,\n  cost,\n  toolCosts,\n}: {\n  usage: SessionUsage | undefined;\n  cost: SessionCost | undefined;\n  toolCosts: SessionCost[] | undefined;\n}) {\n  if (!usage && !cost && !toolCosts?.length)\n    return <EmptyState>No cost metadata.</EmptyState>;\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Tokens\", usageLabel(usage ?? cost)),\n          kv(\"Cost\", costLabel(cost)),\n          kv(\"Input\", compactTokens((usage ?? cost)?.inputTokens)),\n          kv(\"Output\", compactTokens((usage ?? cost)?.outputTokens)),\n          kv(\"Reasoning\", compactTokens((usage ?? cost)?.reasoningTokens)),\n          kv(\"Cache Read\", compactTokens((usage ?? cost)?.cacheReadTokens)),\n          kv(\"Cache Write\", compactTokens((usage ?? cost)?.cacheWriteTokens)),\n        ]}\n      />\n      {toolCosts?.length ? <CostBreakdown costs={toolCosts} /> : null}\n    </div>\n  );\n}\n\nfunction CostBreakdown({ costs }: { costs: SessionCost[] }) {\n  return (\n    <div className=\"overflow-auto rounded-md border border-border\">\n      <table className=\"w-full min-w-[560px] border-collapse text-left text-sm\">\n        <thead className=\"bg-muted/60 text-xs text-muted-foreground\">\n          <tr>\n            <Th>Model</Th>\n            <Th>Tokens</Th>\n            <Th>Input</Th>\n            <Th>Output</Th>\n            <Th>Cache</Th>\n            <Th>Cost</Th>\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-border\">\n          {costs.map((entry, index) => (\n            <tr key={`${entry.model || \"model\"}-${index}`}>\n              <Td>{entry.model || muted(\"unknown\")}</Td>\n              <Td>{compactTokens(tokenTotal(entry))}</Td>\n              <Td>{compactTokens(entry.inputTokens)}</Td>\n              <Td>{compactTokens(entry.outputTokens)}</Td>\n              <Td>\n                {compactTokens(\n                  (entry.cacheReadTokens ?? 0) + (entry.cacheWriteTokens ?? 0)\n                )}\n              </Td>\n              <Td>{costLabel(entry)}</Td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction MetadataPanel({\n  session,\n}: {\n  session: UnifiedSessionInput | undefined;\n}) {\n  if (!session) return <EmptyState>No unified session metadata.</EmptyState>;\n  const identity: KeyValueListItem[] = [\n    kv(\"ID\", session.id),\n    kv(\"Source\", session.source),\n    kv(\"Project\", session.project),\n    kv(\"CWD\", session.cwd),\n    kv(\"History\", session.historyFile),\n    kv(\"Model\", session.model),\n    kv(\"Provider\", session.provider),\n    kv(\"Mode\", session.modelMode),\n    kv(\"Effort\", session.reasoningEffort),\n    kv(\"Version\", session.version),\n    kv(\"Git\", gitLabel(session.git)),\n    kv(\"Started\", formatDate(session.startedAt)),\n    kv(\"Ended\", formatDate(session.endedAt)),\n    kv(\"Duration\", durationLabel(session.startedAt, session.endedAt)),\n    kv(\"Live\", liveLabel(session.live)),\n    kv(\"Health\", healthLabel(session.health)),\n  ];\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList items={identity} />\n      <JsonSection title=\"Capabilities\" value={session.capabilities} />\n      <JsonSection title=\"Context\" value={session.context} />\n      <JsonSection title=\"Budget\" value={session.budget} />\n      <JsonSection title=\"Events\" value={session.events} />\n      <JsonSection title=\"Prompt\" value={session.prompt} />\n    </div>\n  );\n}\n\nfunction RawPanel({ value }: { value: unknown }) {\n  return (\n    <CodeBlock\n      language=\"json\"\n      source={jsonSource(value)}\n      copyable\n      jsonDefaultOpenDepth={1}\n    />\n  );\n}\n\nfunction JsonSection({ title, value }: { title: string; value: unknown }) {\n  if (\n    value === undefined ||\n    value === null ||\n    (Array.isArray(value) && value.length === 0)\n  )\n    return null;\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <CodeBlock\n        language=\"json\"\n        source={jsonSource(value)}\n        jsonDefaultOpenDepth={1}\n      />\n    </section>\n  );\n}\n\nfunction Th({ children }: { children: ReactNode }) {\n  return <th className=\"px-density-3 py-density-2 font-medium\">{children}</th>;\n}\n\nfunction Td({ children }: { children: ReactNode }) {\n  return <td className=\"px-density-3 py-density-2\">{children}</td>;\n}\n\nfunction jsonSource(value: unknown) {\n  if (typeof value === \"string\") {\n    try {\n      return JSON.stringify(JSON.parse(value), null, 2);\n    } catch {\n      return value;\n    }\n  }\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction usageLabel(usage?: SessionUsage | SessionCost) {\n  const total = tokenTotal(usage);\n  return total ? `${compactTokens(total)} tokens` : muted(\"-\");\n}\n\nfunction costLabel(cost?: SessionCost) {\n  const total = costTotal(cost);\n  return total ? formatCost(total) : muted(\"-\");\n}\n\nfunction gitLabel(git?: {\n  branch?: string;\n  commit?: string;\n  worktree?: string;\n  diff?: string;\n}) {\n  if (!git) return \"\";\n  return [git.branch, git.commit, git.worktree, git.diff ? \"diff\" : \"\"]\n    .filter(Boolean)\n    .join(\" \");\n}\n\nfunction liveLabel(live?: SessionLiveProcess) {\n  if (!live) return \"\";\n  return [\n    live.status || (live.active ? \"active\" : \"inactive\"),\n    live.pid ? `pid ${live.pid}` : \"\",\n    live.command,\n  ]\n    .filter(Boolean)\n    .join(\" - \");\n}\n\nfunction healthLabel(health?: SessionHealth[]) {\n  return (\n    health?.map((item) => `${item.severity}:${item.kind}`).join(\", \") ?? \"\"\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AA4BO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,UAAQ,KAAA;AAAA,IACN,KAAK;AACH,aAAO,oBAAC,uBAAA,EAAsB,OAAO,iCAAQ,iBAAA,CAAkB;AAAA,IACjE,KAAK;AACH,aAAO,oBAAC,mBAAA,EAAkB,OAAO,iCAAQ,MAAA,CAAO;AAAA,IAClD,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM,iCAAQ;AAAA,UACb,GAAI,eAAe,EAAE,UAAU,iBAAiB,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAGxD,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,iCAAQ;AAAA,UACnB,UAAU,iCAAQ;AAAA,UACjB,GAAI,oBAAoB,EAAE,WAAW,sBAAsB,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAGnE,KAAK;AACH,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,iCAAQ;AAAA,UACf,MAAM,iCAAQ;AAAA,UACd,WAAW,iCAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGzB,KAAK;AACH,aAAO,oBAAC,eAAA,EAAc,SAAS,OAAA,CAAQ;AAAA,IACzC,KAAK;AACH,aAAO,oBAAC,UAAA,EAAS,OAAO,UAAU,QAAA,CAAS;AAAA,IAC7C;AACE,aAAO;AAAA,EAAA;AAEb;AAEA,SAAS,sBAAsB,EAAE,SAA6B;AAC5D,MAAI,UAAU,UAAa,UAAU;AACnC,WAAO,oBAAC,cAAW,UAAA,wBAAA,CAAqB;AAC1C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,QAAQ,WAAW,KAAK;AAAA,MACxB,UAAQ;AAAA,MACR,sBAAsB;AAAA,IAAA;AAAA,EAAA;AAG5B;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIG;;AACD,MAAI,CAAC,SAAS,CAAC,QAAQ,EAAC,uCAAW;AACjC,WAAO,oBAAC,cAAW,UAAA,oBAAA,CAAiB;AACtC,SACE,qBAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,GAAG,UAAU,WAAW,SAAS,IAAI,CAAC;AAAA,UACtC,GAAG,QAAQ,UAAU,IAAI,CAAC;AAAA,UAC1B,GAAG,SAAS,eAAe,cAAS,SAAT,mBAAgB,WAAW,CAAC;AAAA,UACvD,GAAG,UAAU,eAAe,cAAS,SAAT,mBAAgB,YAAY,CAAC;AAAA,UACzD,GAAG,aAAa,eAAe,cAAS,SAAT,mBAAgB,eAAe,CAAC;AAAA,UAC/D,GAAG,cAAc,eAAe,cAAS,SAAT,mBAAgB,eAAe,CAAC;AAAA,UAChE,GAAG,eAAe,eAAe,cAAS,SAAT,mBAAgB,gBAAgB,CAAC;AAAA,QAAA;AAAA,MACpE;AAAA,IAAA;AAAA,KAED,uCAAW,UAAS,oBAAC,eAAA,EAAc,OAAO,WAAW,IAAK;AAAA,EAAA,GAC7D;AAEJ;AAEA,SAAS,cAAc,EAAE,SAAmC;AAC1D,6BACG,OAAA,EAAI,WAAU,iDACb,UAAA,qBAAC,SAAA,EAAM,WAAU,0DACf,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,WAAU,6CACf,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,MAAA,oBAAC,MAAG,UAAA,QAAA,CAAK;AAAA,MACT,oBAAC,MAAG,UAAA,SAAA,CAAM;AAAA,MACV,oBAAC,MAAG,UAAA,QAAA,CAAK;AAAA,MACT,oBAAC,MAAG,UAAA,SAAA,CAAM;AAAA,MACV,oBAAC,MAAG,UAAA,QAAA,CAAK;AAAA,MACT,oBAAC,MAAG,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CACV,EAAA,CACF;AAAA,IACA,oBAAC,SAAA,EAAM,WAAU,0BACd,UAAA,MAAM,IAAI,CAAC,OAAO,UACjB,qBAAC,MAAA,EACC,UAAA;AAAA,MAAA,oBAAC,IAAA,EAAI,UAAA,MAAM,SAAS,MAAM,SAAS,GAAE;AAAA,0BACpC,IAAA,EAAI,UAAA,cAAc,WAAW,KAAK,CAAC,GAAE;AAAA,MACtC,oBAAC,IAAA,EAAI,UAAA,cAAc,MAAM,WAAW,GAAE;AAAA,MACtC,oBAAC,IAAA,EAAI,UAAA,cAAc,MAAM,YAAY,GAAE;AAAA,0BACtC,IAAA,EACE,UAAA;AAAA,SACE,MAAM,mBAAmB,MAAM,MAAM,oBAAoB;AAAA,MAAA,GAE9D;AAAA,MACA,oBAAC,IAAA,EAAI,UAAA,UAAU,KAAK,EAAA,CAAE;AAAA,IAAA,KAVf,GAAG,MAAM,SAAS,OAAO,IAAI,KAAK,EAW3C,CACD,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AACF,GAEG;AACD,MAAI,CAAC,QAAS,QAAO,oBAAC,cAAW,UAAA,gCAA4B;AAC7D,QAAM,WAA+B;AAAA,IACnC,GAAG,MAAM,QAAQ,EAAE;AAAA,IACnB,GAAG,UAAU,QAAQ,MAAM;AAAA,IAC3B,GAAG,WAAW,QAAQ,OAAO;AAAA,IAC7B,GAAG,OAAO,QAAQ,GAAG;AAAA,IACrB,GAAG,WAAW,QAAQ,WAAW;AAAA,IACjC,GAAG,SAAS,QAAQ,KAAK;AAAA,IACzB,GAAG,YAAY,QAAQ,QAAQ;AAAA,IAC/B,GAAG,QAAQ,QAAQ,SAAS;AAAA,IAC5B,GAAG,UAAU,QAAQ,eAAe;AAAA,IACpC,GAAG,WAAW,QAAQ,OAAO;AAAA,IAC7B,GAAG,OAAO,SAAS,QAAQ,GAAG,CAAC;AAAA,IAC/B,GAAG,WAAW,WAAW,QAAQ,SAAS,CAAC;AAAA,IAC3C,GAAG,SAAS,WAAW,QAAQ,OAAO,CAAC;AAAA,IACvC,GAAG,YAAY,cAAc,QAAQ,WAAW,QAAQ,OAAO,CAAC;AAAA,IAChE,GAAG,QAAQ,UAAU,QAAQ,IAAI,CAAC;AAAA,IAClC,GAAG,UAAU,YAAY,QAAQ,MAAM,CAAC;AAAA,EAAA;AAE1C,SACE,qBAAC,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,IAAA,oBAAC,cAAA,EAAa,OAAO,SAAA,CAAU;AAAA,wBAC9B,aAAA,EAAY,OAAM,gBAAe,OAAO,QAAQ,cAAc;AAAA,wBAC9D,aAAA,EAAY,OAAM,WAAU,OAAO,QAAQ,SAAS;AAAA,wBACpD,aAAA,EAAY,OAAM,UAAS,OAAO,QAAQ,QAAQ;AAAA,wBAClD,aAAA,EAAY,OAAM,UAAS,OAAO,QAAQ,QAAQ;AAAA,wBAClD,aAAA,EAAY,OAAM,UAAS,OAAO,QAAQ,OAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;AAEA,SAAS,SAAS,EAAE,SAA6B;AAC/C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,QAAQ,WAAW,KAAK;AAAA,MACxB,UAAQ;AAAA,MACR,sBAAsB;AAAA,IAAA;AAAA,EAAA;AAG5B;AAEA,SAAS,YAAY,EAAE,OAAO,SAA4C;AACxE,MACE,UAAU,UACV,UAAU,QACT,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAE1C,WAAO;AACT,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,sEACX,UAAA,OACH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ,WAAW,KAAK;AAAA,QACxB,sBAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACxB,GACF;AAEJ;AAEA,SAAS,GAAG,EAAE,YAAqC;AACjD,SAAO,oBAAC,MAAA,EAAG,WAAU,yCAAyC,SAAA,CAAS;AACzE;AAEA,SAAS,GAAG,EAAE,YAAqC;AACjD,SAAO,oBAAC,MAAA,EAAG,WAAU,6BAA6B,SAAA,CAAS;AAC7D;AAEA,SAAS,WAAW,OAAgB;AAClC,MAAI,OAAO,UAAU,UAAU;AAC7B,QAAI;AACF,aAAO,KAAK,UAAU,KAAK,MAAM,KAAK,GAAG,MAAM,CAAC;AAAA,IAClD,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AACA,MAAI;AACF,WAAO,KAAK,UAAU,OAAO,MAAM,CAAC;AAAA,EACtC,QAAQ;AACN,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;AAEA,SAAS,WAAW,OAAoC;AACtD,QAAM,QAAQ,WAAW,KAAK;AAC9B,SAAO,QAAQ,GAAG,cAAc,KAAK,CAAC,YAAY,MAAM,GAAG;AAC7D;AAEA,SAAS,UAAU,MAAoB;AACrC,QAAM,QAAQ,UAAU,IAAI;AAC5B,SAAO,QAAQ,WAAW,KAAK,IAAI,MAAM,GAAG;AAC9C;AAEA,SAAS,SAAS,KAKf;AACD,MAAI,CAAC,IAAK,QAAO;AACjB,SAAO,CAAC,IAAI,QAAQ,IAAI,QAAQ,IAAI,UAAU,IAAI,OAAO,SAAS,EAAE,EACjE,OAAO,OAAO,EACd,KAAK,GAAG;AACb;AAEA,SAAS,UAAU,MAA2B;AAC5C,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO;AAAA,IACL,KAAK,WAAW,KAAK,SAAS,WAAW;AAAA,IACzC,KAAK,MAAM,OAAO,KAAK,GAAG,KAAK;AAAA,IAC/B,KAAK;AAAA,EAAA,EAEJ,OAAO,OAAO,EACd,KAAK,KAAK;AACf;AAEA,SAAS,YAAY,QAA0B;AAC7C,UACE,iCAAQ,IAAI,CAAC,SAAS,GAAG,KAAK,QAAQ,IAAI,KAAK,IAAI,IAAI,KAAK,UAAS;AAEzE;"}

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

@@ -9,6 +9,7 @@ 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 permissionModeVisuals = require("./SpecRuntimeEditor/permission-mode-visuals.cjs");
 const UiRobotAi = require("../../icons/components/UiRobotAi.cjs");
 const UiTimer = require("../../icons/components/UiTimer.cjs");
 const UiClock = require("../../icons/components/UiClock.cjs");
@@ -16,6 +17,8 @@ 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");
+const SpecRuntimeEditor_sandboxModel = require("./SpecRuntimeEditor.sandbox-model.cjs");
+const UiShield = require("../../icons/components/UiShield.cjs");
 function SessionInspectorHeader({
   session
 }) {
@@ -91,6 +94,13 @@ function SessionInspectorSidebar({
             ...(runtime == null ? void 0 : runtime.title) ? { title: runtime.title } : {}
           }
         ) }),
+        session.permissionMode ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "session-permission-mode", children: /* @__PURE__ */ jsxRuntime.jsx(
+          PermissionModeRow,
+          {
+            family: session.source,
+            mode: session.permissionMode
+          }
+        ) }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(
           DetailRow,
           {
@@ -142,6 +152,21 @@ function SessionInspectorSidebar({
     ] })
   ] });
 }
+function PermissionModeRow({
+  family,
+  mode
+}) {
+  const known = SpecRuntimeEditor_sandboxModel.SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);
+  const visual = known ? permissionModeVisuals.permissionModeVisual(family, known) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DetailRow,
+    {
+      icon: (visual == null ? void 0 : visual.icon) ?? UiShield.UiShield,
+      label: "Permission mode",
+      value: (visual == null ? void 0 : visual.label) ?? mode
+    }
+  );
+}
 function DetailRow({
   icon,
   label,

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

@@ -1 +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.modelMode);\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.modelMode);\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.modelMode}\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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"}
+{"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  UiShield,\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\";\nimport { permissionModeVisual } from \"./SpecRuntimeEditor/permission-mode-visuals\";\nimport { SPEC_PERMISSION_MODES } from \"./SpecRuntimeEditor.model\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\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.modelMode);\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.modelMode}\n              {...(runtime?.title ? { title: runtime.title } : {})}\n            />\n          </div>\n          {session.permissionMode ? (\n            <div data-testid=\"session-permission-mode\">\n              <PermissionModeRow\n                family={session.source}\n                mode={session.permissionMode}\n              />\n            </div>\n          ) : null}\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 PermissionModeRow({\n  family,\n  mode,\n}: {\n  family: string | undefined;\n  mode: string;\n}) {\n  const known = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);\n  const visual = known ? permissionModeVisual(family, known) : undefined;\n  return (\n    <DetailRow\n      icon={visual?.icon ?? UiShield}\n      label=\"Permission mode\"\n      value={visual?.label ?? mode}\n    />\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","SPEC_PERMISSION_MODES","permissionModeVisual","UiShield"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BO,SAAS,uBAAuB;AAAA,EACrC;AACF,GAEG;;AACD,QAAM,WAAWA,uBAAAA,kBAAkB,QAAQ,SAAS;AACpD,QAAM,aAAa,QAAQ,aAAY,qCAAU;AACjD,QAAM,eAAeC,cAAAA,aAAa,UAAU,KAAKC,UAAAA;AACjD,QAAM,gBAAgBC,cAAAA,kBAAkB,UAAU;AAClD,QAAM,eAAc,aAAQ,oBAAR,mBAAyB;AAC7C,QAAM,SAAS,cAAcC,4BAAW,WAAW,IAAI;AACvD,QAAM,UACJ,aAAQ,UAAR,mBAAe,aACf,aAAQ,kBAAR,mBAAuB,WACvB,QAAQ,UACR,qCAAU,WACV,QAAQ,YACR;AACF,QAAM,WAAWC,oBAAAA,mBAAmB,OAAO;AAC3C,QAAM,YAAY,QAAQ,qCAAU,OAAO;AAE3C,wCACG,UAAA,EAAO,WAAU,yEAChB,UAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0CACZ,UAAA;AAAA,IAAA,aAAa,WACZC,2BAAAA,IAAC,OAAA,EAAI,WAAU,oBACb,UAAAA,2BAAAA,IAACC,0CAAA,EAAoB,UAAoB,MAAK,SAAQ,EAAA,CACxD,IAEAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,0IACd,UAAAA,2BAAAA;AAAAA,MAACE,KAAAA;AAAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,MAAK;AAAA,QACJ,GAAI,gBAAgB,EAAE,WAAW,kBAAkB,CAAA;AAAA,MAAC;AAAA,IAAA,GAEzD;AAAA,IAEFH,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,sFACX,UAAA,OACH;AAAA,QACC,cACCD,2BAAAA,KAAC,QAAA,EAAK,WAAU,mLACb,UAAA;AAAA,UAAA,wCAAUG,KAAAA,MAAA,EAAK,MAAM,OAAO,MAAM,MAAK,MAAK,IAAK;AAAA,UACjDC,YAAAA,iBAAiB,WAAW;AAAA,QAAA,EAAA,CAC/B,IACE;AAAA,MAAA,GACN;AAAA,MACAH,2BAAAA,IAAC,SAAI,WAAU,0FACZ,kBAAQ,YACPD,2BAAAA,KAAC,QAAA,EAAK,WAAU,kCACd,UAAA;AAAA,QAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAME,QAAAA,SAAS,MAAK,MAAK;AAAA,QAC9BC,uBAAAA,cAAc,QAAQ,WAAW,QAAQ,OAAO;AAAA,MAAA,EAAA,CACnD,IACE,KAAA,CACN;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEO,SAAS,wBAAwB;AAAA,EACtC;AACF,GAEG;;AACD,QAAM,UAAUZ,uBAAAA,kBAAkB,QAAQ,SAAS;AACnD,QAAM,eAAc,mCAAS,SAAQE,UAAAA;AACrC,QAAM,QAAQ,QAAQ,SAAS,QAAQ;AACvC,QAAMW,WAASC,YAAAA,WAAW,KAAK;AAC/B,QAAM,OAAOC,YAAAA,UAAU,QAAQ,IAAI;AAEnC,SACET,2BAAAA,KAAC,SAAA,EAAM,WAAU,wGACf,UAAA;AAAA,IAAAA,gCAAC,WAAA,EACC,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,uEAAsE,UAAA,mBAEpF;AAAA,MACAD,2BAAAA,KAAC,MAAA,EAAG,WAAU,kCACZ,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMS,QAAAA;AAAAA,YACN,OAAM;AAAA,YACN,OAAOC,uBAAAA,WAAW,QAAQ,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAErCV,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAML,UAAAA;AAAAA,YACN,OAAM;AAAA,YACN,OAAO,QAAQ,YAAY,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAErCK,2BAAAA,IAAC,OAAA,EAAI,eAAY,wBACf,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAM;AAAA,YACN,QAAO,mCAAS,SAAQ,QAAQ;AAAA,YAC/B,IAAI,mCAAS,SAAQ,EAAE,OAAO,QAAQ,MAAA,IAAU,CAAA;AAAA,UAAC;AAAA,QAAA,GAEtD;AAAA,QACC,QAAQ,iBACPA,+BAAC,OAAA,EAAI,eAAY,2BACf,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ,QAAQ;AAAA,YAChB,MAAM,QAAQ;AAAA,UAAA;AAAA,QAAA,GAElB,IACE;AAAA,QACJA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMW,gBAAAA;AAAAA,YACN,OAAM;AAAA,YACN,QAAO,aAAQ,SAAR,mBAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QAEvBX,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAMY,cAAAA;AAAAA,YACN,OAAM;AAAA,YACN,OAAO,QAAQ;AAAA,YACf,MAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEAb,2BAAAA,KAAC,WAAA,EAAQ,WAAU,oFACjB,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,uGACb,UAAA;AAAA,QAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAMW,QAAAA,SAAS,MAAK,MAAK;AAAA,QAAE;AAAA,MAAA,GAEnC;AAAA,MACAd,2BAAAA,KAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAOM,WAAS,cAAcA,QAAM,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1CN,2BAAAA,IAAC,eAAY,OAAM,QAAO,OAAO,OAAOc,kBAAW,IAAI,IAAI,KAAK;AAAA,QAChEd,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAO,+BAAO,eAAce,OAAAA,cAAc,MAAM,WAAW,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjEf,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QACE,+BAAO,gBAAee,OAAAA,cAAc,MAAM,YAAY,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAE9D,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQC,+BAAAA,sBAAsB,KAAK,CAAC,cAAc,cAAc,IAAI;AAC1E,QAAM,SAAS,QAAQC,sBAAAA,qBAAqB,QAAQ,KAAK,IAAI;AAC7D,SACEjB,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM,iCAAQ,SAAQkB,SAAAA;AAAAA,MACtB,OAAM;AAAA,MACN,QAAO,iCAAQ,UAAS;AAAA,IAAA;AAAA,EAAA;AAG9B;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAMG;AACD,MAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,GAAI,QAAO;AAClE,SACEnB,2BAAAA,KAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,IAAAC,2BAAAA,IAACE,KAAAA,MAAA,EAAK,MAAY,MAAK,MAAK,WAAU,gCAA+B;AAAA,IACrEH,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,qCAAqC,UAAA,OAAM;AAAA,MACzDA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WACE,OACI,+CACA;AAAA,UAEN;AAAA,UAEC,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,YAAY,EAAE,OAAO,SAA8C;AAC1E,yCACG,OAAA,EACC,UAAA;AAAA,IAAAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,qCAAqC,UAAA,OAAM;AAAA,IAC1DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,6DACZ,UAAA,MAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,cAAc,OAAe;AACpC,MAAI,SAAS,OAAS,QAAQ,OAAU,QAAQ,QAAU,GAAG;AAC3D,WAAO,IAAI,QAAQ,KAAO,QAAQ,CAAC,CAAC;AAAA,EACtC;AACA,SAAOe,OAAAA,cAAc,KAAK;AAC5B;;;"}

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

@@ -1 +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,+BAyDA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,+BAuEA"}
+{"version":3,"file":"SessionInspector.summary.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.summary.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAInE,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,+BAyDA;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,mBAAmB,CAAC;CAC9B,+BA+EA"}

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

@@ -7,6 +7,7 @@ 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 { permissionModeVisual } from "./SpecRuntimeEditor/permission-mode-visuals.js";
 import { UiRobotAi } from "../../icons/components/UiRobotAi.js";
 import { UiTimer } from "../../icons/components/UiTimer.js";
 import { UiClock } from "../../icons/components/UiClock.js";
@@ -14,6 +15,8 @@ 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";
+import { SPEC_PERMISSION_MODES } from "./SpecRuntimeEditor.sandbox-model.js";
+import { UiShield } from "../../icons/components/UiShield.js";
 function SessionInspectorHeader({
   session
 }) {
@@ -89,6 +92,13 @@ function SessionInspectorSidebar({
             ...(runtime == null ? void 0 : runtime.title) ? { title: runtime.title } : {}
           }
         ) }),
+        session.permissionMode ? /* @__PURE__ */ jsx("div", { "data-testid": "session-permission-mode", children: /* @__PURE__ */ jsx(
+          PermissionModeRow,
+          {
+            family: session.source,
+            mode: session.permissionMode
+          }
+        ) }) : null,
         /* @__PURE__ */ jsx(
           DetailRow,
           {
@@ -140,6 +150,21 @@ function SessionInspectorSidebar({
     ] })
   ] });
 }
+function PermissionModeRow({
+  family,
+  mode
+}) {
+  const known = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);
+  const visual = known ? permissionModeVisual(family, known) : void 0;
+  return /* @__PURE__ */ jsx(
+    DetailRow,
+    {
+      icon: (visual == null ? void 0 : visual.icon) ?? UiShield,
+      label: "Permission mode",
+      value: (visual == null ? void 0 : visual.label) ?? mode
+    }
+  );
+}
 function DetailRow({
   icon,
   label,

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

@@ -1 +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.modelMode);\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.modelMode);\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.modelMode}\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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"}
+{"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  UiShield,\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\";\nimport { permissionModeVisual } from \"./SpecRuntimeEditor/permission-mode-visuals\";\nimport { SPEC_PERMISSION_MODES } from \"./SpecRuntimeEditor.model\";\n\nexport function SessionInspectorHeader({\n  session,\n}: {\n  session: UnifiedSessionInput;\n}) {\n  const provider = runtimeDescriptor(session.modelMode);\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.modelMode);\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.modelMode}\n              {...(runtime?.title ? { title: runtime.title } : {})}\n            />\n          </div>\n          {session.permissionMode ? (\n            <div data-testid=\"session-permission-mode\">\n              <PermissionModeRow\n                family={session.source}\n                mode={session.permissionMode}\n              />\n            </div>\n          ) : null}\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 PermissionModeRow({\n  family,\n  mode,\n}: {\n  family: string | undefined;\n  mode: string;\n}) {\n  const known = SPEC_PERMISSION_MODES.find((candidate) => candidate === mode);\n  const visual = known ? permissionModeVisual(family, known) : undefined;\n  return (\n    <DetailRow\n      icon={visual?.icon ?? UiShield}\n      label=\"Permission mode\"\n      value={visual?.label ?? mode}\n    />\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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"}

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const TabButton = require("../TabButton.cjs");
+function InspectorTabs({
+  tab,
+  tabs,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": "Session detail view",
+      className: "flex shrink-0 overflow-x-auto border-b border-border px-density-2",
+      children: tabs.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        TabButton.TabButton,
+        {
+          active: tab === item.id,
+          onClick: () => onSelect(item.id),
+          label: item.label,
+          icon: item.icon,
+          variant: "underline",
+          ...item.count === void 0 ? {} : { count: item.count },
+          ...item.countColor ? { countColor: item.countColor } : {},
+          className: "shrink-0 py-density-2 [&_svg]:text-muted-foreground"
+        },
+        item.id
+      ))
+    }
+  );
+}
+exports.InspectorTabs = InspectorTabs;
+//# sourceMappingURL=SessionInspector.tabs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tabs.cjs","sources":["../../../src/data/ai/SessionInspector.tabs.tsx"],"sourcesContent":["import { TabButton } from \"../TabButton\";\nimport type {\n  InspectorTabItem,\n  SessionInspectorTab,\n} from \"./SessionInspector.tabs.model\";\n\nexport type { SessionInspectorTab } from \"./SessionInspector.tabs.model\";\n\nexport function InspectorTabs({\n  tab,\n  tabs,\n  onSelect,\n}: {\n  tab: SessionInspectorTab;\n  tabs: InspectorTabItem[];\n  onSelect: (tab: SessionInspectorTab) => void;\n}) {\n  return (\n    <div\n      role=\"tablist\"\n      aria-label=\"Session detail view\"\n      className=\"flex shrink-0 overflow-x-auto border-b border-border px-density-2\"\n    >\n      {tabs.map((item) => (\n        <TabButton\n          key={item.id}\n          active={tab === item.id}\n          onClick={() => onSelect(item.id)}\n          label={item.label}\n          icon={item.icon}\n          variant=\"underline\"\n          {...(item.count === undefined ? {} : { count: item.count })}\n          {...(item.countColor ? { countColor: item.countColor } : {})}\n          className=\"shrink-0 py-density-2 [&_svg]:text-muted-foreground\"\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["jsx","TabButton"],"mappings":";;;;AAQO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA,KAAK,IAAI,CAAC,SACTA,2BAAAA;AAAAA,QAACC,UAAAA;AAAAA,QAAA;AAAA,UAEC,QAAQ,QAAQ,KAAK;AAAA,UACrB,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,UAC/B,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,SAAQ;AAAA,UACP,GAAI,KAAK,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,KAAK,MAAA;AAAA,UAClD,GAAI,KAAK,aAAa,EAAE,YAAY,KAAK,WAAA,IAAe,CAAA;AAAA,UACzD,WAAU;AAAA,QAAA;AAAA,QARL,KAAK;AAAA,MAAA,CAUb;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

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

@@ -0,0 +1,8 @@
+import { InspectorTabItem, SessionInspectorTab } from './SessionInspector.tabs.model';
+export type { SessionInspectorTab } from './SessionInspector.tabs.model';
+export declare function InspectorTabs({ tab, tabs, onSelect, }: {
+    tab: SessionInspectorTab;
+    tabs: InspectorTabItem[];
+    onSelect: (tab: SessionInspectorTab) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tabs.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,+BAA+B,CAAC;AAEvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC9C,+BAsBA"}

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

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { TabButton } from "../TabButton.js";
+function InspectorTabs({
+  tab,
+  tabs,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": "Session detail view",
+      className: "flex shrink-0 overflow-x-auto border-b border-border px-density-2",
+      children: tabs.map((item) => /* @__PURE__ */ jsx(
+        TabButton,
+        {
+          active: tab === item.id,
+          onClick: () => onSelect(item.id),
+          label: item.label,
+          icon: item.icon,
+          variant: "underline",
+          ...item.count === void 0 ? {} : { count: item.count },
+          ...item.countColor ? { countColor: item.countColor } : {},
+          className: "shrink-0 py-density-2 [&_svg]:text-muted-foreground"
+        },
+        item.id
+      ))
+    }
+  );
+}
+export {
+  InspectorTabs
+};
+//# sourceMappingURL=SessionInspector.tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tabs.js","sources":["../../../src/data/ai/SessionInspector.tabs.tsx"],"sourcesContent":["import { TabButton } from \"../TabButton\";\nimport type {\n  InspectorTabItem,\n  SessionInspectorTab,\n} from \"./SessionInspector.tabs.model\";\n\nexport type { SessionInspectorTab } from \"./SessionInspector.tabs.model\";\n\nexport function InspectorTabs({\n  tab,\n  tabs,\n  onSelect,\n}: {\n  tab: SessionInspectorTab;\n  tabs: InspectorTabItem[];\n  onSelect: (tab: SessionInspectorTab) => void;\n}) {\n  return (\n    <div\n      role=\"tablist\"\n      aria-label=\"Session detail view\"\n      className=\"flex shrink-0 overflow-x-auto border-b border-border px-density-2\"\n    >\n      {tabs.map((item) => (\n        <TabButton\n          key={item.id}\n          active={tab === item.id}\n          onClick={() => onSelect(item.id)}\n          label={item.label}\n          icon={item.icon}\n          variant=\"underline\"\n          {...(item.count === undefined ? {} : { count: item.count })}\n          {...(item.countColor ? { countColor: item.countColor } : {})}\n          className=\"shrink-0 py-density-2 [&_svg]:text-muted-foreground\"\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAQO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA,KAAK,IAAI,CAAC,SACT;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,QAAQ,QAAQ,KAAK;AAAA,UACrB,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,UAC/B,OAAO,KAAK;AAAA,UACZ,MAAM,KAAK;AAAA,UACX,SAAQ;AAAA,UACP,GAAI,KAAK,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,KAAK,MAAA;AAAA,UAClD,GAAI,KAAK,aAAa,EAAE,YAAY,KAAK,WAAA,IAAe,CAAA;AAAA,UACzD,WAAU;AAAA,QAAA;AAAA,QARL,KAAK;AAAA,MAAA,CAUb;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SessionInspector_approvalsModel = require("./SessionInspector.approvals-model.cjs");
+const sessionCost = require("./session-cost.cjs");
+const UiChatDots = require("../../icons/components/UiChatDots.cjs");
+const UiJson = require("../../icons/components/UiJson.cjs");
+const UiFileText = require("../../icons/components/UiFileText.cjs");
+const UiStrategy = require("../../icons/components/UiStrategy.cjs");
+const UiSealCheck = require("../../icons/components/UiSealCheck.cjs");
+const UiCoins = require("../../icons/components/UiCoins.cjs");
+const UiListDashes = require("../../icons/components/UiListDashes.cjs");
+const UiBraces = require("../../icons/components/UiBraces.cjs");
+const tokens = require("../../lib/tokens.cjs");
+const TABS = [
+  { id: "transcript", label: "Transcript", icon: UiChatDots.UiChatDots },
+  { id: "output", label: "Output", icon: UiJson.UiJson },
+  { id: "files", label: "Files", icon: UiFileText.UiFileText },
+  { id: "plan", label: "Plan", icon: UiStrategy.UiStrategy },
+  { id: "approvals", label: "Approvals", icon: UiSealCheck.UiSealCheck },
+  { id: "costs", label: "Costs", icon: UiCoins.UiCoins },
+  { id: "metadata", label: "Metadata", icon: UiListDashes.UiListDashes },
+  { id: "raw", label: "Raw", icon: UiBraces.UiBraces }
+];
+function inspectorTabs(outputVisible, current, filtered) {
+  return TABS.filter((item) => item.id !== "output" || outputVisible).map(
+    (item) => {
+      const badge = tabBadge(item.id, current);
+      return {
+        id: item.id,
+        label: tabLabel(
+          item.id,
+          item.label,
+          item.id === "costs" ? filtered : current
+        ),
+        icon: item.icon,
+        ...badge.count === void 0 ? {} : { count: badge.count },
+        ...badge.color ? { countColor: badge.color } : {}
+      };
+    }
+  );
+}
+function hasStructuredOutput(session) {
+  return (session == null ? void 0 : session.structuredOutput) !== void 0 && session.structuredOutput !== null;
+}
+function tabBadge(tab, session) {
+  var _a, _b, _c, _d, _e, _f;
+  switch (tab) {
+    case "files":
+      return {
+        count: (((_b = (_a = session == null ? void 0 : session.files) == null ? void 0 : _a.read) == null ? void 0 : _b.length) ?? 0) + (((_d = (_c = session == null ? void 0 : session.files) == null ? void 0 : _c.written) == null ? void 0 : _d.length) ?? 0)
+      };
+    case "approvals": {
+      const pending = SessionInspector_approvalsModel.pendingApprovalRequests(session == null ? void 0 : session.requests).length;
+      if (pending) return { count: pending, color: "bg-amber-500" };
+      return {
+        count: (((_e = session == null ? void 0 : session.approvals) == null ? void 0 : _e.approved) ?? 0) + (((_f = session == null ? void 0 : session.approvals) == null ? void 0 : _f.denied) ?? 0)
+      };
+    }
+    default:
+      return {};
+  }
+}
+function tabLabel(tab, label, session) {
+  if (tab !== "costs") return label;
+  const total = sessionCost.costTotal(session == null ? void 0 : session.cost);
+  return total ? `${label} ${tokens.formatCost(total)}` : label;
+}
+exports.hasStructuredOutput = hasStructuredOutput;
+exports.inspectorTabs = inspectorTabs;
+//# sourceMappingURL=SessionInspector.tabs.model.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.tabs.model.cjs","sources":["../../../src/data/ai/SessionInspector.tabs.model.ts"],"sourcesContent":["import {\n  UiBraces,\n  UiChatDots,\n  UiCoins,\n  UiFileText,\n  UiJson,\n  UiListDashes,\n  UiSealCheck,\n  UiStrategy,\n} from \"../../icons\";\nimport { pendingApprovalRequests } from \"./SessionInspector.approvals-model\";\nimport type { CompactSessionTab } from \"./SessionInspector.compact\";\nimport { costTotal, formatCost } from \"./session-cost\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport type SessionInspectorTab =\n  | \"transcript\"\n  | \"output\"\n  | \"files\"\n  | \"plan\"\n  | \"approvals\"\n  | \"costs\"\n  | \"metadata\"\n  | \"raw\";\n\nconst TABS = [\n  { id: \"transcript\", label: \"Transcript\", icon: UiChatDots },\n  { id: \"output\", label: \"Output\", icon: UiJson },\n  { id: \"files\", label: \"Files\", icon: UiFileText },\n  { id: \"plan\", label: \"Plan\", icon: UiStrategy },\n  { id: \"approvals\", label: \"Approvals\", icon: UiSealCheck },\n  { id: \"costs\", label: \"Costs\", icon: UiCoins },\n  { id: \"metadata\", label: \"Metadata\", icon: UiListDashes },\n  { id: \"raw\", label: \"Raw\", icon: UiBraces },\n] as const;\n\nexport type InspectorTabItem = CompactSessionTab & {\n  id: SessionInspectorTab;\n};\n\nexport function inspectorTabs(\n  outputVisible: boolean,\n  current?: UnifiedSessionInput,\n  filtered?: UnifiedSessionInput,\n): InspectorTabItem[] {\n  return TABS.filter((item) => item.id !== \"output\" || outputVisible).map(\n    (item) => {\n      const badge = tabBadge(item.id, current);\n      return {\n        id: item.id,\n        label: tabLabel(\n          item.id,\n          item.label,\n          item.id === \"costs\" ? filtered : current,\n        ),\n        icon: item.icon,\n        ...(badge.count === undefined ? {} : { count: badge.count }),\n        ...(badge.color ? { countColor: badge.color } : {}),\n      };\n    },\n  );\n}\n\nexport function hasStructuredOutput(session?: UnifiedSessionInput) {\n  return (\n    session?.structuredOutput !== undefined && session.structuredOutput !== null\n  );\n}\n\nfunction tabBadge(\n  tab: SessionInspectorTab,\n  session?: UnifiedSessionInput,\n): { count?: number; color?: string } {\n  switch (tab) {\n    case \"files\":\n      return {\n        count:\n          (session?.files?.read?.length ?? 0) +\n          (session?.files?.written?.length ?? 0),\n      };\n    case \"approvals\": {\n      const pending = pendingApprovalRequests(session?.requests).length;\n      if (pending) return { count: pending, color: \"bg-amber-500\" };\n      return {\n        count:\n          (session?.approvals?.approved ?? 0) +\n          (session?.approvals?.denied ?? 0),\n      };\n    }\n    default:\n      return {};\n  }\n}\n\nfunction tabLabel(\n  tab: SessionInspectorTab,\n  label: string,\n  session?: UnifiedSessionInput,\n) {\n  if (tab !== \"costs\") return label;\n  const total = costTotal(session?.cost);\n  return total ? `${label} ${formatCost(total)}` : label;\n}\n"],"names":["UiChatDots","UiJson","UiFileText","UiStrategy","UiSealCheck","UiCoins","UiListDashes","UiBraces","pendingApprovalRequests","costTotal","formatCost"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,cAAc,OAAO,cAAc,MAAMA,WAAAA,WAAA;AAAA,EAC/C,EAAE,IAAI,UAAU,OAAO,UAAU,MAAMC,OAAAA,OAAA;AAAA,EACvC,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMC,WAAAA,WAAA;AAAA,EACrC,EAAE,IAAI,QAAQ,OAAO,QAAQ,MAAMC,WAAAA,WAAA;AAAA,EACnC,EAAE,IAAI,aAAa,OAAO,aAAa,MAAMC,YAAAA,YAAA;AAAA,EAC7C,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMC,QAAAA,QAAA;AAAA,EACrC,EAAE,IAAI,YAAY,OAAO,YAAY,MAAMC,aAAAA,aAAA;AAAA,EAC3C,EAAE,IAAI,OAAO,OAAO,OAAO,MAAMC,SAAAA,SAAA;AACnC;AAMO,SAAS,cACd,eACA,SACA,UACoB;AACpB,SAAO,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,YAAY,aAAa,EAAE;AAAA,IAClE,CAAC,SAAS;AACR,YAAM,QAAQ,SAAS,KAAK,IAAI,OAAO;AACvC,aAAO;AAAA,QACL,IAAI,KAAK;AAAA,QACT,OAAO;AAAA,UACL,KAAK;AAAA,UACL,KAAK;AAAA,UACL,KAAK,OAAO,UAAU,WAAW;AAAA,QAAA;AAAA,QAEnC,MAAM,KAAK;AAAA,QACX,GAAI,MAAM,UAAU,SAAY,CAAA,IAAK,EAAE,OAAO,MAAM,MAAA;AAAA,QACpD,GAAI,MAAM,QAAQ,EAAE,YAAY,MAAM,MAAA,IAAU,CAAA;AAAA,MAAC;AAAA,IAErD;AAAA,EAAA;AAEJ;AAEO,SAAS,oBAAoB,SAA+B;AACjE,UACE,mCAAS,sBAAqB,UAAa,QAAQ,qBAAqB;AAE5E;AAEA,SAAS,SACP,KACA,SACoC;;AACpC,UAAQ,KAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,UACG,8CAAS,UAAT,mBAAgB,SAAhB,mBAAsB,WAAU,QAChC,8CAAS,UAAT,mBAAgB,YAAhB,mBAAyB,WAAU;AAAA,MAAA;AAAA,IAE1C,KAAK,aAAa;AAChB,YAAM,UAAUC,gCAAAA,wBAAwB,mCAAS,QAAQ,EAAE;AAC3D,UAAI,QAAS,QAAO,EAAE,OAAO,SAAS,OAAO,eAAA;AAC7C,aAAO;AAAA,QACL,UACG,wCAAS,cAAT,mBAAoB,aAAY,QAChC,wCAAS,cAAT,mBAAoB,WAAU;AAAA,MAAA;AAAA,IAErC;AAAA,IACA;AACE,aAAO,CAAA;AAAA,EAAC;AAEd;AAEA,SAAS,SACP,KACA,OACA,SACA;AACA,MAAI,QAAQ,QAAS,QAAO;AAC5B,QAAM,QAAQC,YAAAA,UAAU,mCAAS,IAAI;AACrC,SAAO,QAAQ,GAAG,KAAK,IAAIC,OAAAA,WAAW,KAAK,CAAC,KAAK;AACnD;;;"}