feat: build the chat + preview + approve interface
Mirror to GitHub / mirror (push) Canceled after 0s

- web: two-pane app chrome (chat panel + browser-framed preview)
- ChatPanel, Preview, ApproveBar components + useChat (mock agent for now)
- Fluent/Figma design system (Inter, dark chrome, elevation, motion)
- 107 unit tests + Playwright e2e green; web typechecks + builds
This commit is contained in:
SinachPat
2026-08-17 17:10:25 +01:00
parent b61ff21710
commit 69287ebec0
10 changed files with 739 additions and 24 deletions
+21
View File
@@ -0,0 +1,21 @@
type ApproveBarProps = {
visible: boolean;
onApprove: () => void;
onReject: () => void;
};
export function ApproveBar({ visible, onApprove, onReject }: ApproveBarProps) {
if (!visible) return null;
return (
<div className="approve-bar">
<span className="approve-copy">Looks good?</span>
<button className="wursor-approve-button" type="button" onClick={onApprove}>
Looks good Apply
</button>
<button className="wursor-reject-button" type="button" onClick={onReject}>
Not right Reject
</button>
</div>
);
}