{groups.length === 0 && (

Add a person, then give them tasks.

)} {groups.map((g) => { const tasks = g.tasks || []; return (

patchGroup(g.id, { name: e.target.value })}/> {tasks.length} task{tasks.length === 1 ? '' : 's'}

{tasks.map((t) => { const isDrag = dragTask && dragTask.gid === g.id && dragTask.tid === t.id; return (

{ if (dragTask && dragTask.gid === g.id) { e.preventDefault(); e.stopPropagation(); } }} onDrop={(e) => { if (!dragTask || dragTask.gid !== g.id) return; e.preventDefault(); e.stopPropagation(); moveTask(g.id, dragTask.tid, t.id); setDragTask(null); }}> { e.dataTransfer.effectAllowed = 'move'; setDragTask({ gid: g.id, tid: t.id }); }} onDragEnd={() => setDragTask(null)}> patchTask(g.id, t.id, { done: e.target.checked })}/> patchTask(g.id, t.id, { text: e.target.value })}/>

); })}

); })} {team.map((m) =>

{unaddedMembers.length > 0 && (

Add from team

{unaddedMembers.map((m) => ( ))}

)}

{ if (draggable && dragHandlers.active) e.preventDefault(); }} onDrop={(e) => { if (!draggable) return; e.preventDefault(); dragHandlers.onDrop(block.id); }}> {draggable && (

dragHandlers.onStart(block.id)} onDragEnd={dragHandlers.onEnd}>

)}

{isTodos ? 'Checklist' : 'Section'}

{showVisibility && (

)} {showWidth && (

)} {showDelete && ( )}

onPatch({ title: e.target.value })}/>

{isTodos ? ( ) : ( <>

onPatch({ text: e.target.value })}
              style={{ resize: 'vertical', fontFamily: 'inherit', lineHeight: 1.55 }}/>
            <div className="pb-md-hint">
              Markdown: <span className="mono"># heading</span> · <span className="mono">**bold**</span> ·
              <span className="mono"> - list</span> · <span className="mono"> - [ ] task</span> ·
              <span className="mono"> [link](https://…)</span>
            </div>

<div className="pb-links-edit">
              <span className="pb-links-edit-label">Links</span>
              {items.map((it) => (
                <LinkRowEdit key={it.id} item={it} onChange={(p) => patchLink(it.id, p)} onRemove={() => removeLink(it.id)}/>
              ))}
              <button type="button" className="linklike pb-add-link" onClick={addLink}><Icon name="plus" size={12}/> Add link</button>
            </div>
          </>
        )}
      </div>
    </section>
  );
}

// A slim insert affordance between rows (edit mode). Hovering reveals a "+"; clicking
// opens a compact type picker that inserts a new block at this exact position.
function InsertDivider({ index, onInsert }) {
  const [open, setOpen] = usePbState(false);
  if (open) {
    return (
      <div className="pb-insert is-open">
        <div className="pb-insert-menu">
          <span className="pb-insert-menu-label">Insert here</span>
          <button type="button" className="btn btn-ghost btn-sm"
            onClick={() => { onInsert('section', index); setOpen(false); }}>
            <Icon name="layers" size={13}/> Section
          </button>
          <button type="button" className="btn btn-ghost btn-sm"
            onClick={() => { onInsert('todos', index); setOpen(false); }}>
            <Icon name="check-square" size={13}/> Checklist
          </button>
          <button type="button" className="btn-icon" title="Cancel" onClick={() => setOpen(false)}>
            <Icon name="x" size={13}/>
          </button>
        </div>
      </div>
    );
  }
  return (
    <div className="pb-insert">
      <button type="button" className="pb-insert-line" title="Insert a block here" onClick={() => setOpen(true)}>
        <span className="pb-insert-plus"><Icon name="plus" size={13}/></span>
      </button>
    </div>
  );
}

// Build a fresh block of the given type (shared by hub + dashboard add/insert flows).
function makeBlock(type = 'section') {
  const base = { id: newId('blk'), width: 'full', title: '' };
  return type === 'todos'
    ? { ...base, type: 'todos', groups: [] }
    : { ...base, type: 'section', text: '', items: [] };
}

Object.assign(window, {
  ACCENTS, accentVars, LINK_TYPES, linkMeta, newId, hostOf, initialsOf,
  renderMarkdown, groupRows, makeBlock,
  LinkCard, TodoWidget, ReadBlock, LinkRowEdit, TodoGroupsEdit, EditBlock, InsertDivider,
});

{block.title}

{block.title}