@derive-to/artifacts 0.0.0-stage → 0.6.0

package/dist/protocol/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/protocol/text.ts"],"names":[],"mappings":"AAAA;wFACwF;AACxF,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,MAAM,CA6C7C,CAAA;AAEF;sCACsC;AACtC,eAAO,MAAM,eAAe,EAAE,SAAS,MAAM,EAkB5C,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,YAAY,8BAA8B,CAAA"}

package/dist/protocol/text.js

@@ -0,0 +1,72 @@
+/** Elements whose boundaries count as a line break when a page is flattened to text. Shared
+ *  so the runtime (live DOM) and a server (parsed HTML) flatten a page the same way. */
+export const BLOCK_ELEMENTS = new Set([
+    "address",
+    "article",
+    "aside",
+    "blockquote",
+    "body",
+    "br",
+    "caption",
+    "dd",
+    "details",
+    "dialog",
+    "div",
+    "dl",
+    "dt",
+    "fieldset",
+    "figcaption",
+    "figure",
+    "footer",
+    "form",
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "header",
+    "hgroup",
+    "hr",
+    "html",
+    "li",
+    "main",
+    "nav",
+    "ol",
+    "p",
+    "pre",
+    "section",
+    "summary",
+    "table",
+    "tbody",
+    "td",
+    "tfoot",
+    "th",
+    "thead",
+    "tr",
+    "ul",
+]);
+/** Blocks a person can retype when editing text in place. Shared so the server marks the
+ *  same blocks the runtime offers. */
+export const EDITABLE_BLOCKS = [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "p",
+    "li",
+    "td",
+    "th",
+    "dt",
+    "dd",
+    "figcaption",
+    "blockquote",
+    "caption",
+    "summary",
+    "label",
+];
+/** The attribute the editing plugin puts on blocks written in the source. */
+export const SOURCE_BLOCK = "data-open-artifact-source";
+//# sourceMappingURL=text.js.map

package/dist/protocol/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/protocol/text.ts"],"names":[],"mappings":"AAAA;wFACwF;AACxF,MAAM,CAAC,MAAM,cAAc,GAAwB,IAAI,GAAG,CAAC;IACzD,SAAS;IACT,SAAS;IACT,OAAO;IACP,YAAY;IACZ,MAAM;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,SAAS;IACT,QAAQ;IACR,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,IAAI;IACJ,MAAM;IACN,KAAK;IACL,IAAI;IACJ,GAAG;IACH,KAAK;IACL,SAAS;IACT,SAAS;IACT,OAAO;IACP,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;CACL,CAAC,CAAA;AAEF;sCACsC;AACtC,MAAM,CAAC,MAAM,eAAe,GAAsB;IAChD,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,SAAS;IACT,OAAO;CACR,CAAA;AAED,6EAA6E;AAC7E,MAAM,CAAC,MAAM,YAAY,GAAG,2BAA2B,CAAA"}

package/dist/protocol/tools.d.ts

@@ -0,0 +1,77 @@
+import * as z from "zod/mini";
+/** An MCP tool both sides import: the artifact calls it with `tools/call`, the server
+ *  registers it, and neither can drift from the other. */
+export interface ToolSpec<I extends z.ZodMiniType, O extends z.ZodMiniType> {
+    readonly name: `artifact_${string}`;
+    readonly input: I;
+    readonly output: O;
+}
+/** Tools an artifact itself calls. They carry MCP Apps visibility `["app"]`: callable by the
+ *  view that the server rendered, never offered to the model. Shared state lives here, so it
+ *  persists in every MCP Apps host, with or without the artifact extension. */
+export declare const appTools: {
+    readonly stateRead: ToolSpec<z.ZodMiniObject<{
+        artifactId: z.ZodMiniString<string>;
+        key: z.ZodMiniString<unknown>;
+    }, z.core.$strip>, z.ZodMiniObject<{
+        items: z.ZodMiniNullable<z.ZodMiniArray<typeof import("./state.js").stateItemSchema>>;
+        version: z.ZodMiniInt;
+        mine: typeof import("./slot-map.js").slotMapSchema;
+        itemId: z.ZodMiniOptional<z.ZodMiniString>;
+    }, z.core.$strip>>;
+    readonly stateMutate: ToolSpec<z.ZodMiniObject<{
+        artifactId: z.ZodMiniString<string>;
+        key: z.ZodMiniString<unknown>;
+        mutation: z.ZodMiniDiscriminatedUnion<[z.ZodMiniObject<{
+            op: z.ZodMiniLiteral<"add">;
+            value: z.ZodMiniRecord<z.ZodMiniString<unknown>, z.ZodMiniUnknown>;
+        }, z.core.$strip>, z.ZodMiniObject<{
+            op: z.ZodMiniLiteral<"update">;
+            id: z.ZodMiniString<unknown>;
+            patch: z.ZodMiniRecord<z.ZodMiniString<unknown>, z.ZodMiniUnknown>;
+        }, z.core.$strip>, z.ZodMiniObject<{
+            op: z.ZodMiniLiteral<"setMine">;
+            slot: z.ZodMiniString;
+            value: z.ZodMiniNullable<z.ZodMiniRecord<z.ZodMiniString<unknown>, z.ZodMiniUnknown>>;
+        }, z.core.$strip>], "op">;
+        initial: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniRecord<z.ZodMiniString<unknown>, z.ZodMiniUnknown>>>;
+    }, z.core.$strip>, z.ZodMiniObject<{
+        items: z.ZodMiniNullable<z.ZodMiniArray<typeof import("./state.js").stateItemSchema>>;
+        version: z.ZodMiniInt;
+        mine: typeof import("./slot-map.js").slotMapSchema;
+        itemId: z.ZodMiniOptional<z.ZodMiniString>;
+    }, z.core.$strip>>;
+    readonly stateActivity: ToolSpec<z.ZodMiniObject<{
+        artifactId: z.ZodMiniString<string>;
+        key: z.ZodMiniString<unknown>;
+    }, z.core.$strip>, z.ZodMiniObject<{
+        activity: z.ZodMiniArray<z.ZodMiniObject<{
+            action: z.ZodMiniEnum<{
+                add: "add";
+                update: "update";
+                setMine: "setMine";
+            }>;
+            itemId: z.ZodMiniString;
+            version: z.ZodMiniInt;
+            actor: typeof import("./extension.js").actorSchema;
+            at: z.ZodMiniISODateTime;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+};
+export type AppTools = typeof appTools;
+/** People to mention, from the host's directory (the mentions plugin). Called by the host
+ *  page's comment box and by agents; not by artifacts. */
+export declare const peopleTool: ToolSpec<z.ZodMiniObject<{
+    artifactId: z.ZodMiniString<string>;
+    query: z.ZodMiniString<string>;
+}, z.core.$strip>, z.ZodMiniObject<{
+    people: z.ZodMiniArray<z.ZodMiniObject<{
+        id: z.ZodMiniString<string>;
+        name: z.ZodMiniString<string>;
+        avatarUrl: z.ZodMiniOptional<z.ZodMiniString<string>>;
+    }, z.core.$strip>>;
+}, z.core.$strip>>;
+/** Where the runtime learns which artifact it is: a meta tag the server writes into the
+ *  served HTML. `content` is `<artifactId>@<version>`. */
+export declare const IDENTITY_META = "open-artifact";
+//# sourceMappingURL=tools.d.ts.map

package/dist/protocol/tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../src/protocol/tools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAS7B;0DAC0D;AAC1D,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,WAAW;IACxE,QAAQ,CAAC,IAAI,EAAE,YAAY,MAAM,EAAE,CAAA;IACnC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAA;IACjB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;CACnB;AAUD;;+EAE+E;AAC/E,eAAO,MAAM,QAAQ;aACnB,SAAS;;;;;;;;;aAKT,WAAW;;;;;;;;;;;;;;;;;;;;;;aAUX,aAAa;;;;;;;;;;;;;;;;CAKL,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAA;AAItC;0DAC0D;AAC1D,eAAO,MAAM,UAAU;;;;;;;;;kBAItB,CAAA;AAED;0DAC0D;AAC1D,eAAO,MAAM,aAAa,kBAAkB,CAAA"}

package/dist/protocol/tools.js

@@ -0,0 +1,25 @@
+import * as z from "zod/mini";
+import { activitySchema, initialSchema, mutationSchema, snapshotSchema, stateKeySchema, } from "./state.js";
+const defineTool = (name, input, output) => ({ name, input, output });
+const artifactId = z.string().check(z.minLength(1), z.maxLength(64));
+/** Tools an artifact itself calls. They carry MCP Apps visibility `["app"]`: callable by the
+ *  view that the server rendered, never offered to the model. Shared state lives here, so it
+ *  persists in every MCP Apps host, with or without the artifact extension. */
+export const appTools = {
+    stateRead: defineTool("artifact_state_read", z.object({ artifactId, key: stateKeySchema }), snapshotSchema),
+    stateMutate: defineTool("artifact_state_mutate", z.object({
+        artifactId,
+        key: stateKeySchema,
+        mutation: mutationSchema,
+        initial: z.optional(initialSchema),
+    }), snapshotSchema),
+    stateActivity: defineTool("artifact_state_activity", z.object({ artifactId, key: stateKeySchema }), z.object({ activity: z.array(activitySchema) })),
+};
+const person = z.object({ id: z.string(), name: z.string(), avatarUrl: z.optional(z.string()) });
+/** People to mention, from the host's directory (the mentions plugin). Called by the host
+ *  page's comment box and by agents; not by artifacts. */
+export const peopleTool = defineTool("artifact_people", z.object({ artifactId, query: z.string().check(z.maxLength(100)) }), z.object({ people: z.array(person) }));
+/** Where the runtime learns which artifact it is: a meta tag the server writes into the
+ *  served HTML. `content` is `<artifactId>@<version>`. */
+export const IDENTITY_META = "open-artifact";
+//# sourceMappingURL=tools.js.map

package/dist/protocol/tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../src/protocol/tools.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAA;AAUnB,MAAM,UAAU,GAAG,CACjB,IAA0B,EAC1B,KAAQ,EACR,MAAS,EACO,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;AAE9C,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAA;AAEpE;;+EAE+E;AAC/E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,SAAS,EAAE,UAAU,CACnB,qBAAqB,EACrB,CAAC,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC,EAC7C,cAAc,CACf;IACD,WAAW,EAAE,UAAU,CACrB,uBAAuB,EACvB,CAAC,CAAC,MAAM,CAAC;QACP,UAAU;QACV,GAAG,EAAE,cAAc;QACnB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;KACnC,CAAC,EACF,cAAc,CACf;IACD,aAAa,EAAE,UAAU,CACvB,yBAAyB,EACzB,CAAC,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC,EAC7C,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAChD;CACO,CAAA;AAIV,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAA;AAEhG;0DAC0D;AAC1D,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,iBAAiB,EACjB,CAAC,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EACnE,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CACtC,CAAA;AAED;0DAC0D;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAA"}

package/dist/protocol/viewer.d.ts

@@ -0,0 +1,21 @@
+import * as z from "zod/mini";
+/** The generic viewer that renders any artifact in a plain MCP Apps host. MCP Apps UI
+ *  resources are static templates, so one viewer serves every artifact; the artifact itself
+ *  arrives as the `artifact_open` tool result. */
+export declare const VIEWER_URI = "ui://open-artifact/viewer";
+export declare const OPEN_TOOL = "artifact_open";
+export declare const openResultSchema: z.ZodMiniObject<{
+    artifactId: z.ZodMiniString<string>;
+    version: z.ZodMiniInt;
+    title: z.ZodMiniString<string>;
+    html: z.ZodMiniString<string>;
+    csp: z.ZodMiniObject<{
+        connectDomains: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniString<string>>>;
+        resourceDomains: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniString<string>>>;
+        frameDomains: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniString<string>>>;
+        baseUriDomains: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniString<string>>>;
+    }, z.core.$strip>;
+    assetOrigin: z.ZodMiniOptional<z.ZodMiniString<string>>;
+}, z.core.$strip>;
+export type OpenResult = z.infer<typeof openResultSchema>;
+//# sourceMappingURL=viewer.d.ts.map

package/dist/protocol/viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../../src/protocol/viewer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B;;kDAEkD;AAClD,eAAO,MAAM,UAAU,8BAA8B,CAAA;AACrD,eAAO,MAAM,SAAS,kBAAkB,CAAA;AAExC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;iBAS3B,CAAA;AACF,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAA"}

package/dist/protocol/viewer.js

@@ -0,0 +1,18 @@
+import * as z from "zod/mini";
+import { cspSchema } from "./http.js";
+/** The generic viewer that renders any artifact in a plain MCP Apps host. MCP Apps UI
+ *  resources are static templates, so one viewer serves every artifact; the artifact itself
+ *  arrives as the `artifact_open` tool result. */
+export const VIEWER_URI = "ui://open-artifact/viewer";
+export const OPEN_TOOL = "artifact_open";
+export const openResultSchema = z.object({
+    artifactId: z.string(),
+    version: z.int(),
+    title: z.string(),
+    /** The served HTML: runtime and identity already inlined. */
+    html: z.string(),
+    csp: cspSchema,
+    /** Where `/blobs/…` asset paths resolve, when the server serves assets. */
+    assetOrigin: z.optional(z.string()),
+});
+//# sourceMappingURL=viewer.js.map

package/dist/protocol/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../src/protocol/viewer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC;;kDAEkD;AAClD,MAAM,CAAC,MAAM,UAAU,GAAG,2BAA2B,CAAA;AACrD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IACvC,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE;IACtB,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE;IAChB,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,6DAA6D;IAC7D,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,GAAG,EAAE,SAAS;IACd,2EAA2E;IAC3E,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;CACpC,CAAC,CAAA"}

package/dist/react/artifact-list.d.ts

@@ -0,0 +1,17 @@
+import type { ArtifactClient } from "../host/index.js";
+export interface ArtifactListProps {
+    client: ArtifactClient;
+    /** Called with the artifact a person opens. The host decides: a route, a panel. */
+    onOpen(id: string): void;
+    /** The artifact open now, marked in the list. */
+    selected?: string | null;
+    /** A narrow list for a sidebar: titles, role and open comments only. */
+    compact?: boolean;
+    /** Changes this to load the list again (after the host creates or renames something). */
+    revision?: number;
+    className?: string;
+}
+/** The artifacts a person can open: search, Mine or Shared with me, their role on each and
+ *  open comments, and select-many to delete. Pages from the server as it goes. */
+export declare const ArtifactList: ({ client, onOpen, selected, compact, revision, className, }: ArtifactListProps) => import("react").JSX.Element;
+//# sourceMappingURL=artifact-list.d.ts.map

package/dist/react/artifact-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-list.d.ts","sourceRoot":"","sources":["../../src/react/artifact-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAQtD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,cAAc,CAAA;IACtB,mFAAmF;IACnF,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAwPD;kFACkF;AAClF,eAAO,MAAM,YAAY,gEAOtB,iBAAiB,gCA8CnB,CAAA"}

package/dist/react/artifact-list.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useLabels } from "./labels.js";
+import { roleLabel } from "./role-badge.js";
+import { relativeTime } from "./time.js";
+const PAGE = 50;
+const usePages = (client, query) => {
+    const key = `${query.search}|${query.filter}|${query.revision}`;
+    const [page, setPage] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let current = true;
+        Promise.all([
+            client.me(),
+            client.listPage({
+                limit: PAGE,
+                ...(query.search ? { search: query.search } : {}),
+                ...(query.filter === "mine" ? { mine: true } : {}),
+            }),
+        ]).then(([me, listed]) => {
+            if (current)
+                setPage({ key, me, artifacts: listed.artifacts, next: listed.next });
+            return undefined;
+        }, (reason) => {
+            if (current)
+                setError(reason instanceof Error ? reason.message : String(reason));
+        });
+        return () => {
+            current = false;
+        };
+    }, [client, key, query.search, query.filter]);
+    const more = async () => {
+        if (!page?.next)
+            return;
+        const listed = await client.listPage({
+            limit: PAGE,
+            cursor: page.next,
+            ...(query.search ? { search: query.search } : {}),
+            ...(query.filter === "mine" ? { mine: true } : {}),
+        });
+        setPage({ ...page, artifacts: [...page.artifacts, ...listed.artifacts], next: listed.next });
+    };
+    return { page: page?.key === key ? page : null, error, more };
+};
+const Row = ({ artifact, me, selected, checked, compact, onOpen, onCheck, }) => {
+    const { labels, locale } = useLabels();
+    const role = roleLabel(artifact.can, me !== null, labels);
+    const open = artifact.activity.openThreads;
+    return (_jsxs("li", { className: "oa-list-row", "aria-current": selected ? "page" : undefined, "data-checked": checked || undefined, children: [compact ? null : (_jsx("input", { type: "checkbox", "aria-label": artifact.title, checked: checked, onChange: (event) => onCheck(event.target.checked) })), _jsxs("button", { type: "button", className: "oa-list-open", onClick: onOpen, children: [_jsx("span", { className: "oa-list-title", children: artifact.title }), compact ? null : _jsx("span", { className: "oa-list-summary", children: artifact.summary })] }), open > 0 ? (_jsx("span", { className: "oa-count", children: compact ? open : labels.openComments(open) })) : null, compact ? null : (_jsx("span", { className: "oa-role", "data-tone": role.tone, children: role.text })), compact ? null : (_jsx("time", { className: "oa-list-time", dateTime: artifact.updatedAt, children: relativeTime(artifact.updatedAt, { locale, justNow: labels.justNow }) }))] }));
+};
+const Tools = ({ search, setSearch, filter, setFilter, }) => {
+    const { labels } = useLabels();
+    const names = {
+        all: labels.filterAll,
+        mine: labels.filterMine,
+        shared: labels.filterShared,
+    };
+    return (_jsxs("div", { className: "oa-list-tools", children: [_jsx("input", { className: "oa-input", type: "search", "aria-label": labels.searchDocuments, placeholder: labels.searchDocuments, value: search, onChange: (event) => setSearch(event.target.value) }), _jsxs("fieldset", { className: "oa-segmented", children: [_jsx("legend", { className: "oa-visually-hidden", children: labels.searchDocuments }), ["all", "mine", "shared"].map((option) => (_jsx("button", { type: "button", "aria-pressed": filter === option, onClick: () => setFilter(option), children: names[option] }, option)))] })] }));
+};
+/** What to do with the selected rows. Delete asks once, naming how many. */
+const Bulk = ({ count, canDelete, onDelete, onClear, }) => {
+    const { labels } = useLabels();
+    const [confirming, setConfirming] = useState(false);
+    const [failed, setFailed] = useState(0);
+    const remove = async () => {
+        setFailed(await onDelete());
+        setConfirming(false);
+    };
+    if (confirming)
+        return (_jsxs("div", { className: "oa-list-bulk", "aria-live": "polite", children: [_jsx("span", { children: labels.confirmDelete(count) }), _jsx("button", { type: "button", className: "oa-button oa-button-danger", onClick: () => void remove(), children: labels.deleteSelected }), _jsx("button", { type: "button", className: "oa-button oa-button-quiet", onClick: () => setConfirming(false), children: labels.cancel })] }));
+    return (_jsxs("div", { className: "oa-list-bulk", "aria-live": "polite", children: [_jsx("strong", { children: labels.selected(count) }), failed > 0 ? (_jsx("span", { className: "oa-composer-error", role: "alert", children: labels.deleteFailed(failed) })) : null, canDelete ? (_jsx("button", { type: "button", className: "oa-button", onClick: () => setConfirming(true), children: labels.deleteSelected })) : null, _jsx("button", { type: "button", className: "oa-button oa-button-quiet", onClick: onClear, children: labels.clearSelection })] }));
+};
+/** Which rows show (deleted ones leave at once; Shared with me is everyone else's) and which
+ *  are selected, with what the selection allows. */
+const useSelection = (client, page, filter) => {
+    const [checked, setChecked] = useState(new Set());
+    const [removed, setRemoved] = useState(new Set());
+    const mine = (artifact) => artifact.createdBy.id === page?.me?.id;
+    const visible = (page?.artifacts ?? []).filter((artifact) => !removed.has(artifact.id) && (filter !== "shared" || !mine(artifact)));
+    const chosen = visible.filter((artifact) => checked.has(artifact.id));
+    return {
+        visible,
+        checked,
+        chosen,
+        canDelete: chosen.length > 0 && chosen.every((artifact) => artifact.can.includes("manage")),
+        toggle: (id, on) => {
+            const next = new Set(checked);
+            if (on)
+                next.add(id);
+            else
+                next.delete(id);
+            setChecked(next);
+        },
+        clear: () => setChecked(new Set()),
+        /** Deletes each chosen artifact. The ones deleted leave the list; the ones the server
+         *  refused stay selected, and their count comes back to say so. */
+        remove: async () => {
+            const results = await Promise.allSettled(chosen.map(async (artifact) => {
+                await client.remove(artifact.id);
+                return artifact.id;
+            }));
+            const gone = results.flatMap((result) => result.status === "fulfilled" ? [result.value] : []);
+            setRemoved(new Set([...removed, ...gone]));
+            setChecked(new Set([...checked].filter((id) => !gone.includes(id))));
+            return results.length - gone.length;
+        },
+    };
+};
+/** The artifacts a person can open: search, Mine or Shared with me, their role on each and
+ *  open comments, and select-many to delete. Pages from the server as it goes. */
+export const ArtifactList = ({ client, onOpen, selected = null, compact = false, revision = 0, className, }) => {
+    const { labels } = useLabels();
+    const [search, setSearch] = useState("");
+    const [filter, setFilter] = useState("all");
+    const { page, error, more } = usePages(client, { search, filter, revision });
+    const pick = useSelection(client, page, filter);
+    return (_jsxs("div", { className: ["oa-list", compact ? "oa-list-compact" : null, className]
+            .filter(Boolean)
+            .join(" "), children: [compact ? null : (_jsx(Tools, { search: search, setSearch: setSearch, filter: filter, setFilter: setFilter })), pick.chosen.length > 0 ? (_jsx(Bulk, { count: pick.chosen.length, canDelete: pick.canDelete, onDelete: pick.remove, onClear: pick.clear })) : null, error ? _jsx("p", { className: "oa-composer-error", children: error }) : null, page && pick.visible.length === 0 ? _jsx("p", { className: "oa-empty", children: labels.noDocuments }) : null, _jsx("ul", { className: "oa-list-rows", children: pick.visible.map((artifact) => (_jsx(Row, { artifact: artifact, me: page?.me ?? null, selected: artifact.id === selected, checked: pick.checked.has(artifact.id), compact: compact, onOpen: () => onOpen(artifact.id), onCheck: (on) => pick.toggle(artifact.id, on) }, artifact.id))) }), page?.next ? (_jsx("button", { type: "button", className: "oa-button oa-button-quiet", onClick: () => void more(), children: labels.loadMore })) : null] }));
+};
+//# sourceMappingURL=artifact-list.js.map

package/dist/react/artifact-list.js.map

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

package/dist/react/comment-body.d.ts

@@ -0,0 +1,5 @@
+/** A comment's text, with @mentions shown as names. */
+export declare const CommentBody: ({ body }: {
+    body: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=comment-body.d.ts.map

package/dist/react/comment-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-body.d.ts","sourceRoot":"","sources":["../../src/react/comment-body.tsx"],"names":[],"mappings":"AAYA,uDAAuD;AACvD,eAAO,MAAM,WAAW,aAAc;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,gCAarD,CAAA"}

package/dist/react/comment-body.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { bodyParts } from "../protocol/index.js";
+/** Each part keyed by where it starts in the body, which never changes for one body. */
+const keyed = (body) => {
+    let at = 0;
+    return bodyParts(body).map((part) => {
+        const key = at;
+        at += "text" in part ? part.text.length : part.mention.name.length;
+        return { key, part };
+    });
+};
+/** A comment's text, with @mentions shown as names. */
+export const CommentBody = ({ body }) => (_jsx("p", { className: "oa-comment-body", dir: "auto", children: keyed(body).map(({ key, part }) => "mention" in part ? (_jsxs("span", { className: "oa-mention", "data-person": part.mention.id, children: ["@", part.mention.name] }, key)) : (_jsx("span", { children: part.text }, key))) }));
+//# sourceMappingURL=comment-body.js.map

package/dist/react/comment-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-body.js","sourceRoot":"","sources":["../../src/react/comment-body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,wFAAwF;AACxF,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE;IAC7B,IAAI,EAAE,GAAG,CAAC,CAAA;IACV,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAClC,MAAM,GAAG,GAAG,EAAE,CAAA;QACd,EAAE,IAAI,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAA;QAClE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;IACtB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,uDAAuD;AACvD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE,CAAC,CAEzD,YAAG,SAAS,EAAC,iBAAiB,EAAC,GAAG,EAAC,MAAM,YACtC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CACjC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAClB,gBAAgB,SAAS,EAAC,YAAY,iBAAc,IAAI,CAAC,OAAO,CAAC,EAAE,kBAC/D,IAAI,CAAC,OAAO,CAAC,IAAI,KADV,GAAG,CAEP,CACR,CAAC,CAAC,CAAC,CACF,yBAAiB,IAAI,CAAC,IAAI,IAAf,GAAG,CAAoB,CACnC,CACF,GACC,CACL,CAAA"}

package/dist/react/comment-input.d.ts

@@ -0,0 +1,18 @@
+import { type Person } from "./context.js";
+export interface CommentInputProps {
+    id: string;
+    value: string;
+    disabled?: boolean;
+    /** People picked so far, shown highlighted where their "@Name" appears. */
+    mentioned: readonly Person[];
+    onMention(person: Person): void;
+    placeholder: string;
+    /** The id of the visible error, when there is one. */
+    errorId: string | null;
+    onChange(value: string): void;
+    onSend(): void;
+    onCancel?: (() => void) | undefined;
+}
+/** The comment textarea: ⌘/Ctrl+Enter sends, Escape cancels, and "@" suggests people. */
+export declare const CommentInput: (props: CommentInputProps) => import("react").JSX.Element;
+//# sourceMappingURL=comment-input.d.ts.map

package/dist/react/comment-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comment-input.d.ts","sourceRoot":"","sources":["../../src/react/comment-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAe,MAAM,cAAc,CAAA;AAIvD,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,SAAS,EAAE,SAAS,MAAM,EAAE,CAAA;IAC5B,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,MAAM,IAAI,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;CACpC;AAsBD,yFAAyF;AACzF,eAAO,MAAM,YAAY,UAAW,iBAAiB,gCA4EpD,CAAA"}

package/dist/react/comment-input.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef } from "react";
+import { bodyParts, tokenizeMentions } from "../protocol/index.js";
+import { useArtifact } from "./context.js";
+import { MentionList } from "./mention-list.js";
+import { useMentionPicker } from "./use-mention-picker.js";
+/** The text again, behind the textarea, with each picked "@Name" marked: the same
+ *  characters in the same font, so the marks sit exactly under the names. */
+const highlighted = (value, people) => {
+    let at = 0;
+    const parts = bodyParts(tokenizeMentions(value, people)).map((part) => {
+        const key = at;
+        const shown = "mention" in part ? `@${part.mention.name}` : part.text;
+        at += shown.length;
+        return "mention" in part ? _jsx("mark", { children: shown }, key) : _jsx("span", { children: shown }, key);
+    });
+    // A trailing newline needs a character after it to take up its line.
+    return [...parts, _jsx("span", { children: "\u200b" }, "end")];
+};
+/** With the mentions plugin, "@" offers people from the host's directory. */
+const usePeople = () => {
+    const { artifact, searchPeople } = useArtifact();
+    return artifact?.features.includes("mentions") ? searchPeople : null;
+};
+/** The comment textarea: ⌘/Ctrl+Enter sends, Escape cancels, and "@" suggests people. */
+export const CommentInput = (props) => {
+    const { id, value, onChange } = props;
+    const input = useRef(null);
+    const pendingCaret = useRef(null);
+    const picker = useMentionPicker(usePeople());
+    const mirror = useRef(null);
+    useLayoutEffect(() => {
+        if (pendingCaret.current === null)
+            return;
+        input.current?.setSelectionRange(pendingCaret.current, pendingCaret.current);
+        pendingCaret.current = null;
+    });
+    const apply = (picked) => {
+        pendingCaret.current = picked.caret;
+        props.onMention(picked.person);
+        onChange(picked.body);
+    };
+    const onKeyDown = (event) => {
+        const used = picker.onKey(event, value);
+        if (used) {
+            event.preventDefault();
+            if (used !== "handled")
+                apply(used);
+            return;
+        }
+        if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+            event.preventDefault();
+            props.onSend();
+        }
+        if (event.key === "Escape" && props.onCancel) {
+            event.preventDefault();
+            props.onCancel();
+        }
+    };
+    return (_jsxs("div", { className: "oa-composer-field", children: [_jsx("div", { ref: mirror, className: "oa-composer-mirror", "aria-hidden": "true", children: highlighted(value, props.mentioned) }), _jsx("textarea", { ref: input, id: id, className: "oa-composer-input", value: value, disabled: props.disabled, placeholder: props.placeholder, rows: 2, onChange: (event) => {
+                    onChange(event.target.value);
+                    picker.track(event.target.value, event.target.selectionStart);
+                }, onKeyDown: onKeyDown, onScroll: (event) => {
+                    if (mirror.current)
+                        mirror.current.scrollTop = event.currentTarget.scrollTop;
+                }, 
+                // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- see above
+                role: "combobox", "aria-autocomplete": "list", "aria-expanded": picker.open, "aria-controls": `${id}-people`, "aria-activedescendant": picker.open ? `${id}-person-${picker.active}` : undefined, "aria-invalid": props.errorId ? true : undefined, "aria-describedby": props.errorId ?? undefined }), picker.open ? (_jsx(MentionList, { id: id, people: picker.people, active: picker.active, onPick: (person) => {
+                    const picked = picker.pick(value, person);
+                    if (picked)
+                        apply(picked);
+                } })) : null] }));
+};
+//# sourceMappingURL=comment-input.js.map

package/dist/react/comment-input.js.map

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

package/dist/react/composer.d.ts

@@ -0,0 +1,10 @@
+export interface ComposerProps {
+    label: string;
+    placeholder: string;
+    submitLabel: string;
+    onSubmit(body: string): Promise<void>;
+    onCancel?: () => void;
+}
+/** A comment box: ⌘/Ctrl+Enter sends, Escape cancels, errors stay visible until fixed. */
+export declare const Composer: ({ label, placeholder, submitLabel, onSubmit, onCancel, }: ComposerProps) => import("react").JSX.Element;
+//# sourceMappingURL=composer.d.ts.map

package/dist/react/composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../../src/react/composer.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,0FAA0F;AAC1F,eAAO,MAAM,QAAQ,6DAMlB,aAAa,gCAwEf,CAAA"}

package/dist/react/composer.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { tokenizeMentions } from "../protocol/index.js";
+import { CommentInput } from "./comment-input.js";
+import { useLabels } from "./labels.js";
+/** A comment box: ⌘/Ctrl+Enter sends, Escape cancels, errors stay visible until fixed. */
+export const Composer = ({ label, placeholder, submitLabel, onSubmit, onCancel, }) => {
+    const id = useId();
+    const { labels } = useLabels();
+    const [body, setBody] = useState("");
+    const busy = useRef(false);
+    const [sending, setSending] = useState(false);
+    const [error, setError] = useState(null);
+    const [mentioned, setMentioned] = useState([]);
+    const send = async () => {
+        if (!body.trim() || busy.current)
+            return;
+        busy.current = true;
+        setSending(true);
+        setError(null);
+        try {
+            await onSubmit(tokenizeMentions(body.trim(), mentioned));
+            setBody("");
+            setMentioned([]);
+        }
+        catch (reason) {
+            setError(reason instanceof Error && !(reason instanceof TypeError)
+                ? reason.message
+                : labels.sendFailed);
+        }
+        finally {
+            busy.current = false;
+            setSending(false);
+        }
+    };
+    const onFormSubmit = (event) => {
+        event.preventDefault();
+        void send();
+    };
+    return (_jsxs("form", { className: "oa-composer", onSubmit: onFormSubmit, children: [_jsx("label", { className: "oa-visually-hidden", htmlFor: id, children: label }), _jsx(CommentInput, { id: id, value: body, disabled: sending, mentioned: mentioned, onMention: (person) => setMentioned((all) => [...all, person]), placeholder: placeholder, errorId: error ? `${id}-error` : null, onChange: setBody, onSend: () => void send(), onCancel: onCancel }), error ? (_jsx("p", { id: `${id}-error`, className: "oa-composer-error", role: "alert", children: error })) : null, _jsxs("div", { className: "oa-composer-actions", children: [onCancel ? (_jsx("button", { type: "button", className: "oa-button", onClick: onCancel, disabled: sending, children: labels.cancel })) : null, _jsx("button", { type: "submit", className: "oa-button oa-button-primary", disabled: !body.trim() || sending, children: sending ? labels.sending : submitLabel })] })] }));
+};
+//# sourceMappingURL=composer.js.map

package/dist/react/composer.js.map

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