@12ui/design 0.2.72 → 0.2.74

package/dist/mcp-slate-ui-copy.js

@@ -0,0 +1,164 @@
+import { CONVERSION_OUTPUT_FORMATS } from './conversion-outputs.js';
+/**
+ * Every visible string of the workspace view, in one place: the script reads
+ * this object (injected as JSON), and the copy test reads the same object, so
+ * the sentence-case and bare-verb rules are checked on exactly the words a
+ * person sees.
+ *
+ * Rules (spec v3, section 7): sentence case (no all-caps words except codes),
+ * action labels are bare verbs, no counts in a label, no explanatory
+ * paragraphs, and no price or budget wording anywhere: the workspace never
+ * costs money, so it never shows any. `{n}`, `{m}` and `{label}` are filled in
+ * by the script; status lines may carry counts, labels may not.
+ *
+ * The messages the view sends to the agent are not copy: they are input to a
+ * model, not words on a screen, and live with the code that sends them.
+ */
+export const SLATE_UI_COPY = {
+    title: 'Design workspace',
+    empty: 'No finished draft run was found. Start one, then open this again.',
+    // Tabs.
+    tabDesigns: 'Designs',
+    tabInspiration: 'Inspiration',
+    // Actions: bare verbs. The two chrome controls are icon-only and named for assistive technology.
+    openWorkspace: 'Open workspace',
+    closeWorkspace: 'Close workspace',
+    select: 'Select',
+    selected: 'Selected',
+    edit: 'Edit',
+    branch: 'Branch',
+    convert: 'Convert',
+    generate: 'Generate',
+    apply: 'Apply',
+    send: 'Send',
+    search: 'Search',
+    resume: 'Resume',
+    cancel: 'Cancel',
+    clear: 'Clear',
+    undo: 'Undo',
+    // Generate more: the dashed tile, and the panel it opens under the thumbnails. The counts are a control (SLATE_MORE_COUNTS), not copy.
+    // {label} is the code of the design that is shown.
+    generateMore: 'Generate more',
+    moreHelpFresh: 'Draws new options from fresh references.',
+    moreHelpSelected: 'Draws new options from your selected inspiration.',
+    moreHelpLike: 'Draws options that stay close to {label}.',
+    moreBasedOn: 'Based on {label}',
+    moreLikeUnavailable: 'This version has no picture to work from.',
+    moreInspirationLabel: 'Inspiration',
+    removeReference: 'Remove {name}',
+    moreNotePlaceholder: 'Describe how they should differ (optional)',
+    moreCountLabel: 'How many',
+    // Edit dialog: one optional instruction, a drawing, or both. {label} is the code of the design that is edited.
+    scribbleHint: 'Draw on the image to show where. An X or a circle is enough.',
+    editAria: 'Edit instruction',
+    editPlaceholder: 'Optional if you drew on the image. For example, make the headline larger.',
+    editHelp: 'Applies the change to {label} and saves the result as a new version.',
+    editHelpMarks: 'Marks only: the change is inferred from what you drew.',
+    // Branch and Convert dialogs.
+    branchAria: 'What to build',
+    branchPlaceholder: 'Optional. Which pages or states to add, for example pricing, sign in and settings.',
+    branchHelp: 'Your agent expands this design into more pages and app states.',
+    convertLabel: 'Format',
+    serviceGroup: '12ui service',
+    qualityLabel: 'Quality',
+    qualityHelp: 'Higher quality takes longer.',
+    fast: 'Fast',
+    standard: 'Standard',
+    pro: 'Pro',
+    widthLabel: 'Width',
+    widthPlaceholder: 'Pixels',
+    widthHelp: 'Optional. Output width in pixels; blank keeps the original size.',
+    layoutsLabel: 'Layouts',
+    layoutsHelp: 'How carefully the layouts adapt to other screen sizes.',
+    // Inspiration tab.
+    inspirationLabel: 'Search inspiration',
+    inspirationPlaceholder: 'What style are you looking for?',
+    inspirationEmpty: 'Search for a style to pick references for your next options.',
+    inspirationNoMatches: 'No matches. Try different words.',
+    searching: 'Searching.',
+    eightAtMost: 'Eight at most.',
+    searchFailed: 'Search failed: {message}',
+    tryAgain: 'Try again in {n} seconds.',
+    // Names and titles.
+    roundPrefix: 'Round ',
+    likePrefix: 'Like ',
+    newOptionsTitle: 'New options',
+    optionPrefix: 'Option ',
+    versionPrefix: 'Version ',
+    referencePrefix: 'Reference ',
+    failedSuffix: ', failed',
+    optionsGroup: 'Options',
+    fileMissing: 'File missing on this Mac',
+    fileChanged: 'This file changed on disk',
+    // Status and band lines.
+    recording: 'Selecting...',
+    selectedLine: 'Selected {label}. The agent has been told.',
+    selectedRefused: 'Selected {label} and saved it, but the host did not take the message: {detail}',
+    couldNotSelect: 'Could not select: {detail}',
+    pickMissing: 'The picked image is missing on this Mac. Select it again.',
+    pickChanged: 'The picked image changed on disk. Select a different version.',
+    sent: 'Sent to the agent.',
+    sentRefused: 'Recorded the request, but the host did not take the message: {detail}',
+    designing: 'Designing.',
+    // The hosted target: work waits for the person's own agent, which draws locally and uploads.
+    waitingForAgent: 'Waiting for your agent.',
+    designingProgress: 'Designing. {n} of {m} ready.',
+    editing: 'Editing {label}.',
+    roundReadyOne: '1 new option is ready.',
+    roundReadyMany: '{n} new options are ready.',
+    roundFailed: '{n} failed.',
+    editReady: '{label} is ready.',
+    interrupted: 'Work stopped before it finished.',
+    // Errors.
+    markFailed: 'Could not draw the marks on the image: {detail}',
+    noConnection: 'Could not connect to the host: ',
+    needsHost: 'This view needs a host that can show apps. Open it where ui:// resources render.',
+    toolError: 'The tool returned an error',
+    noView: 'The tool result has no workspace.',
+};
+const SERVICE_ORDER = ['html', 'layerdoc', 'html_fixed', 'svg', 'png', 'jpg', 'webp', 'pdf', 'psd', 'pptx', 'sketch'];
+export const SLATE_CONVERT_CHOICES = [
+    { value: 'local:html', engine: 'local', output: 'html', label: 'HTML' },
+    { value: 'local:react', engine: 'local', output: 'react', label: 'React' },
+    { value: 'local:assets', engine: 'local', output: 'assets', label: 'Assets' },
+    ...SERVICE_ORDER.map((output) => ({ value: `service:${output}`, engine: 'service', output, label: CONVERSION_OUTPUT_FORMATS[output].label })),
+];
+/**
+ * The hosted target's Format select: the two outputs an agent can build in the user's own project from the image, both
+ * `engine: 'local'` on the wire. There is no service group (the hosted server has no 12ui service), and no Assets (that
+ * needs the CLI on the person's machine).
+ */
+export const SLATE_REMOTE_CONVERT_CHOICES = [
+    { value: 'local:html', engine: 'local', output: 'html', label: 'HTML' },
+    { value: 'local:react', engine: 'local', output: 'react', label: 'React' },
+];
+/**
+ * The one line under the Format select that says what the chosen format gives, keyed by the choice's value. Not in the
+ * copy object: it names formats (HTML, PNG), which the copy test's no-all-caps rule is about labels, not sentences.
+ */
+export const SLATE_CONVERT_DESCRIPTIONS = {
+    'local:html': 'Editable HTML and CSS, built on this Mac.',
+    'local:react': 'Editable React components and CSS, built on this Mac.',
+    'local:assets': "The design's images as separate files, cut out on this Mac.",
+    'service:html': 'Responsive HTML that adapts to screen widths, built by 12ui.',
+    'service:layerdoc': 'An editable layered document, built by 12ui.',
+    'service:html_fixed': 'Fixed-width HTML that matches the picture, built by 12ui.',
+    'service:svg': 'A vector SVG, built by 12ui.',
+    'service:png': 'A PNG image at the width you choose, made by 12ui.',
+    'service:jpg': 'A JPG image at the width you choose, made by 12ui.',
+    'service:webp': 'A WebP image at the width you choose, made by 12ui.',
+    'service:pdf': 'A PDF file with editable layers, made by 12ui.',
+    'service:psd': 'A PSD file with editable layers, made by 12ui.',
+    'service:pptx': 'A PowerPoint file with editable layers, made by 12ui.',
+    'service:sketch': 'A Sketch file with editable layers, made by 12ui.',
+};
+/** The hosted target's lines: its agent builds in the person's own project, so nothing is built on a Mac or by 12ui. */
+export const SLATE_REMOTE_CONVERT_DESCRIPTIONS = {
+    'local:html': 'Your agent builds editable HTML from this image in your project.',
+    'local:react': 'Your agent builds React components from this image in your project.',
+};
+/** The widest output the CLI accepts (`MAX_IMAGE_OUTPUT_WIDTH`, pinned equal by a test; that module needs sharp). */
+export const SLATE_CONVERT_MAX_WIDTH = 8_192;
+/** How many options the Generate more panel offers, and the one it starts on. A control, so it is not in the copy. */
+export const SLATE_MORE_COUNTS = { choices: [1, 2, 4, 8, 12], initial: 4 };
+//# sourceMappingURL=mcp-slate-ui-copy.js.map

package/dist/mcp-slate-ui-copy.js.map

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

package/dist/mcp-slate-ui-script-bridge.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The MCP Apps bridge: JSON-RPC 2.0 over `postMessage`, the host context, the
+ * height-only size report, and the two ways an app talks to the agent.
+ *
+ * Rules kept, each proven against Codex desktop (see
+ * docs/analysis/codex-plugin-screens-2026-09-30.md):
+ * - it reports its height and never its width, because hosts treat a reported
+ *   width as a floor and a frame that grew could not shrink back to its pane;
+ * - in fullscreen it reports nothing (the host owns the size);
+ * - a message to the agent names what happened and carries no command: the
+ *   host wraps app messages as untrusted input, so the agent confirms with the
+ *   model-visible data tool instead.
+ *
+ * Fragment of the view's script; written with String.raw so escapes reach the
+ * browser unchanged. It must contain no backtick and no dollar-brace.
+ */
+export declare const SLATE_UI_BRIDGE: string;
+//# sourceMappingURL=mcp-slate-ui-script-bridge.d.ts.map

package/dist/mcp-slate-ui-script-bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-slate-ui-script-bridge.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui-script-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,QAuH3B,CAAC"}

package/dist/mcp-slate-ui-script-bridge.js

@@ -0,0 +1,137 @@
+/**
+ * The MCP Apps bridge: JSON-RPC 2.0 over `postMessage`, the host context, the
+ * height-only size report, and the two ways an app talks to the agent.
+ *
+ * Rules kept, each proven against Codex desktop (see
+ * docs/analysis/codex-plugin-screens-2026-09-30.md):
+ * - it reports its height and never its width, because hosts treat a reported
+ *   width as a floor and a frame that grew could not shrink back to its pane;
+ * - in fullscreen it reports nothing (the host owns the size);
+ * - a message to the agent names what happened and carries no command: the
+ *   host wraps app messages as untrusted input, so the agent confirms with the
+ *   model-visible data tool instead.
+ *
+ * Fragment of the view's script; written with String.raw so escapes reach the
+ * browser unchanged. It must contain no backtick and no dollar-brace.
+ */
+export const SLATE_UI_BRIDGE = String.raw `
+  var PROTOCOL = "2026-01-26";
+  var TARGET = __TARGET__;
+  var TOOLS = __TOOLS__;
+  var COPY = __COPY__;
+  var CONVERT = __CONVERT__;
+  var $ = function (id) { return document.getElementById(id); };
+
+  // ---- JSON-RPC over postMessage ----
+  var pending = new Map();
+  var nextId = 1;
+  var inflight = 0;
+  function post(msg) { window.parent.postMessage(msg, "*"); }
+  function request(method, params) {
+    return new Promise(function (resolve, reject) {
+      var id = nextId++;
+      pending.set(id, { resolve: resolve, reject: reject });
+      post({ jsonrpc: "2.0", id: id, method: method, params: params });
+    });
+  }
+  function notify(method, params) { post({ jsonrpc: "2.0", method: method, params: params }); }
+  // Fill {name} slots of a copy string.
+  function tpl(text, values) {
+    return text.replace(/\{(\w+)\}/g, function (whole, key) { return values && values[key] !== undefined ? String(values[key]) : whole; });
+  }
+
+  // A tool call resolves to its structured content, or rejects with the tool's own code and sentence.
+  function callTool(name, args) {
+    inflight++;
+    return request("tools/call", { name: name, arguments: args }).then(function (result) {
+      inflight--;
+      if (result && result.isError) {
+        var sc = result.structuredContent || {};
+        var text = result.content && result.content[0] && result.content[0].text;
+        var err = new Error(sc.message || text || "The tool failed.");
+        err.code = sc.code || "error";
+        err.retryable = !!sc.retryable;
+        if (sc.retryAfterSeconds !== undefined) err.retryAfterSeconds = sc.retryAfterSeconds;
+        throw err;
+      }
+      return result;
+    }, function (err) { inflight--; throw err; });
+  }
+
+  window.addEventListener("message", function (event) {
+    if (event.source !== window.parent) return;
+    var m = event.data;
+    if (!m || m.jsonrpc !== "2.0") return;
+    if (m.method === undefined) {
+      var p = pending.get(m.id);
+      if (!p) return;
+      pending.delete(m.id);
+      if (m.error) p.reject(new Error(m.error.message || "request failed"));
+      else p.resolve(m.result);
+      return;
+    }
+    if (m.id !== undefined) {
+      // Host request (ui/resource-teardown, ping): acknowledge.
+      post({ jsonrpc: "2.0", id: m.id, result: {} });
+      return;
+    }
+    if (m.method === "ui/notifications/tool-result") onToolResult(m.params);
+    else if (m.method === "ui/notifications/host-context-changed") applyHost(m.params || {});
+    else if (m.method === "ui/notifications/tool-cancelled") fatal("The tool call was cancelled: " + ((m.params && m.params.reason) || "no reason given"));
+  });
+
+  // ---- host context: theme, CSS variables, display mode (feature-detected, all optional) ----
+  function applyHost(ctx) {
+    var before = state.host.displayMode;
+    state.host = Object.assign(state.host, ctx);
+    if (ctx.theme === "light" || ctx.theme === "dark") {
+      document.documentElement.dataset.theme = ctx.theme;
+      document.documentElement.style.colorScheme = ctx.theme;
+    }
+    var vars = ctx.styles && ctx.styles.variables;
+    if (vars) Object.keys(vars).forEach(function (k) { if (vars[k]) document.documentElement.style.setProperty(k, vars[k]); });
+    if (ctx.displayMode !== undefined && ctx.displayMode !== before) lastHeight = -1;
+    if (state.view) renderAll();
+    reportSize();
+  }
+  function modes() { return state.host.availableDisplayModes || []; }
+  function isFullscreen() { return state.host.displayMode === "fullscreen"; }
+  function canFullscreen() { return modes().indexOf("fullscreen") >= 0; }
+  function canInline() { return modes().indexOf("inline") >= 0; }
+  function requestMode(mode) { return request("ui/request-display-mode", { mode: mode }).catch(function () {}); }
+
+  // Height only. Width is the host's to decide; the layout is fluid, so it fills exactly what it is given.
+  var lastHeight = -1;
+  function reportSize() {
+    if (isFullscreen()) return;
+    var height = Math.ceil(document.documentElement.getBoundingClientRect().height);
+    if (height === lastHeight) return;
+    lastHeight = height;
+    notify("ui/notifications/size-changed", { height: height });
+  }
+  new ResizeObserver(reportSize).observe(document.body);
+
+  function fatal(text) {
+    $("app").classList.add("hidden");
+    $("stage").classList.add("hidden");
+    $("fatal").textContent = text;
+    $("fatal").classList.remove("hidden");
+  }
+
+  // ---- the agent: a message the agent verifies, and context it may read (best effort) ----
+  function messageAgent(text) {
+    // _meta["openai/message"] is an OpenAI extension; hosts that do not know it ignore it.
+    return request("ui/message", {
+      role: "user",
+      content: [{ type: "text", text: text }],
+      _meta: { "openai/message": { target: "active", send: true } }
+    });
+  }
+  function updateModelContext(text) {
+    // Correctness never depends on this: a host without a composer may refuse it, and the failure is swallowed.
+    request("ui/update-model-context", {
+      content: [{ type: "text", text: text, annotations: { audience: ["assistant"] } }]
+    }).catch(function () {});
+  }
+`;
+//# sourceMappingURL=mcp-slate-ui-script-bridge.js.map

package/dist/mcp-slate-ui-script-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-slate-ui-script-bridge.js","sourceRoot":"","sources":["../src/mcp-slate-ui-script-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHxC,CAAC"}

package/dist/mcp-slate-ui-script-browser.d.ts

@@ -0,0 +1,12 @@
+/**
+ * What only the browser target does (TARGET is "browser"): the words it records for the agent.
+ *
+ * The screen in a browser page has no agent on the other end of its host: the shim in the page (slate-browser-host.ts)
+ * keeps what the screen would have sent with `ui/message` and hands it to the command that opened the page, which
+ * prints it in its result beside the decision itself. So these say what happened and nothing else: the agent
+ * reads the decision, the pick and the request from that result, not from the sentence.
+ *
+ * Fragment of the view's script; String.raw, no backtick, no dollar-brace.
+ */
+export declare const SLATE_UI_BROWSER: string;
+//# sourceMappingURL=mcp-slate-ui-script-browser.d.ts.map

package/dist/mcp-slate-ui-script-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-slate-ui-script-browser.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui-script-browser.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,QAO5B,CAAC"}

package/dist/mcp-slate-ui-script-browser.js

@@ -0,0 +1,19 @@
+/**
+ * What only the browser target does (TARGET is "browser"): the words it records for the agent.
+ *
+ * The screen in a browser page has no agent on the other end of its host: the shim in the page (slate-browser-host.ts)
+ * keeps what the screen would have sent with `ui/message` and hands it to the command that opened the page, which
+ * prints it in its result beside the decision itself. So these say what happened and nothing else: the agent
+ * reads the decision, the pick and the request from that result, not from the sentence.
+ *
+ * Fragment of the view's script; String.raw, no backtick, no dollar-brace.
+ */
+export const SLATE_UI_BROWSER = String.raw `
+  function browserSelectMessage(label) {
+    return "I selected " + label + " in the Design workspace.";
+  }
+  function browserHandoffMessage(kind, label, handoffId) {
+    return "I asked to " + (kind === "branch" ? "build from" : "convert") + " " + label + " in the Design workspace (request " + handoffId + ").";
+  }
+`;
+//# sourceMappingURL=mcp-slate-ui-script-browser.js.map

package/dist/mcp-slate-ui-script-browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-slate-ui-script-browser.js","sourceRoot":"","sources":["../src/mcp-slate-ui-script-browser.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAC"}

package/dist/mcp-slate-ui-script-dialog.d.ts

@@ -0,0 +1,21 @@
+/**
+ * The three dialogs of the workspace: Edit (a drawing over the image, an
+ * optional instruction, or both), Branch (an optional description of what to
+ * build) and Convert (which format, with only the options that format has).
+ * Each is opened by its button, confirmed by one verb (Apply, Send, Send) and
+ * closed by Cancel or Escape; Select has no dialog, and Generate more is a
+ * panel, not a dialog (mcp-slate-ui-script-more.ts).
+ *
+ * Common rules: a title, fields, one line that says what will happen, an error
+ * line (role alert, empty by default), then Cancel and the primary. The
+ * primary keeps its label and disables while a call is in flight; on success
+ * the dialog closes at once. One id is minted when the dialog opens (the op id
+ * of Edit, the hand-off id of Branch and Convert), so a double click sends one
+ * request.
+ *
+ * Edit starts work through the run tool, which returns as soon as the work is
+ * committed; Branch and Convert hand off to the agent through sendHandoff.
+ * Nothing here shows or asks for money.
+ */
+export declare const SLATE_UI_DIALOG: string;
+//# sourceMappingURL=mcp-slate-ui-script-dialog.d.ts.map

package/dist/mcp-slate-ui-script-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-slate-ui-script-dialog.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui-script-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,eAAe,QA4S3B,CAAC"}