feat: todo_write tool-box mit custom parser, kein input, standardmäßig sichtbar

wwwroot/css/chat.css

@@ -141,7 +141,7 @@
   padding: 0;
 }
 
-.tool-box:has([hidden]) {
+.tool-box:has([hidden]):not(:has(.todo-list)) {
   opacity: var(--semi-transparent);
 }
 
@@ -206,6 +206,77 @@
   overflow: auto;
 }
 
+.tool-result-markdown {
+  white-space: normal;
+}
+
+.tool-result-markdown p,
+.tool-result-markdown ul,
+.tool-result-markdown ol {
+  margin: 0 0 .4em 0;
+}
+
+.tool-result-markdown p:last-child,
+.tool-result-markdown ul:last-child,
+.tool-result-markdown ol:last-child {
+  margin-bottom: 0;
+}
+
+.tool-result-markdown li {
+  margin-left: 1.2em;
+}
+
+/* Todo-Liste */
+
+.todo-list {
+  padding: var(--box-padding);
+  padding-top: 0;
+  display: flex;
+  flex-direction: column;
+  font-size: .85rem;
+  gap: var(--badge-spacing);
+}
+
+.todo-item {
+  display: flex;
+  align-items: center;
+  gap: var(--badge-spacing);
+}
+
+.todo-icon {
+  flex-shrink: 0;
+}
+
+.todo-id {
+  flex-shrink: 0;
+}
+
+.todo-prio {
+  flex-shrink: 0;
+  border-radius: var(--border-radius);
+  border: var(--border-width) solid currentcolor;
+  font-size: var(--font-size);
+  padding: var(--badge-padding);
+}
+
+.todo-prio-high   { color: var(--dangerous); }
+.todo-prio-medium { color: var(--warning); }
+.todo-prio-low    { opacity: var(--semi-transparent); }
+
+.todo-text {
+  flex: 1;
+  word-break: break-word;
+}
+
+.todo-done .todo-text {
+  text-decoration: line-through;
+  opacity: var(--semi-transparent);
+}
+
+.todo-progress .todo-text {
+  font-style: italic;
+}
+
 .tool-write-meta {
   opacity: var(--semi-transparent);
   margin-left: auto;