fix(tui): pin todo panel above live output

ui-tui/src/lib/todo.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest'
 
-import { todoGlyph } from './todo.js'
+import { todoGlyph, todoTone } from './todo.js'
 
 describe('todoGlyph', () => {
   it('uses fixed-width ASCII markers so the active row does not render wide or emoji-like', () => {
@@ -10,3 +10,12 @@ describe('todoGlyph', () => {
     expect(todoGlyph('cancelled')).toBe('[-]')
   })
 })
+
+describe('todoTone', () => {
+  it('keeps todo status rows neutral instead of red/green', () => {
+    expect(todoTone('completed')).toBe('dim')
+    expect(todoTone('cancelled')).toBe('dim')
+    expect(todoTone('pending')).toBe('body')
+    expect(todoTone('in_progress')).toBe('active')
+  })
+})