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

wwwroot/js/ui.js

@@ -422,6 +422,7 @@ function isChainMetaVisible(chainData) {
 function addToolBoxLoading(name) {
   const div = document.createElement('div');
   div.className = 'tool-box streamed';
+  div.dataset.toolName = name;
   const displayName = TOOL_DISPLAY_NAMES[name] || name;
   div.innerHTML = '<span class="tool-name">' + esc(displayName) + '</span> <span class="tool-spinner"><i class="fa fa-hourglass-half"></i></span>';
   chatEl().appendChild(div);
@@ -485,6 +486,14 @@ function renderToolBoxContent(div, name, inputJson, result, isError) {
     div.appendChild(preview);
     foldTarget = preview;
 
+  } else if (name === 'todo_write') {
+    // Todo-Liste: kein tool-input, standardmäßig sichtbar, custom parser
+    if (result) {
+      const todoList = buildTodoList(result, isError);
+      div.appendChild(todoList);
+      foldTarget = todoList;
+    }
+
   } else {
     // Standard: path/command als input anzeigen
     let inputLabel = '';
@@ -508,7 +517,7 @@ function renderToolBoxContent(div, name, inputJson, result, isError) {
     foldTarget = resultDiv;
   }
 
-  if (foldTarget) {
+  if (foldTarget && name !== 'todo_write') {
     header.style.cursor = 'pointer';
     header.addEventListener('click', () => {
       foldTarget.hidden = !foldTarget.hidden;
@@ -579,6 +588,63 @@ function buildWritePreview(content) {
   return container;
 }
 
+function buildTodoList(result, isError) {
+  const container = document.createElement('div');
+  container.className = 'todo-list' + (isError ? ' tool-error' : '');
+
+  const lines = result.split('\n').filter(l => l.trim());
+  for (const line of lines) {
+    // Format: ICON [id] [priority] content
+    const m = line.match(/^(\S+)\s+\[([^\]]+)\]\s+(?:\[([^\]]+)\]\s+)?(.+)$/);
+    const row = document.createElement('div');
+    row.className = 'todo-item';
+
+    if (m) {
+      const icon = m[1];   // ✅ / 🔄 / ⬜
+      const id   = m[2];
+      const prio = m[3] || null;
+      const text = m[4];
+
+      const statusClass =
+        icon === '✅' ? 'todo-done' :
+        icon === '🔄' ? 'todo-progress' :
+        'todo-pending';
+      row.classList.add(statusClass);
+
+      const iconSpan = document.createElement('span');
+      iconSpan.className = 'todo-icon';
+      iconSpan.textContent = icon;
+
+      const idSpan = document.createElement('span');
+      idSpan.className = 'todo-id';
+      idSpan.textContent = id + '.';
+
+      const textSpan = document.createElement('span');
+      textSpan.className = 'todo-text';
+      textSpan.textContent = text;
+
+      row.appendChild(iconSpan);
+      row.appendChild(idSpan);
+      row.appendChild(textSpan);
+
+      if (prio) {
+        const prioSpan = document.createElement('span');
+        prioSpan.className = 'todo-prio todo-prio-' + prio.toLowerCase();
+        prioSpan.textContent = prio;
+        row.appendChild(prioSpan);
+      }
+    } else {
+      row.textContent = line;
+    }
+
+    container.appendChild(row);
+  }
+
+  parseFluentEmojis(container);
+
+  return container;
+}
+
 function finishToolBox(div, data) {
   if (!div) return;
   renderToolBoxContent(div, data.name, data.input, data.result, data.isError);
@@ -588,6 +654,7 @@ function finishToolBox(div, data) {
 function addToolBoxStatic(name, input, result, isError) {
   const div = document.createElement('div');
   div.className = 'tool-box';
+  div.dataset.toolName = name;
   renderToolBoxContent(div, name, input, result, isError);
   chatEl().appendChild(div);
   scrollDown();
@@ -602,6 +669,20 @@ function appendToolResult(result, isError) {
   // Wenn Diff vorhanden (edit_file/write_file) → kein Result anhängen
   if (lastBox.querySelector('.tool-diff')) return;
 
+  const toolName = lastBox.dataset.toolName || '';
+  const isTodoWrite = toolName === 'todo_write';
+
+  if (isTodoWrite) {
+    // Vorhandene todo-list ersetzen oder neu erstellen
+    const existing = lastBox.querySelector('.todo-list');
+    if (existing) existing.remove();
+    if (result && !isError) {
+      const todoList = buildTodoList(result, isError);
+      lastBox.appendChild(todoList);
+    }
+    return;
+  }
+
   const existing = lastBox.querySelector('.tool-result');
   if (existing) {
     existing.textContent = result || '';