);
/* ============================================================
DesignActionsPopover — click on a tile opens this
============================================================ */
// Action overlay — renders INSIDE the tile (not below) so it can never be
// clipped by the scrolling thread. Gemini/ChatGPT image-hover pattern.
const DesignActionsOverlay = ({ design, onClose, onAction }) => (
e.stopPropagation()}>
{design.id}
);
/* ============================================================
DesignGrid — 4 tiles, one popover at a time
============================================================ */
const DesignGrid = ({ designs, onAction }) => {
const [openId, setOpenId] = useState(null);
const wrapRef = useRef(null);
// The grid adapts to however many designs the turn returned (1–6): a lone
// design centres and enlarges; 2–4 sit in a tidy row; 5–6 wrap. Driven by
// data-count so media queries can still reflow on narrow surfaces.
const n = Math.min(designs.length, 6);
useEffect(() => {
if (!openId) return;
const onDoc = (e) => {
if (!wrapRef.current?.contains(e.target)) setOpenId(null);
};
const onKey = (e) => { if (e.key === 'Escape') setOpenId(null); };
document.addEventListener('mousedown', onDoc);
document.addEventListener('keydown', onKey);
return () => {
document.removeEventListener('mousedown', onDoc);
document.removeEventListener('keydown', onKey);
};
}, [openId]);
return (
);
/* ============================================================
AssistantTurn — verified DecisionCard with DesignGrid body.
Composes the same primitives as DecisionCard (stamp + status
+ run badge + title + confidence + approval surface) so the
architecture-§1.5 contract is preserved.
============================================================ */
// Per-turn actions are PRIVATE signals inside the designer's workspace.
// External CEO approval only happens later via "Submit launch pack" on the
// session header — see architecture §8.5 KRAFT lineage.
const AssistantTurn = ({ turn, onDesignAction, onKeep, onRevise, onDiscard, onEvidence }) => (
K
{turn.stamp}{turn.statusLabel}Private · workspace only
{turn.title}
Evidence ›
✕ Discard turn↻ Revise★ Keep batch
);
const BriefList = ({ items }) => {
const list = asBriefList(items);
if (list.length === 0) return