a424e96dd7
- ChatSpecCard renders 4-field spec (What/Why/Constraints/Success) with edit mode - ChatSpecCard action row: Send to PM, Edit, Save as Draft buttons - ChatSpecCard edit mode with aria-labels, Escape key discard, tab order - ChatHandoffIndicator separator-style with flanking hr and aria-label
21 lines
622 B
TypeScript
21 lines
622 B
TypeScript
import { cn } from "../lib/utils";
|
|
|
|
interface ChatHandoffIndicatorProps {
|
|
content: string;
|
|
}
|
|
|
|
export function ChatHandoffIndicator({ content }: ChatHandoffIndicatorProps) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"flex items-center gap-3 py-2 text-[13px] text-muted-foreground",
|
|
"motion-safe:animate-in motion-safe:fade-in"
|
|
)}
|
|
aria-label="Agent handoff from Brainstormer to PM"
|
|
>
|
|
<hr className="flex-1 border-border" aria-hidden="true" />
|
|
<span className="whitespace-nowrap">{content}</span>
|
|
<hr className="flex-1 border-border" aria-hidden="true" />
|
|
</div>
|
|
);
|
|
}
|