@ai-composer/dom 0.0.0-stage → 0.1.0

package/dist/surface.js

@@ -0,0 +1,372 @@
+/**
+ * The editable surface: binds a contentEditable host to an editor using the
+ * model-first pipeline:
+ *
+ *   user input → parse DOM → editor.applyViewUpdate() (model is authoritative)
+ *   model change → render → restore caret from model selection
+ *
+ * All programmatic APIs (setValue/insertNode/undo…) write the model; the
+ * surface re-projects it. See ADR-0001.
+ */
+import { createSelection, documentToText, ensureNodeKey, fromGlobalOffset, getRange, sanitizeDocument, toGlobalOffset, } from '@ai-composer/core';
+import { parseEditableHost, htmlToPlainText, CLIPBOARD_MIME } from './parse';
+import { renderDocument } from './render';
+import { applyModelSelection, domSelectionToModel } from './selection';
+export const EDITABLE_SURFACE_CLASS = 'aic-input';
+let surfaceCounter = 0;
+export function createEditableSurface(editor, host, options = {}) {
+    const surfaceId = options.id ?? `aic-input-${(surfaceCounter += 1)}`;
+    let submitKeyOverride = options.submitKey;
+    const submitKey = () => submitKeyOverride ?? editor.getConfig().submitKey ?? 'enter';
+    const ariaLabel = () => options.ariaLabel ?? editor.getConfig().placeholder ?? 'AI Composer';
+    let composing = false;
+    let rendering = false;
+    let fromDom = false;
+    let destroyed = false;
+    let multiline = options.multiline ?? true;
+    let lastRendered = null;
+    const disposables = [];
+    host.id = surfaceId;
+    host.classList.add(EDITABLE_SURFACE_CLASS);
+    host.setAttribute('data-aic-input', '');
+    host.setAttribute('role', 'textbox');
+    host.setAttribute('aria-label', ariaLabel());
+    host.setAttribute('aria-multiline', String(multiline));
+    host.spellcheck = false;
+    // -- rendering -----------------------------------------------------------
+    function render() {
+        if (destroyed)
+            return;
+        rendering = true;
+        try {
+            renderDocument(host, editor.getValue(), editor.nodes);
+            lastRendered = editor.getValue();
+            applyModelSelection(host, editor.getValue(), editor.getSelection());
+        }
+        finally {
+            rendering = false;
+        }
+    }
+    function syncFromState() {
+        if (destroyed)
+            return;
+        const state = editor.getState();
+        const editable = !state.disabled && !state.readonly;
+        if (host.getAttribute('contenteditable') !== (editable ? 'true' : 'false')) {
+            host.setAttribute('contenteditable', editable ? 'true' : 'false');
+        }
+        host.toggleAttribute('data-aic-readonly', state.readonly);
+        host.toggleAttribute('data-aic-disabled', state.disabled);
+        host.setAttribute('aria-label', ariaLabel());
+        if (state.placeholder) {
+            host.setAttribute('data-placeholder', state.placeholder);
+        }
+        host.toggleAttribute('data-aic-empty', state.empty);
+        if (state.value !== lastRendered) {
+            if (fromDom) {
+                // The change originated from this host's own input event — the DOM
+                // already reflects it. Re-rendering under the browser's active input
+                // processing corrupts caret/insert state (duplicated keystrokes).
+                lastRendered = state.value;
+            }
+            else {
+                render();
+            }
+        }
+        syncMultilineHint(state.empty);
+    }
+    /**
+     * Multiline detection for styling (compact pill → rounded box) and a11y:
+     * true when the model contains a newline OR the content spans more than one
+     * line box (soft wrap). Growth then comes from `height: auto`; the cap is
+     * `--aic-input-max-height` with an internal scrollbar. Never true for an
+     * empty host — the browser's trailing `<br>` artifact would flag it.
+     */
+    function syncMultilineHint(empty) {
+        // Only real text newlines count — serialized chips may render as '\n'.
+        const hasNewline = editor
+            .getValue()
+            .nodes.some((node) => node.type === 'text' && node.text.includes('\n'));
+        const multiline = !empty && (hasNewline || spansMultipleLines(host));
+        // Mirrored onto the root so theme CSS uses plain attribute selectors —
+        // `:has()`-based rules are still dropped by some engine versions.
+        host.toggleAttribute('data-aic-multiline', multiline);
+        host.closest('.aic-root')?.toggleAttribute('data-aic-multiline', multiline);
+    }
+    // -- input pipeline --------------------------------------------------------
+    function syncFromDom() {
+        if (destroyed || rendering || composing)
+            return;
+        const parsed = parseEditableHost(host, editor.nodes);
+        const selection = domSelectionToModel(host, parsed);
+        fromDom = true;
+        try {
+            editor.applyViewUpdate(parsed, selection ?? undefined);
+        }
+        finally {
+            fromDom = false;
+        }
+    }
+    function handleEnter(shiftKey) {
+        const state = editor.getState();
+        const key = submitKey();
+        if (key === 'none' || (key === 'enter' && shiftKey) || (key === 'shift-enter' && !shiftKey)) {
+            editor.insertText('\n');
+            return;
+        }
+        if (state.suggestions.length > 0) {
+            void editor.acceptSuggestion();
+            return;
+        }
+        void editor.submit();
+    }
+    function onBeforeInput(event) {
+        if (destroyed)
+            return;
+        const inputType = event.inputType;
+        // Enter is fully handled at keydown; beforeinput is a safety net against
+        // native paragraph markup from edge paths (e.g. IME confirm).
+        if (inputType === 'insertParagraph') {
+            event.preventDefault();
+        }
+        if (inputType === 'historyUndo') {
+            event.preventDefault();
+            editor.undo();
+        }
+        if (inputType === 'historyRedo') {
+            event.preventDefault();
+            editor.redo();
+        }
+    }
+    function onInput() {
+        if (composing)
+            return;
+        syncFromDom();
+    }
+    function onKeyDown(event) {
+        if (destroyed)
+            return;
+        const state = editor.getState();
+        const key = event.key;
+        // Suggestion menu navigation
+        if (state.suggestions.length > 0) {
+            if (key === 'ArrowDown') {
+                event.preventDefault();
+                editor.moveSuggestionSelection(1);
+                return;
+            }
+            if (key === 'ArrowUp') {
+                event.preventDefault();
+                editor.moveSuggestionSelection(-1);
+                return;
+            }
+            if (key === 'Enter' || key === 'Tab') {
+                event.preventDefault();
+                void editor.acceptSuggestion();
+                return;
+            }
+            if (key === 'Escape') {
+                event.preventDefault();
+                editor.closeTrigger('escape');
+                return;
+            }
+        }
+        else if (key === 'Enter') {
+            // Enter semantics live here — keydown carries reliable modifier state.
+            event.preventDefault();
+            handleEnter(event.shiftKey);
+            return;
+        }
+        // History shortcuts (native contentEditable undo is disabled)
+        const meta = event.metaKey || event.ctrlKey;
+        if (meta && key.toLowerCase() === 'z') {
+            event.preventDefault();
+            if (event.shiftKey)
+                editor.redo();
+            else
+                editor.undo();
+            return;
+        }
+        if (meta && key.toLowerCase() === 'y') {
+            event.preventDefault();
+            editor.redo();
+            return;
+        }
+    }
+    function onPaste(event) {
+        if (destroyed)
+            return;
+        event.preventDefault();
+        const transfer = event.clipboardData;
+        if (!transfer)
+            return;
+        const internal = transfer.getData(CLIPBOARD_MIME);
+        if (internal) {
+            try {
+                const parsed = JSON.parse(internal);
+                if (Array.isArray(parsed?.nodes)) {
+                    const sanitized = sanitizeDocument({ nodes: parsed.nodes.map(ensureNodeKey) }, (type) => editor.nodes.has(type));
+                    if (sanitized.nodes.length > 0) {
+                        editor.replaceRange(getRange(editor.getSelection()), sanitized.nodes);
+                        return;
+                    }
+                }
+            }
+            catch {
+                // malformed internal payload — fall through to plain text
+            }
+        }
+        const html = transfer.getData('text/html');
+        const text = transfer.getData('text/plain') || (html ? htmlToPlainText(html) : '');
+        if (text)
+            editor.insertText(text);
+    }
+    function onCopy(event) {
+        const payload = sliceSelection(editor.getValue(), editor.getSelection());
+        if (payload.nodes.length === 0)
+            return;
+        event.preventDefault();
+        const selectedDoc = { nodes: payload.nodes };
+        event.clipboardData?.setData('text/plain', documentText(editor, selectedDoc));
+        event.clipboardData?.setData(CLIPBOARD_MIME, JSON.stringify({ nodes: payload.nodes }));
+    }
+    function onFocus() {
+        editor.setFocused(true);
+    }
+    function onBlur() {
+        editor.setFocused(false);
+    }
+    function onSelectionChange() {
+        if (destroyed || rendering)
+            return;
+        const ownerDocument = host.ownerDocument;
+        const domSelection = ownerDocument.getSelection();
+        if (!domSelection || !host.contains(domSelection.anchorNode))
+            return;
+        const selection = domSelectionToModel(host, editor.getValue());
+        if (selection) {
+            try {
+                editor.setSelection(selection);
+            }
+            catch {
+                // Editor may have been destroyed between the timer scheduling and now.
+            }
+        }
+    }
+    // -- wiring ---------------------------------------------------------------
+    host.addEventListener('beforeinput', onBeforeInput);
+    host.addEventListener('input', onInput);
+    host.addEventListener('keydown', onKeyDown);
+    host.addEventListener('paste', onPaste);
+    host.addEventListener('copy', onCopy);
+    host.addEventListener('focus', onFocus);
+    host.addEventListener('blur', onBlur);
+    host.addEventListener('compositionstart', () => {
+        composing = true;
+    });
+    host.addEventListener('compositionend', () => {
+        composing = false;
+        syncFromDom();
+    });
+    host.ownerDocument.addEventListener('selectionchange', onSelectionChange);
+    disposables.push(editor.attachView({
+        focus: () => surface.focus(),
+        blur: () => surface.blur(),
+        render: () => render(),
+    }));
+    disposables.push(editor.subscribe(syncFromState));
+    editor.on('destroy', () => surface.destroy());
+    syncFromState();
+    const surface = {
+        host,
+        render,
+        focus(options2) {
+            host.focus({ preventScroll: true });
+            const ownerDocument = host.ownerDocument;
+            const domSelection = ownerDocument.getSelection();
+            if (!domSelection || !host.contains(domSelection.focusNode)) {
+                const position = options2?.at ?? 'end';
+                const doc = editor.getValue();
+                const total = doc.nodes.reduce((sum, n) => sum + (n.type === 'text' ? n.text.length : 1), 0);
+                const offset = position === 'start' ? 0 : total;
+                editor.setSelection(createSelection(fromGlobalOffset(doc, offset)));
+            }
+        },
+        blur() {
+            host.blur();
+        },
+        setMultiline(next) {
+            multiline = next;
+            host.setAttribute('aria-multiline', String(next));
+        },
+        setSubmitKey(key) {
+            submitKeyOverride = key;
+        },
+        destroy() {
+            if (destroyed)
+                return;
+            destroyed = true;
+            host.removeEventListener('beforeinput', onBeforeInput);
+            host.removeEventListener('input', onInput);
+            host.removeEventListener('keydown', onKeyDown);
+            host.removeEventListener('paste', onPaste);
+            host.removeEventListener('copy', onCopy);
+            host.removeEventListener('focus', onFocus);
+            host.removeEventListener('blur', onBlur);
+            host.ownerDocument.removeEventListener('selectionchange', onSelectionChange);
+            for (const dispose of disposables.splice(0))
+                dispose();
+            host.setAttribute('contenteditable', 'false');
+        },
+    };
+    return surface;
+}
+function documentText(editor, doc) {
+    return documentToText(doc, { nodes: editor.nodes });
+}
+/** True when the host's content occupies more than one visual line. */
+function spansMultipleLines(host) {
+    const doc = host.ownerDocument;
+    const range = doc.createRange();
+    range.selectNodeContents(host);
+    if (typeof range.getClientRects !== 'function')
+        return false; // jsdom
+    const rects = Array.from(range.getClientRects());
+    if (rects.length < 2)
+        return false;
+    // Same-line items (inline chips + text runs) overlap vertically, so their
+    // combined span stays close to the tallest single rect; wrapped/newline
+    // content stacks and roughly doubles it.
+    const span = Math.max(...rects.map((rect) => rect.bottom)) - Math.min(...rects.map((rect) => rect.top));
+    const tallest = Math.max(...rects.map((rect) => rect.height));
+    return tallest > 0 && span > tallest * 1.5;
+}
+/** Clone the nodes intersecting the current selection (used for copy). */
+function sliceSelection(doc, selection) {
+    const { start, end } = getRange(selection);
+    const toOffset = (position) => toGlobalOffset(doc, position);
+    const low = Math.min(toOffset(start), toOffset(end));
+    const high = Math.max(toOffset(start), toOffset(end));
+    const nodes = [];
+    let cursor = 0;
+    for (const node of doc.nodes) {
+        const length = node.type === 'text' ? node.text.length : 1;
+        const nodeStart = cursor;
+        const nodeEnd = cursor + length;
+        cursor = nodeEnd;
+        if (nodeEnd <= low || nodeStart >= high)
+            continue;
+        if (node.type !== 'text') {
+            nodes.push(node);
+        }
+        else {
+            const from = Math.max(0, low - nodeStart);
+            const to = Math.min(length, high - nodeStart);
+            const text = node.text.slice(from, to);
+            if (text)
+                nodes.push({ ...node, text });
+        }
+    }
+    return { nodes };
+}
+//# sourceMappingURL=surface.js.map

package/dist/surface.js.map

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

package/dist/template.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Structural templates. Modes are presets, not separate implementations:
+ * a template describes which slots exist and how the surface behaves.
+ */
+import type { SubmitKey } from '@ai-composer/core';
+export type TemplateSlotName = 'root' | 'header' | 'body' | 'attachments' | 'input' | 'suggestions' | 'toolbar' | 'actions' | 'footer' | 'status';
+export interface AIComposerDomTemplate {
+    name: string;
+    /** Slots rendered by the default mount, in order. */
+    slots: TemplateSlotName[];
+    /** Multiline editing surface. */
+    multiline: boolean;
+    /** Default submit key behavior for the mode. */
+    submitKey?: SubmitKey;
+    /** Toolbar buttons included by the default mount. */
+    toolbarButtons?: Array<'undo' | 'redo' | 'submit'>;
+}
+export declare const COMPACT_TEMPLATE: AIComposerDomTemplate;
+export declare const DEFAULT_TEMPLATE: AIComposerDomTemplate;
+export declare const CHAT_TEMPLATE: AIComposerDomTemplate;
+export declare const EXPANDED_TEMPLATE: AIComposerDomTemplate;
+export declare function templateForMode(mode: string): AIComposerDomTemplate;
+/** Register a custom mode preset (used by applications/other packages). */
+export declare function registerTemplate(template: AIComposerDomTemplate): void;
+export declare const SLOT_ATTRIBUTE = "data-aic-slot";
+//# sourceMappingURL=template.d.ts.map

package/dist/template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GACxB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,aAAa,GACb,OAAO,GACP,aAAa,GACb,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iCAAiC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,qDAAqD;IACrD,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,gBAAgB,EAAE,qBAO9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,qBAK9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,qBAM3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,qBAM/B,CAAC;AASF,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,qBAAqB,CAEnE;AAED,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,GAAG,IAAI,CAEtE;AAED,eAAO,MAAM,cAAc,kBAAkB,CAAC"}

package/dist/template.js

@@ -0,0 +1,47 @@
+/**
+ * Structural templates. Modes are presets, not separate implementations:
+ * a template describes which slots exist and how the surface behaves.
+ */
+export const COMPACT_TEMPLATE = {
+    name: 'compact',
+    slots: ['body', 'attachments', 'input', 'suggestions', 'toolbar'],
+    multiline: true,
+    submitKey: 'enter',
+    // One line: chips + input + send inside the pill (CSS lays them in a row).
+    toolbarButtons: ['submit'],
+};
+export const DEFAULT_TEMPLATE = {
+    name: 'default',
+    slots: ['body', 'attachments', 'input', 'suggestions'],
+    multiline: true,
+    submitKey: 'enter',
+};
+export const CHAT_TEMPLATE = {
+    name: 'chat',
+    slots: ['header', 'body', 'attachments', 'input', 'suggestions', 'toolbar', 'actions'],
+    multiline: true,
+    submitKey: 'enter',
+    toolbarButtons: ['submit'],
+};
+export const EXPANDED_TEMPLATE = {
+    name: 'expanded',
+    slots: ['header', 'body', 'attachments', 'input', 'suggestions', 'toolbar', 'footer'],
+    multiline: true,
+    submitKey: 'shift-enter',
+    toolbarButtons: ['undo', 'redo', 'submit'],
+};
+const TEMPLATES = {
+    compact: COMPACT_TEMPLATE,
+    default: DEFAULT_TEMPLATE,
+    chat: CHAT_TEMPLATE,
+    expanded: EXPANDED_TEMPLATE,
+};
+export function templateForMode(mode) {
+    return TEMPLATES[mode] ?? DEFAULT_TEMPLATE;
+}
+/** Register a custom mode preset (used by applications/other packages). */
+export function registerTemplate(template) {
+    TEMPLATES[template.name] = template;
+}
+export const SLOT_ATTRIBUTE = 'data-aic-slot';
+//# sourceMappingURL=template.js.map

package/dist/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../src/template.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA4BH,MAAM,CAAC,MAAM,gBAAgB,GAA0B;IACrD,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC;IACjE,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,OAAO;IAClB,2EAA2E;IAC3E,cAAc,EAAE,CAAC,QAAQ,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAA0B;IACrD,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,CAAC;IACtD,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,OAAO;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC;IACtF,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,CAAC,QAAQ,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA0B;IACtD,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,CAAC;IACrF,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,aAAa;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;CAC3C,CAAC;AAEF,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;IACzB,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,iBAAiB;CAC5B,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAY;IAC1C,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC;AAC7C,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,gBAAgB,CAAC,QAA+B;IAC9D,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC;AACtC,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,24 @@
 {
   "name": "@ai-composer/dom",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "@ai-composer/core": "^0.1.0"
+  },
+  "devDependencies": {
+    "vitest": "^2.1.8",
+    "jsdom": "^25.0.1",
+    "@ai-composer/core": "0.1.0"
+  }
 }

package/project.json

@@ -0,0 +1,56 @@
+{
+  "name": "dom",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/dom/src",
+  "projectType": "library",
+  "tags": [
+    "scope:dom",
+    "type:lib"
+  ],
+  "targets": {
+    "build": {
+      "executor": "@nx/js:tsc",
+      "outputs": [
+        "{options.outputPath}"
+      ],
+      "options": {
+        "outputPath": "packages/dom/dist",
+        "main": "packages/dom/src/index.ts",
+        "tsConfig": "packages/dom/tsconfig.lib.json",
+        "rootDir": "packages/dom/src",
+        "assets": [
+          {
+            "input": "../packages/dom",
+            "glob": "*.md",
+            "output": "."
+          }
+        ],
+        "generateExportsIfAbsent": false
+      }
+    },
+    "test": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "vitest run --project dom"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": [
+        "{options.outputFile}"
+      ],
+      "options": {
+        "lintFilePatterns": [
+          "packages/dom/**/*.ts",
+          "packages/dom/**/*.tsx"
+        ]
+      }
+    },
+    "typecheck": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "tsc -p packages/dom/tsconfig.spec.json --noEmit"
+      }
+    }
+  }
+}

package/src/icons.ts

@@ -0,0 +1,51 @@
+/**
+ * Inline SVG icons for the default mount UI (lucide-derived geometry).
+ * Built with createElementNS so no innerHTML parsing is involved.
+ */
+
+type IconPaths = Array<Array<[string, Record<string, string | number>]>>;
+
+const ICON_PATHS: Record<'send' | 'undo' | 'redo' | 'close', IconPaths> = {
+  send: [
+    [['M12 19V5', { 'stroke-width': 2.4 }], ['m5 12 7-7 7 7', { 'stroke-width': 2.4 }]],
+  ],
+  undo: [
+    [['M3 7v6h6', {}], ['M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13', {}]],
+  ],
+  redo: [
+    [['M21 7v6h-6', {}], ['M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13', {}]],
+  ],
+  close: [[['M18 6 6 18', {}], ['m6 6 12 12', {}]]],
+};
+
+const SVG_NS = 'http://www.w3.org/2000/svg';
+
+export function createIcon(name: keyof typeof ICON_PATHS, size = 16): SVGSVGElement {
+  const svg = document.createElementNS(SVG_NS, 'svg');
+  svg.setAttribute('width', String(size));
+  svg.setAttribute('height', String(size));
+  svg.setAttribute('viewBox', '0 0 24 24');
+  svg.setAttribute('fill', 'none');
+  svg.setAttribute('stroke', 'currentColor');
+  svg.setAttribute('stroke-width', '2');
+  svg.setAttribute('stroke-linecap', 'round');
+  svg.setAttribute('stroke-linejoin', 'round');
+  svg.setAttribute('aria-hidden', 'true');
+  for (const [d, attributes] of ICON_PATHS[name].flat()) {
+    const path = document.createElementNS(SVG_NS, 'path');
+    path.setAttribute('d', d);
+    for (const [key, value] of Object.entries(attributes)) {
+      path.setAttribute(key, String(value));
+    }
+    svg.appendChild(path);
+  }
+  return svg;
+}
+
+/** Loading state for the send button (animated in themes css). */
+export function createSpinner(): HTMLSpanElement {
+  const spinner = document.createElement('span');
+  spinner.className = 'aic-spinner';
+  spinner.setAttribute('aria-hidden', 'true');
+  return spinner;
+}

package/src/index.ts

@@ -0,0 +1,50 @@
+/**
+ * @ai-composer/dom — browser layer over @ai-composer/core.
+ *
+ *   surface     contentEditable binding (input pipeline, keyboard, clipboard, IME)
+ *   render      model → DOM projection (chips carry data-aic-* attributes)
+ *   parse       DOM → model with strict sanitization
+ *   selection   DOM selection ↔ model selection mapping
+ *   suggestions accessible suggestion listbox driven by state
+ *   template    structural mode presets (compact/default/chat/expanded)
+ *   mount       vanilla JS mountAIComposer()
+ */
+
+export {
+  createEditableSurface,
+  EDITABLE_SURFACE_CLASS,
+  type EditableSurface,
+  type EditableSurfaceOptions,
+} from './surface';
+
+export { renderChip, renderDocument, renderTextRun } from './render';
+export { htmlToPlainText, parseEditableHost, CLIPBOARD_MIME } from './parse';
+export { applyModelSelection, caretToEnd, domSelectionToModel } from './selection';
+export {
+  createSuggestionList,
+  type SuggestionList,
+  type SuggestionListOptions,
+} from './suggestions';
+export {
+  attachCaretAnchoredPopup,
+  measureCaret,
+  type CaretAnchor,
+  type CaretAnchorOptions,
+  type CaretPoint,
+} from './popup';
+export {
+  CHAT_TEMPLATE,
+  COMPACT_TEMPLATE,
+  DEFAULT_TEMPLATE,
+  EXPANDED_TEMPLATE,
+  registerTemplate,
+  SLOT_ATTRIBUTE,
+  templateForMode,
+  type AIComposerDomTemplate,
+  type TemplateSlotName,
+} from './template';
+export {
+  mountAIComposer,
+  type MountedEditor,
+  type MountOptions,
+} from './mount';