@flanksource/clicky-ui 0.3.33 → 0.3.35

package/dist/data/ai/SessionInspector.js

@@ -9,6 +9,7 @@ import { SessionTranscript } from "./SessionInspector.transcript.js";
 import { isSessionCollectionInput } from "./SessionInspector.collection.js";
 import { SessionHierarchyPicker } from "./SessionInspector.hierarchy.js";
 import { useSessionHierarchy } from "./SessionInspector.hierarchy-state.js";
+import { pendingApprovalRequests } from "./SessionInspector.approvals.js";
 import { SessionViewer } from "./SessionViewer.js";
 import { UiChatDots } from "../../icons/components/UiChatDots.js";
 import { UiFileText } from "../../icons/components/UiFileText.js";
@@ -34,6 +35,7 @@ function SessionInspector({
   transcriptProps,
   renderSessionActions,
   onPlanChange,
+  onResolveApproval,
   composer
 }) {
   const detail = useMemo(
@@ -50,6 +52,7 @@ function SessionInspector({
       ...transcriptProps ? { transcriptProps } : {},
       ...renderSessionActions ? { renderSessionActions } : {},
       ...onPlanChange ? { onPlanChange } : {},
+      ...onResolveApproval ? { onResolveApproval } : {},
       ...composer ? { composer } : {}
     };
     return /* @__PURE__ */ jsx(
@@ -79,6 +82,7 @@ function CollectionSessionInspector({
   transcriptProps,
   renderSessionActions,
   onPlanChange,
+  onResolveApproval,
   composer
 }) {
   const hierarchy = useSessionHierarchy(collection);
@@ -117,7 +121,7 @@ function CollectionSessionInspector({
             "aria-label": "Session detail view",
             className: "flex shrink-0 overflow-x-auto border-b border-border px-density-2",
             children: TABS.map((item) => {
-              const count = tabCount(item.id, hierarchy.current);
+              const badge = tabBadge(item.id, hierarchy.current);
               return /* @__PURE__ */ jsx(
                 TabButton,
                 {
@@ -130,7 +134,8 @@ function CollectionSessionInspector({
                   ),
                   icon: item.icon,
                   variant: "underline",
-                  ...count === void 0 ? {} : { count },
+                  ...badge.count === void 0 ? {} : { count: badge.count },
+                  ...badge.color ? { countColor: badge.color } : {},
                   className: "shrink-0 py-density-2 [&_svg]:text-muted-foreground"
                 },
                 item.id
@@ -162,7 +167,8 @@ function CollectionSessionInspector({
                     tab,
                     detail: panelDetail,
                     session: hierarchy.current,
-                    ...onPlanChange ? { onPlanChange } : {}
+                    ...onPlanChange ? { onPlanChange } : {},
+                    ...onResolveApproval ? { onResolveApproval } : {}
                   }
                 )
               }
@@ -236,15 +242,22 @@ function LegacySessionInspector({
     }
   );
 }
-function tabCount(tab, session) {
+function tabBadge(tab, session) {
   var _a, _b, _c, _d, _e, _f;
   switch (tab) {
     case "files":
-      return (((_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":
-      return (((_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);
+      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 = 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 void 0;
+      return {};
   }
 }
 function singleSessionCollection(session) {

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.js","sources":["../../../src/data/ai/SessionInspector.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  UiBraces,\n  UiChatDots,\n  UiCoins,\n  UiFileText,\n  UiListDashes,\n  UiSealCheck,\n  UiStrategy,\n} from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { TabButton } from \"../TabButton\";\nimport { formatCost, costTotal } from \"./session-cost\";\nimport { SessionInspectorPanel } from \"./SessionInspector.panels\";\nimport {\n  SessionInspectorHeader,\n  SessionInspectorSidebar,\n} from \"./SessionInspector.summary\";\nimport { SessionTranscript } from \"./SessionInspector.transcript\";\nimport {\n  isSessionCollectionInput,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionInspectorInput,\n} from \"./SessionInspector.collection\";\nimport { SessionHierarchyPicker } from \"./SessionInspector.hierarchy\";\nimport { useSessionHierarchy } from \"./SessionInspector.hierarchy-state\";\nimport { SessionViewer, type SessionViewerProps } from \"./SessionViewer\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport type SessionInspectorTab =\n  | \"transcript\"\n  | \"files\"\n  | \"plan\"\n  | \"approvals\"\n  | \"costs\"\n  | \"metadata\"\n  | \"raw\";\n\nexport interface SessionInspectorProps {\n  session: SessionInspectorInput;\n  className?: string;\n  defaultTab?: SessionInspectorTab;\n  transcriptProps?: Omit<SessionViewerProps, \"session\">;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n  /** Receives edits made in the Plan tab. The inspector also keeps the draft visible locally. */\n  onPlanChange?: (content: string) => void;\n  composer?: ReactNode;\n}\n\nconst TABS = [\n  { id: \"transcript\", label: \"Transcript\", icon: UiChatDots },\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 function SessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  composer,\n}: SessionInspectorProps) {\n  const detail = useMemo(\n    () =>\n      isSessionCollectionInput(session) ? undefined : asUnifiedSession(session),\n    [session],\n  );\n  const collection = useMemo(\n    () =>\n      isSessionCollectionInput(session)\n        ? session\n        : detail\n          ? singleSessionCollection(detail)\n          : undefined,\n    [detail, session],\n  );\n\n  if (collection) {\n    const optionalProps = {\n      ...(className ? { className } : {}),\n      ...(transcriptProps ? { transcriptProps } : {}),\n      ...(renderSessionActions ? { renderSessionActions } : {}),\n      ...(onPlanChange ? { onPlanChange } : {}),\n      ...(composer ? { composer } : {}),\n    };\n    return (\n      <CollectionSessionInspector\n        collection={collection}\n        defaultTab={defaultTab}\n        {...optionalProps}\n      />\n    );\n  }\n\n  return (\n    <LegacySessionInspector\n      session={session as SessionInput}\n      defaultTab={defaultTab}\n      {...(className ? { className } : {})}\n      {...(transcriptProps ? { transcriptProps } : {})}\n      {...(composer ? { composer } : {})}\n    />\n  );\n}\n\nfunction CollectionSessionInspector({\n  collection,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  composer,\n}: Omit<SessionInspectorProps, \"session\"> & {\n  collection: SessionCollectionInput;\n}) {\n  const hierarchy = useSessionHierarchy(collection);\n  const [tab, setTab] = useState<SessionInspectorTab>(defaultTab);\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const panelDetail = tab === \"costs\" ? hierarchy.filtered : hierarchy.current;\n\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden rounded-xl border border-border bg-background text-sm shadow-sm\",\n        className,\n      )}\n    >\n      <SessionInspectorHeader session={hierarchy.current} />\n      <div\n        role=\"toolbar\"\n        aria-label=\"Session content controls\"\n        className=\"flex shrink-0 justify-start border-b border-border px-density-2 py-density-2\"\n      >\n        <SessionHierarchyPicker\n          collection={collection}\n          state={hierarchy}\n          {...(renderSessionActions ? { renderSessionActions } : {})}\n        />\n      </div>\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          const count = tabCount(item.id, hierarchy.current);\n          return (\n            <TabButton\n              key={item.id}\n              active={tab === item.id}\n              onClick={() => setTab(item.id)}\n              label={tabLabel(\n                item.id,\n                item.label,\n                item.id === \"costs\" ? hierarchy.filtered : hierarchy.current,\n              )}\n              icon={item.icon}\n              variant=\"underline\"\n              {...(count === undefined ? {} : { count })}\n              className=\"shrink-0 py-density-2 [&_svg]:text-muted-foreground\"\n            />\n          );\n        })}\n      </div>\n      <div className=\"grid min-h-0 flex-1 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_18rem] lg:overflow-hidden\">\n        <main className=\"flex min-h-[28rem] min-w-0 flex-col lg:min-h-0\">\n          <div\n            className={cn(\n              \"min-h-0 flex-1\",\n              tab === \"transcript\"\n                ? \"overflow-hidden\"\n                : \"overflow-auto p-density-4\",\n            )}\n          >\n            {tab === \"transcript\" ? (\n              <SessionTranscript\n                session={hierarchy.filtered}\n                viewerProps={{\n                  ...transcriptProps,\n                  className: transcriptClassName,\n                }}\n              />\n            ) : (\n              <SessionInspectorPanel\n                tab={tab}\n                detail={panelDetail}\n                session={hierarchy.current}\n                {...(onPlanChange ? { onPlanChange } : {})}\n              />\n            )}\n          </div>\n          {composer ? (\n            <div className=\"shrink-0 border-t border-border p-density-3\">\n              {composer}\n            </div>\n          ) : null}\n        </main>\n        <SessionInspectorSidebar session={hierarchy.current} />\n      </div>\n    </div>\n  );\n}\n\nfunction LegacySessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  composer,\n}: Pick<\n  SessionInspectorProps,\n  \"className\" | \"defaultTab\" | \"transcriptProps\" | \"composer\"\n> & {\n  session: SessionInput;\n}) {\n  const [tab, setTab] = useState<SessionInspectorTab>(defaultTab);\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden rounded-xl border border-border bg-background text-sm shadow-sm\",\n        className,\n      )}\n    >\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={() => setTab(item.id)}\n            label={item.label}\n            icon={item.icon}\n            variant=\"underline\"\n            className=\"shrink-0 py-density-2 [&_svg]:text-muted-foreground\"\n          />\n        ))}\n      </div>\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n        <div className=\"min-h-0 flex-1 overflow-hidden\">\n          {tab === \"transcript\" ? (\n            <SessionViewer\n              session={session}\n              scrollable\n              showRowMetadata\n              {...transcriptProps}\n              className={transcriptClassName}\n            />\n          ) : (\n            <SessionInspectorPanel\n              tab={tab}\n              detail={undefined}\n              session={session}\n            />\n          )}\n        </div>\n        {composer ? (\n          <div className=\"shrink-0 border-t border-border p-density-3\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction tabCount(tab: SessionInspectorTab, session?: UnifiedSessionInput) {\n  switch (tab) {\n    case \"files\":\n      return (\n        (session?.files?.read?.length ?? 0) +\n        (session?.files?.written?.length ?? 0)\n      );\n    case \"approvals\":\n      return (\n        (session?.approvals?.approved ?? 0) + (session?.approvals?.denied ?? 0)\n      );\n    default:\n      return undefined;\n  }\n}\n\nfunction singleSessionCollection(\n  session: UnifiedSessionInput,\n): SessionCollectionInput {\n  const id = session.id || \"session\";\n  return {\n    kind: \"session-collection\",\n    id,\n    currentSessionId: id,\n    sessions: [{ id, session }],\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\nfunction asUnifiedSession(\n  session: SessionInput,\n): UnifiedSessionInput | undefined {\n  if (typeof session !== \"object\" || session === null || Array.isArray(session))\n    return undefined;\n  return session as UnifiedSessionInput;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SessionInspector.js","sources":["../../../src/data/ai/SessionInspector.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  UiBraces,\n  UiChatDots,\n  UiCoins,\n  UiFileText,\n  UiListDashes,\n  UiSealCheck,\n  UiStrategy,\n} from \"../../icons\";\nimport { cn } from \"../../lib/utils\";\nimport { TabButton } from \"../TabButton\";\nimport { formatCost, costTotal } from \"./session-cost\";\nimport { SessionInspectorPanel } from \"./SessionInspector.panels\";\nimport {\n  SessionInspectorHeader,\n  SessionInspectorSidebar,\n} from \"./SessionInspector.summary\";\nimport { SessionTranscript } from \"./SessionInspector.transcript\";\nimport {\n  isSessionCollectionInput,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionInspectorInput,\n} from \"./SessionInspector.collection\";\nimport { SessionHierarchyPicker } from \"./SessionInspector.hierarchy\";\nimport { useSessionHierarchy } from \"./SessionInspector.hierarchy-state\";\nimport {\n  pendingApprovalRequests,\n  type ApprovalResolveHandler,\n} from \"./SessionInspector.approvals\";\nimport { SessionViewer, type SessionViewerProps } from \"./SessionViewer\";\nimport type { SessionInput } from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport type SessionInspectorTab =\n  | \"transcript\"\n  | \"files\"\n  | \"plan\"\n  | \"approvals\"\n  | \"costs\"\n  | \"metadata\"\n  | \"raw\";\n\nexport interface SessionInspectorProps {\n  session: SessionInspectorInput;\n  className?: string;\n  defaultTab?: SessionInspectorTab;\n  transcriptProps?: Omit<SessionViewerProps, \"session\">;\n  renderSessionActions?: (item: SessionCollectionItem) => ReactNode;\n  /** Receives edits made in the Plan tab. The inspector also keeps the draft visible locally. */\n  onPlanChange?: (content: string) => void;\n  /** Resolves one pending tool approval from the Approvals tab. Omitted, the\n   *  tab still lists pending requests but renders no Approve/Deny controls. */\n  onResolveApproval?: ApprovalResolveHandler;\n  composer?: ReactNode;\n}\n\nconst TABS = [\n  { id: \"transcript\", label: \"Transcript\", icon: UiChatDots },\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 function SessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  onResolveApproval,\n  composer,\n}: SessionInspectorProps) {\n  const detail = useMemo(\n    () =>\n      isSessionCollectionInput(session) ? undefined : asUnifiedSession(session),\n    [session],\n  );\n  const collection = useMemo(\n    () =>\n      isSessionCollectionInput(session)\n        ? session\n        : detail\n          ? singleSessionCollection(detail)\n          : undefined,\n    [detail, session],\n  );\n\n  if (collection) {\n    const optionalProps = {\n      ...(className ? { className } : {}),\n      ...(transcriptProps ? { transcriptProps } : {}),\n      ...(renderSessionActions ? { renderSessionActions } : {}),\n      ...(onPlanChange ? { onPlanChange } : {}),\n      ...(onResolveApproval ? { onResolveApproval } : {}),\n      ...(composer ? { composer } : {}),\n    };\n    return (\n      <CollectionSessionInspector\n        collection={collection}\n        defaultTab={defaultTab}\n        {...optionalProps}\n      />\n    );\n  }\n\n  return (\n    <LegacySessionInspector\n      session={session as SessionInput}\n      defaultTab={defaultTab}\n      {...(className ? { className } : {})}\n      {...(transcriptProps ? { transcriptProps } : {})}\n      {...(composer ? { composer } : {})}\n    />\n  );\n}\n\nfunction CollectionSessionInspector({\n  collection,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  onResolveApproval,\n  composer,\n}: Omit<SessionInspectorProps, \"session\"> & {\n  collection: SessionCollectionInput;\n}) {\n  const hierarchy = useSessionHierarchy(collection);\n  const [tab, setTab] = useState<SessionInspectorTab>(defaultTab);\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const panelDetail = tab === \"costs\" ? hierarchy.filtered : hierarchy.current;\n\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden rounded-xl border border-border bg-background text-sm shadow-sm\",\n        className,\n      )}\n    >\n      <SessionInspectorHeader session={hierarchy.current} />\n      <div\n        role=\"toolbar\"\n        aria-label=\"Session content controls\"\n        className=\"flex shrink-0 justify-start border-b border-border px-density-2 py-density-2\"\n      >\n        <SessionHierarchyPicker\n          collection={collection}\n          state={hierarchy}\n          {...(renderSessionActions ? { renderSessionActions } : {})}\n        />\n      </div>\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          const badge = tabBadge(item.id, hierarchy.current);\n          return (\n            <TabButton\n              key={item.id}\n              active={tab === item.id}\n              onClick={() => setTab(item.id)}\n              label={tabLabel(\n                item.id,\n                item.label,\n                item.id === \"costs\" ? hierarchy.filtered : hierarchy.current,\n              )}\n              icon={item.icon}\n              variant=\"underline\"\n              {...(badge.count === undefined ? {} : { count: badge.count })}\n              {...(badge.color ? { countColor: badge.color } : {})}\n              className=\"shrink-0 py-density-2 [&_svg]:text-muted-foreground\"\n            />\n          );\n        })}\n      </div>\n      <div className=\"grid min-h-0 flex-1 overflow-y-auto lg:grid-cols-[minmax(0,1fr)_18rem] lg:overflow-hidden\">\n        <main className=\"flex min-h-[28rem] min-w-0 flex-col lg:min-h-0\">\n          <div\n            className={cn(\n              \"min-h-0 flex-1\",\n              tab === \"transcript\"\n                ? \"overflow-hidden\"\n                : \"overflow-auto p-density-4\",\n            )}\n          >\n            {tab === \"transcript\" ? (\n              <SessionTranscript\n                session={hierarchy.filtered}\n                viewerProps={{\n                  ...transcriptProps,\n                  className: transcriptClassName,\n                }}\n              />\n            ) : (\n              <SessionInspectorPanel\n                tab={tab}\n                detail={panelDetail}\n                session={hierarchy.current}\n                {...(onPlanChange ? { onPlanChange } : {})}\n                {...(onResolveApproval ? { onResolveApproval } : {})}\n              />\n            )}\n          </div>\n          {composer ? (\n            <div className=\"shrink-0 border-t border-border p-density-3\">\n              {composer}\n            </div>\n          ) : null}\n        </main>\n        <SessionInspectorSidebar session={hierarchy.current} />\n      </div>\n    </div>\n  );\n}\n\nfunction LegacySessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  composer,\n}: Pick<\n  SessionInspectorProps,\n  \"className\" | \"defaultTab\" | \"transcriptProps\" | \"composer\"\n> & {\n  session: SessionInput;\n}) {\n  const [tab, setTab] = useState<SessionInspectorTab>(defaultTab);\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden rounded-xl border border-border bg-background text-sm shadow-sm\",\n        className,\n      )}\n    >\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={() => setTab(item.id)}\n            label={item.label}\n            icon={item.icon}\n            variant=\"underline\"\n            className=\"shrink-0 py-density-2 [&_svg]:text-muted-foreground\"\n          />\n        ))}\n      </div>\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n        <div className=\"min-h-0 flex-1 overflow-hidden\">\n          {tab === \"transcript\" ? (\n            <SessionViewer\n              session={session}\n              scrollable\n              showRowMetadata\n              {...transcriptProps}\n              className={transcriptClassName}\n            />\n          ) : (\n            <SessionInspectorPanel\n              tab={tab}\n              detail={undefined}\n              session={session}\n            />\n          )}\n        </div>\n        {composer ? (\n          <div className=\"shrink-0 border-t border-border p-density-3\">\n            {composer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\n/** The tab's count badge and, for a pending-approvals badge, an amber\n *  override so an unresolved approval reads as urgent rather than blending\n *  into the neutral resolved-count badge every other tab uses. */\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 singleSessionCollection(\n  session: UnifiedSessionInput,\n): SessionCollectionInput {\n  const id = session.id || \"session\";\n  return {\n    kind: \"session-collection\",\n    id,\n    currentSessionId: id,\n    sessions: [{ id, session }],\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\nfunction asUnifiedSession(\n  session: SessionInput,\n): UnifiedSessionInput | undefined {\n  if (typeof session !== \"object\" || session === null || Array.isArray(session))\n    return undefined;\n  return session as UnifiedSessionInput;\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ai/SessionInspector.panel-parts.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../../lib/utils.cjs");
+function EmptyState({
+  children,
+  compact = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "rounded-md border border-dashed border-border text-sm text-muted-foreground",
+        compact ? "p-density-3" : "p-density-6 text-center"
+      ),
+      children
+    }
+  );
+}
+function SimpleList({
+  title,
+  rows
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 text-xs font-semibold uppercase text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-density-3 py-density-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: row.title || row.key }),
+      row.detail ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: row.detail }) : null
+    ] }, row.key)) })
+  ] });
+}
+function kv(label, value) {
+  return {
+    key: String(label),
+    label,
+    value: value === void 0 || value === null || value === "" ? muted("-") : value,
+    hidden: value === void 0 || value === null || value === ""
+  };
+}
+function muted(value) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: value });
+}
+exports.EmptyState = EmptyState;
+exports.SimpleList = SimpleList;
+exports.kv = kv;
+exports.muted = muted;
+//# sourceMappingURL=SessionInspector.panel-parts.cjs.map

package/dist/data/ai/SessionInspector.panel-parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.panel-parts.cjs","sources":["../../../src/data/ai/SessionInspector.panel-parts.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { KeyValueListItem } from \"../KeyValueList\";\n\n/** Small display primitives shared by the SessionInspector detail panels\n *  (costs, metadata, approvals, …) — kept in their own module so panel files\n *  can depend on them without importing each other. */\n\nexport function EmptyState({\n  children,\n  compact = false,\n}: {\n  children: ReactNode;\n  compact?: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border border-dashed border-border text-sm text-muted-foreground\",\n        compact ? \"p-density-3\" : \"p-density-6 text-center\"\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function SimpleList({\n  title,\n  rows,\n}: {\n  title: string;\n  rows: Array<{ key: string; title?: ReactNode; detail?: ReactNode }>;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <ul className=\"divide-y divide-border rounded-md border border-border\">\n        {rows.map((row) => (\n          <li key={row.key} className=\"px-density-3 py-density-2\">\n            <div className=\"text-sm font-medium\">{row.title || row.key}</div>\n            {row.detail ? (\n              <div className=\"mt-0.5 text-xs text-muted-foreground\">\n                {row.detail}\n              </div>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport function kv(\n  label: ReactNode,\n  value: ReactNode | undefined | null\n): KeyValueListItem {\n  return {\n    key: String(label),\n    label,\n    value:\n      value === undefined || value === null || value === \"\"\n        ? muted(\"-\")\n        : value,\n    hidden: value === undefined || value === null || value === \"\",\n  };\n}\n\nexport function muted(value: ReactNode) {\n  return <span className=\"text-muted-foreground\">{value}</span>;\n}\n"],"names":["jsx","cn","jsxs"],"mappings":";;;;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,UAAU;AACZ,GAGG;AACD,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,UAAU,gBAAgB;AAAA,MAAA;AAAA,MAG3B;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,yCACG,WAAA,EACC,UAAA;AAAA,IAAAD,2BAAAA,IAAC,MAAA,EAAG,WAAU,sEACX,UAAA,OACH;AAAA,IACAA,2BAAAA,IAAC,MAAA,EAAG,WAAU,0DACX,UAAA,KAAK,IAAI,CAAC,QACTE,2BAAAA,KAAC,MAAA,EAAiB,WAAU,6BAC1B,UAAA;AAAA,MAAAF,+BAAC,SAAI,WAAU,uBAAuB,UAAA,IAAI,SAAS,IAAI,KAAI;AAAA,MAC1D,IAAI,SACHA,+BAAC,OAAA,EAAI,WAAU,wCACZ,UAAA,IAAI,QACP,IACE;AAAA,IAAA,KANG,IAAI,GAOb,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,GACd,OACA,OACkB;AAClB,SAAO;AAAA,IACL,KAAK,OAAO,KAAK;AAAA,IACjB;AAAA,IACA,OACE,UAAU,UAAa,UAAU,QAAQ,UAAU,KAC/C,MAAM,GAAG,IACT;AAAA,IACN,QAAQ,UAAU,UAAa,UAAU,QAAQ,UAAU;AAAA,EAAA;AAE/D;AAEO,SAAS,MAAM,OAAkB;AACtC,SAAOA,2BAAAA,IAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,OAAM;AACxD;;;;;"}

package/dist/data/ai/SessionInspector.panel-parts.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { KeyValueListItem } from '../KeyValueList';
+/** Small display primitives shared by the SessionInspector detail panels
+ *  (costs, metadata, approvals, …) — kept in their own module so panel files
+ *  can depend on them without importing each other. */
+export declare function EmptyState({ children, compact, }: {
+    children: ReactNode;
+    compact?: boolean;
+}): import("react").JSX.Element;
+export declare function SimpleList({ title, rows, }: {
+    title: string;
+    rows: Array<{
+        key: string;
+        title?: ReactNode;
+        detail?: ReactNode;
+    }>;
+}): import("react").JSX.Element;
+export declare function kv(label: ReactNode, value: ReactNode | undefined | null): KeyValueListItem;
+export declare function muted(value: ReactNode): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.panel-parts.d.ts.map

package/dist/data/ai/SessionInspector.panel-parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.panel-parts.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.panel-parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD;;uDAEuD;AAEvD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAe,GAChB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAWA;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACrE,+BAoBA;AAED,wBAAgB,EAAE,CAChB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,GAClC,gBAAgB,CAUlB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,+BAErC"}

package/dist/data/ai/SessionInspector.panel-parts.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function EmptyState({
+  children,
+  compact = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "rounded-md border border-dashed border-border text-sm text-muted-foreground",
+        compact ? "p-density-3" : "p-density-6 text-center"
+      ),
+      children
+    }
+  );
+}
+function SimpleList({
+  title,
+  rows
+}) {
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-density-2 text-xs font-semibold uppercase text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: rows.map((row) => /* @__PURE__ */ jsxs("li", { className: "px-density-3 py-density-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: row.title || row.key }),
+      row.detail ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: row.detail }) : null
+    ] }, row.key)) })
+  ] });
+}
+function kv(label, value) {
+  return {
+    key: String(label),
+    label,
+    value: value === void 0 || value === null || value === "" ? muted("-") : value,
+    hidden: value === void 0 || value === null || value === ""
+  };
+}
+function muted(value) {
+  return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: value });
+}
+export {
+  EmptyState,
+  SimpleList,
+  kv,
+  muted
+};
+//# sourceMappingURL=SessionInspector.panel-parts.js.map

package/dist/data/ai/SessionInspector.panel-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.panel-parts.js","sources":["../../../src/data/ai/SessionInspector.panel-parts.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport type { KeyValueListItem } from \"../KeyValueList\";\n\n/** Small display primitives shared by the SessionInspector detail panels\n *  (costs, metadata, approvals, …) — kept in their own module so panel files\n *  can depend on them without importing each other. */\n\nexport function EmptyState({\n  children,\n  compact = false,\n}: {\n  children: ReactNode;\n  compact?: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border border-dashed border-border text-sm text-muted-foreground\",\n        compact ? \"p-density-3\" : \"p-density-6 text-center\"\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function SimpleList({\n  title,\n  rows,\n}: {\n  title: string;\n  rows: Array<{ key: string; title?: ReactNode; detail?: ReactNode }>;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <ul className=\"divide-y divide-border rounded-md border border-border\">\n        {rows.map((row) => (\n          <li key={row.key} className=\"px-density-3 py-density-2\">\n            <div className=\"text-sm font-medium\">{row.title || row.key}</div>\n            {row.detail ? (\n              <div className=\"mt-0.5 text-xs text-muted-foreground\">\n                {row.detail}\n              </div>\n            ) : null}\n          </li>\n        ))}\n      </ul>\n    </section>\n  );\n}\n\nexport function kv(\n  label: ReactNode,\n  value: ReactNode | undefined | null\n): KeyValueListItem {\n  return {\n    key: String(label),\n    label,\n    value:\n      value === undefined || value === null || value === \"\"\n        ? muted(\"-\")\n        : value,\n    hidden: value === undefined || value === null || value === \"\",\n  };\n}\n\nexport function muted(value: ReactNode) {\n  return <span className=\"text-muted-foreground\">{value}</span>;\n}\n"],"names":[],"mappings":";;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,UAAU;AACZ,GAGG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UAAU,gBAAgB;AAAA,MAAA;AAAA,MAG3B;AAAA,IAAA;AAAA,EAAA;AAGP;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,sEACX,UAAA,OACH;AAAA,IACA,oBAAC,MAAA,EAAG,WAAU,0DACX,UAAA,KAAK,IAAI,CAAC,QACT,qBAAC,MAAA,EAAiB,WAAU,6BAC1B,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,uBAAuB,UAAA,IAAI,SAAS,IAAI,KAAI;AAAA,MAC1D,IAAI,SACH,oBAAC,OAAA,EAAI,WAAU,wCACZ,UAAA,IAAI,QACP,IACE;AAAA,IAAA,KANG,IAAI,GAOb,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,GACd,OACA,OACkB;AAClB,SAAO;AAAA,IACL,KAAK,OAAO,KAAK;AAAA,IACjB;AAAA,IACA,OACE,UAAU,UAAa,UAAU,QAAQ,UAAU,KAC/C,MAAM,GAAG,IACT;AAAA,IACN,QAAQ,UAAU,UAAa,UAAU,QAAQ,UAAU;AAAA,EAAA;AAE/D;AAEO,SAAS,MAAM,OAAkB;AACtC,SAAO,oBAAC,QAAA,EAAK,WAAU,yBAAyB,UAAA,OAAM;AACxD;"}

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

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const utils = require("../../lib/utils.cjs");
 const CodeBlock = require("../CodeBlock.cjs");
 const KeyValueList = require("../KeyValueList.cjs");
 const sessionCost = require("./session-cost.cjs");
 const SessionInspector_model = require("./SessionInspector.model.cjs");
 const SessionInspector_files = require("./SessionInspector.files.cjs");
 const SessionInspector_plan = require("./SessionInspector.plan.cjs");
+const SessionInspector_approvals = require("./SessionInspector.approvals.cjs");
+const SessionInspector_panelParts = require("./SessionInspector.panel-parts.cjs");
 const tokens = require("../../lib/tokens.cjs");
 function SessionInspectorPanel({
   tab,
   detail,
   session,
-  onPlanChange
+  onPlanChange,
+  onResolveApproval
 }) {
   switch (tab) {
     case "files":
@@ -27,7 +29,14 @@ function SessionInspectorPanel({
         }
       );
     case "approvals":
-      return /* @__PURE__ */ jsxRuntime.jsx(ApprovalsPanel, { approvals: detail == null ? void 0 : detail.approvals });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SessionInspector_approvals.SessionApprovalsPanel,
+        {
+          approvals: detail == null ? void 0 : detail.approvals,
+          requests: detail == null ? void 0 : detail.requests,
+          ...onResolveApproval ? { onResolve: onResolveApproval } : {}
+        }
+      );
     case "costs":
       return /* @__PURE__ */ jsxRuntime.jsx(
         CostsPanel,
@@ -45,36 +54,6 @@ function SessionInspectorPanel({
       return null;
   }
 }
-function ApprovalsPanel({
-  approvals
-}) {
-  var _a, _b;
-  if (!approvals || !approvals.approved && !approvals.denied && !((_a = approvals.denials) == null ? void 0 : _a.length)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No approval metadata." });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      KeyValueList.KeyValueList,
-      {
-        items: [
-          kv("Approved", approvals.approved ?? 0),
-          kv("Denied", approvals.denied ?? 0)
-        ]
-      }
-    ),
-    ((_b = approvals.denials) == null ? void 0 : _b.length) ? /* @__PURE__ */ jsxRuntime.jsx(
-      SimpleList,
-      {
-        title: "Denials",
-        rows: approvals.denials.map((denial, index) => ({
-          key: denial.toolUseId || `${denial.tool}-${index}`,
-          title: [denial.tool, denial.toolUseId].filter(Boolean).join(" "),
-          detail: denial.reason
-        }))
-      }
-    ) : null
-  ] });
-}
 function CostsPanel({
   usage,
   cost,
@@ -82,19 +61,19 @@ function CostsPanel({
 }) {
   var _a, _b, _c, _d, _e;
   if (!usage && !cost && !(toolCosts == null ? void 0 : toolCosts.length))
-    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No cost metadata." });
+    return /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_panelParts.EmptyState, { children: "No cost metadata." });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       KeyValueList.KeyValueList,
       {
         items: [
-          kv("Tokens", usageLabel(usage ?? cost)),
-          kv("Cost", costLabel(cost)),
-          kv("Input", tokens.compactTokens((_a = usage ?? cost) == null ? void 0 : _a.inputTokens)),
-          kv("Output", tokens.compactTokens((_b = usage ?? cost) == null ? void 0 : _b.outputTokens)),
-          kv("Reasoning", tokens.compactTokens((_c = usage ?? cost) == null ? void 0 : _c.reasoningTokens)),
-          kv("Cache Read", tokens.compactTokens((_d = usage ?? cost) == null ? void 0 : _d.cacheReadTokens)),
-          kv("Cache Write", tokens.compactTokens((_e = usage ?? cost) == null ? void 0 : _e.cacheWriteTokens))
+          SessionInspector_panelParts.kv("Tokens", usageLabel(usage ?? cost)),
+          SessionInspector_panelParts.kv("Cost", costLabel(cost)),
+          SessionInspector_panelParts.kv("Input", tokens.compactTokens((_a = usage ?? cost) == null ? void 0 : _a.inputTokens)),
+          SessionInspector_panelParts.kv("Output", tokens.compactTokens((_b = usage ?? cost) == null ? void 0 : _b.outputTokens)),
+          SessionInspector_panelParts.kv("Reasoning", tokens.compactTokens((_c = usage ?? cost) == null ? void 0 : _c.reasoningTokens)),
+          SessionInspector_panelParts.kv("Cache Read", tokens.compactTokens((_d = usage ?? cost) == null ? void 0 : _d.cacheReadTokens)),
+          SessionInspector_panelParts.kv("Cache Write", tokens.compactTokens((_e = usage ?? cost) == null ? void 0 : _e.cacheWriteTokens))
         ]
       }
     ),
@@ -112,7 +91,7 @@ function CostBreakdown({ costs }) {
       /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Cost" })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-border", children: costs.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: entry.model || muted("unknown") }),
+      /* @__PURE__ */ jsxRuntime.jsx(Td, { children: entry.model || SessionInspector_panelParts.muted("unknown") }),
       /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens(sessionCost.tokenTotal(entry)) }),
       /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens(entry.inputTokens) }),
       /* @__PURE__ */ jsxRuntime.jsx(Td, { children: tokens.compactTokens(entry.outputTokens) }),
@@ -126,24 +105,24 @@ function CostBreakdown({ costs }) {
 function MetadataPanel({
   session
 }) {
-  if (!session) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "No unified session metadata." });
+  if (!session) return /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_panelParts.EmptyState, { children: "No unified session metadata." });
   const identity = [
-    kv("ID", session.id),
-    kv("Source", session.source),
-    kv("Project", session.project),
-    kv("CWD", session.cwd),
-    kv("History", session.historyFile),
-    kv("Model", session.model),
-    kv("Provider", session.provider),
-    kv("Mode", session.modelMode),
-    kv("Effort", session.reasoningEffort),
-    kv("Version", session.version),
-    kv("Git", gitLabel(session.git)),
-    kv("Started", SessionInspector_model.formatDate(session.startedAt)),
-    kv("Ended", SessionInspector_model.formatDate(session.endedAt)),
-    kv("Duration", SessionInspector_model.durationLabel(session.startedAt, session.endedAt)),
-    kv("Live", liveLabel(session.live)),
-    kv("Health", healthLabel(session.health))
+    SessionInspector_panelParts.kv("ID", session.id),
+    SessionInspector_panelParts.kv("Source", session.source),
+    SessionInspector_panelParts.kv("Project", session.project),
+    SessionInspector_panelParts.kv("CWD", session.cwd),
+    SessionInspector_panelParts.kv("History", session.historyFile),
+    SessionInspector_panelParts.kv("Model", session.model),
+    SessionInspector_panelParts.kv("Provider", session.provider),
+    SessionInspector_panelParts.kv("Mode", session.modelMode),
+    SessionInspector_panelParts.kv("Effort", session.reasoningEffort),
+    SessionInspector_panelParts.kv("Version", session.version),
+    SessionInspector_panelParts.kv("Git", gitLabel(session.git)),
+    SessionInspector_panelParts.kv("Started", SessionInspector_model.formatDate(session.startedAt)),
+    SessionInspector_panelParts.kv("Ended", SessionInspector_model.formatDate(session.endedAt)),
+    SessionInspector_panelParts.kv("Duration", SessionInspector_model.durationLabel(session.startedAt, session.endedAt)),
+    SessionInspector_panelParts.kv("Live", liveLabel(session.live)),
+    SessionInspector_panelParts.kv("Health", healthLabel(session.health))
   ];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-density-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(KeyValueList.KeyValueList, { items: identity }),
@@ -180,50 +159,12 @@ function JsonSection({ title, value }) {
     )
   ] });
 }
-function SimpleList({
-  title,
-  rows
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-density-2 text-xs font-semibold uppercase text-muted-foreground", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "px-density-3 py-density-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: row.title || row.key }),
-      row.detail ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: row.detail }) : null
-    ] }, row.key)) })
-  ] });
-}
 function Th({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-density-3 py-density-2 font-medium", children });
 }
 function Td({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-density-3 py-density-2", children });
 }
-function EmptyState({
-  children,
-  compact = false
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils.cn(
-        "rounded-md border border-dashed border-border text-sm text-muted-foreground",
-        compact ? "p-density-3" : "p-density-6 text-center"
-      ),
-      children
-    }
-  );
-}
-function kv(label, value) {
-  return {
-    key: String(label),
-    label,
-    value: value === void 0 || value === null || value === "" ? muted("-") : value,
-    hidden: value === void 0 || value === null || value === ""
-  };
-}
-function muted(value) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: value });
-}
 function jsonSource(value) {
   if (typeof value === "string") {
     try {
@@ -240,11 +181,11 @@ function jsonSource(value) {
 }
 function usageLabel(usage) {
   const total = sessionCost.tokenTotal(usage);
-  return total ? `${tokens.compactTokens(total)} tokens` : muted("-");
+  return total ? `${tokens.compactTokens(total)} tokens` : SessionInspector_panelParts.muted("-");
 }
 function costLabel(cost) {
   const total = sessionCost.costTotal(cost);
-  return total ? tokens.formatCost(total) : muted("-");
+  return total ? tokens.formatCost(total) : SessionInspector_panelParts.muted("-");
 }
 function gitLabel(git) {
   if (!git) return "";

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 { cn } from \"../../lib/utils\";\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 type { SessionInput } from \"./SessionViewer.model\";\nimport type {\n  SessionApprovalStats,\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}: {\n  tab: SessionInspectorTab;\n  detail: UnifiedSessionInput | undefined;\n  session: SessionInput;\n  onPlanChange?: (content: string) => void;\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 <ApprovalsPanel approvals={detail?.approvals} />;\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 ApprovalsPanel({\n  approvals,\n}: {\n  approvals: SessionApprovalStats | undefined;\n}) {\n  if (\n    !approvals ||\n    (!approvals.approved && !approvals.denied && !approvals.denials?.length)\n  ) {\n    return <EmptyState>No approval metadata.</EmptyState>;\n  }\n  return (\n    <div className=\"space-y-density-4\">\n      <KeyValueList\n        items={[\n          kv(\"Approved\", approvals.approved ?? 0),\n          kv(\"Denied\", approvals.denied ?? 0),\n        ]}\n      />\n      {approvals.denials?.length ? (\n        <SimpleList\n          title=\"Denials\"\n          rows={approvals.denials.map((denial, index) => ({\n            key: denial.toolUseId || `${denial.tool}-${index}`,\n            title: [denial.tool, denial.toolUseId].filter(Boolean).join(\" \"),\n            detail: denial.reason,\n          }))}\n        />\n      ) : null}\n    </div>\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 SimpleList({\n  title,\n  rows,\n}: {\n  title: string;\n  rows: Array<{ key: string; title?: ReactNode; detail?: ReactNode }>;\n}) {\n  return (\n    <section>\n      <h3 className=\"mb-density-2 text-xs font-semibold uppercase text-muted-foreground\">\n        {title}\n      </h3>\n      <ul className=\"divide-y divide-border rounded-md border border-border\">\n        {rows.map((row) => (\n          <li key={row.key} className=\"px-density-3 py-density-2\">\n            <div className=\"text-sm font-medium\">{row.title || row.key}</div>\n            {row.detail ? (\n              <div className=\"mt-0.5 text-xs text-muted-foreground\">\n                {row.detail}\n              </div>\n            ) : null}\n          </li>\n        ))}\n      </ul>\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 EmptyState({\n  children,\n  compact = false,\n}: {\n  children: ReactNode;\n  compact?: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-md border border-dashed border-border text-sm text-muted-foreground\",\n        compact ? \"p-density-3\" : \"p-density-6 text-center\"\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction kv(\n  label: ReactNode,\n  value: ReactNode | undefined | null\n): KeyValueListItem {\n  return {\n    key: String(label),\n    label,\n    value:\n      value === undefined || value === null || value === \"\"\n        ? muted(\"-\")\n        : value,\n    hidden: value === undefined || value === null || value === \"\",\n  };\n}\n\nfunction muted(value: ReactNode) {\n  return <span className=\"text-muted-foreground\">{value}</span>;\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","jsxs","KeyValueList","compactTokens","tokenTotal","formatDate","durationLabel","CodeBlock","cn","costTotal","formatCost"],"mappings":"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"}
+{"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, kv, muted } from \"./SessionInspector.panel-parts\";\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":"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"}

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

@@ -1,10 +1,12 @@
+import { ApprovalResolveHandler } from './SessionInspector.approvals';
 import { SessionInput } from './SessionViewer.model';
 import { UnifiedSessionInput } from './SessionViewer.unified';
 import { SessionInspectorTab } from './SessionInspector';
-export declare function SessionInspectorPanel({ tab, detail, session, onPlanChange, }: {
+export declare function SessionInspectorPanel({ tab, detail, session, onPlanChange, onResolveApproval, }: {
     tab: SessionInspectorTab;
     detail: UnifiedSessionInput | undefined;
     session: SessionInput;
     onPlanChange?: (content: string) => void;
+    onResolveApproval?: ApprovalResolveHandler;
 }): import("react").JSX.Element | null;
 //# sourceMappingURL=SessionInspector.panels.d.ts.map

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":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAMV,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,GACb,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;CAC1C,sCA4BA"}
+{"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;AAEtC,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"}