feat(nav): add Pro/Assistant mode switch with animated transition

src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceItem.tsx

@@ -201,18 +201,20 @@ const WorkspaceItem: React.FC<WorkspaceItemProps> = ({
   const handleCreateSession = useCallback(async () => {
     setMenuOpen(false);
     try {
-      await handleActivate();
       await flowChatManager.createChatSession(
-        {},
+        {
+          workspacePath: workspace.rootPath,
+        },
         workspace.workspaceKind === WorkspaceKind.Assistant ? 'Claw' : undefined
       );
+      await setActiveWorkspace(workspace.id);
     } catch (error) {
       notificationService.error(
         error instanceof Error ? error.message : t('nav.workspaces.createSessionFailed'),
         { duration: 4000 }
       );
     }
-  }, [handleActivate, t, workspace.workspaceKind]);
+  }, [setActiveWorkspace, t, workspace.id, workspace.rootPath, workspace.workspaceKind]);
 
   const handleCreateWorktree = useCallback(async (result: BranchSelectResult) => {
     try {

src/web-ui/src/flow_chat/components/ChatInput.tsx

@@ -1631,28 +1631,6 @@ export const ChatInput: React.FC<ChatInputProps> = ({
             </IconButton>
             <div className="bitfun-chat-input__actions">
               <div className="bitfun-chat-input__actions-left">
-                <ModelSelector
-                  currentMode={modeState.current}
-                  sessionId={effectiveTargetSessionId || undefined}
-                />
-
-                {tokenUsage.current > 0 && (
-                  <TokenUsageIndicator
-                    currentTokens={tokenUsage.current}
-                    maxTokens={tokenUsage.max}
-                  />
-                )}
-              </div>
-              <div className="bitfun-chat-input__actions-right">
-                {isCollapsedProcessing && (
-                  <>
-                    <span className="bitfun-chat-input__capsule-divider" />
-                    <span className="bitfun-chat-input__cancel-shortcut">
-                      <span className="bitfun-chat-input__space-key">Esc</span>
-                      <span>{t('input.cancelShortcut')}</span>
-                    </span>
-                  </>
-                )}
                 {canSwitchModes && (
                   <div 
                     className="bitfun-chat-input__mode-selector"
@@ -1706,6 +1684,29 @@ export const ChatInput: React.FC<ChatInputProps> = ({
                   })()}
                   </div>
                 )}
+
+                <ModelSelector
+                  currentMode={modeState.current}
+                  sessionId={effectiveTargetSessionId || undefined}
+                />
+
+                {tokenUsage.current > 0 && (
+                  <TokenUsageIndicator
+                    currentTokens={tokenUsage.current}
+                    maxTokens={tokenUsage.max}
+                  />
+                )}
+              </div>
+              <div className="bitfun-chat-input__actions-right">
+                {isCollapsedProcessing && (
+                  <>
+                    <span className="bitfun-chat-input__capsule-divider" />
+                    <span className="bitfun-chat-input__cancel-shortcut">
+                      <span className="bitfun-chat-input__space-key">Esc</span>
+                      <span>{t('input.cancelShortcut')}</span>
+                    </span>
+                  </>
+                )}
 
                 <IconButton
                   className="bitfun-chat-input__action-button"

src/web-ui/src/flow_chat/components/WelcomePanel.css

@@ -52,42 +52,36 @@
   position: relative;
   flex-shrink: 0;
   width: 88px;
-  pointer-events: none;
   user-select: none;
   image-rendering: pixelated;
+  cursor: default;
 }
 
 .welcome-panel__panda-frame {
   display: block;
   width: 100%;
   height: auto;
   image-rendering: pixelated;
+  transition: opacity 0.12s steps(1, end);
+}
+
+.welcome-panel__panda-frame--1 {
+  opacity: 1;
 }
 
 .welcome-panel__panda-frame--2 {
   position: absolute;
   top: 0;
   left: 0;
-  animation: wp-panda-blink 1.2s steps(1, end) infinite;
-}
-
-.welcome-panel__panda-frame--1 {
-  animation: wp-panda-blink-inv 1.2s steps(1, end) infinite;
+  opacity: 0;
 }
 
-@keyframes wp-panda-blink {
-  0%, 49%   { opacity: 0; }
-  50%, 100% { opacity: 1; }
+.welcome-panel__panda:hover .welcome-panel__panda-frame--1 {
+  opacity: 0;
 }
 
-@keyframes wp-panda-blink-inv {
-  0%, 49%   { opacity: 1; }
-  50%, 100% { opacity: 0; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .welcome-panel__panda-frame--1 { animation: none; opacity: 1; }
-  .welcome-panel__panda-frame--2 { animation: none; opacity: 0; }
+.welcome-panel__panda:hover .welcome-panel__panda-frame--2 {
+  opacity: 1;
 }
 
 .welcome-panel__heading {

src/web-ui/src/flow_chat/services/flow-chat-manager/SessionModule.ts

@@ -33,12 +33,22 @@ const normalizeSessionDisplayMode = (
   return 'code';
 };
 
-const resolveSessionWorkspacePath = (context: FlowChatContext): string | null => {
+const resolveSessionWorkspacePath = (
+  context: FlowChatContext,
+  config?: SessionConfig
+): string | null => {
+  const explicitWorkspacePath = config?.workspacePath?.trim();
+  if (explicitWorkspacePath) {
+    return explicitWorkspacePath;
+  }
   return context.currentWorkspacePath || null;
 };
 
-const resolveSessionWorkspace = (context: FlowChatContext): WorkspaceInfo | null => {
-  const workspacePath = resolveSessionWorkspacePath(context);
+const resolveSessionWorkspace = (
+  context: FlowChatContext,
+  config?: SessionConfig
+): WorkspaceInfo | null => {
+  const workspacePath = resolveSessionWorkspacePath(context, config);
   if (!workspacePath) return null;
 
   const state = workspaceManager.getState();
@@ -110,8 +120,8 @@ export async function createChatSession(
   mode?: string
 ): Promise<string> {
   try {
-    const workspacePath = resolveSessionWorkspacePath(context);
-    const workspace = resolveSessionWorkspace(context);
+    const workspacePath = resolveSessionWorkspacePath(context, config);
+    const workspace = resolveSessionWorkspace(context, config);
 
     if (!workspacePath) {
       throw new Error('Workspace path is required to create a session');

src/web-ui/src/flow_chat/types/flow-chat.ts

@@ -227,6 +227,7 @@ export interface SessionConfig {
   modelName?: string;
   agentType?: string;
   context?: Record<string, string>;
+  workspacePath?: string;
 }
 
 export interface QueuedMessage {

src/web-ui/src/locales/en-US/common.json

@@ -96,6 +96,14 @@
       "myAgent": "My Agent",
       "shell": "Shell"
     },
+    "displayModes": {
+      "pro": "Pro Mode",
+      "assistant": "Assistant Mode",
+      "switchToPro": "Click to switch to Pro mode",
+      "switchToAssistant": "Click to switch to Assistant mode",
+      "proDesc": "Best for focused, one-shot tasks with a clear goal.",
+      "assistantDesc": "Best for ongoing work with context and personal preferences."
+    },
     "myAgent": {
       "title": "My Agent",
       "categories": {
@@ -214,6 +222,9 @@
       "builtinTools": "Built-in Tools",
       "mcpServices": "MCP Services"
     },
+    "actions": {
+      "openMyAgent": "My Agent"
+    },
     "moreOptions": "More options",
     "notifications": "Notifications"
   },

src/web-ui/src/locales/zh-CN/common.json

@@ -96,6 +96,14 @@
       "myAgent": "我的智能体",
       "shell": "Shell"
     },
+    "displayModes": {
+      "pro": "专业模式",
+      "assistant": "助理模式",
+      "switchToPro": "点击切换到专业模式",
+      "switchToAssistant": "点击切换到助理模式",
+      "proDesc": "适合目标明确、一次完成的即时任务。",
+      "assistantDesc": "适合持续推进、需要延续上下文和个人偏好的任务。"
+    },
     "myAgent": {
       "title": "我的智能体",
       "categories": {
@@ -214,6 +222,9 @@
       "builtinTools": "内置工具",
       "mcpServices": "MCP 服务"
     },
+    "actions": {
+      "openMyAgent": "我的智能体"
+    },
     "moreOptions": "更多选项",
     "notifications": "通知"
   },