Sidemenu + Workbench Example
A short list in the sidemenu that opens a full board as a tab.
SidemenuWorkbench
Cowork Studio
Tasks
Ship landing
Review PR #42
Write digest
Open board
Todo
Review PR #42
Write digest
Doing
Fix nav link
Done
Ship landing
The canonical two-surface pattern: the sidemenu shows the short list, and an "Open board" button launches the full task board as a workbench tab. Both views read and write the same tasks.json.
Use this shape when you want both a glanceable summary and a full working surface — most real apps end up here.
Installation
cowork template install tasks-sidemenu-workbenchCode
// Cowork/Apps/tasks.jsx — one file, two surfaces
export default function Tasks({ surface, storage, workbench }) {
const [tasks, setTasks] = storage.useJson('tasks.json', []);
if (surface === 'sidemenu') {
return (
<SidePanel tasks={tasks.slice(0, 5)}
onOpenBoard={() => workbench.open('tasks.jsx')} />
);
}
return <Board tasks={tasks} onChange={setTasks} />;
}