mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-02-05 01:50:27 +08:00
a2206df50f
- 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.
46 lines
1.4 KiB
TypeScript
46 lines
1.4 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';
|
|
|
|
export type IssueTab = 'issues' | 'queue' | 'discovery';
|
|
|
|
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: 'queue', label: formatMessage({ id: 'issues.hub.tabs.queue' }) },
|
|
{ value: 'discovery', label: formatMessage({ id: 'issues.hub.tabs.discovery' }) },
|
|
];
|
|
|
|
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>
|
|
);
|
|
}
|