marcopanandClaude Fable 5
4cd1cbc493
Colors (GSD palette) untouched. New visual vocabulary across the whole GUI: - warm-tinted layered shadow tokens (--shadow-xs/sm/md) replacing flat rings; cards/dialogs framed with hairline border + real elevation - strict radii scale: xl cards / lg inputs / md controls / 2xl dialogs; buttons move from pills to rounded-md - third type register: --font-mono + tabular-nums on SQL, timers, dates, ids; standardized .thot-label micro-label tier - prose: framed tables with uppercase headers, elevated code blocks - SqlViewer badges moved from hardcoded Tailwind greens/reds to success/ destructive token tints; ResultsPanel inline styles replaced with classes - artifact gate: first option rendered as filled primary action Verified offline via Playwright against a mock backend replaying a real psd session (no VPN needed). tsc clean, 115/115 vitest. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
20 lines
685 B
TypeScript
20 lines
685 B
TypeScript
import type { WidgetProps } from "./types";
|
|
|
|
/**
|
|
* ArtifactWidget: view-only renderer. Never calls onRespond.
|
|
* Invariant no-limbo: this widget intentionally produces no response;
|
|
* it is used only as a passive display, never as a decision point.
|
|
*/
|
|
export function ArtifactWidget({ descriptor }: WidgetProps) {
|
|
return (
|
|
<div className="space-y-2">
|
|
{descriptor.title && <p className="font-medium">{descriptor.title}</p>}
|
|
{descriptor.artifact?.content && (
|
|
<pre className="overflow-auto max-h-64 bg-muted p-3 text-sm font-mono rounded-lg border border-border/70 shadow-xs">
|
|
{descriptor.artifact.content}
|
|
</pre>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|