Files
Claude-Code-Workflow/ccw/frontend/src/components/issue/hub/IssueHubTabs.tsx
catlog22 5a9e54fd70 feat: add orchestrator execution engine, observability panel, and LSP document caching
Wire FlowExecutor into orchestrator routes for actual flow execution with
pause/resume/stop lifecycle management. Add CLI session audit system with
audit-routes backend and Observability tab in IssueHub frontend. Introduce
cli-session-mux for cross-workspace session routing and QueueSendToOrchestrator
UI component. Normalize frontend API response handling for { data: ... }
wrapper format and propagate projectPath through flow hooks.

In codex-lens, add per-server opened-document cache in StandaloneLspManager
to avoid redundant didOpen notifications (using didChange for updates), and
skip warmup delay for already-warmed LSP server instances in ChainSearchEngine.
2026-02-11 15:38:33 +08:00

49 lines
1.6 KiB
TypeScript

// ========================================
// Issue Hub Tabs
// ========================================
// Tab navigation for IssueHub
import { useIntl } from 'react-intl';
import { Button } from '@/components/ui/Button';
import { cn } from '@/lib/utils';
// Keep in sync with IssueHubHeader/IssueHubPage
export type IssueTab = 'issues' | 'board' | 'queue' | 'discovery' | 'observability';
interface IssueHubTabsProps {
currentTab: IssueTab;
onTabChange: (tab: IssueTab) => void;
}
export function IssueHubTabs({ currentTab, onTabChange }: IssueHubTabsProps) {
const { formatMessage } = useIntl();
const tabs: Array<{ value: IssueTab; label: string }> = [
{ value: 'issues', label: formatMessage({ id: 'issues.hub.tabs.issues' }) },
{ value: 'board', label: formatMessage({ id: 'issues.hub.tabs.board' }) },
{ value: 'queue', label: formatMessage({ id: 'issues.hub.tabs.queue' }) },
{ value: 'discovery', label: formatMessage({ id: 'issues.hub.tabs.discovery' }) },
{ value: 'observability', label: formatMessage({ id: 'issues.hub.tabs.observability' }) },
];
return (
<div className="flex gap-2 border-b border-border">
{tabs.map((tab) => (
<Button
key={tab.value}
variant="ghost"
className={cn(
"border-b-2 rounded-none h-11 px-4",
currentTab === tab.value
? "border-primary text-primary"
: "border-transparent text-muted-foreground hover:text-foreground"
)}
onClick={() => onTabChange(tab.value)}
>
{tab.label}
</Button>
))}
</div>
);
}