mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-02-15 02:42:45 +08:00
ddbe12b7af
- Created a barrel export file for terminal panel components. - Implemented Zustand store for managing terminal panel UI state, including visibility, active terminal, view mode, and terminal ordering. - Added actions for opening/closing the terminal panel, setting the active terminal, changing view modes, and managing terminal order. - Introduced selectors for accessing terminal panel state properties.
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
// ========================================
|
|
// A2UI Progress Component Renderer
|
|
// ========================================
|
|
// Maps A2UI Progress component to shadcn/ui Progress
|
|
|
|
import { Progress } from '@/components/ui/Progress';
|
|
import type { ComponentRenderer } from '../../core/A2UIComponentRegistry';
|
|
import { resolveLiteralOrBinding } from '../A2UIRenderer';
|
|
import type { ProgressComponent } from '../../core/A2UITypes';
|
|
|
|
/**
|
|
* A2UI Progress Component Renderer
|
|
* For CLI output progress display
|
|
*/
|
|
export const A2UIProgress: ComponentRenderer = ({ component, resolveBinding }) => {
|
|
const progressComp = component as ProgressComponent;
|
|
const { Progress: progressConfig } = progressComp;
|
|
|
|
// Resolve value and max from bindings or use defaults
|
|
const value = progressConfig.value
|
|
? Number(resolveLiteralOrBinding(progressConfig.value, resolveBinding) ?? 0)
|
|
: 0;
|
|
const max = progressConfig.max ?? 100;
|
|
|
|
// Calculate percentage for display (0-100)
|
|
const percentage = max > 0 ? Math.min(100, Math.max(0, (value / max) * 100)) : 0;
|
|
|
|
return (
|
|
<div className="w-full space-y-1">
|
|
<Progress value={percentage} max={100} />
|
|
<div className="flex justify-between text-xs text-muted-foreground">
|
|
<span>Progress</span>
|
|
<span>{Math.round(percentage)}%</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|