@tutti-os/agent-gui 0.0.57 → 0.0.58

package/dist/index.js

@@ -22,7 +22,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-KOR6UVUJ.js";
+} from "./chunk-OFMORNBO.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -41,7 +41,7 @@ import {
   resolveAgentGUIExplicitConversationTitle,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-SZ7JGCS3.js";
+} from "./chunk-UCCUIUGK.js";
 import {
   AgentConversationFlow,
   Button,
@@ -53,7 +53,6 @@ import {
   editorToPromptText,
   getAppErrorCode,
   labelForProviderSkill,
-  openAgentEnvPanel,
   partitionSubAgentTimelineItems,
   plainTextToAgentRichTextDoc,
   plainTextToAgentRichTextInlineContent,
@@ -63,14 +62,17 @@ import {
   skillTriggerForPrefix,
   toLocalShortDateTime,
   useProjectedAgentConversation
-} from "./chunk-DZ76JPCV.js";
+} from "./chunk-BEFNWUOZ.js";
 import {
   AgentMessageMarkdown,
   AgentTargetPresentationProvider,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-2VHP7KQ5.js";
+} from "./chunk-SLT5Q37C.js";
+import {
+  openAgentEnvPanel
+} from "./chunk-PSLAWU25.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -78,7 +80,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   agentMentionItemKey,
   preloadAgentMentionBrowse
-} from "./chunk-IMZBRUP3.js";
+} from "./chunk-BT5WEZO5.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -88,10 +90,10 @@ import {
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-HFZOXSSQ.js";
+} from "./chunk-CEMXB7LA.js";
 import {
   Spinner
-} from "./chunk-QFHR527D.js";
+} from "./chunk-OLI2A3EM.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
@@ -102,7 +104,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-N37A5CJH.js";
+} from "./chunk-NX6T3DDS.js";
 import "./chunk-Y35GDLP2.js";
 import "./chunk-LUGELG5V.js";
 import {
@@ -124,10 +126,18 @@ import {
   useAgentHostApi,
   useOptionalAgentActivityRuntime,
   useOptionalAgentHostApi
-} from "./chunk-S6PCOX3S.js";
+} from "./chunk-HVU46DDA.js";
 import "./chunk-TYGL25EL.js";
+import {
+  AgentGuiI18nProvider,
+  agentGuiI18nModule,
+  agentGuiI18nResources,
+  translate,
+  useTranslation
+} from "./chunk-5SRRKWE4.js";
 import "./chunk-PJP5BUU6.js";
 import "./chunk-MTFSQWZ6.js";
+import "./chunk-IS6JUDDY.js";
 import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "./chunk-JM24HADP.js";
@@ -135,14 +145,6 @@ import "./chunk-GCBDIQDX.js";
 import {
   createAgentQueuedPromptRuntime
 } from "./chunk-TG3ZXLPM.js";
-import {
-  AgentGuiI18nProvider,
-  agentGuiI18nModule,
-  agentGuiI18nResources,
-  translate,
-  useTranslation
-} from "./chunk-Z3AAQQFD.js";
-import "./chunk-33LWYV6O.js";
 
 // shared/agentActivitySnapshotProjection.ts
 import {
@@ -15865,7 +15867,7 @@ import {
   useRef as useRef11,
   useState as useState10
 } from "react";
-import { createPortal as createPortal3 } from "react-dom";
+import { createPortal as createPortal3, flushSync } from "react-dom";
 import {
   AddIcon,
   Button as Button3,
@@ -20006,6 +20008,7 @@ function AgentUsageChip({
   "use memo";
   const [usagePopoverOpen, setUsagePopoverOpen] = useState10(false);
   const usagePopoverHoverTimerRef = useRef11(null);
+  const usagePopoverContentRef = useRef11(null);
   const clampedPercent = Math.max(0, Math.min(100, percentUsed));
   const chipLabel = labels.usageChipLabel({ percent: clampedPercent });
   const showTokens = usedTokens !== null && totalTokens !== null;
@@ -20060,6 +20063,22 @@ function AgentUsageChip({
     },
     [closeUsagePopover, openUsagePopover]
   );
+  const handleUsageTriggerBlur = useCallback9(
+    (event) => {
+      const nextFocusTarget = event.relatedTarget;
+      if (nextFocusTarget instanceof Node && usagePopoverContentRef.current?.contains(nextFocusTarget)) {
+        clearUsagePopoverHoverTimer();
+        clearUsagePopoverCloseTimer();
+        return;
+      }
+      closeUsagePopover();
+    },
+    [
+      clearUsagePopoverCloseTimer,
+      clearUsagePopoverHoverTimer,
+      closeUsagePopover
+    ]
+  );
   useEffect11(
     () => () => {
       clearUsagePopoverHoverTimer();
@@ -20078,8 +20097,7 @@ function AgentUsageChip({
       ),
       "data-testid": "agent-gui-usage-chip",
       "data-usage-level": usageLevel,
-      onBlur: tooltipsEnabled ? closeUsagePopover : void 0,
-      onClick: tooltipsEnabled ? openUsagePopover : void 0,
+      onBlur: tooltipsEnabled ? handleUsageTriggerBlur : void 0,
       onFocus: tooltipsEnabled ? openUsagePopoverAfterHoverDelay : void 0,
       onPointerEnter: (event) => {
         if (tooltipsEnabled && event.pointerType !== "touch") {
@@ -20109,10 +20127,11 @@ function AgentUsageChip({
       open: usagePopoverOpen,
       onOpenChange: handleUsagePopoverOpenChange,
       children: [
-        /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: trigger }),
+        /* @__PURE__ */ jsx28(PopoverAnchor, { asChild: true, children: trigger }),
         usagePopoverOpen ? /* @__PURE__ */ jsx28(
           PopoverContent,
           {
+            ref: usagePopoverContentRef,
             side: "bottom",
             align: "end",
             className: "w-[320px] max-w-[calc(100vw-32px)] gap-3 text-xs",
@@ -20254,6 +20273,7 @@ function AgentComposer({
   uiLanguage = "en",
   isActive = true,
   previewMode = false,
+  workspaceReferencePickerOpen = false,
   promptImagesSupported = true,
   composerFocusRequestSequence = null,
   layoutMode = "dock",
@@ -21061,7 +21081,7 @@ function AgentComposer({
     (event) => handleFileMentionKeyDown(event) || handleSlashPaletteKeyDown(event) || handleSlashCommandMenuKeyDown(event) || handlePlanModeToggleKeyDown(event)
   );
   useEffect11(() => {
-    if (!showPalette) {
+    if (!showPalette || workspaceReferencePickerOpen) {
       return;
     }
     const handleDocumentKeyDown = (event) => {
@@ -21089,7 +21109,7 @@ function AgentComposer({
         capture: true
       });
     };
-  }, [handlePaletteKeyDown, showPalette]);
+  }, [handlePaletteKeyDown, showPalette, workspaceReferencePickerOpen]);
   const handleFileMentionSuggestionChange = useCallback9(
     (state) => {
       setFileMentionSuggestion(state);
@@ -21407,18 +21427,18 @@ function AgentComposer({
   );
   const handleOpenReferencesForEntity = useCallback9(
     (entity) => {
-      clearActiveFileMentionTrigger();
-      closeFileMentionPalette();
       if (!onRequestWorkspaceReferences) {
         return;
       }
-      void onRequestWorkspaceReferences(entity).then(
-        (result) => applyReferencePickResult(result)
-      );
+      void onRequestWorkspaceReferences(entity).then((result) => {
+        if (result.files.length > 0 || result.mentionItems.length > 0) {
+          flushSync(clearActiveFileMentionTrigger);
+        }
+        return applyReferencePickResult(result);
+      });
     },
     [
       clearActiveFileMentionTrigger,
-      closeFileMentionPalette,
       applyReferencePickResult,
       onRequestWorkspaceReferences
     ]
@@ -22332,65 +22352,69 @@ function AgentComposer({
                     /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.composerFooter, children: [
                       /* @__PURE__ */ jsxs15("div", { className: composerStyles.footerGroup, children: [
                         /* @__PURE__ */ jsxs15("div", { className: "inline-flex shrink-0 items-center gap-1", children: [
-                          previewMode ? /* @__PURE__ */ jsx28(
-                            "button",
-                            {
-                              type: "button",
-                              "aria-label": labels.referenceWorkspaceFiles,
-                              title: labels.referenceWorkspaceFiles,
-                              className: cn(
-                                AgentGUINode_styles_default.composerMenuTrigger,
-                                AgentGUINode_styles_default.composerReferenceTrigger,
-                                "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&_svg]:shrink-0"
-                              ),
-                              children: /* @__PURE__ */ jsx28(
-                                AddIcon,
-                                {
-                                  "aria-hidden": true,
-                                  className: "size-3.5",
-                                  "data-agent-reference-add-icon": "true"
-                                }
-                              )
-                            }
-                          ) : /* @__PURE__ */ jsx28(
-                            Select2,
-                            {
-                              open: false,
-                              value: workspaceReferenceSelectValue,
-                              disabled: !onRequestWorkspaceReferences || composerControlsHardDisabled,
-                              onOpenChange: (isOpen) => {
-                                if (isOpen) {
-                                  void handleWorkspaceReferencePicker();
-                                }
-                              },
-                              onValueChange: (nextValue) => {
-                                if (nextValue === workspaceReferenceOptionValue) {
-                                  void handleWorkspaceReferencePicker();
-                                }
-                              },
-                              children: /* @__PURE__ */ jsx28(
-                                SelectTrigger2,
-                                {
-                                  size: "sm",
-                                  "aria-label": labels.referenceWorkspaceFiles,
-                                  title: labels.referenceWorkspaceFiles,
-                                  className: cn(
-                                    AgentGUINode_styles_default.composerMenuTrigger,
-                                    AgentGUINode_styles_default.composerReferenceTrigger,
-                                    "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&>svg:last-child]:hidden [&_svg]:shrink-0"
-                                  ),
-                                  children: /* @__PURE__ */ jsx28(
-                                    AddIcon,
-                                    {
-                                      "aria-hidden": true,
-                                      className: "size-3.5",
-                                      "data-agent-reference-add-icon": "true"
-                                    }
-                                  )
-                                }
-                              )
-                            }
-                          ),
+                          previewMode ? /* @__PURE__ */ jsx28(TooltipProvider, { delayDuration: 120, children: /* @__PURE__ */ jsxs15(Tooltip, { children: [
+                            /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+                              "button",
+                              {
+                                type: "button",
+                                "aria-label": labels.referenceWorkspaceFiles,
+                                className: cn(
+                                  AgentGUINode_styles_default.composerMenuTrigger,
+                                  AgentGUINode_styles_default.composerReferenceTrigger,
+                                  "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&_svg]:shrink-0"
+                                ),
+                                children: /* @__PURE__ */ jsx28(
+                                  AddIcon,
+                                  {
+                                    "aria-hidden": true,
+                                    className: "size-3.5",
+                                    "data-agent-reference-add-icon": "true"
+                                  }
+                                )
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsx28(TooltipContent, { side: "top", children: labels.addContent })
+                          ] }) }) : /* @__PURE__ */ jsx28(TooltipProvider, { delayDuration: 120, children: /* @__PURE__ */ jsxs15(Tooltip, { children: [
+                            /* @__PURE__ */ jsx28(
+                              Select2,
+                              {
+                                open: false,
+                                value: workspaceReferenceSelectValue,
+                                disabled: !onRequestWorkspaceReferences || composerControlsHardDisabled,
+                                onOpenChange: (isOpen) => {
+                                  if (isOpen) {
+                                    void handleWorkspaceReferencePicker();
+                                  }
+                                },
+                                onValueChange: (nextValue) => {
+                                  if (nextValue === workspaceReferenceOptionValue) {
+                                    void handleWorkspaceReferencePicker();
+                                  }
+                                },
+                                children: /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+                                  SelectTrigger2,
+                                  {
+                                    size: "sm",
+                                    "aria-label": labels.referenceWorkspaceFiles,
+                                    className: cn(
+                                      AgentGUINode_styles_default.composerMenuTrigger,
+                                      AgentGUINode_styles_default.composerReferenceTrigger,
+                                      "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&>svg:last-child]:hidden [&_svg]:shrink-0"
+                                    ),
+                                    children: /* @__PURE__ */ jsx28(
+                                      AddIcon,
+                                      {
+                                        "aria-hidden": true,
+                                        className: "size-3.5",
+                                        "data-agent-reference-add-icon": "true"
+                                      }
+                                    )
+                                  }
+                                ) })
+                              }
+                            ),
+                            /* @__PURE__ */ jsx28(TooltipContent, { side: "top", children: labels.addContent })
+                          ] }) }),
                           /* @__PURE__ */ jsx28(
                             "button",
                             {
@@ -23203,6 +23227,7 @@ var AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX = 24;
 var AGENT_GUI_TOP_HISTORY_PREFETCH_THRESHOLD_PX = 240;
 var AGENT_GUI_TOP_MASK_SCROLL_EPSILON_PX = 1;
 var AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE = 5;
+var AGENT_GUI_CONVERSATION_RAIL_PROJECTION_PROVIDER = "codex";
 var AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE = {
   width: "100%",
   minWidth: "100%",
@@ -23888,7 +23913,8 @@ function AgentGUINodeView({
                   conversations: viewModel.conversations,
                   store: conversationRailStore,
                   storeState: conversationRailStoreState,
-                  userProjects: viewModel.userProjects
+                  userProjects: viewModel.userProjects,
+                  workspaceId: viewModel.workspaceId
                 }
               )
             }
@@ -23926,6 +23952,7 @@ function AgentGUINodeView({
               uiLanguage,
               hideDetailHeader: conversationRailCollapsed,
               isActive,
+              workspaceReferencePickerOpen,
               composerFocusRequestSequence: detailComposerFocusRequestSequence,
               isAgentProviderReady,
               slashStatusLimits,
@@ -24045,6 +24072,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   hideDetailHeader,
   isActive,
   previewMode,
+  workspaceReferencePickerOpen,
   composerFocusRequestSequence,
   isAgentProviderReady,
   slashStatusLimits,
@@ -24391,6 +24419,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       mentionPalette: labels.mentionPalette,
       removeMention: labels.removeMention,
       addReference: labels.addReference,
+      addContent: labels.addContent,
       referenceWorkspaceFiles: labels.referenceWorkspaceFiles,
       providerSwitchLabel: labels.providerSwitchLabel,
       projectLocked: labels.projectLocked,
@@ -24403,6 +24432,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       interactivePromptLabels,
       labels.defaultModel,
       labels.addReference,
+      labels.addContent,
       labels.deleteQueuedPrompt,
       labels.editQueuedPrompt,
       labels.fileMentionEmpty,
@@ -24618,6 +24648,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       placeholder: viewModel.hasSentUserMessage ? labels.followupPlaceholder : labels.initialPlaceholder,
       showStopButton,
       previewMode,
+      workspaceReferencePickerOpen,
       // Plan decisions replace the composer via bottomDockReplacementPrompt;
       // approval / ask-user embed here (composerActivePrompt encodes that).
       activePrompt: composerActivePrompt,
@@ -24671,6 +24702,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       labels.initialPlaceholder,
       labels.promptTips,
       previewMode,
+      workspaceReferencePickerOpen,
       composerActivePrompt,
       editQueuedPrompt,
       onCapabilitySettingsRequest,
@@ -25456,7 +25488,8 @@ var AgentGUIConversationRailStorePane = memo(
     conversations,
     store,
     storeState: _storeState,
-    userProjects
+    userProjects,
+    workspaceId
   }) {
     "use memo";
     const state = useSnapshot(store);
@@ -25465,7 +25498,8 @@ var AgentGUIConversationRailStorePane = memo(
       {
         ...state,
         conversations,
-        userProjects
+        userProjects,
+        workspaceId
       }
     );
   }
@@ -25477,6 +25511,40 @@ function normalizeConversationRailProjectPath(path) {
   }
   return normalized.replace(/\/+$/, "") || "/";
 }
+function conversationRailPageCursor(conversations) {
+  let boundary = null;
+  for (const conversation of conversations) {
+    if (!conversation.id.trim()) {
+      continue;
+    }
+    if (!boundary) {
+      boundary = conversation;
+      continue;
+    }
+    if (conversation.updatedAtUnixMs < boundary.updatedAtUnixMs || conversation.updatedAtUnixMs === boundary.updatedAtUnixMs && conversation.id.trim() > boundary.id.trim()) {
+      boundary = conversation;
+    }
+  }
+  if (!boundary) {
+    return null;
+  }
+  return `${boundary.updatedAtUnixMs}|${boundary.id.trim()}`;
+}
+function mergeConversationRailPageItems(base, loaded) {
+  if (loaded.length === 0) {
+    return base;
+  }
+  const ids = new Set(base.map((conversation) => conversation.id));
+  const merged = [...base];
+  for (const conversation of loaded) {
+    if (ids.has(conversation.id)) {
+      continue;
+    }
+    ids.add(conversation.id);
+    merged.push(conversation);
+  }
+  return merged;
+}
 function stabilizeConversationSections(previous, next) {
   if (!previous) {
     return [...next];
@@ -25537,6 +25605,97 @@ function stabilizeConversationSectionItems(previous, next) {
   });
   return changed ? stable : previous;
 }
+function updateConversationSectionsFromSummaries(previous, conversations) {
+  if (!previous || conversations.length === 0) {
+    return previous;
+  }
+  const summariesById = new Map(
+    conversations.map((conversation) => [conversation.id, conversation])
+  );
+  let changed = false;
+  const nextSections = previous.map((section) => {
+    let sectionChanged = false;
+    const items = section.items.map((item) => {
+      const summary = summariesById.get(item.id);
+      if (!summary) {
+        return item;
+      }
+      const nextItem = {
+        ...summary,
+        project: item.project
+      };
+      if (conversationSummariesRenderEqual2(item, nextItem)) {
+        return item;
+      }
+      sectionChanged = true;
+      return nextItem;
+    });
+    if (!sectionChanged) {
+      return section;
+    }
+    changed = true;
+    return {
+      ...section,
+      items
+    };
+  });
+  return changed ? nextSections : previous;
+}
+function projectRuntimeSectionsToConversationSections(input) {
+  const pinned = [];
+  const result = [];
+  for (const section of input.sections) {
+    const project = section.userProject ? {
+      createdAtUnixMs: section.userProject.createdAtUnixMs,
+      id: section.userProject.id,
+      label: section.userProject.label,
+      lastUsedAtUnixMs: section.userProject.lastUsedAtUnixMs,
+      path: section.userProject.path,
+      updatedAtUnixMs: section.userProject.updatedAtUnixMs
+    } : null;
+    const conversations = buildAgentGUIConversationSummaries({
+      conversationFilter: input.conversationFilter,
+      provider: AGENT_GUI_CONVERSATION_RAIL_PROJECTION_PROVIDER,
+      snapshot: {
+        composerOptionsByProvider: {},
+        presences: [],
+        sessionMessagesById: {},
+        sessions: section.sessions,
+        workspaceId: input.workspaceId
+      },
+      userProjects: []
+    }).map((conversation) => ({
+      ...conversation,
+      project: section.kind === "project" ? project : null
+    }));
+    const items = conversations.filter((conversation) => {
+      if ((conversation.pinnedAtUnixMs ?? 0) > 0) {
+        pinned.push(conversation);
+        return false;
+      }
+      return true;
+    });
+    result.push({
+      id: section.sectionKey,
+      kind: section.kind,
+      label: section.kind === "project" ? section.userProject?.label ?? section.sectionKey : input.labels.sectionConversations,
+      project,
+      items
+    });
+  }
+  if (pinned.length > 0) {
+    result.unshift({
+      id: "pinned",
+      kind: "pinned",
+      label: input.labels.sectionPinned,
+      project: null,
+      items: pinned.sort(
+        (left, right) => (right.pinnedAtUnixMs ?? 0) - (left.pinnedAtUnixMs ?? 0) || (right.sortTimeUnixMs ?? right.updatedAtUnixMs) - (left.sortTimeUnixMs ?? left.updatedAtUnixMs) || left.id.localeCompare(right.id)
+      )
+    });
+  }
+  return result;
+}
 function conversationSummariesRenderEqual2(left, right) {
   return left.id === right.id && left.provider === right.provider && left.title === right.title && left.titleFallback === right.titleFallback && left.status === right.status && left.cwd === right.cwd && left.pinnedAtUnixMs === right.pinnedAtUnixMs && left.sortTimeUnixMs === right.sortTimeUnixMs && left.updatedAtUnixMs === right.updatedAtUnixMs && left.isImported === right.isImported && left.hasUnreadCompletion === right.hasUnreadCompletion && left.unreadCompletionKey === right.unreadCompletionKey && conversationProjectsRenderEqual2(left.project, right.project) && conversationSyncStatesRenderEqual(left.syncState, right.syncState);
 }
@@ -25700,9 +25859,239 @@ var AgentGUIProviderRail = memo(function AgentGUIProviderRail2({
     }
   );
 });
+function useAgentGUIConversationRail({
+  conversationFilter,
+  conversationQuery,
+  conversations,
+  labels,
+  previewMode,
+  userProjects,
+  workspaceId
+}) {
+  const agentActivityRuntime = useAgentActivityRuntime();
+  const [runtimeRailSections, setRuntimeRailSections] = useState11(null);
+  const [sectionPageStates, setSectionPageStates] = useState11(() => /* @__PURE__ */ new Map());
+  const pagingRequestSequenceRef = useRef12(0);
+  const pagingAbortControllersRef = useRef12(/* @__PURE__ */ new Map());
+  const runtimeListSessionSections = agentActivityRuntime.listSessionSections;
+  const runtimeListSessionSectionPage = agentActivityRuntime.listSessionSectionPage;
+  const runtimeSectionsEnabled = !previewMode && Boolean(runtimeListSessionSections) && Boolean(runtimeListSessionSectionPage);
+  const sectionAgentTargetId = conversationFilter.kind === "agentTarget" ? conversationFilter.agentTargetId.trim() : "";
+  const userProjectPaths = useMemo10(
+    () => userProjects.map((project) => project.path.trim()).filter((path) => path.length > 0),
+    [userProjects]
+  );
+  const userProjectPathKey = useMemo10(
+    () => JSON.stringify(userProjectPaths),
+    [userProjectPaths]
+  );
+  const sectionProjectionLabels = useMemo10(
+    () => ({
+      sectionConversations: labels.sectionConversations,
+      sectionPinned: labels.sectionPinned
+    }),
+    [labels.sectionConversations, labels.sectionPinned]
+  );
+  useEffect12(() => {
+    pagingRequestSequenceRef.current += 1;
+    for (const controller of pagingAbortControllersRef.current.values()) {
+      controller.abort();
+    }
+    pagingAbortControllersRef.current.clear();
+    setRuntimeRailSections(null);
+    setSectionPageStates(/* @__PURE__ */ new Map());
+    return () => {
+      pagingRequestSequenceRef.current += 1;
+      for (const controller of pagingAbortControllersRef.current.values()) {
+        controller.abort();
+      }
+      pagingAbortControllersRef.current.clear();
+    };
+  }, [conversationFilter, userProjectPathKey, workspaceId]);
+  const conversationMembershipKey = useMemo10(
+    () => conversations.map(
+      (conversation) => `${conversation.id}:${conversation.pinnedAtUnixMs ?? 0}`
+    ).join("|"),
+    [conversations]
+  );
+  useEffect12(() => {
+    if (!runtimeSectionsEnabled || !runtimeListSessionSections) {
+      return;
+    }
+    const requestSequence = pagingRequestSequenceRef.current;
+    const abortController = new AbortController();
+    void runtimeListSessionSections({
+      agentTargetId: sectionAgentTargetId || void 0,
+      limitPerSection: AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE,
+      signal: abortController.signal,
+      workspaceId
+    }).then((page) => {
+      if (abortController.signal.aborted || requestSequence !== pagingRequestSequenceRef.current) {
+        return;
+      }
+      const sections = projectRuntimeSectionsToConversationSections({
+        conversationFilter,
+        labels: sectionProjectionLabels,
+        sections: page.sections,
+        workspaceId: page.workspaceId
+      });
+      setRuntimeRailSections(
+        (current) => stabilizeConversationSections(current, sections)
+      );
+      setSectionPageStates(() => {
+        const next = /* @__PURE__ */ new Map();
+        for (const section of page.sections) {
+          next.set(section.sectionKey, {
+            hasMore: section.hasMore,
+            isLoading: false,
+            nextCursor: section.nextCursor ?? null
+          });
+        }
+        return next;
+      });
+    }).catch(() => {
+      if (abortController.signal.aborted || requestSequence !== pagingRequestSequenceRef.current) {
+        return;
+      }
+      setRuntimeRailSections([]);
+    });
+    return () => {
+      abortController.abort();
+    };
+  }, [
+    conversationFilter,
+    conversationMembershipKey,
+    runtimeListSessionSections,
+    runtimeSectionsEnabled,
+    sectionProjectionLabels,
+    sectionAgentTargetId,
+    userProjectPathKey,
+    workspaceId
+  ]);
+  useEffect12(() => {
+    if (!runtimeSectionsEnabled) {
+      return;
+    }
+    setRuntimeRailSections(
+      (current) => updateConversationSectionsFromSummaries(current, conversations)
+    );
+  }, [conversations, runtimeSectionsEnabled]);
+  const loadMoreSectionConversations = useCallback10(
+    (section) => {
+      if (!runtimeListSessionSectionPage || previewMode || conversationQuery.trim()) {
+        return;
+      }
+      if (section.kind === "pinned") {
+        return;
+      }
+      const currentPageState = sectionPageStates.get(section.id);
+      if (currentPageState?.isLoading || currentPageState?.hasMore === false) {
+        return;
+      }
+      const fallbackCursor = conversationRailPageCursor(section.items);
+      const cursor = currentPageState?.nextCursor ?? fallbackCursor;
+      const requestSequence = pagingRequestSequenceRef.current;
+      const abortController = new AbortController();
+      pagingAbortControllersRef.current.set(section.id, abortController);
+      setSectionPageStates((current) => {
+        const next = new Map(current);
+        next.set(section.id, {
+          hasMore: currentPageState?.hasMore ?? true,
+          isLoading: true,
+          nextCursor: currentPageState?.nextCursor ?? null
+        });
+        return next;
+      });
+      void runtimeListSessionSectionPage({
+        agentTargetId: sectionAgentTargetId || void 0,
+        cursor: cursor || void 0,
+        limit: AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE,
+        sectionKey: section.id,
+        signal: abortController.signal,
+        workspaceId
+      }).then((pageSection) => {
+        if (abortController.signal.aborted || requestSequence !== pagingRequestSequenceRef.current) {
+          return;
+        }
+        const pageConversations = buildAgentGUIConversationSummaries({
+          conversationFilter,
+          provider: AGENT_GUI_CONVERSATION_RAIL_PROJECTION_PROVIDER,
+          snapshot: {
+            composerOptionsByProvider: {},
+            presences: [],
+            sessionMessagesById: {},
+            sessions: pageSection.sessions,
+            workspaceId
+          },
+          userProjects: []
+        }).map((conversation) => ({
+          ...conversation,
+          project: section.kind === "project" ? section.project : null
+        }));
+        setRuntimeRailSections((current) => {
+          if (!current) {
+            return current;
+          }
+          return current.map(
+            (candidate) => candidate.id === section.id ? {
+              ...candidate,
+              items: mergeConversationRailPageItems(
+                candidate.items,
+                pageConversations
+              )
+            } : candidate
+          );
+        });
+        setSectionPageStates((current) => {
+          const next = new Map(current);
+          next.set(section.id, {
+            hasMore: pageSection.hasMore,
+            isLoading: false,
+            nextCursor: pageSection.nextCursor ?? null
+          });
+          return next;
+        });
+      }).catch(() => {
+        if (abortController.signal.aborted || requestSequence !== pagingRequestSequenceRef.current) {
+          return;
+        }
+        setSectionPageStates((current) => {
+          const next = new Map(current);
+          const existing = next.get(section.id);
+          next.set(section.id, {
+            hasMore: existing?.hasMore ?? true,
+            isLoading: false,
+            nextCursor: existing?.nextCursor ?? null
+          });
+          return next;
+        });
+      }).finally(() => {
+        if (pagingAbortControllersRef.current.get(section.id) === abortController) {
+          pagingAbortControllersRef.current.delete(section.id);
+        }
+      });
+    },
+    [
+      conversationFilter,
+      conversationQuery,
+      previewMode,
+      runtimeListSessionSectionPage,
+      sectionAgentTargetId,
+      sectionPageStates,
+      workspaceId
+    ]
+  );
+  return {
+    loadMoreSectionConversations,
+    runtimeSectionsEnabled,
+    runtimeRailSections,
+    sectionPageStates
+  };
+}
 var AgentGUIConversationRailPane = memo(
   function AgentGUIConversationRailPane2({
     conversations,
+    workspaceId,
     userProjects,
     activeConversationId,
     pendingDeleteConversationId,
@@ -25756,7 +26145,23 @@ var AgentGUIConversationRailPane = memo(
     const conversationItemElementsRef = useRef12(
       /* @__PURE__ */ new Map()
     );
+    const activeConversationScrollCompletedRef = useRef12(null);
+    const previousActiveConversationIdRef = useRef12(null);
     const groupedConversationsRef = useRef12(null);
+    const {
+      loadMoreSectionConversations,
+      runtimeSectionsEnabled,
+      runtimeRailSections,
+      sectionPageStates
+    } = useAgentGUIConversationRail({
+      conversationFilter,
+      conversationQuery,
+      conversations,
+      labels,
+      previewMode,
+      userProjects,
+      workspaceId
+    });
     useEffect12(() => {
       const timer = window.setInterval(() => {
         setCurrentTimeMs(Date.now());
@@ -25765,26 +26170,37 @@ var AgentGUIConversationRailPane = memo(
         window.clearInterval(timer);
       };
     }, []);
+    const displayConversations = useMemo10(
+      () => runtimeSectionsEnabled ? runtimeRailSections?.flatMap((section) => section.items) ?? [] : runtimeRailSections ? runtimeRailSections.flatMap((section) => section.items) : conversations,
+      [conversations, runtimeRailSections, runtimeSectionsEnabled]
+    );
     const filteredConversationResult = useMemo10(() => {
       const startedAtMs = agentGuiPerfNowMs();
       const query = conversationQuery.trim().toLowerCase();
-      const items = !query ? conversations : conversations.filter(
+      const items = !query ? displayConversations : displayConversations.filter(
         (candidate) => conversationPlainTitle(candidate, labels, uiLanguage).toLowerCase().includes(query)
       );
       return {
         items,
         filterMs: roundAgentGuiPerfMs(agentGuiPerfNowMs() - startedAtMs)
       };
-    }, [conversationQuery, conversations, labels, uiLanguage]);
+    }, [conversationQuery, displayConversations, labels, uiLanguage]);
     const filteredConversations = filteredConversationResult.items;
     const groupedConversationResult = useMemo10(() => {
       const startedAtMs = agentGuiPerfNowMs();
-      const rawGroups = groupConversations(
-        filteredConversations,
-        labels,
-        conversationQuery.trim() ? [] : userProjects,
-        { includeEmptyConversations: !conversationQuery.trim() }
-      );
+      const query = conversationQuery.trim();
+      const rawGroups = runtimeSectionsEnabled || runtimeRailSections ? runtimeRailSections ? !query ? runtimeRailSections : runtimeRailSections.map((section) => ({
+        ...section,
+        items: section.items.filter(
+          (item) => filteredConversations.some(
+            (conversation) => conversation.id === item.id
+          )
+        )
+      })).filter(
+        (section) => section.kind !== "pinned" || section.items.length > 0
+      ) : [] : groupConversations(filteredConversations, labels, userProjects, {
+        includeEmptyConversations: !query
+      });
       const groups = stabilizeConversationSections(
         groupedConversationsRef.current,
         rawGroups
@@ -25794,7 +26210,14 @@ var AgentGUIConversationRailPane = memo(
         groups,
         groupMs: roundAgentGuiPerfMs(agentGuiPerfNowMs() - startedAtMs)
       };
-    }, [conversationQuery, filteredConversations, labels, userProjects]);
+    }, [
+      conversationQuery,
+      filteredConversations,
+      labels,
+      runtimeRailSections,
+      runtimeSectionsEnabled,
+      userProjects
+    ]);
     const groupedConversations = groupedConversationResult.groups;
     const toggleProjectSectionCollapsed = useCallback10((sectionId) => {
       setCollapsedProjectSectionIds((current) => {
@@ -25815,7 +26238,7 @@ var AgentGUIConversationRailPane = memo(
     );
     const projectConversationCountsByPath = useMemo10(() => {
       const counts = /* @__PURE__ */ new Map();
-      for (const conversation of conversations) {
+      for (const conversation of displayConversations) {
         const normalizedPath = normalizeConversationRailProjectPath(
           conversation.project?.path
         );
@@ -25825,7 +26248,8 @@ var AgentGUIConversationRailPane = memo(
         counts.set(normalizedPath, (counts.get(normalizedPath) ?? 0) + 1);
       }
       return counts;
-    }, [conversations]);
+    }, [displayConversations]);
+    const isRuntimeRailLoading = runtimeSectionsEnabled && runtimeRailSections === null;
     const registerConversationItemElement = useCallback10(
       (itemId, element) => {
         if (element) {
@@ -25837,10 +26261,25 @@ var AgentGUIConversationRailPane = memo(
       []
     );
     useLayoutEffect4(() => {
-      if (!activeConversationId) {
+      const activeId = activeConversationId?.trim() ?? "";
+      if (!activeId) {
+        previousActiveConversationIdRef.current = null;
+        activeConversationScrollCompletedRef.current = null;
         return;
       }
-      conversationItemElementsRef.current.get(activeConversationId)?.scrollIntoView({ block: "nearest" });
+      if (previousActiveConversationIdRef.current !== activeId) {
+        previousActiveConversationIdRef.current = activeId;
+        activeConversationScrollCompletedRef.current = null;
+      }
+      if (activeConversationScrollCompletedRef.current === activeId) {
+        return;
+      }
+      const activeElement = conversationItemElementsRef.current.get(activeId);
+      if (!activeElement) {
+        return;
+      }
+      activeElement.scrollIntoView({ block: "nearest" });
+      activeConversationScrollCompletedRef.current = activeId;
     }, [activeConversationId, groupedConversationIdentityKey]);
     return /* @__PURE__ */ jsxs17(
       "aside",
@@ -25917,7 +26356,7 @@ var AgentGUIConversationRailPane = memo(
               className: "min-h-0 flex-1 [&_[data-orientation=vertical][data-slot=scroll-area-scrollbar]]:opacity-100",
               viewportRef: conversationListRef,
               viewportClassName: AgentGUINode_styles_default.conversationList,
-              children: isLoadingConversations && conversations.length === 0 ? /* @__PURE__ */ jsx31(
+              children: isRuntimeRailLoading || isLoadingConversations && conversations.length === 0 ? /* @__PURE__ */ jsx31(
                 AgentConversationListSkeleton,
                 {
                   label: labels.loadingConversations
@@ -25930,6 +26369,8 @@ var AgentGUIConversationRailPane = memo(
                 const showProjectRailHeader = !conversationQuery.trim() && section.kind !== "pinned" && (sectionIndex === 0 || groupedConversations[sectionIndex - 1]?.kind === "pinned");
                 const isSectionCollapsed = isProjectSection && collapsedProjectSectionIds.has(section.id);
                 const projectConversationCount = normalizedProjectPath ? projectConversationCountsByPath.get(normalizedProjectPath) ?? 0 : 0;
+                const sectionPageState = sectionPageStates.get(section.id);
+                const sectionHasMore = !conversationQuery.trim() && section.kind !== "pinned" && sectionPageState?.hasMore === true;
                 return /* @__PURE__ */ jsxs17(Fragment7, { children: [
                   showProjectRailHeader ? /* @__PURE__ */ jsx31(
                     AgentGUIProjectRailHeader,
@@ -25946,6 +26387,7 @@ var AgentGUIConversationRailPane = memo(
                       createConversationDisabled,
                       currentTimeMs,
                       isDeletingConversation,
+                      isLoadingMoreConversations: sectionPageState?.isLoading ?? false,
                       isSectionCollapsed,
                       labels,
                       pendingDeleteConversationId,
@@ -25955,10 +26397,12 @@ var AgentGUIConversationRailPane = memo(
                       projectPath,
                       registerItemElement: registerConversationItemElement,
                       section,
+                      sectionHasMore,
                       uiLanguage,
                       onCancelDeleteConversation,
                       onConfirmDeleteConversation,
                       onCreateConversation,
+                      onLoadMoreConversations: loadMoreSectionConversations,
                       onRequestDeleteConversation,
                       onSelectConversation,
                       setPendingProjectAction,
@@ -26094,6 +26538,8 @@ var AgentGUIConversationRailSection = memo(
     pendingDeleteConversationId,
     previewMode,
     isDeletingConversation,
+    isLoadingMoreConversations,
+    sectionHasMore,
     createConversationDisabled,
     currentTimeMs,
     labels,
@@ -26102,6 +26548,7 @@ var AgentGUIConversationRailSection = memo(
     onCreateConversation,
     onToggleProjectSectionCollapsed,
     onSelectConversation,
+    onLoadMoreConversations,
     setPendingProjectAction,
     onToggleConversationPinned,
     onOpenProjectFiles,
@@ -26117,16 +26564,29 @@ var AgentGUIConversationRailSection = memo(
     );
     const visibleItemCount = isSectionCollapsed ? 0 : Math.min(visibleItemLimit, section.items.length);
     const visibleItems = isSectionCollapsed ? [] : section.items.slice(0, visibleItemCount);
-    const canShowMore = !isSectionCollapsed && visibleItemCount < section.items.length;
+    const canShowMore = !isSectionCollapsed && (visibleItemCount < section.items.length || sectionHasMore);
     const canShowLess = !isSectionCollapsed && visibleItemCount > AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE;
     const showMoreConversations = useCallback10(() => {
+      if (visibleItemCount >= section.items.length && sectionHasMore) {
+        onLoadMoreConversations(section);
+        setVisibleItemLimit(
+          (current) => current + AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE
+        );
+        return;
+      }
       setVisibleItemLimit(
         (current) => Math.min(
           section.items.length,
           current + AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE
         )
       );
-    }, [section.items.length]);
+    }, [
+      onLoadMoreConversations,
+      section,
+      section.items.length,
+      sectionHasMore,
+      visibleItemCount
+    ]);
     const showLessConversations = useCallback10(() => {
       setVisibleItemLimit(AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE);
     }, []);
@@ -26419,6 +26879,7 @@ var AgentGUIConversationRailSection = memo(
                     {
                       type: "button",
                       className: AgentGUINode_styles_default.conversationSectionPaginationButton,
+                      disabled: isLoadingMoreConversations,
                       onClick: showMoreConversations,
                       children: labels.showMoreConversations
                     }
@@ -28212,6 +28673,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       mentionPalette: t("agentHost.agentGui.mentionPalette"),
       removeMention: t("common.remove"),
       addReference: t("agentHost.agentGui.addReference"),
+      addContent: t("agentHost.agentGui.addContent"),
       referenceWorkspaceFiles: t("agentHost.issue.referenceWorkspaceFiles")
     }),
     [displayProviderLabel, fallbackAgentTitle, t]