the todo board's barrel and hook, which 420cd075 left behind

420cd075 committed TodoBoardPanel.tsx and the AppRegistry import that reaches
it, but not index.ts or useTodos.ts. they were staged and never named, so the
commit went out without them and master has not built since:

  AppRegistry.tsx(17,52): Cannot find module '../apps/TodoBoard'
  TodoBoardPanel.tsx(8,31): Cannot find module './useTodos'

invisible here because both files exist in the working tree, and this host is
the only one that has them. found while checking whether the tree was fit to
tag — a clean checkout of master could not have built a frontend bundle on any
of the five hosts.

not my work; committed unchanged, untouched since 00:17, and required by a
commit that is already pushed. the two files still dirty in this tree belong to
a session that is live right now and are deliberately not included, which is
why this names its paths.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Officer-Session: 656f5c85-e49a-4f1f-b9f3-042a04b4d043

src/workspaces/officerdev/src/apps/TodoBoard/index.ts

@@ -0,0 +1,10 @@
+import type { AppRegistryMeta } from '../../AppRegistry';
+import { SquareKanban } from 'lucide-react';
+import { TodoBoardPanel } from './TodoBoardPanel';
+
+export { TodoBoardPanel } from './TodoBoardPanel';
+export { useTodoTree, useTodoItem, useTodoPatch } from './useTodos';
+
+export const appRegistryMetas: AppRegistryMeta[] = [
+  { key: 'todo-board', name: 'Todo board', icon: SquareKanban, component: TodoBoardPanel },
+];

src/workspaces/officerdev/src/apps/TodoBoard/useTodos.ts

@@ -0,0 +1,52 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useClient } from 'hooks/useClient';
+
+export type TodoItem = {
+  id: string;
+  title: string;
+  theme: string;
+  status: string;
+  created: string;
+  priority: string;
+  due: string;
+  order: number;
+  file: string;
+};
+
+export type TodoTheme = { theme: string; heading: string; note: string; items: TodoItem[] };
+
+export type TodoPatch = { id: string; status?: string; priority?: string; due?: string; order?: number };
+
+export const useTodoTree = () => {
+  const client = useClient();
+  return useQuery({
+    queryKey: ['todos'],
+    queryFn: () => client.get<{ themes: TodoTheme[] }>('/todos'),
+    // The tree is files on disk that other agents edit while the board is open; refetch keeps the board
+    // honest without a watcher, which the sync contract allows (todo/README.md — poll is the cheapest
+    // thing that works).
+    refetchInterval: 30_000,
+  });
+};
+
+export const useTodoItem = (id: string | null) => {
+  const client = useClient();
+  return useQuery({
+    queryKey: ['todos', 'item', id],
+    queryFn: () =>
+      client.get<{ meta: Record<string, string>; body: string }>(`/todos/item?id=${encodeURIComponent(id!)}`),
+    enabled: id !== null,
+  });
+};
+
+export const useTodoPatch = () => {
+  const client = useClient();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (patch: TodoPatch) => client.patch<{ ok: boolean }>('/todos/item', patch),
+    onSuccess: (_data, patch) => {
+      void queryClient.invalidateQueries({ queryKey: ['todos'] });
+      void queryClient.invalidateQueries({ queryKey: ['todos', 'item', patch.id] });
+    },
+  });
+};