@flanksource/clicky-ui 0.3.39 → 0.3.41

package/dist/data/ai/SessionInspector.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo, useState, useEffect } from "react";
+import { useMemo, useState } from "react";
 import { cn } from "../../lib/utils.js";
 import { SessionInspectorPanel } from "./SessionInspector.panels.js";
-import { SessionInspectorHeader, SessionInspectorSidebar } from "./SessionInspector.summary.js";
+import { SessionInspectorHeader } from "./SessionInspector.summary.js";
 import { CompactSessionInspectorToolbar } from "./SessionInspector.compact.js";
 import { InspectorTabs } from "./SessionInspector.tabs.js";
 import { hasStructuredOutput, inspectorTabs } from "./SessionInspector.tabs.model.js";
@@ -10,12 +10,70 @@ import { SessionTranscript } from "./SessionInspector.transcript.js";
 import { isSessionCollectionInput } from "./SessionInspector.collection.js";
 import { SessionHierarchyTree, SessionHierarchyPicker } from "./SessionInspector.hierarchy.js";
 import { useSessionHierarchy } from "./SessionInspector.hierarchy-state.js";
-import { SessionViewer } from "./SessionViewer.js";
+import { LegacySessionInspector } from "./SessionInspector.legacy.js";
+import { useInspectorTab } from "./SessionInspector.tab-state.js";
+import { useRemoteSession, useRemoteCollection } from "./SessionInspector.remote.js";
+import { RemoteSessionStatus } from "./SessionInspector.remote-view.js";
 import { getSessionMetadata } from "./SessionViewer.model.js";
 function SessionInspector({
   session,
+  src,
+  follow,
+  className,
+  ...options
+}) {
+  if (session !== void 0 && src !== void 0) {
+    throw new Error(
+      "SessionInspector takes either `session` or `src`, not both"
+    );
+  }
+  if (session === void 0 && src === void 0) {
+    throw new Error("SessionInspector requires a `session` or a `src`");
+  }
+  const followOptions = follow === void 0 ? {} : { follow };
+  const remote = useRemoteSession(src, followOptions);
+  const collection = session !== void 0 && isSessionCollectionInput(session) ? session : void 0;
+  const remoteCollection = useRemoteCollection(collection, followOptions);
+  const status = src !== void 0 ? remote : remoteCollection;
+  const resolved = src !== void 0 ? remote.session : collection ? remoteCollection.collection : session;
+  const remoteBacked = src !== void 0 || collection !== void 0 && remoteCollection.collection !== collection;
+  if (resolved && !remoteBacked) {
+    return /* @__PURE__ */ jsx(
+      SessionInspectorView,
+      {
+        session: resolved,
+        ...followOptions,
+        ...options,
+        ...className ? { className } : {}
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    RemoteSessionStatus,
+    {
+      loading: status.loading,
+      ...status.error ? { error: status.error } : {},
+      ...className ? { className } : {},
+      children: resolved ? /* @__PURE__ */ jsx(
+        SessionInspectorView,
+        {
+          session: resolved,
+          ...followOptions,
+          ...options
+        }
+      ) : null
+    }
+  );
+}
+function SessionInspectorView({
+  session,
+  follow,
   className,
   defaultTab = "transcript",
+  tab,
+  onTabChange,
+  selectedSessionIds,
+  onSelectedSessionIdsChange,
   transcriptProps,
   renderSessionActions,
   onPlanChange,
@@ -33,8 +91,16 @@ function SessionInspector({
     () => isSessionCollectionInput(session) ? session : detail ? singleSessionCollection(detail) : void 0,
     [detail, session]
   );
+  const tabProps = {
+    ...tab ? { tab } : {},
+    ...onTabChange ? { onTabChange } : {}
+  };
   if (collection) {
     const optionalProps = {
+      ...tabProps,
+      ...follow === void 0 ? {} : { follow },
+      ...selectedSessionIds ? { selectedSessionIds } : {},
+      ...onSelectedSessionIdsChange ? { onSelectedSessionIdsChange } : {},
       ...className ? { className } : {},
       ...transcriptProps ? { transcriptProps } : {},
       ...renderSessionActions ? { renderSessionActions } : {},
@@ -59,6 +125,7 @@ function SessionInspector({
     {
       session,
       defaultTab,
+      ...tabProps,
       ...className ? { className } : {},
       ...transcriptProps ? { transcriptProps } : {},
       ...composer ? { composer } : {},
@@ -70,8 +137,13 @@ function SessionInspector({
 }
 function CollectionSessionInspector({
   collection,
+  follow,
   className,
   defaultTab = "transcript",
+  tab: controlledTab,
+  onTabChange,
+  selectedSessionIds,
+  onSelectedSessionIdsChange,
   transcriptProps,
   renderSessionActions,
   onPlanChange,
@@ -81,15 +153,22 @@ function CollectionSessionInspector({
   metadata,
   toolbarActions
 }) {
-  const hierarchy = useSessionHierarchy(collection);
+  const hierarchy = useSessionHierarchy(collection, {
+    ...selectedSessionIds ? { selectedSessionIds } : {},
+    ...onSelectedSessionIdsChange ? { onSelectedSessionIdsChange } : {},
+    ...follow === void 0 ? {} : { follow }
+  });
   const compact = layout === "compact";
   const [menuHost, setMenuHost] = useState(null);
   const outputVisible = hasStructuredOutput(hierarchy.current);
-  const [tab, setTab] = useState(
-    defaultTab === "output" && !outputVisible ? "transcript" : defaultTab
+  const [tab, setTab] = useInspectorTab(
+    defaultTab,
+    outputVisible,
+    controlledTab,
+    onTabChange
   );
   const transcriptClassName = cn("h-full", transcriptProps == null ? void 0 : transcriptProps.className);
-  const panelDetail = tab === "costs" ? hierarchy.filtered : hierarchy.current;
+  const panelDetail = tab === "costs" || tab === "verification" ? hierarchy.filtered : hierarchy.current;
   const compactMetadata = metadata ?? getSessionMetadata(hierarchy.current);
   const compactTabs = inspectorTabs(
     outputVisible,
@@ -115,9 +194,6 @@ function CollectionSessionInspector({
     menuHeader: compactMenuHeader,
     showMenu: menuHost !== null && (transcriptProps == null ? void 0 : transcriptProps.showMenu) !== false
   } : transcriptProps;
-  useEffect(() => {
-    if (tab === "output" && !outputVisible) setTab("transcript");
-  }, [outputVisible, tab]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -157,189 +233,89 @@ function CollectionSessionInspector({
           ),
           /* @__PURE__ */ jsx(InspectorTabs, { tab, tabs: compactTabs, onSelect: setTab })
         ] }),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(
               "min-h-0 flex-1 overflow-y-auto",
-              !compact && "grid lg:grid-cols-[minmax(0,1fr)_18rem] lg:overflow-hidden"
+              !compact && "flex flex-col lg:overflow-hidden"
             ),
-            children: [
-              /* @__PURE__ */ jsxs(
-                "main",
-                {
-                  className: cn(
-                    "flex min-w-0 flex-col",
-                    compact ? "min-h-0" : "min-h-[28rem] lg:min-h-0"
-                  ),
-                  children: [
-                    compact ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: cn(
-                            "min-h-0 flex-1 overflow-hidden",
-                            tab !== "transcript" && "hidden"
-                          ),
-                          children: /* @__PURE__ */ jsx(
-                            SessionTranscript,
-                            {
-                              session: hierarchy.filtered,
-                              viewerProps: {
-                                ...compactTranscriptProps,
-                                className: transcriptClassName
-                              }
-                            }
-                          )
-                        }
-                      ),
-                      tab !== "transcript" ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-density-4", children: /* @__PURE__ */ jsx(
-                        SessionInspectorPanel,
-                        {
-                          tab,
-                          detail: panelDetail,
-                          session: hierarchy.current,
-                          ...onPlanChange ? { onPlanChange } : {},
-                          ...onResolveApproval ? { onResolveApproval } : {}
-                        }
-                      ) }) : null
-                    ] }) : /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsxs(
+              "main",
+              {
+                className: cn(
+                  "flex min-w-0 flex-col",
+                  compact ? "min-h-0" : "min-h-[28rem] flex-1 lg:min-h-0"
+                ),
+                children: [
+                  compact ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
                       "div",
                       {
                         className: cn(
-                          "min-h-0 flex-1",
-                          tab === "transcript" ? "overflow-hidden" : "overflow-auto p-density-4"
+                          "min-h-0 flex-1 overflow-hidden",
+                          tab !== "transcript" && "hidden"
                         ),
-                        children: tab === "transcript" ? /* @__PURE__ */ jsx(
+                        children: /* @__PURE__ */ jsx(
                           SessionTranscript,
                           {
                             session: hierarchy.filtered,
                             viewerProps: {
-                              ...transcriptProps,
+                              ...compactTranscriptProps,
                               className: transcriptClassName
                             }
                           }
-                        ) : /* @__PURE__ */ jsx(
-                          SessionInspectorPanel,
-                          {
-                            tab,
-                            detail: panelDetail,
-                            session: hierarchy.current,
-                            ...onPlanChange ? { onPlanChange } : {},
-                            ...onResolveApproval ? { onResolveApproval } : {}
-                          }
                         )
                       }
                     ),
-                    composer ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-density-3", children: composer }) : null
-                  ]
-                }
-              ),
-              !compact ? /* @__PURE__ */ jsx(SessionInspectorSidebar, { session: hierarchy.current }) : null
-            ]
+                    tab !== "transcript" ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-density-4", children: /* @__PURE__ */ jsx(
+                      SessionInspectorPanel,
+                      {
+                        tab,
+                        detail: panelDetail,
+                        session: hierarchy.current,
+                        ...onPlanChange ? { onPlanChange } : {},
+                        ...onResolveApproval ? { onResolveApproval } : {}
+                      }
+                    ) }) : null
+                  ] }) : /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "min-h-0 flex-1",
+                        tab === "transcript" ? "overflow-hidden" : "overflow-auto p-density-4"
+                      ),
+                      children: tab === "transcript" ? /* @__PURE__ */ jsx(
+                        SessionTranscript,
+                        {
+                          session: hierarchy.filtered,
+                          viewerProps: {
+                            ...transcriptProps,
+                            className: transcriptClassName
+                          }
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        SessionInspectorPanel,
+                        {
+                          tab,
+                          detail: panelDetail,
+                          session: hierarchy.current,
+                          ...onPlanChange ? { onPlanChange } : {},
+                          ...onResolveApproval ? { onResolveApproval } : {}
+                        }
+                      )
+                    }
+                  ),
+                  composer ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-density-3", children: composer }) : null
+                ]
+              }
+            )
           }
         )
       ]
     }
   );
 }
-function LegacySessionInspector({
-  session,
-  className,
-  defaultTab = "transcript",
-  transcriptProps,
-  composer,
-  layout = "default",
-  metadata,
-  toolbarActions
-}) {
-  const compact = layout === "compact";
-  const [menuHost, setMenuHost] = useState(null);
-  const [tab, setTab] = useState(
-    defaultTab === "output" ? "transcript" : defaultTab
-  );
-  const transcriptClassName = cn("h-full", transcriptProps == null ? void 0 : transcriptProps.className);
-  const compactTabs = inspectorTabs(false);
-  const compactMetadata = metadata ?? getSessionMetadata(session);
-  const viewerProps = compact ? {
-    ...transcriptProps,
-    menuContainer: menuHost,
-    showMenu: menuHost !== null && (transcriptProps == null ? void 0 : transcriptProps.showMenu) !== false
-  } : transcriptProps;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm",
-        compact ? "@container rounded-none border-0 shadow-none" : "rounded-xl border border-border shadow-sm",
-        className
-      ),
-      children: [
-        compact ? /* @__PURE__ */ jsx(
-          CompactSessionInspectorToolbar,
-          {
-            tabs: compactTabs,
-            activeTab: tab,
-            onSelect: (next) => setTab(next),
-            onMenuHost: setMenuHost,
-            ...compactMetadata ? { metadata: compactMetadata } : {},
-            ...toolbarActions ? { toolbarActions } : {}
-          }
-        ) : /* @__PURE__ */ jsx(InspectorTabs, { tab, tabs: compactTabs, onSelect: setTab }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
-          compact ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "min-h-0 flex-1 overflow-hidden",
-                  tab !== "transcript" && "hidden"
-                ),
-                children: /* @__PURE__ */ jsx(
-                  SessionViewer,
-                  {
-                    session,
-                    scrollable: true,
-                    showRowMetadata: true,
-                    ...viewerProps,
-                    className: transcriptClassName,
-                    showHeader: false,
-                    showContextMeter: false
-                  }
-                )
-              }
-            ),
-            tab !== "transcript" ? /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto p-density-4", children: /* @__PURE__ */ jsx(
-              SessionInspectorPanel,
-              {
-                tab,
-                detail: void 0,
-                session
-              }
-            ) }) : null
-          ] }) : /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tab === "transcript" ? /* @__PURE__ */ jsx(
-            SessionViewer,
-            {
-              session,
-              scrollable: true,
-              showRowMetadata: true,
-              ...transcriptProps,
-              className: transcriptClassName
-            }
-          ) : /* @__PURE__ */ jsx(
-            SessionInspectorPanel,
-            {
-              tab,
-              detail: void 0,
-              session
-            }
-          ) }),
-          composer ? /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border p-density-3", children: composer }) : null
-        ] })
-      ]
-    }
-  );
-}
 function singleSessionCollection(session) {
   const id = session.id || "session";
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.js","sources":["../../../src/data/ai/SessionInspector.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SessionInspectorPanel } from \"./SessionInspector.panels\";\nimport {\n  SessionInspectorHeader,\n  SessionInspectorSidebar,\n} from \"./SessionInspector.summary\";\nimport { CompactSessionInspectorToolbar } from \"./SessionInspector.compact\";\nimport { InspectorTabs } from \"./SessionInspector.tabs\";\nimport {\n  hasStructuredOutput,\n  inspectorTabs,\n  type SessionInspectorTab,\n} from \"./SessionInspector.tabs.model\";\nimport { SessionTranscript } from \"./SessionInspector.transcript\";\nimport {\n  isSessionCollectionInput,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionInspectorInput,\n} from \"./SessionInspector.collection\";\nimport {\n  SessionHierarchyPicker,\n  SessionHierarchyTree,\n} from \"./SessionInspector.hierarchy\";\nimport { useSessionHierarchy } from \"./SessionInspector.hierarchy-state\";\nimport { type ApprovalResolveHandler } from \"./SessionInspector.approvals-model\";\nimport { SessionViewer, type SessionViewerProps } from \"./SessionViewer\";\nimport {\n  getSessionMetadata,\n  type SessionInput,\n  type SessionMetadataSummary,\n} from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport type { SessionInspectorTab } from \"./SessionInspector.tabs.model\";\n\nexport interface SessionInspectorProps {\n  session: SessionInspectorInput;\n  className?: string;\n  /** Compact keeps tabs, runtime context, host actions, and session options on one line. */\n  layout?: \"default\" | \"compact\";\n  /** Runtime metadata to display in the compact context bar. Defaults to session metadata. */\n  metadata?: SessionMetadataSummary;\n  /** Host controls rendered before Session options in the compact toolbar. */\n  toolbarActions?: ReactNode;\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\nexport function SessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  onResolveApproval,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\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      ...(layout === \"compact\" ? { layout } : {}),\n      ...(metadata ? { metadata } : {}),\n      ...(toolbarActions ? { toolbarActions } : {}),\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      {...(layout === \"compact\" ? { layout } : {})}\n      {...(metadata ? { metadata } : {})}\n      {...(toolbarActions ? { toolbarActions } : {})}\n    />\n  );\n}\n\nfunction CollectionSessionInspector({\n  collection,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  onResolveApproval,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\n}: Omit<SessionInspectorProps, \"session\"> & {\n  collection: SessionCollectionInput;\n}) {\n  const hierarchy = useSessionHierarchy(collection);\n  const compact = layout === \"compact\";\n  const [menuHost, setMenuHost] = useState<HTMLSpanElement | null>(null);\n  const outputVisible = hasStructuredOutput(hierarchy.current);\n  const [tab, setTab] = useState<SessionInspectorTab>(\n    defaultTab === \"output\" && !outputVisible ? \"transcript\" : defaultTab,\n  );\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const panelDetail = tab === \"costs\" ? hierarchy.filtered : hierarchy.current;\n  const compactMetadata = metadata ?? getSessionMetadata(hierarchy.current);\n  const compactTabs = inspectorTabs(\n    outputVisible,\n    hierarchy.current,\n    hierarchy.filtered,\n  );\n  const compactMenuHeader = (\n    <div className=\"w-[min(38rem,calc(100vw-4rem))]\">\n      <p className=\"px-1 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Session content\n      </p>\n      <SessionHierarchyTree\n        collection={collection}\n        state={hierarchy}\n        {...(renderSessionActions ? { renderSessionActions } : {})}\n        className=\"h-[min(32rem,52vh)]\"\n      />\n      {transcriptProps?.menuHeader ? (\n        <div className=\"mt-1 border-t border-border pt-1\">\n          {transcriptProps.menuHeader}\n        </div>\n      ) : null}\n    </div>\n  );\n  const compactTranscriptProps = compact\n    ? {\n        ...transcriptProps,\n        menuContainer: menuHost,\n        menuHeader: compactMenuHeader,\n        showMenu: menuHost !== null && transcriptProps?.showMenu !== false,\n      }\n    : transcriptProps;\n\n  useEffect(() => {\n    if (tab === \"output\" && !outputVisible) setTab(\"transcript\");\n  }, [outputVisible, tab]);\n\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm\",\n        compact\n          ? \"@container rounded-none border-0 shadow-none\"\n          : \"rounded-xl border border-border shadow-sm\",\n        className,\n      )}\n    >\n      {compact ? (\n        <CompactSessionInspectorToolbar\n          tabs={compactTabs}\n          activeTab={tab}\n          onSelect={(next) => setTab(next as SessionInspectorTab)}\n          onMenuHost={setMenuHost}\n          {...(compactMetadata ? { metadata: compactMetadata } : {})}\n          {...(toolbarActions ? { toolbarActions } : {})}\n        />\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          <InspectorTabs tab={tab} tabs={compactTabs} onSelect={setTab} />\n        </>\n      )}\n      <div\n        className={cn(\n          \"min-h-0 flex-1 overflow-y-auto\",\n          !compact &&\n            \"grid lg:grid-cols-[minmax(0,1fr)_18rem] lg:overflow-hidden\",\n        )}\n      >\n        <main\n          className={cn(\n            \"flex min-w-0 flex-col\",\n            compact ? \"min-h-0\" : \"min-h-[28rem] lg:min-h-0\",\n          )}\n        >\n          {compact ? (\n            <>\n              <div\n                className={cn(\n                  \"min-h-0 flex-1 overflow-hidden\",\n                  tab !== \"transcript\" && \"hidden\",\n                )}\n              >\n                <SessionTranscript\n                  session={hierarchy.filtered}\n                  viewerProps={{\n                    ...compactTranscriptProps,\n                    className: transcriptClassName,\n                  }}\n                />\n              </div>\n              {tab !== \"transcript\" ? (\n                <div className=\"min-h-0 flex-1 overflow-auto p-density-4\">\n                  <SessionInspectorPanel\n                    tab={tab}\n                    detail={panelDetail}\n                    session={hierarchy.current}\n                    {...(onPlanChange ? { onPlanChange } : {})}\n                    {...(onResolveApproval ? { onResolveApproval } : {})}\n                  />\n                </div>\n              ) : null}\n            </>\n          ) : (\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          )}\n          {composer ? (\n            <div className=\"shrink-0 border-t border-border p-density-3\">\n              {composer}\n            </div>\n          ) : null}\n        </main>\n        {!compact ? (\n          <SessionInspectorSidebar session={hierarchy.current} />\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction LegacySessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  transcriptProps,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\n}: Pick<\n  SessionInspectorProps,\n  | \"className\"\n  | \"defaultTab\"\n  | \"transcriptProps\"\n  | \"composer\"\n  | \"layout\"\n  | \"metadata\"\n  | \"toolbarActions\"\n> & {\n  session: SessionInput;\n}) {\n  const compact = layout === \"compact\";\n  const [menuHost, setMenuHost] = useState<HTMLSpanElement | null>(null);\n  const [tab, setTab] = useState<SessionInspectorTab>(\n    defaultTab === \"output\" ? \"transcript\" : defaultTab,\n  );\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const compactTabs = inspectorTabs(false);\n  const compactMetadata = metadata ?? getSessionMetadata(session);\n  const viewerProps = compact\n    ? {\n        ...transcriptProps,\n        menuContainer: menuHost,\n        showMenu: menuHost !== null && transcriptProps?.showMenu !== false,\n      }\n    : transcriptProps;\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm\",\n        compact\n          ? \"@container rounded-none border-0 shadow-none\"\n          : \"rounded-xl border border-border shadow-sm\",\n        className,\n      )}\n    >\n      {compact ? (\n        <CompactSessionInspectorToolbar\n          tabs={compactTabs}\n          activeTab={tab}\n          onSelect={(next) => setTab(next as SessionInspectorTab)}\n          onMenuHost={setMenuHost}\n          {...(compactMetadata ? { metadata: compactMetadata } : {})}\n          {...(toolbarActions ? { toolbarActions } : {})}\n        />\n      ) : (\n        <InspectorTabs tab={tab} tabs={compactTabs} onSelect={setTab} />\n      )}\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n        {compact ? (\n          <>\n            <div\n              className={cn(\n                \"min-h-0 flex-1 overflow-hidden\",\n                tab !== \"transcript\" && \"hidden\",\n              )}\n            >\n              <SessionViewer\n                session={session}\n                scrollable\n                showRowMetadata\n                {...viewerProps}\n                className={transcriptClassName}\n                showHeader={false}\n                showContextMeter={false}\n              />\n            </div>\n            {tab !== \"transcript\" ? (\n              <div className=\"min-h-0 flex-1 overflow-auto p-density-4\">\n                <SessionInspectorPanel\n                  tab={tab}\n                  detail={undefined}\n                  session={session}\n                />\n              </div>\n            ) : null}\n          </>\n        ) : (\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        )}\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 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 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 { cn } from \"../../lib/utils\";\nimport { SessionInspectorPanel } from \"./SessionInspector.panels\";\nimport { SessionInspectorHeader } from \"./SessionInspector.summary\";\nimport { CompactSessionInspectorToolbar } from \"./SessionInspector.compact\";\nimport { InspectorTabs } from \"./SessionInspector.tabs\";\nimport {\n  hasStructuredOutput,\n  inspectorTabs,\n  type SessionInspectorTab,\n} from \"./SessionInspector.tabs.model\";\nimport { SessionTranscript } from \"./SessionInspector.transcript\";\nimport {\n  isSessionCollectionInput,\n  type SessionCollectionInput,\n  type SessionCollectionItem,\n  type SessionInspectorInput,\n} from \"./SessionInspector.collection\";\nimport {\n  SessionHierarchyPicker,\n  SessionHierarchyTree,\n} from \"./SessionInspector.hierarchy\";\nimport { useSessionHierarchy } from \"./SessionInspector.hierarchy-state\";\nimport { type ApprovalResolveHandler } from \"./SessionInspector.approvals-model\";\nimport { LegacySessionInspector } from \"./SessionInspector.legacy\";\nimport { useInspectorTab } from \"./SessionInspector.tab-state\";\nimport {\n  useRemoteCollection,\n  useRemoteSession,\n} from \"./SessionInspector.remote\";\nimport { RemoteSessionStatus } from \"./SessionInspector.remote-view\";\nimport type { SessionViewerProps } from \"./SessionViewer\";\nimport {\n  getSessionMetadata,\n  type SessionInput,\n  type SessionMetadataSummary,\n} from \"./SessionViewer.model\";\nimport type { UnifiedSessionInput } from \"./SessionViewer.unified\";\n\nexport type { SessionInspectorTab } from \"./SessionInspector.tabs.model\";\n\n/**\n * Either an in-memory `session` or a session URL `src` (never both — the\n * types forbid it and the component throws). With `src` the inspector fetches\n * the session and follows it while it is live; see `SessionInput` for the URL\n * contract. `follow` forces (`true`) or suppresses (`false`) the live stream\n * for `src` and for collection items that carry `src`.\n */\nexport type SessionInspectorProps = SessionInspectorOptions &\n  (\n    | { session: SessionInspectorInput; src?: never; follow?: boolean }\n    | { src: string; session?: never; follow?: boolean }\n  );\n\nexport interface SessionInspectorOptions {\n  className?: string;\n  /** Compact keeps tabs, runtime context, host actions, and session options on one line. */\n  layout?: \"default\" | \"compact\";\n  /** Runtime metadata to display in the compact context bar. Defaults to session metadata. */\n  metadata?: SessionMetadataSummary;\n  /** Host controls rendered before Session options in the compact toolbar. */\n  toolbarActions?: ReactNode;\n  defaultTab?: SessionInspectorTab;\n  /** Controlled active tab (e.g. from the URL); pair with `onTabChange`. */\n  tab?: SessionInspectorTab;\n  onTabChange?: (tab: SessionInspectorTab) => void;\n  /** Controlled session-level selection of a session collection; `[]` selects\n   *  nothing. Omit to start from the collection's defaults. */\n  selectedSessionIds?: readonly string[];\n  onSelectedSessionIdsChange?: (ids: string[]) => void;\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\nexport function SessionInspector({\n  session,\n  src,\n  follow,\n  className,\n  ...options\n}: SessionInspectorProps) {\n  if (session !== undefined && src !== undefined) {\n    throw new Error(\n      \"SessionInspector takes either `session` or `src`, not both\",\n    );\n  }\n  if (session === undefined && src === undefined) {\n    throw new Error(\"SessionInspector requires a `session` or a `src`\");\n  }\n  const followOptions = follow === undefined ? {} : { follow };\n  const remote = useRemoteSession(src, followOptions);\n  const collection =\n    session !== undefined && isSessionCollectionInput(session)\n      ? session\n      : undefined;\n  const remoteCollection = useRemoteCollection(collection, followOptions);\n  const status = src !== undefined ? remote : remoteCollection;\n  const resolved: SessionInspectorInput | undefined =\n    src !== undefined\n      ? remote.session\n      : collection\n        ? remoteCollection.collection\n        : session;\n\n  // A URL-backed inspector always renders inside the status wrapper, so an\n  // error arriving mid-follow adds the alert without remounting the view.\n  const remoteBacked =\n    src !== undefined ||\n    (collection !== undefined && remoteCollection.collection !== collection);\n  if (resolved && !remoteBacked) {\n    return (\n      <SessionInspectorView\n        session={resolved}\n        {...followOptions}\n        {...options}\n        {...(className ? { className } : {})}\n      />\n    );\n  }\n  return (\n    <RemoteSessionStatus\n      loading={status.loading}\n      {...(status.error ? { error: status.error } : {})}\n      {...(className ? { className } : {})}\n    >\n      {resolved ? (\n        <SessionInspectorView\n          session={resolved}\n          {...followOptions}\n          {...options}\n        />\n      ) : null}\n    </RemoteSessionStatus>\n  );\n}\n\nfunction SessionInspectorView({\n  session,\n  follow,\n  className,\n  defaultTab = \"transcript\",\n  tab,\n  onTabChange,\n  selectedSessionIds,\n  onSelectedSessionIdsChange,\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  onResolveApproval,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\n}: SessionInspectorOptions & {\n  session: SessionInspectorInput;\n  follow?: boolean;\n}) {\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  const tabProps = {\n    ...(tab ? { tab } : {}),\n    ...(onTabChange ? { onTabChange } : {}),\n  };\n\n  if (collection) {\n    const optionalProps = {\n      ...tabProps,\n      ...(follow === undefined ? {} : { follow }),\n      ...(selectedSessionIds ? { selectedSessionIds } : {}),\n      ...(onSelectedSessionIdsChange ? { onSelectedSessionIdsChange } : {}),\n      ...(className ? { className } : {}),\n      ...(transcriptProps ? { transcriptProps } : {}),\n      ...(renderSessionActions ? { renderSessionActions } : {}),\n      ...(onPlanChange ? { onPlanChange } : {}),\n      ...(onResolveApproval ? { onResolveApproval } : {}),\n      ...(composer ? { composer } : {}),\n      ...(layout === \"compact\" ? { layout } : {}),\n      ...(metadata ? { metadata } : {}),\n      ...(toolbarActions ? { toolbarActions } : {}),\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      {...tabProps}\n      {...(className ? { className } : {})}\n      {...(transcriptProps ? { transcriptProps } : {})}\n      {...(composer ? { composer } : {})}\n      {...(layout === \"compact\" ? { layout } : {})}\n      {...(metadata ? { metadata } : {})}\n      {...(toolbarActions ? { toolbarActions } : {})}\n    />\n  );\n}\n\nfunction CollectionSessionInspector({\n  collection,\n  follow,\n  className,\n  defaultTab = \"transcript\",\n  tab: controlledTab,\n  onTabChange,\n  selectedSessionIds,\n  onSelectedSessionIdsChange,\n  transcriptProps,\n  renderSessionActions,\n  onPlanChange,\n  onResolveApproval,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\n}: SessionInspectorOptions & {\n  collection: SessionCollectionInput;\n  follow?: boolean;\n}) {\n  const hierarchy = useSessionHierarchy(collection, {\n    ...(selectedSessionIds ? { selectedSessionIds } : {}),\n    ...(onSelectedSessionIdsChange ? { onSelectedSessionIdsChange } : {}),\n    ...(follow === undefined ? {} : { follow }),\n  });\n  const compact = layout === \"compact\";\n  const [menuHost, setMenuHost] = useState<HTMLSpanElement | null>(null);\n  const outputVisible = hasStructuredOutput(hierarchy.current);\n  const [tab, setTab] = useInspectorTab(\n    defaultTab,\n    outputVisible,\n    controlledTab,\n    onTabChange,\n  );\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const panelDetail =\n    tab === \"costs\" || tab === \"verification\"\n      ? hierarchy.filtered\n      : hierarchy.current;\n  const compactMetadata = metadata ?? getSessionMetadata(hierarchy.current);\n  const compactTabs = inspectorTabs(\n    outputVisible,\n    hierarchy.current,\n    hierarchy.filtered,\n  );\n  const compactMenuHeader = (\n    <div className=\"w-[min(38rem,calc(100vw-4rem))]\">\n      <p className=\"px-1 pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Session content\n      </p>\n      <SessionHierarchyTree\n        collection={collection}\n        state={hierarchy}\n        {...(renderSessionActions ? { renderSessionActions } : {})}\n        className=\"h-[min(32rem,52vh)]\"\n      />\n      {transcriptProps?.menuHeader ? (\n        <div className=\"mt-1 border-t border-border pt-1\">\n          {transcriptProps.menuHeader}\n        </div>\n      ) : null}\n    </div>\n  );\n  const compactTranscriptProps = compact\n    ? {\n        ...transcriptProps,\n        menuContainer: menuHost,\n        menuHeader: compactMenuHeader,\n        showMenu: menuHost !== null && transcriptProps?.showMenu !== false,\n      }\n    : transcriptProps;\n\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm\",\n        compact\n          ? \"@container rounded-none border-0 shadow-none\"\n          : \"rounded-xl border border-border shadow-sm\",\n        className,\n      )}\n    >\n      {compact ? (\n        <CompactSessionInspectorToolbar\n          tabs={compactTabs}\n          activeTab={tab}\n          onSelect={(next) => setTab(next as SessionInspectorTab)}\n          onMenuHost={setMenuHost}\n          {...(compactMetadata ? { metadata: compactMetadata } : {})}\n          {...(toolbarActions ? { toolbarActions } : {})}\n        />\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          <InspectorTabs tab={tab} tabs={compactTabs} onSelect={setTab} />\n        </>\n      )}\n      <div\n        className={cn(\n          \"min-h-0 flex-1 overflow-y-auto\",\n          !compact && \"flex flex-col lg:overflow-hidden\",\n        )}\n      >\n        <main\n          className={cn(\n            \"flex min-w-0 flex-col\",\n            compact ? \"min-h-0\" : \"min-h-[28rem] flex-1 lg:min-h-0\",\n          )}\n        >\n          {compact ? (\n            <>\n              <div\n                className={cn(\n                  \"min-h-0 flex-1 overflow-hidden\",\n                  tab !== \"transcript\" && \"hidden\",\n                )}\n              >\n                <SessionTranscript\n                  session={hierarchy.filtered}\n                  viewerProps={{\n                    ...compactTranscriptProps,\n                    className: transcriptClassName,\n                  }}\n                />\n              </div>\n              {tab !== \"transcript\" ? (\n                <div className=\"min-h-0 flex-1 overflow-auto p-density-4\">\n                  <SessionInspectorPanel\n                    tab={tab}\n                    detail={panelDetail}\n                    session={hierarchy.current}\n                    {...(onPlanChange ? { onPlanChange } : {})}\n                    {...(onResolveApproval ? { onResolveApproval } : {})}\n                  />\n                </div>\n              ) : null}\n            </>\n          ) : (\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          )}\n          {composer ? (\n            <div className=\"shrink-0 border-t border-border p-density-3\">\n              {composer}\n            </div>\n          ) : null}\n        </main>\n      </div>\n    </div>\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 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.legacy.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../../lib/utils.cjs");
+const SessionInspector_panels = require("./SessionInspector.panels.cjs");
+const SessionInspector_compact = require("./SessionInspector.compact.cjs");
+const SessionInspector_tabs = require("./SessionInspector.tabs.cjs");
+const SessionInspector_tabs_model = require("./SessionInspector.tabs.model.cjs");
+const SessionInspector_tabState = require("./SessionInspector.tab-state.cjs");
+const SessionViewer = require("./SessionViewer.cjs");
+const SessionViewer_model = require("./SessionViewer.model.cjs");
+function LegacySessionInspector({
+  session,
+  className,
+  defaultTab = "transcript",
+  tab: controlledTab,
+  onTabChange,
+  transcriptProps,
+  composer,
+  layout = "default",
+  metadata,
+  toolbarActions
+}) {
+  const compact = layout === "compact";
+  const [menuHost, setMenuHost] = react.useState(null);
+  const [tab, setTab] = SessionInspector_tabState.useInspectorTab(
+    defaultTab,
+    false,
+    controlledTab,
+    onTabChange
+  );
+  const transcriptClassName = utils.cn("h-full", transcriptProps == null ? void 0 : transcriptProps.className);
+  const compactTabs = SessionInspector_tabs_model.inspectorTabs(false);
+  const compactMetadata = metadata ?? SessionViewer_model.getSessionMetadata(session);
+  const viewerProps = compact ? {
+    ...transcriptProps,
+    menuContainer: menuHost,
+    showMenu: menuHost !== null && (transcriptProps == null ? void 0 : transcriptProps.showMenu) !== false
+  } : transcriptProps;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm",
+        compact ? "@container rounded-none border-0 shadow-none" : "rounded-xl border border-border shadow-sm",
+        className
+      ),
+      children: [
+        compact ? /* @__PURE__ */ jsxRuntime.jsx(
+          SessionInspector_compact.CompactSessionInspectorToolbar,
+          {
+            tabs: compactTabs,
+            activeTab: tab,
+            onSelect: (next) => setTab(next),
+            onMenuHost: setMenuHost,
+            ...compactMetadata ? { metadata: compactMetadata } : {},
+            ...toolbarActions ? { toolbarActions } : {}
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_tabs.InspectorTabs, { tab, tabs: compactTabs, onSelect: setTab }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+          compact ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: utils.cn(
+                  "min-h-0 flex-1 overflow-hidden",
+                  tab !== "transcript" && "hidden"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  SessionViewer.SessionViewer,
+                  {
+                    session,
+                    scrollable: true,
+                    showRowMetadata: true,
+                    ...viewerProps,
+                    className: transcriptClassName,
+                    showHeader: false,
+                    showContextMeter: false
+                  }
+                )
+              }
+            ),
+            tab !== "transcript" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-auto p-density-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              SessionInspector_panels.SessionInspectorPanel,
+              {
+                tab,
+                detail: void 0,
+                session
+              }
+            ) }) : null
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tab === "transcript" ? /* @__PURE__ */ jsxRuntime.jsx(
+            SessionViewer.SessionViewer,
+            {
+              session,
+              scrollable: true,
+              showRowMetadata: true,
+              ...transcriptProps,
+              className: transcriptClassName
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            SessionInspector_panels.SessionInspectorPanel,
+            {
+              tab,
+              detail: void 0,
+              session
+            }
+          ) }),
+          composer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t border-border p-density-3", children: composer }) : null
+        ] })
+      ]
+    }
+  );
+}
+exports.LegacySessionInspector = LegacySessionInspector;
+//# sourceMappingURL=SessionInspector.legacy.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.legacy.cjs","sources":["../../../src/data/ai/SessionInspector.legacy.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { SessionInspectorPanel } from \"./SessionInspector.panels\";\nimport { CompactSessionInspectorToolbar } from \"./SessionInspector.compact\";\nimport { InspectorTabs } from \"./SessionInspector.tabs\";\nimport {\n  inspectorTabs,\n  type SessionInspectorTab,\n} from \"./SessionInspector.tabs.model\";\nimport { useInspectorTab } from \"./SessionInspector.tab-state\";\nimport { SessionViewer, type SessionViewerProps } from \"./SessionViewer\";\nimport {\n  getSessionMetadata,\n  type SessionInput,\n  type SessionMetadataSummary,\n} from \"./SessionViewer.model\";\n\n/** The inspector for a non-unified session (legacy entries or raw log text):\n *  only the transcript carries content, so it has no hierarchy or facets. */\nexport function LegacySessionInspector({\n  session,\n  className,\n  defaultTab = \"transcript\",\n  tab: controlledTab,\n  onTabChange,\n  transcriptProps,\n  composer,\n  layout = \"default\",\n  metadata,\n  toolbarActions,\n}: {\n  session: SessionInput;\n  className?: string;\n  defaultTab?: SessionInspectorTab;\n  tab?: SessionInspectorTab;\n  onTabChange?: (tab: SessionInspectorTab) => void;\n  transcriptProps?: Omit<SessionViewerProps, \"session\">;\n  composer?: ReactNode;\n  layout?: \"default\" | \"compact\";\n  metadata?: SessionMetadataSummary;\n  toolbarActions?: ReactNode;\n}) {\n  const compact = layout === \"compact\";\n  const [menuHost, setMenuHost] = useState<HTMLSpanElement | null>(null);\n  const [tab, setTab] = useInspectorTab(\n    defaultTab,\n    false,\n    controlledTab,\n    onTabChange,\n  );\n  const transcriptClassName = cn(\"h-full\", transcriptProps?.className);\n  const compactTabs = inspectorTabs(false);\n  const compactMetadata = metadata ?? getSessionMetadata(session);\n  const viewerProps = compact\n    ? {\n        ...transcriptProps,\n        menuContainer: menuHost,\n        showMenu: menuHost !== null && transcriptProps?.showMenu !== false,\n      }\n    : transcriptProps;\n  return (\n    <div\n      className={cn(\n        \"flex h-full min-h-0 w-full max-w-full flex-col overflow-hidden bg-background text-sm\",\n        compact\n          ? \"@container rounded-none border-0 shadow-none\"\n          : \"rounded-xl border border-border shadow-sm\",\n        className,\n      )}\n    >\n      {compact ? (\n        <CompactSessionInspectorToolbar\n          tabs={compactTabs}\n          activeTab={tab}\n          onSelect={(next) => setTab(next as SessionInspectorTab)}\n          onMenuHost={setMenuHost}\n          {...(compactMetadata ? { metadata: compactMetadata } : {})}\n          {...(toolbarActions ? { toolbarActions } : {})}\n        />\n      ) : (\n        <InspectorTabs tab={tab} tabs={compactTabs} onSelect={setTab} />\n      )}\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n        {compact ? (\n          <>\n            <div\n              className={cn(\n                \"min-h-0 flex-1 overflow-hidden\",\n                tab !== \"transcript\" && \"hidden\",\n              )}\n            >\n              <SessionViewer\n                session={session}\n                scrollable\n                showRowMetadata\n                {...viewerProps}\n                className={transcriptClassName}\n                showHeader={false}\n                showContextMeter={false}\n              />\n            </div>\n            {tab !== \"transcript\" ? (\n              <div className=\"min-h-0 flex-1 overflow-auto p-density-4\">\n                <SessionInspectorPanel\n                  tab={tab}\n                  detail={undefined}\n                  session={session}\n                />\n              </div>\n            ) : null}\n          </>\n        ) : (\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        )}\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"],"names":["useState","useInspectorTab","cn","inspectorTabs","getSessionMetadata","jsxs","jsx","CompactSessionInspectorToolbar","InspectorTabs","Fragment","SessionViewer","SessionInspectorPanel"],"mappings":";;;;;;;;;;;;AAmBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,GAWG;AACD,QAAM,UAAU,WAAW;AAC3B,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAiC,IAAI;AACrE,QAAM,CAAC,KAAK,MAAM,IAAIC,0BAAAA;AAAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,sBAAsBC,MAAAA,GAAG,UAAU,mDAAiB,SAAS;AACnE,QAAM,cAAcC,4BAAAA,cAAc,KAAK;AACvC,QAAM,kBAAkB,YAAYC,oBAAAA,mBAAmB,OAAO;AAC9D,QAAM,cAAc,UAChB;AAAA,IACE,GAAG;AAAA,IACH,eAAe;AAAA,IACf,UAAU,aAAa,SAAQ,mDAAiB,cAAa;AAAA,EAAA,IAE/D;AACJ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH,MAAAA;AAAAA,QACT;AAAA,QACA,UACI,iDACA;AAAA,QACJ;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,UACCI,2BAAAA;AAAAA,UAACC,yBAAAA;AAAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW;AAAA,YACX,UAAU,CAAC,SAAS,OAAO,IAA2B;AAAA,YACtD,YAAY;AAAA,YACX,GAAI,kBAAkB,EAAE,UAAU,gBAAA,IAAoB,CAAA;AAAA,YACtD,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,UAAC;AAAA,QAAA,IAG9CD,2BAAAA,IAACE,sBAAAA,eAAA,EAAc,KAAU,MAAM,aAAa,UAAU,QAAQ;AAAA,QAEhEH,2BAAAA,KAAC,OAAA,EAAI,WAAU,gDACZ,UAAA;AAAA,UAAA,UACCA,2BAAAA,KAAAI,qBAAA,EACE,UAAA;AAAA,YAAAH,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWJ,MAAAA;AAAAA,kBACT;AAAA,kBACA,QAAQ,gBAAgB;AAAA,gBAAA;AAAA,gBAG1B,UAAAI,2BAAAA;AAAAA,kBAACI,cAAAA;AAAAA,kBAAA;AAAA,oBACC;AAAA,oBACA,YAAU;AAAA,oBACV,iBAAe;AAAA,oBACd,GAAG;AAAA,oBACJ,WAAW;AAAA,oBACX,YAAY;AAAA,oBACZ,kBAAkB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACpB;AAAA,YAAA;AAAA,YAED,QAAQ,eACPJ,+BAAC,OAAA,EAAI,WAAU,4CACb,UAAAA,2BAAAA;AAAAA,cAACK,wBAAAA;AAAAA,cAAA;AAAA,gBACC;AAAA,gBACA,QAAQ;AAAA,gBACR;AAAA,cAAA;AAAA,YAAA,GAEJ,IACE;AAAA,UAAA,GACN,IAEAL,+BAAC,OAAA,EAAI,WAAU,kCACZ,kBAAQ,eACPA,2BAAAA;AAAAA,YAACI,cAAAA;AAAAA,YAAA;AAAA,cACC;AAAA,cACA,YAAU;AAAA,cACV,iBAAe;AAAA,cACd,GAAG;AAAA,cACJ,WAAW;AAAA,YAAA;AAAA,UAAA,IAGbJ,2BAAAA;AAAAA,YAACK,wBAAAA;AAAAA,YAAA;AAAA,cACC;AAAA,cACA,QAAQ;AAAA,cACR;AAAA,YAAA;AAAA,UAAA,GAGN;AAAA,UAED,WACCL,2BAAAA,IAAC,OAAA,EAAI,WAAU,+CACZ,oBACH,IACE;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { SessionInspectorTab } from './SessionInspector.tabs.model.js';
+import { SessionViewerProps } from './SessionViewer.js';
+import { SessionInput, SessionMetadataSummary } from './SessionViewer.model.js';
+/** The inspector for a non-unified session (legacy entries or raw log text):
+ *  only the transcript carries content, so it has no hierarchy or facets. */
+export declare function LegacySessionInspector({ session, className, defaultTab, tab: controlledTab, onTabChange, transcriptProps, composer, layout, metadata, toolbarActions, }: {
+    session: SessionInput;
+    className?: string;
+    defaultTab?: SessionInspectorTab;
+    tab?: SessionInspectorTab;
+    onTabChange?: (tab: SessionInspectorTab) => void;
+    transcriptProps?: Omit<SessionViewerProps, "session">;
+    composer?: ReactNode;
+    layout?: "default" | "compact";
+    metadata?: SessionMetadataSummary;
+    toolbarActions?: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.legacy.d.ts.map