diff --git a/packages/coding-agent/examples/hooks/todo/index.ts b/packages/coding-agent/examples/hooks/todo/index.ts
index 352bfc6e..ecd9bfff 100644
--- a/packages/coding-agent/examples/hooks/todo/index.ts
+++ b/packages/coding-agent/examples/hooks/todo/index.ts
@@ -127,7 +127,8 @@ export default function (pi: HookAPI) {
 			const todos = getTodos(ctx);
 
 			await ctx.ui.custom<void>((_tui, theme, done) => {
-				return new TodoListComponent(todos, theme, () => done());
+				// Cast: Theme.fg uses ThemeColor union type, but we only use standard colors
+				return new TodoListComponent(todos, theme as { fg: (color: string, text: string) => string }, () => done());
 			});
 		},
 	});