@tutti-os/agent-gui 0.0.16 → 0.0.17

package/dist/{chunk-EKATXC3W.js → chunk-CDTTIUPL.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-MTFSQWZ6.js";
 import {
   translate
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 
 // shared/managedAgentProviders.ts
 function normalizeManagedAgentProvider(provider) {
@@ -113,4 +113,4 @@ export {
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel
 };
-//# sourceMappingURL=chunk-EKATXC3W.js.map
+//# sourceMappingURL=chunk-CDTTIUPL.js.map

package/dist/{chunk-267VY3EJ.js → chunk-HVOPJU2K.js}

@@ -10,14 +10,14 @@ import {
   resolveWorkspaceFileLinkAction,
   resolveWorkspaceFilePathCandidate,
   resolveWorkspaceLinkAction
-} from "./chunk-FJYH2ZPX.js";
+} from "./chunk-K44WER5Z.js";
 import {
   attrsToMentionItem,
   createAgentFileMentionExtension,
   formatAgentMentionMarkdown,
   mentionItemToAttrs,
   parseAgentMentionMarkdown
-} from "./chunk-KWPL3JYS.js";
+} from "./chunk-KHTIC52P.js";
 import {
   isWorkspaceAgentSyntheticControlMessage
 } from "./chunk-XJ34OIEQ.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk-TYGL25EL.js";
 import {
   translate
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 
 // shared/imageGenerationTool.ts
 var KNOWN_IMAGE_GENERATION_TOOL_NAMES = /* @__PURE__ */ new Set([
@@ -12085,4 +12085,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-267VY3EJ.js.map
+//# sourceMappingURL=chunk-HVOPJU2K.js.map

package/dist/{chunk-FJYH2ZPX.js → chunk-K44WER5Z.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-O5TUTXHT.js";
 import {
   useTranslation
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
@@ -2593,4 +2593,4 @@ export {
   CustomScrollArea,
   MessageSquareMoreIcon
 };
-//# sourceMappingURL=chunk-FJYH2ZPX.js.map
+//# sourceMappingURL=chunk-K44WER5Z.js.map

package/dist/{chunk-KWPL3JYS.js → chunk-KHTIC52P.js}

@@ -1,7 +1,7 @@
 import {
   translate,
   useTranslation
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 import {
   resolveAgentMentionFileThumbnailUrl,
   resolveAgentMentionFileVisualKind
@@ -1326,4 +1326,4 @@ export {
   attrsToMentionItem,
   buildAgentGenericMentionHref2 as buildAgentGenericMentionHref
 };
-//# sourceMappingURL=chunk-KWPL3JYS.js.map
+//# sourceMappingURL=chunk-KHTIC52P.js.map

package/dist/{chunk-CABHBFYH.js → chunk-OJ5WX7SZ.js}

@@ -13,7 +13,7 @@ import {
 import {
   translate,
   translateInUiLanguage
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 
 // shared/workspaceAgentStatusNormalizer.ts
 var FAILED_STATUS_TOKENS = /* @__PURE__ */ new Set(["failed", "error"]);
@@ -915,4 +915,4 @@ export {
   resolveWorkspaceAgentActivityStatus,
   resolveWorkspaceAgentActivityTitle
 };
-//# sourceMappingURL=chunk-CABHBFYH.js.map
+//# sourceMappingURL=chunk-OJ5WX7SZ.js.map

package/dist/{chunk-LWRYYGPZ.js → chunk-VNAQ6QFE.js}

@@ -3,14 +3,14 @@ import {
   managedAgentRoundedIconUrl,
   userAvatarPlaceholderUrl,
   workspaceAgentActivityStatusLabel
-} from "./chunk-EKATXC3W.js";
+} from "./chunk-CDTTIUPL.js";
 import {
   buildAgentGenericMentionHref,
   buildAgentSessionMentionHref,
   buildAgentWorkspaceAppMentionHref,
   buildAgentWorkspaceIssueMentionHref,
   normalizeAgentSessionMentionTitle
-} from "./chunk-KWPL3JYS.js";
+} from "./chunk-KHTIC52P.js";
 import {
   getOptionalAgentHostApi
 } from "./chunk-O5TUTXHT.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-HIREVEZM.js";
 import {
   translate
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 import {
   resolveAgentMentionFileThumbnailUrl,
   resolveAgentMentionFileVisualKind
@@ -2120,4 +2120,4 @@ export {
   AgentFileMentionPalette,
   AgentContextMentionPalette
 };
-//# sourceMappingURL=chunk-LWRYYGPZ.js.map
+//# sourceMappingURL=chunk-VNAQ6QFE.js.map

package/dist/{chunk-LW2S255I.js → chunk-VO2TZNKV.js}

@@ -7,17 +7,17 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-FJYH2ZPX.js";
+} from "./chunk-K44WER5Z.js";
 import {
   Spinner
-} from "./chunk-EKATXC3W.js";
+} from "./chunk-CDTTIUPL.js";
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
 } from "./chunk-O5TUTXHT.js";
 import {
   translate
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 
 // shared/agentConversation/approvalOptionPresentation.ts
 function approvalOptionDisplayLabel(option, intent = {}) {
@@ -1106,4 +1106,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-LW2S255I.js.map
+//# sourceMappingURL=chunk-VO2TZNKV.js.map

package/dist/context-mention-palette/index.js

@@ -4,12 +4,12 @@ import {
   AgentMentionSearchController,
   flattenAgentMentionPaletteEntries,
   groupStartKeys
-} from "../chunk-LWRYYGPZ.js";
-import "../chunk-CABHBFYH.js";
-import "../chunk-EKATXC3W.js";
+} from "../chunk-VNAQ6QFE.js";
+import "../chunk-OJ5WX7SZ.js";
+import "../chunk-CDTTIUPL.js";
 import "../chunk-MTFSQWZ6.js";
 import "../chunk-IBIMGLCD.js";
-import "../chunk-KWPL3JYS.js";
+import "../chunk-KHTIC52P.js";
 import "../chunk-XJ34OIEQ.js";
 import "../chunk-O5TUTXHT.js";
 import "../chunk-TYGL25EL.js";
@@ -17,7 +17,7 @@ import {
   AGENT_CONTEXT_MENTION_PROVIDER_IDS
 } from "../chunk-HIREVEZM.js";
 import "../chunk-GCBDIQDX.js";
-import "../chunk-SIDWRR5I.js";
+import "../chunk-65YMY2M3.js";
 import "../chunk-LUGELG5V.js";
 import "../chunk-PJP5BUU6.js";
 export {

package/dist/i18n/index.d.ts

@@ -720,6 +720,8 @@ declare const agentGuiI18nResources: {
                 readonly shortcutCmdEnter: "Cmd + Enter";
                 readonly shortcutCtrEnter: "Ctr + Enter";
                 readonly openConversationWindow: "Open session in new window";
+                readonly showMoreConversations: "Show more";
+                readonly showLessConversations: "Show less";
                 readonly deleteSession: "Delete session";
                 readonly pinSession: "Pin session";
                 readonly unpinSession: "Unpin session";
@@ -3093,6 +3095,8 @@ declare const agentGuiI18nResources: {
                 readonly shortcutCmdEnter: "Cmd + Enter";
                 readonly shortcutCtrEnter: "Ctr + Enter";
                 readonly openConversationWindow: "在新窗口打开会话";
+                readonly showMoreConversations: "显示更多";
+                readonly showLessConversations: "收起";
                 readonly deleteSession: "删除会话";
                 readonly pinSession: "置顶会话";
                 readonly unpinSession: "取消置顶";

package/dist/i18n/index.js

@@ -6,7 +6,7 @@ import {
   translate,
   translateInUiLanguage,
   useTranslation
-} from "../chunk-SIDWRR5I.js";
+} from "../chunk-65YMY2M3.js";
 export {
   AgentGuiI18nProvider,
   agentGuiI18nModule,

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-LW2S255I.js";
+} from "./chunk-VO2TZNKV.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -37,12 +37,12 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-267VY3EJ.js";
+} from "./chunk-HVOPJU2K.js";
 import {
   AgentMessageMarkdown,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-FJYH2ZPX.js";
+} from "./chunk-K44WER5Z.js";
 import {
   AGENT_MENTION_FILTER_TAB_ORDER,
   AgentFileMentionPalette,
@@ -50,7 +50,7 @@ import {
   DEFAULT_AGENT_MENTION_FILTER,
   flattenAgentMentionPaletteEntries,
   preloadAgentMentionBrowse
-} from "./chunk-LWRYYGPZ.js";
+} from "./chunk-VNAQ6QFE.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -59,13 +59,13 @@ import {
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-CABHBFYH.js";
+} from "./chunk-OJ5WX7SZ.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-EKATXC3W.js";
+} from "./chunk-CDTTIUPL.js";
 import "./chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
@@ -78,7 +78,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-KWPL3JYS.js";
+} from "./chunk-KHTIC52P.js";
 import "./chunk-XJ34OIEQ.js";
 import {
   AgentActivityHostProvider,
@@ -107,7 +107,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-65YMY2M3.js";
 import "./chunk-LUGELG5V.js";
 import "./chunk-PJP5BUU6.js";
 
@@ -9136,7 +9136,10 @@ function useAgentGUINodeController({
           settings: initialNodeSettings
         });
         const snapshotComposerOptions = agentActivityRuntime.getSnapshot(workspaceId).composerOptionsByProvider?.[provider] ?? null;
-        const draftAgentSessionId = normalizedInitialContent.length > 0 && provider === "claude-code" ? draftAgentSessionIdFromComposerOptions(snapshotComposerOptions) : null;
+        const snapshotDraftAgentSessionId = normalizedInitialContent.length > 0 && provider === "claude-code" ? draftAgentSessionIdFromComposerOptions(snapshotComposerOptions) : null;
+        const draftAgentSessionId = snapshotDraftAgentSessionId && !activatedConversationIdsRef.current.has(
+          snapshotDraftAgentSessionId
+        ) && !failedNewConversationIdsRef.current.has(snapshotDraftAgentSessionId) ? snapshotDraftAgentSessionId : null;
         const agentSessionId = draftAgentSessionId ?? createAgentGUIConversationId();
         pendingCreateAgentSessionId = agentSessionId;
         const createdAtUnixMs = Date.now();
@@ -9269,7 +9272,7 @@ function useAgentGUINodeController({
         void loadSessionState(conversation2.id);
         void syncConversationListProjection(conversation2.id);
       }).catch((error) => {
-        const agentSessionId = startingConversationIdRef.current ?? createAgentGUIConversationId();
+        const agentSessionId = pendingCreateAgentSessionId ?? createAgentGUIConversationId();
         if (conversationListQuery) {
           clearAgentGUIConversationCreatePending({
             query: conversationListQuery,
@@ -9279,6 +9282,10 @@ function useAgentGUINodeController({
         }
         const shouldShowFailedConversation = startingConversationIdRef.current === agentSessionId || activeConversationIdRef.current === null && isComposerHomeRef.current;
         if (!shouldShowFailedConversation && !isCurrentConversation(agentSessionId)) {
+          setAgentSessionViewMessagesLoading(
+            sessionViewRef(agentSessionId),
+            false
+          );
           if (startingConversationIdRef.current === agentSessionId) {
             startingConversationIdRef.current = null;
           }
@@ -9327,6 +9334,10 @@ function useAgentGUINodeController({
           [agentSessionId]: emptyAgentComposerDraft()
         }));
         setIsLoadingMessages(false);
+        setAgentSessionViewMessagesLoading(
+          sessionViewRef(agentSessionId),
+          false
+        );
         setDetailError(message);
       }).finally(() => {
         isCreatingConversationRef.current = false;
@@ -11894,6 +11905,7 @@ import {
   useState as useState11
 } from "react";
 import { useSnapshot } from "valtio";
+import { proxy as proxy2 } from "valtio/vanilla";
 import { ChevronRight as ChevronRight2, ExternalLink, Info, X as X2 } from "lucide-react";
 import {
   ReferenceSourcePicker,
@@ -13794,6 +13806,8 @@ var styles3 = {
   conversationSectionLabel: "agent-gui-node__conversation-section-label",
   conversationSectionLabelIcon: "agent-gui-node__conversation-section-label-icon",
   conversationSectionMoreButton: "agent-gui-node__conversation-section-more-button",
+  conversationSectionPagination: "agent-gui-node__conversation-section-pagination",
+  conversationSectionPaginationButton: "agent-gui-node__conversation-section-pagination-button",
   conversationSectionToggle: "agent-gui-node__conversation-section-toggle",
   conversationSelect: "agent-gui-node__conversation-select",
   conversationStatusGlyph: "agent-gui-node__conversation-status-glyph",
@@ -16452,7 +16466,7 @@ function AgentUsageChip({
           "span",
           {
             "aria-hidden": "true",
-            className: "absolute inset-0.5 rounded-full bg-[var(--background-panel)]"
+            className: "absolute inset-0.5 rounded-full bg-[var(--agent-gui-surface-raised,var(--background-fronted))]"
           }
         )
       }
@@ -18654,6 +18668,7 @@ function AttentionGlyph() {
 // agent-gui/agentGuiNode/AgentGUINodeView.tsx
 import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 var AGENT_GUI_STICK_TO_BOTTOM_THRESHOLD_PX = 24;
+var AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE = 5;
 var AGENT_GUI_TIMELINE_SCROLL_AREA_CONTENT_STYLE = {
   width: "100%",
   minWidth: "100%",
@@ -18984,9 +18999,38 @@ function AgentGUINodeView({
     },
     [settleReferencePicker, viewModel.workspaceId]
   );
-  const openclawGateway = viewModel.openclawGateway ?? (viewModel.data.provider === "openclaw" ? { status: "starting", error: null } : null);
+  const openclawGateway = useMemo10(
+    () => viewModel.openclawGateway ?? (viewModel.data.provider === "openclaw" ? { status: "starting", error: null } : null),
+    [viewModel.data.provider, viewModel.openclawGateway]
+  );
   const isOpenclawGatewayBlocking = openclawGateway !== null && openclawGateway.status !== "ready";
   const createConversationDisabled = viewModel.isCreatingConversation || isOpenclawGatewayBlocking;
+  const createConversationAction = useStableEventCallback2(
+    actions.createConversation
+  );
+  const retryOpenclawGateway = useStableEventCallback2(
+    actions.retryOpenclawGateway
+  );
+  const selectConversation = useStableEventCallback2(actions.selectConversation);
+  const toggleConversationPinned = useStableEventCallback2(
+    actions.toggleConversationPinned
+  );
+  const removeProject = useStableEventCallback2(actions.removeProject);
+  const confirmDeleteProjectConversations = useStableEventCallback2(
+    actions.confirmDeleteProjectConversations
+  );
+  const requestDeleteConversation = useStableEventCallback2(
+    actions.requestDeleteConversation
+  );
+  const cancelDeleteConversation = useStableEventCallback2(
+    actions.cancelDeleteConversation
+  );
+  const confirmDeleteConversation = useStableEventCallback2(
+    actions.confirmDeleteConversation
+  );
+  const openConversationWindow = useOptionalStableEventCallback(
+    onOpenConversationWindow
+  );
   const detailComposerFocusRequestSequence = localComposerFocusRequestSequence === 0 ? composerFocusRequestSequence : (composerFocusRequestSequence ?? 0) + localComposerFocusRequestSequence;
   const requestCreateConversation = useCallback10(
     (options) => {
@@ -18994,13 +19038,13 @@ function AgentGUINodeView({
         return;
       }
       if (options) {
-        actions.createConversation(options);
+        createConversationAction(options);
       } else {
-        actions.createConversation();
+        createConversationAction();
       }
       setLocalComposerFocusRequestSequence((current) => current + 1);
     },
-    [actions, previewMode]
+    [createConversationAction, previewMode]
   );
   useEffect12(() => {
     if (newConversationRequestSequence === null || handledNewConversationRequestSequenceRef.current === newConversationRequestSequence) {
@@ -19137,6 +19181,73 @@ function AgentGUINodeView({
     "--agent-gui-detail-min-width": `${detailMinWidthPx}px`,
     gridTemplateColumns: conversationRailCollapsed ? "0 minmax(var(--agent-gui-detail-min-width), 1fr)" : "var(--agent-gui-conversation-rail-width) minmax(var(--agent-gui-detail-min-width), 1fr)"
   };
+  const conversationRailStoreState = useMemo10(
+    () => ({
+      conversations: viewModel.conversations,
+      userProjects: viewModel.userProjects,
+      activeConversationId: viewModel.activeConversationId,
+      pendingDeleteConversationId: viewModel.pendingDeleteConversation?.id ?? null,
+      isLoadingConversations: viewModel.isLoadingConversations,
+      isDeletingConversation: viewModel.isDeletingConversation,
+      isDeletingProjectConversations: viewModel.isDeletingProjectConversations,
+      labels,
+      workspaceUserProjectI18n,
+      uiLanguage,
+      showProjectSelector,
+      createConversationDisabled,
+      openclawGateway,
+      isCollapsed: conversationRailCollapsed,
+      onCreateConversation: requestCreateConversation,
+      onRetryOpenclawGateway: retryOpenclawGateway,
+      onSelectConversation: selectConversation,
+      onToggleConversationPinned: toggleConversationPinned,
+      onRemoveProject: removeProject,
+      onConfirmDeleteProjectConversations: confirmDeleteProjectConversations,
+      onRequestDeleteConversation: requestDeleteConversation,
+      onCancelDeleteConversation: cancelDeleteConversation,
+      onConfirmDeleteConversation: confirmDeleteConversation,
+      onOpenConversationWindow: openConversationWindow
+    }),
+    [
+      cancelDeleteConversation,
+      confirmDeleteConversation,
+      confirmDeleteProjectConversations,
+      conversationRailCollapsed,
+      createConversationDisabled,
+      labels,
+      openConversationWindow,
+      openclawGateway,
+      removeProject,
+      requestCreateConversation,
+      requestDeleteConversation,
+      retryOpenclawGateway,
+      selectConversation,
+      showProjectSelector,
+      toggleConversationPinned,
+      uiLanguage,
+      viewModel.activeConversationId,
+      viewModel.conversations,
+      viewModel.isDeletingConversation,
+      viewModel.isDeletingProjectConversations,
+      viewModel.isLoadingConversations,
+      viewModel.pendingDeleteConversation?.id,
+      viewModel.userProjects,
+      workspaceUserProjectI18n
+    ]
+  );
+  const conversationRailStoreRef = useRef13(
+    null
+  );
+  if (conversationRailStoreRef.current === null) {
+    conversationRailStoreRef.current = createAgentGUIConversationRailStore(
+      conversationRailStoreState
+    );
+  }
+  const conversationRailStore = conversationRailStoreRef.current;
+  syncAgentGUIConversationRailStore(
+    conversationRailStore,
+    conversationRailStoreState
+  );
   return /* @__PURE__ */ jsxs15(TooltipProvider2, { children: [
     /* @__PURE__ */ jsxs15(
       "div",
@@ -19156,32 +19267,10 @@ function AgentGUINodeView({
               "aria-hidden": conversationRailCollapsed ? "true" : void 0,
               inert: conversationRailCollapsed ? true : void 0,
               children: /* @__PURE__ */ jsx29(
-                AgentGUIConversationRailPane,
+                AgentGUIConversationRailStorePane,
                 {
-                  conversations: viewModel.conversations,
-                  userProjects: viewModel.userProjects,
-                  activeConversationId: viewModel.activeConversationId,
-                  pendingDeleteConversationId: viewModel.pendingDeleteConversation?.id ?? null,
-                  isLoadingConversations: viewModel.isLoadingConversations,
-                  isDeletingConversation: viewModel.isDeletingConversation,
-                  isDeletingProjectConversations: viewModel.isDeletingProjectConversations,
-                  labels,
-                  workspaceUserProjectI18n,
-                  uiLanguage,
-                  showProjectSelector,
-                  createConversationDisabled,
-                  openclawGateway,
-                  isCollapsed: conversationRailCollapsed,
-                  onCreateConversation: requestCreateConversation,
-                  onRetryOpenclawGateway: actions.retryOpenclawGateway,
-                  onSelectConversation: actions.selectConversation,
-                  onToggleConversationPinned: actions.toggleConversationPinned,
-                  onRemoveProject: actions.removeProject,
-                  onConfirmDeleteProjectConversations: actions.confirmDeleteProjectConversations,
-                  onRequestDeleteConversation: actions.requestDeleteConversation,
-                  onCancelDeleteConversation: actions.cancelDeleteConversation,
-                  onConfirmDeleteConversation: actions.confirmDeleteConversation,
-                  onOpenConversationWindow
+                  store: conversationRailStore,
+                  storeState: conversationRailStoreState
                 }
               )
             }
@@ -20509,6 +20598,28 @@ var AgentGUIBottomDockPane = memo(function AgentGUIBottomDockPane2({
     }
   );
 });
+function createAgentGUIConversationRailStore(initialState) {
+  return proxy2(initialState);
+}
+function syncAgentGUIConversationRailStore(store, next) {
+  if (agentGUIConversationRailStoreSnapshotsEqual(store, next)) {
+    return;
+  }
+  Object.assign(store, next);
+}
+function agentGUIConversationRailStoreSnapshotsEqual(current, next) {
+  return current.conversations === next.conversations && current.userProjects === next.userProjects && current.activeConversationId === next.activeConversationId && current.pendingDeleteConversationId === next.pendingDeleteConversationId && current.isLoadingConversations === next.isLoadingConversations && current.isDeletingConversation === next.isDeletingConversation && current.isDeletingProjectConversations === next.isDeletingProjectConversations && current.labels === next.labels && current.workspaceUserProjectI18n === next.workspaceUserProjectI18n && current.uiLanguage === next.uiLanguage && current.showProjectSelector === next.showProjectSelector && current.createConversationDisabled === next.createConversationDisabled && current.openclawGateway === next.openclawGateway && current.isCollapsed === next.isCollapsed && current.onCreateConversation === next.onCreateConversation && current.onRetryOpenclawGateway === next.onRetryOpenclawGateway && current.onSelectConversation === next.onSelectConversation && current.onToggleConversationPinned === next.onToggleConversationPinned && current.onOpenConversationWindow === next.onOpenConversationWindow && current.onRemoveProject === next.onRemoveProject && current.onConfirmDeleteProjectConversations === next.onConfirmDeleteProjectConversations && current.onRequestDeleteConversation === next.onRequestDeleteConversation && current.onCancelDeleteConversation === next.onCancelDeleteConversation && current.onConfirmDeleteConversation === next.onConfirmDeleteConversation;
+}
+var AgentGUIConversationRailStorePane = memo(
+  function AgentGUIConversationRailStorePane2({
+    store,
+    storeState: _storeState
+  }) {
+    "use memo";
+    const state = useSnapshot(store);
+    return /* @__PURE__ */ jsx29(AgentGUIConversationRailPane, { ...state });
+  }
+);
 function normalizeConversationRailProjectPath(path) {
   const normalized = path?.trim().replaceAll("\\", "/") ?? "";
   if (!normalized) {
@@ -20815,6 +20926,24 @@ var AgentGUIConversationRailSection = memo(
   }) {
     "use memo";
     const isProjectSection = section.kind === "project";
+    const [visibleItemLimit, setVisibleItemLimit] = useState11(
+      AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE
+    );
+    const visibleItemCount = Math.min(visibleItemLimit, section.items.length);
+    const visibleItems = section.items.slice(0, visibleItemCount);
+    const canShowMore = visibleItemCount < section.items.length;
+    const canShowLess = visibleItemCount > AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE;
+    const showMoreConversations = useCallback10(() => {
+      setVisibleItemLimit(
+        (current) => Math.min(
+          section.items.length,
+          current + AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE
+        )
+      );
+    }, [section.items.length]);
+    const showLessConversations = useCallback10(() => {
+      setVisibleItemLimit(AGENT_GUI_CONVERSATION_RAIL_SECTION_PAGE_SIZE);
+    }, []);
     return /* @__PURE__ */ jsxs15(
       "section",
       {
@@ -20944,7 +21073,7 @@ var AgentGUIConversationRailSection = memo(
               "aria-hidden": isSectionCollapsed ? "true" : void 0,
               children: /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.conversationSectionItemsInner, children: [
                 section.items.length === 0 ? /* @__PURE__ */ jsx29("div", { className: AgentGUINode_styles_default.conversationSectionEmpty, children: labels.emptyProjectConversations }) : null,
-                section.items.map((item) => /* @__PURE__ */ jsx29(
+                visibleItems.map((item) => /* @__PURE__ */ jsx29(
                   AgentGUIConversationRailItem,
                   {
                     active: item.id === activeConversationId,
@@ -20963,7 +21092,27 @@ var AgentGUIConversationRailSection = memo(
                     onOpenConversationWindow
                   },
                   item.id
-                ))
+                )),
+                canShowMore || canShowLess ? /* @__PURE__ */ jsxs15("div", { className: AgentGUINode_styles_default.conversationSectionPagination, children: [
+                  canShowMore ? /* @__PURE__ */ jsx29(
+                    "button",
+                    {
+                      type: "button",
+                      className: AgentGUINode_styles_default.conversationSectionPaginationButton,
+                      onClick: showMoreConversations,
+                      children: labels.showMoreConversations
+                    }
+                  ) : null,
+                  canShowLess ? /* @__PURE__ */ jsx29(
+                    "button",
+                    {
+                      type: "button",
+                      className: AgentGUINode_styles_default.conversationSectionPaginationButton,
+                      onClick: showLessConversations,
+                      children: labels.showLessConversations
+                    }
+                  ) : null
+                ] }) : null
               ] })
             }
           )
@@ -22335,6 +22484,8 @@ var AgentGUINode = memo2(function AgentGUINode2({
       thinkingLabel: t("agentHost.workspaceAgentSessionDetailThinking"),
       toolCallsLabel: (count) => t("agentHost.workspaceAgentSessionDetailToolCalls", { count }),
       openConversationWindow: t("agentHost.agentGui.openConversationWindow"),
+      showMoreConversations: t("agentHost.agentGui.showMoreConversations"),
+      showLessConversations: t("agentHost.agentGui.showLessConversations"),
       deleteSession: t("agentHost.agentGui.deleteSession"),
       pinSession: t("agentHost.agentGui.pinSession"),
       unpinSession: t("agentHost.agentGui.unpinSession"),
@@ -22611,7 +22762,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       minSize,
       appearance: embedded ? "embedded" : "window",
       className: "size-full bg-transparent",
-      bodyClassName: `${AgentGUINode_styles_default.shell} nodrag size-full min-h-0 min-w-0 bg-transparent p-0`,
+      bodyClassName: `${AgentGUINode_styles_default.shell} nodrag size-full min-h-0 min-w-0 !bg-transparent p-0`,
       hideHeader: embedded,
       titleAccessory: /* @__PURE__ */ jsxs17("span", { className: "inline-flex flex-none items-center gap-1", children: [
         /* @__PURE__ */ jsx31(