Workbench Example

A full-tab kanban board opened like any editor tab.

Workbench

Cowork Studio

Todo

Review PR #42

Write digest

Doing

Fix nav link

Done

Ship landing

A kanban board (Todo / Doing / Done) that opens as a workbench tab, exactly like a file would. No sidemenu presence at all.

Use this shape when the app is a destination you go to, not a widget you glance at — boards, dashboards, editors.

Installation

cowork template install tasks-workbench

Code

// Cowork/Apps/task-board.jsx
const COLUMNS = ['Todo', 'Doing', 'Done'];
export default function Board({ storage }) {
  const [tasks, setTasks] = storage.useJson('tasks.json', []);
  return (
    <div className="grid grid-cols-3 gap-4 p-6">
      {COLUMNS.map((col) => (
        <Column key={col} title={col}
          tasks={tasks.filter((t) => t.status === col)}
          onDrop={(t) => setTasks(move(tasks, t, col))} />
      ))}
    </div>
  );
}

← Sidemenu + Workbench Example Modal Example →