outcrop 0.1.0

package/dist/cli.js

@@ -0,0 +1,4107 @@
+#!/usr/bin/env node
+
+// src/cli.ts
+import { readdirSync, readFileSync as readFileSync2, writeFileSync as writeFileSync2, mkdirSync, statSync, watch, existsSync } from "node:fs";
+import { join, dirname, basename, resolve, relative, isAbsolute } from "node:path";
+import { spawnSync } from "node:child_process";
+import { createHash } from "node:crypto";
+import { createGzip } from "node:zlib";
+import { createServer } from "node:http";
+import { Readable } from "node:stream";
+
+// src/settings.ts
+import { readFileSync, writeFileSync } from "node:fs";
+var SETTINGS_FILENAME = ".outcrop.json";
+var DEFAULT_COLUMNS = ["backlog", "ready", "in-progress", "in-review", "done", "blocked"];
+var ALL_VIEWS = ["board", "docs", "graph"];
+function normalizeSettings(input, fallbackTitle) {
+  const o = input && typeof input === "object" ? input : {};
+  const columns = Array.isArray(o.columns) ? [
+    ...new Set(o.columns.map((c) => String(c).trim().toLowerCase().replace(/\s+/g, "-")).filter((c) => /^[a-z0-9][a-z0-9-]*$/.test(c)))
+  ] : [];
+  const title = typeof o.title === "string" && o.title.trim() ? o.title.trim() : fallbackTitle;
+  const wanted = Array.isArray(o.views) ? o.views.map(String) : [];
+  const views = ALL_VIEWS.filter((v) => wanted.includes(v));
+  return {
+    title,
+    views: views.length ? views : [...ALL_VIEWS],
+    columns: columns.length ? columns : [...DEFAULT_COLUMNS],
+    gitCommit: o.gitCommit === true
+  };
+}
+function readSettings(file, fallbackTitle) {
+  try {
+    return normalizeSettings(JSON.parse(readFileSync(file, "utf8")), fallbackTitle);
+  } catch {
+    return normalizeSettings(null, fallbackTitle);
+  }
+}
+function writeSettings(file, s) {
+  writeFileSync(file, JSON.stringify(s, null, 2) + `
+`);
+}
+
+// src/styles.gen.css
+var styles_gen_default = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:\"\"}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-ui);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.detail-body h1,.detail-body h2,.detail-body h3,.detail-body h4{margin-top:1.25rem;margin-bottom:.375rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.detail-body h1:first-child,.detail-body h2:first-child,.detail-body h3:first-child,.detail-body h4:first-child{margin-top:0}.detail-body h1:is(.dark *),.detail-body h2:is(.dark *),.detail-body h3:is(.dark *),.detail-body h4:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.detail-body p{margin-top:.375rem;margin-bottom:.375rem;font-size:13px;line-height:1.625;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.detail-body p:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.detail-body ul{margin-top:.375rem;margin-bottom:.375rem}.detail-body ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.detail-body ul{padding-left:1rem;font-size:13px;line-height:1.625;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.detail-body ul:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.detail-body ul:not(.ordered)>li{list-style-type:disc}.detail-body li.check{margin-left:-1rem;display:flex;list-style-type:none;align-items:flex-start;gap:.5rem}.detail-body li.check .box{margin-top:.125rem;display:flex;height:15px;width:15px;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));font-size:10px;line-height:1;--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.detail-body li.check .box:hover{--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.detail-body li.check .box:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.detail-body li.check .box:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.detail-body li.check.done{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1));text-decoration-line:line-through}.detail-body li.check.done:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.detail-body li.check.done .box{border-color:rgba(16,185,129,.5);--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.detail-body li.check.done .box:is(.dark *){background-color:rgba(16,185,129,.1)}.detail-body ul.ordered>li{list-style-type:none}.detail-body code{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));padding:1px .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.detail-body code:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.detail-body pre{margin-top:.5rem;margin-bottom:.5rem;overflow-x:auto;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.625;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.detail-body pre:is(.dark *){background-color:rgba(39,39,42,.8);--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.detail-body .ref{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;--tw-text-opacity:1;color:rgb(var(--accent-600)/var(--tw-text-opacity,1))}.detail-body .ref:hover{text-decoration-line:underline}.detail-body .ref:is(.dark *){--tw-text-opacity:1;color:rgb(var(--accent-400)/var(--tw-text-opacity,1))}.detail-body table{margin-top:.5rem;margin-bottom:.5rem;width:100%;border-collapse:collapse;font-size:12.5px}.detail-body th{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding-top:.25rem;padding-bottom:.25rem;padding-right:.75rem;text-align:left;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.detail-body th:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.detail-body td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1));padding-top:.375rem;padding-bottom:.375rem;padding-right:.75rem;vertical-align:top;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.detail-body td:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.detail-body a.mdlink{--tw-text-opacity:1;color:rgb(var(--accent-600)/var(--tw-text-opacity,1))}.detail-body a.mdlink:hover{text-decoration-line:underline}.detail-body a.mdlink:is(.dark *){--tw-text-opacity:1;color:rgb(var(--accent-400)/var(--tw-text-opacity,1))}.doc-body h1{margin-bottom:.75rem;margin-top:.5rem;font-size:21px;font-weight:600;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.doc-body h1:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.doc-body h2{margin-bottom:.5rem;margin-top:1.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding-bottom:.375rem;font-size:16px;font-weight:600;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.doc-body h2:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.doc-body h3{margin-bottom:.375rem;margin-top:1.25rem;font-size:13.5px;font-weight:600;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.doc-body h3:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.doc-body h4{margin-bottom:.25rem;margin-top:1rem;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.doc-body h4:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.doc-body p{margin-top:.5rem;margin-bottom:.5rem;font-size:13.5px;line-height:1.625;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.doc-body p:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.doc-body ul{margin-top:.5rem;margin-bottom:.5rem}.doc-body ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.doc-body ul{padding-left:1.25rem;font-size:13.5px;line-height:1.625;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.doc-body ul:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.doc-body ul:not(.ordered)>li{list-style-type:disc}.doc-body ul.ordered>li{list-style-type:none}.doc-body li.check{margin-left:-1.25rem;display:flex;list-style-type:none;align-items:flex-start;gap:.5rem}.doc-body li.check .box{margin-top:.25rem;display:flex;height:14px;width:14px;flex-shrink:0;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));font-size:9px;line-height:1;--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.doc-body li.check .box:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.doc-body li.check.done{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1));text-decoration-line:line-through}.doc-body li.check.done:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.doc-body code{border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));padding:1px .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.doc-body code:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.doc-body pre{margin-top:.75rem;margin-bottom:.75rem;overflow-x:auto;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.625;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.doc-body pre:is(.dark *){background-color:rgba(39,39,42,.8);--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.doc-body table{margin-top:.75rem;margin-bottom:.75rem;width:100%;border-collapse:collapse;font-size:13px}.doc-body th{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));padding-top:.375rem;padding-bottom:.375rem;padding-right:1rem;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.doc-body th:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.doc-body td{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1));padding-top:.5rem;padding-bottom:.5rem;padding-right:1rem;vertical-align:top;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.doc-body td:is(.dark *){border-color:rgba(39,39,42,.6);--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.doc-body img{margin-left:auto;margin-right:auto;display:inline-block;height:auto;max-width:100%}.doc-body [align=center]{text-align:center}.doc-body [align=right]{text-align:right}.doc-body .ref,.doc-body a.mdlink{--tw-text-opacity:1;color:rgb(var(--accent-600)/var(--tw-text-opacity,1))}.doc-body .ref:hover,.doc-body a.mdlink:hover{text-decoration-line:underline}.doc-body .ref:is(.dark *),.doc-body a.mdlink:is(.dark *){--tw-text-opacity:1;color:rgb(var(--accent-400)/var(--tw-text-opacity,1))}.doc-body .ref{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px}.doc-body .mermaid{margin-top:1rem;margin-bottom:1rem;display:flex;justify-content:center;overflow-x:auto}.doc-body strong{font-weight:600;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.doc-body strong:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.detail-body hr,.doc-body hr{margin-top:1.5rem;margin-bottom:1.5rem;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.detail-body hr:is(.dark *),.doc-body hr:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.doc-folder>summary{display:flex;cursor:pointer;list-style-type:none;align-items:center;gap:.375rem;border-radius:.375rem;padding:.25rem .5rem;font-size:13.5px;font-weight:600;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.doc-folder>summary:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.doc-folder>summary:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.doc-folder>summary:hover:is(.dark *){background-color:rgba(39,39,42,.7)}.doc-folder>summary::-webkit-details-marker{display:none}.doc-folder>summary:before{content:\"›\";display:inline-block;width:.5rem;flex-shrink:0;font-size:13px;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.doc-folder>summary:is(.dark *):before{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.doc-folder[open]>summary:before{transform:rotate(90deg)}.doc-folder-count{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;font-weight:400;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.doc-folder-count:is(.dark *){--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.doc-folder+.doc-folder{margin-top:.375rem}.doc-link{margin-left:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;border-left-width:1px;--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1));padding:.25rem .5rem .25rem .625rem;font-size:12px;--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.doc-link:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.doc-link:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.doc-link:hover:is(.dark *){background-color:rgba(39,39,42,.7)}.doc-link.active{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1));font-weight:500;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.doc-link.active:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}#doc-outline.empty{display:none}.outline-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left-width:2px;border-color:transparent;padding:.25rem .25rem .25rem .625rem;font-size:12px;line-height:1.375;--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.outline-link:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.outline-link:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.outline-link:hover:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.outline-link.lvl-2{padding-left:1.25rem}.outline-link.lvl-3{padding-left:2rem;font-size:11.5px}.outline-link.active{--tw-border-opacity:1;border-color:rgb(var(--accent-500)/var(--tw-border-opacity,1));font-weight:500;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.outline-link.active:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}#doc-sidebar.collapsed,#doc-sidebar.collapsed+.sidebar-resizer{display:none!important}#search-results mark{border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(var(--accent-200)/var(--tw-bg-opacity,1));padding-left:.125rem;padding-right:.125rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--accent-950)/var(--tw-text-opacity,1))}#search-results mark:is(.dark *){background-color:rgb(var(--accent-600)/.5);--tw-text-opacity:1;color:rgb(var(--accent-100)/var(--tw-text-opacity,1))}::highlight(doc-search){background-color:rgb(var(--accent-300));color:rgb(var(--accent-950))}.dark ::highlight(doc-search){background-color:rgb(var(--accent-600));color:#fff}::highlight(doc-match){background-color:rgb(var(--accent-500));color:#fff}.dark ::highlight(doc-match){background-color:rgb(var(--accent-300));color:rgb(var(--accent-950))}.swatch{height:1.5rem;width:1.5rem;border-radius:9999px;border-width:2px;border-color:transparent;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(228 228 231/var(--tw-ring-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.swatch:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swatch:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(63 63 70/var(--tw-ring-opacity,1))}.swatch.active{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.swatch.active:is(.dark *){--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.swatch-violet{background-color:#8b5cf6}.swatch-blue{background-color:#3b82f6}.swatch-emerald{background-color:#10b981}.swatch-amber{background-color:#f59e0b}.swatch-rose{background-color:#f43f5e}.pick{flex:1 1 0%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding:.25rem .5rem;font-size:12px;--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pick:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.pick:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.pick:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.pick.active{--tw-border-opacity:1;border-color:rgb(var(--accent-400)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--accent-50)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--accent-700)/var(--tw-text-opacity,1))}.pick.active:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--accent-500)/var(--tw-border-opacity,1));background-color:rgb(var(--accent-500)/.1);--tw-text-opacity:1;color:rgb(var(--accent-300)/var(--tw-text-opacity,1))}.theme-opt.theme-active{--tw-border-opacity:1;border-color:rgb(var(--accent-400)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--accent-50)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--accent-700)/var(--tw-text-opacity,1))}.theme-opt.theme-active:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--accent-500)/var(--tw-border-opacity,1));background-color:rgb(var(--accent-500)/.1);--tw-text-opacity:1;color:rgb(var(--accent-300)/var(--tw-text-opacity,1))}.set-group{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.set-group:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.set-group>summary{display:flex;cursor:pointer;list-style-type:none;align-items:center;gap:.5rem;padding-top:.625rem;padding-bottom:.625rem;font-size:12.5px;font-weight:500;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.set-group>summary:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.set-group>summary::-webkit-details-marker{display:none}.set-group>summary:after{content:\"›\";margin-left:auto;font-size:15px;line-height:1;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.set-group>summary:is(.dark *):after{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.set-group[open]>summary:after{transform:rotate(90deg)}.set-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.set-sub:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.set-row{display:flex;align-items:flex-start;gap:.75rem;padding-top:.375rem;padding-bottom:.375rem}.set-label{width:72px;flex-shrink:0;padding-top:.375rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.set-label:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}#sheet.fullscreen{max-width:none}#sheet.fullscreen #sheet-content{margin-left:auto;margin-right:auto;max-width:42rem}.task-card{width:100%;cursor:pointer;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.625rem .75rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.task-card:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.task-card:focus-visible{outline-style:solid;outline-width:2px;outline-offset:1px;outline-color:rgb(var(--accent-500)/1)}.task-card:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.task-card:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.card-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.card-id:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.card-title{font-size:13px;font-weight:500;line-height:1.375;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.card-title:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.card-progress{margin-left:auto;display:inline-flex;align-items:center;gap:.375rem;font-size:10px;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.card-progress:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.epic-chip{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding:1px .375rem;font-size:10px;font-weight:500;--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-chip:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.epic-chip:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.epic-chip:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.prio{display:inline-flex;align-items:center;gap:.25rem;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.prio:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.prio-label{font-size:10px;font-weight:500;letter-spacing:.025em}.dep-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding:1px .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dep-chip:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.dep-chip:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dep-chip:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.dep-chip.done{border-color:transparent;--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.dep-chip.done:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.dep-chip.done:is(.dark *){background-color:rgba(16,185,129,.1);--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dep-chip.done:hover:is(.dark *){background-color:rgba(16,185,129,.2)}.backlink-row{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1));padding:.375rem .625rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.backlink-row:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.backlink-row:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.backlink-row:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.epic-row{display:flex;width:100%;cursor:pointer;align-items:center;gap:.5rem;border-radius:.375rem;padding:.375rem .5rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.epic-row:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.epic-row:hover:is(.dark *){background-color:rgba(39,39,42,.7)}.epic-row.epic-active{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.epic-row.epic-active:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}#sidebar>*{flex-shrink:0}#sidebar.collapsed,#sidebar.collapsed+.sidebar-resizer{display:none!important}section.drop-target{background-color:rgb(var(--accent-50)/.6);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(var(--accent-300)/var(--tw-ring-opacity,1))}section.drop-target:is(.dark *){background-color:rgb(var(--accent-500)/.05);--tw-ring-color:rgb(var(--accent-500)/0.4)}.task-card.\\!dragging,.task-card.dragging{opacity:.4}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-top-0\\.5{top:-.125rem}.bottom-3{bottom:.75rem}.bottom-5{bottom:1.25rem}.left-1{left:.25rem}.left-1\\/2{left:50%}.left-3{left:.75rem}.left-44{left:11rem}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\\[60\\]{z-index:60}.mx-auto{margin-left:auto;margin-right:auto}.-ml-0\\.5{margin-left:-.125rem}.mb-1{margin-bottom:.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-1\\.5{margin-right:.375rem}.mr-16{margin-right:4rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\\.5{height:.375rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3\\.5{height:.875rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\\[calc\\(\\(100vh\\/var\\(--zoom\\)\\)-3rem\\)\\]{height:calc(100vh/var(--zoom) - 3rem)}.h-\\[calc\\(100vh\\/var\\(--zoom\\)\\)\\]{height:calc(100vh/var(--zoom))}.h-full{height:100%}.min-h-\\[60px\\]{min-height:60px}.w-1{width:.25rem}.w-1\\.5{width:.375rem}.w-2{width:.5rem}.w-3\\.5{width:.875rem}.w-44{width:11rem}.w-56{width:14rem}.w-60{width:15rem}.w-\\[290px\\]{width:290px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-\\[460px\\]{max-width:460px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[90px_1fr\\]{grid-template-columns:90px 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-y-1\\.5{row-gap:.375rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-zinc-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(228 228 231/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.border-rose-500\\/70{border-color:rgba(244,63,94,.7)}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.bg-accent-50{--tw-bg-opacity:1;background-color:rgb(var(--accent-50)/var(--tw-bg-opacity,1))}.bg-accent-600{--tw-bg-opacity:1;background-color:rgb(var(--accent-600)/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-black\\/20{background-color:rgba(0,0,0,.2)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-zinc-300{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-96{padding:24rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\\.5{padding-top:.875rem;padding-bottom:.875rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pl-2\\.5{padding-left:.625rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:var(--font-ui)}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-\\[10\\.5px\\]{font-size:10.5px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12\\.5px\\]{font-size:12.5px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[16px\\]{font-size:16px}.text-\\[9\\.5px\\]{font-size:9.5px}.text-\\[9px\\]{font-size:9px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-accent-600{--tw-text-opacity:1;color:rgb(var(--accent-600)/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-100{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-accent-600{accent-color:rgb(var(--accent-600)/1)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root,html[data-accent=violet]{--accent-50:245 243 255;--accent-100:237 233 254;--accent-200:221 214 254;--accent-300:196 181 253;--accent-400:167 139 250;--accent-500:139 92 246;--accent-600:124 58 237;--accent-700:109 40 217;--accent-950:46 16 101}html[data-accent=blue]{--accent-50:239 246 255;--accent-100:219 234 254;--accent-200:191 219 254;--accent-300:147 197 253;--accent-400:96 165 250;--accent-500:59 130 246;--accent-600:37 99 235;--accent-700:29 78 216;--accent-950:23 37 84}html[data-accent=emerald]{--accent-50:236 253 245;--accent-100:209 250 229;--accent-200:167 243 208;--accent-300:110 231 183;--accent-400:52 211 153;--accent-500:16 185 129;--accent-600:5 150 105;--accent-700:4 120 87;--accent-950:2 44 34}html[data-accent=amber]{--accent-50:255 251 235;--accent-100:254 243 199;--accent-200:253 230 138;--accent-300:252 211 77;--accent-400:251 191 36;--accent-500:245 158 11;--accent-600:217 119 6;--accent-700:180 83 9;--accent-950:69 26 3}html[data-accent=rose]{--accent-50:255 241 242;--accent-100:255 228 230;--accent-200:254 205 211;--accent-300:253 164 175;--accent-400:251 113 133;--accent-500:244 63 94;--accent-600:225 29 72;--accent-700:190 18 60;--accent-950:76 5 25}:root,html[data-font=sans]{--font-ui:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif}html[data-font=serif]{--font-ui:ui-serif,Georgia,Cambria,\"Times New Roman\",Times,serif}html[data-font=mono]{--font-ui:ui-monospace,SFMono-Regular,\"SF Mono\",Menlo,Consolas,\"Liberation Mono\",monospace}:root{--zoom:1}html[data-size=compact]{--zoom:0.9}html[data-size=large]{--zoom:1.15}html[data-size=compact] body,html[data-size=large] body{zoom:var(--zoom)}@media (prefers-reduced-motion:no-preference){html.theme-anim,html.theme-anim *,html.theme-anim :after,html.theme-anim :before{transition:background-color .26s cubic-bezier(.4,0,.2,1),border-color .26s cubic-bezier(.4,0,.2,1),color .26s cubic-bezier(.4,0,.2,1),fill .26s cubic-bezier(.4,0,.2,1),stroke .26s cubic-bezier(.4,0,.2,1),box-shadow .26s cubic-bezier(.4,0,.2,1)!important;transition-delay:0s!important}}.placeholder\\:text-zinc-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.placeholder\\:text-zinc-400::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.hover\\:border-zinc-300:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.hover\\:bg-accent-400\\/70:hover{background-color:rgb(var(--accent-400)/.7)}.hover\\:bg-accent-500:hover{--tw-bg-opacity:1;background-color:rgb(var(--accent-500)/var(--tw-bg-opacity,1))}.hover\\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\\:bg-zinc-200:hover{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.hover\\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\\:text-zinc-600:hover{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.hover\\:text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.focus\\:border-accent-400:focus{--tw-border-opacity:1;border-color:rgb(var(--accent-400)/var(--tw-border-opacity,1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:opacity-100:focus-visible{opacity:1}.active\\:bg-accent-400\\/70:active{background-color:rgb(var(--accent-400)/.7)}.group:hover .group-hover\\:opacity-100{opacity:1}@media (prefers-reduced-motion:no-preference){.motion-safe\\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.motion-safe\\:duration-200{transition-duration:.2s}}.dark\\:divide-zinc-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(39 39 42/var(--tw-divide-opacity,1))}.dark\\:border-rose-500\\/40:is(.dark *){border-color:rgba(244,63,94,.4)}.dark\\:border-zinc-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.dark\\:border-zinc-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\\:bg-accent-500\\/10:is(.dark *){background-color:rgb(var(--accent-500)/.1)}.dark\\:bg-amber-500\\/10:is(.dark *){background-color:rgba(245,158,11,.1)}.dark\\:bg-black\\/50:is(.dark *){background-color:rgba(0,0,0,.5)}.dark\\:bg-rose-500\\/10:is(.dark *){background-color:rgba(244,63,94,.1)}.dark\\:bg-zinc-100:is(.dark *){--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.dark\\:bg-zinc-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:bg-zinc-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.dark\\:bg-zinc-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:text-accent-400:is(.dark *){--tw-text-opacity:1;color:rgb(var(--accent-400)/var(--tw-text-opacity,1))}.dark\\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\\:text-rose-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 164 175/var(--tw-text-opacity,1))}.dark\\:text-zinc-100:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.dark\\:text-zinc-200:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.dark\\:text-zinc-300:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.dark\\:text-zinc-400:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:text-zinc-50:is(.dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:text-zinc-500:is(.dark *){--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dark\\:text-zinc-600:is(.dark *){--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.dark\\:text-zinc-700:is(.dark *){--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.dark\\:text-zinc-900:is(.dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.dark\\:brightness-125:is(.dark *){--tw-brightness:brightness(1.25);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark\\:placeholder\\:text-zinc-600:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.dark\\:placeholder\\:text-zinc-600:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.dark\\:hover\\:border-zinc-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.dark\\:hover\\:bg-accent-500\\/60:hover:is(.dark *){background-color:rgb(var(--accent-500)/.6)}.dark\\:hover\\:bg-zinc-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.dark\\:hover\\:bg-zinc-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:hover\\:bg-zinc-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.dark\\:hover\\:text-zinc-100:hover:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.dark\\:hover\\:text-zinc-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.dark\\:focus\\:border-accent-500:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--accent-500)/var(--tw-border-opacity,1))}.dark\\:active\\:bg-accent-500\\/60:active:is(.dark *){background-color:rgb(var(--accent-500)/.6)}@media (min-width:640px){.sm\\:block{display:block}}@media (min-width:768px){.md\\:block{display:block}.md\\:flex{display:flex}}@media (min-width:1024px){.lg\\:block{display:block}}.dark\\:\\[\\&\\>option\\]\\:bg-zinc-900>option:is(.dark *){--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}";
+
+// assets/logo.svg
+var logo_default = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="120 12 800 800">
+  <title>outcrop</title>
+  <desc>A rock outcrop: faceted strata breaking the surface.</desc>
+  <g id="outcrop-mark">
+    <path d="M140 640 L215 590 L275 500 L330 530 L385 400 L455 330 L515 170 L580 280 L650 245 L710 365 L780 430 L850 585 L900 640 Z" fill="#24282d"/>
+    <path d="M385 400 L455 330 L515 170 L525 410 L455 520 Z" fill="#e2e6ea"/>
+    <path d="M525 410 L515 170 L580 280 L650 245 L625 430 Z" fill="#59616a"/>
+    <path d="M625 430 L650 245 L710 365 L690 510 Z" fill="#30363d"/>
+    <path d="M455 520 L525 410 L625 430 L570 575 Z" fill="#414850"/>
+    <path d="M275 500 L330 530 L385 400 L410 525 L350 585 Z" fill="#7c858e"/>
+    <path d="M650 245 L710 365 L780 430 L720 465 L690 510 Z" fill="#747d86"/>
+    <path d="M140 640 L215 590 L275 600 L330 575 L350 585 L410 560 L455 590 L570 575 L630 610 L690 510 L720 465 L780 430 L850 585 L900 640 Z" fill="#343a41"/>
+    <path d="M215 590 L275 500 L275 600 Z" fill="#9aa1a8"/>
+    <path d="M350 585 L410 525 L455 590 Z" fill="#b9bec3"/>
+    <path d="M570 575 L625 430 L630 610 Z" fill="#8b939b"/>
+    <path d="M690 510 L720 465 L780 430 L760 550 Z" fill="#aeb4b9"/>
+    <path d="M140 640 L900 640 L850 655 L175 655 Z" fill="#15191d"/>
+  </g>
+</svg>
+`;
+
+// src/generated/head.js
+var head_default = `(() => {
+  // src/client/prefs.ts
+  var THEMES = ["light", "dark"];
+  var APPEARANCE = {
+    accent: ["violet", "blue", "emerald", "amber", "rose"],
+    font: ["sans", "serif", "mono"],
+    size: ["compact", "default", "large"]
+  };
+  var DEFAULTS = { accent: "violet", font: "sans", size: "default" };
+  function getPref(name) {
+    const stored = localStorage.getItem("outcrop." + name);
+    return stored && APPEARANCE[name].includes(stored) ? stored : DEFAULTS[name];
+  }
+  function setPref(name, value) {
+    localStorage.setItem("outcrop." + name, value);
+    applyAppearance();
+  }
+  function applyAppearance() {
+    for (const name of Object.keys(APPEARANCE)) {
+      document.documentElement.dataset[name] = getPref(name);
+    }
+  }
+  function currentTheme() {
+    const stored = localStorage.getItem("theme");
+    if (stored === "light" || stored === "dark")
+      return stored;
+    return matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  function applyTheme() {
+    const theme = currentTheme();
+    document.documentElement.classList.toggle("dark", theme === "dark");
+    return theme;
+  }
+
+  // src/client/head.ts
+  applyAppearance();
+  applyTheme();
+})();
+`;
+
+// src/generated/board.js
+var board_default = `(() => {
+  // src/client/prefs.ts
+  var THEMES = ["light", "dark"];
+  var APPEARANCE = {
+    accent: ["violet", "blue", "emerald", "amber", "rose"],
+    font: ["sans", "serif", "mono"],
+    size: ["compact", "default", "large"]
+  };
+  var DEFAULTS = { accent: "violet", font: "sans", size: "default" };
+  function getPref(name) {
+    const stored = localStorage.getItem("outcrop." + name);
+    return stored && APPEARANCE[name].includes(stored) ? stored : DEFAULTS[name];
+  }
+  function setPref(name, value) {
+    localStorage.setItem("outcrop." + name, value);
+    applyAppearance();
+  }
+  function applyAppearance() {
+    for (const name of Object.keys(APPEARANCE)) {
+      document.documentElement.dataset[name] = getPref(name);
+    }
+  }
+  function currentTheme() {
+    const stored = localStorage.getItem("theme");
+    if (stored === "light" || stored === "dark")
+      return stored;
+    return matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  function applyTheme() {
+    const theme = currentTheme();
+    document.documentElement.classList.toggle("dark", theme === "dark");
+    return theme;
+  }
+
+  // src/client/chrome.ts
+  var THEME_ANIM_MS = 260;
+  var hooks = {};
+  var sidebarWidthKey = "sidebarWidth";
+  function applySidebarWidth() {
+    const sb = document.querySelector(".sidebar-resizer")?.previousElementSibling;
+    const w = localStorage.getItem(sidebarWidthKey);
+    if (sb && w)
+      sb.style.width = w + "px";
+  }
+  function initResizer() {
+    applySidebarWidth();
+    document.addEventListener("pointerdown", (e) => {
+      const rz = e.target.closest?.(".sidebar-resizer");
+      if (!rz)
+        return;
+      e.preventDefault();
+      const sb = rz.previousElementSibling;
+      const left = sb.getBoundingClientRect().left;
+      rz.setPointerCapture(e.pointerId);
+      const onMove = (ev) => {
+        const w = Math.min(448, Math.max(176, Math.round(ev.clientX - left)));
+        sb.style.width = w + "px";
+        localStorage.setItem(sidebarWidthKey, String(w));
+      };
+      rz.addEventListener("pointermove", onMove);
+      rz.addEventListener("pointerup", () => rz.removeEventListener("pointermove", onMove), { once: true });
+    });
+  }
+  var THEME_ICONS = {
+    light: '<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="3" stroke="currentColor" stroke-width="1.4"/><path d="M8 1v1.6M8 13.4V15M15 8h-1.6M2.6 8H1M12.9 3.1l-1.1 1.1M4.2 11.8l-1.1 1.1M12.9 12.9l-1.1-1.1M4.2 4.2 3.1 3.1" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>',
+    dark: '<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><path d="M13.5 9.6A6 6 0 0 1 6.4 2.5a6 6 0 1 0 7.1 7.1Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg>'
+  };
+  var themeBtn;
+  function renderTheme() {
+    const t = applyTheme();
+    themeBtn.innerHTML = THEME_ICONS[t];
+    themeBtn.title = "Switch to " + (t === "dark" ? "light" : "dark") + " mode";
+    for (const b of document.querySelectorAll("[data-set-theme]")) {
+      b.classList.toggle("theme-active", b.dataset.setTheme === t);
+    }
+    renderAppearance();
+  }
+  function renderAppearance() {
+    for (const b of document.querySelectorAll("[data-set-appearance]")) {
+      b.classList.toggle("active", getPref(b.dataset.setAppearance) === b.dataset.value);
+    }
+  }
+  var themeAnimTimer;
+  function setTheme(t) {
+    const changed = t !== currentTheme();
+    localStorage.setItem("theme", t);
+    if (changed) {
+      document.documentElement.classList.add("theme-anim");
+      clearTimeout(themeAnimTimer);
+      themeAnimTimer = setTimeout(() => document.documentElement.classList.remove("theme-anim"), THEME_ANIM_MS + 60);
+    }
+    renderTheme();
+    if (changed)
+      hooks.onAppearanceChange?.();
+  }
+  function initTheme() {
+    themeBtn = document.getElementById("theme-toggle");
+    themeBtn.addEventListener("click", () => setTheme(THEMES[(THEMES.indexOf(currentTheme()) + 1) % THEMES.length]));
+    document.addEventListener("click", (e) => {
+      const target = e.target;
+      const theme = target.closest("[data-set-theme]");
+      if (theme) {
+        setTheme(theme.dataset.setTheme);
+        return;
+      }
+      const pref = target.closest("[data-set-appearance]");
+      if (!pref)
+        return;
+      setPref(pref.dataset.setAppearance, pref.dataset.value);
+      renderAppearance();
+      hooks.onAppearanceChange?.();
+    });
+    matchMedia("(prefers-color-scheme: dark)").addEventListener("change", renderTheme);
+    renderTheme();
+  }
+  var sheet;
+  var sheetContent;
+  var backdrop;
+  var lastFocus = null;
+  var toastTimer;
+  function showToast(msg) {
+    const toast = document.getElementById("toast");
+    toast.textContent = msg;
+    toast.classList.add("opacity-100");
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => toast.classList.remove("opacity-100"), 2500);
+  }
+  function sheetIsOpen() {
+    return !sheet.classList.contains("translate-x-full");
+  }
+  function showSheet(id) {
+    backdrop.classList.remove("hidden");
+    sheet.classList.remove("translate-x-full");
+    if (!sheet.contains(document.activeElement))
+      lastFocus = document.activeElement;
+    sheet.focus({ preventScroll: true });
+    sheet.scrollTop = 0;
+    history.replaceState(null, "", "#" + id);
+  }
+  function closeSheet() {
+    sheet.classList.add("translate-x-full");
+    backdrop.classList.add("hidden");
+    lastFocus?.focus({ preventScroll: true });
+    history.replaceState(null, "", location.pathname + location.search);
+  }
+  var sheetSeq = 0;
+  var paneCache = new Map;
+  function clearPaneCache() {
+    paneCache.clear();
+  }
+  async function openSheet(id) {
+    const seq = ++sheetSeq;
+    const tpl = document.getElementById("detail-" + id);
+    if (tpl) {
+      sheetContent.replaceChildren(tpl.content.cloneNode(true));
+      renderTheme();
+      const form = sheetContent.querySelector('.detail-root[data-id="new"]');
+      if (form) {
+        setKind(form, localStorage.getItem("newKind") || "task");
+        showSheet(id);
+        form.querySelector('[name="title"]')?.focus();
+        return;
+      }
+      showSheet(id);
+      return;
+    }
+    const cached = paneCache.get(id);
+    if (cached !== undefined) {
+      sheetContent.innerHTML = cached;
+      showSheet(id);
+      return;
+    }
+    sheetContent.innerHTML = '<div class="pt-1 text-[12px] text-zinc-400 dark:text-zinc-500">Loading…</div>';
+    showSheet(id);
+    let html = null;
+    try {
+      const res = await fetch("/api/items/" + encodeURIComponent(id) + "/pane");
+      if (res.ok)
+        html = await res.text();
+    } catch {}
+    if (seq !== sheetSeq)
+      return;
+    if (html === null) {
+      sheetContent.innerHTML = '<div class="pt-1 text-[12px] text-zinc-400">Not found.</div>';
+      return;
+    }
+    paneCache.set(id, html);
+    sheetContent.innerHTML = html;
+  }
+  async function saveSettings(root) {
+    const val = (n) => root.querySelector(\`[name="\${n}"]\`);
+    const err = root.querySelector("#settings-error");
+    const views = [...root.querySelectorAll('[name^="view-"]')].filter((c) => c.checked).map((c) => c.name.slice(5));
+    if (!views.length) {
+      err.textContent = "Keep at least one view on: with all of them off there is nothing to show.";
+      err.classList.remove("hidden");
+      root.querySelector(".set-group:has([name^='view-'])")?.setAttribute("open", "");
+      return;
+    }
+    err.classList.add("hidden");
+    try {
+      const res = await fetch("/api/settings", {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          title: val("title").value,
+          views,
+          columns: val("columns").value.split(","),
+          gitCommit: val("gitCommit").checked
+        })
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => null);
+        err.textContent = body?.error ?? "Save failed.";
+        err.classList.remove("hidden");
+        return;
+      }
+      showToast("Settings saved to .outcrop.json");
+      const saved = await res.json();
+      if (root.dataset.views !== saved.views.join(","))
+        return location.reload();
+      closeSheet();
+      await hooks.refreshView?.();
+    } catch {
+      err.textContent = "Save failed: server unreachable.";
+      err.classList.remove("hidden");
+    }
+  }
+  async function toggleCheckbox(url, index, checked, rev) {
+    try {
+      const res = await fetch(url, {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ checkbox: { index, checked }, rev })
+      });
+      if (res.status === 409) {
+        showToast("Changed on disk elsewhere: showing latest");
+      } else if (!res.ok) {
+        showToast("Update failed");
+        return;
+      }
+      await hooks.refreshView?.();
+    } catch {
+      showToast("Update failed: server unreachable");
+    }
+  }
+  function initCheckboxes() {
+    document.addEventListener("click", (e) => {
+      const cb = e.target.closest("[data-cb]");
+      if (!cb)
+        return;
+      const index = Number(cb.dataset.cb);
+      const checked = !cb.classList.contains("checked");
+      cb.classList.toggle("checked", checked);
+      cb.closest("li.check")?.classList.toggle("done", checked);
+      const item = cb.closest(".detail-root[data-id][data-rev]");
+      if (item) {
+        toggleCheckbox("/api/items/" + encodeURIComponent(item.dataset.id), index, checked, item.dataset.rev);
+        return;
+      }
+      const doc = cb.closest("#doc-content[data-file]");
+      if (doc) {
+        toggleCheckbox("/api/docs?file=" + encodeURIComponent(doc.dataset.file), index, checked, doc.dataset.rev);
+      }
+    });
+  }
+  var KIND_ENDPOINT = { task: "/api/tasks", epic: "/api/epics", doc: "/api/docs" };
+  function setKind(root, kind) {
+    root.dataset.kind = kind;
+    localStorage.setItem("newKind", kind);
+    for (const b of root.querySelectorAll("[data-kind]")) {
+      b.classList.toggle("active", b.dataset.kind === kind);
+    }
+    for (const g of root.querySelectorAll("[data-for]")) {
+      g.classList.toggle("hidden", g.dataset.for !== kind);
+    }
+    root.querySelector("#new-target").textContent = kind === "doc" ? "" : kind === "epic" ? "epics/" : "tasks/";
+  }
+  async function createItem(root) {
+    const kind = root.dataset.kind || "task";
+    const val = (n) => root.querySelector(\`[name="\${n}"]\`);
+    const err = root.querySelector("#new-error");
+    const fail = (msg) => {
+      err.textContent = msg;
+      err.classList.remove("hidden");
+    };
+    const title = val("title").value.trim();
+    if (!title)
+      return fail("Give it a title.");
+    const payload = { title, body: val("body").value };
+    if (kind === "task") {
+      payload.epic = val("epic").value;
+      payload.status = val("status").value;
+      payload.priority = val("priority").value;
+      payload.subtasks = val("subtasks").value;
+    }
+    if (kind === "doc") {
+      payload.path = val("path").value.trim() || title.toLowerCase().replace(/[^a-z0-9]+/g, "-") + ".md";
+    }
+    err.classList.add("hidden");
+    const btn = root.querySelector("#new-save");
+    btn.disabled = true;
+    try {
+      const res = await fetch(KIND_ENDPOINT[kind], {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const out = await res.json().catch(() => null);
+      if (!res.ok)
+        return fail(out?.error ?? "Could not create that.");
+      if (kind === "doc" && out?.file) {
+        location.href = "/docs?file=" + encodeURIComponent(out.file);
+        return;
+      }
+      showToast(\`\${out?.id ?? "Item"} created\`);
+      closeSheet();
+      await hooks.refreshView?.();
+    } catch {
+      fail("Could not reach the server.");
+    } finally {
+      btn.disabled = false;
+    }
+  }
+  function initSheet() {
+    sheet = document.getElementById("sheet");
+    backdrop = document.getElementById("backdrop");
+    sheetContent = document.getElementById("sheet-content");
+    document.addEventListener("click", (e) => {
+      const target = e.target;
+      const save = target.closest("#settings-save");
+      if (save) {
+        saveSettings(save.closest(".detail-root"));
+        return;
+      }
+      const create = target.closest("#new-save");
+      if (create) {
+        createItem(create.closest(".detail-root"));
+        return;
+      }
+      const kind = target.closest("[data-kind]");
+      if (kind) {
+        setKind(kind.closest(".detail-root"), kind.dataset.kind);
+        return;
+      }
+      const open = target.closest("[data-open]");
+      if (open)
+        openSheet(open.dataset.open);
+    });
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape" && sheetIsOpen())
+        closeSheet();
+    });
+    backdrop.addEventListener("click", closeSheet);
+    document.getElementById("sheet-close").addEventListener("click", closeSheet);
+    document.getElementById("sheet-expand").addEventListener("click", () => sheet.classList.toggle("fullscreen"));
+  }
+  function connectLive(onChange, debounceMs = 150) {
+    const dot = document.getElementById("live-dot");
+    let timer;
+    let es = null;
+    let connectedOnce = false;
+    const open = () => {
+      if (es)
+        return;
+      es = new EventSource("/sse");
+      es.onmessage = () => {
+        clearTimeout(timer);
+        timer = setTimeout(onChange, debounceMs);
+      };
+      es.onerror = () => dot.classList.replace("bg-emerald-500", "bg-zinc-300");
+      es.onopen = () => {
+        dot.classList.replace("bg-zinc-300", "bg-emerald-500");
+        if (connectedOnce)
+          onChange();
+        connectedOnce = true;
+      };
+    };
+    addEventListener("pagehide", () => {
+      es?.close();
+      es = null;
+      clearTimeout(timer);
+    });
+    addEventListener("pageshow", (e) => {
+      if (e.persisted)
+        open();
+    });
+    open();
+  }
+  var macLike = /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
+  function initSearchShortcut(searchBox) {
+    searchBox.placeholder = macLike ? "Search  ⌘K" : "Search  Ctrl+K";
+    searchBox.title = macLike ? "Search (⌘K or /)" : "Search (Ctrl+K or /)";
+    document.addEventListener("keydown", (e) => {
+      if (e.key !== "k" && e.key !== "K")
+        return;
+      if (!(macLike ? e.metaKey : e.ctrlKey) || e.altKey)
+        return;
+      e.preventDefault();
+      searchBox.focus();
+      searchBox.select();
+    });
+  }
+  function slashShouldFocus(e) {
+    const el = document.activeElement;
+    return e.key === "/" && !e.metaKey && !e.ctrlKey && !e.altKey && !/INPUT|TEXTAREA|SELECT/.test(el?.tagName ?? "") && !el?.isContentEditable;
+  }
+  function initChrome() {
+    initResizer();
+    initTheme();
+    initSheet();
+    initCheckboxes();
+  }
+
+  // src/client/board.ts
+  initChrome();
+  var sidebarCollapsedKey = "sidebarCollapsed";
+  var searchEl = document.getElementById("search");
+  initSearchShortcut(searchEl);
+  var activeEpic = null;
+  function applyFilter(epic) {
+    if (epic && !document.querySelector(\`[data-filter-epic="\${epic}"]\`))
+      epic = null;
+    activeEpic = epic;
+    const q = searchEl.value.trim().toLowerCase();
+    for (const c of document.querySelectorAll(".task-card")) {
+      const miss = q && !c.dataset.search.includes(q);
+      c.classList.toggle("hidden", !!epic && c.dataset.epic !== epic || !!miss);
+    }
+    for (const r of document.querySelectorAll("[data-filter-epic]")) {
+      r.classList.toggle("epic-active", (r.dataset.filterEpic || null) === epic);
+    }
+    for (const s of document.querySelectorAll("section[data-col]")) {
+      s.querySelector(".col-count").textContent = String(s.querySelectorAll(".task-card:not(.hidden)").length);
+    }
+  }
+  searchEl.addEventListener("input", () => applyFilter(activeEpic));
+  function applySidebarState() {
+    document.getElementById("sidebar").classList.toggle("collapsed", localStorage.getItem(sidebarCollapsedKey) === "1");
+    applySidebarWidth();
+  }
+  async function patchItem(id, patch, rev) {
+    try {
+      const res = await fetch("/api/items/" + id, {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ ...patch, rev })
+      });
+      if (res.status === 409) {
+        showToast("Changed on disk elsewhere: showing latest");
+        await refreshApp();
+      } else if (!res.ok) {
+        showToast("Update failed");
+      }
+    } catch {
+      showToast("Update failed: server unreachable");
+    }
+  }
+  var refreshing = false;
+  var etag = "";
+  async function refreshApp() {
+    if (refreshing)
+      return;
+    refreshing = true;
+    try {
+      const res = await fetch(location.pathname, {
+        cache: "no-store",
+        headers: etag ? { "if-none-match": etag } : {}
+      });
+      if (res.status === 304)
+        return;
+      etag = res.headers.get("etag") || "";
+      const doc = new DOMParser().parseFromString(await res.text(), "text/html");
+      document.getElementById("app").innerHTML = doc.getElementById("app").innerHTML;
+      document.getElementById("header-meta").innerHTML = doc.getElementById("header-meta").innerHTML;
+      applySidebarState();
+      applyFilter(activeEpic);
+      clearPaneCache();
+      if (sheetIsOpen() && location.hash.length > 1) {
+        const st = sheet.scrollTop;
+        await openSheet(location.hash.slice(1));
+        sheet.scrollTop = st;
+      }
+    } catch {
+      showToast("Refresh failed");
+    } finally {
+      refreshing = false;
+    }
+  }
+  hooks.refreshView = refreshApp;
+  document.addEventListener("click", (e) => {
+    const target = e.target;
+    if (target.closest("[data-cb]"))
+      return;
+    if (target.closest("[data-open]"))
+      return;
+    const row = target.closest("[data-filter-epic]");
+    if (row) {
+      applyFilter(row.dataset.filterEpic === activeEpic ? null : row.dataset.filterEpic || null);
+      return;
+    }
+    const card = target.closest("[data-task-id]");
+    if (card)
+      openSheet(card.dataset.taskId);
+  });
+  document.addEventListener("change", (e) => {
+    const target = e.target;
+    if (target.matches("[data-status-select]")) {
+      const root = target.closest(".detail-root");
+      patchItem(root.dataset.id, { status: target.value }, root.dataset.rev);
+    }
+  });
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape" && document.activeElement === searchEl) {
+      searchEl.value = "";
+      applyFilter(activeEpic);
+      searchEl.blur();
+      return;
+    }
+    if (slashShouldFocus(e)) {
+      e.preventDefault();
+      searchEl.focus();
+      return;
+    }
+    const target = e.target;
+    if ((e.key === "Enter" || e.key === " ") && target instanceof HTMLElement && target.getAttribute("role") === "button") {
+      e.preventDefault();
+      target.click();
+    }
+  });
+  var dragId = null;
+  var dragRev = null;
+  var dragStatus = null;
+  function clearDropTargets() {
+    for (const s of document.querySelectorAll("section.drop-target"))
+      s.classList.remove("drop-target");
+  }
+  document.addEventListener("dragstart", (e) => {
+    const card = e.target.closest?.("[data-task-id]");
+    if (!card)
+      return;
+    dragId = card.dataset.taskId;
+    dragRev = card.dataset.rev;
+    dragStatus = card.dataset.status;
+    e.dataTransfer.effectAllowed = "move";
+    card.classList.add("dragging");
+  });
+  document.addEventListener("dragend", (e) => {
+    e.target.closest?.("[data-task-id]")?.classList.remove("dragging");
+    clearDropTargets();
+    dragId = null;
+  });
+  document.addEventListener("dragover", (e) => {
+    const col = e.target.closest?.("section[data-col]");
+    if (col && dragId) {
+      e.preventDefault();
+      e.dataTransfer.dropEffect = "move";
+      if (!col.classList.contains("drop-target")) {
+        clearDropTargets();
+        col.classList.add("drop-target");
+      }
+    }
+  });
+  document.addEventListener("drop", (e) => {
+    const col = e.target.closest?.("section[data-col]");
+    if (col && dragId) {
+      e.preventDefault();
+      if (col.dataset.col !== dragStatus)
+        patchItem(dragId, { status: col.dataset.col }, dragRev);
+    }
+    clearDropTargets();
+    dragId = null;
+  });
+  document.getElementById("sidebar-toggle").addEventListener("click", () => {
+    const sb = document.getElementById("sidebar");
+    localStorage.setItem(sidebarCollapsedKey, sb.classList.toggle("collapsed") ? "1" : "0");
+  });
+  connectLive(() => void refreshApp(), 120);
+  applySidebarState();
+  if (location.hash.length > 1)
+    openSheet(location.hash.slice(1));
+})();
+`;
+
+// src/generated/docs.js
+var docs_default = `(() => {
+  // src/client/prefs.ts
+  var THEMES = ["light", "dark"];
+  var APPEARANCE = {
+    accent: ["violet", "blue", "emerald", "amber", "rose"],
+    font: ["sans", "serif", "mono"],
+    size: ["compact", "default", "large"]
+  };
+  var DEFAULTS = { accent: "violet", font: "sans", size: "default" };
+  function getPref(name) {
+    const stored = localStorage.getItem("outcrop." + name);
+    return stored && APPEARANCE[name].includes(stored) ? stored : DEFAULTS[name];
+  }
+  function setPref(name, value) {
+    localStorage.setItem("outcrop." + name, value);
+    applyAppearance();
+  }
+  function applyAppearance() {
+    for (const name of Object.keys(APPEARANCE)) {
+      document.documentElement.dataset[name] = getPref(name);
+    }
+  }
+  function currentTheme() {
+    const stored = localStorage.getItem("theme");
+    if (stored === "light" || stored === "dark")
+      return stored;
+    return matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  function applyTheme() {
+    const theme = currentTheme();
+    document.documentElement.classList.toggle("dark", theme === "dark");
+    return theme;
+  }
+
+  // src/client/chrome.ts
+  var THEME_ANIM_MS = 260;
+  var hooks = {};
+  var sidebarWidthKey = "sidebarWidth";
+  function applySidebarWidth() {
+    const sb = document.querySelector(".sidebar-resizer")?.previousElementSibling;
+    const w = localStorage.getItem(sidebarWidthKey);
+    if (sb && w)
+      sb.style.width = w + "px";
+  }
+  function initResizer() {
+    applySidebarWidth();
+    document.addEventListener("pointerdown", (e) => {
+      const rz = e.target.closest?.(".sidebar-resizer");
+      if (!rz)
+        return;
+      e.preventDefault();
+      const sb = rz.previousElementSibling;
+      const left = sb.getBoundingClientRect().left;
+      rz.setPointerCapture(e.pointerId);
+      const onMove = (ev) => {
+        const w = Math.min(448, Math.max(176, Math.round(ev.clientX - left)));
+        sb.style.width = w + "px";
+        localStorage.setItem(sidebarWidthKey, String(w));
+      };
+      rz.addEventListener("pointermove", onMove);
+      rz.addEventListener("pointerup", () => rz.removeEventListener("pointermove", onMove), { once: true });
+    });
+  }
+  var THEME_ICONS = {
+    light: '<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="3" stroke="currentColor" stroke-width="1.4"/><path d="M8 1v1.6M8 13.4V15M15 8h-1.6M2.6 8H1M12.9 3.1l-1.1 1.1M4.2 11.8l-1.1 1.1M12.9 12.9l-1.1-1.1M4.2 4.2 3.1 3.1" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>',
+    dark: '<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><path d="M13.5 9.6A6 6 0 0 1 6.4 2.5a6 6 0 1 0 7.1 7.1Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg>'
+  };
+  var themeBtn;
+  function renderTheme() {
+    const t = applyTheme();
+    themeBtn.innerHTML = THEME_ICONS[t];
+    themeBtn.title = "Switch to " + (t === "dark" ? "light" : "dark") + " mode";
+    for (const b of document.querySelectorAll("[data-set-theme]")) {
+      b.classList.toggle("theme-active", b.dataset.setTheme === t);
+    }
+    renderAppearance();
+  }
+  function renderAppearance() {
+    for (const b of document.querySelectorAll("[data-set-appearance]")) {
+      b.classList.toggle("active", getPref(b.dataset.setAppearance) === b.dataset.value);
+    }
+  }
+  var themeAnimTimer;
+  function setTheme(t) {
+    const changed = t !== currentTheme();
+    localStorage.setItem("theme", t);
+    if (changed) {
+      document.documentElement.classList.add("theme-anim");
+      clearTimeout(themeAnimTimer);
+      themeAnimTimer = setTimeout(() => document.documentElement.classList.remove("theme-anim"), THEME_ANIM_MS + 60);
+    }
+    renderTheme();
+    if (changed)
+      hooks.onAppearanceChange?.();
+  }
+  function initTheme() {
+    themeBtn = document.getElementById("theme-toggle");
+    themeBtn.addEventListener("click", () => setTheme(THEMES[(THEMES.indexOf(currentTheme()) + 1) % THEMES.length]));
+    document.addEventListener("click", (e) => {
+      const target = e.target;
+      const theme = target.closest("[data-set-theme]");
+      if (theme) {
+        setTheme(theme.dataset.setTheme);
+        return;
+      }
+      const pref = target.closest("[data-set-appearance]");
+      if (!pref)
+        return;
+      setPref(pref.dataset.setAppearance, pref.dataset.value);
+      renderAppearance();
+      hooks.onAppearanceChange?.();
+    });
+    matchMedia("(prefers-color-scheme: dark)").addEventListener("change", renderTheme);
+    renderTheme();
+  }
+  var sheet;
+  var sheetContent;
+  var backdrop;
+  var lastFocus = null;
+  var toastTimer;
+  function showToast(msg) {
+    const toast = document.getElementById("toast");
+    toast.textContent = msg;
+    toast.classList.add("opacity-100");
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => toast.classList.remove("opacity-100"), 2500);
+  }
+  function sheetIsOpen() {
+    return !sheet.classList.contains("translate-x-full");
+  }
+  function showSheet(id) {
+    backdrop.classList.remove("hidden");
+    sheet.classList.remove("translate-x-full");
+    if (!sheet.contains(document.activeElement))
+      lastFocus = document.activeElement;
+    sheet.focus({ preventScroll: true });
+    sheet.scrollTop = 0;
+    history.replaceState(null, "", "#" + id);
+  }
+  function closeSheet() {
+    sheet.classList.add("translate-x-full");
+    backdrop.classList.add("hidden");
+    lastFocus?.focus({ preventScroll: true });
+    history.replaceState(null, "", location.pathname + location.search);
+  }
+  var sheetSeq = 0;
+  var paneCache = new Map;
+  function clearPaneCache() {
+    paneCache.clear();
+  }
+  async function openSheet(id) {
+    const seq = ++sheetSeq;
+    const tpl = document.getElementById("detail-" + id);
+    if (tpl) {
+      sheetContent.replaceChildren(tpl.content.cloneNode(true));
+      renderTheme();
+      const form = sheetContent.querySelector('.detail-root[data-id="new"]');
+      if (form) {
+        setKind(form, localStorage.getItem("newKind") || "task");
+        showSheet(id);
+        form.querySelector('[name="title"]')?.focus();
+        return;
+      }
+      showSheet(id);
+      return;
+    }
+    const cached = paneCache.get(id);
+    if (cached !== undefined) {
+      sheetContent.innerHTML = cached;
+      showSheet(id);
+      return;
+    }
+    sheetContent.innerHTML = '<div class="pt-1 text-[12px] text-zinc-400 dark:text-zinc-500">Loading…</div>';
+    showSheet(id);
+    let html = null;
+    try {
+      const res = await fetch("/api/items/" + encodeURIComponent(id) + "/pane");
+      if (res.ok)
+        html = await res.text();
+    } catch {}
+    if (seq !== sheetSeq)
+      return;
+    if (html === null) {
+      sheetContent.innerHTML = '<div class="pt-1 text-[12px] text-zinc-400">Not found.</div>';
+      return;
+    }
+    paneCache.set(id, html);
+    sheetContent.innerHTML = html;
+  }
+  async function saveSettings(root) {
+    const val = (n) => root.querySelector(\`[name="\${n}"]\`);
+    const err = root.querySelector("#settings-error");
+    const views = [...root.querySelectorAll('[name^="view-"]')].filter((c) => c.checked).map((c) => c.name.slice(5));
+    if (!views.length) {
+      err.textContent = "Keep at least one view on: with all of them off there is nothing to show.";
+      err.classList.remove("hidden");
+      root.querySelector(".set-group:has([name^='view-'])")?.setAttribute("open", "");
+      return;
+    }
+    err.classList.add("hidden");
+    try {
+      const res = await fetch("/api/settings", {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          title: val("title").value,
+          views,
+          columns: val("columns").value.split(","),
+          gitCommit: val("gitCommit").checked
+        })
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => null);
+        err.textContent = body?.error ?? "Save failed.";
+        err.classList.remove("hidden");
+        return;
+      }
+      showToast("Settings saved to .outcrop.json");
+      const saved = await res.json();
+      if (root.dataset.views !== saved.views.join(","))
+        return location.reload();
+      closeSheet();
+      await hooks.refreshView?.();
+    } catch {
+      err.textContent = "Save failed: server unreachable.";
+      err.classList.remove("hidden");
+    }
+  }
+  async function toggleCheckbox(url, index, checked, rev) {
+    try {
+      const res = await fetch(url, {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ checkbox: { index, checked }, rev })
+      });
+      if (res.status === 409) {
+        showToast("Changed on disk elsewhere: showing latest");
+      } else if (!res.ok) {
+        showToast("Update failed");
+        return;
+      }
+      await hooks.refreshView?.();
+    } catch {
+      showToast("Update failed: server unreachable");
+    }
+  }
+  function initCheckboxes() {
+    document.addEventListener("click", (e) => {
+      const cb = e.target.closest("[data-cb]");
+      if (!cb)
+        return;
+      const index = Number(cb.dataset.cb);
+      const checked = !cb.classList.contains("checked");
+      cb.classList.toggle("checked", checked);
+      cb.closest("li.check")?.classList.toggle("done", checked);
+      const item = cb.closest(".detail-root[data-id][data-rev]");
+      if (item) {
+        toggleCheckbox("/api/items/" + encodeURIComponent(item.dataset.id), index, checked, item.dataset.rev);
+        return;
+      }
+      const doc = cb.closest("#doc-content[data-file]");
+      if (doc) {
+        toggleCheckbox("/api/docs?file=" + encodeURIComponent(doc.dataset.file), index, checked, doc.dataset.rev);
+      }
+    });
+  }
+  var KIND_ENDPOINT = { task: "/api/tasks", epic: "/api/epics", doc: "/api/docs" };
+  function setKind(root, kind) {
+    root.dataset.kind = kind;
+    localStorage.setItem("newKind", kind);
+    for (const b of root.querySelectorAll("[data-kind]")) {
+      b.classList.toggle("active", b.dataset.kind === kind);
+    }
+    for (const g of root.querySelectorAll("[data-for]")) {
+      g.classList.toggle("hidden", g.dataset.for !== kind);
+    }
+    root.querySelector("#new-target").textContent = kind === "doc" ? "" : kind === "epic" ? "epics/" : "tasks/";
+  }
+  async function createItem(root) {
+    const kind = root.dataset.kind || "task";
+    const val = (n) => root.querySelector(\`[name="\${n}"]\`);
+    const err = root.querySelector("#new-error");
+    const fail = (msg) => {
+      err.textContent = msg;
+      err.classList.remove("hidden");
+    };
+    const title = val("title").value.trim();
+    if (!title)
+      return fail("Give it a title.");
+    const payload = { title, body: val("body").value };
+    if (kind === "task") {
+      payload.epic = val("epic").value;
+      payload.status = val("status").value;
+      payload.priority = val("priority").value;
+      payload.subtasks = val("subtasks").value;
+    }
+    if (kind === "doc") {
+      payload.path = val("path").value.trim() || title.toLowerCase().replace(/[^a-z0-9]+/g, "-") + ".md";
+    }
+    err.classList.add("hidden");
+    const btn = root.querySelector("#new-save");
+    btn.disabled = true;
+    try {
+      const res = await fetch(KIND_ENDPOINT[kind], {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const out = await res.json().catch(() => null);
+      if (!res.ok)
+        return fail(out?.error ?? "Could not create that.");
+      if (kind === "doc" && out?.file) {
+        location.href = "/docs?file=" + encodeURIComponent(out.file);
+        return;
+      }
+      showToast(\`\${out?.id ?? "Item"} created\`);
+      closeSheet();
+      await hooks.refreshView?.();
+    } catch {
+      fail("Could not reach the server.");
+    } finally {
+      btn.disabled = false;
+    }
+  }
+  function initSheet() {
+    sheet = document.getElementById("sheet");
+    backdrop = document.getElementById("backdrop");
+    sheetContent = document.getElementById("sheet-content");
+    document.addEventListener("click", (e) => {
+      const target = e.target;
+      const save = target.closest("#settings-save");
+      if (save) {
+        saveSettings(save.closest(".detail-root"));
+        return;
+      }
+      const create = target.closest("#new-save");
+      if (create) {
+        createItem(create.closest(".detail-root"));
+        return;
+      }
+      const kind = target.closest("[data-kind]");
+      if (kind) {
+        setKind(kind.closest(".detail-root"), kind.dataset.kind);
+        return;
+      }
+      const open = target.closest("[data-open]");
+      if (open)
+        openSheet(open.dataset.open);
+    });
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape" && sheetIsOpen())
+        closeSheet();
+    });
+    backdrop.addEventListener("click", closeSheet);
+    document.getElementById("sheet-close").addEventListener("click", closeSheet);
+    document.getElementById("sheet-expand").addEventListener("click", () => sheet.classList.toggle("fullscreen"));
+  }
+  function connectLive(onChange, debounceMs = 150) {
+    const dot = document.getElementById("live-dot");
+    let timer;
+    let es = null;
+    let connectedOnce = false;
+    const open = () => {
+      if (es)
+        return;
+      es = new EventSource("/sse");
+      es.onmessage = () => {
+        clearTimeout(timer);
+        timer = setTimeout(onChange, debounceMs);
+      };
+      es.onerror = () => dot.classList.replace("bg-emerald-500", "bg-zinc-300");
+      es.onopen = () => {
+        dot.classList.replace("bg-zinc-300", "bg-emerald-500");
+        if (connectedOnce)
+          onChange();
+        connectedOnce = true;
+      };
+    };
+    addEventListener("pagehide", () => {
+      es?.close();
+      es = null;
+      clearTimeout(timer);
+    });
+    addEventListener("pageshow", (e) => {
+      if (e.persisted)
+        open();
+    });
+    open();
+  }
+  var macLike = /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
+  function initSearchShortcut(searchBox) {
+    searchBox.placeholder = macLike ? "Search  ⌘K" : "Search  Ctrl+K";
+    searchBox.title = macLike ? "Search (⌘K or /)" : "Search (Ctrl+K or /)";
+    document.addEventListener("keydown", (e) => {
+      if (e.key !== "k" && e.key !== "K")
+        return;
+      if (!(macLike ? e.metaKey : e.ctrlKey) || e.altKey)
+        return;
+      e.preventDefault();
+      searchBox.focus();
+      searchBox.select();
+    });
+  }
+  function slashShouldFocus(e) {
+    const el = document.activeElement;
+    return e.key === "/" && !e.metaKey && !e.ctrlKey && !e.altKey && !/INPUT|TEXTAREA|SELECT/.test(el?.tagName ?? "") && !el?.isContentEditable;
+  }
+  function initChrome() {
+    initResizer();
+    initTheme();
+    initSheet();
+    initCheckboxes();
+  }
+
+  // src/client/docs.ts
+  initChrome();
+  var mermaidTheme = () => document.documentElement.classList.contains("dark") ? "dark" : "neutral";
+  var hasMermaid = () => typeof globalThis.mermaid !== "undefined";
+  var mermaidLoad = null;
+  function ensureMermaid() {
+    if (hasMermaid())
+      return Promise.resolve();
+    if (!mermaidLoad) {
+      mermaidLoad = new Promise((resolve, reject) => {
+        const s = document.createElement("script");
+        s.src = "https://cdn.jsdelivr.net/npm/mermaid@10.9.1/dist/mermaid.min.js";
+        s.onload = () => {
+          mermaid.initialize({ startOnLoad: false, theme: mermaidTheme() });
+          resolve();
+        };
+        s.onerror = () => reject(new Error("mermaid failed to load"));
+        document.head.appendChild(s);
+      });
+    }
+    return mermaidLoad;
+  }
+  async function renderDiagrams() {
+    if (!document.querySelector("#doc-main .mermaid:not([data-processed])"))
+      return;
+    try {
+      await ensureMermaid();
+      await mermaid.run({ querySelector: "#doc-main .mermaid:not([data-processed])" });
+    } catch {}
+  }
+  if (hasMermaid())
+    mermaid.initialize({ startOnLoad: false, theme: mermaidTheme() });
+  renderDiagrams();
+  hooks.onAppearanceChange = () => {
+    if (!hasMermaid())
+      return;
+    mermaid.initialize({ startOnLoad: false, theme: mermaidTheme() });
+    if (document.querySelector("#doc-main .mermaid")) {
+      etag = "";
+      refreshDoc();
+    }
+  };
+  var foldKey = "docsCollapsedFolders";
+  var servedTree = document.getElementById("doc-tree").innerHTML;
+  function collapsed() {
+    try {
+      return new Set(JSON.parse(localStorage.getItem(foldKey) || "[]"));
+    } catch {
+      return new Set;
+    }
+  }
+  var folders = () => [...document.querySelectorAll("#doc-tree .doc-folder")];
+  var foldingProgrammatically = false;
+  function setFolds(fn) {
+    foldingProgrammatically = true;
+    for (const d of folders())
+      d.open = fn(d);
+    foldingProgrammatically = false;
+    syncFoldAllButton();
+  }
+  function applyFolds() {
+    const shut = collapsed();
+    setFolds((d) => !shut.has(d.dataset.folder));
+  }
+  function hideEmptyFolders() {
+    for (const d of folders()) {
+      const any = [...d.querySelectorAll(".doc-link")].some((a) => !a.classList.contains("hidden"));
+      d.classList.toggle("hidden", !any);
+    }
+  }
+  function syncFoldAllButton() {
+    const all = folders();
+    const allShut = all.length > 0 && all.every((d) => !d.open);
+    const label = allShut ? "Expand all folders" : "Collapse all folders";
+    foldAllBtn.title = label;
+    foldAllBtn.setAttribute("aria-label", label);
+  }
+  var foldAllBtn = document.getElementById("fold-all");
+  foldAllBtn.addEventListener("click", () => {
+    const open = folders().some((d) => !d.open);
+    setFolds(() => open);
+    localStorage.setItem(foldKey, JSON.stringify(open ? [] : folders().map((d) => d.dataset.folder)));
+  });
+  document.addEventListener("toggle", (e) => {
+    if (foldingProgrammatically)
+      return;
+    const d = e.target.closest("#doc-tree .doc-folder");
+    if (!d)
+      return;
+    const shut = collapsed();
+    if (d.open)
+      shut.delete(d.dataset.folder);
+    else
+      shut.add(d.dataset.folder);
+    localStorage.setItem(foldKey, JSON.stringify([...shut]));
+    syncFoldAllButton();
+  }, true);
+  applyFolds();
+  var outline = document.getElementById("outline-list");
+  var outlineAside = document.getElementById("doc-outline");
+  var docMain = document.getElementById("doc-main");
+  var outlineHeads = [];
+  function markOutline() {
+    if (!outlineHeads.length)
+      return;
+    const line = docMain.getBoundingClientRect().top + docMain.clientHeight * 0.25;
+    let active = outlineHeads[0].id;
+    for (const h of outlineHeads) {
+      if (h.getBoundingClientRect().top > line)
+        break;
+      active = h.id;
+    }
+    if (docMain.scrollTop + docMain.clientHeight >= docMain.scrollHeight - 2) {
+      active = outlineHeads[outlineHeads.length - 1].id;
+    }
+    for (const a of outline.querySelectorAll(".outline-link")) {
+      a.classList.toggle("active", a.getAttribute("href") === "#" + active);
+    }
+  }
+  docMain.addEventListener("scroll", markOutline, { passive: true });
+  addEventListener("resize", markOutline);
+  function buildOutline() {
+    outlineHeads = [
+      ...document.querySelectorAll("#doc-content .doc-body h1[id], #doc-content .doc-body h2[id], #doc-content .doc-body h3[id]")
+    ];
+    outline.replaceChildren();
+    outlineAside.classList.toggle("empty", outlineHeads.length < 2);
+    if (outlineHeads.length < 2) {
+      outlineHeads = [];
+      return;
+    }
+    for (const h of outlineHeads) {
+      const a = document.createElement("a");
+      a.href = "#" + h.id;
+      a.className = "outline-link lvl-" + h.tagName[1];
+      a.textContent = h.textContent;
+      a.addEventListener("click", (e) => {
+        e.preventDefault();
+        h.scrollIntoView({ behavior: "smooth", block: "start" });
+        history.replaceState(null, "", location.pathname + location.search + "#" + h.id);
+      });
+      outline.append(a);
+    }
+    markOutline();
+  }
+  buildOutline();
+  var refreshing = false;
+  var etag = "";
+  var etagFor = location.pathname + location.search;
+  var navSeq = 0;
+  async function loadDoc(url, { push = false, conditional = false } = {}) {
+    const seq = ++navSeq;
+    if (refreshing && !push)
+      return;
+    refreshing = true;
+    try {
+      const sameDoc = conditional && url === etagFor && etag;
+      const res = await fetch(url, { cache: "no-store", headers: sameDoc ? { "if-none-match": etag } : {} });
+      if (seq !== navSeq)
+        return;
+      if (res.status === 304)
+        return;
+      if (!res.ok) {
+        location.href = url;
+        return;
+      }
+      const text = await res.text();
+      if (seq !== navSeq)
+        return;
+      etag = res.headers.get("etag") || "";
+      etagFor = url;
+      const doc = new DOMParser().parseFromString(text, "text/html");
+      const tree = document.getElementById("doc-tree");
+      const nextTree = doc.getElementById("doc-tree").innerHTML;
+      if (servedTree !== nextTree) {
+        const sidebar = document.getElementById("doc-sidebar");
+        const top = sidebar.scrollTop;
+        tree.innerHTML = nextTree;
+        servedTree = nextTree;
+        sidebar.scrollTop = top;
+        applyFolds();
+      }
+      const main = document.getElementById("doc-main");
+      main.innerHTML = doc.getElementById("doc-main").innerHTML;
+      document.title = doc.title;
+      if (push) {
+        history.pushState(null, "", url);
+        main.scrollTop = 0;
+      }
+      markActiveDoc();
+      buildOutline();
+      applyDocSearch();
+      const jump = jumpQuery;
+      jumpQuery = "";
+      if (jump)
+        jumpToMatch(jump);
+      else
+        endMatches();
+      await renderDiagrams();
+    } catch {} finally {
+      if (seq === navSeq)
+        refreshing = false;
+    }
+  }
+  var refreshDoc = () => loadDoc(location.pathname + location.search, { conditional: true });
+  hooks.refreshView = refreshDoc;
+  function markActiveDoc() {
+    const current = new URLSearchParams(location.search).get("file") || "README.md";
+    for (const a of document.querySelectorAll("#doc-sidebar .doc-link")) {
+      a.classList.toggle("active", a.dataset.file === current);
+    }
+  }
+  markActiveDoc();
+  document.addEventListener("click", (e) => {
+    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)
+      return;
+    const a = e.target.closest("a[href]");
+    if (!a || a.target)
+      return;
+    const url = new URL(a.href, location.href);
+    if (url.origin !== location.origin || url.pathname !== "/docs")
+      return;
+    const here = url.pathname + url.search;
+    if (here === location.pathname + location.search)
+      return;
+    e.preventDefault();
+    loadDoc(here, { push: true });
+  });
+  window.addEventListener("popstate", () => void loadDoc(location.pathname + location.search));
+  var docSidebar = document.getElementById("doc-sidebar");
+  var searchEl = document.getElementById("search");
+  initSearchShortcut(searchEl);
+  searchEl.value = sessionStorage.getItem("docSearch") || "";
+  function matchRanges(q) {
+    const ranges = [];
+    if (!q)
+      return ranges;
+    const walker = document.createTreeWalker(document.getElementById("doc-content"), NodeFilter.SHOW_TEXT);
+    let n;
+    while (n = walker.nextNode()) {
+      const t = n.textContent.toLowerCase();
+      for (let i = t.indexOf(q);i !== -1; i = t.indexOf(q, i + q.length)) {
+        const r = new Range;
+        r.setStart(n, i);
+        r.setEnd(n, i + q.length);
+        ranges.push(r);
+      }
+    }
+    return ranges;
+  }
+  function highlightDoc(q) {
+    if (!("highlights" in CSS))
+      return;
+    CSS.highlights.delete("doc-search");
+    const ranges = matchRanges(q);
+    if (ranges.length)
+      CSS.highlights.set("doc-search", new Highlight(...ranges));
+  }
+  var jumpQuery = "";
+  var matches = [];
+  var matchIdx = 0;
+  var STEP_BUTTON = "rounded p-1 text-zinc-400 hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300";
+  var matchBar = document.createElement("div");
+  matchBar.className = "fixed bottom-5 right-5 z-40 hidden items-center gap-0.5 rounded-md border border-zinc-200 bg-white py-1 pl-2.5 pr-1 text-[12px] shadow-lg dark:border-zinc-800 dark:bg-zinc-900";
+  matchBar.innerHTML = '<span id="match-count" class="mr-1.5 tabular-nums text-zinc-500 dark:text-zinc-400"></span>' + \`<button type="button" data-step="-1" class="\${STEP_BUTTON}" aria-label="Previous match" title="Previous match (Shift+Enter)">\` + '<svg width="13" height="13" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 10 8 6 12 10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>' + \`<button type="button" data-step="1" class="\${STEP_BUTTON}" aria-label="Next match" title="Next match (Enter)">\` + '<svg width="13" height="13" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6 8 10 12 6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>' + \`<button type="button" data-step="0" class="\${STEP_BUTTON}" aria-label="Done" title="Done (Esc)">\` + '<svg width="13" height="13" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M3 3 L11 11 M11 3 L3 11" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></button>';
+  document.body.append(matchBar);
+  matchBar.addEventListener("click", (e) => {
+    const step = e.target.closest("[data-step]")?.dataset.step;
+    if (step === undefined)
+      return;
+    if (step === "0")
+      endMatches();
+    else
+      stepMatch(Number(step));
+  });
+  function paintMatches() {
+    if (!("highlights" in CSS))
+      return;
+    CSS.highlights.delete("doc-search");
+    CSS.highlights.delete("doc-match");
+    const rest = matches.filter((_, i) => i !== matchIdx);
+    if (rest.length)
+      CSS.highlights.set("doc-search", new Highlight(...rest));
+    if (matches[matchIdx])
+      CSS.highlights.set("doc-match", new Highlight(matches[matchIdx]));
+  }
+  function scrollToMatch() {
+    const el = matches[matchIdx]?.startContainer.parentElement;
+    if (el)
+      el.scrollIntoView({ block: "center" });
+  }
+  function stepMatch(delta) {
+    if (!matches.length)
+      return;
+    matchIdx = (matchIdx + delta + matches.length) % matches.length;
+    document.getElementById("match-count").textContent = \`\${matchIdx + 1} of \${matches.length}\`;
+    paintMatches();
+    scrollToMatch();
+  }
+  function endMatches() {
+    matches = [];
+    matchBar.classList.replace("flex", "hidden");
+    if ("highlights" in CSS) {
+      CSS.highlights.delete("doc-search");
+      CSS.highlights.delete("doc-match");
+    }
+  }
+  function jumpToMatch(q) {
+    document.getElementById("search-results").classList.add("hidden");
+    document.getElementById("doc-content").classList.remove("hidden");
+    matches = matchRanges(q);
+    matchIdx = -1;
+    if (!matches.length)
+      return endMatches();
+    matchBar.classList.replace("hidden", "flex");
+    stepMatch(1);
+  }
+  var searchSeq = 0;
+  var panelOpen = false;
+  var escHtml = (s) => s.replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
+  async function applyDocSearch() {
+    const q = searchEl.value.trim().toLowerCase();
+    sessionStorage.setItem("docSearch", searchEl.value);
+    highlightDoc(q);
+    const results = document.getElementById("search-results");
+    const content = document.getElementById("doc-content");
+    const links = [...docSidebar.querySelectorAll(".doc-link")];
+    const seq = ++searchSeq;
+    if (!q) {
+      panelOpen = false;
+      for (const a of links)
+        a.classList.remove("hidden");
+      applyFolds();
+      hideEmptyFolders();
+      results.classList.add("hidden");
+      content.classList.remove("hidden");
+      return;
+    }
+    const hits = await fetch("/api/docs-search?q=" + encodeURIComponent(q)).then((r) => r.json()).catch(() => null);
+    if (!hits || seq !== searchSeq)
+      return;
+    const files = hits.map((h) => h.file);
+    for (const a of links) {
+      a.classList.toggle("hidden", !files.includes(new URL(a.href).searchParams.get("file")));
+    }
+    setFolds(() => true);
+    hideEmptyFolders();
+    if (!panelOpen)
+      return;
+    const markSnippet = (s) => {
+      const low = s.toLowerCase();
+      let out = "";
+      let pos = 0;
+      for (let i = low.indexOf(q);i !== -1; i = low.indexOf(q, i + q.length)) {
+        out += escHtml(s.slice(pos, i)) + "<mark>" + escHtml(s.slice(i, i + q.length)) + "</mark>";
+        pos = i + q.length;
+      }
+      return out + escHtml(s.slice(pos));
+    };
+    results.innerHTML = hits.length ? hits.map((h) => '<a href="/docs?file=' + encodeURIComponent(h.file) + '" class="block px-3 py-3.5 transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-900">' + '<div class="flex items-baseline justify-between gap-2">' + '<span class="truncate text-[13px] font-medium text-zinc-900 dark:text-zinc-100">' + escHtml(h.file) + "</span>" + '<span class="shrink-0 text-[11px] text-zinc-400 dark:text-zinc-600">' + h.count + (h.count === 1 ? " match" : " matches") + "</span>" + "</div>" + h.snippets.map((s) => '<p class="mt-1.5 text-[12.5px] leading-relaxed text-zinc-600 dark:text-zinc-400">' + markSnippet(s) + "</p>").join("") + "</a>").join("") : '<p class="px-3 py-6 text-[13px] text-zinc-400 dark:text-zinc-600">No matches</p>';
+    results.classList.remove("hidden");
+    content.classList.add("hidden");
+  }
+  document.addEventListener("click", (e) => {
+    const hit = e.target.closest?.("#search-results a[href]");
+    if (!hit)
+      return;
+    const q = searchEl.value.trim().toLowerCase();
+    jumpQuery = q;
+    panelOpen = false;
+    searchEl.value = "";
+    applyDocSearch();
+    const url = new URL(hit.href, location.href);
+    if (url.pathname + url.search === location.pathname + location.search) {
+      e.preventDefault();
+      jumpQuery = "";
+      jumpToMatch(q);
+    }
+  }, true);
+  var searchTimer;
+  searchEl.addEventListener("input", () => {
+    panelOpen = true;
+    endMatches();
+    clearTimeout(searchTimer);
+    searchTimer = setTimeout(applyDocSearch, 120);
+  });
+  if (searchEl.value)
+    applyDocSearch();
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape" && document.activeElement === searchEl) {
+      searchEl.value = "";
+      applyDocSearch();
+      searchEl.blur();
+      return;
+    }
+    if (matches.length && document.activeElement !== searchEl) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        stepMatch(e.shiftKey ? -1 : 1);
+        return;
+      }
+      if (e.key === "Escape") {
+        endMatches();
+        return;
+      }
+    }
+    if (slashShouldFocus(e)) {
+      e.preventDefault();
+      searchEl.focus();
+    }
+  });
+  if (localStorage.getItem("docsSidebarCollapsed") === "1")
+    docSidebar.classList.add("collapsed");
+  document.getElementById("sidebar-toggle").addEventListener("click", () => {
+    localStorage.setItem("docsSidebarCollapsed", docSidebar.classList.toggle("collapsed") ? "1" : "0");
+  });
+  connectLive(() => void refreshDoc(), 150);
+})();
+`;
+
+// src/generated/graph.js
+var graph_default = `(() => {
+  // src/client/prefs.ts
+  var THEMES = ["light", "dark"];
+  var APPEARANCE = {
+    accent: ["violet", "blue", "emerald", "amber", "rose"],
+    font: ["sans", "serif", "mono"],
+    size: ["compact", "default", "large"]
+  };
+  var DEFAULTS = { accent: "violet", font: "sans", size: "default" };
+  function getPref(name) {
+    const stored = localStorage.getItem("outcrop." + name);
+    return stored && APPEARANCE[name].includes(stored) ? stored : DEFAULTS[name];
+  }
+  function setPref(name, value) {
+    localStorage.setItem("outcrop." + name, value);
+    applyAppearance();
+  }
+  function applyAppearance() {
+    for (const name of Object.keys(APPEARANCE)) {
+      document.documentElement.dataset[name] = getPref(name);
+    }
+  }
+  function currentTheme() {
+    const stored = localStorage.getItem("theme");
+    if (stored === "light" || stored === "dark")
+      return stored;
+    return matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  function applyTheme() {
+    const theme = currentTheme();
+    document.documentElement.classList.toggle("dark", theme === "dark");
+    return theme;
+  }
+
+  // src/client/chrome.ts
+  var THEME_ANIM_MS = 260;
+  var hooks = {};
+  var sidebarWidthKey = "sidebarWidth";
+  function applySidebarWidth() {
+    const sb = document.querySelector(".sidebar-resizer")?.previousElementSibling;
+    const w = localStorage.getItem(sidebarWidthKey);
+    if (sb && w)
+      sb.style.width = w + "px";
+  }
+  function initResizer() {
+    applySidebarWidth();
+    document.addEventListener("pointerdown", (e) => {
+      const rz = e.target.closest?.(".sidebar-resizer");
+      if (!rz)
+        return;
+      e.preventDefault();
+      const sb = rz.previousElementSibling;
+      const left = sb.getBoundingClientRect().left;
+      rz.setPointerCapture(e.pointerId);
+      const onMove = (ev) => {
+        const w = Math.min(448, Math.max(176, Math.round(ev.clientX - left)));
+        sb.style.width = w + "px";
+        localStorage.setItem(sidebarWidthKey, String(w));
+      };
+      rz.addEventListener("pointermove", onMove);
+      rz.addEventListener("pointerup", () => rz.removeEventListener("pointermove", onMove), { once: true });
+    });
+  }
+  var THEME_ICONS = {
+    light: '<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="3" stroke="currentColor" stroke-width="1.4"/><path d="M8 1v1.6M8 13.4V15M15 8h-1.6M2.6 8H1M12.9 3.1l-1.1 1.1M4.2 11.8l-1.1 1.1M12.9 12.9l-1.1-1.1M4.2 4.2 3.1 3.1" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>',
+    dark: '<svg width="15" height="15" viewBox="0 0 16 16" fill="none"><path d="M13.5 9.6A6 6 0 0 1 6.4 2.5a6 6 0 1 0 7.1 7.1Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg>'
+  };
+  var themeBtn;
+  function renderTheme() {
+    const t = applyTheme();
+    themeBtn.innerHTML = THEME_ICONS[t];
+    themeBtn.title = "Switch to " + (t === "dark" ? "light" : "dark") + " mode";
+    for (const b of document.querySelectorAll("[data-set-theme]")) {
+      b.classList.toggle("theme-active", b.dataset.setTheme === t);
+    }
+    renderAppearance();
+  }
+  function renderAppearance() {
+    for (const b of document.querySelectorAll("[data-set-appearance]")) {
+      b.classList.toggle("active", getPref(b.dataset.setAppearance) === b.dataset.value);
+    }
+  }
+  var themeAnimTimer;
+  function setTheme(t) {
+    const changed = t !== currentTheme();
+    localStorage.setItem("theme", t);
+    if (changed) {
+      document.documentElement.classList.add("theme-anim");
+      clearTimeout(themeAnimTimer);
+      themeAnimTimer = setTimeout(() => document.documentElement.classList.remove("theme-anim"), THEME_ANIM_MS + 60);
+    }
+    renderTheme();
+    if (changed)
+      hooks.onAppearanceChange?.();
+  }
+  function initTheme() {
+    themeBtn = document.getElementById("theme-toggle");
+    themeBtn.addEventListener("click", () => setTheme(THEMES[(THEMES.indexOf(currentTheme()) + 1) % THEMES.length]));
+    document.addEventListener("click", (e) => {
+      const target = e.target;
+      const theme = target.closest("[data-set-theme]");
+      if (theme) {
+        setTheme(theme.dataset.setTheme);
+        return;
+      }
+      const pref = target.closest("[data-set-appearance]");
+      if (!pref)
+        return;
+      setPref(pref.dataset.setAppearance, pref.dataset.value);
+      renderAppearance();
+      hooks.onAppearanceChange?.();
+    });
+    matchMedia("(prefers-color-scheme: dark)").addEventListener("change", renderTheme);
+    renderTheme();
+  }
+  var sheet;
+  var sheetContent;
+  var backdrop;
+  var lastFocus = null;
+  var toastTimer;
+  function showToast(msg) {
+    const toast = document.getElementById("toast");
+    toast.textContent = msg;
+    toast.classList.add("opacity-100");
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => toast.classList.remove("opacity-100"), 2500);
+  }
+  function sheetIsOpen() {
+    return !sheet.classList.contains("translate-x-full");
+  }
+  function showSheet(id) {
+    backdrop.classList.remove("hidden");
+    sheet.classList.remove("translate-x-full");
+    if (!sheet.contains(document.activeElement))
+      lastFocus = document.activeElement;
+    sheet.focus({ preventScroll: true });
+    sheet.scrollTop = 0;
+    history.replaceState(null, "", "#" + id);
+  }
+  function closeSheet() {
+    sheet.classList.add("translate-x-full");
+    backdrop.classList.add("hidden");
+    lastFocus?.focus({ preventScroll: true });
+    history.replaceState(null, "", location.pathname + location.search);
+  }
+  var sheetSeq = 0;
+  var paneCache = new Map;
+  function clearPaneCache() {
+    paneCache.clear();
+  }
+  async function openSheet(id) {
+    const seq = ++sheetSeq;
+    const tpl = document.getElementById("detail-" + id);
+    if (tpl) {
+      sheetContent.replaceChildren(tpl.content.cloneNode(true));
+      renderTheme();
+      const form = sheetContent.querySelector('.detail-root[data-id="new"]');
+      if (form) {
+        setKind(form, localStorage.getItem("newKind") || "task");
+        showSheet(id);
+        form.querySelector('[name="title"]')?.focus();
+        return;
+      }
+      showSheet(id);
+      return;
+    }
+    const cached = paneCache.get(id);
+    if (cached !== undefined) {
+      sheetContent.innerHTML = cached;
+      showSheet(id);
+      return;
+    }
+    sheetContent.innerHTML = '<div class="pt-1 text-[12px] text-zinc-400 dark:text-zinc-500">Loading…</div>';
+    showSheet(id);
+    let html = null;
+    try {
+      const res = await fetch("/api/items/" + encodeURIComponent(id) + "/pane");
+      if (res.ok)
+        html = await res.text();
+    } catch {}
+    if (seq !== sheetSeq)
+      return;
+    if (html === null) {
+      sheetContent.innerHTML = '<div class="pt-1 text-[12px] text-zinc-400">Not found.</div>';
+      return;
+    }
+    paneCache.set(id, html);
+    sheetContent.innerHTML = html;
+  }
+  async function saveSettings(root) {
+    const val = (n) => root.querySelector(\`[name="\${n}"]\`);
+    const err = root.querySelector("#settings-error");
+    const views = [...root.querySelectorAll('[name^="view-"]')].filter((c) => c.checked).map((c) => c.name.slice(5));
+    if (!views.length) {
+      err.textContent = "Keep at least one view on: with all of them off there is nothing to show.";
+      err.classList.remove("hidden");
+      root.querySelector(".set-group:has([name^='view-'])")?.setAttribute("open", "");
+      return;
+    }
+    err.classList.add("hidden");
+    try {
+      const res = await fetch("/api/settings", {
+        method: "PUT",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({
+          title: val("title").value,
+          views,
+          columns: val("columns").value.split(","),
+          gitCommit: val("gitCommit").checked
+        })
+      });
+      if (!res.ok) {
+        const body = await res.json().catch(() => null);
+        err.textContent = body?.error ?? "Save failed.";
+        err.classList.remove("hidden");
+        return;
+      }
+      showToast("Settings saved to .outcrop.json");
+      const saved = await res.json();
+      if (root.dataset.views !== saved.views.join(","))
+        return location.reload();
+      closeSheet();
+      await hooks.refreshView?.();
+    } catch {
+      err.textContent = "Save failed: server unreachable.";
+      err.classList.remove("hidden");
+    }
+  }
+  async function toggleCheckbox(url, index, checked, rev) {
+    try {
+      const res = await fetch(url, {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ checkbox: { index, checked }, rev })
+      });
+      if (res.status === 409) {
+        showToast("Changed on disk elsewhere: showing latest");
+      } else if (!res.ok) {
+        showToast("Update failed");
+        return;
+      }
+      await hooks.refreshView?.();
+    } catch {
+      showToast("Update failed: server unreachable");
+    }
+  }
+  function initCheckboxes() {
+    document.addEventListener("click", (e) => {
+      const cb = e.target.closest("[data-cb]");
+      if (!cb)
+        return;
+      const index = Number(cb.dataset.cb);
+      const checked = !cb.classList.contains("checked");
+      cb.classList.toggle("checked", checked);
+      cb.closest("li.check")?.classList.toggle("done", checked);
+      const item = cb.closest(".detail-root[data-id][data-rev]");
+      if (item) {
+        toggleCheckbox("/api/items/" + encodeURIComponent(item.dataset.id), index, checked, item.dataset.rev);
+        return;
+      }
+      const doc = cb.closest("#doc-content[data-file]");
+      if (doc) {
+        toggleCheckbox("/api/docs?file=" + encodeURIComponent(doc.dataset.file), index, checked, doc.dataset.rev);
+      }
+    });
+  }
+  var KIND_ENDPOINT = { task: "/api/tasks", epic: "/api/epics", doc: "/api/docs" };
+  function setKind(root, kind) {
+    root.dataset.kind = kind;
+    localStorage.setItem("newKind", kind);
+    for (const b of root.querySelectorAll("[data-kind]")) {
+      b.classList.toggle("active", b.dataset.kind === kind);
+    }
+    for (const g of root.querySelectorAll("[data-for]")) {
+      g.classList.toggle("hidden", g.dataset.for !== kind);
+    }
+    root.querySelector("#new-target").textContent = kind === "doc" ? "" : kind === "epic" ? "epics/" : "tasks/";
+  }
+  async function createItem(root) {
+    const kind = root.dataset.kind || "task";
+    const val = (n) => root.querySelector(\`[name="\${n}"]\`);
+    const err = root.querySelector("#new-error");
+    const fail = (msg) => {
+      err.textContent = msg;
+      err.classList.remove("hidden");
+    };
+    const title = val("title").value.trim();
+    if (!title)
+      return fail("Give it a title.");
+    const payload = { title, body: val("body").value };
+    if (kind === "task") {
+      payload.epic = val("epic").value;
+      payload.status = val("status").value;
+      payload.priority = val("priority").value;
+      payload.subtasks = val("subtasks").value;
+    }
+    if (kind === "doc") {
+      payload.path = val("path").value.trim() || title.toLowerCase().replace(/[^a-z0-9]+/g, "-") + ".md";
+    }
+    err.classList.add("hidden");
+    const btn = root.querySelector("#new-save");
+    btn.disabled = true;
+    try {
+      const res = await fetch(KIND_ENDPOINT[kind], {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      const out = await res.json().catch(() => null);
+      if (!res.ok)
+        return fail(out?.error ?? "Could not create that.");
+      if (kind === "doc" && out?.file) {
+        location.href = "/docs?file=" + encodeURIComponent(out.file);
+        return;
+      }
+      showToast(\`\${out?.id ?? "Item"} created\`);
+      closeSheet();
+      await hooks.refreshView?.();
+    } catch {
+      fail("Could not reach the server.");
+    } finally {
+      btn.disabled = false;
+    }
+  }
+  function initSheet() {
+    sheet = document.getElementById("sheet");
+    backdrop = document.getElementById("backdrop");
+    sheetContent = document.getElementById("sheet-content");
+    document.addEventListener("click", (e) => {
+      const target = e.target;
+      const save = target.closest("#settings-save");
+      if (save) {
+        saveSettings(save.closest(".detail-root"));
+        return;
+      }
+      const create = target.closest("#new-save");
+      if (create) {
+        createItem(create.closest(".detail-root"));
+        return;
+      }
+      const kind = target.closest("[data-kind]");
+      if (kind) {
+        setKind(kind.closest(".detail-root"), kind.dataset.kind);
+        return;
+      }
+      const open = target.closest("[data-open]");
+      if (open)
+        openSheet(open.dataset.open);
+    });
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape" && sheetIsOpen())
+        closeSheet();
+    });
+    backdrop.addEventListener("click", closeSheet);
+    document.getElementById("sheet-close").addEventListener("click", closeSheet);
+    document.getElementById("sheet-expand").addEventListener("click", () => sheet.classList.toggle("fullscreen"));
+  }
+  function connectLive(onChange, debounceMs = 150) {
+    const dot = document.getElementById("live-dot");
+    let timer;
+    let es = null;
+    let connectedOnce = false;
+    const open = () => {
+      if (es)
+        return;
+      es = new EventSource("/sse");
+      es.onmessage = () => {
+        clearTimeout(timer);
+        timer = setTimeout(onChange, debounceMs);
+      };
+      es.onerror = () => dot.classList.replace("bg-emerald-500", "bg-zinc-300");
+      es.onopen = () => {
+        dot.classList.replace("bg-zinc-300", "bg-emerald-500");
+        if (connectedOnce)
+          onChange();
+        connectedOnce = true;
+      };
+    };
+    addEventListener("pagehide", () => {
+      es?.close();
+      es = null;
+      clearTimeout(timer);
+    });
+    addEventListener("pageshow", (e) => {
+      if (e.persisted)
+        open();
+    });
+    open();
+  }
+  var macLike = /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
+  function initSearchShortcut(searchBox) {
+    searchBox.placeholder = macLike ? "Search  ⌘K" : "Search  Ctrl+K";
+    searchBox.title = macLike ? "Search (⌘K or /)" : "Search (Ctrl+K or /)";
+    document.addEventListener("keydown", (e) => {
+      if (e.key !== "k" && e.key !== "K")
+        return;
+      if (!(macLike ? e.metaKey : e.ctrlKey) || e.altKey)
+        return;
+      e.preventDefault();
+      searchBox.focus();
+      searchBox.select();
+    });
+  }
+  function slashShouldFocus(e) {
+    const el = document.activeElement;
+    return e.key === "/" && !e.metaKey && !e.ctrlKey && !e.altKey && !/INPUT|TEXTAREA|SELECT/.test(el?.tagName ?? "") && !el?.isContentEditable;
+  }
+  function initChrome() {
+    initResizer();
+    initTheme();
+    initSheet();
+    initCheckboxes();
+  }
+
+  // src/client/graph.ts
+  initChrome();
+  var canvas = document.getElementById("graph-canvas");
+  var ctx = canvas.getContext("2d");
+  var emptyMsg = document.getElementById("graph-empty");
+  var hintEl = document.getElementById("graph-hint");
+  var nodes = [];
+  var edges = [];
+  var neighbours = new Map;
+  var globe = localStorage.getItem("graphGlobe") !== "0";
+  var CHARGE = 190;
+  var LINK_DISTANCE = 58;
+  var GRAVITY = 0.05;
+  var VELOCITY_DECAY = 0.6;
+  var MAX_SPEED = 22;
+  var ALPHA_DECAY = 0.0225;
+  var ALPHA_MIN = 0.002;
+  var globeRadius = () => LINK_DISTANCE * Math.sqrt(Math.max(nodes.length, 4)) / 3.2;
+  var alpha = 1;
+  function reheat(to = 0.5) {
+    alpha = Math.max(alpha, to);
+  }
+  function step() {
+    if (alpha < ALPHA_MIN)
+      return;
+    const n = nodes.length;
+    for (let i = 0;i < n; i++) {
+      const a = nodes[i];
+      for (let j = i + 1;j < n; j++) {
+        const b = nodes[j];
+        let dx = b.x - a.x;
+        let dy = b.y - a.y;
+        let dz = b.z - a.z;
+        let d2 = dx * dx + dy * dy + dz * dz;
+        if (d2 < 16) {
+          dx = (i * 37 + j * 11) % 9 - 4 + 0.5;
+          dy = (i * 17 + j * 29) % 9 - 4 + 0.5;
+          dz = globe ? (i * 23 + j * 41) % 9 - 4 + 0.5 : 0;
+          d2 = dx * dx + dy * dy + dz * dz;
+        }
+        const w = CHARGE * alpha / d2;
+        a.vx -= dx * w;
+        a.vy -= dy * w;
+        a.vz -= dz * w;
+        b.vx += dx * w;
+        b.vy += dy * w;
+        b.vz += dz * w;
+      }
+    }
+    for (const e of edges) {
+      const dx = e.b.x - e.a.x;
+      const dy = e.b.y - e.a.y;
+      const dz = e.b.z - e.a.z;
+      const d = Math.hypot(dx, dy, dz) || 1;
+      const f = (d - LINK_DISTANCE) / d * alpha * e.strength;
+      e.b.vx -= dx * f * e.bias;
+      e.b.vy -= dy * f * e.bias;
+      e.b.vz -= dz * f * e.bias;
+      e.a.vx += dx * f * (1 - e.bias);
+      e.a.vy += dy * f * (1 - e.bias);
+      e.a.vz += dz * f * (1 - e.bias);
+    }
+    const R = globeRadius();
+    let cx = 0;
+    let cy = 0;
+    for (const nd of nodes) {
+      if (nd === dragging) {
+        nd.vx = nd.vy = nd.vz = 0;
+        cx += nd.x;
+        cy += nd.y;
+        continue;
+      }
+      if (globe) {
+        const len = Math.hypot(nd.x, nd.y, nd.z) || 1;
+        const ux = nd.x / len;
+        const uy = nd.y / len;
+        const uz = nd.z / len;
+        const radial = nd.vx * ux + nd.vy * uy + nd.vz * uz;
+        nd.vx -= radial * ux;
+        nd.vy -= radial * uy;
+        nd.vz -= radial * uz;
+      } else {
+        nd.vx -= nd.x * GRAVITY * alpha;
+        nd.vy -= nd.y * GRAVITY * alpha;
+      }
+      nd.vx *= VELOCITY_DECAY;
+      nd.vy *= VELOCITY_DECAY;
+      nd.vz *= VELOCITY_DECAY;
+      const speed = Math.hypot(nd.vx, nd.vy, nd.vz);
+      if (speed > MAX_SPEED) {
+        nd.vx = nd.vx / speed * MAX_SPEED;
+        nd.vy = nd.vy / speed * MAX_SPEED;
+        nd.vz = nd.vz / speed * MAX_SPEED;
+      }
+      nd.x += nd.vx;
+      nd.y += nd.vy;
+      nd.z += nd.vz;
+      if (globe) {
+        const len = Math.hypot(nd.x, nd.y, nd.z) || 1;
+        nd.x = nd.x / len * R;
+        nd.y = nd.y / len * R;
+        nd.z = nd.z / len * R;
+      } else {
+        nd.z = nd.vz = 0;
+      }
+      cx += nd.x;
+      cy += nd.y;
+    }
+    if (!globe && n) {
+      cx /= n;
+      cy /= n;
+      for (const nd of nodes) {
+        nd.x -= cx;
+        nd.y -= cy;
+      }
+    }
+    alpha -= alpha * ALPHA_DECAY;
+  }
+  function settle() {
+    const ticks = Math.round(Math.min(260, Math.max(60, 9000 / Math.max(nodes.length, 1))));
+    for (let i = 0;i < ticks; i++)
+      step();
+  }
+  function seedPosition(n, i, count) {
+    if (globe) {
+      const R = globeRadius();
+      const y = count > 1 ? 1 - i / (count - 1) * 2 : 0;
+      const ring = Math.sqrt(Math.max(0, 1 - y * y));
+      const theta = i * 2.39996;
+      n.x = Math.cos(theta) * ring * R;
+      n.y = y * R;
+      n.z = Math.sin(theta) * ring * R;
+    } else {
+      const theta = i * 2.39996;
+      const radius = 26 * Math.sqrt(0.5 + i);
+      n.x = Math.cos(theta) * radius;
+      n.y = Math.sin(theta) * radius;
+      n.z = 0;
+    }
+    n.vx = n.vy = n.vz = 0;
+  }
+  var CAMERA_DISTANCE = 2.6;
+  var scale = 1;
+  var panX = 0;
+  var panY = 0;
+  var yaw = 0.6;
+  var pitch = -0.25;
+  var spinning = true;
+  var cameraTouched = false;
+  var cosYaw = 1;
+  var sinYaw = 0;
+  var cosPitch = 1;
+  var sinPitch = 0;
+  var camDistance = 1;
+  var halfW = 0;
+  var halfH = 0;
+  var globeFit = 1;
+  function syncCamera() {
+    cosYaw = Math.cos(yaw);
+    sinYaw = Math.sin(yaw);
+    cosPitch = Math.cos(pitch);
+    sinPitch = Math.sin(pitch);
+    camDistance = globeRadius() * CAMERA_DISTANCE;
+    halfW = canvas.clientWidth / 2;
+    halfH = canvas.clientHeight / 2;
+    globeFit = Math.min(canvas.clientWidth, canvas.clientHeight) * 0.38 / silhouette();
+  }
+  function project(x, y, z) {
+    if (!globe)
+      return { x: x * scale + panX, y: y * scale + panY, k: 1, z: 0 };
+    const x1 = x * cosYaw + z * sinYaw;
+    const z1 = z * cosYaw - x * sinYaw;
+    const y2 = y * cosPitch - z1 * sinPitch;
+    const z2 = z1 * cosPitch + y * sinPitch;
+    const k = camDistance / (camDistance - z2);
+    const m = k * globeFit * scale;
+    return { x: halfW + x1 * m, y: halfH + y2 * m, k, z: z2 };
+  }
+  function projectAll() {
+    syncCamera();
+    for (const n of nodes) {
+      const p = project(n.x, n.y, n.z);
+      n.sx = p.x;
+      n.sy = p.y;
+      n.sk = p.k;
+      n.sz = p.z;
+    }
+  }
+  function silhouette() {
+    const R = globeRadius();
+    const d = camDistance || R * CAMERA_DISTANCE;
+    return d * R / Math.sqrt(Math.max(d * d - R * R, 1));
+  }
+  function fitView() {
+    syncCamera();
+    const w = canvas.clientWidth;
+    const h = canvas.clientHeight;
+    if (globe) {
+      panX = panY = 0;
+      scale = 1;
+      return;
+    }
+    if (!nodes.length) {
+      scale = 1;
+      panX = w / 2;
+      panY = h / 2;
+      return;
+    }
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    for (const n of nodes) {
+      minX = Math.min(minX, n.x);
+      maxX = Math.max(maxX, n.x);
+      minY = Math.min(minY, n.y);
+      maxY = Math.max(maxY, n.y);
+    }
+    const pad = 90;
+    scale = Math.min(2, Math.max(0.15, Math.min((w - pad) / Math.max(maxX - minX, 1), (h - pad) / Math.max(maxY - minY, 1))));
+    panX = w / 2 - (minX + maxX) / 2 * scale;
+    panY = h / 2 - (minY + maxY) / 2 * scale;
+  }
+  function resetView() {
+    cameraTouched = false;
+    if (globe) {
+      yaw = 0.6;
+      pitch = -0.25;
+      spinning = true;
+    }
+    fitView();
+  }
+  function nodeAt(sx, sy) {
+    projectAll();
+    let best = null;
+    for (const n of nodes) {
+      const hit = Math.max(n.r * scale * n.sk, 6) + 4;
+      if ((n.sx - sx) ** 2 + (n.sy - sy) ** 2 > hit * hit)
+        continue;
+      if (!best || n.sz > best.sz)
+        best = n;
+    }
+    return best;
+  }
+  var cssVar = (name) => getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+  var accent = (alphaValue) => \`rgba(\${cssVar("--accent-500").replace(/\\s+/g, ",")},\${alphaValue})\`;
+  var isDark = () => document.documentElement.classList.contains("dark");
+  var hovered = null;
+  var query = "";
+  function shortLabel(n) {
+    if (n === hovered || n.label.length <= 24)
+      return n.label;
+    return n.label.slice(0, 23).trimEnd() + "…";
+  }
+  function focusOf(n) {
+    if (hovered)
+      return n === hovered || neighbours.get(hovered.id)?.has(n.id) ? 1 : 0.12;
+    if (query)
+      return n.label.toLowerCase().includes(query) || n.id.toLowerCase().includes(query) ? 1 : 0.12;
+    return 1;
+  }
+  function depthOf(n) {
+    if (!globe)
+      return 1;
+    return 0.25 + 0.75 * ((n.sz / globeRadius() + 1) / 2);
+  }
+  function strokeEdge(a, b) {
+    ctx.beginPath();
+    if (!globe) {
+      ctx.moveTo(a.sx, a.sy);
+      ctx.lineTo(b.sx, b.sy);
+      ctx.stroke();
+      return;
+    }
+    const R = globeRadius();
+    const dot = (a.x * b.x + a.y * b.y + a.z * b.z) / (R * R);
+    const omega = Math.acos(Math.min(1, Math.max(-1, dot)));
+    const sinOmega = Math.sin(omega);
+    if (sinOmega < 0.001) {
+      ctx.moveTo(a.sx, a.sy);
+      ctx.lineTo(b.sx, b.sy);
+      ctx.stroke();
+      return;
+    }
+    const steps = edges.length > 600 ? 4 : 8;
+    ctx.moveTo(a.sx, a.sy);
+    for (let i = 1;i <= steps; i++) {
+      const t = i / steps;
+      const wa = Math.sin((1 - t) * omega) / sinOmega;
+      const wb = Math.sin(t * omega) / sinOmega;
+      const p = project(a.x * wa + b.x * wb, a.y * wa + b.y * wb, a.z * wa + b.z * wb);
+      ctx.lineTo(p.x, p.y);
+    }
+    ctx.stroke();
+  }
+  function draw() {
+    const dpr = devicePixelRatio || 1;
+    const w = canvas.clientWidth;
+    const h = canvas.clientHeight;
+    if (canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr)) {
+      canvas.width = Math.round(w * dpr);
+      canvas.height = Math.round(h * dpr);
+    }
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    ctx.clearRect(0, 0, w, h);
+    projectAll();
+    const dark = isDark();
+    if (globe && nodes.length) {
+      ctx.strokeStyle = dark ? "rgba(113,113,122,0.22)" : "rgba(161,161,170,0.3)";
+      ctx.lineWidth = 1;
+      ctx.beginPath();
+      ctx.arc(halfW, halfH, silhouette() * globeFit * scale, 0, Math.PI * 2);
+      ctx.stroke();
+    }
+    ctx.lineWidth = 1;
+    for (const { a, b } of edges) {
+      const lit = hovered ? a === hovered || b === hovered : Math.min(focusOf(a), focusOf(b)) === 1;
+      ctx.globalAlpha = Math.min(depthOf(a), depthOf(b));
+      ctx.strokeStyle = lit ? accent(0.55) : dark ? \`rgba(113,113,122,\${hovered || query ? 0.08 : 0.28})\` : \`rgba(161,161,170,\${hovered || query ? 0.12 : 0.4})\`;
+      strokeEdge(a, b);
+    }
+    ctx.globalAlpha = 1;
+    const order = globe ? [...nodes].sort((p, q) => p.sz - q.sz) : nodes;
+    for (const n of order) {
+      const f = focusOf(n) * depthOf(n);
+      const r = Math.max(n.r * scale * n.sk, 2.5);
+      ctx.globalAlpha = f;
+      ctx.fillStyle = n === hovered ? accent(1) : accent(0.75);
+      ctx.beginPath();
+      ctx.arc(n.sx, n.sy, r, 0, Math.PI * 2);
+      ctx.fill();
+      const room = globe ? n.sz > 0 && scale * n.sk > 0.45 : scale > 0.55;
+      if (room && (focusOf(n) === 1 || scale > 1.2)) {
+        ctx.globalAlpha = f * (n === hovered ? 1 : 0.85);
+        ctx.font = \`\${Math.min(13, 10 + n.deg * 0.3)}px ui-sans-serif, system-ui, sans-serif\`;
+        ctx.textAlign = "center";
+        ctx.textBaseline = "top";
+        ctx.fillStyle = dark ? "#d4d4d8" : "#3f3f46";
+        ctx.fillText(shortLabel(n), n.sx, n.sy + r + 3);
+      }
+      ctx.globalAlpha = 1;
+    }
+  }
+  var frameCount = 0;
+  function frame() {
+    step();
+    if (globe && spinning && !hovered && !dragging && !rotating)
+      yaw += 0.0016;
+    if (!globe && !cameraTouched && alpha > 0.02 && ++frameCount % 12 === 0)
+      fitView();
+    draw();
+    requestAnimationFrame(frame);
+  }
+  async function load(initial) {
+    const data = initial ?? await fetch("/api/graph").then((r) => r.json()).catch(() => null);
+    if (!data)
+      return;
+    const previous = new Map(nodes.map((n) => [n.id, n]));
+    const fresh = !previous.size;
+    nodes = data.nodes.map((n) => {
+      const old = previous.get(n.id);
+      return {
+        ...n,
+        x: old?.x ?? 0,
+        y: old?.y ?? 0,
+        z: old?.z ?? 0,
+        vx: 0,
+        vy: 0,
+        vz: 0,
+        r: 3.5 + Math.min(9, Math.sqrt(n.deg) * 2.4),
+        sx: 0,
+        sy: 0,
+        sk: 1,
+        sz: 0
+      };
+    });
+    nodes.forEach((n, i) => {
+      if (!previous.has(n.id))
+        seedPosition(n, i, nodes.length);
+    });
+    const byId = new Map(nodes.map((n) => [n.id, n]));
+    const degree = new Map;
+    const pairs = data.links.flatMap((l) => {
+      const a = byId.get(l.source);
+      const b = byId.get(l.target);
+      if (!a || !b)
+        return [];
+      degree.set(a.id, (degree.get(a.id) ?? 0) + 1);
+      degree.set(b.id, (degree.get(b.id) ?? 0) + 1);
+      return [{ a, b }];
+    });
+    edges = pairs.map(({ a, b }) => {
+      const da = degree.get(a.id);
+      const db = degree.get(b.id);
+      return { a, b, strength: 1 / Math.min(da, db), bias: da / (da + db) };
+    });
+    neighbours = new Map(nodes.map((n) => [n.id, new Set([n.id])]));
+    for (const { a, b } of edges) {
+      neighbours.get(a.id).add(b.id);
+      neighbours.get(b.id).add(a.id);
+    }
+    hovered = null;
+    emptyMsg.classList.toggle("hidden", nodes.length > 0);
+    emptyMsg.classList.toggle("flex", nodes.length === 0);
+    if (fresh) {
+      alpha = 1;
+      settle();
+      if (!cameraTouched)
+        fitView();
+    } else {
+      reheat(0.4);
+    }
+  }
+  var shapeBtn = document.getElementById("graph-shape");
+  function applyShape() {
+    shapeBtn.textContent = globe ? "Flat" : "Globe";
+    shapeBtn.title = globe ? "Lay the graph out on a plane" : "Wrap the graph onto a globe";
+    hintEl.textContent = globe ? "Scroll to zoom · drag to turn the globe · click a note to open it" : "Scroll to zoom · drag to pan · click a note to open it";
+  }
+  shapeBtn.addEventListener("click", () => {
+    globe = !globe;
+    localStorage.setItem("graphGlobe", globe ? "1" : "0");
+    nodes.forEach((n, i) => seedPosition(n, i, nodes.length));
+    alpha = 1;
+    settle();
+    resetView();
+    applyShape();
+  });
+  var dragging = null;
+  var panning = false;
+  var rotating = false;
+  var moved = false;
+  var lastX = 0;
+  var lastY = 0;
+  canvas.addEventListener("pointerdown", (e) => {
+    canvas.setPointerCapture(e.pointerId);
+    lastX = e.offsetX;
+    lastY = e.offsetY;
+    moved = false;
+    dragging = nodeAt(e.offsetX, e.offsetY);
+    rotating = globe && !dragging;
+    panning = !globe && !dragging;
+    canvas.style.cursor = "grabbing";
+  });
+  canvas.addEventListener("pointermove", (e) => {
+    if (dragging && !globe) {
+      dragging.x = (e.offsetX - panX) / scale;
+      dragging.y = (e.offsetY - panY) / scale;
+      dragging.vx = dragging.vy = 0;
+      reheat(0.35);
+    } else if (rotating) {
+      spinning = false;
+      yaw += (e.offsetX - lastX) * 0.006;
+      pitch = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, pitch + (e.offsetY - lastY) * 0.006));
+    } else if (panning) {
+      cameraTouched = true;
+      panX += e.offsetX - lastX;
+      panY += e.offsetY - lastY;
+    } else {
+      const over = nodeAt(e.offsetX, e.offsetY);
+      if (over !== hovered) {
+        hovered = over;
+        canvas.title = over ? over.id : "";
+        canvas.style.cursor = over ? "pointer" : "grab";
+      }
+    }
+    if (Math.abs(e.offsetX - lastX) + Math.abs(e.offsetY - lastY) > 3)
+      moved = true;
+    lastX = e.offsetX;
+    lastY = e.offsetY;
+  });
+  canvas.addEventListener("pointerup", (e) => {
+    if (dragging && !moved)
+      location.href = "/docs?file=" + encodeURIComponent(dragging.id);
+    dragging = null;
+    panning = false;
+    rotating = false;
+    canvas.style.cursor = nodeAt(e.offsetX, e.offsetY) ? "pointer" : "grab";
+  });
+  canvas.addEventListener("wheel", (e) => {
+    e.preventDefault();
+    const factor = Math.exp(-e.deltaY * 0.0015);
+    cameraTouched = true;
+    const next = Math.min(4, Math.max(0.15, scale * factor));
+    if (globe) {
+      scale = next;
+      return;
+    }
+    panX = e.offsetX - (e.offsetX - panX) * next / scale;
+    panY = e.offsetY - (e.offsetY - panY) * next / scale;
+    scale = next;
+  }, { passive: false });
+  document.getElementById("graph-reset").addEventListener("click", resetView);
+  addEventListener("resize", () => {
+    if (!cameraTouched)
+      fitView();
+  });
+  var searchEl = document.getElementById("search");
+  initSearchShortcut(searchEl);
+  searchEl.addEventListener("input", () => {
+    query = searchEl.value.trim().toLowerCase();
+  });
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape" && document.activeElement === searchEl) {
+      searchEl.value = "";
+      query = "";
+      searchEl.blur();
+      return;
+    }
+    if (slashShouldFocus(e)) {
+      e.preventDefault();
+      searchEl.focus();
+    }
+  });
+  hooks.refreshView = load;
+  connectLive(() => void load(), 200);
+  function seeded() {
+    try {
+      return JSON.parse(document.getElementById("graph-data")?.textContent || "");
+    } catch {
+      return;
+    }
+  }
+  applyShape();
+  fitView();
+  load(seeded());
+  requestAnimationFrame(frame);
+})();
+`;
+
+// src/cli.ts
+var dirArg = "";
+var portArg = 0;
+var argv = process.argv.slice(2);
+for (let i = 0;i < argv.length; i++) {
+  const a = argv[i];
+  if (a === "-p" || a === "--port")
+    portArg = Number(argv[++i]);
+  else if (a === "-h" || a === "--help") {
+    console.log("Usage: npx outcrop [workspace-dir] [-p|--port N] [-v|--version]");
+    process.exit(0);
+  } else if (a === "-v" || a === "--version") {
+    console.log(JSON.parse(readFileSync2(new URL("../package.json", import.meta.url), "utf8")).version);
+    process.exit(0);
+  } else if (!a.startsWith("-"))
+    dirArg = a;
+}
+var PLANNER_DIR = resolve(dirArg || process.cwd());
+if (!existsSync(PLANNER_DIR) || !statSync(PLANNER_DIR).isDirectory()) {
+  console.error(`Not a directory: ${PLANNER_DIR}
+Usage: npx outcrop [workspace-dir] [-p|--port N] [-v|--version]`);
+  process.exit(1);
+}
+var WORKSPACE_NAME = basename(PLANNER_DIR);
+var TASKS_DIR = join(PLANNER_DIR, "tasks");
+var EPICS_DIR = join(PLANNER_DIR, "epics");
+var PORT = portArg || Number(process.env.PORT) || 4311;
+var PRIORITIES = ["P1", "P2", "P3"];
+var PRIORITY_ORDER = { P1: 0, P2: 1, P3: 2 };
+var GIT_COMMIT_ENV = process.env.BOARD_GIT_COMMIT === "1";
+var SETTINGS_FILE = join(PLANNER_DIR, SETTINGS_FILENAME);
+var DOC_EXCLUDE = new Set([".git", ".claude", "board", "node_modules"]);
+var ROOT_DOC_ORDER = ["README.md", "PRD.md", "ROADMAP.md", "TIMELINE.md", "ARCHITECTURE.md"];
+var settings = readSettings(SETTINGS_FILE, WORKSPACE_NAME);
+var gitEnabled = () => GIT_COMMIT_ENV || settings.gitCommit;
+var QUIET = process.env.OUTCROP_QUIET === "1";
+function log(msg) {
+  if (!QUIET)
+    console.log(`${new Date().toTimeString().slice(0, 8)}  ${msg}`);
+}
+function parseFrontmatter(raw) {
+  const match = raw.match(/^---\n([\s\S]*?)\n---\n?([\s\S]*)$/);
+  if (!match)
+    return null;
+  const fm = {};
+  for (const line of match[1].split(`
+`)) {
+    const idx = line.indexOf(":");
+    if (idx === -1)
+      continue;
+    fm[line.slice(0, idx).trim()] = line.slice(idx + 1).trim();
+  }
+  return { fm, body: match[2].trim() };
+}
+function parseInlineList(value) {
+  const inner = value.replace(/^\[/, "").replace(/\]$/, "").trim();
+  if (!inner)
+    return [];
+  return inner.split(",").map((s) => s.trim()).filter(Boolean);
+}
+function fileRev(path) {
+  return String(statSync(path).mtimeMs);
+}
+var workspaceVersion = 0;
+var parseCache = new Map;
+function parseCached(kind, path, parse) {
+  let mtime;
+  try {
+    mtime = statSync(path).mtimeMs;
+  } catch {
+    return null;
+  }
+  const key = `${kind}:${path}`;
+  const hit = parseCache.get(key);
+  if (hit && hit.mtime === mtime)
+    return hit.value;
+  let value = null;
+  try {
+    value = parse(readFileSync2(path, "utf8"));
+  } catch {}
+  parseCache.set(key, { mtime, value });
+  return value;
+}
+function memoByVersion(compute) {
+  let version = -1;
+  let value;
+  return () => {
+    if (version !== workspaceVersion) {
+      value = compute();
+      version = workspaceVersion;
+    }
+    return value;
+  };
+}
+function parseTask(file) {
+  const path = join(TASKS_DIR, file);
+  return parseCached("task", path, (raw) => {
+    const parsed = parseFrontmatter(raw);
+    if (!parsed)
+      return null;
+    const { fm, body } = parsed;
+    const subtasksSection = body.split(/^## /m).find((s) => s.startsWith("Subtasks")) ?? "";
+    const subtasksTotal = (subtasksSection.match(/- \[[ x]\]/g) ?? []).length;
+    const subtasksDone = (subtasksSection.match(/- \[x\]/g) ?? []).length;
+    return {
+      id: fm.id ?? file,
+      title: fm.title ?? "(untitled)",
+      epic: fm.epic ?? "",
+      status: fm.status ?? "backlog",
+      priority: fm.priority ?? "P3",
+      depends_on: parseInlineList(fm.depends_on ?? ""),
+      created: fm.created ?? "",
+      body,
+      file,
+      rev: fileRev(path),
+      subtasksDone,
+      subtasksTotal
+    };
+  });
+}
+function parseEpic(file) {
+  const path = join(EPICS_DIR, file);
+  return parseCached("epic", path, (raw) => {
+    const parsed = parseFrontmatter(raw);
+    if (!parsed)
+      return null;
+    const { fm, body } = parsed;
+    return {
+      id: fm.id ?? file,
+      title: fm.title ?? "(untitled)",
+      milestone: fm.milestone ?? "",
+      status: fm.status ?? "",
+      created: fm.created ?? "",
+      body,
+      file,
+      rev: fileRev(path)
+    };
+  });
+}
+var allTasks = memoByVersion(() => loadDir(TASKS_DIR, parseTask));
+var allEpics = memoByVersion(() => loadDir(EPICS_DIR, parseEpic));
+function loadDir(dir, parse) {
+  let files = [];
+  try {
+    files = readdirSync(dir).filter((f) => f.endsWith(".md")).sort();
+  } catch {
+    return [];
+  }
+  return files.map(parse).filter((t) => t !== null);
+}
+function findItemPath(id) {
+  if (!/^[A-Za-z0-9-]+$/.test(id))
+    return null;
+  for (const dir of [TASKS_DIR, EPICS_DIR]) {
+    try {
+      for (const f of readdirSync(dir)) {
+        if (f === `${id}.md` || f.startsWith(`${id}-`))
+          return join(dir, f);
+      }
+    } catch {}
+  }
+  return null;
+}
+function setFrontmatterValue(raw, key, value) {
+  const lines = raw.split(`
+`);
+  if (lines[0] !== "---")
+    return raw;
+  for (let i = 1;i < lines.length; i++) {
+    if (lines[i] === "---") {
+      lines.splice(i, 0, `${key}: ${value}`);
+      return lines.join(`
+`);
+    }
+    if (lines[i].startsWith(`${key}:`)) {
+      lines[i] = `${key}: ${value}`;
+      return lines.join(`
+`);
+    }
+  }
+  return raw;
+}
+function getFrontmatterValue(raw, key) {
+  return parseFrontmatter(raw)?.fm[key] ?? "";
+}
+function toggleCheckboxLine(raw, index, checked) {
+  const m = raw.match(/^(---\n[\s\S]*?\n---\n?)([\s\S]*)$/);
+  const head = m ? m[1] : "";
+  const lines = (m ? m[2] : raw).split(`
+`);
+  let inCode = false;
+  let count = 0;
+  for (let i = 0;i < lines.length; i++) {
+    if (lines[i].startsWith("```")) {
+      inCode = !inCode;
+      continue;
+    }
+    if (inCode)
+      continue;
+    if (/^\s*- \[[ x]\] /.test(lines[i])) {
+      if (count === index) {
+        lines[i] = lines[i].replace(/- \[[ x]\]/, checked ? "- [x]" : "- [ ]");
+        return head + lines.join(`
+`);
+      }
+      count++;
+    }
+  }
+  return null;
+}
+function gitCommitFile(path, message) {
+  if (!gitEnabled())
+    return;
+  try {
+    spawnSync("git", ["-C", PLANNER_DIR, "add", path]);
+    spawnSync("git", ["-C", PLANNER_DIR, "commit", "-m", message, "--", path]);
+  } catch {}
+}
+function esc(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+var HTML_TAGS = new Set(("a b blockquote br center code del details div em h1 h2 h3 h4 h5 h6 hr i img kbd li ol p picture " + "pre s small source span strong sub summary sup table tbody td th thead tr u ul").split(" "));
+var HTML_BLOCK = new Set(("a blockquote br center details div h1 h2 h3 h4 h5 h6 hr img li ol p picture summary table tbody " + "td th thead tr ul").split(" "));
+var HTML_ATTRS = new Set("align alt colspan height href open rowspan src srcset start title type width".split(" "));
+var UNSAFE_URL = /^\s*(javascript|data|vbscript)\s*:/i;
+var RAW_TAG = /&lt;(\/?)([a-zA-Z][a-zA-Z0-9]{0,9})((?:(?!&lt;|&gt;)[\s\S])*)&gt;/g;
+var RAW_ATTR = /([a-zA-Z][a-zA-Z0-9-]*)(?:\s*=\s*&quot;((?:(?!&quot;)[\s\S])*)&quot;)?/g;
+function rawHtml(escaped, resolveSrc = (v) => v) {
+  return escaped.replace(RAW_TAG, (whole, closing, name, attrs) => {
+    const tag = name.toLowerCase();
+    if (!HTML_TAGS.has(tag))
+      return whole;
+    if (closing)
+      return `</${tag}>`;
+    let kept = "";
+    for (const [, key, value] of attrs.matchAll(RAW_ATTR)) {
+      const attr = key.toLowerCase();
+      if (!HTML_ATTRS.has(attr))
+        continue;
+      if (value === undefined) {
+        kept += ` ${attr}`;
+        continue;
+      }
+      if (/^(href|src|srcset)$/.test(attr) && UNSAFE_URL.test(value))
+        continue;
+      kept += ` ${attr}="${/^(href|src)$/.test(attr) ? resolveSrc(value) : value}"`;
+    }
+    return `<${tag}${kept}${/\/\s*$/.test(attrs) ? " /" : ""}>`;
+  });
+}
+function fromDocDir(baseDir, href) {
+  const stack = [];
+  for (const p of (baseDir + "/" + href).split("/").filter((s) => s && s !== ".")) {
+    if (p === "..")
+      stack.pop();
+    else
+      stack.push(p);
+  }
+  return stack.join("/");
+}
+function mdToHtml(md, opts = {}) {
+  const resolveLink = (href) => {
+    if (/^https?:/.test(href))
+      return { href, ext: true };
+    if (href.startsWith("#") || href.startsWith("/") || /^[a-z][a-z0-9+.-]*:/i.test(href))
+      return { href, ext: false };
+    const rel = fromDocDir(opts.baseDir ?? "", href);
+    if (!href.endsWith(".md"))
+      return { href: "/raw/" + encodeURI(rel), ext: false };
+    return { href: "/docs?file=" + encodeURIComponent(rel), ext: false };
+  };
+  const rawSrc = (value) => resolveLink(value).href;
+  const refTag = (id) => opts.docMode ? `<a class="ref" href="/#${id}">${id}</a>` : `<button type="button" data-open="${id}" class="ref">${id}</button>`;
+  const inline = (s) => {
+    const spans = [];
+    return s.replace(/`([^`]+)`/g, (_, c) => `${spans.push(c) - 1}`).replace(RAW_TAG, (m) => rawHtml(m, rawSrc)).replace(/!\[([^\]]*)\]\(([^)\s]+)\)/g, (_, alt, src) => {
+      const r = resolveLink(src);
+      return `<img src="${r.href}" alt="${alt}" class="max-w-full rounded-md">`;
+    }).replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_, text, href) => {
+      const r = resolveLink(href);
+      return `<a href="${r.href}"${r.ext ? ' target="_blank" rel="noopener"' : ""} class="mdlink">${text}</a>`;
+    }).replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>").replace(/(^|[\s(])\*([^*\s][^*]*)\*/g, "$1<em>$2</em>").replace(/(^|[\s(:,])(ST-\d{3}|E\d{2})\b/g, (_, pre, id) => pre + refTag(id)).replace(/\ue000(\d+)\ue000/g, (_, i) => `<code>${spans[+i]}</code>`);
+  };
+  const lines = esc(md).split(`
+`);
+  const out = [];
+  let inCode = false;
+  let codeLang = "";
+  let inList = false;
+  let cbIndex = 0;
+  let tableBuf = [];
+  const closeList = () => {
+    if (inList) {
+      out.push("</ul>");
+      inList = false;
+    }
+  };
+  const flushTable = () => {
+    if (!tableBuf.length)
+      return;
+    const buf = tableBuf;
+    tableBuf = [];
+    const parseRow = (l) => l.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => inline(c.trim()));
+    if (buf.length >= 2 && /^\s*\|[\s:|-]+\|?\s*$/.test(buf[1])) {
+      const head = parseRow(buf[0]);
+      const rows = buf.slice(2).map(parseRow);
+      out.push("<table><thead><tr>" + head.map((h) => `<th>${h}</th>`).join("") + "</tr></thead><tbody>" + rows.map((r) => "<tr>" + r.map((c) => `<td>${c}</td>`).join("") + "</tr>").join("") + "</tbody></table>");
+    } else {
+      for (const l of buf)
+        out.push(`<p>${inline(l)}</p>`);
+    }
+  };
+  for (const line of lines) {
+    if (line.startsWith("```")) {
+      flushTable();
+      closeList();
+      if (!inCode) {
+        codeLang = line.slice(3).trim();
+        inCode = true;
+        out.push(opts.docMode && codeLang === "mermaid" ? '<div class="mermaid">' : "<pre>");
+      } else {
+        out.push(opts.docMode && codeLang === "mermaid" ? "</div>" : "</pre>");
+        inCode = false;
+      }
+      continue;
+    }
+    if (inCode) {
+      out.push(line);
+      continue;
+    }
+    if (/^\s*\|/.test(line)) {
+      closeList();
+      tableBuf.push(line);
+      continue;
+    }
+    flushTable();
+    const rawBlock = line.match(/^\s*&lt;\/?([a-zA-Z][a-zA-Z0-9]{0,9})/);
+    if (rawBlock && HTML_BLOCK.has(rawBlock[1].toLowerCase())) {
+      closeList();
+      out.push(rawHtml(line, rawSrc));
+      continue;
+    }
+    if (/^#{1,6} /.test(line)) {
+      closeList();
+      const level = Math.min(line.match(/^#+/)[0].length, 4);
+      const text = line.replace(/^#+ /, "");
+      const slug = text.toLowerCase().replace(/&[a-z]+;/g, "").replace(/`/g, "").replace(/[^a-z0-9\s-]/g, "").trim().replace(/\s+/g, "-");
+      out.push(`<h${level}${opts.docMode && slug ? ` id="${slug}"` : ""}>${inline(text)}</h${level}>`);
+    } else if (/^\s*-{3,}\s*$/.test(line)) {
+      closeList();
+      out.push("<hr>");
+    } else if (/^\s*- \[[ x]\] /.test(line)) {
+      if (!inList) {
+        out.push("<ul>");
+        inList = true;
+      }
+      const checked = /- \[x\]/.test(line);
+      out.push(`<li class="check${checked ? " done" : ""}"><button type="button" data-cb="${cbIndex}" class="box${checked ? " checked" : ""}" title="Toggle" aria-label="Toggle subtask">${checked ? "&#10003;" : ""}</button><span>${inline(line.replace(/^\s*- \[[ x]\] /, ""))}</span></li>`);
+      cbIndex++;
+    } else if (/^\s*[-*] /.test(line)) {
+      if (!inList) {
+        out.push("<ul>");
+        inList = true;
+      }
+      out.push(`<li>${inline(line.replace(/^\s*[-*] /, ""))}</li>`);
+    } else if (/^\s*\d+\. /.test(line)) {
+      if (!inList) {
+        out.push("<ul class='ordered'>");
+        inList = true;
+      }
+      out.push(`<li>${inline(line)}</li>`);
+    } else if (line.trim() === "") {
+      closeList();
+    } else {
+      closeList();
+      out.push(`<p>${inline(line)}</p>`);
+    }
+  }
+  flushTable();
+  closeList();
+  if (inCode)
+    out.push("</pre>");
+  return out.join(`
+`);
+}
+var STATUS_COLOR = {
+  backlog: "#a1a1aa",
+  ready: "#71717a",
+  "in-progress": "#eab308",
+  "in-review": "#8b5cf6",
+  done: "#22c55e",
+  blocked: "#ef4444"
+};
+function statusIcon(status, size = 14) {
+  const c = STATUS_COLOR[status] ?? "#a1a1aa";
+  const base = `width="${size}" height="${size}" viewBox="0 0 14 14" fill="none" aria-hidden="true" class="shrink-0"`;
+  switch (status) {
+    case "backlog":
+      return `<svg ${base}><circle cx="7" cy="7" r="5.5" stroke="${c}" stroke-width="1.6" stroke-dasharray="2.2 2.4"/></svg>`;
+    case "ready":
+      return `<svg ${base}><circle cx="7" cy="7" r="5.5" stroke="${c}" stroke-width="1.6"/></svg>`;
+    case "in-progress":
+      return `<svg ${base}><circle cx="7" cy="7" r="5.5" stroke="${c}" stroke-width="1.6"/><path d="M7 3.4 A3.6 3.6 0 0 1 7 10.6 Z" fill="${c}"/></svg>`;
+    case "in-review":
+      return `<svg ${base}><circle cx="7" cy="7" r="5.5" stroke="${c}" stroke-width="1.6"/><circle cx="7" cy="7" r="2.4" fill="${c}"/></svg>`;
+    case "done":
+      return `<svg ${base}><circle cx="7" cy="7" r="6" fill="${c}"/><path d="M4.4 7.2 L6.2 9 L9.6 5.4" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+    case "blocked":
+      return `<svg ${base}><circle cx="7" cy="7" r="5.5" stroke="${c}" stroke-width="1.6"/><path d="M3.5 10.5 L10.5 3.5" stroke="${c}" stroke-width="1.6" stroke-linecap="round"/></svg>`;
+    default:
+      return `<svg ${base}><circle cx="7" cy="7" r="5.5" stroke="${c}" stroke-width="1.6"/></svg>`;
+  }
+}
+function progressRing(done, total, size = 12) {
+  const dash = total > 0 ? 28.9 * done / total : 0;
+  return `<svg width="${size}" height="${size}" viewBox="0 0 12 12" aria-hidden="true" class="shrink-0"><circle cx="6" cy="6" r="4.6" stroke="currentColor" stroke-width="1.4" opacity="0.25" fill="none"/><circle cx="6" cy="6" r="4.6" stroke="${done === total && total > 0 ? "#22c55e" : "currentColor"}" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-dasharray="${dash.toFixed(1)} 28.9" transform="rotate(-90 6 6)"/></svg>`;
+}
+function priorityIcon(priority) {
+  const filled = priority === "P1" ? 3 : priority === "P2" ? 2 : 1;
+  const active = priority === "P1" ? "#f97316" : "currentColor";
+  const bars = [
+    { x: 1, y: 8, h: 4 },
+    { x: 5.5, y: 5, h: 7 },
+    { x: 10, y: 2, h: 10 }
+  ].map((b, i) => `<rect x="${b.x}" y="${b.y}" width="3" height="${b.h}" rx="1" fill="${i < filled ? active : "currentColor"}" opacity="${i < filled ? 1 : 0.25}"/>`).join("");
+  return `<span class="prio" title="Priority ${priority}"><svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true">${bars}</svg><span class="prio-label">${esc(priority)}</span></span>`;
+}
+function depChip(id, done) {
+  return `<button type="button" data-open="${esc(id)}" class="dep-chip${done ? " done" : ""}" title="depends on ${esc(id)}${done ? " (done)" : " (not done)"}: click to open">${done ? "&#10003; " : "&#8598; "}${esc(id)}</button>`;
+}
+function normalizeRel(baseDir, href) {
+  const parts = (baseDir + "/" + href).split("/").filter((p) => p && p !== ".");
+  const stack = [];
+  for (const p of parts) {
+    if (p === "..")
+      stack.pop();
+    else
+      stack.push(p);
+  }
+  return stack.join("/");
+}
+var buildBacklinks = memoByVersion(() => {
+  const map = new Map;
+  for (const g of listDocs()) {
+    for (const rel of g.files) {
+      const parsed = parseCached("fm", join(PLANNER_DIR, ...rel.split("/")), (raw) => parseFrontmatter(raw) ?? { fm: {}, body: raw });
+      if (!parsed)
+        continue;
+      const { fm, body } = parsed;
+      const deps = new Set(parseInlineList(fm.depends_on ?? ""));
+      const targets = new Set;
+      for (const m of body.matchAll(/\b(ST-\d{3}|E\d{2})\b/g))
+        targets.add(m[1]);
+      if (fm.epic)
+        targets.add(fm.epic);
+      for (const d of deps)
+        targets.add(d);
+      const baseDir = dirname(rel) === "." ? "" : dirname(rel);
+      for (const m of body.matchAll(/\]\(([^)\s]+\.md)\)/g)) {
+        if (!/^https?:/.test(m[1]))
+          targets.add(normalizeRel(baseDir, m[1]));
+      }
+      targets.delete(fm.id ?? "");
+      targets.delete(rel);
+      for (const t of targets) {
+        const arr = map.get(t) ?? [];
+        arr.push({ file: rel, id: fm.id, title: fm.title ?? basename(rel), isDep: deps.has(t) });
+        map.set(t, arr);
+      }
+    }
+  }
+  return map;
+});
+var buildGraph = memoByVersion(() => {
+  const nodes = new Map;
+  const byItemId = new Map;
+  for (const g of listDocs()) {
+    for (const rel of g.files) {
+      const parsed = parseCached("fm", join(PLANNER_DIR, ...rel.split("/")), (raw) => parseFrontmatter(raw) ?? { fm: {}, body: raw });
+      const fm = parsed?.fm ?? {};
+      nodes.set(rel, { id: rel, label: fm.title || basename(rel).replace(/\.md$/i, ""), group: g.group, deg: 0 });
+      if (fm.id)
+        byItemId.set(fm.id, rel);
+    }
+  }
+  const links = [];
+  const seen = new Set;
+  for (const [target, sources] of buildBacklinks()) {
+    const to = nodes.has(target) ? target : byItemId.get(target);
+    if (!to)
+      continue;
+    for (const s of sources) {
+      if (s.file === to || !nodes.has(s.file))
+        continue;
+      const key = s.file + "\x00" + to;
+      if (seen.has(key))
+        continue;
+      seen.add(key);
+      links.push({ source: s.file, target: to });
+      nodes.get(s.file).deg++;
+      nodes.get(to).deg++;
+    }
+  }
+  return { nodes: [...nodes.values()], links };
+});
+function backlinksHtml(sources, heading, docMode) {
+  if (!sources.length)
+    return "";
+  const rowClass = "backlink-row";
+  const rows = sources.map((s) => {
+    const idPart = s.id ? `<span class="font-mono text-[11px] text-zinc-400 dark:text-zinc-500">${esc(s.id)}</span>` : `<span class="font-mono text-[10.5px] text-zinc-400 dark:text-zinc-500">${esc(s.file)}</span>`;
+    const badge = s.isDep ? `<span class="ml-auto shrink-0 rounded bg-amber-50 px-1.5 py-px text-[9.5px] font-medium uppercase tracking-wide text-amber-600 dark:bg-amber-500/10 dark:text-amber-400">depends on this</span>` : "";
+    const inner = `${idPart}<span class="truncate text-[12.5px] text-zinc-700 dark:text-zinc-300">${esc(s.title)}</span>${badge}`;
+    if (s.id && !docMode)
+      return `<button type="button" data-open="${esc(s.id)}" class="${rowClass}">${inner}</button>`;
+    const href = s.id ? `/#${esc(s.id)}` : `/docs?file=${encodeURIComponent(s.file)}`;
+    return `<a href="${href}" class="${rowClass}">${inner}</a>`;
+  }).join("");
+  return `<div class="mt-6 border-t border-zinc-100 pt-4 dark:border-zinc-800">
+    <div class="mb-2 text-[11px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500">${heading} <span class="font-mono text-[10px] normal-case text-zinc-300 dark:text-zinc-600">${sources.length}</span></div>
+    <div class="space-y-1.5">${rows}</div>
+  </div>`;
+}
+function cardHtml(t, byId) {
+  const deps = t.depends_on.map((d) => depChip(d, byId.get(d)?.status === "done")).join("");
+  const progress = t.subtasksTotal > 0 ? `<span class="card-progress" title="${t.subtasksDone} of ${t.subtasksTotal} subtasks done">
+           ${progressRing(t.subtasksDone, t.subtasksTotal)}
+           ${t.subtasksDone}/${t.subtasksTotal}</span>` : "";
+  const search = esc(`${t.id} ${t.title} ${t.epic} ${t.body}`.toLowerCase().replace(/\s+/g, " ").slice(0, 2000));
+  return `<div role="button" tabindex="0" draggable="true" data-task-id="${esc(t.id)}" data-epic="${esc(t.epic)}" data-status="${esc(t.status)}" data-rev="${t.rev}" data-search="${search}"
+    class="task-card">
+    <div class="mb-1 flex items-center justify-between gap-2">
+      <span class="card-id">${esc(t.id)}</span>
+      ${priorityIcon(t.priority)}
+    </div>
+    <div class="card-title">${esc(t.title)}</div>
+    <div class="mt-2 flex flex-wrap items-center gap-1.5">
+      <button type="button" data-open="${esc(t.epic)}" class="epic-chip" title="open epic ${esc(t.epic)}">${esc(t.epic)}</button>
+      ${deps}${progress}
+    </div>
+  </div>`;
+}
+function statusSelect(current) {
+  const options = [...new Set([...settings.columns, current])].map((s) => `<option value="${esc(s)}" ${s === current ? "selected" : ""}>${esc(s.replace("-", " "))}</option>`).join("");
+  return `<select data-status-select aria-label="Status"
+    class="cursor-pointer rounded border border-zinc-200 bg-transparent px-1 py-0.5 text-[12px] capitalize text-zinc-600 hover:border-zinc-300 focus:outline-none dark:border-zinc-700 dark:text-zinc-300 dark:hover:border-zinc-600 dark:[&>option]:bg-zinc-900">${options}</select>`;
+}
+function taskDetailHtml(t, byId, backlinks) {
+  const deps = t.depends_on.length ? t.depends_on.map((d) => depChip(d, byId.get(d)?.status === "done")).join(" ") : '<span class="text-zinc-400 dark:text-zinc-500">none</span>';
+  return `<div class="detail-root" data-id="${esc(t.id)}" data-rev="${t.rev}">
+    <div class="flex items-center gap-2 text-[12px] text-zinc-500 dark:text-zinc-400">
+      ${statusIcon(t.status)}${statusSelect(t.status)}
+      <span class="font-mono text-[11px]">${esc(t.id)}</span>
+      <span class="ml-auto mr-16">${priorityIcon(t.priority)}</span>
+    </div>
+    <h2 class="mt-2 text-[16px] font-semibold leading-snug text-zinc-900 dark:text-zinc-50">${esc(t.title)}</h2>
+    <dl class="mt-4 grid grid-cols-[90px_1fr] items-baseline gap-y-1.5 border-y border-zinc-100 py-3 text-[12px] dark:border-zinc-800">
+      <dt class="text-zinc-400 dark:text-zinc-500">Epic</dt><dd><button type="button" data-open="${esc(t.epic)}" class="font-mono text-accent-600 hover:underline dark:text-accent-400">${esc(t.epic)}</button></dd>
+      <dt class="text-zinc-400 dark:text-zinc-500">Depends on</dt><dd class="flex flex-wrap gap-1">${deps}</dd>
+      <dt class="text-zinc-400 dark:text-zinc-500">Created</dt><dd class="text-zinc-700 dark:text-zinc-300">${esc(t.created)}</dd>
+      <dt class="text-zinc-400 dark:text-zinc-500">File</dt><dd class="font-mono text-[11px] text-zinc-500 dark:text-zinc-400"><a class="hover:underline" href="/docs?file=tasks/${esc(t.file)}">tasks/${esc(t.file)}</a></dd>
+    </dl>
+    <div class="detail-body mt-4">${mdToHtml(t.body)}</div>
+    ${backlinksHtml(backlinks.get(t.id) ?? [], "Referenced by", false)}
+  </div>`;
+}
+function epicDetailHtml(e, tasks, backlinks) {
+  const stories = tasks.filter((t) => t.epic === e.id);
+  const storyList = stories.length ? stories.map((t) => `<button type="button" data-open="${esc(t.id)}" class="backlink-row">
+            ${statusIcon(t.status, 12)}
+            <span class="font-mono text-[11px] text-zinc-400 dark:text-zinc-500">${esc(t.id)}</span>
+            <span class="truncate text-[12.5px] text-zinc-700 dark:text-zinc-300">${esc(t.title)}</span>
+          </button>`).join("") : '<p class="text-[12px] text-zinc-400">No stories yet.</p>';
+  const done = stories.filter((t) => t.status === "done").length;
+  return `<div class="detail-root" data-id="${esc(e.id)}" data-rev="${e.rev}">
+    <div class="flex items-center gap-2 text-[12px] text-zinc-500 dark:text-zinc-400">
+      <span class="rounded bg-zinc-100 px-1.5 py-px text-[10px] font-medium uppercase tracking-wide text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400">Epic</span>
+      <span class="font-mono text-[11px]">${esc(e.id)}</span>
+      <span class="text-zinc-300 dark:text-zinc-600">&middot;</span>
+      <span>${esc(e.milestone)}</span>
+      <span class="ml-auto mr-16 inline-flex items-center gap-1.5 text-zinc-400 dark:text-zinc-500">${progressRing(done, stories.length)}<span class="font-mono text-[11px]">${done}/${stories.length} done</span></span>
+    </div>
+    <h2 class="mt-2 text-[16px] font-semibold leading-snug text-zinc-900 dark:text-zinc-50">${esc(e.title)}</h2>
+    <div class="mt-4 space-y-1.5">${storyList}</div>
+    <div class="detail-body mt-5 border-t border-zinc-100 pt-4 dark:border-zinc-800">${mdToHtml(e.body)}</div>
+    ${backlinksHtml((backlinks.get(e.id) ?? []).filter((s) => !stories.some((t) => t.id === s.id)), "Referenced by", false)}
+  </div>`;
+}
+function itemPaneHtml(id) {
+  const tasks = allTasks();
+  const backlinks = buildBacklinks();
+  const task = tasks.find((t) => t.id === id);
+  if (task)
+    return taskDetailHtml(task, new Map(tasks.map((t) => [t.id, t])), backlinks);
+  const epic = allEpics().find((e) => e.id === id);
+  return epic ? epicDetailHtml(epic, tasks, backlinks) : null;
+}
+function sidebarHtml(epics, tasks) {
+  const rows = epics.sort((a, b) => a.id.localeCompare(b.id)).map((e) => {
+    const stories = tasks.filter((t) => t.epic === e.id);
+    const done = stories.filter((t) => t.status === "done").length;
+    return `<div role="button" tabindex="0" data-filter-epic="${esc(e.id)}" class="epic-row group" title="${esc(e.title)}: click to filter the board">
+        <span class="text-zinc-400 dark:text-zinc-500">${progressRing(done, stories.length)}</span>
+        <span class="min-w-0 flex-1 truncate text-[12.5px] text-zinc-700 dark:text-zinc-300"><span class="font-mono text-[10.5px] text-zinc-400 dark:text-zinc-500">${esc(e.id)}</span> ${esc(e.title)}</span>
+        <span class="font-mono text-[10px] text-zinc-400 dark:text-zinc-600">${done}/${stories.length}</span>
+        <button type="button" data-open="${esc(e.id)}" aria-label="Open epic ${esc(e.id)}"
+          class="rounded p-0.5 text-zinc-300 opacity-0 transition-opacity hover:bg-zinc-200 hover:text-zinc-600 group-hover:opacity-100 focus-visible:opacity-100 dark:text-zinc-600 dark:hover:bg-zinc-700 dark:hover:text-zinc-300">
+          <svg width="11" height="11" viewBox="0 0 12 12" fill="none" aria-hidden="true"><path d="M4.5 2.5 H9.5 V7.5 M9.5 2.5 L2.5 9.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
+        </button>
+      </div>`;
+  }).join("");
+  return `<aside id="sidebar" class="hidden w-60 shrink-0 flex-col gap-0.5 overflow-y-auto border-r border-zinc-200 bg-white px-2.5 py-3 dark:border-zinc-800 dark:bg-zinc-950 md:flex">
+    <div class="mb-1 px-2 text-[10.5px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500">Epics</div>
+    <div role="button" tabindex="0" data-filter-epic=""
+      class="epic-row epic-active">
+      <svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" class="text-zinc-400"><rect x="1" y="1" width="4.4" height="4.4" rx="1" stroke="currentColor" stroke-width="1.2"/><rect x="6.6" y="1" width="4.4" height="4.4" rx="1" stroke="currentColor" stroke-width="1.2"/><rect x="1" y="6.6" width="4.4" height="4.4" rx="1" stroke="currentColor" stroke-width="1.2"/><rect x="6.6" y="6.6" width="4.4" height="4.4" rx="1" stroke="currentColor" stroke-width="1.2"/></svg>
+      <span class="flex-1 text-[12.5px] text-zinc-700 dark:text-zinc-300">All epics</span>
+      <span class="font-mono text-[10px] text-zinc-400 dark:text-zinc-600">${tasks.length}</span>
+    </div>
+    ${rows}
+  </aside>`;
+}
+function boardColumns(tasks) {
+  const used = new Set(tasks.map((t) => t.status));
+  return [...new Set([...settings.columns.filter((c) => c !== "blocked" || used.has("blocked")), ...used])];
+}
+function settingsPanelHtml() {
+  const field = "w-full rounded-md border border-zinc-200 bg-white px-2 py-1 text-[12.5px] outline-none focus:border-accent-400 dark:border-zinc-700 dark:bg-zinc-900 dark:focus:border-accent-500";
+  const hint = "mt-1 text-[11px] leading-relaxed text-zinc-400 dark:text-zinc-500";
+  const row = (name, control, note = "") => `<div class="set-row"><span class="set-label">${name}</span><div class="min-w-0 flex-1">${control}${note ? `<p class="${hint}">${note}</p>` : ""}</div></div>`;
+  const group = (title, sub, body, open = false) => `<details class="set-group" name="settings-group"${open ? " open" : ""}>
+      <summary>${title}<span class="set-sub">${sub}</span></summary>
+      <div class="pb-3">${body}</div>
+    </details>`;
+  const appearance = row("Theme", `<div class="flex gap-1">${["light", "dark"].map((t) => `<button type="button" data-set-theme="${t}"
+        class="theme-opt pick capitalize">${t}</button>`).join("")}</div>`) + row("Accent", `<div class="flex flex-wrap gap-1.5">${[
+    ["violet", "swatch swatch-violet"],
+    ["blue", "swatch swatch-blue"],
+    ["emerald", "swatch swatch-emerald"],
+    ["amber", "swatch swatch-amber"],
+    ["rose", "swatch swatch-rose"]
+  ].map(([id, cls]) => `<button type="button" data-set-appearance="accent" data-value="${id}" title="${id}" class="${cls}" aria-label="Accent ${id}"></button>`).join("")}</div>`) + row("Typeface", `<div class="flex gap-1">${[
+    ["sans", "Sans", "pick font-sans"],
+    ["serif", "Serif", "pick font-serif"],
+    ["mono", "Mono", "pick font-mono"]
+  ].map(([v, name, cls]) => `<button type="button" data-set-appearance="font" data-value="${v}" class="${cls}">${name}</button>`).join("")}</div>`) + row("Size", `<div class="flex gap-1">${[
+    ["compact", "Compact"],
+    ["default", "Default"],
+    ["large", "Large"]
+  ].map(([v, name]) => `<button type="button" data-set-appearance="size" data-value="${v}" class="pick">${name}</button>`).join("")}</div>`, "Stored in this browser, not in the workspace.");
+  const board = row("Title", `<input id="set-title" name="title" class="${field}" value="${esc(settings.title)}" placeholder="${esc(WORKSPACE_NAME)}">`) + row("Views", `<div class="space-y-1">${[
+    ["board", "Board", "Kanban of tasks/"],
+    ["docs", "Docs", "Markdown viewer and search"],
+    ["graph", "Graph", "Force-directed map of links"]
+  ].map(([v, name, why]) => `
+      <label class="flex items-center gap-2 text-[12.5px] text-zinc-700 dark:text-zinc-300">
+        <input type="checkbox" name="view-${v}" class="h-3.5 w-3.5 accent-accent-600" ${settings.views.includes(v) ? "checked" : ""}>
+        ${name} <span class="text-[11px] text-zinc-400 dark:text-zinc-500">${why}</span>
+      </label>`).join("")}</div>`, "Turn off whatever this workspace does not need. At least one has to stay on.") + row("Columns", `<input id="set-columns" name="columns" class="${field}" value="${esc(settings.columns.join(", "))}">`, "Comma separated, in board order. A status used by a task always gets a column even if listed nowhere here, so nothing goes missing.");
+  const git = row("Commits", `<label class="flex items-center gap-2 text-[12.5px] text-zinc-700 dark:text-zinc-300">
+      <input type="checkbox" name="gitCommit" class="h-3.5 w-3.5 accent-accent-600" ${settings.gitCommit ? "checked" : ""} ${GIT_COMMIT_ENV ? "disabled" : ""}>
+      Commit every board mutation
+    </label>`, GIT_COMMIT_ENV ? 'Forced on by <code class="font-mono">BOARD_GIT_COMMIT=1</code>.' : "Each status change or subtask toggle becomes its own commit.");
+  return `<template id="detail-settings"><div class="detail-root" data-id="settings" data-views="${settings.views.join(",")}">
+    <h2 class="text-[16px] font-semibold leading-snug text-zinc-900 dark:text-zinc-50">Settings</h2>
+    <p class="${hint}">Workspace settings live in <code class="font-mono">${SETTINGS_FILENAME}</code> and are meant to be committed. Appearance is per-browser.</p>
+
+    <div class="mt-4 border-t border-zinc-100 dark:border-zinc-800">
+      ${group("Appearance", "Theme, accent, typeface, size", appearance, true)}
+      ${group("Board", "Title, views, columns", board)}
+      ${group("Git", GIT_COMMIT_ENV || settings.gitCommit ? "Auto-commit on" : "Auto-commit off", git)}
+    </div>
+
+    <p id="settings-error" class="mt-4 hidden rounded-md border border-rose-300 bg-rose-50 px-2.5 py-1.5 text-[12px] text-rose-700 dark:border-rose-500/40 dark:bg-rose-500/10 dark:text-rose-300" role="alert"></p>
+
+    <div class="mt-4 flex items-center gap-2 border-t border-zinc-100 pt-4 dark:border-zinc-800">
+      <button id="settings-save" type="button"
+        class="rounded-md bg-accent-600 px-3 py-1.5 text-[12.5px] font-medium text-white transition-colors hover:bg-accent-500">Save</button>
+      <span class="font-mono text-[10.5px] text-zinc-400 dark:text-zinc-600">${esc(SETTINGS_FILENAME)}</span>
+    </div>
+  </div></template>`;
+}
+function appHtml(tasks, epics) {
+  const byId = new Map(tasks.map((t) => [t.id, t]));
+  const columns = boardColumns(tasks).map((col) => {
+    const cards = tasks.filter((t) => t.status === col).sort((a, b) => (PRIORITY_ORDER[a.priority] ?? 9) - (PRIORITY_ORDER[b.priority] ?? 9) || a.id.localeCompare(b.id));
+    return `<section data-col="${esc(col)}" class="flex w-[290px] shrink-0 flex-col rounded-lg p-1 transition-colors">
+        <header class="mb-2.5 flex items-center gap-2 px-1 pt-1">
+          ${statusIcon(col)}
+          <h2 class="text-[13px] font-medium capitalize text-zinc-700 dark:text-zinc-300">${esc(col.replace("-", " "))}</h2>
+          <span class="col-count font-mono text-[11px] text-zinc-400 dark:text-zinc-600">${cards.length}</span>
+        </header>
+        <div class="flex min-h-[60px] flex-1 flex-col gap-2">
+          ${cards.map((t) => cardHtml(t, byId)).join(`
+`) || '<div class="rounded-md border border-dashed border-zinc-200 py-6 text-center text-[12px] text-zinc-300 dark:border-zinc-800 dark:text-zinc-700">No tasks</div>'}
+        </div>
+      </section>`;
+  }).join(`
+`);
+  return `${sidebarHtml(epics, tasks)}
+  ${RESIZER_HTML}
+  <main class="flex flex-1 gap-3 overflow-x-auto px-4 py-3">
+  ${columns}
+  </main>
+  ${settingsPanelHtml()}
+${newItemPanelHtml()}`;
+}
+function headerMetaHtml(tasks) {
+  const reviewCount = tasks.filter((t) => t.status === "in-review").length;
+  const reviewChip = reviewCount > 0 ? `<span class="inline-flex items-center gap-1.5 rounded-full bg-accent-50 px-2.5 py-0.5 text-[11px] font-medium text-accent-600 dark:bg-accent-500/10 dark:text-accent-400">${statusIcon("in-review", 11)}${reviewCount} waiting for your review</span>` : "";
+  return `${reviewChip}<span class="text-[11px] text-zinc-400 dark:text-zinc-600">${tasks.length} tasks</span>`;
+}
+var VIEW_HREF = { board: "/", docs: "/docs", graph: "/graph" };
+var VIEW_LABEL = { board: "Board", docs: "Docs", graph: "Graph" };
+function navTabs(active) {
+  const tab = (on) => on ? "rounded-md bg-zinc-100 px-2.5 py-1 text-[12px] font-medium text-zinc-900 dark:bg-zinc-800 dark:text-zinc-100" : "rounded-md px-2.5 py-1 text-[12px] text-zinc-500 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-100";
+  if (settings.views.length < 2)
+    return "";
+  return `<nav class="ml-3 flex items-center gap-1">${settings.views.map((v) => `<a href="${VIEW_HREF[v]}" class="${tab(active === v)}">${VIEW_LABEL[v]}</a>`).join("")}</nav>`;
+}
+function firstEnabledView() {
+  return VIEW_HREF[settings.views[0] ?? "board"];
+}
+var ICON_BUTTON = "rounded p-1 text-zinc-400 hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300";
+function headerHtml(active, meta, showSidebarToggle) {
+  return `<header class="flex h-12 items-center gap-3 border-b border-zinc-200 bg-white px-4 dark:border-zinc-800 dark:bg-zinc-950">
+  ${showSidebarToggle ? `<button id="sidebar-toggle" type="button" aria-label="Toggle sidebar" title="Toggle sidebar"
+    class="hidden ${ICON_BUTTON} md:block">
+    <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><rect x="1.5" y="2.5" width="13" height="11" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M6 2.5 V13.5" stroke="currentColor" stroke-width="1.4"/></svg>
+  </button>` : ""}
+  <span class="flex items-center gap-2 text-[13px] font-semibold tracking-tight">
+    <img src="/logo.svg" width="17" height="17" alt="" class="shrink-0 dark:brightness-125">${esc(settings.title)}
+  </span>
+  ${navTabs(active)}
+  <span id="live-dot" class="h-1.5 w-1.5 rounded-full bg-emerald-500" title="Live: file changes appear automatically"></span>
+  <div class="ml-auto flex items-center gap-2.5">
+    <input id="search" type="search" placeholder="Search" autocomplete="off" spellcheck="false"
+      class="hidden w-44 rounded-md border border-zinc-200 bg-zinc-50 px-2.5 py-1 text-[12px] outline-none transition-colors placeholder:text-zinc-400 focus:border-accent-400 dark:border-zinc-800 dark:bg-zinc-900 dark:placeholder:text-zinc-600 dark:focus:border-accent-500 sm:block">
+    <div id="header-meta" class="flex items-center gap-2.5">${meta}</div>
+    <button type="button" data-open="new" aria-label="New item" title="New epic, story or document" class="${ICON_BUTTON}">
+      <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M8 3.5 V12.5 M3.5 8 H12.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
+    </button>
+    <button id="theme-toggle" type="button" aria-label="Change theme" class="${ICON_BUTTON}"></button>
+    <button type="button" data-open="settings" aria-label="Settings" title="Settings" class="${ICON_BUTTON}">
+      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>
+    </button>
+  </div>
+</header>`;
+}
+var STYLE_HASH = createHash("sha1").update(styles_gen_default).digest("base64url").slice(0, 12);
+var HEAD_LINKS = `<link rel="stylesheet" href="/styles.css?v=${STYLE_HASH}">` + `<link rel="icon" href="/logo.svg">`;
+var SHEET_HTML = `<div id="backdrop" class="fixed inset-0 z-40 hidden bg-black/20 dark:bg-black/50"></div>
+<aside id="sheet" tabindex="-1" role="dialog" aria-modal="true" aria-label="Details"
+  class="fixed inset-y-0 right-0 z-50 w-full max-w-[460px] translate-x-full overflow-y-auto border-l border-zinc-200 bg-white p-6 shadow-xl outline-none motion-safe:transition-transform motion-safe:duration-200 dark:border-zinc-800 dark:bg-zinc-900">
+  <div class="absolute right-4 top-4 flex items-center gap-0.5">
+    <button id="sheet-expand" type="button" aria-label="Toggle fullscreen" title="Toggle fullscreen" class="${ICON_BUTTON}">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M8.5 1.5 H12.5 V5.5 M12.5 1.5 L8 6 M5.5 12.5 H1.5 V8.5 M1.5 12.5 L6 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+    </button>
+    <button id="sheet-close" type="button" aria-label="Close" title="Close (Esc)" class="${ICON_BUTTON}">
+      <svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"><path d="M3 3 L11 11 M11 3 L3 11" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
+    </button>
+  </div>
+  <div id="sheet-content"></div>
+</aside>
+
+<div id="toast" class="pointer-events-none fixed bottom-5 left-1/2 z-[60] -translate-x-1/2 rounded-md bg-zinc-900 px-3 py-1.5 text-[12px] text-zinc-100 opacity-0 shadow-lg transition-opacity duration-200 dark:bg-zinc-100 dark:text-zinc-900"></div>`;
+var RESIZER_HTML = `<div class="sidebar-resizer -ml-0.5 hidden w-1 shrink-0 cursor-col-resize transition-colors hover:bg-accent-400/70 active:bg-accent-400/70 dark:hover:bg-accent-500/60 dark:active:bg-accent-500/60 md:block"></div>`;
+function pageHtml(tasks, epics) {
+  return `<!doctype html>
+<html lang="en"><head><meta charset="utf-8">
+<title>${esc(settings.title)} Board</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+${HEAD_LINKS}
+<script>${head_default}</script>
+</head>
+<body class="h-[calc(100vh/var(--zoom))] overflow-hidden bg-zinc-50 font-sans text-zinc-900 antialiased dark:bg-zinc-950 dark:text-zinc-100">
+
+${headerHtml("board", headerMetaHtml(tasks), true)}
+
+<div id="app" class="flex h-[calc((100vh/var(--zoom))-3rem)]">
+${appHtml(tasks, epics)}
+</div>
+
+${SHEET_HTML}
+
+<script>${board_default}</script>
+</body></html>`;
+}
+function listDocs() {
+  const groups = [];
+  const rootFiles = readdirSync(PLANNER_DIR).filter((f) => f.endsWith(".md")).sort((a, b) => {
+    const ia = ROOT_DOC_ORDER.indexOf(a);
+    const ib = ROOT_DOC_ORDER.indexOf(b);
+    return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib) || a.localeCompare(b);
+  });
+  if (rootFiles.length)
+    groups.push({ group: "planner", files: rootFiles });
+  const dirs = readdirSync(PLANNER_DIR, { withFileTypes: true }).filter((d) => d.isDirectory() && !DOC_EXCLUDE.has(d.name)).map((d) => d.name).sort();
+  for (const dir of dirs) {
+    const files = readdirSync(join(PLANNER_DIR, dir)).filter((f) => f.endsWith(".md")).sort();
+    if (files.length)
+      groups.push({ group: dir, files: files.map((f) => `${dir}/${f}`) });
+  }
+  return groups;
+}
+var RAW_TYPES = {
+  svg: "image/svg+xml",
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  webp: "image/webp",
+  avif: "image/avif",
+  ico: "image/x-icon",
+  pdf: "application/pdf",
+  txt: "text/plain; charset=utf-8"
+};
+function safePath(rel) {
+  const parts = rel.split("/").filter((p) => p && p !== ".");
+  if (parts.some((p) => p === ".." || p.startsWith(".")))
+    return null;
+  const abs = join(PLANNER_DIR, ...parts);
+  try {
+    if (!statSync(abs).isFile())
+      return null;
+  } catch {
+    return null;
+  }
+  return abs;
+}
+function safeDocPath(rel) {
+  if (!rel.endsWith(".md"))
+    return null;
+  const parts = rel.split("/").filter((p) => p && p !== ".");
+  if (parts.length > 1 && DOC_EXCLUDE.has(parts[0]))
+    return null;
+  return safePath(rel);
+}
+function parseTimeline(body) {
+  const lines = body.split(`
+`);
+  const parseRow = (l) => l.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map((c) => c.trim());
+  for (let i = 0;i < lines.length - 1; i++) {
+    if (!/^\s*\|/.test(lines[i]) || !/^\s*\|[\s:|-]+\|?\s*$/.test(lines[i + 1] ?? ""))
+      continue;
+    const head = parseRow(lines[i]).map((h) => h.toLowerCase());
+    if (!head.includes("start") || !head.includes("end"))
+      continue;
+    const rows = [];
+    for (let j = i + 2;j < lines.length && /^\s*\|/.test(lines[j]); j++) {
+      const cells = parseRow(lines[j]);
+      const get = (k) => head.indexOf(k) === -1 ? "" : cells[head.indexOf(k)] ?? "";
+      const start = new Date(get("start"));
+      const end = new Date(get("end"));
+      if (isNaN(+start) || isNaN(+end))
+        continue;
+      rows.push({
+        id: get("id") || get("milestone"),
+        title: get("title") || get("milestone") || get("id"),
+        start,
+        end,
+        status: get("status").toLowerCase(),
+        epic: get("epic")
+      });
+    }
+    return rows.length ? rows : null;
+  }
+  return null;
+}
+var TIMELINE_COLOR = { done: "#22c55e", active: "#8b5cf6", pending: "#a1a1aa" };
+function timelineHtml(rows) {
+  const DAY = 86400000;
+  const min = Math.min(...rows.map((r) => +r.start)) - 2 * DAY;
+  const max = Math.max(...rows.map((r) => +r.end)) + 2 * DAY;
+  const span = max - min;
+  const pct = (d) => (d - min) / span * 100;
+  const today = Date.now();
+  const months = [];
+  const cursor = new Date(min);
+  cursor.setDate(1);
+  cursor.setMonth(cursor.getMonth() + 1);
+  while (+cursor < max) {
+    const p = pct(+cursor);
+    months.push(`<div class="absolute inset-y-0 border-l border-zinc-200 dark:border-zinc-800" style="left:${p.toFixed(2)}%"></div>
+      <div class="absolute top-0 -translate-x-1/2 text-[9.5px] font-medium uppercase tracking-wide text-zinc-400 dark:text-zinc-600" style="left:${p.toFixed(2)}%">${cursor.toLocaleDateString("en", { month: "short" })}</div>`);
+    cursor.setMonth(cursor.getMonth() + 1);
+  }
+  const bars = rows.map((r) => {
+    const status = TIMELINE_COLOR[r.status] ? r.status : today > +r.end ? "done" : today >= +r.start ? "active" : "pending";
+    const color = TIMELINE_COLOR[status];
+    const left = pct(+r.start);
+    const width = Math.max(pct(+r.end + DAY) - left, 1.5);
+    const label = `${r.id} ${r.title}`.trim();
+    const dates = `${r.start.toISOString().slice(0, 10)} to ${r.end.toISOString().slice(0, 10)}`;
+    return `<div class="flex h-8 items-center">
+        <div class="w-44 shrink-0 truncate pr-3 text-[12px] text-zinc-600 dark:text-zinc-400" title="${esc(label)}">
+          ${r.epic ? `<a href="/#${esc(r.epic)}" class="font-mono text-[10.5px] text-accent-600 hover:underline dark:text-accent-400">${esc(r.epic)}</a> ` : ""}<span class="font-medium text-zinc-800 dark:text-zinc-200">${esc(r.id)}</span> ${esc(r.title)}
+        </div>
+        <div class="relative h-5 flex-1">
+          <div class="track absolute inset-y-0 hidden"></div>
+          <div class="absolute inset-y-0 overflow-hidden whitespace-nowrap rounded-md px-2 text-[10px] font-medium leading-5 text-white shadow-sm" style="left:${left.toFixed(2)}%;width:${width.toFixed(2)}%;background:${color}" title="${esc(label)}: ${dates} (${status})">${esc(r.title)}</div>
+        </div>
+      </div>`;
+  }).join("");
+  const todayMark = today >= min && today <= max ? `<div class="absolute inset-y-0 z-10 border-l-2 border-rose-500/70" style="left:calc(11rem + (100% - 11rem) * ${(pct(today) / 100).toFixed(4)})">
+        <span class="absolute -top-0.5 left-1 text-[9px] font-semibold uppercase tracking-wide text-rose-500">today</span>
+      </div>` : "";
+  return `<div class="mb-8 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-800 dark:bg-zinc-900">
+    <div class="mb-3 flex items-baseline justify-between">
+      <span class="text-[11px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500">Timeline</span>
+      <span class="text-[10.5px] text-zinc-400 dark:text-zinc-600">${new Date(min + 2 * DAY).toISOString().slice(0, 10)} to ${new Date(max - 2 * DAY).toISOString().slice(0, 10)}</span>
+    </div>
+    <div class="relative pt-4">
+      <div class="absolute inset-y-0 left-44 right-0">${months.join("")}</div>
+      ${todayMark}
+      <div class="relative flex flex-col gap-1">${bars}</div>
+    </div>
+    <div class="mt-3 flex gap-4 text-[10px] text-zinc-400 dark:text-zinc-500">
+      <span class="inline-flex items-center gap-1.5"><span class="h-2 w-2 rounded-sm" style="background:${TIMELINE_COLOR.done}"></span>done</span>
+      <span class="inline-flex items-center gap-1.5"><span class="h-2 w-2 rounded-sm" style="background:${TIMELINE_COLOR.active}"></span>active</span>
+      <span class="inline-flex items-center gap-1.5"><span class="h-2 w-2 rounded-sm" style="background:${TIMELINE_COLOR.pending}"></span>pending</span>
+    </div>
+  </div>`;
+}
+function docsNavHtml(groups) {
+  return groups.map((g) => `<details class="doc-folder" open data-folder="${esc(g.group)}">
+        <summary>${esc(g.group)}<span class="doc-folder-count">${g.files.length}</span></summary>
+        ${g.files.map((f) => {
+    const name = basename(f);
+    return `<a href="/docs?file=${encodeURIComponent(f)}" class="doc-link" data-file="${esc(f)}" title="${esc(f)}">${esc(name)}</a>`;
+  }).join("")}
+      </details>`).join("");
+}
+function docsPageHtml(relFile) {
+  const groups = listDocs();
+  const abs = safeDocPath(relFile);
+  const nav = docsNavHtml(groups);
+  let main;
+  let hasMermaid = false;
+  if (!abs) {
+    main = `<p class="text-[13px] text-zinc-400">Document not found. Pick one from the sidebar.</p>`;
+  } else {
+    const raw = readFileSync2(abs, "utf8");
+    const parsed = parseFrontmatter(raw);
+    const body = parsed ? parsed.body : raw;
+    const fm = parsed?.fm ?? {};
+    hasMermaid = /^```mermaid/m.test(body);
+    const isTimeline = fm.render === "timeline" || basename(relFile).toUpperCase() === "TIMELINE.MD";
+    const timeline = isTimeline ? parseTimeline(body) : null;
+    const baseDir = dirname(relFile) === "." ? "" : dirname(relFile);
+    const backlinks = buildBacklinks();
+    const sources = [...backlinks.get(relFile) ?? [], ...fm.id ? backlinks.get(fm.id) ?? [] : []];
+    const seen = new Set;
+    const unique = sources.filter((s) => seen.has(s.file) ? false : (seen.add(s.file), true));
+    main = `${timeline ? timelineHtml(timeline) : ""}<article class="doc-body">${mdToHtml(body, { docMode: true, baseDir })}</article>
+      ${backlinksHtml(unique, "Linked mentions", true)}
+      <div class="mt-10 border-t border-zinc-100 pt-3 font-mono text-[10.5px] text-zinc-400 dark:border-zinc-800 dark:text-zinc-600">${esc(relFile)}</div>`;
+  }
+  return `<!doctype html>
+<html lang="en"><head><meta charset="utf-8">
+<title>${esc(settings.title)} Docs: ${esc(basename(relFile))}</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+${HEAD_LINKS}
+${hasMermaid ? '<script src="https://cdn.jsdelivr.net/npm/mermaid@10.9.1/dist/mermaid.min.js"></script>' : ""}
+<script>${head_default}</script>
+</head>
+<body class="h-[calc(100vh/var(--zoom))] overflow-hidden bg-zinc-50 font-sans text-zinc-900 antialiased dark:bg-zinc-950 dark:text-zinc-100">
+
+${headerHtml("docs", "", true)}
+
+<div class="flex h-[calc((100vh/var(--zoom))-3rem)]">
+  <aside id="doc-sidebar" class="hidden w-60 shrink-0 flex-col overflow-y-auto border-r border-zinc-200 bg-white px-2.5 py-2 dark:border-zinc-800 dark:bg-zinc-950 md:flex">
+    <div class="mb-1 flex items-center gap-1 px-2 pb-1">
+      <span class="text-[10.5px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500">Files</span>
+      <button id="fold-all" type="button" class="${ICON_BUTTON} ml-auto" aria-label="Collapse all folders" title="Collapse all folders">
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M4 6.5 8 2.5 12 6.5 M4 9.5 8 13.5 12 9.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
+      </button>
+    </div>
+    <div id="doc-tree">${nav}</div>
+  </aside>
+  ${RESIZER_HTML}
+  <main id="doc-main" class="flex-1 overflow-y-auto">
+    <div id="search-results" class="mx-auto hidden max-w-3xl divide-y divide-zinc-200 px-8 py-5 dark:divide-zinc-800"></div>
+    <div id="doc-content" class="mx-auto max-w-3xl px-8 py-8"${abs ? ` data-file="${esc(relFile)}" data-rev="${esc(fileRev(abs))}"` : ""}>${main}</div>
+  </main>
+  <aside id="doc-outline" class="hidden w-56 shrink-0 overflow-y-auto border-l border-zinc-200 bg-white px-3 py-3 dark:border-zinc-800 dark:bg-zinc-950 lg:block">
+    <div class="mb-1.5 px-2 text-[10.5px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500">On this page</div>
+    <nav id="outline-list"></nav>
+  </aside>
+</div>
+
+${settingsPanelHtml()}
+${newItemPanelHtml()}
+${SHEET_HTML}
+
+<script>${docs_default}</script>
+</body></html>`;
+}
+function newItemPanelHtml() {
+  const field = "w-full rounded-md border border-zinc-200 bg-white px-2 py-1 text-[12.5px] outline-none focus:border-accent-400 dark:border-zinc-700 dark:bg-zinc-900 dark:focus:border-accent-500";
+  const label = "mb-1 block text-[11px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500";
+  const hint = "mt-1 text-[11px] leading-relaxed text-zinc-400 dark:text-zinc-500";
+  const epics = allEpics().sort((a, b) => a.id.localeCompare(b.id));
+  const columns = boardColumns(allTasks());
+  const opt = (v, text) => `<option value="${esc(v)}">${esc(text)}</option>`;
+  return `<template id="detail-new"><div class="detail-root" data-id="new">
+    <h2 class="text-[16px] font-semibold leading-snug text-zinc-900 dark:text-zinc-50">New</h2>
+    <p class="${hint}">Writes a markdown file into the workspace. Ids and filenames are assigned for you.</p>
+
+    <div class="mt-4 flex gap-1" data-kind-picker>
+      ${[
+    ["task", "User story"],
+    ["epic", "Epic"],
+    ["doc", "Document"]
+  ].map(([k, name]) => `<button type="button" class="pick" data-kind="${k}">${name}</button>`).join("")}
+    </div>
+
+    <div class="mt-4"><label class="${label}" for="new-title">Title</label>
+      <input id="new-title" name="title" class="${field}" maxlength="200" placeholder="Short imperative title">
+    </div>
+
+    <div class="mt-3" data-for="doc"><label class="${label}" for="new-path">File path</label>
+      <input id="new-path" name="path" class="${field}" placeholder="notes/my-document.md">
+      <p class="${hint}">Relative to the workspace root. Folders are created as needed.</p>
+    </div>
+
+    <div class="mt-3 grid grid-cols-2 gap-3" data-for="task">
+      <div><label class="${label}" for="new-epic">Epic</label>
+        <select id="new-epic" name="epic" class="${field}">
+          ${opt("", "(none)")}${epics.map((e) => opt(e.id, `${e.id} ${e.title}`)).join("")}
+        </select>
+      </div>
+      <div><label class="${label}" for="new-priority">Priority</label>
+        <select id="new-priority" name="priority" class="${field}">
+          ${PRIORITIES.map((p) => opt(p, p)).join("")}
+        </select>
+      </div>
+      <div><label class="${label}" for="new-status">Status</label>
+        <select id="new-status" name="status" class="${field}">${columns.map((c) => opt(c, c.replace(/-/g, " "))).join("")}</select>
+      </div>
+    </div>
+
+    <div class="mt-3"><label class="${label}" for="new-body">Description</label>
+      <textarea id="new-body" name="body" rows="5" class="${field} resize-y" placeholder="Markdown. Optional."></textarea>
+    </div>
+
+    <div class="mt-3" data-for="task"><label class="${label}" for="new-subtasks">Subtasks</label>
+      <textarea id="new-subtasks" name="subtasks" rows="3" class="${field} resize-y" placeholder="One per line"></textarea>
+    </div>
+
+    <p id="new-error" class="mt-4 hidden rounded-md border border-rose-300 bg-rose-50 px-2.5 py-1.5 text-[12px] text-rose-700 dark:border-rose-500/40 dark:bg-rose-500/10 dark:text-rose-300" role="alert"></p>
+
+    <div class="mt-4 flex items-center gap-2 border-t border-zinc-100 pt-4 dark:border-zinc-800">
+      <button id="new-save" type="button"
+        class="rounded-md bg-accent-600 px-3 py-1.5 text-[12.5px] font-medium text-white transition-colors hover:bg-accent-500">Create</button>
+      <span id="new-target" class="font-mono text-[10.5px] text-zinc-400 dark:text-zinc-600"></span>
+    </div>
+  </div></template>`;
+}
+var GRAPH_BUTTON = "rounded-md border border-zinc-200 bg-white px-2 py-1 text-[11px] text-zinc-500 transition-colors hover:text-zinc-900 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-100";
+function graphPageHtml() {
+  const { nodes, links } = buildGraph();
+  return `<!doctype html>
+<html lang="en"><head><meta charset="utf-8">
+<title>${esc(settings.title)} Graph</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+${HEAD_LINKS}
+<script>${head_default}</script>
+</head>
+<body class="h-[calc(100vh/var(--zoom))] overflow-hidden bg-zinc-50 font-sans text-zinc-900 antialiased dark:bg-zinc-950 dark:text-zinc-100">
+
+${headerHtml("graph", `<span class="text-[11px] text-zinc-400 dark:text-zinc-600">${nodes.length} notes, ${links.length} links</span>`, false)}
+
+<div class="relative h-[calc((100vh/var(--zoom))-3rem)]">
+  <canvas id="graph-canvas" class="block h-full w-full cursor-grab"></canvas>
+  <div id="graph-empty" class="pointer-events-none absolute inset-0 hidden items-center justify-center text-[13px] text-zinc-400 dark:text-zinc-600">No documents to graph yet.</div>
+  <div id="graph-hint" class="pointer-events-none absolute bottom-3 left-3 text-[10.5px] text-zinc-400 dark:text-zinc-600">Scroll to zoom · drag to pan · click a note to open it</div>
+  <div class="absolute bottom-3 right-3 flex items-center gap-1.5">
+    <button id="graph-shape" type="button" class="${GRAPH_BUTTON}">Globe</button>
+    <button id="graph-reset" type="button" title="Reset view" class="${GRAPH_BUTTON}">Reset</button>
+  </div>
+</div>
+
+${settingsPanelHtml()}
+${newItemPanelHtml()}
+${SHEET_HTML}
+
+<!-- The graph ships with the page instead of as a second request. It is already built here for the
+     header count, and one round trip on a cold connection is the slowest part of this view. -->
+<script type="application/json" id="graph-data">${JSON.stringify({ nodes, links }).replace(/</g, "\\u003c")}</script>
+<script>${graph_default}</script>
+</body></html>`;
+}
+var SSE_MAX = 24;
+var sseClients = new Set;
+var broadcastTimer = null;
+function scheduleBroadcast() {
+  workspaceVersion++;
+  if (broadcastTimer)
+    clearTimeout(broadcastTimer);
+  broadcastTimer = setTimeout(() => {
+    for (const c of sseClients) {
+      try {
+        c.enqueue(`data: change
+
+`);
+      } catch {
+        sseClients.delete(c);
+      }
+    }
+  }, 120);
+}
+try {
+  watch(PLANNER_DIR, { recursive: true }, (_event, filename) => {
+    if (filename && !String(filename).endsWith(".md") && basename(String(filename)) !== SETTINGS_FILENAME)
+      return;
+    if (filename && /(^|\/)(\.git|board|node_modules)(\/|$)/.test(String(filename)))
+      return;
+    scheduleBroadcast();
+  });
+} catch {
+  for (const dir of [TASKS_DIR, EPICS_DIR]) {
+    try {
+      watch(dir, scheduleBroadcast);
+    } catch {}
+  }
+}
+setInterval(() => {
+  for (const c of sseClients) {
+    try {
+      c.enqueue(`: ping
+
+`);
+    } catch {
+      sseClients.delete(c);
+    }
+  }
+}, 25000);
+function json(data, status = 200) {
+  return new Response(JSON.stringify(data), { status, headers: { "content-type": "application/json" } });
+}
+var pageCache = new Map;
+function htmlPage(key, req, render) {
+  let hit = pageCache.get(key);
+  if (!hit || hit.version !== workspaceVersion) {
+    if (pageCache.size > 32)
+      pageCache.clear();
+    const html = render();
+    hit = {
+      version: workspaceVersion,
+      html,
+      etag: `W/"${createHash("sha1").update(html).digest("base64url").slice(0, 20)}"`
+    };
+    pageCache.set(key, hit);
+  }
+  if (req.headers.get("if-none-match") === hit.etag) {
+    return new Response(null, { status: 304, headers: { etag: hit.etag } });
+  }
+  return new Response(hit.html, {
+    headers: { "content-type": "text/html; charset=utf-8", etag: hit.etag, "cache-control": "no-cache" }
+  });
+}
+async function handlePatch(id, req, ctx) {
+  const path = findItemPath(id);
+  if (!path)
+    return json({ error: `unknown item ${id}` }, 404);
+  let patch;
+  try {
+    patch = await req.json();
+  } catch {
+    return json({ error: "invalid JSON" }, 400);
+  }
+  if (patch.rev && fileRev(path) !== String(patch.rev)) {
+    return json({ error: "stale: file changed since it was rendered" }, 409);
+  }
+  let raw = readFileSync2(path, "utf8");
+  const messages = [];
+  if (patch.status !== undefined) {
+    if (!boardColumns(allTasks()).includes(patch.status)) {
+      return json({ error: `invalid status ${patch.status}` }, 400);
+    }
+    const old = getFrontmatterValue(raw, "status");
+    if (old !== patch.status) {
+      raw = setFrontmatterValue(raw, "status", patch.status);
+      messages.push(`${id}: ${old} -> ${patch.status} via board`);
+    }
+  }
+  if (patch.priority !== undefined) {
+    if (!PRIORITIES.includes(patch.priority))
+      return json({ error: `invalid priority ${patch.priority}` }, 400);
+    if (getFrontmatterValue(raw, "priority") !== patch.priority) {
+      raw = setFrontmatterValue(raw, "priority", patch.priority);
+      messages.push(`${id}: priority ${patch.priority} via board`);
+    }
+  }
+  if (patch.checkbox !== undefined) {
+    const { index, checked } = patch.checkbox;
+    const updated = toggleCheckboxLine(raw, Number(index), Boolean(checked));
+    if (updated === null)
+      return json({ error: `checkbox ${index} not found` }, 400);
+    raw = updated;
+    messages.push(`${id}: toggle subtask via board`);
+  }
+  const rel = relative(PLANNER_DIR, path);
+  if (messages.length === 0) {
+    ctx.detail = `${rel} unchanged`;
+    return json({ ok: true, rev: fileRev(path), unchanged: true });
+  }
+  writeFileSync2(path, raw);
+  gitCommitFile(path, messages.join("; "));
+  scheduleBroadcast();
+  ctx.detail = `${rel}: ${messages.join("; ")}${gitEnabled() ? " [committed]" : ""}`;
+  return json({ ok: true, rev: fileRev(path) });
+}
+var MAX_TITLE = 200;
+function cleanTitle(v) {
+  if (typeof v !== "string")
+    return null;
+  const t = v.replace(/\s+/g, " ").trim();
+  if (!t || t.length > MAX_TITLE)
+    return null;
+  return [...t].some((c) => c < " " || c === "") ? null : t;
+}
+function slugify(s) {
+  const slug = s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 50).replace(/-+$/, "");
+  return slug || "untitled";
+}
+function nextId(prefix, width, ids) {
+  const re = new RegExp(`^${prefix}(\\d+)$`);
+  let max = 0;
+  for (const id of ids) {
+    const m = re.exec(id);
+    if (m)
+      max = Math.max(max, Number(m[1]));
+  }
+  return prefix + String(max + 1).padStart(width, "0");
+}
+function cleanBody(v) {
+  if (typeof v !== "string")
+    return "";
+  const text = v.replace(/\r\n?/g, `
+`).slice(0, 1e5);
+  return [...text].filter((c) => c >= " " || c === `
+` || c === "\t").join("").trim();
+}
+function safeNewDocPath(rel) {
+  if (typeof rel !== "string" || !/\.md$/i.test(rel))
+    return null;
+  if (/^[/\\]/.test(rel) || /^[A-Za-z]:/.test(rel))
+    return null;
+  const parts = rel.split("/").filter((p) => p && p !== ".");
+  if (!parts.length || parts.length > 4)
+    return null;
+  if (parts.some((p) => !/^[A-Za-z0-9][A-Za-z0-9._-]*$/.test(p)))
+    return null;
+  if (DOC_EXCLUDE.has(parts[0]))
+    return null;
+  const abs = join(PLANNER_DIR, ...parts);
+  const back = relative(PLANNER_DIR, abs);
+  if (!back || back.startsWith("..") || isAbsolute(back))
+    return null;
+  return abs;
+}
+function createItem(kind, input, ctx) {
+  const title = cleanTitle(input.title);
+  if (!title)
+    return json({ error: "a title is required, on one line and under 200 characters" }, 400);
+  const body = cleanBody(input.body);
+  const today = new Date().toISOString().slice(0, 10);
+  let abs;
+  let id = "";
+  let text;
+  if (kind === "epic") {
+    id = nextId("E", 2, allEpics().map((e) => e.id));
+    abs = join(EPICS_DIR, `${id}-${slugify(title)}.md`);
+    text = `---
+id: ${id}
+title: ${title}
+status: planned
+created: ${today}
+---
+
+` + `## Description
+
+${body || "TBD."}
+`;
+  } else if (kind === "task") {
+    const status = input.status === undefined ? boardColumns(allTasks())[0] : String(input.status);
+    if (!boardColumns(allTasks()).includes(status))
+      return json({ error: `invalid status ${status}` }, 400);
+    const priority = input.priority === undefined ? "P2" : String(input.priority);
+    if (!PRIORITIES.includes(priority))
+      return json({ error: `invalid priority ${priority}` }, 400);
+    const epic = input.epic ? String(input.epic) : "";
+    if (epic && !allEpics().some((e) => e.id === epic))
+      return json({ error: `unknown epic ${epic}` }, 400);
+    id = nextId("ST-", 3, allTasks().map((t) => t.id));
+    abs = join(TASKS_DIR, `${id}-${slugify(title)}.md`);
+    const subtasks = cleanBody(input.subtasks).split(`
+`).map((l) => l.replace(/^\s*[-*]\s*(\[[ x]\]\s*)?/, "").trim()).filter(Boolean);
+    text = `---
+id: ${id}
+title: ${title}
+epic: ${epic}
+status: ${status}
+priority: ${priority}
+` + `depends_on: []
+created: ${today}
+---
+
+` + `## Description
+
+${body || "TBD."}
+` + (subtasks.length ? `
+## Subtasks
+
+${subtasks.map((s) => `- [ ] ${s}`).join(`
+`)}
+` : "");
+  } else if (kind === "doc") {
+    const resolved = safeNewDocPath(input.path);
+    if (!resolved)
+      return json({ error: "path must be a plain .md file inside the workspace" }, 400);
+    abs = resolved;
+    text = `# ${title}
+
+${body || "TBD."}
+`;
+  } else {
+    return json({ error: `unknown kind ${kind}` }, 400);
+  }
+  if (existsSync(abs))
+    return json({ error: `${relative(PLANNER_DIR, abs)} already exists` }, 409);
+  try {
+    mkdirSync(dirname(abs), { recursive: true });
+    writeFileSync2(abs, text, { flag: "wx" });
+  } catch {
+    return json({ error: "could not write the file" }, 500);
+  }
+  const file = relative(PLANNER_DIR, abs);
+  gitCommitFile(abs, `${id || file}: created via board`);
+  scheduleBroadcast();
+  ctx.detail = `created ${file}${gitEnabled() ? " [committed]" : ""}`;
+  return json({ ok: true, id, file }, 201);
+}
+async function handleDocPatch(rel, req, ctx) {
+  const path = safeDocPath(rel);
+  if (!path)
+    return json({ error: `unknown document ${rel}` }, 404);
+  let patch;
+  try {
+    patch = await req.json();
+  } catch {
+    return json({ error: "invalid JSON" }, 400);
+  }
+  if (patch.rev && fileRev(path) !== String(patch.rev)) {
+    return json({ error: "stale: file changed since it was rendered" }, 409);
+  }
+  if (!patch.checkbox)
+    return json({ error: "nothing to change" }, 400);
+  const raw = readFileSync2(path, "utf8");
+  const updated = toggleCheckboxLine(raw, Number(patch.checkbox.index), Boolean(patch.checkbox.checked));
+  if (updated === null)
+    return json({ error: `checkbox ${patch.checkbox.index} not found` }, 400);
+  writeFileSync2(path, updated);
+  gitCommitFile(path, `${rel}: toggle checkbox via board`);
+  scheduleBroadcast();
+  ctx.detail = `${rel}: toggle checkbox${gitEnabled() ? " [committed]" : ""}`;
+  return json({ ok: true, rev: fileRev(path) });
+}
+function settingsDiff(before, after) {
+  const keys = Object.keys(after);
+  const changed = keys.filter((k) => String(before[k]) !== String(after[k])).map((k) => `${k}: ${JSON.stringify(before[k])} -> ${JSON.stringify(after[k])}`);
+  return changed.length ? changed.join(", ") : "no change";
+}
+function redirect(to) {
+  return new Response(null, { status: 302, headers: { location: to } });
+}
+async function handle(req, ctx) {
+  {
+    const url = new URL(req.url);
+    settings = readSettings(SETTINGS_FILE, WORKSPACE_NAME);
+    try {
+      if (url.pathname === "/sse") {
+        let ctrl;
+        const stream = new ReadableStream({
+          start(c) {
+            ctrl = c;
+            while (sseClients.size >= SSE_MAX) {
+              const oldest = sseClients.values().next().value;
+              if (!oldest)
+                break;
+              sseClients.delete(oldest);
+              try {
+                oldest.close();
+              } catch {}
+            }
+            sseClients.add(c);
+            c.enqueue(`: connected
+
+`);
+          },
+          cancel() {
+            sseClients.delete(ctrl);
+            log(`SSE  client disconnected (${sseClients.size} live)`);
+          }
+        });
+        ctx.detail = `${sseClients.size} client(s) live`;
+        return new Response(stream.pipeThrough(new TextEncoderStream), {
+          headers: { "content-type": "text/event-stream", "cache-control": "no-cache" }
+        });
+      }
+      if (url.pathname === "/styles.css") {
+        return new Response(styles_gen_default, {
+          headers: {
+            "content-type": "text/css; charset=utf-8",
+            "cache-control": url.searchParams.get("v") ? "public, max-age=31536000, immutable" : "no-cache"
+          }
+        });
+      }
+      if (url.pathname === "/logo.svg") {
+        return new Response(logo_default, {
+          headers: { "content-type": "image/svg+xml; charset=utf-8", "cache-control": "public, max-age=86400" }
+        });
+      }
+      if (url.pathname.startsWith("/raw/") && req.method === "GET") {
+        const rel = decodeURIComponent(url.pathname.slice(5));
+        const abs = safePath(rel);
+        if (!abs) {
+          ctx.detail = `${rel} (not found)`;
+          return new Response("Not found", { status: 404 });
+        }
+        ctx.detail = rel;
+        return new Response(readFileSync2(abs), {
+          headers: {
+            "content-type": RAW_TYPES[rel.slice(rel.lastIndexOf(".") + 1).toLowerCase()] ?? "application/octet-stream",
+            "content-security-policy": "default-src 'none'; style-src 'unsafe-inline'",
+            "x-content-type-options": "nosniff",
+            "cache-control": "no-cache"
+          }
+        });
+      }
+      if (url.pathname === "/api/settings") {
+        if (req.method === "GET")
+          return json(settings);
+        if (req.method === "PUT") {
+          let body;
+          try {
+            body = await req.json();
+          } catch {
+            return json({ error: "invalid JSON" }, 400);
+          }
+          const wanted = body?.views;
+          if (Array.isArray(wanted) && !ALL_VIEWS.some((v) => wanted.includes(v)))
+            return json({ error: "Keep at least one view on: with all of them off there is nothing to show." }, 400);
+          const before = settings;
+          settings = normalizeSettings(body, WORKSPACE_NAME);
+          writeSettings(SETTINGS_FILE, settings);
+          scheduleBroadcast();
+          ctx.detail = `${SETTINGS_FILENAME}: ${settingsDiff(before, settings)}`;
+          return json(settings);
+        }
+      }
+      const paneMatch = url.pathname.match(/^\/api\/items\/([A-Za-z0-9-]+)\/pane$/);
+      if (paneMatch && req.method === "GET") {
+        const html = itemPaneHtml(paneMatch[1]);
+        ctx.detail = html ? paneMatch[1] : `${paneMatch[1]} (unknown)`;
+        return html ? new Response(html, { headers: { "content-type": "text/html; charset=utf-8" } }) : new Response("Not found", { status: 404 });
+      }
+      const apiMatch = url.pathname.match(/^\/api\/items\/([A-Za-z0-9-]+)$/);
+      if (apiMatch && req.method === "PATCH")
+        return handlePatch(apiMatch[1], req, ctx);
+      if (url.pathname === "/api/tasks" && req.method === "GET") {
+        const tasks = allTasks();
+        ctx.detail = `${tasks.length} tasks`;
+        return json(tasks);
+      }
+      if (url.pathname === "/api/epics" && req.method === "GET") {
+        const epics = allEpics();
+        ctx.detail = `${epics.length} epics`;
+        return json(epics);
+      }
+      const itemMatch = url.pathname.match(/^\/api\/(?:tasks|items)\/([A-Za-z0-9-]+)$/);
+      if (itemMatch && req.method === "GET") {
+        const item = allTasks().find((t) => t.id === itemMatch[1]) ?? allEpics().find((e) => e.id === itemMatch[1]);
+        return item ? json(item) : json({ error: `unknown item ${itemMatch[1]}` }, 404);
+      }
+      if (url.pathname === "/api/docs-search" && req.method === "GET") {
+        const q = (url.searchParams.get("q") ?? "").trim().toLowerCase();
+        const hits = [];
+        if (q) {
+          for (const g of listDocs()) {
+            for (const f of g.files) {
+              const abs = safeDocPath(f);
+              if (!abs)
+                continue;
+              const text = readFileSync2(abs, "utf8");
+              const lower = text.toLowerCase();
+              let count = 0;
+              const snippets = [];
+              for (let i = lower.indexOf(q);i !== -1; i = lower.indexOf(q, i + q.length)) {
+                count++;
+                if (snippets.length < 3) {
+                  const start = Math.max(0, i - 50);
+                  const end = Math.min(text.length, i + q.length + 90);
+                  snippets.push((start > 0 ? "…" : "") + text.slice(start, end).replace(/\s+/g, " ").trim() + (end < text.length ? "…" : ""));
+                }
+              }
+              if (count || f.toLowerCase().includes(q))
+                hits.push({ file: f, count, snippets });
+            }
+          }
+          hits.sort((a, b) => b.count - a.count);
+        }
+        ctx.detail = `"${q}": ${hits.length} file(s)`;
+        return Response.json(hits);
+      }
+      if (url.pathname === "/api/docs" && req.method === "PATCH") {
+        return handleDocPatch(url.searchParams.get("file") ?? "", req, ctx);
+      }
+      const createMatch = url.pathname.match(/^\/api\/(tasks|epics|docs)$/);
+      if (createMatch && req.method === "POST") {
+        let body;
+        try {
+          body = await req.json();
+        } catch {
+          return json({ error: "invalid JSON" }, 400);
+        }
+        if (!body || typeof body !== "object")
+          return json({ error: "expected a JSON object" }, 400);
+        const kind = { tasks: "task", epics: "epic", docs: "doc" }[createMatch[1]];
+        return createItem(kind, body, ctx);
+      }
+      if (url.pathname === "/api/graph" && req.method === "GET") {
+        const g = buildGraph();
+        ctx.detail = `${g.nodes.length} nodes, ${g.links.length} links`;
+        return json(g);
+      }
+      if (url.pathname === "/docs" && req.method === "GET") {
+        if (!settings.views.includes("docs"))
+          return redirect(firstEnabledView());
+        const rel = url.searchParams.get("file") ?? "README.md";
+        ctx.detail = safeDocPath(rel) ? rel : `${rel} (not found)`;
+        return htmlPage(`docs:${rel}`, req, () => docsPageHtml(rel));
+      }
+      if (url.pathname === "/graph" && req.method === "GET") {
+        if (!settings.views.includes("graph"))
+          return redirect(firstEnabledView());
+        return htmlPage("graph", req, graphPageHtml);
+      }
+      if (url.pathname === "/" && req.method === "GET") {
+        if (!settings.views.includes("board"))
+          return redirect(firstEnabledView());
+        ctx.detail = `${allTasks().length} tasks, ${allEpics().length} epics`;
+        return htmlPage("board", req, () => pageHtml(allTasks(), allEpics()));
+      }
+      return new Response("Not found", { status: 404 });
+    } catch (e) {
+      return new Response(`Board error: ${e}`, { status: 500 });
+    }
+  }
+}
+var server = createServer(async (nodeReq, nodeRes) => {
+  const req = new Request(new URL(nodeReq.url ?? "/", "http://localhost").toString(), {
+    method: nodeReq.method,
+    headers: nodeReq.headers,
+    body: nodeReq.method === "GET" || nodeReq.method === "HEAD" ? undefined : Readable.toWeb(nodeReq),
+    duplex: "half"
+  });
+  const ctx = { detail: "" };
+  const res = await handle(req, ctx);
+  const method = (nodeReq.method ?? "GET").padEnd(5);
+  const where = res.headers.get("location") ? `-> ${res.headers.get("location")}` : ctx.detail;
+  log(`${method} ${(nodeReq.url ?? "/").padEnd(34)} ${res.status}${where ? "  " + where : ""}`);
+  const headers = Object.fromEntries(res.headers);
+  const type = headers["content-type"] ?? "";
+  const compressible = /text\/(html|css)|application\/json/.test(type) && res.status === 200;
+  const gzip = compressible && /\bgzip\b/.test(String(nodeReq.headers["accept-encoding"] ?? ""));
+  if (gzip) {
+    headers["content-encoding"] = "gzip";
+    headers["vary"] = "accept-encoding";
+    delete headers["content-length"];
+  }
+  nodeRes.writeHead(res.status, headers);
+  if (gzip) {
+    const out = createGzip({ level: 6 });
+    out.pipe(nodeRes);
+    out.end(Buffer.from(await res.arrayBuffer()));
+    await new Promise((r) => nodeRes.on("close", r));
+    return;
+  }
+  if (res.body) {
+    const reader = res.body.getReader();
+    nodeRes.on("close", () => reader.cancel().catch(() => {}));
+    try {
+      for (;; ) {
+        const { done, value } = await reader.read();
+        if (done)
+          break;
+        nodeRes.write(value);
+      }
+    } catch {}
+  }
+  nodeRes.end();
+});
+var PORT_SCAN = 20;
+var portAttempt = 0;
+server.on("error", (err) => {
+  if (err.code !== "EADDRINUSE")
+    throw err;
+  if (++portAttempt > PORT_SCAN) {
+    console.error(`Ports ${PORT}-${PORT + PORT_SCAN} are all in use. Free one or pass -p.`);
+    process.exit(1);
+  }
+  server.listen(PORT + portAttempt);
+});
+server.on("listening", () => {
+  const addr = server.address();
+  const port = typeof addr === "object" && addr ? addr.port : PORT;
+  banner(port, port !== PORT);
+});
+function banner(port, moved) {
+  console.log(`${settings.title}: http://localhost:${port}`);
+  console.log(`  workspace    ${PLANNER_DIR}`);
+  console.log(`  settings ${existsSync(SETTINGS_FILE) ? SETTINGS_FILE : `${SETTINGS_FILENAME} (absent, using defaults)`}`);
+  console.log(`  views    ${settings.views.join(", ")}${existsSync(TASKS_DIR) ? "" : "   (no tasks/ directory)"}`);
+  console.log(`  git      ${gitEnabled() ? `auto-commit on${GIT_COMMIT_ENV ? " via BOARD_GIT_COMMIT" : ""}` : "off"}`);
+  if (moved)
+    console.log(`  port     ${PORT} was busy, using ${port}`);
+  if (!QUIET)
+    console.log(`  log      on (OUTCROP_QUIET=1 to silence)`);
+}
+server.listen(PORT);