<Btn size="sm" variant="primary" disabled={!comment.trim()} onClick={onAddComment}>Send</Btn>
      </div>
    </DSection>
    <DSection eyebrow="History">
      <div className="krw-hist">
        {(brief.history || []).map((h, i) => (
          <div key={i} className="krw-hist-row">
            <StatusPill status={h.state} /><span className="t-meta">{h.at}</span>
          </div>
        ))}
      </div>
    </DSection>
  </>
);

/* ============================================================
   PAGE-SECTION · KraftBriefsView
   ============================================================ */
const KraftBriefsView = ({ briefs = [], onAccept, onUpdateBrief, onComment, onOpenSession, onProvenance, pushToast }) => {
  const [q, setQ] = useState('');
  const [source, setSource] = useState('all');
  const [priority, setPriority] = useState('all');
  const [openId, setOpenId] = useState(null);
  const [comment, setComment] = useState('');

const brief = briefs.find(b => b.id === openId) || null;
  const close = useCallback(() => { setOpenId(null); setComment(''); }, []);

const newCount = briefs.filter(b => b.status === 'new').length;

// drawer actions by status
  const act = (fn) => { fn(); close(); };
  const footer = brief && (() => {
    const s = brief.status;
    if (s === 'new') return (
      <>
        <Btn variant="ghost" onClick={() => act(() => { onUpdateBrief(brief.id, b => ({ status: 'parked', history: [...(b.history || []), { state: 'parked', at: 'just now' }] })); pushToast?.({ kind: 'info', title: 'Brief parked', body: brief.title }); })}>Park</Btn>
        <span style={{ flex: 1 }} />
        <Btn variant="primary" onClick={() => act(() => onAccept(brief))}>Accept & start</Btn>
      </>
    );
    if (s === 'accepted' || s === 'in_progress' || s === 'changes_requested') return (
      <>
        <Btn variant="ghost" onClick={() => act(() => { onUpdateBrief(brief.id, b => ({ status: 'parked', history: [...(b.history || []), { state: 'parked', at: 'just now' }] })); })}>Park</Btn>
        <span style={{ flex: 1 }} />
        <Btn variant="primary" onClick={() => act(() => onOpenSession(brief))}>Open in chat →</Btn>
      </>
    );
    if (s === 'submitted') return (
      <>
        <span className="t-meta" style={{ flex: 1 }}>Awaiting CEO sign-off on the launch pack.</span>
        <Btn variant="ghost" onClick={() => act(() => onOpenSession(brief))}>Open session</Btn>
      </>
    );
    if (s === 'parked') return (
      <>
        <span style={{ flex: 1 }} />
        <Btn variant="primary" onClick={() => act(() => onUpdateBrief(brief.id, b => ({ status: 'new', history: [...(b.history || []), { state: 'new', at: 'just now' }] })))}>Reactivate</Btn>
      </>
    );
    return <><span style={{ flex: 1 }} /><Btn variant="ghost" onClick={close}>Close</Btn></>;
  })();

return (
    <div className="krw">
      {newCount > 0 && (
        <div className="krw-banner">
          <Icon name="inbox" size={14} />
          <span><b>{newCount} new brief{newCount === 1 ? '' : 's'}</b> need triage — accept to start a grounded session, or park.</span>
        </div>
      )}
      <StudioStrip briefs={briefs} />
      <WorkFilterBar q={q} onQ={setQ} source={source} onSource={setSource} priority={priority} onPriority={setPriority}
                     counts={{ all: briefs.length }} />
      {filtered.length === 0
        ? <Card><EmptyState mark="K" title="No briefs match these filters." body="Clear filters, or briefs arrive here from Orbit, Vault and the CEO." /></Card>
        : <MyWorkBoard briefs={filtered} onOpen={(b) => { setOpenId(b.id); setComment(''); }} />}

<Drawer
        open={!!brief}
        onClose={close}
        eyebrow={brief ? <span className="krw-deye"><SourceBadge source={brief.source} /><StatusPill status={brief.status} /><PriorityTag priority={brief.priority} /><DueChip dueDays={brief.dueDays} /></span> : ''}
        title={brief?.title}
        footer={footer}
      >
        {brief && (
          <BriefDetailBody
            brief={brief}
            onProvenance={() => onProvenance?.(brief)}
            comment={comment} setComment={setComment}
            onAddComment={() => { onComment(brief.id, comment); setComment(''); }}
          />
        )}
      </Drawer>
    </div>
  );
};

Object.assign(window.K, {
  KraftBriefsView, MyWorkBoard, BoardCard, StudioStrip, WorkFilterBar,
  StatusPill, PriorityTag, DueChip, SourceBadge, ConstraintChips, ProvenanceLink, Feasibility,
  BRIEF_STATUS,
});