@oh-just-another/react-ui 0.57.0

package/dist/link-hover-popup.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useReducer, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { ExternalLink } from "lucide-react";
+import { useDiagramOptional } from "./hooks.js";
+/**
+ * Hover link popup. When the pointer is over an element that carries a
+ * (safe) `href`, a small chip appears above it showing the URL and an
+ * open button. The pointer can move onto the chip to click it; it closes
+ * after a short grace once the pointer leaves both the element and the
+ * chip. Hidden while editing text.
+ *
+ * Reads the hovered link via `editor.linkAt(worldPoint)` on host
+ * `pointermove`; positions itself in screen space from the element's
+ * world bounds and viewport. Portaled to `document.body`.
+ *
+ * Opening also works via Cmd/Ctrl-click on the element (state layer).
+ */
+const CLOSE_GRACE_MS = 220;
+export const LinkHoverPopup = () => {
+    const editor = useDiagramOptional();
+    const [hover, setHover] = useState(null);
+    const [, bump] = useReducer((x) => x + 1, 0);
+    const overPopup = useRef(false);
+    const closeTimer = useRef(null);
+    useEffect(() => {
+        if (!editor)
+            return undefined;
+        const host = editor.hostElement;
+        if (!host)
+            return undefined;
+        const clearClose = () => {
+            if (closeTimer.current !== null) {
+                clearTimeout(closeTimer.current);
+                closeTimer.current = null;
+            }
+        };
+        const scheduleClose = () => {
+            clearClose();
+            closeTimer.current = setTimeout(() => {
+                if (!overPopup.current)
+                    setHover(null);
+            }, CLOSE_GRACE_MS);
+        };
+        const onMove = (ev) => {
+            if (editor.editingTextElement !== null) {
+                setHover(null);
+                return;
+            }
+            const rect = host.getBoundingClientRect();
+            const world = editor.screenToWorld({ x: ev.clientX - rect.left, y: ev.clientY - rect.top });
+            const link = editor.linkAt(world);
+            if (link) {
+                clearClose();
+                setHover({ href: link.href, bounds: link.bounds });
+            }
+            else if (!overPopup.current) {
+                scheduleClose();
+            }
+        };
+        const onLeave = () => { scheduleClose(); };
+        host.addEventListener("pointermove", onMove);
+        host.addEventListener("pointerleave", onLeave);
+        // Follow pan / zoom while the popup is open.
+        const off = editor.on("change", () => { bump(); });
+        return () => {
+            host.removeEventListener("pointermove", onMove);
+            host.removeEventListener("pointerleave", onLeave);
+            off();
+            clearClose();
+        };
+    }, [editor]);
+    if (!editor || !hover)
+        return null;
+    const host = editor.hostElement;
+    if (!host)
+        return null;
+    // World bounds → screen (top-centre of the element), then offset by the
+    // host's client rect so the body-portaled chip lands in the right place.
+    const v = editor.scene.viewport;
+    const hostRect = host.getBoundingClientRect();
+    const sx = (hover.bounds.x - v.pan.x) * v.zoom + hostRect.left;
+    const sy = (hover.bounds.y - v.pan.y) * v.zoom + hostRect.top;
+    const sw = hover.bounds.width * v.zoom;
+    const display = hover.href.replace(/^mailto:/, "").replace(/^https?:\/\//, "");
+    return createPortal(_jsx("div", { className: "du-link-popup", style: { position: "fixed", left: sx + sw / 2, top: sy, transform: "translate(-50%, -100%)" }, onPointerEnter: () => {
+            overPopup.current = true;
+        }, onPointerLeave: () => {
+            overPopup.current = false;
+            setHover(null);
+        }, children: _jsxs("a", { className: "du-link-popup-url", href: hover.href, title: hover.href, onClick: (ev) => {
+                ev.preventDefault();
+                editor.openLink(hover.href);
+            }, children: [_jsx("span", { className: "du-link-popup-text", children: display }), _jsx(ExternalLink, { size: 13, strokeWidth: 1.75, "aria-hidden": true })] }) }), document.body);
+};
+//# sourceMappingURL=link-hover-popup.js.map

package/dist/link-hover-popup.js.map

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

package/dist/main-menu.d.ts

@@ -0,0 +1,67 @@
+import { type CSSProperties, type ReactNode } from "react";
+export interface MainMenuProps {
+    readonly children: ReactNode;
+    /** Label / icon for the trigger button. Default "≡". */
+    readonly trigger?: ReactNode;
+    readonly className?: string;
+    readonly style?: CSSProperties;
+}
+export declare const MainMenu: {
+    ({ children, trigger, className, style, }: MainMenuProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ children, onClick, shortcut, disabled, active, icon }: MainMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    ItemLink: ({ children, href, external }: MainMenuItemLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: () => import("react/jsx-runtime").JSX.Element;
+    Group: ({ title, children }: {
+        title: string;
+        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Toggle: <T extends string>({ value, onChange, options, }: MainMenuToggleProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Submenu: ({ children, label, icon, disabled }: MainMenuSubmenuProps) => import("react/jsx-runtime").JSX.Element;
+};
+export interface MainMenuItemProps {
+    readonly children: ReactNode;
+    readonly onClick?: () => void;
+    readonly shortcut?: string;
+    readonly disabled?: boolean;
+    /**
+     * Shows a leading checkmark — used by submenu items that act as a
+     * radio group (theme switcher, language switcher, etc.) to signal
+     * which option is currently active.
+     */
+    readonly active?: boolean;
+    /**
+     * Optional leading icon rendered before the label. Sized to the same
+     * 14×14 footprint as the active-check column so the columns stay
+     * aligned across mixed icon / no-icon items.
+     */
+    readonly icon?: ReactNode;
+}
+export interface MainMenuItemLinkProps {
+    readonly children: ReactNode;
+    readonly href: string;
+    readonly external?: boolean;
+}
+/**
+ * Horizontal segmented control inside a menu — a theme / language
+ * toggle. Renders `options` as a pill, highlighting the active one with
+ * the accent colour. The menu stays open after a click so the user can
+ * try several values without re-opening the dropdown.
+ */
+export interface MainMenuToggleProps<T extends string> {
+    readonly value: T;
+    readonly onChange: (next: T) => void;
+    readonly options: readonly {
+        value: T;
+        label: string;
+        icon?: ReactNode;
+    }[];
+}
+export interface MainMenuSubmenuProps {
+    readonly children: ReactNode;
+    /** Trigger row label. Same render style as `MainMenu.Item`. */
+    readonly label: ReactNode;
+    /** Optional leading icon — same sizing rules as `MainMenu.Item`. */
+    readonly icon?: ReactNode;
+    readonly disabled?: boolean;
+}
+//# sourceMappingURL=main-menu.d.ts.map

package/dist/main-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu.d.ts","sourceRoot":"","sources":["../src/main-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA0Cf,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,wDAAwD;IACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,eAAO,MAAM,QAAQ;+CAKlB,aAAa;oEAgHuD,iBAAiB;6CAmDxC,qBAAqB;;iCA6BjC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,SAAS,CAAA;KAAE;aA6B1D,CAAC,SAAS,MAAM,iCAI7B,mBAAmB,CAAC,CAAC,CAAC;mDAgF6B,oBAAoB;CAzOzE,CAAC;AAqBF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;CAC3B;AA+CD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAgDD;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM;IACnD,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAClB,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,SAAS;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;CAC5E;AA6ED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,+DAA+D;IAC/D,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/dist/main-menu.js

@@ -0,0 +1,243 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useId, useRef, useState, } from "react";
+import { Check, ChevronRight, Menu as MenuIcon } from "lucide-react";
+/** Pixel size for the trigger icon — matches the toolbar tool buttons. */
+const TRIGGER_ICON_SIZE = 16;
+const TRIGGER_ICON_STROKE = 1.75;
+const Ctx = createContext(null);
+const useMenuCtx = () => {
+    const ctx = useContext(Ctx);
+    return (ctx ?? {
+        close: () => {
+            /* no-op: fallback when used outside a MainMenu provider */
+        },
+    });
+};
+export const MainMenu = ({ children, trigger = _jsx(MenuIcon, { size: TRIGGER_ICON_SIZE, strokeWidth: TRIGGER_ICON_STROKE }), className, style, }) => {
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    const menuId = useId();
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        const onDown = (ev) => {
+            if (!ref.current)
+                return;
+            if (ref.current.contains(ev.target))
+                return;
+            setOpen(false);
+        };
+        const onKey = (ev) => {
+            if (ev.key === "Escape")
+                setOpen(false);
+        };
+        // Listen on both `mousedown` and `pointerdown`. The canvas surface
+        // captures pointer events; `mousedown` still fires on the document,
+        // but for some touch / pen interactions only `pointerdown` does.
+        // Subscribing to both closes the menu reliably for every input type.
+        window.addEventListener("mousedown", onDown);
+        window.addEventListener("pointerdown", onDown);
+        window.addEventListener("keydown", onKey);
+        return () => {
+            window.removeEventListener("mousedown", onDown);
+            window.removeEventListener("pointerdown", onDown);
+            window.removeEventListener("keydown", onKey);
+        };
+    }, [open]);
+    const close = useCallback(() => { setOpen(false); }, []);
+    const containerStyle = {
+        position: "relative",
+        display: "inline-flex",
+        ...style,
+    };
+    const panelStyle = {
+        position: "absolute",
+        top: "calc(100% + 6px)",
+        left: 0,
+        minWidth: 200,
+        background: "var(--menu-bg)",
+        color: "var(--menu-text)",
+        border: "1px solid var(--menu-border)",
+        borderRadius: 6,
+        boxShadow: "var(--du-ui-shadow)",
+        padding: 4,
+        zIndex: 900,
+    };
+    return (_jsxs("div", { ref: ref, className: className, style: containerStyle, children: [_jsx("button", { type: "button", className: `du-icon-button du-icon-button-flat${open ? " is-active" : ""}`, "aria-haspopup": "menu", "aria-expanded": open, "aria-controls": menuId, "aria-label": "Main menu", title: "Main menu", onClick: () => { setOpen((p) => !p); }, children: trigger }), open ? (_jsx("div", { id: menuId, role: "menu", style: panelStyle, children: _jsx(Ctx.Provider, { value: { close }, children: children }) })) : null] }));
+};
+const itemBase = {
+    display: "block",
+    width: "100%",
+    textAlign: "left",
+    background: "transparent",
+    color: "inherit",
+    border: "none",
+    borderRadius: 4,
+    padding: "6px 10px",
+    font: "inherit",
+    fontSize: 13,
+    cursor: "pointer",
+};
+const itemHoverable = (extra) => ({
+    ...itemBase,
+    ...extra,
+});
+const Item = ({ children, onClick, shortcut, disabled, active, icon }) => {
+    const { close } = useMenuCtx();
+    return (_jsxs("button", { type: "button", role: "menuitem", disabled: disabled, onClick: () => {
+            if (disabled)
+                return;
+            onClick?.();
+            close();
+        }, style: {
+            ...itemHoverable(),
+            cursor: disabled ? "not-allowed" : "pointer",
+            opacity: disabled ? 0.4 : 1,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 12,
+        }, children: [_jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { "aria-hidden": true, style: {
+                            width: 14,
+                            height: 14,
+                            display: "inline-flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            color: active ? "var(--du-accent, #1a73e8)" : "var(--du-text-muted, #888)",
+                        }, children: active ? _jsx(Check, { size: 12, strokeWidth: 2.25 }) : icon ?? "" }), children] }), shortcut ? (_jsx("span", { style: { color: "var(--muted, #888)", fontSize: 11 }, children: shortcut })) : null] }));
+};
+const ItemLink = ({ children, href, external }) => {
+    const { close } = useMenuCtx();
+    return (_jsx("a", { role: "menuitem", href: href, target: external ? "_blank" : undefined, rel: external ? "noreferrer noopener" : undefined, onClick: close, style: {
+            ...itemHoverable({ textDecoration: "none" }),
+            color: "var(--text, #ddd)",
+        }, children: children }));
+};
+const Separator = () => (_jsx("hr", { style: {
+        margin: "4px 6px",
+        border: "none",
+        borderTop: "1px solid var(--border, #2a2a2a)",
+    } }));
+const Group = ({ title, children }) => (_jsxs("div", { children: [_jsx("div", { style: {
+                padding: "6px 10px 2px",
+                fontSize: 11,
+                textTransform: "uppercase",
+                letterSpacing: 0.5,
+                color: "var(--muted, #888)",
+            }, children: title }), children] }));
+const Toggle = ({ value, onChange, options, }) => {
+    return (_jsx("div", { role: "radiogroup", style: {
+            display: "flex",
+            margin: "4px 8px 6px",
+            background: "var(--menu-divider, #2a2a2a)",
+            borderRadius: 6,
+            padding: 2,
+            gap: 2,
+        }, children: options.map((opt) => {
+            const active = opt.value === value;
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": active, title: opt.label, "aria-label": opt.label, onClick: () => { onChange(opt.value); }, style: {
+                    flex: 1,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: 4,
+                    minHeight: 26,
+                    padding: "0 8px",
+                    background: active ? "var(--menu-bg, #1a1a1a)" : "transparent",
+                    color: active ? "var(--text, #ddd)" : "var(--muted, #888)",
+                    border: "none",
+                    borderRadius: 4,
+                    cursor: "pointer",
+                    fontSize: 12,
+                    fontWeight: active ? 600 : 400,
+                    boxShadow: active ? "0 1px 2px rgba(0, 0, 0, 0.15)" : "none",
+                    transition: "background 0.12s ease, color 0.12s ease",
+                }, children: opt.icon ?? opt.label }, opt.value));
+        }) }));
+};
+/**
+ * Nested submenu — opens a child panel to the right of the parent item
+ * on hover (with a small close-delay so a mouse moving diagonally toward
+ * the child doesn't accidentally collapse the panel). Also opens on
+ * click for touch / keyboard activation.
+ *
+ * Children are typically `MainMenu.Item`s. The submenu inherits the
+ * parent menu's `close()` context, so child item clicks collapse the
+ * whole menu chain.
+ *
+ *   <MainMenu.Submenu icon={<Download/>} label="Export…">
+ *     <MainMenu.Item onClick={exportPng}>PNG</MainMenu.Item>
+ *     <MainMenu.Item onClick={exportSvg}>SVG</MainMenu.Item>
+ *   </MainMenu.Submenu>
+ *
+ * Positioning is fixed to "right of trigger, top-aligned with the
+ * trigger row".
+ */
+const SUBMENU_CLOSE_DELAY_MS = 120;
+const Submenu = ({ children, label, icon, disabled }) => {
+    const [open, setOpen] = useState(false);
+    const closeTimerRef = useRef(null);
+    const cancelClose = useCallback(() => {
+        if (closeTimerRef.current !== null) {
+            window.clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+    }, []);
+    const scheduleClose = useCallback(() => {
+        cancelClose();
+        closeTimerRef.current = window.setTimeout(() => {
+            setOpen(false);
+            closeTimerRef.current = null;
+        }, SUBMENU_CLOSE_DELAY_MS);
+    }, [cancelClose]);
+    // Clear a pending close-timer on unmount so it doesn't fire on a
+    // detached component.
+    useEffect(() => cancelClose, [cancelClose]);
+    const panelStyle = {
+        position: "absolute",
+        top: -4,
+        left: "100%",
+        marginLeft: 4,
+        minWidth: 220,
+        background: "var(--menu-bg)",
+        color: "var(--menu-text)",
+        border: "1px solid var(--menu-border)",
+        borderRadius: 6,
+        boxShadow: "var(--du-ui-shadow)",
+        padding: 4,
+        zIndex: 1000,
+    };
+    return (_jsxs("div", { style: { position: "relative" }, onMouseEnter: () => {
+            if (disabled)
+                return;
+            cancelClose();
+            setOpen(true);
+        }, onMouseLeave: scheduleClose, children: [_jsxs("button", { type: "button", role: "menuitem", disabled: disabled, "aria-haspopup": "menu", "aria-expanded": open, onClick: () => {
+                    if (disabled)
+                        return;
+                    cancelClose();
+                    setOpen((p) => !p);
+                }, style: {
+                    ...itemHoverable(),
+                    cursor: disabled ? "not-allowed" : "pointer",
+                    opacity: disabled ? 0.4 : 1,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: 12,
+                }, children: [_jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 8 }, children: [_jsx("span", { "aria-hidden": true, style: {
+                                    width: 14,
+                                    height: 14,
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    color: "var(--du-text-muted, #888)",
+                                }, children: icon ?? "" }), label] }), _jsx(ChevronRight, { size: 12, strokeWidth: 2.25, "aria-hidden": true })] }), open ? (_jsx("div", { role: "menu", style: panelStyle, children: children })) : null] }));
+};
+MainMenu.Item = Item;
+MainMenu.ItemLink = ItemLink;
+MainMenu.Separator = Separator;
+MainMenu.Group = Group;
+MainMenu.Toggle = Toggle;
+MainMenu.Submenu = Submenu;
+//# sourceMappingURL=main-menu.js.map

package/dist/main-menu.js.map

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

package/dist/markdown.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface MarkdownProps {
+    readonly text: string;
+}
+/**
+ * Render plain text as React nodes with inline markdown. Each line is
+ * tokenised separately; lines are joined with `<br />`.
+ */
+export declare const Markdown: ({ text }: MarkdownProps) => ReactNode;
+//# sourceMappingURL=markdown.d.ts.map

package/dist/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../src/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuIvC,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,UAAU,aAAa,KAAG,SAWlD,CAAC"}

package/dist/markdown.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Lightweight regex-only markdown renderer for comment bodies.
+ * Supported subset:
+ *
+ *   • `**bold**`   → `<strong>`
+ *   • `*italic*`   → `<em>`
+ *   • `_italic_`   → `<em>`
+ *   • `` `code` `` → `<code>` (inline only)
+ *   • `[label](url)` → `<a href="...">` (http/https/mailto only)
+ *
+ * Line breaks become `<br />`; whitespace is otherwise preserved.
+ *
+ * Every URL goes through `safeUrl()`; everything else is plain text
+ * put inside React children, so React escapes it. No
+ * `dangerouslySetInnerHTML`.
+ */
+const URL_RE = /^(https?:|mailto:)/i;
+const safeUrl = (raw) => (URL_RE.test(raw) ? raw : null);
+/**
+ * Tokenise a single line of comment text. Greedy left-to-right scan;
+ * on no match emit the next char as a text token and advance.
+ */
+const tokenise = (line) => {
+    const tokens = [];
+    let i = 0;
+    let textBuf = "";
+    const flushText = () => {
+        if (textBuf.length > 0) {
+            tokens.push({ kind: "text", value: textBuf });
+            textBuf = "";
+        }
+    };
+    while (i < line.length) {
+        // **bold**
+        if (line[i] === "*" && line[i + 1] === "*") {
+            const close = line.indexOf("**", i + 2);
+            if (close !== -1) {
+                flushText();
+                tokens.push({ kind: "bold", value: line.slice(i + 2, close) });
+                i = close + 2;
+                continue;
+            }
+        }
+        // *italic* or _italic_
+        if (line[i] === "*" || line[i] === "_") {
+            const close = line.indexOf(line.charAt(i), i + 1);
+            if (close !== -1 && close > i + 1) {
+                flushText();
+                tokens.push({ kind: "italic", value: line.slice(i + 1, close) });
+                i = close + 1;
+                continue;
+            }
+        }
+        // `code`
+        if (line[i] === "`") {
+            const close = line.indexOf("`", i + 1);
+            if (close !== -1) {
+                flushText();
+                tokens.push({ kind: "code", value: line.slice(i + 1, close) });
+                i = close + 1;
+                continue;
+            }
+        }
+        // [label](url)
+        if (line[i] === "[") {
+            const labelClose = line.indexOf("](", i + 1);
+            if (labelClose !== -1) {
+                const urlClose = line.indexOf(")", labelClose + 2);
+                if (urlClose !== -1) {
+                    const label = line.slice(i + 1, labelClose);
+                    const url = line.slice(labelClose + 2, urlClose);
+                    const safe = safeUrl(url);
+                    if (safe) {
+                        flushText();
+                        tokens.push({ kind: "link", value: label, href: safe });
+                        i = urlClose + 1;
+                        continue;
+                    }
+                }
+            }
+        }
+        textBuf += line.charAt(i);
+        i++;
+    }
+    flushText();
+    return tokens;
+};
+/**
+ * Convert a tokenised line into React children. Text tokens are
+ * emitted as plain children so React handles escaping.
+ */
+const tokensToNodes = (tokens, baseKey) => tokens.map((t, i) => {
+    const key = `${baseKey}-${i}`;
+    if (t.kind === "bold")
+        return _jsx("strong", { children: t.value }, key);
+    if (t.kind === "italic")
+        return _jsx("em", { children: t.value }, key);
+    if (t.kind === "code") {
+        return (_jsx("code", { style: {
+                background: "var(--code-bg, rgba(255,255,255,0.08))",
+                padding: "0 4px",
+                borderRadius: 2,
+                fontFamily: "var(--font-mono, monospace)",
+                fontSize: "0.92em",
+            }, children: t.value }, key));
+    }
+    if (t.kind === "link") {
+        return (_jsx("a", { href: t.href, target: "_blank", rel: "noopener noreferrer", children: t.value }, key));
+    }
+    return _jsx("span", { children: t.value }, key);
+});
+/**
+ * Render plain text as React nodes with inline markdown. Each line is
+ * tokenised separately; lines are joined with `<br />`.
+ */
+export const Markdown = ({ text }) => {
+    if (!text)
+        return null;
+    const lines = text.split("\n");
+    const out = [];
+    for (let i = 0; i < lines.length; i++) {
+        if (i > 0)
+            out.push(_jsx("br", {}, `br-${i}`));
+        const line = lines[i] ?? "";
+        const tokens = tokenise(line);
+        out.push(...tokensToNodes(tokens, `l${i}`));
+    }
+    return out;
+};
+//# sourceMappingURL=markdown.js.map

package/dist/markdown.js.map

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

package/dist/merge-dialog.d.ts

@@ -0,0 +1,22 @@
+import { type CSSProperties } from "react";
+import { type MergeReport, type SnapshotStore, type VersionId } from "@oh-just-another/versioning";
+/**
+ * Modal that drives a three-way branch merge. The host supplies the
+ * `SnapshotStore`, source / target branch heads, and an `onApply`
+ * callback that takes the merged scene (typically calling
+ * `editor.loadScene` and then `store.capture` to record the result).
+ *
+ * Conflicts are listed per-item; the user picks `source` / `target` /
+ * `both` before clicking Apply. Auto-mergeable changes ride along in
+ * the merged scene without UI noise.
+ */
+export interface MergeDialogProps {
+    readonly store: SnapshotStore;
+    readonly sourceVersionId: VersionId;
+    readonly targetVersionId: VersionId;
+    readonly onApply: (mergedScene: MergeReport["mergedScene"]) => void;
+    readonly onCancel: () => void;
+    readonly style?: CSSProperties;
+}
+export declare const MergeDialog: ({ store, sourceVersionId, targetVersionId, onApply, onCancel, style, }: MergeDialogProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=merge-dialog.d.ts.map

package/dist/merge-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-dialog.d.ts","sourceRoot":"","sources":["../src/merge-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAIL,KAAK,WAAW,EAEhB,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,6BAA6B,CAAC;AAGrC;;;;;;;;;GASG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,eAAe,EAAE,SAAS,CAAC;IACpC,QAAQ,CAAC,eAAe,EAAE,SAAS,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,GAAI,wEAOzB,gBAAgB,4CA+ElB,CAAC"}