@derive-to/artifacts 0.0.0-stage → 0.6.1

package/dist/runtime/layout.d.ts

@@ -0,0 +1,27 @@
+import { type ArtifactLayout } from "../protocol/index.js";
+export interface LayoutEditorOptions {
+    onChange?: (layout: ArtifactLayout) => void;
+    /** A host can accept a drop outside the page, such as onto another tab. */
+    onDrop?: (drop: {
+        id: string;
+        clientX: number;
+        clientY: number;
+    }) => boolean;
+    /** A native host can keep one history across pages that mount separately. */
+    onHistory?: (action: "undo" | "redo") => void;
+}
+export interface LayoutEditor {
+    begin(labels?: {
+        move: string;
+        resize: string;
+        instructions: string;
+        changed?: string | undefined;
+    }): void;
+    finish(discard: boolean): ArtifactLayout | undefined;
+    destroy(): void;
+    current(): ArtifactLayout;
+    arrange(next: ArtifactLayout): void;
+}
+/** Read-only layout and editing share the declared source parts. */
+export declare const createLayoutEditor: (document: Document, root?: ParentNode, options?: LayoutEditorOptions) => LayoutEditor | null;
+//# sourceMappingURL=layout.d.ts.map

package/dist/runtime/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/runtime/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAMpB,MAAM,sBAAsB,CAAA;AAG7B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAA;IAC5E,6EAA6E;IAC7E,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC9C;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,MAAM,CAAC,EAAE;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC7B,GAAG,IAAI,CAAA;IACR,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,cAAc,GAAG,SAAS,CAAA;IACpD,OAAO,IAAI,IAAI,CAAA;IACf,OAAO,IAAI,cAAc,CAAA;IACzB,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAA;CACpC;AAoSD,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,aACnB,QAAQ,SACZ,UAAU,YACP,mBAAmB,KAC3B,YAAY,GAAG,IAGjB,CAAA"}

package/dist/runtime/layout.js

@@ -0,0 +1,290 @@
+import { ELEMENT_ATTRIBUTE, LAYOUT_ATTRIBUTE, REGION_ATTRIBUTE, validateLayout, } from "../protocol/index.js";
+import { attachLayoutHandle } from "./layout-handle.js";
+const clone = (layout) => structuredClone(layout);
+const STYLE = `
+[data-oa-layout-region]{box-sizing:border-box;min-width:0;position:relative}
+[data-oa-layout-element]{box-sizing:border-box;min-width:0}
+[data-oa-layout-controls]{margin-top:16px}
+[data-oa-layout-editing]{outline:1px dashed var(--color-border-secondary,currentColor);outline-offset:2px}
+.oa-layout-handle{position:absolute;z-index:20;display:grid;place-items:center;touch-action:none;color:var(--color-text-primary,currentColor);background:var(--color-background-primary,Canvas);border:1px solid var(--color-border-primary,ButtonBorder);border-radius:6px;min-width:32px;min-height:28px;font:inherit;font-size:20px;line-height:1}
+.oa-layout-handle:hover{background:var(--color-background-secondary,Canvas)}
+.oa-layout-move{cursor:grab}
+.oa-layout-resize{cursor:nwse-resize;background:transparent;border:0;color:var(--color-text-secondary,currentColor)}
+.oa-layout-resize::before{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-bottom-right-radius:2px}
+.oa-layout-resize:hover{background:transparent;color:var(--color-text-primary,currentColor)}
+.oa-layout-handle:focus-visible{outline:2px solid var(--color-border-info,Highlight);outline-offset:2px}
+.oa-layout-handle[aria-pressed=true]{cursor:grabbing;outline:2px solid var(--color-border-info,Highlight);outline-offset:2px}
+.oa-layout-announcement{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
+@media(max-width:600px){[data-oa-layout-region]{display:flex!important;flex-direction:column!important;height:auto!important}[data-oa-layout-element]{position:relative!important;left:auto!important;top:auto!important;width:100%!important}.oa-layout-resize{display:none}.oa-layout-handle{min-width:44px;min-height:44px}[data-oa-layout-editing]{padding-top:24px}[data-oa-layout-controls]{margin-top:24px;row-gap:24px!important}}
+`;
+const declaredNodes = (root) => {
+    const scripts = root.querySelectorAll(`script[type='application/json'][${LAYOUT_ATTRIBUTE}]`);
+    if (scripts.length !== 1)
+        return null;
+    let layout;
+    try {
+        layout = validateLayout(JSON.parse(scripts[0]?.textContent ?? ""));
+    }
+    catch {
+        return null;
+    }
+    const collect = (attribute, entries) => {
+        const nodes = [...root.querySelectorAll(`[${attribute}]`)];
+        const map = new Map();
+        for (const entry of entries) {
+            const matches = nodes.filter((node) => node.getAttribute(attribute) === entry.id);
+            if (matches.length !== 1 || !matches[0])
+                return null;
+            map.set(entry.id, matches[0]);
+        }
+        return map;
+    };
+    const regions = collect(REGION_ATTRIBUTE, layout.regions);
+    const elements = collect(ELEMENT_ATTRIBUTE, layout.elements);
+    return regions && elements ? { layout, regions, elements } : null;
+};
+const elementWidth = (entry, region) => {
+    const width = entry.width ?? 1;
+    if (region.mode === "flow")
+        return "100%";
+    if (region.mode === "canvas")
+        return `${width * 100}%`;
+    return `calc(${width * 100}% - ${(region.gap ?? 16) * (1 - width)}px)`;
+};
+const renderElement = (element, entry, region, index) => {
+    const canvas = region.mode === "canvas";
+    element.setAttribute("data-oa-layout-element", "");
+    element.style.position = canvas ? "absolute" : "relative";
+    element.style.order = String(index);
+    element.style.left = canvas ? `${(entry.x ?? 0) * 100}%` : "";
+    element.style.top = canvas ? `${entry.y ?? 0}px` : "";
+    element.style.width = elementWidth(entry, region);
+    element.style.height = entry.height ? `${entry.height}px` : "";
+    element.style.overflow = entry.height ? "auto" : "";
+    return (entry.y ?? 0) + (entry.height ?? element.offsetHeight);
+};
+const ownsHistoryKey = (document, root, event) => {
+    if (event.defaultPrevented ||
+        !(event.ctrlKey || event.metaKey) ||
+        event.key.toLowerCase() !== "z")
+        return false;
+    const ElementClass = document.defaultView?.Element;
+    const target = event.target;
+    if (!ElementClass || !(target instanceof ElementClass))
+        return false;
+    if (root !== document && !root.contains(target))
+        return false;
+    return !target.closest("[contenteditable],input,textarea");
+};
+class LayoutController {
+    document;
+    root;
+    nodes;
+    options;
+    layout;
+    before = null;
+    undo = [];
+    redo = [];
+    handles = [];
+    changedMessage = "Layout changed. Save to keep your changes.";
+    style;
+    status;
+    observer;
+    constructor(document, root, nodes, options) {
+        this.document = document;
+        this.root = root;
+        this.nodes = nodes;
+        this.options = options;
+        this.layout = nodes.layout;
+        this.style = document.createElement("style");
+        this.style.setAttribute("data-open-artifact-ignore", "");
+        this.style.textContent = STYLE;
+        document.head.append(this.style);
+        this.status = document.createElement("div");
+        this.status.className = "oa-layout-announcement";
+        this.status.setAttribute("aria-live", "polite");
+        this.status.setAttribute("data-open-artifact-ignore", "");
+        document.body.append(this.status);
+        this.render(true);
+        const Observer = document.defaultView?.ResizeObserver;
+        this.observer = Observer ? new Observer(() => this.render()) : null;
+        for (const element of nodes.elements.values())
+            this.observer?.observe(element);
+        for (const region of nodes.regions.values())
+            this.observer?.observe(region);
+    }
+    renderRegion = (region, orderDom) => {
+        const node = this.nodes.regions.get(region.id);
+        if (!node)
+            return;
+        node.setAttribute("data-oa-layout-region", region.mode);
+        node.style.display = region.mode === "canvas" ? "block" : "flex";
+        node.style.flexDirection = region.mode === "flow" ? "column" : "row";
+        node.style.flexWrap = "wrap";
+        node.style.gap = `${region.gap ?? 16}px`;
+        let bottom = 0;
+        for (const [index, entry] of this.layout.elements
+            .filter((each) => each.region === region.id)
+            .entries()) {
+            const element = this.nodes.elements.get(entry.id);
+            if (!element)
+                continue;
+            if (element.parentElement !== node || orderDom)
+                node.append(element);
+            bottom = Math.max(bottom, renderElement(element, entry, region, index));
+        }
+        node.style.height = region.mode === "canvas" ? `${bottom + (region.gap ?? 16)}px` : "";
+    };
+    render = (orderDom = false) => {
+        for (const region of this.layout.regions)
+            this.renderRegion(region, orderDom);
+        for (const handle of this.handles)
+            handle.position();
+    };
+    clearHandles = () => {
+        const active = this.handles;
+        this.handles = [];
+        for (const handle of active)
+            handle.destroy();
+        for (const element of this.nodes.elements.values())
+            element.removeAttribute("data-oa-layout-editing");
+        for (const region of this.nodes.regions.values())
+            region.removeAttribute("data-oa-layout-controls");
+    };
+    set = (next) => {
+        this.layout = clone(next);
+        this.render();
+    };
+    update = (entry) => {
+        this.layout = {
+            ...this.layout,
+            elements: this.layout.elements.map((each) => (each.id === entry.id ? entry : each)),
+        };
+        this.render();
+    };
+    commit = (previous) => {
+        if (JSON.stringify(previous) === JSON.stringify(this.layout))
+            return;
+        this.render(true);
+        this.undo.push(previous);
+        if (this.undo.length > 100)
+            this.undo.shift();
+        this.redo = [];
+        this.status.textContent = this.changedMessage;
+        this.options.onChange?.(clone(this.layout));
+    };
+    onKey = (event) => {
+        if (!this.before || !ownsHistoryKey(this.document, this.root, event))
+            return;
+        if (this.options.onHistory) {
+            event.preventDefault();
+            this.options.onHistory(event.shiftKey ? "redo" : "undo");
+            return;
+        }
+        const from = event.shiftKey ? this.redo : this.undo;
+        const to = event.shiftKey ? this.undo : this.redo;
+        const next = from.pop();
+        if (!next)
+            return;
+        event.preventDefault();
+        to.push(clone(this.layout));
+        this.layout = next;
+        this.render(true);
+        this.options.onChange?.(clone(this.layout));
+    };
+    canvasPosition = (entry, checked) => {
+        const old = this.layout.elements.find((item) => item.id === entry.id);
+        const mode = this.layout.regions.find((region) => region.id === old?.region)?.mode;
+        const nextMode = checked.regions.find((region) => region.id === entry.region)?.mode;
+        if (mode === "canvas" || nextMode !== "canvas")
+            return entry;
+        const region = this.nodes.regions.get(entry.region)?.getBoundingClientRect();
+        const box = this.nodes.elements.get(entry.id)?.getBoundingClientRect();
+        if (!region || !box)
+            return entry;
+        const width = Math.min(1, Math.max(0.05, box.width / Math.max(1, region.width)));
+        return {
+            ...entry,
+            x: Math.min(1 - width, Math.max(0, (box.left - region.left) / Math.max(1, region.width))),
+            y: Math.min(100000, Math.max(0, box.top - region.top)),
+            width,
+            height: Math.min(10000, Math.max(48, box.height)),
+        };
+    };
+    current = () => clone(this.layout);
+    arrange = (next) => {
+        if (!this.before)
+            return;
+        const checked = validateLayout(next);
+        if (checked.elements.length !== this.layout.elements.length ||
+            checked.elements.some((entry) => !this.nodes.elements.has(entry.id)) ||
+            checked.regions.length !== this.nodes.regions.size ||
+            checked.regions.some((entry) => !this.nodes.regions.has(entry.id)))
+            throw new Error("Keep every layout element and region");
+        const previous = clone(this.layout);
+        checked.elements = checked.elements.map((entry) => this.canvasPosition(entry, checked));
+        this.layout = checked;
+        this.commit(previous);
+    };
+    destroy = () => {
+        this.observer?.disconnect();
+        this.document.removeEventListener("keydown", this.onKey);
+        this.clearHandles();
+        this.style.remove();
+        this.status.remove();
+    };
+    begin = (labels = {
+        move: "Drag to move",
+        resize: "Drag to resize",
+        instructions: "Press Space to pick up. Use arrow keys to move. Press Space to drop or Escape to cancel.",
+    }) => {
+        if (this.before)
+            return;
+        this.changedMessage = labels.changed ?? "Layout changed. Save to keep your changes.";
+        this.before = clone(this.layout);
+        this.document.addEventListener("keydown", this.onKey);
+        for (const region of this.nodes.regions.values())
+            region.setAttribute("data-oa-layout-controls", "");
+        for (const [id, element] of this.nodes.elements) {
+            element.setAttribute("data-oa-layout-editing", "");
+            for (const kind of ["move", "resize"])
+                this.handles.push(attachLayoutHandle({
+                    document: this.document,
+                    root: this.root,
+                    element,
+                    id,
+                    kind,
+                    labels,
+                    regions: this.nodes.regions,
+                    get: this.current,
+                    set: this.set,
+                    update: this.update,
+                    commit: this.commit,
+                    ...(this.options.onDrop ? { onDrop: this.options.onDrop } : {}),
+                    announce: (message) => {
+                        this.status.textContent = message;
+                    },
+                }));
+        }
+    };
+    finish = (discard) => {
+        const initial = this.before;
+        this.before = null;
+        this.document.removeEventListener("keydown", this.onKey);
+        this.clearHandles();
+        this.undo = [];
+        this.redo = [];
+        if (discard && initial)
+            this.layout = initial;
+        this.render(true);
+        if (!initial || discard || JSON.stringify(initial) === JSON.stringify(this.layout))
+            return undefined;
+        return clone(this.layout);
+    };
+}
+/** Read-only layout and editing share the declared source parts. */
+export const createLayoutEditor = (document, root = document, options = {}) => {
+    const nodes = declaredNodes(root);
+    return nodes ? new LayoutController(document, root, nodes, options) : null;
+};
+//# sourceMappingURL=layout.js.map

package/dist/runtime/layout.js.map

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

package/dist/runtime/presence.d.ts

@@ -0,0 +1,5 @@
+import type { Connection } from "./connection.js";
+/** Share this viewer's pointer, throttled, in document coordinates. The host draws other
+ *  viewers' cursors over the frame; nothing is drawn inside the artifact. */
+export declare const startPresence: (connection: Connection, view: Window) => void;
+//# sourceMappingURL=presence.d.ts.map

package/dist/runtime/presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../../src/runtime/presence.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD;6EAC6E;AAC7E,eAAO,MAAM,aAAa,eAAgB,UAAU,QAAQ,MAAM,SAqBjE,CAAA"}

package/dist/runtime/presence.js

@@ -0,0 +1,26 @@
+const INTERVAL_MS = 50;
+/** Share this viewer's pointer, throttled, in document coordinates. The host draws other
+ *  viewers' cursors over the frame; nothing is drawn inside the artifact. */
+export const startPresence = (connection, view) => {
+    let last = 0;
+    let pending = null;
+    let timer = null;
+    const flush = () => {
+        timer = null;
+        last = Date.now();
+        connection.notify("cursor", { cursor: pending });
+    };
+    view.document.addEventListener("pointermove", (event) => {
+        pending = { x: event.pageX, y: event.pageY };
+        if (timer !== null)
+            return;
+        timer = view.setTimeout(flush, Math.max(0, INTERVAL_MS - (Date.now() - last)));
+    });
+    view.document.documentElement.addEventListener("pointerleave", () => {
+        if (timer !== null)
+            view.clearTimeout(timer);
+        pending = null;
+        flush();
+    });
+};
+//# sourceMappingURL=presence.js.map

package/dist/runtime/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.js","sourceRoot":"","sources":["../../src/runtime/presence.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAG,EAAE,CAAA;AAEtB;6EAC6E;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,UAAsB,EAAE,IAAY,EAAE,EAAE;IACpE,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,IAAI,OAAO,GAAoC,IAAI,CAAA;IACnD,IAAI,KAAK,GAAkB,IAAI,CAAA;IAE/B,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,GAAG,IAAI,CAAA;QACZ,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACjB,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;QACtD,OAAO,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,CAAA;QAC5C,IAAI,KAAK,KAAK,IAAI;YAAE,OAAM;QAC1B,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;IAChF,CAAC,CAAC,CAAA;IACF,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE;QAClE,IAAI,KAAK,KAAK,IAAI;YAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAC5C,OAAO,GAAG,IAAI,CAAA;QACd,KAAK,EAAE,CAAA;IACT,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/runtime/runtime.d.ts

@@ -0,0 +1,31 @@
+import type { App } from "@modelcontextprotocol/ext-apps";
+import { type Actor, increment } from "../protocol/index.js";
+import { type ConnectOptions } from "./connection.js";
+import { type Shared } from "./shared.js";
+export interface Artifact {
+    /** The page's MCP Apps App. Use it for tools, messages, links, and display modes. */
+    readonly app: App;
+    /** Resolves once connected to the host (or settled on standalone mode). */
+    readonly ready: Promise<void>;
+    /** True once the host has confirmed it speaks the artifact extension. Shared state can
+     *  persist without it, through MCP tools. */
+    readonly connected: boolean;
+    /** True when shared state is saved on the server through MCP tools, so everyone sees it;
+     *  false when it stays in this page. Settles with `ready`. */
+    readonly persistent: boolean;
+    /** The signed-in viewer, when the host shares one. */
+    readonly actor: Actor | null;
+    /** A live, shared collection, usable immediately. Same handle for the same key. */
+    shared(key: string, initial?: unknown[]): Shared;
+    /** An atomic counter change for `update` patches: `{ votes: artifact.increment(1) }`. */
+    increment: typeof increment;
+    /** Call one of the server's app tools for this artifact (`artifactId` is added): how a
+     *  host's components get live data. Resolves to the structured result; throws the
+     *  explanation when refused, or when the page has no server to ask. */
+    call(name: string, args?: Record<string, unknown>): Promise<unknown>;
+}
+/** Start the collaboration layer for this page. Everything is usable synchronously; state
+ *  calls wait for the connection, and fall back to page-local state in a plain MCP Apps
+ *  host or when the page is opened on its own. */
+export declare const openArtifact: (options?: ConnectOptions) => Artifact;
+//# sourceMappingURL=runtime.d.ts.map

package/dist/runtime/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/runtime/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAE,KAAK,KAAK,EAAwB,SAAS,EAAW,MAAM,sBAAsB,CAAA;AAE3F,OAAO,EAAmB,KAAK,cAAc,EAAoB,MAAM,iBAAiB,CAAA;AAIxF,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,aAAa,CAAA;AAuBvD,MAAM,WAAW,QAAQ;IACvB,qFAAqF;IACrF,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAA;IACjB,2EAA2E;IAC3E,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B;iDAC6C;IAC7C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B;kEAC8D;IAC9D,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IAC5B,mFAAmF;IACnF,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IAChD,yFAAyF;IACzF,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B;;2EAEuE;IACvE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;CACrE;AA6FD;;kDAEkD;AAClD,eAAO,MAAM,YAAY,aAAa,cAAc,KAAQ,QAiF3D,CAAA"}

package/dist/runtime/runtime.entry.d.ts

@@ -0,0 +1,9 @@
+/** The injected bundle: exposes `window.artifact` for pages that just write HTML. A page
+ *  that bundles the runtime itself keeps its own instance; this never runs twice. */
+import { openArtifact } from "./runtime.js";
+declare global {
+    interface Window {
+        artifact?: ReturnType<typeof openArtifact>;
+    }
+}
+//# sourceMappingURL=runtime.entry.d.ts.map

package/dist/runtime/runtime.entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.entry.d.ts","sourceRoot":"","sources":["../../src/runtime/runtime.entry.ts"],"names":[],"mappings":"AAAA;qFACqF;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAA;KAC3C;CACF"}

package/dist/runtime/runtime.entry.js

@@ -0,0 +1,6 @@
+/** The injected bundle: exposes `window.artifact` for pages that just write HTML. A page
+ *  that bundles the runtime itself keeps its own instance; this never runs twice. */
+import { openArtifact } from "./runtime.js";
+if (!window.artifact)
+    window.artifact = openArtifact();
+//# sourceMappingURL=runtime.entry.js.map

package/dist/runtime/runtime.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.entry.js","sourceRoot":"","sources":["../../src/runtime/runtime.entry.ts"],"names":[],"mappings":"AAAA;qFACqF;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAQ3C,IAAI,CAAC,MAAM,CAAC,QAAQ;IAAE,MAAM,CAAC,QAAQ,GAAG,YAAY,EAAE,CAAA"}

package/dist/runtime/runtime.js

@@ -0,0 +1,189 @@
+import * as z from "zod/mini";
+import { increment, methods } from "../protocol/index.js";
+import { startAnchoring } from "./anchoring.js";
+import { createConnection } from "./connection.js";
+import { startEditing } from "./editing.js";
+import { createLayoutEditor } from "./layout.js";
+import { startPresence } from "./presence.js";
+import { createShared } from "./shared.js";
+import { isSlides, startSlides } from "./slides.js";
+import { answer, deferredBackend, localBackend, readIdentity, toolBackend, } from "./state-backend.js";
+import { followHostTheme } from "./theme.js";
+/** The page as it looks now: live components keep what they drew, and scripts are removed so
+ *  a printed copy never runs or loads anything. */
+const snapshotPage = (doc) => {
+    const copy = doc.documentElement.cloneNode(true);
+    if (!(copy instanceof HTMLElement))
+        return "";
+    for (const node of copy.querySelectorAll("script, [contenteditable]")) {
+        if (node.tagName === "SCRIPT")
+            node.remove();
+        else
+            node.removeAttribute("contenteditable");
+    }
+    return `<!doctype html>${copy.outerHTML}`;
+};
+const has = (connection, feature) => connection?.host?.features.includes(feature) ?? false;
+const whenParsed = (doc, run) => {
+    if (doc.readyState === "loading")
+        doc.addEventListener("DOMContentLoaded", run, { once: true });
+    else
+        run();
+};
+const followLinks = (document, connection, app) => {
+    // Ordinary Markdown and HTML links need the same host navigation as widgets.
+    // Navigating the artifact frame to a source page fails its frame policy.
+    document.addEventListener("click", (event) => {
+        if (event.defaultPrevented ||
+            !(event.target instanceof Element) ||
+            !connection()?.app.getHostCapabilities()?.openLinks)
+            return;
+        const link = event.target.closest("a[href]");
+        if (!link || link.hasAttribute("download") || link.getAttribute("href")?.startsWith("#"))
+            return;
+        const url = new URL(link.href);
+        if (!["https:", "http:", "mailto:", "tel:"].includes(url.protocol))
+            return;
+        // Explicit external links retain the browser click and open outside the sandbox.
+        if (link.target === "_blank") {
+            link.rel = "noopener noreferrer";
+            return;
+        }
+        event.preventDefault();
+        void app
+            .openLink({ url: url.href })
+            .then((result) => {
+            if (result.isError)
+                throw new Error("Could not open link");
+            return undefined;
+        })
+            .catch(() => {
+            const notice = document.createElement("span");
+            notice.setAttribute("role", "alert");
+            notice.textContent = " Could not open this link. Try again.";
+            link.after(notice);
+        });
+    });
+};
+const followSelectedLinks = (pending) => {
+    let selectedLink = null;
+    const markSelectedLinks = () => {
+        for (const link of document.querySelectorAll("a[href]")) {
+            const selected = selectedLink !== null && link.href === selectedLink;
+            if (selected)
+                link.setAttribute("aria-current", "true");
+            else if (link.getAttribute("aria-current") === "true" &&
+                link.dataset["oaSelected"] !== undefined)
+                link.removeAttribute("aria-current");
+            link.toggleAttribute("data-oa-selected", selected);
+        }
+    };
+    pending.on("selectedLink", ({ url }) => {
+        selectedLink = url;
+        markSelectedLinks();
+    });
+    whenParsed(document, () => {
+        new MutationObserver(markSelectedLinks).observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+    });
+};
+const callTool = async (connected, state, name, args) => {
+    await connected;
+    const { connection, connectionError, persistent } = state();
+    const identity = readIdentity(document);
+    if (connectionError)
+        throw new Error("This page could not connect to its host. Reload to reconnect.", {
+            cause: connectionError,
+        });
+    if (!connection || !persistent || !identity)
+        throw new Error("This page is not connected to a server.");
+    const result = await connection.app.callServerTool({
+        name,
+        arguments: { ...args, artifactId: identity.id },
+    });
+    return answer(z.unknown(), result);
+};
+/** Start the collaboration layer for this page. Everything is usable synchronously; state
+ *  calls wait for the connection, and fall back to page-local state in a plain MCP Apps
+ *  host or when the page is opened on its own. */
+export const openArtifact = (options = {}) => {
+    const pending = createConnection(methods, options);
+    let connection = null;
+    let connectionError;
+    let persistent = false;
+    // Slides lay out as soon as the page is parsed, before the handshake, so nothing jumps.
+    let slides = null;
+    let layout = null;
+    whenParsed(document, () => {
+        layout = createLayoutEditor(document);
+        connection?.notify("layoutReady", { available: layout !== null });
+        if (isSlides(document)) {
+            slides = startSlides({
+                on: pending.on,
+                report: (index, count, titles, scrollTo) => connection?.notify("slide", {
+                    index,
+                    count,
+                    titles,
+                    ...(scrollTo === undefined ? {} : { scrollTo }),
+                }),
+                exit: () => connection?.notify("exitPresent", {}),
+            });
+        }
+        // Register after slide navigation so Present consumes its own Escape first.
+        // Keyboard events do not cross frames; the typed bridge closes the host reader.
+        window.addEventListener("keydown", (event) => {
+            if (event.key === "Escape" && !event.defaultPrevented)
+                connection?.notify("escape", {});
+        });
+        followLinks(document, () => connection, pending.app);
+    });
+    followSelectedLinks(pending);
+    const connected = pending.connect().then((live) => {
+        connection = live;
+        document.documentElement.setAttribute("data-open-artifact-connection", "connected");
+        followHostTheme(live.app);
+        live.notify("layoutReady", { available: layout !== null });
+        slides?.report();
+        if (has(live, "anchors"))
+            startAnchoring(live, window);
+        if (has(live, "presence"))
+            startPresence(live, window);
+        if (has(live, "editing"))
+            startEditing(live, window, layout);
+        live.on("snapshot", () => live.notify("page", { html: snapshotPage(document) }));
+        const identity = readIdentity(document);
+        const tools = live.app.getHostCapabilities()?.serverTools;
+        persistent = Boolean(identity && tools);
+        return identity && tools ? toolBackend(live, identity.id) : localBackend();
+    }, (error) => {
+        connectionError = error;
+        document.documentElement.setAttribute("data-open-artifact-connection", "standalone");
+        document.documentElement.setAttribute("data-open-artifact-connection-error", error instanceof Error ? error.message : String(error));
+        return localBackend();
+    });
+    const backend = deferredBackend(connected);
+    const handles = new Map();
+    return {
+        app: pending.app,
+        ready: connected.then(() => undefined),
+        get connected() {
+            return Boolean(connection?.host);
+        },
+        get persistent() {
+            return persistent;
+        },
+        get actor() {
+            return connection?.host?.actor ?? null;
+        },
+        shared: (key, initial = []) => {
+            const handle = handles.get(key) ?? createShared(backend, key, initial);
+            handles.set(key, handle);
+            return handle;
+        },
+        increment,
+        call: (name, args = {}) => callTool(connected, () => ({ connection, connectionError, persistent }), name, args),
+    };
+};
+//# sourceMappingURL=runtime.js.map