diff --git a/cowork/package-lock.json b/cowork/package-lock.json
index f24d27e1..7fe7c61e 100644
--- a/cowork/package-lock.json
+++ b/cowork/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@phuetz/codebuddy-cowork",
-  "version": "3.3.0-beta.9",
+  "version": "1.0.0-rc.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@phuetz/codebuddy-cowork",
-      "version": "3.3.0-beta.9",
+      "version": "1.0.0-rc.8",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -16,9 +16,11 @@
         "@mariozechner/pi-coding-agent": "^0.60.0",
         "@mediapipe/tasks-vision": "^0.10.18",
         "@modelcontextprotocol/sdk": "^1.26.0",
+        "@types/dompurify": "3.0.5",
         "archiver": "^7.0.1",
         "better-sqlite3": "^12.8.0",
         "chokidar": "^4.0.1",
+        "dompurify": "3.4.3",
         "dotenv": "^17.2.3",
         "electron-store": "^11.0.2",
         "electron-updater": "^6.3.0",
@@ -28,6 +30,7 @@
         "i18next-browser-languagedetector": "^8.2.0",
         "katex": "^0.16.27",
         "lucide-react": "^0.468.0",
+        "mermaid": "11.15.0",
         "ngrok": "^5.0.0-beta.2",
         "onnxruntime-node": "^1.20.0",
         "openai": "^6.32.0",
@@ -95,6 +98,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@antfu/install-pkg": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@antfu/install-pkg/-/install-pkg-1.1.0.tgz",
+      "integrity": "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "package-manager-detector": "^1.3.0",
+        "tinyexec": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@anthropic-ai/sdk": {
       "version": "0.39.0",
       "resolved": "https://registry.npmjs.org/@anthropic-ai/sdk/-/sdk-0.39.0.tgz",
@@ -1169,6 +1185,18 @@
         "url": "https://github.com/sponsors/Borewit"
       }
     },
+    "node_modules/@braintree/sanitize-url": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.1.2.tgz",
+      "integrity": "sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==",
+      "license": "MIT"
+    },
+    "node_modules/@chevrotain/types": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.2.tgz",
+      "integrity": "sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@commitlint/cli": {
       "version": "20.5.0",
       "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-20.5.0.tgz",
@@ -2592,6 +2620,23 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "license": "MIT"
+    },
+    "node_modules/@iconify/utils": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.3.tgz",
+      "integrity": "sha512-LPKOXPn/zV+zis1oOfGWogaXVpqUybF3ZS6SCZIsz8vg0ivVp9+fVqyYB7xq0aiST/VhUQYGO1qo6uoYSiEJqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/install-pkg": "^1.1.0",
+        "@iconify/types": "^2.0.0",
+        "import-meta-resolve": "^4.2.0"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -3310,6 +3355,15 @@
       "integrity": "sha512-HOvadwVRE6JC+45nyYhmnywnr5h/J8KZvOeUNVOG9q/0875pZgItznFB9bRTvLc264YSJqiZ1NsIpCStJw/egg==",
       "license": "Apache-2.0"
     },
+    "node_modules/@mermaid-js/parser": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
+      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@chevrotain/types": "~11.1.1"
+      }
+    },
     "node_modules/@mistralai/mistralai": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@mistralai/mistralai/-/mistralai-1.14.1.tgz",
@@ -4722,6 +4776,259 @@
         "assertion-error": "^2.0.1"
       }
     },
+    "node_modules/@types/d3": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
+      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
+      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
+      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
+      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
+      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
+      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
+      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
+      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
+      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
+      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
+      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
+      }
+    },
     "node_modules/@types/debug": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
@@ -4738,6 +5045,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/dompurify": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
+      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/trusted-types": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -4763,6 +5079,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
     "node_modules/@types/hast": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
@@ -4902,6 +5224,12 @@
       "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==",
       "license": "MIT"
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT"
+    },
     "node_modules/@types/unist": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
@@ -5135,6 +5463,16 @@
       "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
       "license": "ISC"
     },
+    "node_modules/@upsetjs/venn.js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@upsetjs/venn.js/-/venn.js-2.0.0.tgz",
+      "integrity": "sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "d3-selection": "^3.0.0",
+        "d3-transition": "^3.0.1"
+      }
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
@@ -7076,6 +7414,15 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/cose-base": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-1.0.3.tgz",
+      "integrity": "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==",
+      "license": "MIT",
+      "dependencies": {
+        "layout-base": "^1.0.0"
+      }
+    },
     "node_modules/cosmiconfig": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
@@ -7199,6 +7546,514 @@
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
+    "node_modules/cytoscape": {
+      "version": "3.33.3",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.33.3.tgz",
+      "integrity": "sha512-Gej7U+OKR+LZ8kvX7rb2HhCYJ0IhvEFsnkud4SB1PR+BUY/TsSO0dmOW59WEVLu51b1Rm+gQRKoz4bLYxGSZ2g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/cytoscape-cose-bilkent": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cytoscape-cose-bilkent/-/cytoscape-cose-bilkent-4.1.0.tgz",
+      "integrity": "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cose-base": "^1.0.0"
+      },
+      "peerDependencies": {
+        "cytoscape": "^3.2.0"
+      }
+    },
+    "node_modules/cytoscape-fcose": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz",
+      "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cose-base": "^2.2.0"
+      },
+      "peerDependencies": {
+        "cytoscape": "^3.2.0"
+      }
+    },
+    "node_modules/cytoscape-fcose/node_modules/cose-base": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz",
+      "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==",
+      "license": "MIT",
+      "dependencies": {
+        "layout-base": "^2.0.0"
+      }
+    },
+    "node_modules/cytoscape-fcose/node_modules/layout-base": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz",
+      "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==",
+      "license": "MIT"
+    },
+    "node_modules/d3": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
+      "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "license": "ISC",
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-sankey": {
+      "version": "0.12.3",
+      "resolved": "https://registry.npmjs.org/d3-sankey/-/d3-sankey-0.12.3.tgz",
+      "integrity": "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "d3-array": "1 - 2",
+        "d3-shape": "^1.2.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-array": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz",
+      "integrity": "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "internmap": "^1.0.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-path": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
+      "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/d3-sankey/node_modules/d3-shape": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+      "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "d3-path": "1"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/internmap": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
+      "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==",
+      "license": "ISC"
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre-d3-es": {
+      "version": "7.0.14",
+      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.14.tgz",
+      "integrity": "sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==",
+      "license": "MIT",
+      "dependencies": {
+        "d3": "^7.9.0",
+        "lodash-es": "^4.17.21"
+      }
+    },
     "node_modules/data-uri-to-buffer": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
@@ -7208,6 +8063,12 @@
         "node": ">= 14"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.20",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.20.tgz",
+      "integrity": "sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==",
+      "license": "MIT"
+    },
     "node_modules/debounce-fn": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/debounce-fn/-/debounce-fn-6.0.0.tgz",
@@ -7366,6 +8227,15 @@
         "node": ">= 14"
       }
     },
+    "node_modules/delaunator": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.1.0.tgz",
+      "integrity": "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==",
+      "license": "ISC",
+      "dependencies": {
+        "robust-predicates": "^3.0.2"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -7615,6 +8485,15 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dompurify": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.3.tgz",
+      "integrity": "sha512-VVwJidIJcp1hpg2OMXML3ZVRPYSZiq4aX7qBh83BSIpOaRDqI+qxhXjjIWnpzkOXhmp0L81lnoME1mnCc9H48A==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/dot-prop": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-10.1.0.tgz",
@@ -8133,6 +9012,16 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-toolkit": {
+      "version": "1.46.1",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.46.1.tgz",
+      "integrity": "sha512-5eNtXOs3tbfxXOj04tjjseeWkRWaoCjdEI+96DgwzZoe6c9juL49pXlzAFTI72aWC9Y8p7168g6XIKjh7k6pyQ==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
     "node_modules/es6-error": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
@@ -9565,6 +10454,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/hachure-fill": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/hachure-fill/-/hachure-fill-0.5.2.tgz",
+      "integrity": "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==",
+      "license": "MIT"
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -10044,7 +10939,6 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -10104,7 +10998,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
       "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -10151,6 +11044,15 @@
       "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
       "license": "MIT"
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/ip-address": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
@@ -10651,6 +11553,11 @@
         "json-buffer": "3.0.1"
       }
     },
+    "node_modules/khroma": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz",
+      "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw=="
+    },
     "node_modules/koffi": {
       "version": "2.15.2",
       "resolved": "https://registry.npmjs.org/koffi/-/koffi-2.15.2.tgz",
@@ -10662,6 +11569,12 @@
         "url": "https://liberapay.com/Koromix"
       }
     },
+    "node_modules/layout-base": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-1.0.2.tgz",
+      "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==",
+      "license": "MIT"
+    },
     "node_modules/lazy-val": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/lazy-val/-/lazy-val-1.0.5.tgz",
@@ -10983,6 +11896,12 @@
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
       "license": "MIT"
     },
+    "node_modules/lodash-es": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.18.1.tgz",
+      "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
+      "license": "MIT"
+    },
     "node_modules/lodash.camelcase": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
@@ -11773,6 +12692,47 @@
         "node": ">= 8"
       }
     },
+    "node_modules/mermaid": {
+      "version": "11.15.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.15.0.tgz",
+      "integrity": "sha512-pTMbcf3rWdtLiYGpmoTjHEpeY8seiy6sR+9nD7LOs8KfUbHE4lOUAprTRqRAcWSQ6MQpdX+YEsxShtGsINtPtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@braintree/sanitize-url": "^7.1.1",
+        "@iconify/utils": "^3.0.2",
+        "@mermaid-js/parser": "^1.1.1",
+        "@types/d3": "^7.4.3",
+        "@upsetjs/venn.js": "^2.0.0",
+        "cytoscape": "^3.33.1",
+        "cytoscape-cose-bilkent": "^4.1.0",
+        "cytoscape-fcose": "^2.2.0",
+        "d3": "^7.9.0",
+        "d3-sankey": "^0.12.3",
+        "dagre-d3-es": "7.0.14",
+        "dayjs": "^1.11.19",
+        "dompurify": "^3.3.1",
+        "es-toolkit": "^1.45.1",
+        "katex": "^0.16.25",
+        "khroma": "^2.1.0",
+        "marked": "^16.3.0",
+        "roughjs": "^4.6.6",
+        "stylis": "^4.3.6",
+        "ts-dedent": "^2.2.0",
+        "uuid": "^11.1.0 || ^12 || ^13 || ^14.0.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/marked": {
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-16.4.2.tgz",
+      "integrity": "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 20"
+      }
+    },
     "node_modules/micromark": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
@@ -13242,6 +14202,12 @@
       "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/package-manager-detector": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
+      "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
+      "license": "MIT"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -13326,6 +14292,12 @@
       "integrity": "sha512-Njv/59hHaokb/hRUjce3Hdv12wd60MtM9Z5Olmn+nehe0QDAsRtRbJPvJ0Z91TusF0SuZRIvnM+S4l6EIP8leA==",
       "license": "MIT"
     },
+    "node_modules/path-data-parser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/path-data-parser/-/path-data-parser-0.1.0.tgz",
+      "integrity": "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==",
+      "license": "MIT"
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -13596,6 +14568,22 @@
         "node": ">=14.19.0"
       }
     },
+    "node_modules/points-on-curve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/points-on-curve/-/points-on-curve-0.2.0.tgz",
+      "integrity": "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==",
+      "license": "MIT"
+    },
+    "node_modules/points-on-path": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/points-on-path/-/points-on-path-0.2.1.tgz",
+      "integrity": "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==",
+      "license": "MIT",
+      "dependencies": {
+        "path-data-parser": "0.1.0",
+        "points-on-curve": "0.2.0"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.8",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
@@ -14648,6 +15636,12 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/robust-predicates": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.3.tgz",
+      "integrity": "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==",
+      "license": "Unlicense"
+    },
     "node_modules/rollup": {
       "version": "4.59.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.59.0.tgz",
@@ -14693,6 +15687,18 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/roughjs": {
+      "version": "4.6.6",
+      "resolved": "https://registry.npmjs.org/roughjs/-/roughjs-4.6.6.tgz",
+      "integrity": "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "hachure-fill": "^0.5.2",
+        "path-data-parser": "^0.1.0",
+        "points-on-curve": "^0.2.0",
+        "points-on-path": "^0.2.1"
+      }
+    },
     "node_modules/router": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
@@ -14733,6 +15739,12 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -15389,6 +16401,12 @@
         "inline-style-parser": "0.2.7"
       }
     },
+    "node_modules/stylis": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.4.0.tgz",
+      "integrity": "sha512-5Z9ZpRzfuH6l/UAvCPAPUo3665Nk2wLaZU3x+TLHKVzIz33+sbJqbtrYoC3KD4/uVOr2Zp+L0LySezP9OHV9yA==",
+      "license": "MIT"
+    },
     "node_modules/sucrase": {
       "version": "3.35.1",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
@@ -15901,7 +16919,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.4.tgz",
       "integrity": "sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -16080,6 +17097,15 @@
         "typescript": ">=4.2.0"
       }
     },
+    "node_modules/ts-dedent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
+      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
diff --git a/cowork/package.json b/cowork/package.json
index 1b822438..a4c8eef0 100644
--- a/cowork/package.json
+++ b/cowork/package.json
@@ -61,9 +61,11 @@
     "@mariozechner/pi-coding-agent": "^0.60.0",
     "@mediapipe/tasks-vision": "^0.10.18",
     "@modelcontextprotocol/sdk": "^1.26.0",
+    "@types/dompurify": "3.0.5",
     "archiver": "^7.0.1",
     "better-sqlite3": "^12.8.0",
     "chokidar": "^4.0.1",
+    "dompurify": "3.4.3",
     "dotenv": "^17.2.3",
     "electron-store": "^11.0.2",
     "electron-updater": "^6.3.0",
@@ -73,6 +75,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "katex": "^0.16.27",
     "lucide-react": "^0.468.0",
+    "mermaid": "11.15.0",
     "ngrok": "^5.0.0-beta.2",
     "onnxruntime-node": "^1.20.0",
     "openai": "^6.32.0",
diff --git a/cowork/src/renderer/components/ChatView.tsx b/cowork/src/renderer/components/ChatView.tsx
index 6dcd1113..6d005072 100644
--- a/cowork/src/renderer/components/ChatView.tsx
+++ b/cowork/src/renderer/components/ChatView.tsx
@@ -12,6 +12,7 @@ import {
 } from '../store/selectors';
 import { useAppStore } from '../store';
 import { useIPC } from '../hooks/useIPC';
+import { useTextareaAutogrow } from '../hooks/use-textarea-autogrow';
 import { MessageCard } from './MessageCard';
 import { ModelSwitcher } from './ModelSwitcher';
 import { PermissionModeSelector } from './PermissionModeSelector';
@@ -126,6 +127,10 @@ export function ChatView() {
   const isUserAtBottomRef = useRef(true);
   const isComposingRef = useRef(false);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
+  // Auto-grow the textarea between 44 and 200 px as the user types or
+  // pastes multi-line content. Mirrors the chat-ui gitnexus-rs ChatInput
+  // pattern so multi-line drafts don't push the chat history out of view.
+  useTextareaAutogrow(textareaRef, prompt);
   const prevMessageCountRef = useRef(0);
   const prevPartialLengthRef = useRef(0);
   const scrollTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
@@ -1200,6 +1205,7 @@ export function ChatView() {
               <textarea
                 ref={textareaRef}
                 value={prompt}
+                style={{ minHeight: 44 }}
                 onChange={(e) => {
                   const newValue = e.target.value;
                   setPrompt(newValue);
diff --git a/cowork/src/renderer/components/HealthBadge.tsx b/cowork/src/renderer/components/HealthBadge.tsx
new file mode 100644
index 00000000..8e3eda6f
--- /dev/null
+++ b/cowork/src/renderer/components/HealthBadge.tsx
@@ -0,0 +1,158 @@
+import { useState, useRef, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useBackendStatus, type BackendStatus } from '../hooks/use-backend-status';
+
+/**
+ * Small permanent badge showing the Code Buddy backend status. Mirrors
+ * the chat-ui gitnexus-rs `BackendStatus` UX: a colored dot in a
+ * compact pill, click to open a tooltip-popup with the endpoint, last
+ * success time, and the latest error if any.
+ *
+ * Hidden entirely when the CodeBuddy integration is disabled in
+ * config (no need to occupy precious titlebar real estate for a
+ * never-going-to-light-up badge).
+ */
+export function HealthBadge() {
+  const { t } = useTranslation();
+  const status = useBackendStatus();
+  const [open, setOpen] = useState(false);
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!open) return;
+    const onDocClick = (event: MouseEvent) => {
+      if (!containerRef.current) return;
+      if (!containerRef.current.contains(event.target as Node)) setOpen(false);
+    };
+    const onEsc = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') setOpen(false);
+    };
+    document.addEventListener('mousedown', onDocClick);
+    document.addEventListener('keydown', onEsc);
+    return () => {
+      document.removeEventListener('mousedown', onDocClick);
+      document.removeEventListener('keydown', onEsc);
+    };
+  }, [open]);
+
+  if (status.status === 'disabled') return null;
+
+  const style = badgeStyleFor(status.status);
+  const labelKey = `healthBadge.status.${status.status}`;
+  const label = t(labelKey, defaultLabelFor(status.status));
+
+  return (
+    <div ref={containerRef} className="relative" data-testid="health-badge">
+      <button
+        type="button"
+        onClick={() => setOpen((v) => !v)}
+        className={`flex items-center gap-1.5 px-2 py-0.5 rounded-full border text-[11px] transition-colors ${style.pill}`}
+        aria-label={label}
+        aria-expanded={open}
+        title={label}
+      >
+        <span className={`w-1.5 h-1.5 rounded-full ${style.dot}`} />
+        <span className="hidden sm:inline">{label}</span>
+      </button>
+      {open && <HealthPopup status={status} />}
+    </div>
+  );
+}
+
+function HealthPopup({ status }: { status: BackendStatus }) {
+  const { t } = useTranslation();
+  const lastSuccess = status.lastSuccessAt
+    ? new Date(status.lastSuccessAt).toLocaleTimeString()
+    : t('healthBadge.never', 'jamais');
+
+  return (
+    <div
+      role="dialog"
+      className="absolute right-0 top-full mt-1 w-72 z-50 rounded-lg border border-border bg-surface shadow-lg p-3 text-[12px]"
+    >
+      <div className="font-medium text-text-primary mb-2">
+        {t('healthBadge.title', 'Backend Code Buddy')}
+      </div>
+      <div className="space-y-1 text-text-muted">
+        <Row label={t('healthBadge.endpoint', 'Endpoint')} value={status.endpoint ?? '—'} />
+        <Row
+          label={t('healthBadge.statusLabel', 'État')}
+          value={t(`healthBadge.status.${status.status}`, defaultLabelFor(status.status))}
+        />
+        {status.version && (
+          <Row label={t('healthBadge.version', 'Version')} value={status.version} />
+        )}
+        <Row label={t('healthBadge.lastSuccess', 'Dernier OK')} value={lastSuccess} />
+        {status.lastError && (
+          <Row
+            label={t('healthBadge.lastError', 'Dernière erreur')}
+            value={status.lastError}
+            isError
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+function Row({ label, value, isError }: { label: string; value: string; isError?: boolean }) {
+  return (
+    <div className="flex justify-between gap-3">
+      <span className="text-text-muted/80">{label}</span>
+      <span
+        className={`text-right break-all ${isError ? 'text-error' : 'text-text-primary'}`}
+        style={{ maxWidth: '70%' }}
+      >
+        {value}
+      </span>
+    </div>
+  );
+}
+
+interface BadgeStyle {
+  pill: string;
+  dot: string;
+}
+
+function badgeStyleFor(status: BackendStatus['status']): BadgeStyle {
+  switch (status) {
+    case 'online':
+      return {
+        pill: 'border-success/40 bg-success/10 text-success hover:bg-success/15',
+        dot: 'bg-success animate-pulse',
+      };
+    case 'checking':
+    case 'unknown':
+      return {
+        pill: 'border-warning/40 bg-warning/10 text-warning hover:bg-warning/15',
+        dot: 'bg-warning animate-pulse',
+      };
+    case 'offline':
+      return {
+        pill: 'border-error/40 bg-error/10 text-error hover:bg-error/15',
+        dot: 'bg-error',
+      };
+    case 'disabled':
+    default:
+      return {
+        pill: 'border-border-subtle bg-surface text-text-muted',
+        dot: 'bg-text-muted/40',
+      };
+  }
+}
+
+function defaultLabelFor(status: BackendStatus['status']): string {
+  switch (status) {
+    case 'online':
+      return 'En ligne';
+    case 'checking':
+      return 'Vérification…';
+    case 'offline':
+      return 'Hors ligne';
+    case 'disabled':
+      return 'Désactivé';
+    case 'unknown':
+    default:
+      return 'Inconnu';
+  }
+}
diff --git a/cowork/src/renderer/components/MessageCard.tsx b/cowork/src/renderer/components/MessageCard.tsx
index 0c0aa89d..cab5f40a 100644
--- a/cowork/src/renderer/components/MessageCard.tsx
+++ b/cowork/src/renderer/components/MessageCard.tsx
@@ -2,11 +2,13 @@
 // Delegates block rendering to ContentBlockView and its sub-components.
 import { useState, useCallback, memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Copy, Check, Clock, XCircle, Code2, Star } from 'lucide-react';
+import { Copy, Check, Clock, XCircle, Code2, Star, RotateCcw } from 'lucide-react';
 import type { Message, ContentBlock, ToolUseContent, ToolResultContent } from '../types';
 import { ContentBlockView } from './message/ContentBlockView';
+import { ToolBadgeStrip } from './message/ToolBadgeStrip';
 import { detectArtifacts } from '../utils/artifact-detector';
 import { useAppStore } from '../store';
+import { useRegenerate } from '../hooks/use-regenerate';
 
 interface MessageCardProps {
   message: Message;
@@ -14,6 +16,30 @@ interface MessageCardProps {
   searchMatchState?: 'none' | 'match' | 'active';
 }
 
+/**
+ * Hover-only regenerate button for assistant messages. Pulled into a
+ * sub-component so the `useRegenerate` hook isn't called from inside
+ * the parent's conditional branch (assistant-only) — keeps hook order
+ * stable across renders. Returns null if regeneration isn't possible
+ * (no preceding user message) or while the session is currently
+ * streaming.
+ */
+function RegenerateAction({ message, isStreaming }: { message: Message; isStreaming?: boolean }) {
+  const { t } = useTranslation();
+  const { canRegenerate, handleRegenerate } = useRegenerate(message);
+  if (!canRegenerate || isStreaming) return null;
+  return (
+    <button
+      onClick={handleRegenerate}
+      className="absolute -left-8 top-7 w-6 h-6 flex items-center justify-center rounded-md bg-surface-muted hover:bg-surface-active transition-all opacity-0 group-hover/assistant:opacity-100"
+      title={t('messageCard.regenerate', 'Régénérer la réponse')}
+      aria-label={t('messageCard.regenerate', 'Régénérer la réponse')}
+    >
+      <RotateCcw className="w-3 h-3 text-text-muted" />
+    </button>
+  );
+}
+
 export const MessageCard = memo(function MessageCard({
   message,
   isStreaming,
@@ -188,6 +214,8 @@ export const MessageCard = memo(function MessageCard({
               }`}
             />
           </button>
+          <RegenerateAction message={message} isStreaming={isStreaming} />
+          <ToolBadgeStrip blocks={contentBlocks} message={message} />
           {contentBlocks.map((block, index) => {
             // Skip tool_result blocks that are merged into their tool_use card
             if (
diff --git a/cowork/src/renderer/components/Titlebar.tsx b/cowork/src/renderer/components/Titlebar.tsx
index c74a4198..b14f5143 100644
--- a/cowork/src/renderer/components/Titlebar.tsx
+++ b/cowork/src/renderer/components/Titlebar.tsx
@@ -9,6 +9,7 @@ import { ServerDashboard } from './ServerDashboard';
 import { RunnerBadge } from './RunnerBadge';
 import { ClipboardSummaryPanel } from './ClipboardSummaryPanel';
 import { VoiceChatOverlay } from './VoiceChatOverlay';
+import { HealthBadge } from './HealthBadge';
 
 const isMac = typeof window !== 'undefined' && window.electronAPI?.platform === 'darwin';
 
@@ -45,8 +46,15 @@ export function Titlebar() {
         <TabBar />
       </div>
 
-      {/* Presence indicator (face memory) — opens EnrollmentDialog on click. */}
+      {/* Backend health badge (Phase d.23 polish — chat-ui parity).
+          Auto-polls /api/health every 10s with backoff on failures.
+          Hidden when CodeBuddy integration is disabled. */}
       <div className="titlebar-no-drag px-2 flex items-center ml-auto">
+        <HealthBadge />
+      </div>
+
+      {/* Presence indicator (face memory) — opens EnrollmentDialog on click. */}
+      <div className="titlebar-no-drag px-2 flex items-center">
         <PresenceIndicator
           onEnrollClicked={() => useAppStore.getState().setShowEnrollmentDialog(true)}
         />
diff --git a/cowork/src/renderer/components/message/ContentBlockView.tsx b/cowork/src/renderer/components/message/ContentBlockView.tsx
index 5c839c59..657aebfe 100644
--- a/cowork/src/renderer/components/message/ContentBlockView.tsx
+++ b/cowork/src/renderer/components/message/ContentBlockView.tsx
@@ -17,6 +17,7 @@ import { normalizeLatexDelimiters } from '../../utils/latex-delimiters';
 import type { ToolUseContent, ToolResultContent, FileAttachmentContent } from '../../types';
 import { FileText } from 'lucide-react';
 import { CodeBlock } from './CodeBlock';
+import { MermaidBlock } from './MermaidBlock';
 import { ThinkingBlock } from './ThinkingBlock';
 import { ToolUseBlock } from './ToolUseBlock';
 import { ToolResultBlock } from './ToolResultBlock';
@@ -197,6 +198,13 @@ export const ContentBlockView = memo(function ContentBlockView({
           );
         }
 
+        // Mermaid diagrams render inline (lazy mermaid + DOMPurify).
+        // The existing ArtifactPanel still picks them up for the "Open
+        // in panel" affordance — this just adds preview-in-flow.
+        if (match[1].toLowerCase() === 'mermaid') {
+          return <MermaidBlock text={String(children).replace(/\n$/, '')} />;
+        }
+
         return <CodeBlock language={match[1]}>{String(children).replace(/\n$/, '')}</CodeBlock>;
       },
       p({ children }: { children?: React.ReactNode }) {
diff --git a/cowork/src/renderer/components/message/MermaidBlock.tsx b/cowork/src/renderer/components/message/MermaidBlock.tsx
new file mode 100644
index 00000000..c2477b0a
--- /dev/null
+++ b/cowork/src/renderer/components/message/MermaidBlock.tsx
@@ -0,0 +1,124 @@
+import { useEffect, useState, memo } from 'react';
+import DOMPurify from 'dompurify';
+
+/**
+ * Lazy-import mermaid the first time a mermaid block renders. Saves
+ * ~500 KB from the initial Cowork bundle for users who never see a
+ * Mermaid diagram. The promise is module-scoped so concurrent first
+ * renders share the same fetch + initialize cycle.
+ */
+let mermaidPromise: Promise<typeof import('mermaid').default> | null = null;
+function loadMermaid(): Promise<typeof import('mermaid').default> {
+  if (!mermaidPromise) {
+    mermaidPromise = import('mermaid').then((mod) => {
+      const mermaid = mod.default;
+      mermaid.initialize({
+        startOnLoad: false,
+        // strict — Mermaid will sanitize HTML labels; we ALSO DOMPurify
+        // the rendered SVG below as defense-in-depth.
+        securityLevel: 'strict',
+        theme: 'dark',
+        fontFamily: 'inherit',
+      });
+      return mermaid;
+    });
+  }
+  return mermaidPromise;
+}
+
+/** Cache rendered+sanitized SVG by source text — re-renders are free. */
+const renderCache = new Map<string, string>();
+let renderCounter = 0;
+
+interface MermaidBlockProps {
+  /** The Mermaid source text (without the surrounding code-fence markers). */
+  text: string;
+}
+
+/**
+ * Inline Mermaid diagram renderer for the chat message stream.
+ * Mirrors the chat-ui gitnexus-rs `MermaidBlock` pattern: lazy
+ * `import('mermaid')`, render to SVG, DOMPurify with strict SVG
+ * profile, then `dangerouslySetInnerHTML` (the only safe path for
+ * SVG insertion in React).
+ *
+ * On render error, falls back to the source text in a `<pre>` block
+ * so the user still sees what was attempted.
+ */
+export const MermaidBlock = memo(function MermaidBlock({ text }: MermaidBlockProps) {
+  const cached = renderCache.get(text) ?? null;
+  const [svg, setSvg] = useState<string | null>(cached);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const fromCache = renderCache.get(text);
+    if (fromCache) {
+      setSvg(fromCache);
+      setError(null);
+      return;
+    }
+    let cancelled = false;
+    loadMermaid()
+      .then(async (mermaid) => {
+        try {
+          renderCounter += 1;
+          const renderId = `mermaid-block-${renderCounter}`;
+          const { svg: rendered } = await mermaid.render(renderId, text);
+          // Strict SVG profile — strips <script>, on-event handlers, etc.
+          // <foreignObject> is allow-listed so HTML labels in flowcharts
+          // still render (Mermaid uses them for wrapped text).
+          const sanitized = DOMPurify.sanitize(rendered, {
+            USE_PROFILES: { svg: true, svgFilters: true },
+            ADD_TAGS: ['foreignObject'],
+          });
+          if (cancelled) return;
+          renderCache.set(text, sanitized);
+          setSvg(sanitized);
+          setError(null);
+        } catch (renderErr) {
+          if (cancelled) return;
+          setError(renderErr instanceof Error ? renderErr.message : String(renderErr));
+        }
+      })
+      .catch((loadErr) => {
+        if (cancelled) return;
+        setError(loadErr instanceof Error ? loadErr.message : String(loadErr));
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [text]);
+
+  if (error) {
+    return (
+      <div className="my-2 rounded-lg border border-error/40 bg-error/5 p-2.5 text-sm">
+        <div className="text-error font-medium mb-1">
+          Mermaid render failed: {error}
+        </div>
+        <pre className="text-xs font-mono text-text-muted whitespace-pre-wrap break-all">
+          {text}
+        </pre>
+      </div>
+    );
+  }
+
+  if (!svg) {
+    // Loading state — preserve the source as a placeholder so the
+    // user never sees a blank gap mid-stream.
+    return (
+      <pre className="my-2 rounded-lg bg-surface-muted p-2.5 text-xs font-mono text-text-muted whitespace-pre-wrap break-all">
+        {text}
+      </pre>
+    );
+  }
+
+  return (
+    <div
+      className="my-2 rounded-lg overflow-x-auto bg-surface-muted p-2.5 flex justify-center"
+      data-testid="mermaid-svg-container"
+      // SVG sanitized above via DOMPurify (strict SVG profile).
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML={{ __html: svg }}
+    />
+  );
+});
diff --git a/cowork/src/renderer/components/message/ToolBadgeStrip.tsx b/cowork/src/renderer/components/message/ToolBadgeStrip.tsx
new file mode 100644
index 00000000..a36780be
--- /dev/null
+++ b/cowork/src/renderer/components/message/ToolBadgeStrip.tsx
@@ -0,0 +1,140 @@
+import { memo } from 'react';
+import { Loader2, CheckCircle2, XCircle } from 'lucide-react';
+import { useAppStore } from '../../store';
+import type { ContentBlock, ToolUseContent, Message } from '../../types';
+import { resolveToolStatus, compactToolLabel, type ToolStatus } from '../../utils/tool-status';
+import { getToolIcon } from './toolHelpers';
+
+interface ToolBadgeStripProps {
+  blocks: ContentBlock[];
+  message: Message;
+}
+
+/**
+ * Compact horizontal strip of tool-call badges shown at the head of an
+ * assistant message. Mirrors the chat-ui gitnexus-rs `ToolCallBadge`
+ * pattern: at-a-glance visibility into what the agent invoked, with
+ * status color coding (running / success / error). Each badge is a
+ * scroll-to anchor on the matching `ToolUseBlock` further down for
+ * the full input/output detail.
+ *
+ * Renders nothing when there are no `tool_use` blocks.
+ */
+export const ToolBadgeStrip = memo(function ToolBadgeStrip({
+  blocks,
+  message,
+}: ToolBadgeStripProps) {
+  const allMessages = useAppStore((s) => s.sessionStates[message.sessionId]?.messages ?? []);
+  const activeTurn = useAppStore((s) => s.sessionStates[message.sessionId]?.activeTurn ?? null);
+  const hasActiveTurn = Boolean(activeTurn);
+
+  const toolUses = blocks.filter((b) => b.type === 'tool_use') as ToolUseContent[];
+  if (toolUses.length === 0) return null;
+
+  return (
+    <div
+      className="flex flex-wrap items-center gap-1 mb-1"
+      data-testid="tool-badge-strip"
+    >
+      {toolUses.map((tool) => {
+        const { status } = resolveToolStatus({
+          toolUseId: tool.id,
+          ownerBlocks: blocks,
+          allMessages,
+          hasActiveTurn,
+        });
+        return (
+          <ToolBadge
+            key={tool.id}
+            tool={tool}
+            status={status}
+            anchorId={`tool-${tool.id}`}
+          />
+        );
+      })}
+    </div>
+  );
+});
+
+function ToolBadge({
+  tool,
+  status,
+  anchorId,
+}: {
+  tool: ToolUseContent;
+  status: ToolStatus;
+  anchorId: string;
+}) {
+  const label = compactToolLabel(tool.name);
+  const style = badgeStyleFor(status);
+
+  const onClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
+    event.preventDefault();
+    const target = document.getElementById(anchorId);
+    if (target) {
+      target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      // Brief flash to draw the eye to the now-scrolled-into-view card.
+      target.classList.add('ring-2', 'ring-accent/60');
+      setTimeout(() => target.classList.remove('ring-2', 'ring-accent/60'), 1200);
+    }
+  };
+
+  return (
+    <a
+      href={`#${anchorId}`}
+      onClick={onClick}
+      className={`flex items-center gap-1 px-1.5 py-0.5 rounded-md border text-[10px] font-mono transition-colors ${style.pill}`}
+      title={`${tool.name} — ${labelFor(status)}`}
+      aria-label={`${tool.name} (${labelFor(status)})`}
+    >
+      <span className={style.icon}>{statusIcon(status)}</span>
+      <span className="text-text-muted/90">{getToolIcon(tool.name)}</span>
+      <span className="truncate max-w-[140px]">{label}</span>
+    </a>
+  );
+}
+
+function statusIcon(status: ToolStatus) {
+  switch (status) {
+    case 'running':
+      return <Loader2 className="w-2.5 h-2.5 animate-spin" />;
+    case 'error':
+      return <XCircle className="w-2.5 h-2.5" />;
+    case 'success':
+    default:
+      return <CheckCircle2 className="w-2.5 h-2.5" />;
+  }
+}
+
+function badgeStyleFor(status: ToolStatus): { pill: string; icon: string } {
+  switch (status) {
+    case 'running':
+      return {
+        pill: 'border-warning/40 bg-warning/10 text-warning hover:bg-warning/15',
+        icon: 'text-warning',
+      };
+    case 'error':
+      return {
+        pill: 'border-error/40 bg-error/10 text-error hover:bg-error/15',
+        icon: 'text-error',
+      };
+    case 'success':
+    default:
+      return {
+        pill: 'border-success/40 bg-success/10 text-success hover:bg-success/15',
+        icon: 'text-success',
+      };
+  }
+}
+
+function labelFor(status: ToolStatus): string {
+  switch (status) {
+    case 'running':
+      return 'en cours';
+    case 'error':
+      return 'erreur';
+    case 'success':
+    default:
+      return 'OK';
+  }
+}
diff --git a/cowork/src/renderer/components/message/ToolUseBlock.tsx b/cowork/src/renderer/components/message/ToolUseBlock.tsx
index 3da9a479..899dbf23 100644
--- a/cowork/src/renderer/components/message/ToolUseBlock.tsx
+++ b/cowork/src/renderer/components/message/ToolUseBlock.tsx
@@ -99,6 +99,7 @@ export const ToolUseBlock = memo(function ToolUseBlock({
 
   return (
     <div
+      id={`tool-${block.id}`}
       className={`rounded-2xl border overflow-hidden transition-colors ${
         isError
           ? 'border-error/25 bg-error/5'
diff --git a/cowork/src/renderer/hooks/use-backend-status.ts b/cowork/src/renderer/hooks/use-backend-status.ts
new file mode 100644
index 00000000..1485c87c
--- /dev/null
+++ b/cowork/src/renderer/hooks/use-backend-status.ts
@@ -0,0 +1,183 @@
+import { useEffect, useRef, useState, useCallback } from 'react';
+
+export type BackendStatusKind = 'unknown' | 'checking' | 'online' | 'offline' | 'disabled';
+
+export interface BackendStatus {
+  /** Coarse-grained status driving the badge color. */
+  status: BackendStatusKind;
+  /** Last time a /health probe responded 2xx. ms epoch. null until first success. */
+  lastSuccessAt: number | null;
+  /** Free-text describing the latest failure (HTTP status, network error). */
+  lastError: string | null;
+  /** Backend's reported version when known. */
+  version?: string;
+  /** Endpoint being polled (informational, for tooltip display). */
+  endpoint: string | null;
+}
+
+export interface UseBackendStatusOptions {
+  /** Polling interval in ms when last probe succeeded. Default 10_000. */
+  intervalMs?: number;
+  /** Per-request fetch timeout. Default 5_000. */
+  timeoutMs?: number;
+}
+
+interface CodeBuddyConfigSlice {
+  enabled?: boolean;
+  endpoint?: string;
+  apiKey?: string;
+}
+
+/**
+ * `useBackendStatus()` — auto-poll the configured Code Buddy backend's
+ * `/api/health` endpoint and expose a coarse status the UI can render.
+ * Mirrors the chat-ui gitnexus-rs `use-backend-status` hook with the
+ * same chained-setTimeout pattern (no overlapping probes, no drift)
+ * and exponential-ish backoff on consecutive failures (10s → 30s → 60s,
+ * capped at 60s) to avoid spamming logs when the backend is down.
+ *
+ * The backend endpoint + apiKey are read once at mount from
+ * `electronAPI.config.get()`. If the CodeBuddy integration is
+ * disabled in config, the hook returns `status='disabled'` and never
+ * starts the poll loop.
+ *
+ * Usage:
+ * ```tsx
+ * const status = useBackendStatus();
+ * return <HealthBadge status={status} />;
+ * ```
+ */
+export function useBackendStatus(
+  opts: UseBackendStatusOptions = {},
+): BackendStatus {
+  const intervalMs = opts.intervalMs ?? 10_000;
+  const timeoutMs = opts.timeoutMs ?? 5_000;
+
+  const [state, setState] = useState<BackendStatus>({
+    status: 'unknown',
+    lastSuccessAt: null,
+    lastError: null,
+    endpoint: null,
+  });
+
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const cancelledRef = useRef(false);
+  const consecutiveFailuresRef = useRef(0);
+
+  const probe = useCallback(
+    async (endpoint: string, apiKey: string | undefined): Promise<void> => {
+      setState((prev) => ({ ...prev, status: 'checking' }));
+      try {
+        const res = await fetch(`${endpoint}/api/health`, {
+          signal: AbortSignal.timeout(timeoutMs),
+          headers: apiKey ? { Authorization: `Bearer ${apiKey}` } : {},
+        });
+        if (!res.ok) {
+          consecutiveFailuresRef.current += 1;
+          setState((prev) => ({
+            ...prev,
+            status: 'offline',
+            lastError: `HTTP ${res.status}: ${res.statusText}`,
+            endpoint,
+          }));
+          return;
+        }
+        const data = (await res.json().catch(() => ({}))) as { version?: string };
+        consecutiveFailuresRef.current = 0;
+        setState({
+          status: 'online',
+          lastSuccessAt: Date.now(),
+          lastError: null,
+          version: data?.version,
+          endpoint,
+        });
+      } catch (err) {
+        consecutiveFailuresRef.current += 1;
+        setState((prev) => ({
+          ...prev,
+          status: 'offline',
+          lastError: err instanceof Error ? err.message : 'Connection failed',
+          endpoint,
+        }));
+      }
+    },
+    [timeoutMs],
+  );
+
+  useEffect(() => {
+    cancelledRef.current = false;
+
+    let endpoint: string | null = null;
+    let apiKey: string | undefined;
+
+    const loadAndStart = async () => {
+      const api = (window as unknown as { electronAPI?: { config?: { get?: () => Promise<unknown> } } }).electronAPI;
+      try {
+        const appConfig = (await api?.config?.get?.()) ?? {};
+        const cb = (appConfig as { codebuddy?: CodeBuddyConfigSlice }).codebuddy;
+        if (!cb || cb.enabled === false) {
+          setState({
+            status: 'disabled',
+            lastSuccessAt: null,
+            lastError: null,
+            endpoint: null,
+          });
+          return;
+        }
+        endpoint = cb.endpoint || 'http://localhost:3000';
+        apiKey = cb.apiKey || undefined;
+      } catch {
+        // Browser mode (no electronAPI) — assume disabled.
+        setState({
+          status: 'disabled',
+          lastSuccessAt: null,
+          lastError: null,
+          endpoint: null,
+        });
+        return;
+      }
+
+      const tick = async (): Promise<void> => {
+        if (cancelledRef.current || !endpoint) return;
+        await probe(endpoint, apiKey);
+        if (cancelledRef.current) return;
+        // Backoff after consecutive failures, capped at 60 s.
+        const fails = consecutiveFailuresRef.current;
+        const delay =
+          fails === 0
+            ? intervalMs
+            : Math.min(60_000, intervalMs * Math.min(6, 2 ** Math.min(fails - 1, 3)));
+        timerRef.current = setTimeout(tick, delay);
+      };
+
+      // Fire the first probe immediately (no initial delay).
+      tick().catch(() => { /* swallowed — probe handles its own errors */ });
+    };
+
+    loadAndStart().catch(() => { /* config read failed — already handled */ });
+
+    return () => {
+      cancelledRef.current = true;
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+    };
+  }, [intervalMs, probe]);
+
+  return state;
+}
+
+/**
+ * Pure helper extracted for unit tests in the node vitest env.
+ * Computes the next poll delay given the consecutive-failure count and
+ * the base interval. Backoff doubles per failure up to 60 s ceiling.
+ */
+export function computeNextPollDelay(
+  consecutiveFailures: number,
+  baseIntervalMs: number,
+): number {
+  if (consecutiveFailures <= 0) return baseIntervalMs;
+  const exp = Math.min(consecutiveFailures - 1, 3); // 0,1,2,3 → ×1,2,4,8
+  return Math.min(60_000, baseIntervalMs * Math.min(6, 2 ** exp));
+}
diff --git a/cowork/src/renderer/hooks/use-regenerate.ts b/cowork/src/renderer/hooks/use-regenerate.ts
new file mode 100644
index 00000000..bcdb6783
--- /dev/null
+++ b/cowork/src/renderer/hooks/use-regenerate.ts
@@ -0,0 +1,46 @@
+import { useCallback } from 'react';
+import { useAppStore } from '../store';
+import type { Message } from '../types';
+import { useIPC } from './useIPC';
+import { computeRegenerationPlan } from '../utils/regenerate-helpers';
+
+interface UseRegenerateResult {
+  /** Whether this assistant message is regeneratable (a user message exists before it). */
+  canRegenerate: boolean;
+  /** Trims messages from the previous user msg onward and replays it. */
+  handleRegenerate: () => Promise<void>;
+}
+
+/**
+ * `useRegenerate(message)` — re-run the user prompt that produced this
+ * assistant message. Mirrors the chat-ui `gitnexus-rs` regenerate UX
+ * (chat-ui/src/hooks/use-chat.ts pattern): walks back to find the last
+ * user message before `message`, drops everything from that user message
+ * onward in the store, then calls `continueSession` to replay it.
+ *
+ * Only meaningful for assistant messages — user messages return
+ * `canRegenerate=false`. The session must be idle (not currently
+ * streaming) at the call site; the button caller is expected to gate
+ * on that.
+ *
+ * The slice-and-replay logic itself lives in `utils/regenerate-helpers.ts`
+ * as a pure function so it stays testable in the node vitest env.
+ */
+export function useRegenerate(message: Message): UseRegenerateResult {
+  const setMessages = useAppStore((s) => s.setMessages);
+  const messages = useAppStore((s) => s.sessionStates[message.sessionId]?.messages ?? []);
+  const { continueSession } = useIPC();
+
+  const plan = computeRegenerationPlan(messages, message);
+  const canRegenerate = plan !== null;
+
+  const handleRegenerate = useCallback(async () => {
+    const current = useAppStore.getState().sessionStates[message.sessionId]?.messages ?? [];
+    const fresh = computeRegenerationPlan(current, message);
+    if (!fresh) return;
+    setMessages(message.sessionId, fresh.slicedMessages);
+    await continueSession(message.sessionId, fresh.replayContent);
+  }, [message, setMessages, continueSession]);
+
+  return { canRegenerate, handleRegenerate };
+}
diff --git a/cowork/src/renderer/hooks/use-textarea-autogrow.ts b/cowork/src/renderer/hooks/use-textarea-autogrow.ts
new file mode 100644
index 00000000..e34ae972
--- /dev/null
+++ b/cowork/src/renderer/hooks/use-textarea-autogrow.ts
@@ -0,0 +1,62 @@
+import { useLayoutEffect, type RefObject } from 'react';
+
+export interface AutogrowOptions {
+  /** Minimum textarea height in pixels (default 44 = single comfortable row). */
+  minPx?: number;
+  /** Maximum textarea height in pixels (default 200 ≈ 8 rows). */
+  maxPx?: number;
+}
+
+/**
+ * Pure helper extracted from the hook so it stays testable in the
+ * node vitest env (the hook itself touches the DOM and isn't).
+ *
+ * Returns the height (in px) the textarea should adopt given its
+ * `scrollHeight`, clamped between `minPx` and `maxPx`.
+ */
+export function computeAutogrowHeight(
+  scrollHeight: number,
+  opts: { minPx: number; maxPx: number },
+): number {
+  return Math.min(opts.maxPx, Math.max(opts.minPx, scrollHeight));
+}
+
+/**
+ * Auto-grow a controlled `<textarea>` between `minPx` (44 px) and
+ * `maxPx` (200 px) as its content changes. Mirrors the chat-ui
+ * gitnexus-rs `ChatInput` pattern: reset to `auto` to recompute
+ * scrollHeight, then clamp + apply.
+ *
+ * Beyond `maxPx`, the textarea stops growing and an internal vertical
+ * scrollbar appears. Below `minPx`, the textarea keeps the comfortable
+ * single-row height.
+ *
+ * Usage:
+ * ```tsx
+ * const ref = useRef<HTMLTextAreaElement>(null);
+ * useTextareaAutogrow(ref, prompt);
+ * return <textarea ref={ref} value={prompt} ... />;
+ * ```
+ */
+export function useTextareaAutogrow(
+  ref: RefObject<HTMLTextAreaElement | null>,
+  value: string,
+  opts: AutogrowOptions = {},
+): void {
+  const minPx = opts.minPx ?? 44;
+  const maxPx = opts.maxPx ?? 200;
+
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    // Reset to `auto` so scrollHeight reflects the *new* content, not
+    // the previously-sized height (which would clamp scrollHeight at
+    // the current style.height).
+    el.style.height = 'auto';
+    const next = computeAutogrowHeight(el.scrollHeight, { minPx, maxPx });
+    el.style.height = `${next}px`;
+    // Show vertical scrollbar only when capped at max — keeps the
+    // chrome out of the way for short inputs.
+    el.style.overflowY = el.scrollHeight > maxPx ? 'auto' : 'hidden';
+  }, [ref, value, minPx, maxPx]);
+}
diff --git a/cowork/src/renderer/utils/regenerate-helpers.ts b/cowork/src/renderer/utils/regenerate-helpers.ts
new file mode 100644
index 00000000..c5940982
--- /dev/null
+++ b/cowork/src/renderer/utils/regenerate-helpers.ts
@@ -0,0 +1,54 @@
+import type { Message, ContentBlock } from '../types';
+
+/**
+ * Walk back from `assistantMessageId` to find the index of the user
+ * message that produced the assistant turn. Returns -1 if no such user
+ * message exists or the id is unknown.
+ */
+export function findPrecedingUserIndex(
+  messages: readonly Message[],
+  assistantMessageId: string,
+): number {
+  const targetIndex = messages.findIndex((m) => m.id === assistantMessageId);
+  if (targetIndex < 0) return -1;
+  for (let i = targetIndex - 1; i >= 0; i -= 1) {
+    if (messages[i].role === 'user') return i;
+  }
+  return -1;
+}
+
+/**
+ * Normalise a message's content into a `ContentBlock[]` array. Mirrors
+ * the existing rendering convention — string content becomes a single
+ * `text` block; arrays pass through verbatim; null/undefined becomes
+ * an empty `text` block.
+ */
+export function normaliseContent(content: Message['content']): ContentBlock[] {
+  if (Array.isArray(content)) return content as ContentBlock[];
+  return [{ type: 'text', text: String(content ?? '') }];
+}
+
+/**
+ * Compute the slice + replay payload for a regeneration. Returns null
+ * when the assistant message can't be regenerated (no user before, or
+ * not assistant role).
+ *
+ * - `slicedMessages`: messages array with the preceding user message
+ *   AND everything after dropped — `continueSession()` will re-add the
+ *   user message itself when called, so we trim from `userIndex`
+ *   inclusive.
+ * - `replayContent`: the user content blocks to feed back into
+ *   `continueSession()`.
+ */
+export function computeRegenerationPlan(
+  messages: readonly Message[],
+  assistantMessage: Message,
+): { slicedMessages: Message[]; replayContent: ContentBlock[] } | null {
+  if (assistantMessage.role !== 'assistant') return null;
+  const userIndex = findPrecedingUserIndex(messages, assistantMessage.id);
+  if (userIndex < 0) return null;
+  return {
+    slicedMessages: messages.slice(0, userIndex),
+    replayContent: normaliseContent(messages[userIndex].content),
+  };
+}
diff --git a/cowork/src/renderer/utils/tool-status.ts b/cowork/src/renderer/utils/tool-status.ts
new file mode 100644
index 00000000..24e2b964
--- /dev/null
+++ b/cowork/src/renderer/utils/tool-status.ts
@@ -0,0 +1,86 @@
+import type { ContentBlock, Message, ToolResultContent } from '../types';
+
+export type ToolStatus = 'running' | 'success' | 'error';
+
+interface ResolveToolStatusInput {
+  toolUseId: string;
+  /** Blocks of the message that owns the tool_use (looks first here for a result). */
+  ownerBlocks?: ContentBlock[];
+  /** All session messages — fallback search when the result lives in a later message. */
+  allMessages?: readonly Message[];
+  /** Whether the session has an active turn — gates the `running` state. */
+  hasActiveTurn: boolean;
+}
+
+interface ResolveToolStatusResult {
+  status: ToolStatus;
+  toolResult: ToolResultContent | null;
+}
+
+/**
+ * Mirror of the inline status logic in `ToolUseBlock`. Extracted so
+ * `ToolBadgeStrip` can render a compact summary of every tool call
+ * without re-duplicating the lookup. Pure function — testable in
+ * the node vitest env.
+ *
+ * Resolution order for the matching `tool_result`:
+ *   1. Within `ownerBlocks` (same message)
+ *   2. Across `allMessages` (cross-message — happens when the result
+ *      arrives in a later assistant turn)
+ *
+ * Status semantics:
+ *   - No matching result + `hasActiveTurn` → `running`
+ *   - No matching result + idle session → `success` (treat as "done,
+ *     result was lost or trimmed")
+ *   - Matching result with `isError === true` → `error`
+ *   - Matching result otherwise → `success`
+ */
+export function resolveToolStatus(
+  input: ResolveToolStatusInput,
+): ResolveToolStatusResult {
+  const { toolUseId, ownerBlocks, allMessages, hasActiveTurn } = input;
+
+  let toolResult: ToolResultContent | null = null;
+
+  if (ownerBlocks) {
+    for (const block of ownerBlocks) {
+      if (block.type === 'tool_result' && (block as ToolResultContent).toolUseId === toolUseId) {
+        toolResult = block as ToolResultContent;
+        break;
+      }
+    }
+  }
+
+  if (!toolResult && allMessages) {
+    for (const msg of allMessages) {
+      if (!Array.isArray(msg.content)) continue;
+      for (const block of msg.content as ContentBlock[]) {
+        if (block.type === 'tool_result' && (block as ToolResultContent).toolUseId === toolUseId) {
+          toolResult = block as ToolResultContent;
+          break;
+        }
+      }
+      if (toolResult) break;
+    }
+  }
+
+  let status: ToolStatus;
+  if (!toolResult) {
+    status = hasActiveTurn ? 'running' : 'success';
+  } else if (toolResult.isError === true) {
+    status = 'error';
+  } else {
+    status = 'success';
+  }
+
+  return { status, toolResult };
+}
+
+/**
+ * Trim a tool name down to a compact label suitable for a badge.
+ * Strips `mcp__<server>__` prefixes and clips at 24 chars.
+ */
+export function compactToolLabel(toolName: string): string {
+  const stripped = toolName.replace(/^mcp__[^_]+__/u, '');
+  return stripped.length > 24 ? `${stripped.slice(0, 22)}…` : stripped;
+}
diff --git a/cowork/tests/backend-status.test.ts b/cowork/tests/backend-status.test.ts
new file mode 100644
index 00000000..ab8aa55a
--- /dev/null
+++ b/cowork/tests/backend-status.test.ts
@@ -0,0 +1,37 @@
+import { describe, it, expect } from 'vitest';
+import { computeNextPollDelay } from '../src/renderer/hooks/use-backend-status';
+
+describe('computeNextPollDelay', () => {
+  const base = 10_000;
+
+  it('returns the base interval after a successful probe (failures=0)', () => {
+    expect(computeNextPollDelay(0, base)).toBe(base);
+    expect(computeNextPollDelay(0, 5_000)).toBe(5_000);
+  });
+
+  it('doubles the interval per consecutive failure', () => {
+    // failures=1 → 10s × 1 = 10s, failures=2 → 10s × 2 = 20s,
+    // failures=3 → 10s × 4 = 40s, failures=4 → 10s × 8 = 80s capped at 60s.
+    expect(computeNextPollDelay(1, base)).toBe(10_000);
+    expect(computeNextPollDelay(2, base)).toBe(20_000);
+    expect(computeNextPollDelay(3, base)).toBe(40_000);
+  });
+
+  it('caps at 60 seconds however many failures', () => {
+    expect(computeNextPollDelay(4, base)).toBe(60_000);
+    expect(computeNextPollDelay(50, base)).toBe(60_000);
+    expect(computeNextPollDelay(1000, base)).toBe(60_000);
+  });
+
+  it('respects custom base intervals', () => {
+    // base=2_000 → failures=1 → 2_000, failures=2 → 4_000, failures=3 → 8_000
+    expect(computeNextPollDelay(1, 2_000)).toBe(2_000);
+    expect(computeNextPollDelay(2, 2_000)).toBe(4_000);
+    expect(computeNextPollDelay(3, 2_000)).toBe(8_000);
+    // Even with base=2_000, failures=10 still hits the 60s ceiling.
+    expect(computeNextPollDelay(10, 2_000)).toBe(12_000);
+    // A very large base is also capped.
+    expect(computeNextPollDelay(0, 100_000)).toBe(100_000); // success case ignores cap
+    expect(computeNextPollDelay(2, 100_000)).toBe(60_000);
+  });
+});
diff --git a/cowork/tests/regenerate-helpers.test.ts b/cowork/tests/regenerate-helpers.test.ts
new file mode 100644
index 00000000..cf03124f
--- /dev/null
+++ b/cowork/tests/regenerate-helpers.test.ts
@@ -0,0 +1,122 @@
+import { describe, it, expect } from 'vitest';
+import {
+  findPrecedingUserIndex,
+  normaliseContent,
+  computeRegenerationPlan,
+} from '../src/renderer/utils/regenerate-helpers';
+import type { Message } from '../src/renderer/types';
+
+function userMsg(id: string, text: string): Message {
+  return {
+    id,
+    sessionId: 'session-1',
+    role: 'user',
+    content: [{ type: 'text', text }],
+    timestamp: 0,
+  } as Message;
+}
+
+function assistantMsg(id: string, text: string): Message {
+  return {
+    id,
+    sessionId: 'session-1',
+    role: 'assistant',
+    content: [{ type: 'text', text }],
+    timestamp: 0,
+  } as Message;
+}
+
+describe('regenerate-helpers', () => {
+  describe('findPrecedingUserIndex', () => {
+    it('returns -1 when assistant message id not found', () => {
+      const msgs = [userMsg('u1', 'hi')];
+      expect(findPrecedingUserIndex(msgs, 'unknown')).toBe(-1);
+    });
+
+    it('finds the immediately-preceding user message', () => {
+      const msgs = [userMsg('u1', 'hi'), assistantMsg('a1', 'hello')];
+      expect(findPrecedingUserIndex(msgs, 'a1')).toBe(0);
+    });
+
+    it('walks back past intervening assistant/tool messages', () => {
+      const msgs = [
+        userMsg('u1', 'hi'),
+        assistantMsg('a1', 'hello'),
+        assistantMsg('a2', 'follow-up'),
+      ];
+      // a2's preceding user message is u1 (a1 is assistant, walk past it)
+      expect(findPrecedingUserIndex(msgs, 'a2')).toBe(0);
+    });
+
+    it('finds the latest user when several precede', () => {
+      const msgs = [
+        userMsg('u1', 'q1'),
+        assistantMsg('a1', 'r1'),
+        userMsg('u2', 'q2'),
+        assistantMsg('a2', 'r2'),
+      ];
+      expect(findPrecedingUserIndex(msgs, 'a2')).toBe(2);
+    });
+
+    it('returns -1 when assistant is the first message (no user before)', () => {
+      const msgs = [assistantMsg('a1', 'orphan')];
+      expect(findPrecedingUserIndex(msgs, 'a1')).toBe(-1);
+    });
+  });
+
+  describe('normaliseContent', () => {
+    it('passes through ContentBlock arrays', () => {
+      const blocks = [{ type: 'text' as const, text: 'hi' }];
+      expect(normaliseContent(blocks)).toEqual(blocks);
+    });
+
+    it('wraps a string into a single text block', () => {
+      expect(normaliseContent('hello' as unknown as Message['content'])).toEqual([
+        { type: 'text', text: 'hello' },
+      ]);
+    });
+
+    it('handles null/undefined as empty text', () => {
+      expect(normaliseContent(null as unknown as Message['content'])).toEqual([
+        { type: 'text', text: '' },
+      ]);
+      expect(normaliseContent(undefined as unknown as Message['content'])).toEqual([
+        { type: 'text', text: '' },
+      ]);
+    });
+  });
+
+  describe('computeRegenerationPlan', () => {
+    it('returns null for user message (only assistant is regeneratable)', () => {
+      const msgs = [userMsg('u1', 'hi'), assistantMsg('a1', 'hello')];
+      expect(computeRegenerationPlan(msgs, msgs[0])).toBeNull();
+    });
+
+    it('returns null when assistant has no preceding user message', () => {
+      const orphan = assistantMsg('a1', 'orphan');
+      expect(computeRegenerationPlan([orphan], orphan)).toBeNull();
+    });
+
+    it('returns sliced messages (drops user + everything after) for last assistant turn', () => {
+      const msgs = [userMsg('u1', 'hi'), assistantMsg('a1', 'hello')];
+      const plan = computeRegenerationPlan(msgs, msgs[1]);
+      expect(plan).not.toBeNull();
+      expect(plan!.slicedMessages).toEqual([]);
+      expect(plan!.replayContent).toEqual([{ type: 'text', text: 'hi' }]);
+    });
+
+    it('preserves earlier conversation history when regenerating mid-thread', () => {
+      const msgs = [
+        userMsg('u1', 'q1'),
+        assistantMsg('a1', 'r1'),
+        userMsg('u2', 'q2'),
+        assistantMsg('a2', 'r2'),
+      ];
+      const plan = computeRegenerationPlan(msgs, msgs[3]);
+      expect(plan).not.toBeNull();
+      expect(plan!.slicedMessages).toHaveLength(2);
+      expect(plan!.slicedMessages.map((m) => m.id)).toEqual(['u1', 'a1']);
+      expect(plan!.replayContent).toEqual([{ type: 'text', text: 'q2' }]);
+    });
+  });
+});
diff --git a/cowork/tests/textarea-autogrow.test.ts b/cowork/tests/textarea-autogrow.test.ts
new file mode 100644
index 00000000..43eb3f30
--- /dev/null
+++ b/cowork/tests/textarea-autogrow.test.ts
@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { computeAutogrowHeight } from '../src/renderer/hooks/use-textarea-autogrow';
+
+describe('computeAutogrowHeight', () => {
+  const opts = { minPx: 44, maxPx: 200 };
+
+  it('returns minPx when scrollHeight is below the floor', () => {
+    expect(computeAutogrowHeight(20, opts)).toBe(44);
+    expect(computeAutogrowHeight(0, opts)).toBe(44);
+  });
+
+  it('returns scrollHeight as-is between min and max', () => {
+    expect(computeAutogrowHeight(80, opts)).toBe(80);
+    expect(computeAutogrowHeight(150, opts)).toBe(150);
+  });
+
+  it('caps at maxPx when scrollHeight exceeds the ceiling', () => {
+    expect(computeAutogrowHeight(250, opts)).toBe(200);
+    expect(computeAutogrowHeight(2000, opts)).toBe(200);
+  });
+
+  it('handles edge cases at exact boundaries', () => {
+    expect(computeAutogrowHeight(44, opts)).toBe(44);
+    expect(computeAutogrowHeight(200, opts)).toBe(200);
+    expect(computeAutogrowHeight(45, opts)).toBe(45);
+    expect(computeAutogrowHeight(199, opts)).toBe(199);
+  });
+
+  it('respects custom min/max', () => {
+    expect(computeAutogrowHeight(50, { minPx: 60, maxPx: 100 })).toBe(60);
+    expect(computeAutogrowHeight(80, { minPx: 60, maxPx: 100 })).toBe(80);
+    expect(computeAutogrowHeight(120, { minPx: 60, maxPx: 100 })).toBe(100);
+  });
+});
diff --git a/cowork/tests/tool-status.test.ts b/cowork/tests/tool-status.test.ts
new file mode 100644
index 00000000..455faa18
--- /dev/null
+++ b/cowork/tests/tool-status.test.ts
@@ -0,0 +1,114 @@
+import { describe, it, expect } from 'vitest';
+import { resolveToolStatus, compactToolLabel } from '../src/renderer/utils/tool-status';
+import type { ContentBlock, Message, ToolResultContent } from '../src/renderer/types';
+
+function toolUse(id: string, name = 'search'): ContentBlock {
+  return { type: 'tool_use', id, name, input: {} } as ContentBlock;
+}
+
+function toolResult(toolUseId: string, content = 'ok', isError = false): ToolResultContent {
+  return { type: 'tool_result', toolUseId, content, isError } as ToolResultContent;
+}
+
+function message(blocks: ContentBlock[], id = 'msg-1'): Message {
+  return {
+    id,
+    sessionId: 'session-1',
+    role: 'assistant',
+    content: blocks,
+    timestamp: 0,
+  } as Message;
+}
+
+describe('resolveToolStatus', () => {
+  it('returns running when no result + active turn', () => {
+    const result = resolveToolStatus({
+      toolUseId: 't1',
+      ownerBlocks: [toolUse('t1')],
+      hasActiveTurn: true,
+    });
+    expect(result.status).toBe('running');
+    expect(result.toolResult).toBeNull();
+  });
+
+  it('returns success when no result + idle turn (treats as done, lost result)', () => {
+    const result = resolveToolStatus({
+      toolUseId: 't1',
+      ownerBlocks: [toolUse('t1')],
+      hasActiveTurn: false,
+    });
+    expect(result.status).toBe('success');
+  });
+
+  it('returns success when matching result is non-error in same message', () => {
+    const blocks = [toolUse('t1'), toolResult('t1', 'ok')];
+    const result = resolveToolStatus({
+      toolUseId: 't1',
+      ownerBlocks: blocks,
+      hasActiveTurn: true, // shouldn't matter, result wins
+    });
+    expect(result.status).toBe('success');
+    expect(result.toolResult?.content).toBe('ok');
+  });
+
+  it('returns error when matching result has isError=true', () => {
+    const blocks = [toolUse('t1'), toolResult('t1', 'boom', true)];
+    const result = resolveToolStatus({
+      toolUseId: 't1',
+      ownerBlocks: blocks,
+      hasActiveTurn: false,
+    });
+    expect(result.status).toBe('error');
+    expect(result.toolResult?.isError).toBe(true);
+  });
+
+  it('falls back to allMessages when result lives in a later message', () => {
+    const earlier = message([toolUse('t1')], 'msg-a');
+    const later = message([toolResult('t1', 'late ok')], 'msg-b');
+    const result = resolveToolStatus({
+      toolUseId: 't1',
+      ownerBlocks: earlier.content as ContentBlock[],
+      allMessages: [earlier, later],
+      hasActiveTurn: true,
+    });
+    expect(result.status).toBe('success');
+    expect(result.toolResult?.content).toBe('late ok');
+  });
+
+  it('owner-blocks lookup takes precedence over later messages', () => {
+    const owner = [toolUse('t1'), toolResult('t1', 'inline')];
+    const distractor = message([toolResult('t1', 'cross')], 'msg-z');
+    const result = resolveToolStatus({
+      toolUseId: 't1',
+      ownerBlocks: owner,
+      allMessages: [distractor],
+      hasActiveTurn: false,
+    });
+    expect(result.toolResult?.content).toBe('inline');
+  });
+});
+
+describe('compactToolLabel', () => {
+  it('passes through short names verbatim', () => {
+    expect(compactToolLabel('search')).toBe('search');
+    expect(compactToolLabel('read_file')).toBe('read_file');
+  });
+
+  it('strips mcp__server__ prefix', () => {
+    expect(compactToolLabel('mcp__github__create_issue')).toBe('create_issue');
+    expect(compactToolLabel('mcp__filesystem__list_directory')).toBe('list_directory');
+  });
+
+  it('clips at 24 chars with ellipsis', () => {
+    const long = 'extraordinarily_long_tool_name_that_overflows';
+    const out = compactToolLabel(long);
+    expect(out.endsWith('…')).toBe(true);
+    expect(out.length).toBeLessThanOrEqual(24);
+  });
+
+  it('combines mcp prefix strip and length clamp', () => {
+    const out = compactToolLabel('mcp__server__some_extraordinarily_long_tool_name');
+    expect(out.startsWith('some_extraordinarily_')).toBe(true);
+    expect(out.endsWith('…')).toBe(true);
+  });
+});