@vibe-forge/client 0.11.2 → 1.0.0

package/src/resources/locales/en.json

@@ -165,6 +165,8 @@
     "lastRunAt": "Last run: {{time}}",
     "noRunYet": "No runs yet",
     "emptyRules": "No automation rules",
+    "mobileRules": "Rules",
+    "mobileDetails": "Details",
     "selectRule": "Select an automation rule",
     "ruleId": "Rule ID",
     "createdAt": "Created At",
@@ -209,6 +211,8 @@
     "caseId": "Case:",
     "searchPlaceholder": "Search category, title, or summary",
     "emptyCases": "No benchmark cases",
+    "mobileCases": "Cases",
+    "mobileDetails": "Details",
     "noSummary": "No summary",
     "configTitle": "Case Config",
     "baseCommit": "Base Commit",
@@ -351,6 +355,13 @@
     "permissionReasons": "Reasons",
     "permissionExpandOptions": "Show more options",
     "permissionCollapseOptions": "Show fewer options",
+    "permissionConfirmOption": "Confirm option",
+    "permissionConfirmOptionTooltip": "Confirm the currently highlighted permission option",
+    "permissionSendBlockedTooltip": "A permission choice is still pending. Confirm the option above first.",
+    "permissionSendBlockedError": "A permission choice is still pending, so sending is temporarily disabled.",
+    "interactionOptionNavigation": "Quick option navigation",
+    "interactionOptionPrevious": "Previous option",
+    "interactionOptionNext": "Next option",
     "tooltipSlashCommands": "Slash commands",
     "tooltipMentionAgents": "Mention agents",
     "tooltipInjectContext": "Inject context",
@@ -363,6 +374,24 @@
     "modelRemoveRecommendation": "Remove from recommended models",
     "effortShortcutTooltip": "Switch reasoning effort",
     "sendShortcutTooltip": "Send message",
+    "queue": {
+      "steerTitle": "Send After Current Turn",
+      "nextTitle": "Send At Next Safe Point",
+      "count": "{{count}} queued",
+      "sendAfterTurn": "After turn",
+      "sendNext": "Next safe point",
+      "steerShortcutTooltip": "Queue the message until the current turn finishes",
+      "nextShortcutTooltip": "Queue the message and send it at the next safe point",
+      "attachmentsOnly": "Contains queued images or references",
+      "hasImage": "Contains images",
+      "hasReference": "Contains references",
+      "moveToSteer": "Move to send after current turn",
+      "moveToNext": "Move to send at next safe point",
+      "requeueMessage": "Re-queue message",
+      "stopCurrentRun": "Stop current run",
+      "stopShortcutTooltip": "Press Esc twice to stop the current run",
+      "stopShortcutConfirm": "Press Esc again to stop the current run"
+    },
     "adapterLockedTooltip": "Adapters are locked after a session is created",
     "referenceActionsShort": "More",
     "referenceActionsTitle": "More",
@@ -442,8 +471,51 @@
     "gitBranchSwitcher": "Switch branch",
     "gitOperations": "Git actions",
     "gitWorktree": "Worktree",
+    "statusBarTitle": "Session status",
+    "statusBarSessionSubtitle": "Track the current session workspace and git context here.",
+    "statusBarDraftSubtitle": "Set up the next session workspace before sending the first message.",
+    "sessionWorkspace": "Session workspace",
+    "sessionWorkspaceManaged": "Managed worktree",
+    "sessionWorkspaceShared": "Shared workspace",
+    "sessionWorkspaceExternal": "External workspace",
+    "sessionWorkspaceDraftCreateWorktree": "Create worktree",
+    "sessionWorkspaceDraftStrategyLocal": "Local",
+    "sessionWorkspaceDraftStrategyManaged": "New worktree",
+    "sessionWorkspaceMenuCurrentWorktree": "Current worktree",
+    "sessionWorkspaceMenuWorktreeList": "Worktree list",
+    "sessionWorkspaceMenuLaunchInWorktree": "Start in worktree mode",
+    "sessionWorkspaceMenuTransferToLocal": "Transfer to local",
+    "sessionWorkspaceMenuCreateWorktree": "Create worktree",
+    "sessionWorkspaceDraftCreateWorktreeEnabled": "New sessions get an isolated managed worktree.",
+    "sessionWorkspaceDraftCreateWorktreeDisabled": "New sessions reuse the shared workspace directly.",
+    "sessionWorkspaceDraftCreateBranchLabel": "New branch: {{branch}}",
+    "sessionWorkspaceDraftGitUnavailable": "Git is unavailable for the current workspace.",
+    "sessionWorkspaceSearchWorktrees": "Search worktrees",
+    "sessionWorkspaceNoWorktrees": "No worktrees",
+    "sessionWorkspaceMode": "Mode",
+    "sessionWorkspaceState": "State",
+    "sessionWorkspaceBranch": "Branch",
+    "sessionWorkspacePath": "Path",
+    "sessionWorkspaceCleanup": "Cleanup",
+    "sessionWorkspaceCleanupDelete": "Deletes with session",
+    "sessionWorkspaceCleanupRetain": "Retained on delete",
+    "sessionWorkspaceBaseRef": "Base ref",
+    "sessionWorkspaceCurrentSession": "Current session",
+    "sessionWorkspaceRepositoryWorktrees": "Repository worktrees",
+    "sessionWorkspaceStateReady": "Ready",
+    "sessionWorkspaceStateProvisioning": "Provisioning",
+    "sessionWorkspaceStateDeleting": "Deleting",
+    "sessionWorkspaceStateDeleted": "Deleted",
+    "sessionWorkspaceStateBroken": "Broken",
+    "sessionWorkspaceCreateWorktreeSuccess": "Created a managed worktree for this session.",
+    "sessionWorkspaceTransferToLocalSuccess": "This worktree is now retained locally.",
+    "sessionWorkspaceForceDeleteTitle": "Delete dirty workspace?",
+    "sessionWorkspaceForceDeleteDescription": "This session workspace has uncommitted changes. Force delete the session and remove its bound worktree anyway?",
     "gitDetachedHead": "DETACHED",
     "gitSearchBranches": "Search local or remote branches",
+    "gitBranchViewMode": "Branch view mode",
+    "gitBranchViewTree": "Tree",
+    "gitBranchViewFlat": "Flat",
     "gitBranchesLocal": "Local branches",
     "gitBranchesWorktrees": "Other worktrees",
     "gitBranchesRemote": "Remote branches",
@@ -586,6 +658,7 @@
       "announcements": {
         "title": "Announcements"
       },
+      "moreCount": "{{count}} more",
       "specs": {
         "title": "Existing Flows",
         "params": "{{count}} params",
@@ -607,9 +680,15 @@
         "footer": "Add usage guidance to flow descriptions when needed"
       }
     },
+    "attachments": {
+      "pastedImage": "Pasted image"
+    },
     "todo": {
       "noTasks": "No tasks planned",
-      "progress": "Progress: {{completed}}/{{total}} completed"
+      "progress": "Progress: {{completed}}/{{total}} completed",
+      "pendingCount": "{{count}} todo",
+      "inProgressCount": "{{count}} doing",
+      "completedCount": "{{count}} done"
     },
     "tools": {
       "read": "Read File",
@@ -958,6 +1037,10 @@
           "label": "Conversation Style",
           "desc": "Controls the assistant’s interaction style"
         },
+        "createSessionWorktree": {
+          "label": "Create worktree for new sessions",
+          "desc": "Use a managed worktree by default when creating a new session"
+        },
         "customInstructions": {
           "label": "Custom Instructions",
           "desc": "Additional guidance for the assistant"

package/src/resources/locales/zh.json

@@ -166,6 +166,8 @@
     "lastRunAt": "最近运行：{{time}}",
     "noRunYet": "暂无运行记录",
     "emptyRules": "暂无自动化任务",
+    "mobileRules": "规则",
+    "mobileDetails": "详情",
     "selectRule": "请选择一个自动化任务",
     "ruleId": "规则 ID",
     "createdAt": "创建时间",
@@ -210,6 +212,8 @@
     "caseId": "用例：",
     "searchPlaceholder": "搜索分类、标题或摘要",
     "emptyCases": "暂无 benchmark 用例",
+    "mobileCases": "用例",
+    "mobileDetails": "详情",
     "noSummary": "暂无摘要",
     "configTitle": "用例配置",
     "baseCommit": "基线 Commit",
@@ -352,6 +356,13 @@
     "permissionReasons": "原因",
     "permissionExpandOptions": "展开更多选项",
     "permissionCollapseOptions": "收起更多选项",
+    "permissionConfirmOption": "确认选项",
+    "permissionConfirmOptionTooltip": "确认当前高亮的权限选项",
+    "permissionSendBlockedTooltip": "当前正在等待权限选项确认，请先确认上方选项",
+    "permissionSendBlockedError": "当前正在等待权限选项确认，暂时不能发送消息",
+    "interactionOptionNavigation": "选项快速切换",
+    "interactionOptionPrevious": "上一个选项",
+    "interactionOptionNext": "下一个选项",
     "tooltipSlashCommands": "快捷指令",
     "tooltipMentionAgents": "提及代理",
     "tooltipInjectContext": "注入上下文",
@@ -364,6 +375,24 @@
     "modelRemoveRecommendation": "从推荐模型中移除",
     "effortShortcutTooltip": "切换推理强度",
     "sendShortcutTooltip": "发送消息",
+    "queue": {
+      "steerTitle": "等待当前轮结束后发送",
+      "nextTitle": "合适时机发送",
+      "count": "{{count}} 条待发送",
+      "sendAfterTurn": "等待结束后发",
+      "sendNext": "下一轮发",
+      "steerShortcutTooltip": "等待当前轮结束后发送",
+      "nextShortcutTooltip": "在下一个合适时机发送",
+      "attachmentsOnly": "包含待发送的图片或引用",
+      "hasImage": "包含图片",
+      "hasReference": "包含引用",
+      "moveToSteer": "移动到等待当前轮结束后发送",
+      "moveToNext": "移动到合适时机发送",
+      "requeueMessage": "重新入队",
+      "stopCurrentRun": "停止当前执行",
+      "stopShortcutTooltip": "按两次 Esc 停止当前执行",
+      "stopShortcutConfirm": "再按一次 Esc 停止当前执行"
+    },
     "adapterLockedTooltip": "创建会话后适配器会锁定",
     "referenceActionsShort": "更多",
     "referenceActionsTitle": "更多",
@@ -443,8 +472,51 @@
     "gitBranchSwitcher": "切换分支",
     "gitOperations": "Git 操作",
     "gitWorktree": "Worktree",
+    "statusBarTitle": "会话状态",
+    "statusBarSessionSubtitle": "这里统一展示当前会话绑定的工作区和 Git 上下文。",
+    "statusBarDraftSubtitle": "发送第一条消息前，先把新会话的工作区准备好。",
+    "sessionWorkspace": "会话工作区",
+    "sessionWorkspaceManaged": "托管 worktree",
+    "sessionWorkspaceShared": "共享工作区",
+    "sessionWorkspaceExternal": "外部工作区",
+    "sessionWorkspaceDraftCreateWorktree": "创建工作树",
+    "sessionWorkspaceDraftStrategyLocal": "本地",
+    "sessionWorkspaceDraftStrategyManaged": "新工作树",
+    "sessionWorkspaceMenuCurrentWorktree": "当前工作树",
+    "sessionWorkspaceMenuWorktreeList": "工作树列表",
+    "sessionWorkspaceMenuLaunchInWorktree": "以工作树模式启动",
+    "sessionWorkspaceMenuTransferToLocal": "转移到本地",
+    "sessionWorkspaceMenuCreateWorktree": "创建工作树",
+    "sessionWorkspaceDraftCreateWorktreeEnabled": "新会话会自动拿到一个隔离的托管 worktree。",
+    "sessionWorkspaceDraftCreateWorktreeDisabled": "新会话会直接复用当前共享工作区。",
+    "sessionWorkspaceDraftCreateBranchLabel": "新分支：{{branch}}",
+    "sessionWorkspaceDraftGitUnavailable": "当前工作区不可用 Git。",
+    "sessionWorkspaceSearchWorktrees": "搜索工作树",
+    "sessionWorkspaceNoWorktrees": "暂无工作树",
+    "sessionWorkspaceMode": "模式",
+    "sessionWorkspaceState": "状态",
+    "sessionWorkspaceBranch": "分支",
+    "sessionWorkspacePath": "路径",
+    "sessionWorkspaceCleanup": "清理策略",
+    "sessionWorkspaceCleanupDelete": "删除会话时一并删除",
+    "sessionWorkspaceCleanupRetain": "删除会话时保留",
+    "sessionWorkspaceBaseRef": "基线引用",
+    "sessionWorkspaceCurrentSession": "当前会话",
+    "sessionWorkspaceRepositoryWorktrees": "仓库 worktree",
+    "sessionWorkspaceStateReady": "就绪",
+    "sessionWorkspaceStateProvisioning": "创建中",
+    "sessionWorkspaceStateDeleting": "删除中",
+    "sessionWorkspaceStateDeleted": "已删除",
+    "sessionWorkspaceStateBroken": "异常",
+    "sessionWorkspaceCreateWorktreeSuccess": "已为当前会话创建托管工作树。",
+    "sessionWorkspaceTransferToLocalSuccess": "当前工作树已转为本地保留。",
+    "sessionWorkspaceForceDeleteTitle": "删除有改动的工作区？",
+    "sessionWorkspaceForceDeleteDescription": "这个会话工作区里还有未提交的改动。是否仍然强制删除会话，并移除它绑定的 worktree？",
     "gitDetachedHead": "DETACHED",
     "gitSearchBranches": "搜索本地或远程分支",
+    "gitBranchViewMode": "分支展示模式",
+    "gitBranchViewTree": "树状",
+    "gitBranchViewFlat": "平铺",
     "gitBranchesLocal": "本地分支",
     "gitBranchesWorktrees": "其他 worktree",
     "gitBranchesRemote": "远程分支",
@@ -587,6 +659,7 @@
       "announcements": {
         "title": "最新公告"
       },
+      "moreCount": "还有 {{count}} 项",
       "specs": {
         "title": "已有流程",
         "params": "{{count}} 个参数",
@@ -608,9 +681,15 @@
         "footer": "需要更多引导时，可在流程描述中写明使用方式"
       }
     },
+    "attachments": {
+      "pastedImage": "粘贴图片"
+    },
     "todo": {
       "noTasks": "未规划任务",
-      "progress": "任务进度: {{completed}}/{{total}} 已完成"
+      "progress": "任务进度: {{completed}}/{{total}} 已完成",
+      "pendingCount": "{{count}} 待办",
+      "inProgressCount": "{{count}} 进行中",
+      "completedCount": "{{count}} 已完成"
     },
     "tools": {
       "read": "读取文件",
@@ -959,6 +1038,10 @@
           "label": "对话风格",
           "desc": "控制助手的对话风格"
         },
+        "createSessionWorktree": {
+          "label": "新建会话时创建工作树",
+          "desc": "默认给新会话分配一个托管 worktree"
+        },
         "customInstructions": {
           "label": "自定义指令",
           "desc": "为对话提供额外的提示与约束"

package/src/routes/ChatRoute.scss

@@ -30,11 +30,18 @@
 .new-session-guide-wrapper {
   display: flex;
   justify-content: center;
+  width: 100%;
+  min-width: 0;
 }
 
 .chat-messages {
   flex: 1;
+  min-width: 0;
+  min-height: 0;
   overflow-y: auto;
+  overscroll-behavior-y: contain;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-gutter: stable both-edges;
   padding: 6px 12px 0;
   position: relative;
   opacity: 0;
@@ -50,7 +57,9 @@
   display: flex;
   flex-direction: column;
   gap: 6px;
+  min-width: 0;
   min-height: 100%;
+  padding-bottom: 8px;
 }
 
 .chat-turn {
@@ -206,6 +215,7 @@
   align-self: center;
   display: inline-flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 8px;
   margin: 0 auto;
   padding: 8px 14px;
@@ -219,7 +229,10 @@
   color: #2563eb;
   font-size: 13px;
   font-weight: 500;
-  box-shadow: 0 8px 24px rgba(59, 130, 246, .08);
+  line-height: 1.4;
+  max-width: 100%;
+  text-align: center;
+  box-shadow: none;
 
   .material-symbols-rounded {
     font-size: 16px;
@@ -230,29 +243,69 @@
   flex: 0;
   display: flex;
   flex-direction: column;
+  gap: 8px;
+  min-width: 0;
   justify-content: flex-end;
-  padding: 0 12px 12px;
   transition:
     flex .4s cubic-bezier(.4, 0, .2, 1),
     padding-bottom .4s cubic-bezier(.4, 0, .2, 1);
 }
 
+.chat-composer-stack {
+  flex: 0;
+  min-width: 0;
+  padding: 0 12px max(8px, env(safe-area-inset-bottom));
+}
+
+.chat-composer-stack__inner {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.chat-composer-stack__inner > * {
+  width: 100%;
+}
+
+.chat-composer-stack__inner > :not(:first-child).chat-composer-card,
+.chat-composer-stack__inner > :not(:first-child) .chat-composer-card {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.chat-composer-stack__inner > :not(:last-child).chat-composer-card,
+.chat-composer-stack__inner > :not(:last-child) .chat-composer-card {
+  margin-bottom: -1px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.chat-composer-stack__inner
+  > :not(:first-child):not(:last-child).chat-composer-card,
+.chat-composer-stack__inner
+  > :not(:first-child):not(:last-child)
+  .chat-composer-card {
+  border-radius: 0;
+}
+
 .scroll-bottom-btn {
   position: sticky;
-  bottom: 24px;
+  bottom: max(16px, env(safe-area-inset-bottom));
   left: 100%;
-  transform: translateX(-40px);
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
+  transform: translateX(-44px);
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
   background-color: var(--bg-color);
   border: 1px solid var(--border-color);
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
+  box-shadow: none;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   color: var(--sub-text-color, #6b7280);
+  touch-action: manipulation;
   z-index: 10;
 
   &:hover {
@@ -267,8 +320,16 @@
 
 .chat-settings-panel {
   flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
   overflow: auto;
-  padding: 20px 24px 24px;
+  padding: 6px 12px 12px;
+  box-sizing: border-box;
+}
+
+.chat-settings-panel > .session-settings-drawer {
+  width: 100%;
 }
 
 .chat-route__empty-state {
@@ -281,3 +342,85 @@
   align-content: center;
   gap: 16px;
 }
+
+@media (max-width: 768px) {
+  .chat-container.is-new-session {
+    .new-session-guide-wrapper.is-compact-layout {
+      flex: 1;
+      min-height: 0;
+      align-items: stretch;
+      justify-content: flex-start;
+      overflow-y: auto;
+      overscroll-behavior-y: contain;
+      -webkit-overflow-scrolling: touch;
+      padding: max(8px, env(safe-area-inset-top))
+        max(12px, env(safe-area-inset-right)) 12px
+        max(12px, env(safe-area-inset-left));
+    }
+
+    .chat-composer-stack {
+      padding-top: 0;
+    }
+  }
+
+  .chat-messages {
+    padding: 6px max(12px, env(safe-area-inset-right)) 0
+      max(12px, env(safe-area-inset-left));
+  }
+
+  .chat-turn-summary {
+    gap: 8px;
+    font-size: 12px;
+
+    &::before,
+    &::after {
+      min-width: 18px;
+    }
+  }
+
+  .chat-turn-summary__content {
+    flex: 1;
+    justify-content: center;
+    flex-wrap: wrap;
+    row-gap: 4px;
+  }
+
+  .chat-turn-summary__meta {
+    flex-wrap: wrap;
+    justify-content: center;
+    row-gap: 2px;
+  }
+
+  .chat-turn-summary__time,
+  .chat-turn-summary__count {
+    white-space: normal;
+  }
+
+  .chat-turn-summary__count::before {
+    margin-right: 6px;
+  }
+
+  .chat-pending-session-banner {
+    width: min(100%, 320px);
+    padding: 8px 12px;
+    border-radius: 8px;
+  }
+
+  .chat-composer-stack {
+    padding: 0 max(12px, env(safe-area-inset-right))
+      max(8px, env(safe-area-inset-bottom))
+      max(12px, env(safe-area-inset-left));
+  }
+
+  .chat-settings-panel {
+    padding: 12px max(12px, env(safe-area-inset-right))
+      calc(16px + env(safe-area-inset-bottom))
+      max(12px, env(safe-area-inset-left));
+  }
+
+  .scroll-bottom-btn {
+    transform: translateX(-48px);
+    width: 40px;
+    height: 40px;
+  }
+}

package/src/routes/ChatRoute.tsx

@@ -1,6 +1,7 @@
 import './ChatRoute.scss'
 
 import { Button, Empty } from 'antd'
+import { useSetAtom } from 'jotai'
 import { useEffect, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom'
@@ -17,6 +18,8 @@ import { buildChatHistoryStatusNotices } from '#~/components/chat/messages/build
 import { ChatTerminalView } from '#~/components/chat/terminal/ChatTerminalView.js'
 import { useChatSession } from '#~/hooks/chat/use-chat-session'
 import { useTerminalDockVisibility } from '#~/hooks/chat/use-terminal-dock-visibility'
+import { useResponsiveLayout } from '#~/hooks/use-responsive-layout'
+import { isMobileSidebarOpenAtom } from '#~/store/index'
 
 export function ChatRoute() {
   const { t } = useTranslation()
@@ -27,9 +30,7 @@ export function ChatRoute() {
     () => listSessions('active')
   )
   const session = sessionId == null ? undefined : sessionsRes?.sessions.find(item => item.id === sessionId)
-
   if (sessionId != null && isLoading) return null
-
   if (sessionId != null && session == null) {
     return (
       <div className='chat-route__empty-state'>
@@ -45,9 +46,13 @@ export function ChatRoute() {
 function ChatRouteView({ session }: { session?: Session }) {
   const { t } = useTranslation()
   const [searchParams] = useSearchParams()
+  const navigate = useNavigate()
+  const { isCompactLayout } = useResponsiveLayout()
+  const setIsMobileSidebarOpen = useSetAtom(isMobileSidebarOpenAtom)
   const {
     messages,
     sessionInfo,
+    queuedMessages,
     interactionRequest,
     isReady,
     errorState,
@@ -98,9 +103,10 @@ function ChatRouteView({ session }: { session?: Session }) {
   const isEmptyNewSession = !session?.id && messages.length === 0 && historyStatusNotices.length === 0
   const resolvedActiveView = session?.id != null ? activeView : 'history'
   const shouldShowTerminal = session?.id != null && isTerminalOpen
-  const { isRendered: isTerminalRendered, isVisible: isTerminalVisible } = useTerminalDockVisibility(shouldShowTerminal)
+  const { isRendered: isTerminalRendered, isVisible: isTerminalVisible } = useTerminalDockVisibility(
+    shouldShowTerminal
+  )
   const handledDeepLinkTargetRef = useRef('')
-
   useEffect(() => {
     if (deepLinkTargetKey === '') {
       handledDeepLinkTargetRef.current = ''
@@ -111,30 +117,35 @@ function ChatRouteView({ session }: { session?: Session }) {
       }
     }
   }, [activeView, deepLinkTargetKey, setActiveView])
-
   return (
     <div
       className={`chat-container ${isReady ? 'ready' : ''} ${isEmptyNewSession ? 'is-new-session' : ''} ${
         shouldShowTerminal ? 'has-terminal' : ''
       }`}
     >
-      {session?.id && (
+      {(session?.id != null || isCompactLayout) && (
         <ChatHeader
           sessionInfo={sessionInfo}
-          sessionId={session.id}
-          sessionTitle={session.title}
-          isStarred={session.isStarred}
-          isArchived={session.isArchived}
-          tags={session.tags}
-          lastMessage={session.lastMessage}
-          lastUserMessage={session.lastUserMessage}
+          sessionId={session?.id}
+          sessionTitle={session?.title}
+          sessionStatus={session?.status}
+          isStarred={session?.isStarred}
+          isArchived={session?.isArchived}
+          tags={session?.tags}
+          lastMessage={session?.lastMessage}
+          lastUserMessage={session?.lastUserMessage}
           activeView={resolvedActiveView}
           isTerminalOpen={isTerminalOpen}
+          onCreateSession={() => {
+            void navigate('/')
+          }}
+          onOpenSidebar={() => {
+            setIsMobileSidebarOpen(true)
+          }}
           onViewChange={setActiveView}
           onToggleTerminal={() => setIsTerminalOpen(!isTerminalOpen)}
         />
       )}
-
       {resolvedActiveView === 'history' && (
         <ChatHistoryView
           isReady={isReady}
@@ -144,6 +155,7 @@ function ChatRouteView({ session }: { session?: Session }) {
           targetToolUseId={targetToolUseId}
           sessionInfo={sessionInfo}
           historyStatusNotices={historyStatusNotices}
+          queuedMessages={queuedMessages}
           onRetryConnection={retryConnection}
           interactionRequest={interactionRequest}
           onInteractionResponse={handleInteractionResponse}
@@ -172,26 +184,11 @@ function ChatRouteView({ session }: { session?: Session }) {
           hasAvailableModels={hasAvailableModels}
         />
       )}
-
-      {resolvedActiveView === 'timeline' && (
-        <ChatTimelineView messages={messages} />
-      )}
-
-      {resolvedActiveView === 'settings' && session?.id && (
-        <ChatSettingsView
-          session={session}
-          sessionInfo={sessionInfo}
-          onClose={() => setActiveView('history')}
-        />
-      )}
-
-      {isTerminalRendered && session?.id && (
-        <ChatTerminalView
-          isOpen={isTerminalVisible}
-          sessionId={session.id}
-          onClose={() => setIsTerminalOpen(false)}
-        />
-      )}
+      {resolvedActiveView === 'timeline' && <ChatTimelineView messages={messages} />}
+      {resolvedActiveView === 'settings' && session?.id &&
+        <ChatSettingsView session={session} sessionInfo={sessionInfo} onClose={() => setActiveView('history')} />}
+      {isTerminalRendered && session?.id &&
+        <ChatTerminalView isOpen={isTerminalVisible} sessionId={session.id} onClose={() => setIsTerminalOpen(false)} />}
     </div>
   )
 }

package/src/store/index.ts

@@ -11,6 +11,8 @@ export const isSidebarResizingAtom = atom<boolean>(false)
 // 侧边栏是否折叠
 export const isSidebarCollapsedAtom = atom(false)
 
+export const isMobileSidebarOpenAtom = atom(false)
+
 // 当前选中的会话 ID (全局 UI 状态，用于控制高亮等)
 export const activeSessionIdAtom = atom<string | undefined>(undefined)
 

package/dist/assets/channel-BvERb8WU.js

@@ -1 +0,0 @@
-import{al as o,am as n}from"./mermaid.core-BrQnSGSY.js";const l=(a,r)=>o.lang.round(n.parse(a)[r]);export{l as c};

package/dist/assets/clone-B9_0v-6Y.js

@@ -1 +0,0 @@
-import{a as r}from"./graph-KxESr4M5.js";var a=4;function n(o){return r(o,a)}export{n as c};

package/dist/assets/flowDiagram-v2-4f6560a1-LpS8Kb00.js

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-DU0C5kCI.js";import{f as a,g as t}from"./styles-d45a18b0-C1bpSwV3.js";import{ar as i}from"./mermaid.core-BrQnSGSY.js";import"./graph-KxESr4M5.js";import"./layout-CxAyTlr7.js";import"./index-Pm_kLJvG.js";import"./index-5325376f-BMTAx2mL.js";import"./clone-B9_0v-6Y.js";import"./edges-96097737-Dd7m4Cvs.js";import"./createText-1719965b-DUVvEtmR.js";import"./line-DhaUfI71.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-BvERb8WU.js";const n={parser:e,db:o,renderer:t,styles:a,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,i({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{n as diagram};