@orz/ui-codemirror 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright 2026 the orzui team
+Copyright 2026 the todou team
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -1,3 +1,252 @@
-# Temporary Holding Version
+# @orz/ui-codemirror
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+CodeMirror 6 editors themed by `@orz/ui`: a prose-first `CodeEditor` shell, a GFM `MarkdownEditor`,
+the completion extensions they are assembled from, and the slash-command panel and highlight over
+`@orz/query`'s command grammar.
+
+## Install
+
+```bash
+pnpm add @orz/ui-codemirror @orz/ui react react-dom lucide-react sonner \
+  @codemirror/state @codemirror/view @codemirror/language @codemirror/autocomplete \
+  @codemirror/commands @codemirror/search @lezer/highlight
+```
+
+These are peer dependencies, so the app and the editors share one copy of each:
+
+- `@orz/ui`: every editor registers itself with `useDirtySource` from `@orz/ui/lib/unsaved-guard`,
+  a module-level registry. A second copy of `@orz/ui` would hold a second registry, and the app's
+  navigation guard would never see an edited editor.
+- CodeMirror and `@lezer/highlight`: you pass your own extensions into these editors, and
+  CodeMirror checks extensions, facets and state fields by identity. A second `@codemirror/state`
+  raises "Unrecognized extension value", a second `@codemirror/language` gives your `syntaxTree()`
+  a different language facet, and a second `@lezer/highlight` gives your `tags` a different
+  identity, so your `HighlightStyle` would silently colour nothing.
+
+The markdown and JSON parsers (`@lezer/markdown`, `@lezer/json`) are ordinary dependencies. The
+package does not use `@codemirror/lang-markdown`, which pulls in the HTML, JS and CSS parsers for
+about 170 KB gzip. Neither is the HTML-to-Markdown converter a paste uses (`hast-util-from-dom`,
+`hast-util-to-mdast`, `mdast-util-to-markdown`, `mdast-util-gfm`): it is a dynamic import, so a
+bundler splits it into a chunk of its own, fetched once an editor is idle. `sonner` carries the
+one message a paste can raise, through `@orz/ui`'s `Toaster`.
+
+## CSS
+
+```css
+@import "tailwindcss";
+@import "@orz/ui/styles.css";
+@import "@orz/ui-codemirror/styles.css";
+```
+
+Import it after `@orz/ui/styles.css`. The editor's host element is styled with the same Tailwind
+utilities as `@orz/ui`'s `Textarea`, and the stylesheet registers `@source "./dist"` so Tailwind
+finds them. Everything inside the editor is styled with `EditorView.theme` against `@orz/ui`'s CSS
+variables. If you do not import the stylesheet, point Tailwind at the package yourself:
+
+```css
+@source "../node_modules/@orz/ui-codemirror/dist";
+```
+
+## Usage
+
+### A markdown editor
+
+```tsx
+import {
+  MarkdownEditor,
+  type MarkdownEditorHandle,
+} from "@orz/ui-codemirror/components/markdown-editor";
+
+const editor = useRef<MarkdownEditorHandle>(null);
+
+<MarkdownEditor
+  ref={editor}
+  ariaLabel="Comment"
+  placeholder="Write a comment…"
+  onSubmit={(value) => send(value)}
+  onCancel={() => close()}
+  className="min-h-24 max-h-96"
+/>;
+```
+
+The document lives in the EditorView, not in React state: read it through the handle or from
+`onSubmit`, and keep `onChange` for cheap derived flags. Mod-Enter submits, Escape cancels, and
+Alt-Enter inserts a blank line.
+
+### Paste and quote
+
+`MarkdownEditor` turns a formatted paste into Markdown, GitHub style: links, emphasis, lists,
+tables and code survive, and a paste that is one line keeps only its inline formatting, so a copied
+heading dropped into a sentence stays in it. Code copied out of an editor (VS Code's clipboard
+type, or HTML that is all preformatted) goes in as plain text, with a fenced block on offer. After
+a multi-line or formatted paste a toolbar under it switches the pasted range between Plain text
+and Markdown and toggles Quote, one undo step per switch.
+
+| Key | Does |
+|---|---|
+| Mod-V | Paste; formatting becomes Markdown |
+| Mod-Shift-V | Paste as plain text |
+| Mod-Alt-V | Paste as a quote |
+| Mod-Alt-Shift-V | Paste plain text as a quote |
+| Mod-. | Into the paste toolbar, right after a paste |
+| Mod-Shift-. | Quote or unquote the selected lines, under every cursor |
+
+No browser raises a paste event for Mod-Alt-V, so those keys read the clipboard themselves, and
+say so in a toast when the browser refuses. A paste that beats the converter's chunk goes in as
+plain text. `onPaste` sees every paste first; one it takes as files (`preventDefault`) is left
+alone.
+
+`EditorShortcutsHelp` is a keyboard button listing these keys, for a toolbar beside the editor,
+with Apple's ⌘ ⌥ ⇧ on Apple platforms. Its list portals into the button's own subtree, so a box
+that folds when focus leaves it stays open while the list is.
+
+For an editor of your own, `pasteAs()` from `extensions/paste-as` is the toolbar and keys;
+call its `handlePaste(view, event)` from your paste handler, and `prefetchPasteConverter()` once
+the editor is up. `toggleQuote` and `blockquote` are in `extensions/quote-toggle`.
+
+### Completion
+
+```tsx
+import type { CompletionSource } from "@codemirror/autocomplete";
+import { EditorView } from "@codemirror/view";
+import { completionWith } from "@orz/ui-codemirror/extensions/completion";
+import { applyWithSpace } from "@orz/ui-codemirror/extensions/completion-space";
+
+const mentions: CompletionSource = (context) => {
+  const match = context.matchBefore(/@\w*$/);
+  if (match === null) return null;
+  return {
+    from: match.from,
+    options: [{ label: "@alice", type: "mention", apply: applyWithSpace("@alice") }],
+  };
+};
+
+// Icons for your own completion types.
+const icons = EditorView.theme({
+  ".cm-completionIcon-mention::after": { content: "'@'", color: "var(--primary)" },
+});
+
+// Build this once (module scope or useMemo): a new identity reconfigures the editor and closes
+// the open panel.
+const extensions = [completionWith([mentions]), icons];
+
+<MarkdownEditor extensions={extensions} />;
+```
+
+Pass every source through one `completionWith` call. It installs the only `autocompletion()` for
+the editor, binds Tab only while a panel is open, adds the `<details>` tag template, and keeps the
+space after an accepted row out of the way of punctuation typed next.
+
+### Slash commands
+
+The command grammar lives in `@orz/query`, a dependency of this package; these extensions are the
+panel and the highlight on top of it.
+
+```tsx
+import {
+  createCommandRegistry,
+  parseCommandLines,
+  type ValueProviders,
+} from "@orz/query";
+import {
+  commandCompletionSource,
+  commandDecoration,
+} from "@orz/ui-codemirror/extensions/slash-commands";
+
+type Action =
+  | { type: "close" }
+  | { type: "label"; name: string }
+  | { type: "move"; status: string; assignee?: string };
+
+const registry = createCommandRegistry<Action>([
+  {
+    name: "close",
+    detail: "→ Done",
+    args: [],
+    summarize: () => "close",
+    compile: () => ({ type: "close" }),
+  },
+  {
+    name: "label",
+    detail: "add a label",
+    args: [{ name: "label", value: { kind: "named", source: "label" }, rest: true }],
+    summarize: ([name]) => `label ${name}`,
+    compile: ([name]) => ({ type: "label", name: String(name) }),
+  },
+  {
+    name: "move",
+    detail: "change status",
+    args: [
+      { name: "status", value: { kind: "named", source: "status" } },
+      { name: "assignee", value: { kind: "named", source: "member" }, optional: true },
+    ],
+    summarize: ([status]) => `move to ${status}`,
+    compile: ([status, assignee]) => ({
+      type: "move",
+      status: String(status),
+      ...(assignee === undefined ? {} : { assignee: String(assignee) }),
+    }),
+  },
+]);
+
+// Snapshot lists, or `{ search: (prefix, signal) => … }` for a list too long to load.
+let providers: ValueProviders = {
+  label: { options: [{ value: "bug" }, { value: "docs" }] },
+  status: { options: [{ value: "Todo" }, { value: "In Progress" }] },
+  member: { options: undefined }, // still loading
+};
+
+// Getters, so a registry or providers built from data that arrives later need no reconfigure.
+const getRegistry = () => registry;
+const getProviders = () => providers;
+const extensions = [
+  completionWith([commandCompletionSource(getRegistry, getProviders)]),
+  commandDecoration(getRegistry, getProviders),
+];
+
+<MarkdownEditor
+  extensions={extensions}
+  onSubmit={(value) => {
+    const { body, commands, invalid } = parseCommandLines(value, registry, providers);
+    // body: the text with every command line removed; commands: Action[].
+  }}
+/>;
+```
+
+A command is a whole line of the document. Lines inside fenced code are never commands, an unknown
+`/word` stays prose, and a recognized line whose argument names nothing lands in `invalid` with a
+reason. Arguments are shell words (`/move 'In Progress' alice`); see `@orz/query` for rest and
+`multiple` arguments.
+
+The panel offers the current argument's values, inserts a space and reopens for the next argument,
+and leads with an `↵ end of command` row while every remaining argument is optional. A `search`
+provider is asked per keystroke and the request is aborted when the next key arrives. The highlight
+tints recognized lines, marks the name (`cm-command-name`) and each argument (`cm-command-arg`,
+plus `-special` or `-invalid`), and redraws when the getters return a new registry or providers
+object, so replace `providers` rather than mutating it.
+
+### Provenance
+
+`CodeEditorHandle.userChanged()` reports whether the reader changed the document since mount.
+Mark your own writes so they do not count. `view` here is the `EditorView` that `CodeEditor`'s
+`onView` hands out, or the one a command or `ViewPlugin` of yours receives:
+
+```ts
+import { PROGRAMMATIC_USER_EVENT } from "@orz/ui-codemirror/components/code-editor";
+
+view.dispatch({ changes, userEvent: PROGRAMMATIC_USER_EVENT });
+```
+
+The handle's `setValue` and `append` are not marked, so they count as the reader's changes.
+
+## Entry points
+
+| Import | Contents |
+|---|---|
+| `@orz/ui-codemirror/components/code-editor` | `CodeEditor`, `CodeEditorHandle`, `CodeEditorProps`, `PROGRAMMATIC_USER_EVENT` |
+| `@orz/ui-codemirror/components/editor-shortcuts-help` | `EditorShortcutsHelp` |
+| `@orz/ui-codemirror/components/markdown-editor` | `MarkdownEditor`, `MarkdownEditorHandle`, `MarkdownEditorProps`, `FileClipboardEvent`, `FileDragEvent`, `markdownLanguage`, `markdownHighlightStyle` |
+| `@orz/ui-codemirror/extensions/<name>` | `code-context`, `completion`, `completion-space`, `json`, `paste-as`, `quote-toggle`, `slash-commands`, `tag-completion`, `trim-trailing-space` |
+| `@orz/ui-codemirror/styles.css` | `@source "./dist"` |
+
+There is no root entry, so a markdown-only app never reaches `@lezer/json` through an index file.

package/dist/components/code-editor.d.ts

@@ -0,0 +1,94 @@
+import { type HighlightStyle } from "@codemirror/language";
+import { type Extension } from "@codemirror/state";
+import type { KeyBinding } from "@codemirror/view";
+import { EditorView } from "@codemirror/view";
+/**
+ * The user event that marks a write as the program's rather than the
+ * reader's. Tag a dispatch with
+ * `Transaction.userEvent.of(PROGRAMMATIC_USER_EVENT)` (or
+ * `userEvent: PROGRAMMATIC_USER_EVENT`) and it leaves `userChanged()` alone.
+ */
+export declare const PROGRAMMATIC_USER_EVENT = "orz.programmatic";
+export type CodeEditorHandle = {
+    getValue: () => string;
+    /**
+     * CAUTION: this dispatch is NOT annotated with `PROGRAMMATIC_USER_EVENT`,
+     * so it counts as a user change. An owner that judges provenance through
+     * `userChanged()` would read a `setValue` as the reader's edit; annotate
+     * the write before using it under such an owner.
+     */
+    setValue: (value: string) => void;
+    /**
+     * Add to the end of the document, caret after it and scrolled into view.
+     *
+     * Unmarked, like `setValue`, but here on purpose: the text arrives because
+     * the reader asked for it, so `userChanged()` reading true afterwards is
+     * the right answer.
+     */
+    append: (text: string) => void;
+    focus: () => void;
+    /**
+     * True when the document changed through a CM user event (typing, paste,
+     * drop) since mount — provenance, not byte-equality: writes tagged
+     * `PROGRAMMATIC_USER_EVENT` do not count.
+     */
+    userChanged: () => boolean;
+    /**
+     * Close an open completion panel, reporting whether there was one. An
+     * editor inside a dismissable layer needs this because that layer listens
+     * for Escape on the document in the capture phase and calls
+     * `preventDefault` — after which CodeMirror's own handlers decline the
+     * event, so the layer's owner has to do the closing.
+     */
+    dismissCompletion: () => boolean;
+};
+export type CodeEditorProps = {
+    /** Read once, at mount: the editor owns its document from then on. */
+    initialValue?: string;
+    placeholder?: string;
+    ariaLabel?: string;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    /**
+     * The caller owns both the live value and its dirty baseline. This editor
+     * then acts only as a view and does not register a duplicate dirty source.
+     */
+    ownerManagedDirty?: boolean;
+    /**
+     * Caller's own key bindings, placed ahead of the base keymap. The order is
+     * load-bearing: defaultKeymap binds Mod-Enter to insertBlankLine, so a
+     * submit binding listed after it never fires.
+     */
+    keymap?: KeyBinding[];
+    /** Language support, e.g. a markdown Language or a StreamLanguage. */
+    language?: Extension;
+    /** Token-level colouring to pair with `language`. */
+    highlightStyle?: HighlightStyle;
+    /**
+     * Fires on every document change. Only for cheap derived state (an empty
+     * draft disabling its submit button) — the document itself lives in the
+     * editor, not in React.
+     */
+    onChange?: (value: string) => void;
+    /** Extra CodeMirror extensions, appended last so they can override. */
+    extensions?: Extension;
+    /**
+     * data-slot of the host element. Tests reach a specific editor kind
+     * through it; the default names the generic shell.
+     */
+    slot?: string;
+    /** Height is the caller's business: pass the min-height/max-height here. */
+    className?: string;
+    /** The underlying EditorView, once mounted — for callers that drive the
+     * cursor or the document programmatically. */
+    onView?: (view: EditorView | null) => void;
+    ref?: React.Ref<CodeEditorHandle>;
+};
+/**
+ * The common CodeMirror shell for every editor built on it: mounting, the
+ * placeholder/readOnly/extensions compartments, the theme, dirty tracking,
+ * and the base key bindings. Callers bring their own language and, ahead of
+ * the base keymap, their own semantics — submit keys, line editing, snippets.
+ */
+export declare function CodeEditor({ initialValue, placeholder, ariaLabel, autoFocus, readOnly, ownerManagedDirty, keymap: callerKeymap, language, highlightStyle, onChange, extensions, slot, onView, className, ref, }: CodeEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=code-editor.d.ts.map

package/dist/components/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../src/components/code-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAEL,UAAU,EAGX,MAAM,kBAAkB,CAAC;AAQ1B;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,qBAAqB,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;;;OAMG;IACH,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;;OAIG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B;;;;;;OAMG;IACH,iBAAiB,EAAE,MAAM,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qDAAqD;IACrD,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;kDAC8C;IAC9C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC,CAAC;AAiEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,YAAiB,EACjB,WAAgB,EAChB,SAAS,EACT,SAAiB,EACjB,QAAgB,EAChB,iBAAyB,EACzB,MAAM,EAAE,YAAY,EACpB,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,GACJ,EAAE,eAAe,+BAgLjB"}

package/dist/components/code-editor.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { closeCompletion, completionStatus } from "@codemirror/autocomplete";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+import { syntaxHighlighting } from "@codemirror/language";
+import { Compartment, EditorState } from "@codemirror/state";
+import { drawSelection, EditorView, keymap, placeholder as placeholderExt, } from "@codemirror/view";
+import { cn } from "@orz/ui";
+import { useDirtySource } from "@orz/ui/lib/unsaved-guard";
+import { useEffect, useImperativeHandle, useRef } from "react";
+import { compositionSafeMeasure } from "../extensions/composition-safe-measure.js";
+import { parkedTooltip } from "../extensions/parked-tooltip.js";
+import { tooltipSpace } from "../extensions/tooltip-space.js";
+/**
+ * The user event that marks a write as the program's rather than the
+ * reader's. Tag a dispatch with
+ * `Transaction.userEvent.of(PROGRAMMATIC_USER_EVENT)` (or
+ * `userEvent: PROGRAMMATIC_USER_EVENT`) and it leaves `userChanged()` alone.
+ */
+export const PROGRAMMATIC_USER_EVENT = "orz.programmatic";
+/** Mirrors `@orz/ui`'s `Textarea` look, with every colour coming from a variable. */
+const editorTheme = EditorView.theme({
+    "&": {
+        color: "var(--foreground)",
+        backgroundColor: "transparent",
+        fontFamily: "var(--font-sans)",
+        // style-mod cannot express a media query against the generated theme
+        // class, so the breakpoint lives in the wrapper's Tailwind classes and
+        // the editor simply inherits it.
+        fontSize: "inherit",
+        // Lets the wrapper's max-height clamp the editor so .cm-scroller,
+        // not the page, does the scrolling.
+        flex: "1 1 auto",
+        minHeight: "0",
+        borderRadius: "inherit",
+    },
+    "&.cm-focused": { outline: "none" },
+    /**
+     * alignSelf and minHeight here, with flexGrow on .cm-scroller below, are what
+     * makes the blank area under a short document part of the editor rather than
+     * a dead shell. The base theme already means to do that, with
+     * `.cm-scroller { height: 100% }` and `.cm-content { min-height: 100% }` —
+     * but callers give this component a min-height, never a height, so the
+     * containing block is never definite, both percentages silently resolve to
+     * `auto`, and the contenteditable stays as short as its text. None of the
+     * three below depends on percentage resolution: the scroller takes the
+     * leftover height through flex, align-self overrides the base theme's
+     * `align-items: flex-start !important` so the content stretches down the
+     * cross axis, and min-content floors that stretch — a stretched box is
+     * clamped to the flex line, which costs a document taller than the caller's
+     * max-height its bottom padding, with no way to scroll to it.
+     */
+    ".cm-content": {
+        padding: "0.5rem 0.625rem",
+        lineHeight: "1.5",
+        caretColor: "var(--foreground)",
+        alignSelf: "stretch",
+        minHeight: "min-content",
+    },
+    // CodeMirror's own base theme puts monospace here; this shell is for prose
+    // first, so it inherits the host's font instead.
+    ".cm-scroller": {
+        overflow: "auto",
+        fontFamily: "inherit",
+        fontSize: "inherit",
+        lineHeight: "inherit",
+        // Not `flex: 1`, which would zero the basis; the other two components of
+        // the shorthand are already at their defaults.
+        flexGrow: "1",
+        // The wrapper cannot clip to its rounded corners — that would clip an
+        // absolute completion popup too — so the scroller clips itself.
+        borderRadius: "inherit",
+    },
+    ".cm-line": { padding: "0" },
+    ".cm-cursor, .cm-dropCursor": { borderLeftColor: "var(--foreground)" },
+    "&.cm-focused .cm-selectionBackground, .cm-selectionBackground, ::selection": {
+        backgroundColor: "color-mix(in oklab, var(--primary) 22%, transparent)",
+    },
+    ".cm-placeholder": { color: "var(--muted-foreground)" },
+    ".cm-gutters": { display: "none" },
+});
+/**
+ * The common CodeMirror shell for every editor built on it: mounting, the
+ * placeholder/readOnly/extensions compartments, the theme, dirty tracking,
+ * and the base key bindings. Callers bring their own language and, ahead of
+ * the base keymap, their own semantics — submit keys, line editing, snippets.
+ */
+export function CodeEditor({ initialValue = "", placeholder = "", ariaLabel, autoFocus = false, readOnly = false, ownerManagedDirty = false, keymap: callerKeymap, language, highlightStyle, onChange, extensions, slot, onView, className, ref, }) {
+    const host = useRef(null);
+    const view = useRef(null);
+    // Compared against, never written: a ref outlives the mount effect below,
+    // so the box stays "edited from what it was opened with" even after
+    // Suspense rebuilds the document — which is also why the baseline cannot
+    // come from the EditorView, whose doc may already be the rebuilt one.
+    const baseline = useRef(initialValue);
+    const latestInitialValue = useRef(initialValue);
+    latestInitialValue.current = initialValue;
+    // Keymap and DOM handlers are built once but must always call today's
+    // props, not the ones captured at mount.
+    const handlers = useRef({ onChange, ownerManagedDirty });
+    handlers.current = { onChange, ownerManagedDirty };
+    // One compartment per mutable extension, so a prop change reconfigures
+    // that slice instead of rebuilding the view (and losing undo history).
+    const placeholderSlot = useRef(new Compartment()).current;
+    const readOnlySlot = useRef(new Compartment()).current;
+    const extensionsSlot = useRef(new Compartment()).current;
+    // Read through the ref rather than the closure: the EditorView is a
+    // different instance after a rebuild, and only the baseline has to survive
+    // that. Whitespace-only differences are not worth a confirmation.
+    useDirtySource(() => !handlers.current.ownerManagedDirty &&
+        !readOnly &&
+        (view.current?.state.doc.toString() ?? baseline.current).trim() !==
+            baseline.current.trim());
+    const userChangedRef = useRef(false);
+    // Every method reads only refs, so an empty list costs nothing and keeps
+    // the handle's identity stable across renders, which callers rely on.
+    useImperativeHandle(ref, () => ({
+        getValue: () => view.current?.state.doc.toString() ?? "",
+        // CAUTION (mirrors CodeEditorHandle.setValue): unannotated, so it counts
+        // as a user change.
+        setValue: (value) => {
+            const current = view.current;
+            if (!current)
+                return;
+            current.dispatch({
+                changes: { from: 0, to: current.state.doc.length, insert: value },
+            });
+        },
+        append: (text) => {
+            const current = view.current;
+            if (!current)
+                return;
+            const at = current.state.doc.length;
+            current.dispatch({
+                changes: { from: at, insert: text },
+                selection: { anchor: at + text.length },
+                scrollIntoView: true,
+            });
+        },
+        focus: () => view.current?.focus(),
+        // Provenance as in the handle type: user-event transactions mark the
+        // document as reader-touched; tagged programmatic writes never do.
+        userChanged: () => userChangedRef.current,
+        dismissCompletion: () => {
+            const current = view.current;
+            // "pending" is a query in flight with nothing on screen yet, which is
+            // not something the reader can have meant to dismiss.
+            if (current === null || completionStatus(current.state) !== "active") {
+                return false;
+            }
+            closeCompletion(current);
+            return true;
+        },
+    }), []);
+    // Mount once. initialValue/ariaLabel changes do not rebuild the view —
+    // remount with a new `key` if a caller ever needs that.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: mount-only by design; every mutable prop is reconfigured through the compartments below.
+    useEffect(() => {
+        const parent = host.current;
+        if (parent === null)
+            return;
+        const instance = new EditorView({
+            parent,
+            state: EditorState.create({
+                doc: latestInitialValue.current,
+                extensions: [
+                    history(),
+                    drawSelection(),
+                    compositionSafeMeasure,
+                    // Without this CM silently collapses every extra range, which is
+                    // what makes Mod-D look like a no-op.
+                    EditorState.allowMultipleSelections.of(true),
+                    EditorView.lineWrapping,
+                    keymap.of([
+                        ...(callerKeymap ?? []),
+                        ...defaultKeymap,
+                        ...historyKeymap,
+                    ]),
+                    ...(language ? [language] : []),
+                    ...(highlightStyle ? [syntaxHighlighting(highlightStyle)] : []),
+                    editorTheme,
+                    parkedTooltip,
+                    tooltipSpace,
+                    EditorView.contentAttributes.of({
+                        // CodeMirror's contenteditable opts out of the niceties a
+                        // <textarea> gets for free.
+                        spellcheck: "true",
+                        autocapitalize: "sentences",
+                        autocorrect: "on",
+                        ...(ariaLabel === undefined ? {} : { "aria-label": ariaLabel }),
+                    }),
+                    EditorView.updateListener.of((update) => {
+                        if (update.docChanged) {
+                            // Default to "the reader did this": every UI path to a doc
+                            // change (typing, paste, drop, delete, and the whole move.*
+                            // family — defaultKeymap's line moves and transposes annotate
+                            // their transactions) arrives as a user event, and a whitelist
+                            // loses a family every time CM adds one. The exception is a
+                            // write the caller marked with PROGRAMMATIC_USER_EVENT.
+                            // Mount-time \r\n normalization rides in EditorState.create —
+                            // no transaction, never judged.
+                            const ours = update.transactions.every((t) => t.isUserEvent(PROGRAMMATIC_USER_EVENT));
+                            if (!ours)
+                                userChangedRef.current = true;
+                            handlers.current.onChange?.(update.state.doc.toString());
+                        }
+                    }),
+                    placeholderSlot.of(placeholderExt(placeholder)),
+                    readOnlySlot.of(EditorState.readOnly.of(readOnly)),
+                    extensionsSlot.of(extensions ?? []),
+                ],
+            }),
+        });
+        view.current = instance;
+        onView?.(instance);
+        if (autoFocus)
+            instance.focus();
+        return () => {
+            instance.destroy();
+            view.current = null;
+            onView?.(null);
+        };
+    }, []);
+    useEffect(() => {
+        view.current?.dispatch({
+            effects: placeholderSlot.reconfigure(placeholderExt(placeholder)),
+        });
+    }, [placeholder, placeholderSlot]);
+    useEffect(() => {
+        view.current?.dispatch({
+            effects: readOnlySlot.reconfigure(EditorState.readOnly.of(readOnly)),
+        });
+    }, [readOnly, readOnlySlot]);
+    useEffect(() => {
+        view.current?.dispatch({
+            effects: extensionsSlot.reconfigure(extensions ?? []),
+        });
+    }, [extensions, extensionsSlot]);
+    return (_jsx("div", { ref: host, "data-slot": slot ?? "code-editor", "data-read-only": readOnly ? "true" : undefined, className: cn(
+        // text-base below md is not cosmetic: iOS auto-zooms a focused field
+        // under 16px. Same rule `@orz/ui`'s Textarea follows.
+        "flex w-full flex-col rounded-lg border border-input bg-transparent text-base transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 md:text-sm dark:bg-input/30", readOnly && "opacity-50", className) }));
+}
+//# sourceMappingURL=code-editor.js.map

package/dist/components/code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../src/components/code-editor.tsx"],"names":[],"mappings":"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"}

package/dist/components/editor-shortcuts-help.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `MarkdownEditor`'s paste and quote keys, none of which leave a trace on
+ * screen until they are used, behind a keyboard button for a toolbar beside
+ * the editor. Apple platforms get ⌘ ⌥ ⇧.
+ */
+export declare function EditorShortcutsHelp(): import("react").JSX.Element;
+//# sourceMappingURL=editor-shortcuts-help.d.ts.map

package/dist/components/editor-shortcuts-help.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-shortcuts-help.d.ts","sourceRoot":"","sources":["../../src/components/editor-shortcuts-help.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,wBAAgB,mBAAmB,gCAkDlC"}