@tutti-os/agent-gui 0.0.56 → 0.0.58

package/dist/index.js

@@ -22,7 +22,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-752VTG4P.js";
+} from "./chunk-OFMORNBO.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -41,7 +41,7 @@ import {
   resolveAgentGUIExplicitConversationTitle,
   resolveAgentGUIProviderDisplayLabel,
   resolveAgentGUIProviderIdentity
-} from "./chunk-PQYMG6PQ.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-X4C4HD6E.js";
+} from "./chunk-BEFNWUOZ.js";
 import {
   AgentMessageMarkdown,
   AgentTargetPresentationProvider,
   ZoomableImage,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-6QFURP4M.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-PQYSB2WC.js";
+} from "./chunk-BT5WEZO5.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -88,10 +90,10 @@ import {
   isWorkspaceAgentUntitledTask,
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-4URDQNBP.js";
+} from "./chunk-CEMXB7LA.js";
 import {
   Spinner
-} from "./chunk-SITURZG6.js";
+} from "./chunk-OLI2A3EM.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
 } from "./chunk-IBIMGLCD.js";
@@ -102,7 +104,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-MXDPRBS6.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-5PGMLZ4W.js";
-import "./chunk-54CMFCHF.js";
 
 // shared/agentActivitySnapshotProjection.ts
 import {
@@ -8682,6 +8684,7 @@ function useAgentGUINodeController({
   conversationScope = "single-provider",
   providerTargets,
   providerTargetsLoading = false,
+  providerReadinessGates = null,
   defaultProviderTargetId = null,
   openSessionRequest = null,
   prefillPromptRequest = null,
@@ -14428,6 +14431,7 @@ function useAgentGUINodeController({
     updateConversationFilter
   );
   const viewData = activeConversationId === null ? selectedComposerTargetData.data : data;
+  const providerReadinessGate = activeConversationId === null ? providerReadinessGates?.[effectiveSelectedProviderTarget.provider] ?? null : null;
   const controllerActions = useMemo4(
     () => ({
       updateConversationFilter: stableUpdateConversationFilter,
@@ -14553,7 +14557,8 @@ function useAgentGUINodeController({
           tone: "error",
           autoDismissMs: null
         } : null,
-        detailError
+        detailError,
+        providerReadinessGate
       },
       actions: controllerActions
     }),
@@ -14575,6 +14580,7 @@ function useAgentGUINodeController({
       data,
       effectiveSelectedProviderTarget,
       normalizedProviderTargets,
+      providerReadinessGate,
       providerTargetsLoading,
       detailError,
       draftContent,
@@ -15861,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,
@@ -16615,6 +16621,10 @@ var styles3 = {
   emptyHeroIconEffect: "agent-gui-node__empty-hero-icon-effect",
   emptyHeroProvider: "agent-gui-node__empty-hero-provider",
   emptyHeroTitle: "agent-gui-node__empty-hero-title",
+  emptyProviderGate: "agent-gui-node__empty-provider-gate",
+  emptyProviderGateAction: "agent-gui-node__empty-provider-gate-action",
+  emptyProviderGateDescription: "agent-gui-node__empty-provider-gate-description",
+  emptyProviderGateStatus: "agent-gui-node__empty-provider-gate-status",
   emptyState: "agent-gui-node__empty-state",
   unavailableChatEmpty: "agent-gui-node__unavailable-chat-empty",
   unavailableChatEmptyIcon: "agent-gui-node__unavailable-chat-empty-icon",
@@ -18220,6 +18230,19 @@ function isPromptVisualLineStart(editor, position) {
     "\n"
   ) === "\n";
 }
+function isMentionTriggerBoundaryBeforeSelection(editor) {
+  const position = editor.state.selection.from;
+  if (position <= 1) {
+    return true;
+  }
+  const previous = editor.state.doc.textBetween(
+    Math.max(1, position - 1),
+    position,
+    "\n",
+    "\n"
+  );
+  return previous === "" || /\s/.test(previous);
+}
 function findCaretAnchorBeforeAtomicRun(doc, position) {
   let anchorPosition = null;
   doc.descendants((node, nodePosition) => {
@@ -19025,6 +19048,16 @@ var AgentRichTextEditor = forwardRef3(function AgentRichTextEditor2({
           "\n"
         );
       },
+      openMentionPalette() {
+        const currentEditor = editorRef.current;
+        if (!currentEditor || currentEditor.isDestroyed || !currentEditor.isEditable) {
+          return;
+        }
+        const triggerText = isMentionTriggerBoundaryBeforeSelection(
+          currentEditor
+        ) ? "@" : " @";
+        currentEditor.chain().focus().insertContent(triggerText).run();
+      },
       insertWorkspaceReferences(items) {
         const currentEditor = editorRef.current;
         if (!currentEditor || currentEditor.isDestroyed || items.length === 0) {
@@ -19930,6 +19963,9 @@ var ComposerFloatingMenuSurface = forwardRef4(function ComposerFloatingMenuSurfa
   );
 });
 
+// app/renderer/assets/icons/@-lined-14px.svg
+var lined_14px_default = "./@-lined-14px-64O2KKB4.svg";
+
 // agent-gui/agentGuiNode/AgentComposer.tsx
 import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var USAGE_POPOVER_HOVER_DELAY_MS = 120;
@@ -19972,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;
@@ -20026,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();
@@ -20044,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") {
@@ -20075,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",
@@ -20220,6 +20273,7 @@ function AgentComposer({
   uiLanguage = "en",
   isActive = true,
   previewMode = false,
+  workspaceReferencePickerOpen = false,
   promptImagesSupported = true,
   composerFocusRequestSequence = null,
   layoutMode = "dock",
@@ -21027,7 +21081,7 @@ function AgentComposer({
     (event) => handleFileMentionKeyDown(event) || handleSlashPaletteKeyDown(event) || handleSlashCommandMenuKeyDown(event) || handlePlanModeToggleKeyDown(event)
   );
   useEffect11(() => {
-    if (!showPalette) {
+    if (!showPalette || workspaceReferencePickerOpen) {
       return;
     }
     const handleDocumentKeyDown = (event) => {
@@ -21055,7 +21109,7 @@ function AgentComposer({
         capture: true
       });
     };
-  }, [handlePaletteKeyDown, showPalette]);
+  }, [handlePaletteKeyDown, showPalette, workspaceReferencePickerOpen]);
   const handleFileMentionSuggestionChange = useCallback9(
     (state) => {
       setFileMentionSuggestion(state);
@@ -21373,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
     ]
@@ -21474,6 +21528,12 @@ function AgentComposer({
     isHeroLayout && AgentGUINode_styles_default.composerInputShellHero
   );
   const inputDisabled = isSelectedProjectMissing || disabled && !canQueueWhileBusy;
+  const handleMentionPaletteButton = useCallback9(() => {
+    if (composerControlsHardDisabled || inputDisabled) {
+      return;
+    }
+    editorHandleRef.current?.openMentionPalette();
+  }, [composerControlsHardDisabled, inputDisabled]);
   const scheduleComposerFocus = useCallback9(() => {
     if (inputDisabled) {
       return;
@@ -22291,52 +22351,17 @@ function AgentComposer({
                     ),
                     /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.composerFooter, children: [
                       /* @__PURE__ */ jsxs15("div", { className: composerStyles.footerGroup, 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,
+                        /* @__PURE__ */ jsxs15("div", { className: "inline-flex shrink-0 items-center gap-1", children: [
+                          previewMode ? /* @__PURE__ */ jsx28(TooltipProvider, { delayDuration: 120, children: /* @__PURE__ */ jsxs15(Tooltip, { children: [
+                            /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
+                              "button",
                               {
-                                size: "sm",
+                                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:last-child]:hidden [&_svg]:shrink-0"
+                                  "w-auto justify-center text-[var(--agent-gui-text-secondary)] [&_svg]:shrink-0"
                                 ),
                                 children: /* @__PURE__ */ jsx28(
                                   AddIcon,
@@ -22347,9 +22372,83 @@ function AgentComposer({
                                   }
                                 )
                               }
-                            )
-                          }
-                        ),
+                            ) }),
+                            /* @__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",
+                            {
+                              type: "button",
+                              "aria-label": labels.mentionPalette,
+                              title: labels.mentionPalette,
+                              disabled: composerControlsHardDisabled || inputDisabled,
+                              className: cn(
+                                AgentGUINode_styles_default.composerMenuTrigger,
+                                AgentGUINode_styles_default.composerReferenceTrigger,
+                                "group w-auto justify-center text-[var(--agent-gui-text-secondary)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0"
+                              ),
+                              onMouseDown: (event) => event.preventDefault(),
+                              onClick: handleMentionPaletteButton,
+                              children: /* @__PURE__ */ jsx28(
+                                "span",
+                                {
+                                  "aria-hidden": true,
+                                  className: "inline-block size-3.5 bg-[var(--text-secondary)] transition-colors group-hover:bg-[var(--text-primary)] group-focus-visible:bg-[var(--text-primary)]",
+                                  style: {
+                                    WebkitMaskImage: `url("${lined_14px_default}")`,
+                                    WebkitMaskPosition: "center",
+                                    WebkitMaskRepeat: "no-repeat",
+                                    WebkitMaskSize: "contain",
+                                    maskImage: `url("${lined_14px_default}")`,
+                                    maskPosition: "center",
+                                    maskRepeat: "no-repeat",
+                                    maskSize: "contain"
+                                  }
+                                }
+                              )
+                            }
+                          )
+                        ] }),
                         showProviderSelect && selectedProviderSwitchTarget ? /* @__PURE__ */ jsxs15(
                           Select2,
                           {
@@ -23128,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%",
@@ -23813,7 +23913,8 @@ function AgentGUINodeView({
                   conversations: viewModel.conversations,
                   store: conversationRailStore,
                   storeState: conversationRailStoreState,
-                  userProjects: viewModel.userProjects
+                  userProjects: viewModel.userProjects,
+                  workspaceId: viewModel.workspaceId
                 }
               )
             }
@@ -23851,6 +23952,7 @@ function AgentGUINodeView({
               uiLanguage,
               hideDetailHeader: conversationRailCollapsed,
               isActive,
+              workspaceReferencePickerOpen,
               composerFocusRequestSequence: detailComposerFocusRequestSequence,
               isAgentProviderReady,
               slashStatusLimits,
@@ -23970,6 +24072,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   hideDetailHeader,
   isActive,
   previewMode,
+  workspaceReferencePickerOpen,
   composerFocusRequestSequence,
   isAgentProviderReady,
   slashStatusLimits,
@@ -24002,6 +24105,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
     avoidGroupingEdits: viewModel.avoidGroupingEdits
   });
   const hasActiveConversation = viewModel.activeConversationId !== null;
+  const emptyProviderReadinessGate = !hasActiveConversation ? viewModel.providerReadinessGate : null;
   const activePrompt = viewModel.pendingInteractivePrompt ?? viewModel.pendingApproval;
   const activePromptRequestId = activePrompt?.requestId ?? null;
   const sessionChrome = useMemo10(
@@ -24084,7 +24188,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
   });
   const canQueueWhileBusy = viewModel.canQueueWhileBusy && isAgentProviderReady && !isCollaboratorConversation;
   const composerDisabledReason = isCollaboratorConversation ? labels.collaboratorSessionReadOnlyPlaceholder : isAgentProviderReady ? null : labels.installRequiredPlaceholder;
-  const showProviderSetupNotice = !isAgentProviderReady && !isCollaboratorConversation;
+  const showProviderSetupNotice = !emptyProviderReadinessGate && !isAgentProviderReady && !isCollaboratorConversation;
   const submitDisabled = isCollaboratorConversation || !isAgentProviderReady || !viewModel.canSubmit && !canQueueWhileBusy;
   const hasNonRetryableRecoveryFailure = sessionChrome.recovery?.kind === "failed" && sessionChrome.recovery.canRetry === false;
   const composerDisabled = hasNonRetryableRecoveryFailure || isCollaboratorConversation || !isAgentProviderReady || !canQueueWhileBusy && (viewModel.pendingApproval !== null || viewModel.pendingInteractivePrompt !== null || viewModel.isSubmitting || viewModel.isInterrupting || viewModel.isCreatingConversation);
@@ -24312,8 +24416,10 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       fileMentionEmpty: labels.fileMentionEmpty,
       fileMentionError: labels.fileMentionError,
       fileMentionTabHint: labels.fileMentionTabHint,
+      mentionPalette: labels.mentionPalette,
       removeMention: labels.removeMention,
       addReference: labels.addReference,
+      addContent: labels.addContent,
       referenceWorkspaceFiles: labels.referenceWorkspaceFiles,
       providerSwitchLabel: labels.providerSwitchLabel,
       projectLocked: labels.projectLocked,
@@ -24326,6 +24432,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       interactivePromptLabels,
       labels.defaultModel,
       labels.addReference,
+      labels.addContent,
       labels.deleteQueuedPrompt,
       labels.editQueuedPrompt,
       labels.fileMentionEmpty,
@@ -24541,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,
@@ -24594,6 +24702,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       labels.initialPlaceholder,
       labels.promptTips,
       previewMode,
+      workspaceReferencePickerOpen,
       composerActivePrompt,
       editQueuedPrompt,
       onCapabilitySettingsRequest,
@@ -24928,7 +25037,14 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
         viewportTestId: "agent-gui-timeline",
         viewportClassName: `${AgentGUINode_styles_default.timeline} ${hasActiveConversation ? AgentGUINode_styles_default.timelineWithComposer : AgentGUINode_styles_default.timelineCentered} ${!isTimelineScrolledToTop ? AgentGUINode_styles_default.timelineScrolledFromTop : ""} ${showUnavailableChatEmpty ? AgentGUINode_styles_default.timelineUnavailableChatEmpty : ""}`.trim(),
         viewportContentStyle: AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE,
-        children: !hasActiveConversation ? /* @__PURE__ */ jsx31(
+        children: !hasActiveConversation ? emptyProviderReadinessGate ? /* @__PURE__ */ jsx31(
+          AgentGUIProviderReadinessGatePane,
+          {
+            provider: emptyHeroProvider,
+            gate: emptyProviderReadinessGate,
+            labels
+          }
+        ) : /* @__PURE__ */ jsx31(
           AgentGUIEmptyHeroPane,
           {
             provider: emptyHeroProvider,
@@ -25117,6 +25233,113 @@ var AgentGUIEmptyHeroPane = memo(function AgentGUIEmptyHeroPane2({
     /* @__PURE__ */ jsx31(AgentComposer, { ...composerProps })
   ] }) });
 });
+var AgentGUIProviderReadinessGatePane = memo(
+  function AgentGUIProviderReadinessGatePane2({
+    provider,
+    gate,
+    labels
+  }) {
+    "use memo";
+    const heroIconUrl = resolveAgentGUIHeroIconUrl(provider);
+    const pendingAction = gate.pendingAction ?? null;
+    const isPending = pendingAction !== null;
+    const content = providerGateContent(gate.status, labels);
+    const action = providerGateAction(gate.status);
+    const pendingLabel = pendingAction === "install" ? labels.providerGatePendingInstall : pendingAction === "login" ? labels.providerGatePendingLogin : pendingAction === "refresh" ? labels.providerGatePendingRefresh : null;
+    return /* @__PURE__ */ jsx31("div", { className: AgentGUINode_styles_default.emptyHero, children: /* @__PURE__ */ jsxs17(
+      "div",
+      {
+        className: cn3(AgentGUINode_styles_default.emptyHeroBody, AgentGUINode_styles_default.emptyProviderGate),
+        "data-testid": "agent-gui-provider-readiness-gate",
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsx31(
+            "img",
+            {
+              "aria-hidden": "true",
+              className: AgentGUINode_styles_default.emptyHeroIconEffect,
+              draggable: false,
+              src: heroIconUrl,
+              alt: ""
+            }
+          ),
+          /* @__PURE__ */ jsx31("h2", { className: AgentGUINode_styles_default.emptyHeroTitle, children: content.title }),
+          /* @__PURE__ */ jsx31("p", { className: AgentGUINode_styles_default.emptyProviderGateDescription, children: content.description }),
+          pendingLabel ? /* @__PURE__ */ jsx31(
+            "div",
+            {
+              className: AgentGUINode_styles_default.emptyProviderGateStatus,
+              "data-testid": "agent-gui-provider-readiness-gate-pending",
+              children: pendingLabel
+            }
+          ) : null,
+          action ? /* @__PURE__ */ jsxs17(
+            Button,
+            {
+              type: "button",
+              className: cn3(
+                AgentGUINode_styles_default.emptyProviderGateAction,
+                "nodrag tsh-desktop-no-drag [-webkit-app-region:no-drag]"
+              ),
+              "data-testid": "agent-gui-provider-readiness-gate-action",
+              disabled: isPending,
+              onPointerDown: (event) => event.stopPropagation(),
+              onClick: () => {
+                if (isPending) {
+                  return;
+                }
+                gate.onAction?.(provider, action);
+              },
+              children: [
+                /* @__PURE__ */ jsx31(Wrench, { size: 16, strokeWidth: 2, "aria-hidden": "true" }),
+                isPending && pendingLabel ? pendingLabel : content.actionLabel
+              ]
+            }
+          ) : null
+        ]
+      }
+    ) });
+  }
+);
+function providerGateContent(status, labels) {
+  switch (status) {
+    case "checking":
+      return {
+        title: labels.providerGateCheckingTitle,
+        description: labels.providerGateCheckingDescription
+      };
+    case "not_installed":
+      return {
+        title: labels.providerGateInstallTitle,
+        description: labels.providerGateInstallDescription,
+        actionLabel: labels.providerGateInstallAction
+      };
+    case "auth_required":
+      return {
+        title: labels.providerGateLoginTitle,
+        description: labels.providerGateLoginDescription,
+        actionLabel: labels.providerGateLoginAction
+      };
+    case "unavailable":
+      return {
+        title: labels.providerGateUnavailableTitle,
+        description: labels.providerGateUnavailableDescription,
+        actionLabel: labels.providerGateRetryAction
+      };
+  }
+}
+function providerGateAction(status) {
+  switch (status) {
+    case "not_installed":
+      return "install";
+    case "auth_required":
+      return "login";
+    case "unavailable":
+      return "refresh";
+    case "checking":
+      return null;
+  }
+}
 function EmptyHeroTitle({
   label,
   providerLabel
@@ -25265,7 +25488,8 @@ var AgentGUIConversationRailStorePane = memo(
     conversations,
     store,
     storeState: _storeState,
-    userProjects
+    userProjects,
+    workspaceId
   }) {
     "use memo";
     const state = useSnapshot(store);
@@ -25274,7 +25498,8 @@ var AgentGUIConversationRailStorePane = memo(
       {
         ...state,
         conversations,
-        userProjects
+        userProjects,
+        workspaceId
       }
     );
   }
@@ -25286,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];
@@ -25346,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);
 }
@@ -25509,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,
@@ -25565,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());
@@ -25574,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
@@ -25603,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) => {
@@ -25624,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
         );
@@ -25634,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) {
@@ -25646,10 +26261,25 @@ var AgentGUIConversationRailPane = memo(
       []
     );
     useLayoutEffect4(() => {
-      if (!activeConversationId) {
+      const activeId = activeConversationId?.trim() ?? "";
+      if (!activeId) {
+        previousActiveConversationIdRef.current = null;
+        activeConversationScrollCompletedRef.current = null;
+        return;
+      }
+      if (previousActiveConversationIdRef.current !== activeId) {
+        previousActiveConversationIdRef.current = activeId;
+        activeConversationScrollCompletedRef.current = null;
+      }
+      if (activeConversationScrollCompletedRef.current === activeId) {
+        return;
+      }
+      const activeElement = conversationItemElementsRef.current.get(activeId);
+      if (!activeElement) {
         return;
       }
-      conversationItemElementsRef.current.get(activeConversationId)?.scrollIntoView({ block: "nearest" });
+      activeElement.scrollIntoView({ block: "nearest" });
+      activeConversationScrollCompletedRef.current = activeId;
     }, [activeConversationId, groupedConversationIdentityKey]);
     return /* @__PURE__ */ jsxs17(
       "aside",
@@ -25726,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
@@ -25739,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,
@@ -25755,6 +26387,7 @@ var AgentGUIConversationRailPane = memo(
                       createConversationDisabled,
                       currentTimeMs,
                       isDeletingConversation,
+                      isLoadingMoreConversations: sectionPageState?.isLoading ?? false,
                       isSectionCollapsed,
                       labels,
                       pendingDeleteConversationId,
@@ -25764,10 +26397,12 @@ var AgentGUIConversationRailPane = memo(
                       projectPath,
                       registerItemElement: registerConversationItemElement,
                       section,
+                      sectionHasMore,
                       uiLanguage,
                       onCancelDeleteConversation,
                       onConfirmDeleteConversation,
                       onCreateConversation,
+                      onLoadMoreConversations: loadMoreSectionConversations,
                       onRequestDeleteConversation,
                       onSelectConversation,
                       setPendingProjectAction,
@@ -25903,6 +26538,8 @@ var AgentGUIConversationRailSection = memo(
     pendingDeleteConversationId,
     previewMode,
     isDeletingConversation,
+    isLoadingMoreConversations,
+    sectionHasMore,
     createConversationDisabled,
     currentTimeMs,
     labels,
@@ -25911,6 +26548,7 @@ var AgentGUIConversationRailSection = memo(
     onCreateConversation,
     onToggleProjectSectionCollapsed,
     onSelectConversation,
+    onLoadMoreConversations,
     setPendingProjectAction,
     onToggleConversationPinned,
     onOpenProjectFiles,
@@ -25926,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);
     }, []);
@@ -26228,6 +26879,7 @@ var AgentGUIConversationRailSection = memo(
                     {
                       type: "button",
                       className: AgentGUINode_styles_default.conversationSectionPaginationButton,
+                      disabled: isLoadingMoreConversations,
                       onClick: showMoreConversations,
                       children: labels.showMoreConversations
                     }
@@ -27259,7 +27911,7 @@ function composerOverridesByAgentTargetIdEqual(left, right) {
   return true;
 }
 function areAgentGUINodePropsEqual(previous, next) {
-  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.resolveDroppedFileReferences === next.resolveDroppedFileReferences && previous.selectProjectDirectory === next.selectProjectDirectory && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveWorkspaceReferenceEntryIconUrl === next.resolveWorkspaceReferenceEntryIconUrl && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.providerTargets === next.providerTargets && previous.providerTargetsLoading === next.providerTargetsLoading && previous.defaultProviderTargetId === next.defaultProviderTargetId && previous.conversationScope === next.conversationScope && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onRememberComposerDefaults === next.onRememberComposerDefaults && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && (previous.conversationScope === "multi-provider" || next.conversationScope === "multi-provider" ? previous.workspaceAgentProbes === next.workspaceAgentProbes : workspaceAgentProbeRenderStateEqualsForProvider(
+  return previous.nodeId === next.nodeId && previous.workspaceId === next.workspaceId && previous.currentUserId === next.currentUserId && previous.workspacePath === next.workspacePath && previous.workspaceFileReferenceAdapter === next.workspaceFileReferenceAdapter && previous.resolveDroppedFileReferences === next.resolveDroppedFileReferences && previous.selectProjectDirectory === next.selectProjectDirectory && previous.referenceSourceAggregator === next.referenceSourceAggregator && previous.resolveWorkspaceReferenceEntryIconUrl === next.resolveWorkspaceReferenceEntryIconUrl && previous.resolveMentionReferenceTarget === next.resolveMentionReferenceTarget && previous.resolveWorkspaceReferenceInitialTarget === next.resolveWorkspaceReferenceInitialTarget && previous.onWorkspaceFileReferencesAdded === next.onWorkspaceFileReferencesAdded && previous.agentSettings.avoidGroupingEdits === next.agentSettings.avoidGroupingEdits && previous.title === next.title && agentGuiStateEquals(previous.state, next.state) && previous.position.x === next.position.x && previous.position.y === next.position.y && previous.width === next.width && previous.height === next.height && previous.desktopSize.width === next.desktopSize.width && previous.desktopSize.height === next.desktopSize.height && previous.onLinkAction === next.onLinkAction && previous.onCapabilitySettingsRequest === next.onCapabilitySettingsRequest && previous.onAgentProviderLogin === next.onAgentProviderLogin && previous.providerTargets === next.providerTargets && previous.providerTargetsLoading === next.providerTargetsLoading && previous.providerReadinessGates === next.providerReadinessGates && previous.defaultProviderTargetId === next.defaultProviderTargetId && previous.conversationScope === next.conversationScope && previous.onClose === next.onClose && previous.onResize === next.onResize && previous.onUpdateNode === next.onUpdateNode && previous.onRememberComposerDefaults === next.onRememberComposerDefaults && previous.onOpenConversationWindow === next.onOpenConversationWindow && previous.isMaximized === next.isMaximized && previous.isMuted === next.isMuted && previous.onMinimize === next.onMinimize && previous.onToggleMaximize === next.onToggleMaximize && previous.onShowMessage === next.onShowMessage && (previous.conversationScope === "multi-provider" || next.conversationScope === "multi-provider" ? previous.workspaceAgentProbes === next.workspaceAgentProbes : workspaceAgentProbeRenderStateEqualsForProvider(
     previous.workspaceAgentProbes,
     next.workspaceAgentProbes,
     previous.state.provider
@@ -27291,6 +27943,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
   onAgentProviderLogin,
   providerTargets,
   providerTargetsLoading = false,
+  providerReadinessGates = null,
   defaultProviderTargetId = null,
   conversationScope = "single-provider",
   onWorkspaceFileReferencesAdded,
@@ -27454,6 +28107,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
     prefillPromptRequest,
     providerTargets,
     providerTargetsLoading,
+    providerReadinessGates,
     defaultProviderTargetId,
     previewMode,
     onDataChange: handleDataChange,
@@ -27484,6 +28138,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
   );
   const fallbackAgentTitle = t("sidebar.fallbackAgentLabel");
   const activeProvider = viewModel.activeConversation?.provider ?? state.provider;
+  const activeReadinessProvider = viewModel.activeConversationId !== null ? activeProvider : viewModel.selectedProviderTarget.provider;
   const selectedProviderTargetLabel = viewModel.selectedProviderTarget?.label ?? resolveAgentGUIProviderDisplayLabel(state.provider, fallbackAgentTitle);
   const displayProviderLabel = viewModel.activeConversation ? resolveAgentGUIProviderDisplayLabel(activeProvider, fallbackAgentTitle) : selectedProviderTargetLabel;
   const windowAgentTitle = viewModel.activeConversation ? getAgentHostManagedToolchainAgentByName(activeProvider)?.label ?? displayProviderLabel : displayProviderLabel;
@@ -27537,6 +28192,50 @@ var AgentGUINode = memo2(function AgentGUINode2({
         }
       ),
       installRequiredAction: t("agentHost.agentGui.installRequiredAction"),
+      providerGateCheckingTitle: t(
+        "agentHost.agentGui.providerGateCheckingTitle"
+      ),
+      providerGateCheckingDescription: t(
+        "agentHost.agentGui.providerGateCheckingDescription",
+        { provider: displayProviderLabel }
+      ),
+      providerGateInstallTitle: t(
+        "agentHost.agentGui.providerGateInstallTitle",
+        { provider: displayProviderLabel }
+      ),
+      providerGateInstallDescription: t(
+        "agentHost.agentGui.providerGateInstallDescription",
+        { provider: displayProviderLabel }
+      ),
+      providerGateInstallAction: t(
+        "agentHost.agentGui.providerGateInstallAction"
+      ),
+      providerGateLoginTitle: t("agentHost.agentGui.providerGateLoginTitle", {
+        provider: displayProviderLabel
+      }),
+      providerGateLoginDescription: t(
+        "agentHost.agentGui.providerGateLoginDescription",
+        { provider: displayProviderLabel }
+      ),
+      providerGateLoginAction: t("agentHost.agentGui.providerGateLoginAction"),
+      providerGateUnavailableTitle: t(
+        "agentHost.agentGui.providerGateUnavailableTitle",
+        { provider: displayProviderLabel }
+      ),
+      providerGateUnavailableDescription: t(
+        "agentHost.agentGui.providerGateUnavailableDescription",
+        { provider: displayProviderLabel }
+      ),
+      providerGateRetryAction: t("agentHost.agentGui.providerGateRetryAction"),
+      providerGatePendingInstall: t(
+        "agentHost.agentGui.providerGatePendingInstall"
+      ),
+      providerGatePendingLogin: t(
+        "agentHost.agentGui.providerGatePendingLogin"
+      ),
+      providerGatePendingRefresh: t(
+        "agentHost.agentGui.providerGatePendingRefresh"
+      ),
       collaboratorSessionReadOnlyPlaceholder: t(
         "agentHost.agentGui.collaboratorSessionReadOnlyPlaceholder"
       ),
@@ -27971,8 +28670,10 @@ var AgentGUINode = memo2(function AgentGUINode2({
       fileMentionEmpty: t("agentHost.agentGui.fileMentionEmpty"),
       fileMentionError: t("agentHost.agentGui.fileMentionError"),
       fileMentionTabHint: t("agentHost.agentGui.fileMentionTabHint"),
+      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]
@@ -28019,7 +28720,9 @@ var AgentGUINode = memo2(function AgentGUINode2({
     [railStatusProvider, workspaceAgentProbes?.snapshot]
   );
   const isActiveAgentProviderReady = useMemo11(() => {
-    const managedAgent = getAgentHostManagedToolchainAgentByName(activeProbeProvider);
+    const managedAgent = getAgentHostManagedToolchainAgentByName(
+      activeReadinessProvider
+    );
     if (!managedAgent) {
       return true;
     }
@@ -28030,7 +28733,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       managedAgent,
       managedAgentsState
     ) === "installed";
-  }, [activeProbeProvider, managedAgentsState]);
+  }, [activeReadinessProvider, managedAgentsState]);
   const runtimeSlashStatusQuotas = useMemo11(
     () => slashStatusQuotasFromRuntimeUsage(
       viewModel.sessionChrome.rawState?.runtimeContext?.usage