|
|
@@ -115,6 +115,20 @@ export function Sidebar(props: { sessionID: string }) {
|
|
|
</For>
|
|
|
</box>
|
|
|
</Show>
|
|
|
+ <Show when={todo().length > 0}>
|
|
|
+ <box>
|
|
|
+ <text fg={theme.text}>
|
|
|
+ <b>Todo</b>
|
|
|
+ </text>
|
|
|
+ <For each={todo()}>
|
|
|
+ {(todo) => (
|
|
|
+ <text style={{ fg: todo.status === "in_progress" ? theme.success : theme.textMuted }}>
|
|
|
+ [{todo.status === "completed" ? "✓" : " "}] {todo.content}
|
|
|
+ </text>
|
|
|
+ )}
|
|
|
+ </For>
|
|
|
+ </box>
|
|
|
+ </Show>
|
|
|
<Show when={diff().length > 0}>
|
|
|
<box>
|
|
|
<text fg={theme.text}>
|
|
|
@@ -147,20 +161,6 @@ export function Sidebar(props: { sessionID: string }) {
|
|
|
</For>
|
|
|
</box>
|
|
|
</Show>
|
|
|
- <Show when={todo().length > 0}>
|
|
|
- <box>
|
|
|
- <text fg={theme.text}>
|
|
|
- <b>Todo</b>
|
|
|
- </text>
|
|
|
- <For each={todo()}>
|
|
|
- {(todo) => (
|
|
|
- <text style={{ fg: todo.status === "in_progress" ? theme.success : theme.textMuted }}>
|
|
|
- [{todo.status === "completed" ? "✓" : " "}] {todo.content}
|
|
|
- </text>
|
|
|
- )}
|
|
|
- </For>
|
|
|
- </box>
|
|
|
- </Show>
|
|
|
</box>
|
|
|
</scrollbox>
|
|
|
</Show>
|