Replace textarea with CodeMirror 6 editor

- Add CodeMirror 6 with oneDark theme and markdown language support - Bundle via esbuild into public/vendor/ (built on deploy, not committed) - Add codemirror-entry.mjs as bundle entry point - Fix SPA fallback to only serve index.html for /, not all paths - Fix mime type handling by mutating mime-types registry - Add Write/Preview tabs; preview renders on tab switch only - Multi-cursor via Shift+Alt+Up/Down; Alt+Click adds cursor - gitignore package-lock.json and public/vendor/ Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Replace entry dialog with full-page edit view
2026-05-24 15:08:36 +00:00 · 2026-05-24 14:25:36 +00:00
8 changed files with 553 additions and 1026 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,5 @@ node_modules/
 data/
 *.tmp
 config.yaml
+package-lock.json
+public/vendor/
--- a/15
+++ b/15
@@ -2,16 +2,25 @@ DEST       ?= /srv/task-inventory
 OWNER      ?= task-inventory:task-inventory
 OWNER_USER  = $(firstword $(subst :, ,$(OWNER)))

+VENDOR_DIR = public/vendor
+
 RSYNC_EXCLUDES := \
 	--exclude='/.git/' \
 	--exclude='/data/' \
 	--exclude='/config.yaml' \
 	--exclude='/node_modules/'

-.PHONY: deploy sync
+.PHONY: build deploy sync

-# Full deployment: sync files, fix ownership, install dependencies
-deploy: sync
+# Bundle vendor libs
+build:
+	mkdir -p $(VENDOR_DIR)
+	node_modules/.bin/esbuild --bundle --format=esm \
+		--outfile=$(VENDOR_DIR)/codemirror-bundle.mjs --minify \
+		codemirror-entry.mjs
+
+# Full deployment: build, sync files, fix ownership, install dependencies
+deploy: build sync
 	sudo chown -R $(OWNER) $(DEST)
 	sudo -u $(OWNER_USER) npm ci --prefix $(DEST)

--- a/codemirror-entry.mjs
+++ b/codemirror-entry.mjs
@@ -0,0 +1,6 @@
+export { EditorState } from '@codemirror/state';
+export { EditorView, keymap, placeholder, drawSelection } from '@codemirror/view';
+export { defaultKeymap, history, historyKeymap, indentWithTab, addCursorAbove, addCursorBelow } from '@codemirror/commands';
+export { markdown } from '@codemirror/lang-markdown';
+export { syntaxHighlighting } from '@codemirror/language';
+export { oneDark } from '@codemirror/theme-one-dark';
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,856 +0,0 @@
-{
-	"name": "task-inventory",
-	"version": "0.1.0",
-	"lockfileVersion": 3,
-	"requires": true,
-	"packages": {
-		"": {
-			"name": "task-inventory",
-			"version": "0.1.0",
-			"dependencies": {
-				"express": "^5.2.1",
-				"yaml-js": "^0.3.1"
-			},
-			"engines": {
-				"node": ">=25"
-			}
-		},
-		"node_modules/accepts": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
-			"integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
-			"license": "MIT",
-			"dependencies": {
-				"mime-types": "^3.0.0",
-				"negotiator": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/body-parser": {
-			"version": "2.2.2",
-			"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz",
-			"integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==",
-			"license": "MIT",
-			"dependencies": {
-				"bytes": "^3.1.2",
-				"content-type": "^1.0.5",
-				"debug": "^4.4.3",
-				"http-errors": "^2.0.0",
-				"iconv-lite": "^0.7.0",
-				"on-finished": "^2.4.1",
-				"qs": "^6.14.1",
-				"raw-body": "^3.0.1",
-				"type-is": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/bytes": {
-			"version": "3.1.2",
-			"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-			"integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/call-bind-apply-helpers": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-			"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0",
-				"function-bind": "^1.1.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/call-bound": {
-			"version": "1.0.4",
-			"resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-			"integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bind-apply-helpers": "^1.0.2",
-				"get-intrinsic": "^1.3.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/content-disposition": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.1.0.tgz",
-			"integrity": "sha512-5jRCH9Z/+DRP7rkvY83B+yGIGX96OYdJmzngqnw2SBSxqCFPd0w2km3s5iawpGX8krnwSGmF0FW5Nhr0Hfai3g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">=18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/content-type": {
-			"version": "1.0.5",
-			"resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-			"integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/cookie": {
-			"version": "0.7.2",
-			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-			"integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/cookie-signature": {
-			"version": "1.2.2",
-			"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
-			"integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">=6.6.0"
-			}
-		},
-		"node_modules/debug": {
-			"version": "4.4.3",
-			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-			"integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-			"license": "MIT",
-			"dependencies": {
-				"ms": "^2.1.3"
-			},
-			"engines": {
-				"node": ">=6.0"
-			},
-			"peerDependenciesMeta": {
-				"supports-color": {
-					"optional": true
-				}
-			}
-		},
-		"node_modules/depd": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-			"integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/dunder-proto": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-			"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bind-apply-helpers": "^1.0.1",
-				"es-errors": "^1.3.0",
-				"gopd": "^1.2.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/ee-first": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-			"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-			"license": "MIT"
-		},
-		"node_modules/encodeurl": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-			"integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/es-define-property": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-			"integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/es-errors": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/es-object-atoms": {
-			"version": "1.1.1",
-			"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-			"integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/escape-html": {
-			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-			"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-			"license": "MIT"
-		},
-		"node_modules/etag": {
-			"version": "1.8.1",
-			"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-			"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/express": {
-			"version": "5.2.1",
-			"resolved": "https://registry.npmjs.org/express/-/express-5.2.1.tgz",
-			"integrity": "sha512-hIS4idWWai69NezIdRt2xFVofaF4j+6INOpJlVOLDO8zXGpUVEVzIYk12UUi2JzjEzWL3IOAxcTubgz9Po0yXw==",
-			"license": "MIT",
-			"dependencies": {
-				"accepts": "^2.0.0",
-				"body-parser": "^2.2.1",
-				"content-disposition": "^1.0.0",
-				"content-type": "^1.0.5",
-				"cookie": "^0.7.1",
-				"cookie-signature": "^1.2.1",
-				"debug": "^4.4.0",
-				"depd": "^2.0.0",
-				"encodeurl": "^2.0.0",
-				"escape-html": "^1.0.3",
-				"etag": "^1.8.1",
-				"finalhandler": "^2.1.0",
-				"fresh": "^2.0.0",
-				"http-errors": "^2.0.0",
-				"merge-descriptors": "^2.0.0",
-				"mime-types": "^3.0.0",
-				"on-finished": "^2.4.1",
-				"once": "^1.4.0",
-				"parseurl": "^1.3.3",
-				"proxy-addr": "^2.0.7",
-				"qs": "^6.14.0",
-				"range-parser": "^1.2.1",
-				"router": "^2.2.0",
-				"send": "^1.1.0",
-				"serve-static": "^2.2.0",
-				"statuses": "^2.0.1",
-				"type-is": "^2.0.1",
-				"vary": "^1.1.2"
-			},
-			"engines": {
-				"node": ">= 18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/finalhandler": {
-			"version": "2.1.1",
-			"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.1.tgz",
-			"integrity": "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA==",
-			"license": "MIT",
-			"dependencies": {
-				"debug": "^4.4.0",
-				"encodeurl": "^2.0.0",
-				"escape-html": "^1.0.3",
-				"on-finished": "^2.4.1",
-				"parseurl": "^1.3.3",
-				"statuses": "^2.0.1"
-			},
-			"engines": {
-				"node": ">= 18.0.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/forwarded": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-			"integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/fresh": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
-			"integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/function-bind": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-			"license": "MIT",
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/get-intrinsic": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-			"integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bind-apply-helpers": "^1.0.2",
-				"es-define-property": "^1.0.1",
-				"es-errors": "^1.3.0",
-				"es-object-atoms": "^1.1.1",
-				"function-bind": "^1.1.2",
-				"get-proto": "^1.0.1",
-				"gopd": "^1.2.0",
-				"has-symbols": "^1.1.0",
-				"hasown": "^2.0.2",
-				"math-intrinsics": "^1.1.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/get-proto": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-			"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-			"license": "MIT",
-			"dependencies": {
-				"dunder-proto": "^1.0.1",
-				"es-object-atoms": "^1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/gopd": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-			"integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/has-symbols": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-			"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/hasown": {
-			"version": "2.0.3",
-			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
-			"integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
-			"license": "MIT",
-			"dependencies": {
-				"function-bind": "^1.1.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/http-errors": {
-			"version": "2.0.1",
-			"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
-			"integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
-			"license": "MIT",
-			"dependencies": {
-				"depd": "~2.0.0",
-				"inherits": "~2.0.4",
-				"setprototypeof": "~1.2.0",
-				"statuses": "~2.0.2",
-				"toidentifier": "~1.0.1"
-			},
-			"engines": {
-				"node": ">= 0.8"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/iconv-lite": {
-			"version": "0.7.2",
-			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
-			"integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
-			"license": "MIT",
-			"dependencies": {
-				"safer-buffer": ">= 2.1.2 < 3.0.0"
-			},
-			"engines": {
-				"node": ">=0.10.0"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/inherits": {
-			"version": "2.0.4",
-			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"license": "ISC"
-		},
-		"node_modules/ipaddr.js": {
-			"version": "1.9.1",
-			"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-			"integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.10"
-			}
-		},
-		"node_modules/is-promise": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
-			"integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
-			"license": "MIT"
-		},
-		"node_modules/math-intrinsics": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-			"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			}
-		},
-		"node_modules/media-typer": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
-			"integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/merge-descriptors": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
-			"integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
-			"license": "MIT",
-			"engines": {
-				"node": ">=18"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/mime-db": {
-			"version": "1.54.0",
-			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
-			"integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/mime-types": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
-			"integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
-			"license": "MIT",
-			"dependencies": {
-				"mime-db": "^1.54.0"
-			},
-			"engines": {
-				"node": ">=18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/ms": {
-			"version": "2.1.3",
-			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-			"license": "MIT"
-		},
-		"node_modules/negotiator": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
-			"integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/object-inspect": {
-			"version": "1.13.4",
-			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-			"integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/on-finished": {
-			"version": "2.4.1",
-			"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-			"integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-			"license": "MIT",
-			"dependencies": {
-				"ee-first": "1.1.1"
-			},
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/once": {
-			"version": "1.4.0",
-			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-			"integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-			"license": "ISC",
-			"dependencies": {
-				"wrappy": "1"
-			}
-		},
-		"node_modules/parseurl": {
-			"version": "1.3.3",
-			"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-			"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/path-to-regexp": {
-			"version": "8.4.2",
-			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.4.2.tgz",
-			"integrity": "sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA==",
-			"license": "MIT",
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/proxy-addr": {
-			"version": "2.0.7",
-			"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-			"integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-			"license": "MIT",
-			"dependencies": {
-				"forwarded": "0.2.0",
-				"ipaddr.js": "1.9.1"
-			},
-			"engines": {
-				"node": ">= 0.10"
-			}
-		},
-		"node_modules/qs": {
-			"version": "6.15.2",
-			"resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
-			"integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==",
-			"license": "BSD-3-Clause",
-			"dependencies": {
-				"side-channel": "^1.1.0"
-			},
-			"engines": {
-				"node": ">=0.6"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/range-parser": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-			"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.6"
-			}
-		},
-		"node_modules/raw-body": {
-			"version": "3.0.2",
-			"resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
-			"integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
-			"license": "MIT",
-			"dependencies": {
-				"bytes": "~3.1.2",
-				"http-errors": "~2.0.1",
-				"iconv-lite": "~0.7.0",
-				"unpipe": "~1.0.0"
-			},
-			"engines": {
-				"node": ">= 0.10"
-			}
-		},
-		"node_modules/router": {
-			"version": "2.2.0",
-			"resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
-			"integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
-			"license": "MIT",
-			"dependencies": {
-				"debug": "^4.4.0",
-				"depd": "^2.0.0",
-				"is-promise": "^4.0.0",
-				"parseurl": "^1.3.3",
-				"path-to-regexp": "^8.0.0"
-			},
-			"engines": {
-				"node": ">= 18"
-			}
-		},
-		"node_modules/safer-buffer": {
-			"version": "2.1.2",
-			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-			"license": "MIT"
-		},
-		"node_modules/send": {
-			"version": "1.2.1",
-			"resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
-			"integrity": "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==",
-			"license": "MIT",
-			"dependencies": {
-				"debug": "^4.4.3",
-				"encodeurl": "^2.0.0",
-				"escape-html": "^1.0.3",
-				"etag": "^1.8.1",
-				"fresh": "^2.0.0",
-				"http-errors": "^2.0.1",
-				"mime-types": "^3.0.2",
-				"ms": "^2.1.3",
-				"on-finished": "^2.4.1",
-				"range-parser": "^1.2.1",
-				"statuses": "^2.0.2"
-			},
-			"engines": {
-				"node": ">= 18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/serve-static": {
-			"version": "2.2.1",
-			"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.1.tgz",
-			"integrity": "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw==",
-			"license": "MIT",
-			"dependencies": {
-				"encodeurl": "^2.0.0",
-				"escape-html": "^1.0.3",
-				"parseurl": "^1.3.3",
-				"send": "^1.2.0"
-			},
-			"engines": {
-				"node": ">= 18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/setprototypeof": {
-			"version": "1.2.0",
-			"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-			"integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-			"license": "ISC"
-		},
-		"node_modules/side-channel": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-			"integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0",
-				"object-inspect": "^1.13.3",
-				"side-channel-list": "^1.0.0",
-				"side-channel-map": "^1.0.1",
-				"side-channel-weakmap": "^1.0.2"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel-list": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
-			"integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
-			"license": "MIT",
-			"dependencies": {
-				"es-errors": "^1.3.0",
-				"object-inspect": "^1.13.4"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel-map": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-			"integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bound": "^1.0.2",
-				"es-errors": "^1.3.0",
-				"get-intrinsic": "^1.2.5",
-				"object-inspect": "^1.13.3"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/side-channel-weakmap": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-			"integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-			"license": "MIT",
-			"dependencies": {
-				"call-bound": "^1.0.2",
-				"es-errors": "^1.3.0",
-				"get-intrinsic": "^1.2.5",
-				"object-inspect": "^1.13.3",
-				"side-channel-map": "^1.0.1"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
-		"node_modules/statuses": {
-			"version": "2.0.2",
-			"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-			"integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/toidentifier": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-			"integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-			"license": "MIT",
-			"engines": {
-				"node": ">=0.6"
-			}
-		},
-		"node_modules/type-is": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/type-is/-/type-is-2.1.0.tgz",
-			"integrity": "sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA==",
-			"license": "MIT",
-			"dependencies": {
-				"content-type": "^2.0.0",
-				"media-typer": "^1.1.0",
-				"mime-types": "^3.0.0"
-			},
-			"engines": {
-				"node": ">= 18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/type-is/node_modules/content-type": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz",
-			"integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==",
-			"license": "MIT",
-			"engines": {
-				"node": ">=18"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/express"
-			}
-		},
-		"node_modules/unpipe": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-			"integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/vary": {
-			"version": "1.1.2",
-			"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-			"integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.8"
-			}
-		},
-		"node_modules/wrappy": {
-			"version": "1.0.2",
-			"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-			"integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-			"license": "ISC"
-		},
-		"node_modules/yaml-js": {
-			"version": "0.3.1",
-			"resolved": "https://registry.npmjs.org/yaml-js/-/yaml-js-0.3.1.tgz",
-			"integrity": "sha512-LjoIFHCtSfkGzPsmYmfDsW+TShtQBcY7lwH1yLQ5brJHXRhjteUnVE2ThCbz1madq8JUZIAjFiavfnIFeTO8CQ==",
-			"license": "WTFPL",
-			"engines": {
-				"node": ">=8"
-			}
-		}
-	}
-}
--- a/package.json
+++ b/package.json
@@ -9,7 +9,17 @@
 		"start": "node server.mjs"
 	},
 	"dependencies": {
+		"@codemirror/commands": "^6.10.3",
+		"@codemirror/lang-markdown": "^6.5.0",
+		"@codemirror/language": "^6.12.3",
+		"@codemirror/state": "^6.6.0",
+		"@codemirror/theme-one-dark": "^6.1.3",
+		"@codemirror/view": "^6.43.0",
+		"@lezer/highlight": "^1.2.3",
 		"express": "^5.2.1",
 		"yaml-js": "^0.3.1"
+	},
+	"devDependencies": {
+		"esbuild": "^0.28.0"
 	}
 }
--- a/public/app.mjs
+++ b/public/app.mjs
@@ -1,5 +1,21 @@
 import * as api from './lib/api.mjs';
 import { qs, clone, set_text, show, hide } from './lib/dom.mjs';
+import {
+	EditorState,
+	EditorView,
+	keymap,
+	placeholder,
+	drawSelection,
+	defaultKeymap,
+	history as cm_history,
+	historyKeymap,
+	indentWithTab,
+	addCursorAbove,
+	addCursorBelow,
+	markdown,
+	syntaxHighlighting,
+	oneDark,
+} from '/vendor/codemirror-bundle.mjs';

 // ---------------------------------------------------------------------------
 // State
@@ -10,8 +26,9 @@ class App_State {
 		this.entry_types = [];
 		this.entries = [];
 		this.active_type = null;   // null = all types
-		this.active_view = 'entries'; // 'entries' | 'entry' | 'manage-types'
+		this.active_view = 'entries'; // 'entries' | 'entry' | 'edit' | 'manage-types'
 		this.active_entry_id = null;
+		this.active_edit = null; // { mode: 'new'|'edit', id?, type?, parent_id? }
 		this.filter_status = 'open';
 		this.filter_priority = '';
 		this.filter_tag = '';
@@ -160,141 +177,6 @@ class Entry_Picker_Dialog {

 let entry_picker;

-// ---------------------------------------------------------------------------
-// Entry dialog
-// ---------------------------------------------------------------------------
-
-class Entry_Dialog {
-	constructor() {
-		const el = clone('t-entry-dialog');
-		document.body.appendChild(el);
-		this.dialog = el;
-		this.form = el.querySelector('form');
-		this.on_save = null;
-		this._editing_id = null;
-
-		// Tab switching
-		const tab_btns = el.querySelectorAll('.tab-btn');
-		const tab_panes = el.querySelectorAll('.tab-pane');
-		for (const btn of tab_btns) {
-			btn.addEventListener('click', () => {
-				const target = btn.dataset.tab;
-				for (const b of tab_btns) { b.classList.toggle('active', b.dataset.tab === target); }
-				for (const p of tab_panes) { p.hidden = p.dataset.tab !== target; }
-				if (target === 'preview') { this._load_preview(); }
-			});
-		}
-
-		// Parent controls
-		el.querySelector('.btn-set-parent').addEventListener('click', () => {
-			const current_id = Number(this.form.elements['parent_id'].value) || null;
-			const self_id = this._editing_id;
-			const excluded = self_id ? new Set([self_id, ...get_descendants(self_id)]) : new Set();
-			if (current_id) { excluded.add(current_id); }
-			entry_picker.open(excluded, (picked_id) => { this._set_parent(picked_id); });
-		});
-
-		el.querySelector('.btn-clear-parent').addEventListener('click', () => { this._set_parent(null); });
-		el.querySelector('.btn-cancel').addEventListener('click', () => el.close());
-		this.form.addEventListener('submit', (e) => {
-			e.preventDefault();
-			if (this.on_save) { this.on_save(this._read_form()); }
-			el.close();
-		});
-	}
-
-	_set_parent(parent_id) {
-		const hidden = this.form.elements['parent_id'];
-		const display = this.dialog.querySelector('.parent-display');
-		const clear_btn = this.dialog.querySelector('.btn-clear-parent');
-		if (parent_id) {
-			const parent = state.entries.find(e => e.id === parent_id);
-			hidden.value = parent_id;
-			display.textContent = parent ? `#${parent.id} ${parent.title}` : `#${parent_id}`;
-			show(clear_btn);
-		} else {
-			hidden.value = '';
-			display.textContent = '—';
-			hide(clear_btn);
-		}
-	}
-
-	_load_preview() {
-		const text = this.form.elements['body'].value;
-		const preview = this.dialog.querySelector('.preview-content');
-		if (!text.trim()) { preview.innerHTML = '<em style="color:#555">Nothing to preview.</em>'; return; }
-		preview.classList.add('loading');
-		preview.textContent = 'Loading…';
-		render_markdown(text).then(html => {
-			preview.classList.remove('loading');
-			preview.innerHTML = html;
-		}).catch(err => {
-			preview.classList.remove('loading');
-			preview.textContent = 'Error: ' + err.message;
-		});
-	}
-
-	_read_form() {
-		const fd = new FormData(this.form);
-		const tags_raw = fd.get('tags').trim();
-		const parent_id_raw = fd.get('parent_id');
-		return {
-			type:      fd.get('type'),
-			title:     fd.get('title').trim(),
-			body:      fd.get('body').trim(),
-			status:    fd.get('status'),
-			priority:  fd.get('priority'),
-			tags:      tags_raw ? tags_raw.split(',').map(s => s.trim()).filter(Boolean) : [],
-			parent_id: parent_id_raw ? Number(parent_id_raw) : null,
-		};
-	}
-
-	// fixed_type: string — type is pre-set and shown as label; null — show select
-	open(title_text, initial = {}, fixed_type, on_save) {
-		this._editing_id = initial.id ?? null;
-		set_text(this.dialog, '.dialog-title', title_text);
-
-		const type_display = this.dialog.querySelector('.type-display');
-		const type_select  = this.dialog.querySelector('.type-select');
-
-		// Always populate select options
-		type_select.innerHTML = '';
-		for (const et of state.entry_types) {
-			const opt = document.createElement('option');
-			opt.value = et.id;
-			opt.textContent = et.title;
-			type_select.appendChild(opt);
-		}
-		type_select.value = fixed_type ?? initial.type ?? (state.entry_types[0]?.id ?? '');
-
-		if (fixed_type) {
-			const et = state.entry_types.find(t => t.id === fixed_type);
-			type_display.textContent = et ? et.title : fixed_type;
-			show(type_display);
-			hide(type_select);
-		} else {
-			hide(type_display);
-			show(type_select);
-		}
-
-		this.form.elements['title'].value    = initial.title    ?? '';
-		this.form.elements['body'].value     = initial.body     ?? '';
-		this.form.elements['status'].value   = initial.status   ?? 'open';
-		this.form.elements['priority'].value = initial.priority ?? 'normal';
-		this.form.elements['tags'].value     = (initial.tags ?? []).join(', ');
-		this._set_parent(initial.parent_id ?? null);
-
-		// Always open on edit tab
-		for (const b of this.dialog.querySelectorAll('.tab-btn')) { b.classList.toggle('active', b.dataset.tab === 'edit'); }
-		for (const p of this.dialog.querySelectorAll('.tab-pane')) { p.hidden = p.dataset.tab !== 'edit'; }
-
-		this.on_save = on_save;
-		this.dialog.showModal();
-	}
-}
-
-let entry_dialog;
-
 // ---------------------------------------------------------------------------
 // Entry type dialog
 // ---------------------------------------------------------------------------
@@ -707,20 +589,43 @@ function apply_hash(hash) {
 		state.active_view = 'manage-types';
 		state.active_type = null;
 		state.active_entry_id = null;
+		state.active_edit = null;
 	} else if (hash.startsWith('type/')) {
 		state.active_view = 'entries';
 		state.active_type = hash.slice(5);
 		state.active_entry_id = null;
+		state.active_edit = null;
 	} else if (/^\d+$/.test(hash)) {
 		state.active_view = 'entry';
 		state.active_entry_id = Number(hash);
+		state.active_edit = null;
+	} else if (hash.startsWith('edit/')) {
+		state.active_view = 'edit';
+		state.active_edit = { mode: 'edit', id: Number(hash.slice(5)) };
+	} else if (hash === 'new' || hash.startsWith('new/')) {
+		state.active_view = 'edit';
+		const rest = hash.length > 4 ? hash.slice(4) : '';
+		const [type_part = '', parent_part = ''] = rest.split('/');
+		state.active_edit = {
+			mode: 'new',
+			type: (type_part && type_part !== '_') ? type_part : null,
+			parent_id: parent_part ? Number(parent_part) : null,
+		};
 	} else {
 		state.active_view = 'entries';
 		state.active_type = null;
 		state.active_entry_id = null;
+		state.active_edit = null;
 	}
 }

+function navigate_new(type, parent_id) {
+	let hash = 'new';
+	if (type || parent_id) { hash += '/' + (type || '_'); }
+	if (parent_id) { hash += '/' + parent_id; }
+	navigate(hash);
+}
+
 function navigate(hash) {
 	history.pushState(null, '', '#' + hash);
 	apply_hash(hash);
@@ -859,6 +764,310 @@ function render_entry_detail(container) {
 	}
 }

+// ---------------------------------------------------------------------------
+// Edit view
+// ---------------------------------------------------------------------------
+
+function render_edit_view(container) {
+	container.innerHTML = '';
+
+	const ae = state.active_edit;
+	const entry = ae.mode === 'edit' ? state.entries.find(e => e.id === ae.id) : null;
+	if (ae.mode === 'edit' && !entry) {
+		container.textContent = `Entry #${ae.id} not found.`;
+		return;
+	}
+
+	const back_hash = ae.mode === 'edit' ? String(ae.id) : (ae.type ? 'type/' + ae.type : 'all');
+	let current_parent_id = ae.parent_id ?? entry?.parent_id ?? null;
+
+	// View wrapper
+	const view = document.createElement('div');
+	view.className = 'edit-view';
+
+	// --- Header ---
+	const header = document.createElement('div');
+	header.className = 'edit-header';
+
+	const back_btn = document.createElement('a');
+	back_btn.className = 'detail-back';
+	back_btn.href = '#' + back_hash;
+	back_btn.textContent = '← Back';
+	back_btn.addEventListener('click', e => { e.preventDefault(); navigate(back_hash); });
+	header.appendChild(back_btn);
+
+	const title_input = document.createElement('input');
+	title_input.type = 'text';
+	title_input.className = 'edit-title-input';
+	title_input.placeholder = 'Title';
+	title_input.value = entry?.title ?? '';
+	header.appendChild(title_input);
+
+	const save_btn = document.createElement('button');
+	save_btn.className = 'btn-primary';
+	save_btn.textContent = 'Save';
+	const cancel_btn = document.createElement('button');
+	cancel_btn.textContent = 'Cancel';
+	cancel_btn.addEventListener('click', () => navigate(back_hash));
+	header.appendChild(save_btn);
+	header.appendChild(cancel_btn);
+	view.appendChild(header);
+
+	// --- Body area: (tabs + textarea/preview) | sidebar ---
+	const body_area = document.createElement('div');
+	body_area.className = 'edit-body-area';
+
+	// Tab bar
+	const tab_bar = document.createElement('div');
+	tab_bar.className = 'edit-tab-bar';
+
+	const write_tab = document.createElement('button');
+	write_tab.type = 'button';
+	write_tab.textContent = 'Write';
+	write_tab.className = 'edit-tab active';
+
+	const preview_tab = document.createElement('button');
+	preview_tab.type = 'button';
+	preview_tab.textContent = 'Preview';
+	preview_tab.className = 'edit-tab';
+
+	tab_bar.appendChild(write_tab);
+	tab_bar.appendChild(preview_tab);
+
+	// CodeMirror editor
+	const cm_host = document.createElement('div');
+	cm_host.className = 'edit-cm-host';
+
+	const cm_editor = new EditorView({
+		state: EditorState.create({
+			doc: entry?.body ?? '',
+			extensions: [
+				cm_history(),
+				drawSelection(),
+				EditorState.allowMultipleSelections.of(true),
+				EditorView.clickAddsSelectionRange.of(e => e.altKey),
+				keymap.of([
+					{ key: 'Shift-Alt-ArrowUp',   run: addCursorAbove },
+					{ key: 'Shift-Alt-ArrowDown', run: addCursorBelow },
+					...defaultKeymap,
+					...historyKeymap,
+					indentWithTab,
+					{ key: 'Ctrl-s', mac: 'Cmd-s', run: () => { save_btn.click(); return true; } },
+				]),
+				EditorView.lineWrapping,
+				placeholder('Body (markdown)'),
+				markdown(),
+				oneDark,
+				EditorView.theme({
+					'&': { height: '100%' },
+					'.cm-editor.cm-focused': { outline: 'none' },
+					'.cm-gutters': { display: 'none' },
+					'.cm-placeholder': { fontStyle: 'italic' },
+				}),
+			],
+		}),
+		parent: cm_host,
+	});
+
+	function get_editor_value() { return cm_editor.state.doc.toString(); }
+
+	// Preview pane
+	const preview_el = document.createElement('div');
+	preview_el.className = 'edit-preview markup';
+	preview_el.hidden = true;
+
+	write_tab.addEventListener('click', () => {
+		write_tab.classList.add('active');
+		preview_tab.classList.remove('active');
+		cm_host.hidden = false;
+		preview_el.hidden = true;
+		cm_editor.focus();
+	});
+
+	preview_tab.addEventListener('click', () => {
+		preview_tab.classList.add('active');
+		write_tab.classList.remove('active');
+		cm_host.hidden = true;
+		preview_el.hidden = false;
+		const text = get_editor_value();
+		if (!text.trim()) {
+			preview_el.innerHTML = '<em style="color:#555">Nothing to preview.</em>';
+		} else {
+			preview_el.textContent = '…';
+			render_markdown(text).then(html => { preview_el.innerHTML = html; });
+		}
+	});
+
+	// Ctrl+S on title input
+	title_input.addEventListener('keydown', e => {
+		if ((e.ctrlKey || e.metaKey) && e.key === 's') { e.preventDefault(); save_btn.click(); }
+	});
+
+	// --- Sidebar ---
+	const sidebar = document.createElement('div');
+	sidebar.className = 'edit-sidebar';
+
+	function sidebar_group(label) {
+		const g = document.createElement('div');
+		g.className = 'edit-sidebar-group';
+		const l = document.createElement('div');
+		l.className = 'edit-sidebar-label';
+		l.textContent = label;
+		g.appendChild(l);
+		return g;
+	}
+
+	// Type
+	const type_group = sidebar_group('Type');
+	let type_el;
+	if (ae.mode === 'edit') {
+		const et = state.entry_types.find(t => t.id === entry.type);
+		type_el = document.createElement('span');
+		type_el.className = 'edit-sidebar-value';
+		type_el.textContent = et ? et.title : entry.type;
+	} else {
+		type_el = document.createElement('select');
+		type_el.className = 'edit-sidebar-select';
+		for (const et of state.entry_types) {
+			const opt = document.createElement('option');
+			opt.value = et.id; opt.textContent = et.title;
+			if (et.id === (ae.type ?? state.entry_types[0]?.id)) { opt.selected = true; }
+			type_el.appendChild(opt);
+		}
+	}
+	type_group.appendChild(type_el);
+	sidebar.appendChild(type_group);
+
+	// Status
+	const status_group = sidebar_group('Status');
+	const status_sel = document.createElement('select');
+	status_sel.className = 'edit-sidebar-select';
+	for (const v of ['open', 'deferred', 'done', 'cancelled']) {
+		const opt = document.createElement('option');
+		opt.value = v; opt.textContent = v;
+		if (v === (entry?.status ?? 'open')) { opt.selected = true; }
+		status_sel.appendChild(opt);
+	}
+	status_group.appendChild(status_sel);
+	sidebar.appendChild(status_group);
+
+	// Priority
+	const priority_group = sidebar_group('Priority');
+	const priority_sel = document.createElement('select');
+	priority_sel.className = 'edit-sidebar-select';
+	for (const v of ['high', 'normal', 'low']) {
+		const opt = document.createElement('option');
+		opt.value = v; opt.textContent = v;
+		if (v === (entry?.priority ?? 'normal')) { opt.selected = true; }
+		priority_sel.appendChild(opt);
+	}
+	priority_group.appendChild(priority_sel);
+	sidebar.appendChild(priority_group);
+
+	// Tags
+	const tags_group = sidebar_group('Tags');
+	const tags_input = document.createElement('input');
+	tags_input.type = 'text';
+	tags_input.className = 'edit-sidebar-input';
+	tags_input.placeholder = 'comma-separated';
+	tags_input.value = (entry?.tags ?? []).join(', ');
+	tags_group.appendChild(tags_input);
+	sidebar.appendChild(tags_group);
+
+	// Parent
+	const parent_group = sidebar_group('Parent');
+	const parent_display = document.createElement('span');
+	parent_display.className = 'edit-sidebar-value';
+
+	function refresh_parent_display() {
+		if (current_parent_id) {
+			const p = state.entries.find(e => e.id === current_parent_id);
+			parent_display.textContent = p ? `#${p.id} ${p.title}` : `#${current_parent_id}`;
+		} else {
+			parent_display.textContent = '—';
+		}
+	}
+	refresh_parent_display();
+
+	const parent_btns = document.createElement('div');
+	parent_btns.className = 'edit-parent-btns';
+
+	const set_parent_btn = document.createElement('button');
+	set_parent_btn.textContent = 'Set…';
+	set_parent_btn.addEventListener('click', () => {
+		const excluded = entry ? new Set([entry.id, ...get_descendants(entry.id)]) : new Set();
+		if (current_parent_id) { excluded.add(current_parent_id); }
+		entry_picker.open(excluded, id => {
+			current_parent_id = id;
+			refresh_parent_display();
+			show(clear_parent_btn);
+		});
+	});
+
+	const clear_parent_btn = document.createElement('button');
+	clear_parent_btn.textContent = '× Clear';
+	if (!current_parent_id) { hide(clear_parent_btn); }
+	clear_parent_btn.addEventListener('click', () => {
+		current_parent_id = null;
+		refresh_parent_display();
+		hide(clear_parent_btn);
+	});
+
+	parent_btns.appendChild(set_parent_btn);
+	parent_btns.appendChild(clear_parent_btn);
+	parent_group.appendChild(parent_display);
+	parent_group.appendChild(parent_btns);
+	sidebar.appendChild(parent_group);
+
+	const editor_pane = document.createElement('div');
+	editor_pane.className = 'edit-editor-pane';
+	editor_pane.appendChild(tab_bar);
+	editor_pane.appendChild(cm_host);
+	editor_pane.appendChild(preview_el);
+
+	body_area.appendChild(editor_pane);
+	body_area.appendChild(sidebar);
+	view.appendChild(body_area);
+	container.appendChild(view);
+
+	if (!title_input.value) { title_input.focus(); }
+	else { cm_editor.focus(); }
+
+	// Save handler
+	save_btn.addEventListener('click', async () => {
+		const data = {
+			type:      ae.mode === 'new' ? (type_el.value ?? ae.type) : entry.type,
+			title:     title_input.value.trim(),
+			body:      get_editor_value().trim(),
+			status:    status_sel.value,
+			priority:  priority_sel.value,
+			tags:      tags_input.value.split(',').map(s => s.trim()).filter(Boolean),
+			parent_id: current_parent_id,
+		};
+		if (!data.title) { title_input.focus(); return; }
+		try {
+			save_btn.disabled = true;
+			save_btn.textContent = 'Saving…';
+			if (ae.mode === 'edit') {
+				const { entry: updated } = await api.update_entry(ae.id, data);
+				const idx = state.entries.findIndex(e => e.id === ae.id);
+				if (idx !== -1) { state.entries[idx] = updated; }
+				md_cache.delete(entry.title);
+				md_cache.delete(entry.body);
+				navigate(String(ae.id));
+			} else {
+				const { entry: created } = await api.create_entry(data);
+				state.entries.unshift(created);
+				navigate(String(created.id));
+			}
+		} catch (err) {
+			save_btn.disabled = false;
+			save_btn.textContent = 'Save';
+			alert(err.message);
+		}
+	});
+}
+
 // ---------------------------------------------------------------------------
 // Main render
 // ---------------------------------------------------------------------------
@@ -866,10 +1075,13 @@ function render_entry_detail(container) {
 function render() {
 	render_nav();
 	const main = document.getElementById('main');
+	main.classList.toggle('edit-mode', state.active_view === 'edit');
 	if (state.active_view === 'manage-types') {
 		render_manage_types(main);
 	} else if (state.active_view === 'entry') {
 		render_entry_detail(main);
+	} else if (state.active_view === 'edit') {
+		render_edit_view(main);
 	} else {
 		render_entries(main);
 	}
@@ -880,35 +1092,11 @@ function render() {
 // ---------------------------------------------------------------------------

 function open_add_dialog(parent_id, type_id) {
-	// If no type given and only one type exists, auto-select it
-	const resolved = type_id ?? (state.entry_types.length === 1 ? state.entry_types[0].id : null);
-	entry_dialog.open('New entry', { parent_id }, resolved, async (data) => {
-		try {
-			const { entry } = await api.create_entry(data);
-			state.entries.unshift(entry);
-			if (parent_id) { state.expanded.add(parent_id); }
-			render();
-		} catch (err) {
-			alert(err.message);
-		}
-	});
+	navigate_new(type_id, parent_id);
 }

 function open_edit_dialog(entry) {
-	entry_dialog.open('Edit entry', entry, entry.type, async (data) => {
-		try {
-			const { entry: updated } = await api.update_entry(entry.id, data);
-			const idx = state.entries.findIndex(e => e.id === entry.id);
-			if (idx !== -1) { state.entries[idx] = updated; }
-			md_cache.delete(entry.title);
-			md_cache.delete(entry.body);
-			md_cache.delete(updated.title);
-			md_cache.delete(updated.body);
-			render();
-		} catch (err) {
-			alert(err.message);
-		}
-	});
+	navigate('edit/' + entry.id);
 }

 function confirm_delete(entry) {
@@ -938,8 +1126,7 @@ async function init() {
 		document.body.appendChild(tmpl);
 	}

-	entry_picker     = new Entry_Picker_Dialog();
-	entry_dialog     = new Entry_Dialog();
+	entry_picker      = new Entry_Picker_Dialog();
 	entry_type_dialog = new Entry_Type_Dialog();

 	const [types_res, entries_res] = await Promise.all([
--- a/public/style.css
+++ b/public/style.css
@@ -6,7 +6,10 @@ body {
 	font-size: 14px;
 	background: #1a1a1a;
 	color: #e0e0e0;
-	min-height: 100vh;
+	height: 100vh;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
 }

 header {
@@ -608,3 +611,170 @@ dialog input:focus, dialog textarea:focus, dialog select:focus {
 .detail-children .task-list {
 	margin-top: 0.5rem;
 }
+
+/* Full-page edit mode */
+header { flex-shrink: 0; }
+
+main {
+	flex: 1;
+	overflow-y: auto;
+	min-height: 0;
+}
+
+main.edit-mode {
+	padding: 0;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
+}
+
+.edit-view {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	overflow: hidden;
+}
+
+.edit-header {
+	display: flex;
+	align-items: center;
+	gap: 0.75rem;
+	padding: 0.6rem 1rem;
+	background: #1e1e1e;
+	border-bottom: 1px solid #333;
+	flex-shrink: 0;
+}
+
+.edit-title-input {
+	flex: 1;
+	padding: 0.35rem 0.6rem;
+	background: #2a2a2a;
+	border: 1px solid #444;
+	border-radius: 4px;
+	color: #e0e0e0;
+	font-size: 15px;
+	font-family: inherit;
+	font-weight: 500;
+}
+
+.edit-title-input:focus {
+	outline: none;
+	border-color: #5588e0;
+}
+
+.edit-body-area {
+	display: grid;
+	grid-template-columns: 1fr 240px;
+	flex: 1;
+	overflow: hidden;
+	min-height: 0;
+}
+
+.edit-editor-pane {
+	display: flex;
+	flex-direction: column;
+	border-right: 1px solid #2a2a2a;
+	overflow: hidden;
+	min-height: 0;
+}
+
+.edit-tab-bar {
+	display: flex;
+	gap: 0;
+	border-bottom: 1px solid #2a2a2a;
+	flex-shrink: 0;
+	background: #161616;
+}
+
+.edit-tab {
+	padding: 0.4rem 1rem;
+	border: none;
+	border-radius: 0;
+	background: transparent;
+	color: #666;
+	font-size: 13px;
+	border-bottom: 2px solid transparent;
+	margin-bottom: -1px;
+}
+
+.edit-tab:hover { color: #aaa; background: transparent; }
+.edit-tab.active { color: #e0e0e0; border-bottom-color: #5588e0; background: transparent; }
+
+.edit-cm-host {
+	flex: 1;
+	overflow: hidden;
+	min-height: 0;
+}
+
+.edit-cm-host .cm-editor {
+	height: 100%;
+}
+
+.edit-cm-host .cm-scroller {
+	overflow: auto;
+	height: 100%;
+}
+
+.edit-preview {
+	flex: 1;
+	padding: 1rem 1.25rem;
+	overflow-y: auto;
+	line-height: 1.6;
+	font-size: 14px;
+	background: #111;
+	min-height: 0;
+}
+
+
+.edit-sidebar {
+	overflow-y: auto;
+	padding: 0.75rem;
+	background: #1a1a1a;
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.edit-sidebar-group {
+	display: flex;
+	flex-direction: column;
+	gap: 0.25rem;
+}
+
+.edit-sidebar-label {
+	font-size: 11px;
+	color: #666;
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+}
+
+.edit-sidebar-value {
+	font-size: 13px;
+	color: #ccc;
+	padding: 0.2rem 0;
+}
+
+.edit-sidebar-select,
+.edit-sidebar-input {
+	width: 100%;
+	padding: 0.3rem 0.5rem;
+	background: #242424;
+	border: 1px solid #444;
+	border-radius: 4px;
+	color: #e0e0e0;
+	font-size: 13px;
+	font-family: inherit;
+}
+
+.edit-sidebar-select:focus,
+.edit-sidebar-input:focus {
+	outline: none;
+	border-color: #5588e0;
+}
+
+.edit-parent-btns {
+	display: flex;
+	gap: 0.4rem;
+	flex-wrap: wrap;
+	margin-top: 0.25rem;
+}
--- a/server.mjs
+++ b/server.mjs
@@ -142,9 +142,8 @@ app.delete('/api/entries/:id', (req, res) => {
 	ok(res);
 });

-// SPA fallback
 const INDEX_HTML = new URL('./public/index.html', import.meta.url).pathname;
-app.get('/{*path}', (req, res) => res.sendFile(INDEX_HTML));
+app.get('/', (req, res) => res.sendFile(INDEX_HTML));

 app.use((err, req, res, next) => {
 	console.error(`[express error] ${req.method} ${req.path}`, err);