@tutti-os/agent-gui 0.0.16 → 0.0.18

package/dist/i18n/index.d.ts

@@ -471,6 +471,7 @@ declare const agentGuiI18nResources: {
                 readonly slashStatusContextUnavailable: "Context usage unavailable";
                 readonly slashStatusLimitsUnavailable: "Rate limits unavailable from this agent";
                 readonly usageChipLabel: "Context {{percent}}%";
+                readonly usageTooltipLabel: "Context usage";
                 readonly usagePopoverTitle: "Plan usage";
                 readonly usageContextWindowLabel: "Context window";
                 readonly usageTokensLabel: "Tokens";
@@ -624,6 +625,7 @@ declare const agentGuiI18nResources: {
                 readonly sectionEarlier: "Earlier";
                 readonly projectSectionEdit: "New session";
                 readonly projectSectionMoreActions: "Project actions";
+                readonly projectSectionViewFiles: "Open folder";
                 readonly projectRailCreateProject: "New project";
                 readonly projectRailLinkExistingProject: "Link existing project folder";
                 readonly removeProject: "Remove";
@@ -720,6 +722,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";
@@ -766,7 +770,7 @@ declare const agentGuiI18nResources: {
                 readonly referenceWorkspaceFiles: "Reference workspace files";
                 readonly referencePicker: {
                     readonly clearFilter: "Clear filter";
-                    readonly confirm: "Use selected references";
+                    readonly confirm: "Use references";
                     readonly emptyDirectory: "This folder is empty.";
                     readonly emptyPreview: "Select a file to see details";
                     readonly emptySearch: "No matching files or folders.";
@@ -2844,6 +2848,7 @@ declare const agentGuiI18nResources: {
                 readonly slashStatusContextUnavailable: "上下文用量不可用";
                 readonly slashStatusLimitsUnavailable: "当前 Agent 未提供额度限制";
                 readonly usageChipLabel: "上下文 {{percent}}%";
+                readonly usageTooltipLabel: "上下文用量";
                 readonly usagePopoverTitle: "计划用量";
                 readonly usageContextWindowLabel: "上下文窗口";
                 readonly usageTokensLabel: "Token 用量";
@@ -2997,6 +3002,7 @@ declare const agentGuiI18nResources: {
                 readonly sectionEarlier: "更早";
                 readonly projectSectionEdit: "新建会话";
                 readonly projectSectionMoreActions: "项目操作";
+                readonly projectSectionViewFiles: "打开文件夹";
                 readonly projectRailCreateProject: "新建项目";
                 readonly projectRailLinkExistingProject: "关联已有项目文件";
                 readonly removeProject: "移除";
@@ -3093,6 +3099,8 @@ declare const agentGuiI18nResources: {
                 readonly shortcutCmdEnter: "Cmd + Enter";
                 readonly shortcutCtrEnter: "Ctr + Enter";
                 readonly openConversationWindow: "在新窗口打开会话";
+                readonly showMoreConversations: "显示更多";
+                readonly showLessConversations: "收起";
                 readonly deleteSession: "删除会话";
                 readonly pinSession: "置顶会话";
                 readonly unpinSession: "取消置顶";
@@ -3139,7 +3147,7 @@ declare const agentGuiI18nResources: {
                 readonly referenceWorkspaceFiles: "引用空间文件";
                 readonly referencePicker: {
                     readonly clearFilter: "清除筛选";
-                    readonly confirm: "使用已选引用";
+                    readonly confirm: "引用文件";
                     readonly emptyDirectory: "当前目录为空";
                     readonly emptyPreview: "选择一个文件查看详情";
                     readonly emptySearch: "没有匹配的文件或文件夹";

package/dist/i18n/index.js

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

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { I18nRuntime } from '@tutti-os/ui-i18n-runtime';
 import { WorkspaceUserProjectService } from '@tutti-os/workspace-user-project/contracts';
 import { ReferenceLocateTarget, WorkspaceFileReferenceAdapter, WorkspaceFileReference } from '@tutti-os/workspace-file-reference/contracts';
 import { ReferenceSourceAggregator } from '@tutti-os/workspace-file-reference/core';
-import { W as WorkspaceLinkAction } from './workspaceLinkActions-Mjktl_Be.js';
+import { W as WorkspaceLinkAction } from './workspaceLinkActions-CqWZaCY4.js';
 import { A as AgentContextMentionItem } from './AgentMentionSearchController-DqssJ2-b.js';
 export { p as preloadAgentMentionBrowse } from './AgentMentionSearchController-DqssJ2-b.js';
 import { AgentContextMentionProvider } from './context-mention-provider.js';

package/dist/index.js

@@ -13,7 +13,7 @@ import {
 import {
   AgentInteractivePromptSurface,
   approvalOptionDisplayLabel
-} from "./chunk-LW2S255I.js";
+} from "./chunk-FEWMACBN.js";
 import {
   PLAN_IMPLEMENTATION_ACTION_FEEDBACK,
   PLAN_IMPLEMENTATION_ACTION_IMPLEMENT,
@@ -37,12 +37,12 @@ import {
   skillDescriptionForDisplay,
   skillTriggerForPrefix,
   useProjectedAgentConversation
-} from "./chunk-267VY3EJ.js";
+} from "./chunk-DT4W5Z2A.js";
 import {
   AgentMessageMarkdown,
   cn,
   resolveWorkspaceLinkAction
-} from "./chunk-FJYH2ZPX.js";
+} from "./chunk-S5GS4GRM.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-4RUK7VPA.js";
 import {
   WORKSPACE_AGENT_ACTIVITY_RUNTIME_SESSION_ORIGIN,
   buildWorkspaceAgentActivityListViewModel,
@@ -59,13 +59,13 @@ import {
   mergeWorkspaceAgentActivityDurableAndOverlayMessages,
   normalizeOptionalWorkspaceAgentStatus,
   selectWorkspaceAgentActivityOverlayMessages
-} from "./chunk-CABHBFYH.js";
+} from "./chunk-B7DTDZVT.js";
 import {
   MANAGED_AGENT_ICON_FALLBACK_URL,
   MANAGED_AGENT_ICON_URLS,
   Spinner,
   normalizeManagedAgentProvider
-} from "./chunk-EKATXC3W.js";
+} from "./chunk-F7XLV7M3.js";
 import "./chunk-MTFSQWZ6.js";
 import {
   resolveWorkspaceAgentSessionSortTimeUnixMs
@@ -78,7 +78,7 @@ import {
   mentionItemToAttrs,
   normalizeAgentSessionMentionTitle,
   parseMentionItemFromHref
-} from "./chunk-KWPL3JYS.js";
+} from "./chunk-5Z5HILKT.js";
 import "./chunk-XJ34OIEQ.js";
 import {
   AgentActivityHostProvider,
@@ -107,7 +107,7 @@ import {
   getActiveUiLanguage,
   translate,
   useTranslation
-} from "./chunk-SIDWRR5I.js";
+} from "./chunk-GLDKFIWM.js";
 import "./chunk-LUGELG5V.js";
 import "./chunk-PJP5BUU6.js";
 
@@ -8642,17 +8642,18 @@ function useAgentGUINodeController({
         defaultReasoningEffort,
         drafts: draftSettingsBySessionIdRef.current
       });
+      const composerOptionsCwd = selectedProjectPathRef.current?.trim() || workspacePath.trim() || "";
       void Promise.resolve(
         agentActivityRuntime.getComposerOptions({
           workspaceId,
-          cwd: selectedProjectPathRef.current ?? "",
+          cwd: composerOptionsCwd,
           force: options?.force,
           provider,
           settings
         })
       ).catch(() => void 0);
     },
-    [agentActivityRuntime, defaultReasoningEffort, workspaceId]
+    [agentActivityRuntime, defaultReasoningEffort, workspaceId, workspacePath]
   );
   useEffect4(() => {
     if (previewMode) {
@@ -9136,7 +9137,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 +9273,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 +9283,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 +9335,10 @@ function useAgentGUINodeController({
           [agentSessionId]: emptyAgentComposerDraft()
         }));
         setIsLoadingMessages(false);
+        setAgentSessionViewMessagesLoading(
+          sessionViewRef(agentSessionId),
+          false
+        );
         setDetailError(message);
       }).finally(() => {
         isCreatingConversationRef.current = false;
@@ -11894,6 +11906,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,
@@ -12939,7 +12952,7 @@ function AgentSessionChrome({
         tabIndex: expandableCards.has("recovery") ? 0 : void 0,
         className: cn(
           AgentGUIChrome_styles_default.chromeCard,
-          visibleRecovery.kind === "failed" ? AgentGUIChrome_styles_default.chromeCardDanger : visibleRecovery.kind === "warning" ? AgentGUIChrome_styles_default.chromeCardWarning : visibleRecovery.kind === "activating" ? AgentGUIChrome_styles_default.chromeCardConnecting : AgentGUIChrome_styles_default.chromeCardMuted
+          visibleRecovery.kind === "failed" ? AgentGUIChrome_styles_default.chromeCardDanger : visibleRecovery.kind === "warning" ? AgentGUIChrome_styles_default.chromeCardDanger : visibleRecovery.kind === "activating" ? AgentGUIChrome_styles_default.chromeCardConnecting : AgentGUIChrome_styles_default.chromeCardMuted
         ),
         onClick: () => toggleExpandedCard("recovery"),
         onKeyDown: handleExpandableCardKeyDown("recovery"),
@@ -13794,6 +13807,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",
@@ -16436,27 +16451,30 @@ function AgentUsageChip({
   const usageLevel = agentUsageChipLevel(clampedPercent);
   const ringColor = agentUsageRingColor(usageLevel);
   return /* @__PURE__ */ jsxs13(Popover, { children: [
-    /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
-      "button",
-      {
-        type: "button",
-        "aria-label": chipLabel,
-        className: "nodrag relative mr-2 inline-flex size-4 shrink-0 cursor-default items-center justify-center rounded-full p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] [-webkit-app-region:no-drag]",
-        "data-testid": "agent-gui-usage-chip",
-        "data-usage-level": usageLevel,
-        title: chipLabel,
-        style: {
-          background: `conic-gradient(${ringColor} ${clampedPercent}%, color-mix(in srgb, ${ringColor} 16%, transparent) 0)`
-        },
-        children: /* @__PURE__ */ jsx26(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "absolute inset-0.5 rounded-full bg-[var(--background-panel)]"
-          }
-        )
-      }
-    ) }),
+    /* @__PURE__ */ jsx26(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs13(Tooltip, { children: [
+      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx26(
+        "button",
+        {
+          type: "button",
+          "aria-label": chipLabel,
+          className: "nodrag relative mr-2 inline-flex size-4 shrink-0 cursor-default items-center justify-center rounded-full p-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_srgb,var(--text-primary)_34%,transparent)] [-webkit-app-region:no-drag]",
+          "data-testid": "agent-gui-usage-chip",
+          "data-usage-level": usageLevel,
+          title: chipLabel,
+          style: {
+            background: `conic-gradient(${ringColor} ${clampedPercent}%, color-mix(in srgb, ${ringColor} 16%, transparent) 0)`
+          },
+          children: /* @__PURE__ */ jsx26(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "absolute inset-0.5 rounded-full bg-[var(--agent-gui-surface-raised,var(--background-fronted))]"
+            }
+          )
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx26(TooltipContent, { side: "top", children: labels.usageTooltipLabel })
+    ] }) }),
     /* @__PURE__ */ jsx26(
       PopoverContent,
       {
@@ -18164,6 +18182,7 @@ function AgentComposer({
                         limits: slashStatus?.limits ?? [],
                         labels: {
                           usageChipLabel: labels.usageChipLabel,
+                          usageTooltipLabel: labels.usageTooltipLabel,
                           usagePopoverTitle: labels.usagePopoverTitle,
                           usageContextWindowLabel: labels.usageContextWindowLabel,
                           usageLimitsLabel: labels.usageLimitsLabel
@@ -18654,6 +18673,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 +19004,39 @@ 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 openProjectFiles = useOptionalStableEventCallback(onLinkAction);
   const detailComposerFocusRequestSequence = localComposerFocusRequestSequence === 0 ? composerFocusRequestSequence : (composerFocusRequestSequence ?? 0) + localComposerFocusRequestSequence;
   const requestCreateConversation = useCallback10(
     (options) => {
@@ -18994,13 +19044,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 +19187,75 @@ 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,
+      onOpenProjectFiles: openProjectFiles,
+      onOpenConversationWindow: openConversationWindow
+    }),
+    [
+      cancelDeleteConversation,
+      confirmDeleteConversation,
+      confirmDeleteProjectConversations,
+      conversationRailCollapsed,
+      createConversationDisabled,
+      labels,
+      openConversationWindow,
+      openProjectFiles,
+      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 +19275,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
                 }
               )
             }
@@ -19632,6 +19729,7 @@ var AgentGUIDetailPane = memo(function AgentGUIDetailPane2({
       slashStatusContextUnavailable: labels.slashStatusContextUnavailable,
       slashStatusLimitsUnavailable: labels.slashStatusLimitsUnavailable,
       usageChipLabel: labels.usageChipLabel,
+      usageTooltipLabel: labels.usageTooltipLabel,
       usagePopoverTitle: labels.usagePopoverTitle,
       usageContextWindowLabel: labels.usageContextWindowLabel,
       usageTokensLabel: labels.usageTokensLabel,
@@ -20509,6 +20607,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.onOpenProjectFiles === next.onOpenProjectFiles && 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) {
@@ -20536,6 +20656,7 @@ var AgentGUIConversationRailPane = memo(
     onRetryOpenclawGateway,
     onSelectConversation,
     onToggleConversationPinned,
+    onOpenProjectFiles,
     onOpenConversationWindow,
     onRemoveProject,
     onConfirmDeleteProjectConversations,
@@ -20738,6 +20859,7 @@ var AgentGUIConversationRailPane = memo(
                       onSelectConversation,
                       setPendingProjectAction,
                       onToggleConversationPinned,
+                      onOpenProjectFiles,
                       onOpenConversationWindow,
                       onToggleProjectSectionCollapsed: toggleProjectSectionCollapsed
                     }
@@ -20808,6 +20930,7 @@ var AgentGUIConversationRailSection = memo(
     onSelectConversation,
     setPendingProjectAction,
     onToggleConversationPinned,
+    onOpenProjectFiles,
     onOpenConversationWindow,
     onRequestDeleteConversation,
     onCancelDeleteConversation,
@@ -20815,6 +20938,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",
       {
@@ -20900,6 +21041,24 @@ var AgentGUIConversationRailSection = memo(
                     className: `${AgentGUINode_styles_default.composerMenuContent} nodrag [-webkit-app-region:no-drag]`,
                     sideOffset: 6,
                     children: [
+                      /* @__PURE__ */ jsx29(
+                        DropdownMenuItem,
+                        {
+                          className: `${AgentGUINode_styles_default.composerMenuItem} nodrag [-webkit-app-region:no-drag]`,
+                          disabled: !onOpenProjectFiles,
+                          onSelect: () => {
+                            onOpenProjectFiles?.({
+                              directoryPath: projectPath,
+                              mode: "open-directory",
+                              path: projectPath,
+                              source: "agent-project-menu",
+                              type: "open-workspace-file",
+                              workspaceRoot: projectPath
+                            });
+                          },
+                          children: /* @__PURE__ */ jsx29("span", { children: labels.projectSectionViewFiles })
+                        }
+                      ),
                       projectConversationCount > 0 ? /* @__PURE__ */ jsx29(
                         DropdownMenuItem,
                         {
@@ -20944,7 +21103,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 +21122,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
               ] })
             }
           )
@@ -22211,6 +22390,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
         "agentHost.agentGui.slashStatusLimitsUnavailable"
       ),
       usageChipLabel: (input) => t("agentHost.agentGui.usageChipLabel", { percent: input.percent }),
+      usageTooltipLabel: t("agentHost.agentGui.usageTooltipLabel"),
       usagePopoverTitle: t("agentHost.agentGui.usagePopoverTitle"),
       usageContextWindowLabel: t("agentHost.agentGui.usageContextWindowLabel"),
       usageTokensLabel: t("agentHost.agentGui.usageTokensLabel"),
@@ -22258,6 +22438,7 @@ var AgentGUINode = memo2(function AgentGUINode2({
       projectSectionMoreActions: t(
         "agentHost.agentGui.projectSectionMoreActions"
       ),
+      projectSectionViewFiles: t("agentHost.agentGui.projectSectionViewFiles"),
       projectRailCreateProject: t(
         "agentHost.agentGui.projectRailCreateProject"
       ),
@@ -22335,6 +22516,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 +22794,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(