feat: Implement terminal panel for command execution and monitoring

- Added TerminalPanel component with navigation and main area for terminal interactions.
- Integrated terminal session management with CLI execution output display.
- Enhanced SolutionDrawer to open terminal panel on command execution.
- Updated localization files for terminal panel strings in English and Chinese.
- Introduced hooks for terminal panel state management.
- Created JSON schemas for plan overview and fix plan types.

ccw/frontend/src/components/issue/hub/IssueBoardPanel.tsx

@@ -18,6 +18,7 @@ import { useIssues, useIssueMutations } from '@/hooks';
 import { useWorkflowStore, selectProjectPath } from '@/stores/workflowStore';
 import { createCliSession, executeInCliSession } from '@/lib/api';
 import type { Issue } from '@/lib/api';
+import { useTerminalPanelStore } from '@/stores/terminalPanelStore';
 
 type IssueBoardStatus = Issue['status'];
 type ToolName = 'claude' | 'codex' | 'gemini';
@@ -318,6 +319,8 @@ export function IssueBoardPanel() {
                   resumeKey: issueId,
                   resumeStrategy: autoStart.resumeStrategy,
                 }, projectPath);
+                // Auto-open terminal panel to show execution output
+                useTerminalPanelStore.getState().openTerminal(created.session.sessionKey);
               } catch (e) {
                 setOptimisticError(`Auto-start failed: ${e instanceof Error ? e.message : String(e)}`);
               }

ccw/frontend/src/components/issue/hub/IssueDrawer.tsx

@@ -11,7 +11,7 @@ import { Button } from '@/components/ui/Button';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from '@/components/ui/Tabs';
 import { cn } from '@/lib/utils';
 import type { Issue } from '@/lib/api';
-import { IssueTerminalTab } from './IssueTerminalTab';
+import { useOpenTerminalPanel } from '@/stores/terminalPanelStore';
 
 // ========== Types ==========
 export interface IssueDrawerProps {
@@ -43,6 +43,7 @@ const priorityConfig: Record<string, { label: string; variant: 'default' | 'seco
 
 export function IssueDrawer({ issue, isOpen, onClose, initialTab = 'overview' }: IssueDrawerProps) {
   const { formatMessage } = useIntl();
+  const openTerminal = useOpenTerminalPanel();
   const [activeTab, setActiveTab] = useState<TabValue>(initialTab);
 
   // Reset to initial tab when opening/switching issues
@@ -224,9 +225,21 @@ export function IssueDrawer({ issue, isOpen, onClose, initialTab = 'overview' }:
                 )}
               </TabsContent>
 
-              {/* Terminal Tab */}
+              {/* Terminal Tab - Link to Terminal Panel */}
               <TabsContent value="terminal" className="mt-4 pb-6 focus-visible:outline-none">
-                <IssueTerminalTab issueId={issue.id} />
+                <div className="flex flex-col items-center justify-center py-12 text-muted-foreground">
+                  <Terminal className="h-12 w-12 mb-4 opacity-50" />
+                  <p className="text-sm mb-4">{formatMessage({ id: 'home.terminalPanel.openInPanel' })}</p>
+                  <Button
+                    onClick={() => {
+                      openTerminal(issue.id);
+                      onClose();
+                    }}
+                  >
+                    <Terminal className="h-4 w-4 mr-2" />
+                    {formatMessage({ id: 'home.terminalPanel.openInPanel' })}
+                  </Button>
+                </div>
               </TabsContent>
 
               {/* History Tab */}