feat: add CliStreamMonitor and related components for CLI output streaming

- Implemented CliStreamMonitor component for real-time CLI output monitoring with multi-execution support.
- Created JsonFormatter component for displaying JSON content in various formats (text, card, inline).
- Added utility functions for JSON detection and formatting in jsonUtils.ts.
- Introduced LogBlock utility functions for styling CLI output lines.
- Developed a new Collapsible component for better UI interactions.
- Created IssueHubPage for managing issues, queue, and discovery with tab navigation.

ccw/frontend/src/pages/IssueHubPage.tsx

@@ -0,0 +1,32 @@
+// ========================================
+// Issue Hub Page
+// ========================================
+// Unified page for issues, queue, and discovery with tab navigation
+
+import { useSearchParams } from 'react-router-dom';
+import { IssueHubHeader } from '@/components/issue/hub/IssueHubHeader';
+import { IssueHubTabs, type IssueTab } from '@/components/issue/hub/IssueHubTabs';
+import { IssuesPanel } from '@/components/issue/hub/IssuesPanel';
+import { QueuePanel } from '@/components/issue/hub/QueuePanel';
+import { DiscoveryPanel } from '@/components/issue/hub/DiscoveryPanel';
+
+export function IssueHubPage() {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const currentTab = (searchParams.get('tab') as IssueTab) || 'issues';
+
+  const setCurrentTab = (tab: IssueTab) => {
+    setSearchParams({ tab });
+  };
+
+  return (
+    <div className="space-y-6">
+      <IssueHubHeader currentTab={currentTab} />
+      <IssueHubTabs currentTab={currentTab} onTabChange={setCurrentTab} />
+      {currentTab === 'issues' && <IssuesPanel />}
+      {currentTab === 'queue' && <QueuePanel />}
+      {currentTab === 'discovery' && <DiscoveryPanel />}
+    </div>
+  );
+}
+
+export default IssueHubPage;