@flanksource/clicky-ui 0.3.46 → 0.3.47

package/dist/data/ai/SessionInspector.cjs

@@ -4,6 +4,7 @@ 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_composerSlot = require("./SessionInspector.composer-slot.cjs");
 const SessionInspector_summary = require("./SessionInspector.summary.cjs");
 const SessionInspector_compact = require("./SessionInspector.compact.cjs");
 const SessionInspector_tabs = require("./SessionInspector.tabs.cjs");
@@ -22,6 +23,7 @@ function SessionInspector({
   src,
   follow,
   className,
+  onLoadStateChange,
   ...options
 }) {
   if (session !== void 0 && src !== void 0) {
@@ -34,10 +36,23 @@ function SessionInspector({
   }
   const followOptions = follow === void 0 ? {} : { follow };
   const remote = SessionInspector_remote.useRemoteSession(src, followOptions);
+  SessionInspector_remote.useReportLoadState({
+    state: remote,
+    enabled: src !== void 0,
+    onChange: onLoadStateChange
+  });
   const collection = session !== void 0 && SessionInspector_collection.isSessionCollectionInput(session) ? session : void 0;
   const remoteCollection = SessionInspector_remote.useRemoteCollection(collection, followOptions);
   const status = src !== void 0 ? remote : remoteCollection;
   const resolved = src !== void 0 ? remote.session : collection ? remoteCollection.collection : session;
+  const viewOptions = src !== void 0 && (remote.hasOlder || remote.loadingOlder) ? {
+    ...options,
+    transcriptProps: {
+      ...options.transcriptProps,
+      onReachStart: () => void remote.loadOlder(),
+      loadingOlder: remote.loadingOlder === true
+    }
+  } : options;
   const remoteBacked = src !== void 0 || collection !== void 0 && remoteCollection.collection !== collection;
   if (resolved && !remoteBacked) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -56,12 +71,13 @@ function SessionInspector({
       loading: status.loading,
       ...status.error ? { error: status.error } : {},
       ...className ? { className } : {},
+      ...options.composer ? { composer: options.composer } : {},
       children: resolved ? /* @__PURE__ */ jsxRuntime.jsx(
         SessionInspectorView,
         {
           session: resolved,
           ...followOptions,
-          ...options
+          ...viewOptions
         }
       ) : null
     }
@@ -235,85 +251,65 @@ function CollectionSessionInspector({
           ),
           /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_tabs.InspectorTabs, { tab, tabs: compactTabs, onSelect: setTab })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex min-h-0 min-w-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(
+                SessionInspector_transcript.SessionTranscript,
+                {
+                  session: hierarchy.filtered,
+                  viewerProps: {
+                    ...compactTranscriptProps,
+                    className: transcriptClassName
+                  }
+                }
+              )
+            }
+          ),
+          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: panelDetail,
+              session: hierarchy.current,
+              ...onPlanChange ? { onPlanChange } : {},
+              ...onResolveApproval ? { onResolveApproval } : {}
+            }
+          ) }) : null
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: utils.cn(
-              "min-h-0 flex-1 overflow-y-auto",
-              !compact && "flex flex-col lg:overflow-hidden"
+              "min-h-0 flex-1",
+              tab === "transcript" ? "overflow-hidden" : "overflow-auto p-density-4"
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "main",
+            children: tab === "transcript" ? /* @__PURE__ */ jsxRuntime.jsx(
+              SessionInspector_transcript.SessionTranscript,
+              {
+                session: hierarchy.filtered,
+                viewerProps: {
+                  ...transcriptProps,
+                  className: transcriptClassName
+                }
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              SessionInspector_panels.SessionInspectorPanel,
               {
-                className: utils.cn(
-                  "flex min-w-0 flex-col",
-                  compact ? "min-h-0" : "min-h-[28rem] flex-1 lg:min-h-0"
-                ),
-                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(
-                          SessionInspector_transcript.SessionTranscript,
-                          {
-                            session: hierarchy.filtered,
-                            viewerProps: {
-                              ...compactTranscriptProps,
-                              className: transcriptClassName
-                            }
-                          }
-                        )
-                      }
-                    ),
-                    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: panelDetail,
-                        session: hierarchy.current,
-                        ...onPlanChange ? { onPlanChange } : {},
-                        ...onResolveApproval ? { onResolveApproval } : {}
-                      }
-                    ) }) : null
-                  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: utils.cn(
-                        "min-h-0 flex-1",
-                        tab === "transcript" ? "overflow-hidden" : "overflow-auto p-density-4"
-                      ),
-                      children: tab === "transcript" ? /* @__PURE__ */ jsxRuntime.jsx(
-                        SessionInspector_transcript.SessionTranscript,
-                        {
-                          session: hierarchy.filtered,
-                          viewerProps: {
-                            ...transcriptProps,
-                            className: transcriptClassName
-                          }
-                        }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(
-                        SessionInspector_panels.SessionInspectorPanel,
-                        {
-                          tab,
-                          detail: panelDetail,
-                          session: hierarchy.current,
-                          ...onPlanChange ? { onPlanChange } : {},
-                          ...onResolveApproval ? { onResolveApproval } : {}
-                        }
-                      )
-                    }
-                  ),
-                  composer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t border-border p-density-3", children: composer }) : null
-                ]
+                tab,
+                detail: panelDetail,
+                session: hierarchy.current,
+                ...onPlanChange ? { onPlanChange } : {},
+                ...onResolveApproval ? { onResolveApproval } : {}
               }
             )
           }
-        )
+        ) }),
+        composer ? /* @__PURE__ */ jsxRuntime.jsx(SessionInspector_composerSlot.PinnedComposer, { children: composer }) : null
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.cjs","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":["useRemoteSession","isSessionCollectionInput","useRemoteCollection","jsx","RemoteSessionStatus","useMemo","LegacySessionInspector","useSessionHierarchy","useState","hasStructuredOutput","useInspectorTab","cn","getSessionMetadata","inspectorTabs","jsxs","SessionHierarchyTree","CompactSessionInspectorToolbar","Fragment","SessionInspectorHeader","SessionHierarchyPicker","InspectorTabs","SessionTranscript","SessionInspectorPanel"],"mappings":"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"}
+{"version":3,"file":"SessionInspector.cjs","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 { PinnedComposer } from \"./SessionInspector.composer-slot\";\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  useReportLoadState,\n  type SessionInspectorLoadState,\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  /** With `src`: fires on the initial load result (`loading`, then `ready` or\n   *  `error`) and when the follow stream later sends a terminal error frame.\n   *  Never fires for an in-memory `session`. */\n  onLoadStateChange?: (state: SessionInspectorLoadState) => void;\n}\n\nexport function SessionInspector({\n  session,\n  src,\n  follow,\n  className,\n  onLoadStateChange,\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  useReportLoadState({\n    state: remote,\n    enabled: src !== undefined,\n    onChange: onLoadStateChange,\n  });\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 transcript pages older history in as the reader scrolls up.\n  const viewOptions =\n    src !== undefined && (remote.hasOlder || remote.loadingOlder)\n      ? {\n          ...options,\n          transcriptProps: {\n            ...options.transcriptProps,\n            onReachStart: () => void remote.loadOlder(),\n            loadingOlder: remote.loadingOlder === true,\n          },\n        }\n      : options;\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      {...(options.composer ? { composer: options.composer } : {})}\n    >\n      {resolved ? (\n        <SessionInspectorView\n          session={resolved}\n          {...followOptions}\n          {...viewOptions}\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      <main className=\"flex min-h-0 min-w-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              <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      </main>\n      {composer ? <PinnedComposer>{composer}</PinnedComposer> : null}\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":["useRemoteSession","useReportLoadState","isSessionCollectionInput","useRemoteCollection","jsx","RemoteSessionStatus","useMemo","LegacySessionInspector","useSessionHierarchy","useState","hasStructuredOutput","useInspectorTab","cn","getSessionMetadata","inspectorTabs","jsxs","SessionHierarchyTree","CompactSessionInspectorToolbar","Fragment","SessionInspectorHeader","SessionHierarchyPicker","InspectorTabs","SessionTranscript","SessionInspectorPanel","PinnedComposer"],"mappings":"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"}

package/dist/data/ai/SessionInspector.composer-slot.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function PinnedComposer({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t border-border bg-background p-density-3 pb-[max(calc(var(--spacing-unit)*3),env(safe-area-inset-bottom))]", children });
+}
+exports.PinnedComposer = PinnedComposer;
+//# sourceMappingURL=SessionInspector.composer-slot.cjs.map

package/dist/data/ai/SessionInspector.composer-slot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.composer-slot.cjs","sources":["../../../src/data/ai/SessionInspector.composer-slot.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** The inspector's composer slot. It is always the last child of a clipped,\n *  full-height flex column, never inside a scroll container, so the input stays\n *  at the bottom edge while only the transcript above it scrolls. The bottom\n *  padding grows to the device safe area so a home indicator never covers it. */\nexport function PinnedComposer({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"shrink-0 border-t border-border bg-background p-density-3 pb-[max(calc(var(--spacing-unit)*3),env(safe-area-inset-bottom))]\">\n      {children}\n    </div>\n  );\n}\n"],"names":["jsx"],"mappings":";;;AAMO,SAAS,eAAe,EAAE,YAAqC;AACpE,SACEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,+HACZ,SAAA,CACH;AAEJ;;"}

package/dist/data/ai/SessionInspector.composer-slot.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+/** The inspector's composer slot. It is always the last child of a clipped,
+ *  full-height flex column, never inside a scroll container, so the input stays
+ *  at the bottom edge while only the transcript above it scrolls. The bottom
+ *  padding grows to the device safe area so a home indicator never covers it. */
+export declare function PinnedComposer({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=SessionInspector.composer-slot.d.ts.map

package/dist/data/ai/SessionInspector.composer-slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.composer-slot.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.composer-slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;iFAGiF;AACjF,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAMnE"}

package/dist/data/ai/SessionInspector.composer-slot.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function PinnedComposer({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border bg-background p-density-3 pb-[max(calc(var(--spacing-unit)*3),env(safe-area-inset-bottom))]", children });
+}
+export {
+  PinnedComposer
+};
+//# sourceMappingURL=SessionInspector.composer-slot.js.map

package/dist/data/ai/SessionInspector.composer-slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionInspector.composer-slot.js","sources":["../../../src/data/ai/SessionInspector.composer-slot.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\n/** The inspector's composer slot. It is always the last child of a clipped,\n *  full-height flex column, never inside a scroll container, so the input stays\n *  at the bottom edge while only the transcript above it scrolls. The bottom\n *  padding grows to the device safe area so a home indicator never covers it. */\nexport function PinnedComposer({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"shrink-0 border-t border-border bg-background p-density-3 pb-[max(calc(var(--spacing-unit)*3),env(safe-area-inset-bottom))]\">\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";AAMO,SAAS,eAAe,EAAE,YAAqC;AACpE,SACE,oBAAC,OAAA,EAAI,WAAU,+HACZ,SAAA,CACH;AAEJ;"}

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { SessionInspectorTab } from './SessionInspector.tabs.model.js';
 import { SessionCollectionItem, SessionInspectorInput } from './SessionInspector.collection.js';
 import { ApprovalResolveHandler } from './SessionInspector.approvals-model.js';
+import { SessionInspectorLoadState } from './SessionInspector.remote.js';
 import { SessionViewerProps } from './SessionViewer.js';
 import { SessionMetadataSummary } from './SessionViewer.model.js';
 export type { SessionInspectorTab } from './SessionInspector.tabs.model.js';
@@ -45,6 +46,10 @@ export interface SessionInspectorOptions {
      *  tab still lists pending requests but renders no Approve/Deny controls. */
     onResolveApproval?: ApprovalResolveHandler;
     composer?: ReactNode;
+    /** With `src`: fires on the initial load result (`loading`, then `ready` or
+     *  `error`) and when the follow stream later sends a terminal error frame.
+     *  Never fires for an in-memory `session`. */
+    onLoadStateChange?: (state: SessionInspectorLoadState) => void;
 }
-export declare function SessionInspector({ session, src, follow, className, ...options }: SessionInspectorProps): import("react").JSX.Element;
+export declare function SessionInspector({ session, src, follow, className, onLoadStateChange, ...options }: SessionInspectorProps): import("react").JSX.Element;
 //# sourceMappingURL=SessionInspector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SessionInspector.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,+BAA+B,CAAC;AAMvC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAQjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,GACzD,CACI;IAAE,OAAO,EAAE,qBAAqB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACjE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CACrD,CAAC;AAEJ,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,0EAA0E;IAC1E,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,0BAA0B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrD,eAAe,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAClE,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;iFAC6E;IAC7E,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,OAAO,EACX,EAAE,qBAAqB,+BAsDvB"}
+{"version":3,"file":"SessionInspector.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SessionInspector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO1D,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAGL,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,EAC3B,MAAM,+BAA+B,CAAC;AAMvC,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAIL,KAAK,yBAAyB,EAC/B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAGL,KAAK,sBAAsB,EAC5B,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,GACzD,CACI;IAAE,OAAO,EAAE,qBAAqB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACjE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CACrD,CAAC;AAEJ,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,0EAA0E;IAC1E,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD;iEAC6D;IAC7D,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,0BAA0B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrD,eAAe,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAClE,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;iFAC6E;IAC7E,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;kDAE8C;IAC9C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAChE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,GAAG,EACH,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,GAAG,OAAO,EACX,EAAE,qBAAqB,+BAyEvB"}

package/dist/data/ai/SessionInspector.js

@@ -2,6 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { cn } from "../../lib/utils.js";
 import { SessionInspectorPanel } from "./SessionInspector.panels.js";
+import { PinnedComposer } from "./SessionInspector.composer-slot.js";
 import { SessionInspectorHeader } from "./SessionInspector.summary.js";
 import { CompactSessionInspectorToolbar } from "./SessionInspector.compact.js";
 import { InspectorTabs } from "./SessionInspector.tabs.js";
@@ -12,7 +13,7 @@ import { SessionHierarchyTree, SessionHierarchyPicker } from "./SessionInspector
 import { useSessionHierarchy } from "./SessionInspector.hierarchy-state.js";
 import { LegacySessionInspector } from "./SessionInspector.legacy.js";
 import { useInspectorTab } from "./SessionInspector.tab-state.js";
-import { useRemoteSession, useRemoteCollection } from "./SessionInspector.remote.js";
+import { useRemoteSession, useReportLoadState, useRemoteCollection } from "./SessionInspector.remote.js";
 import { RemoteSessionStatus } from "./SessionInspector.remote-view.js";
 import { getSessionMetadata } from "./SessionViewer.model.js";
 function SessionInspector({
@@ -20,6 +21,7 @@ function SessionInspector({
   src,
   follow,
   className,
+  onLoadStateChange,
   ...options
 }) {
   if (session !== void 0 && src !== void 0) {
@@ -32,10 +34,23 @@ function SessionInspector({
   }
   const followOptions = follow === void 0 ? {} : { follow };
   const remote = useRemoteSession(src, followOptions);
+  useReportLoadState({
+    state: remote,
+    enabled: src !== void 0,
+    onChange: onLoadStateChange
+  });
   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 viewOptions = src !== void 0 && (remote.hasOlder || remote.loadingOlder) ? {
+    ...options,
+    transcriptProps: {
+      ...options.transcriptProps,
+      onReachStart: () => void remote.loadOlder(),
+      loadingOlder: remote.loadingOlder === true
+    }
+  } : options;
   const remoteBacked = src !== void 0 || collection !== void 0 && remoteCollection.collection !== collection;
   if (resolved && !remoteBacked) {
     return /* @__PURE__ */ jsx(
@@ -54,12 +69,13 @@ function SessionInspector({
       loading: status.loading,
       ...status.error ? { error: status.error } : {},
       ...className ? { className } : {},
+      ...options.composer ? { composer: options.composer } : {},
       children: resolved ? /* @__PURE__ */ jsx(
         SessionInspectorView,
         {
           session: resolved,
           ...followOptions,
-          ...options
+          ...viewOptions
         }
       ) : null
     }
@@ -233,85 +249,65 @@ function CollectionSessionInspector({
           ),
           /* @__PURE__ */ jsx(InspectorTabs, { tab, tabs: compactTabs, onSelect: setTab })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("main", { className: "flex min-h-0 min-w-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(
+                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(
           "div",
           {
             className: cn(
-              "min-h-0 flex-1 overflow-y-auto",
-              !compact && "flex flex-col lg:overflow-hidden"
+              "min-h-0 flex-1",
+              tab === "transcript" ? "overflow-hidden" : "overflow-auto p-density-4"
             ),
-            children: /* @__PURE__ */ jsxs(
-              "main",
+            children: tab === "transcript" ? /* @__PURE__ */ jsx(
+              SessionTranscript,
+              {
+                session: hierarchy.filtered,
+                viewerProps: {
+                  ...transcriptProps,
+                  className: transcriptClassName
+                }
+              }
+            ) : /* @__PURE__ */ jsx(
+              SessionInspectorPanel,
               {
-                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 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(
-                    "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
-                ]
+                tab,
+                detail: panelDetail,
+                session: hierarchy.current,
+                ...onPlanChange ? { onPlanChange } : {},
+                ...onResolveApproval ? { onResolveApproval } : {}
               }
             )
           }
-        )
+        ) }),
+        composer ? /* @__PURE__ */ jsx(PinnedComposer, { children: composer }) : null
       ]
     }
   );