@12ui/design 0.2.73 → 0.2.74

package/dist/mcp-slate-ui-styles-dialog.js

@@ -1,8 +1,9 @@
 /**
- * The dialogs (Design, Edit, Branch, Convert), the scribble layer of Edit and
- * the Inspiration tab. A dialog is a centred box over a dimmed workspace; it
+ * The dialogs (Edit, Branch, Convert), the scribble layer of Edit and the
+ * Inspiration tab. A dialog is a centred box over a dimmed workspace; it
  * scrolls inside itself when the window is short, and fills the width on a
- * phone.
+ * phone. The reference tiles are square and fluid: at least 192 px across in
+ * the card and 256 px in the workspace (--ref-min), two across under 420 px.
  */
 export const SLATE_UI_DIALOG_STYLES = String.raw `
   .modal { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 16px; background: rgba(0, 0, 0, .45); overflow: auto; }
@@ -13,61 +14,82 @@ export const SLATE_UI_DIALOG_STYLES = String.raw `
   .modalbox textarea:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }
   .radios { display: flex; flex-wrap: wrap; gap: 6px 14px; }
   .radio { display: inline-flex; align-items: center; gap: 6px; }
-  .refline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; color: var(--text2); }
-  .refthumbs { display: flex; flex-wrap: wrap; gap: 4px; }
-  .refmini { display: block; width: 36px; height: 36px; border-radius: 4px; background: var(--bg3); object-fit: cover; object-position: top; }
+  /* One muted line: what a control does, or what will happen. */
+  .help { margin: 0; font-size: 12px; color: var(--text2); overflow-wrap: anywhere; }
+  .field > .help { margin-top: 4px; }
+  .hint { flex: 1 1 200px; min-width: 0; margin: 0; font-size: 12px; color: var(--text2); }
   .alert { margin: 0; color: var(--danger); font-size: 12px; overflow-wrap: anywhere; }
   .dialogbtns, .dialogtools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
   .dialogbtns button, .dialogtools button { padding: 8px 12px; }
+  .dialogtools .hint { margin-right: auto; }
   /* The image of Edit, sized to the picture itself (a height cap of 60 percent of the window), so the scribble layer over it is exactly over the picture. */
   .imgwrap { position: relative; width: min(100%, calc(60vh * var(--ar, 1.5))); aspect-ratio: var(--ar, 1.5); margin: 0 auto; min-width: 0; border-radius: var(--radius); background: var(--bg3); overflow: hidden; touch-action: none; }
   .stageimg { display: block; width: 100%; height: 100%; object-fit: fill; user-select: none; -webkit-user-drag: none; }
   .scribble { position: absolute; inset: 0; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }
   .searchrow { display: flex; gap: 8px; min-width: 0; }
   .searchrow .query { flex: 1 1 0; min-width: 0; }
-  .insp.card { --refsize: 96px; }
-  .insp.stage { --refsize: 128px; }
+  .insp { container-type: inline-size; }
+  .insp.card { --ref-min: 192px; }
+  .insp.stage { --ref-min: 256px; }
   .results { display: flex; flex-direction: column; gap: 16px; margin-top: 12px; }
   .refhead { margin: 0 0 6px; font-size: 13px; font-weight: 600; }
-  .refgrid { display: grid; grid-template-columns: repeat(auto-fill, var(--refsize)); gap: 8px; }
-  .refbtn { width: var(--refsize); height: var(--refsize); }
-  .refbtn .thumb { object-position: center; }
+  .refgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--ref-min), 1fr)); gap: 8px; }
+  @container (max-width: 419px) { .refgrid { grid-template-columns: repeat(2, 1fr); } }
+  .refbtn, .skeleton { width: 100%; aspect-ratio: 1; }
+  .skeleton { border-radius: 6px; background: var(--bg2); }
   .refbtn[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--text); }
   .check { position: absolute; top: 6px; right: 6px; display: none; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--inverse); color: var(--inverse-text); }
   .refbtn[aria-pressed="true"] .check { display: grid; }
   .placeholder { display: grid; place-items: center; min-height: 160px; border: 1px dashed var(--border); border-radius: var(--radius); color: var(--text2); padding: 16px; text-align: center; }
 `;
 /**
- * The Generate more tile and its panel. The tile is deliberately quiet: a
- * hairline dashed border, a muted plus, no fill, no words; it takes the size
- * of the thumbnails around it (56 px in the card's strip, 72 px in the
- * selection). The panel is one bordered block under the thumbnails. In the
- * card, the script shortens the large image by the panel's height while it is
- * open (an inline --cap), or folds it when too little would be left.
+ * The Generate more tile and its panel. The tile is quiet but findable: a
+ * dashed border in the secondary text colour, a plus and the words "Generate
+ * more", no fill; it takes the size of the thumbnails around it (--thumb-card
+ * beside the card's strip, --thumb-rail in the selection). The panel is one bordered block under the thumbnails:
+ * heading, one helper line, the "Based on" switch, the selected inspiration as
+ * small chips, a note, the count and the two buttons. In the card, the script
+ * shortens the large image by the panel's height while it is open (an inline
+ * --cap), or folds it when too little would be left.
  */
 export const SLATE_UI_MORE_STYLES = String.raw `
-  button.moretile { display: grid; place-items: center; flex: none; padding: 0; border: 1px dashed var(--border); border-radius: 6px; background: none; color: var(--text2); opacity: .75; }
-  button.moretile:hover:not(:disabled), button.moretile[aria-expanded="true"] { opacity: 1; border-color: var(--text2); }
+  button.moretile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; flex: none; padding: 0; border: 1px dashed var(--text2); border-radius: 6px; background: none; color: var(--text2); font-size: 12px; font-weight: 500; line-height: 1.2; }
+  button.moretile:hover:not(:disabled), button.moretile[aria-expanded="true"] { color: var(--text); border-color: var(--text); }
   button.moretile:disabled { opacity: .35; }
-  .strip .moretile { width: 56px; height: 56px; }
-  .rail .moretile { width: 72px; height: 72px; }
+  .stripwrap .moretile { width: var(--thumb-card); height: var(--thumb-card); }
+  .rail .moretile { width: var(--thumb-rail); height: var(--thumb-rail); }
   .morepanel { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius); }
   #more:not(:empty) { padding-top: 10px; }
   #card .hero.folded { display: none; }
   .morehead { margin: 0; font-size: 13px; font-weight: 600; }
-  .moreheadrow { display: flex; align-items: center; gap: 8px; min-width: 0; }
-  .morethumb { display: block; flex: none; width: 28px; height: 28px; border-radius: 4px; background: var(--bg3); object-fit: cover; object-position: top; }
+  .moreswitch { display: flex; align-items: center; gap: 10px; min-width: 0; cursor: pointer; }
+  .morethumb { display: block; flex: none; width: 40px; height: 40px; border-radius: 4px; background: var(--bg3); object-fit: contain; object-position: center; }
+  .moreswitchtext { flex: 1 1 0; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
+  .moreswitch input[type="checkbox"] { appearance: none; -webkit-appearance: none; flex: none; position: relative; width: 36px; height: 20px; margin: 0; border: 1px solid var(--border); border-radius: 999px; background: var(--bg3); cursor: pointer; }
+  .moreswitch input[type="checkbox"]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--text2); transition: transform .12s; }
+  .moreswitch input[type="checkbox"]:checked { background: var(--inverse); border-color: var(--inverse); }
+  .moreswitch input[type="checkbox"]:checked::after { transform: translateX(16px); background: var(--inverse-text); }
+  .moreswitch input[type="checkbox"]:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
+  .moreswitch input[type="checkbox"]:disabled { opacity: .45; cursor: default; }
+  .morechips { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+  .morechips .lbl { margin: 0; }
+  .refchips { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
+  .refchip { position: relative; flex: none; width: 48px; height: 48px; }
+  .refchipimg { display: block; width: 100%; height: 100%; border-radius: 4px; background: var(--bg3); object-fit: contain; object-position: center; }
+  button.refchipx { position: absolute; top: -6px; right: -6px; display: grid; place-items: center; width: 20px; height: 20px; padding: 0; border-radius: 50%; background: var(--inverse); color: var(--inverse-text); border-color: var(--bg); }
   .morepanel textarea { width: 100%; min-width: 0; padding: 8px 10px; font: inherit; color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); resize: vertical; }
   .morepanel textarea:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; }
   .morerow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
   .morebtns { display: flex; gap: 8px; margin-left: auto; }
   .morerow button { padding: 8px 10px; }
-  .seg { display: inline-flex; flex: none; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
-  .segopt { position: relative; display: block; }
+  .seg { display: flex; flex: 1 1 auto; min-width: 0; max-width: 260px; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
+  .morehost .seg { max-width: none; flex-basis: 100%; }
+  .segopt { position: relative; display: block; flex: 1 1 0; min-width: 28px; }
   .segopt input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
-  .segopt span { display: block; min-width: 30px; padding: 7px 8px; text-align: center; font-weight: 600; }
+  .segopt span { display: block; padding: 7px 4px; text-align: center; font-weight: 600; }
   .segopt input:checked + span { background: var(--inverse); color: var(--inverse-text); }
   .segopt input:focus-visible + span { outline: 2px solid var(--ring); outline-offset: -2px; }
   .morepanel .alert { margin: 0; }
+  @media (prefers-reduced-motion: reduce) { .moreswitch input[type="checkbox"]::after { transition: none; } }
 `;
 //# sourceMappingURL=mcp-slate-ui-styles-dialog.js.map

package/dist/mcp-slate-ui-styles-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-slate-ui-styles-dialog.js","sourceRoot":"","sources":["../src/mcp-slate-ui-styles-dialog.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC/C,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB7C,CAAC"}
+{"version":3,"file":"mcp-slate-ui-styles-dialog.js","sourceRoot":"","sources":["../src/mcp-slate-ui-styles-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC/C,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC7C,CAAC"}

package/dist/mcp-slate-ui-styles-stage.d.ts

@@ -1,12 +1,19 @@
 /**
- * The fullscreen workspace: the selection on the left (220 px), one large
- * image with its band and action row in the middle. The Generate more tile
- * ends the selection and its panel opens under it. Fluid at any width
- * (`min-width: 0` on every grid and flex parent). From 640px the selection
- * stays on the left, 176 px wide until 900px so the image keeps its room in
- * the desktop app's default 708 px tab. Below 640px the selection becomes one
- * horizontal row above the image, scrolling inside itself, with each option's
- * version chips under its thumbnail.
+ * The fullscreen workspace: the selection on the left, one large image with
+ * its band and action row in the middle. The Generate more tile ends the
+ * selection and its panel opens under it. Fluid at any width (`min-width: 0`
+ * on every grid and flex parent).
+ *
+ * The selection's thumbnails are --thumb-rail (144 px), so its column is sized
+ * to hold whole ones: 168 px (one per row) from 640px to 899px, where the image
+ * keeps its room in the desktop app's default 708 px tab; 320 px (two per row)
+ * from 900px; 472 px (three per row) from 1400px. Below 640px the selection
+ * becomes one horizontal row above the image, scrolling inside itself, with each
+ * option's version chips under its thumbnail.
+ *
+ * The action row is right-aligned and as wide as the picture (--ar is set by
+ * the script on the shared parent), so Select, last, ends at the picture's
+ * right edge.
  */
 export declare const SLATE_UI_STAGE_STYLES: string;
 //# sourceMappingURL=mcp-slate-ui-styles-stage.d.ts.map

package/dist/mcp-slate-ui-styles-stage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-slate-ui-styles-stage.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui-styles-stage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,qBAAqB,QAyCjC,CAAC"}
+{"version":3,"file":"mcp-slate-ui-styles-stage.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui-styles-stage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,qBAAqB,QAgDjC,CAAC"}

package/dist/mcp-slate-ui-styles-stage.js

@@ -1,53 +1,67 @@
 /**
- * The fullscreen workspace: the selection on the left (220 px), one large
- * image with its band and action row in the middle. The Generate more tile
- * ends the selection and its panel opens under it. Fluid at any width
- * (`min-width: 0` on every grid and flex parent). From 640px the selection
- * stays on the left, 176 px wide until 900px so the image keeps its room in
- * the desktop app's default 708 px tab. Below 640px the selection becomes one
- * horizontal row above the image, scrolling inside itself, with each option's
- * version chips under its thumbnail.
+ * The fullscreen workspace: the selection on the left, one large image with
+ * its band and action row in the middle. The Generate more tile ends the
+ * selection and its panel opens under it. Fluid at any width (`min-width: 0`
+ * on every grid and flex parent).
+ *
+ * The selection's thumbnails are --thumb-rail (144 px), so its column is sized
+ * to hold whole ones: 168 px (one per row) from 640px to 899px, where the image
+ * keeps its room in the desktop app's default 708 px tab; 320 px (two per row)
+ * from 900px; 472 px (three per row) from 1400px. Below 640px the selection
+ * becomes one horizontal row above the image, scrolling inside itself, with each
+ * option's version chips under its thumbnail.
+ *
+ * The action row is right-aligned and as wide as the picture (--ar is set by
+ * the script on the shared parent), so Select, last, ends at the picture's
+ * right edge.
  */
 export const SLATE_UI_STAGE_STYLES = String.raw `
   #stage { min-width: 0; max-width: 1800px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
   #stage.hidden { display: none !important; }
   .stagehead { display: flex; align-items: center; gap: 12px; min-width: 0; }
-  .stagebody { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; min-width: 0; align-items: start; }
+  .stagebody { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; min-width: 0; align-items: start; }
   .selection { min-width: 0; display: flex; flex-direction: column; gap: 10px; max-height: calc(100vh - 96px); }
   .rail { flex: 1 1 auto; min-height: 0; min-width: 0; display: flex; flex-direction: column; gap: 14px; overflow: auto; padding: 4px; }
   .morehost:empty { display: none; }
   .moreslot { position: sticky; bottom: 0; padding: 4px 0; background: var(--bg); }
   .round { min-width: 0; }
   .roundhead { font-size: 13px; font-weight: 600; margin: 0 0 6px; }
-  .options { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, 72px); gap: 10px 8px; }
-  .option { min-width: 0; width: 72px; }
-  .opt { display: block; width: 72px; height: 72px; }
+  .options { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, var(--thumb-rail)); gap: 10px 8px; }
+  .option { min-width: 0; width: var(--thumb-rail); }
+  .opt { display: block; width: var(--thumb-rail); height: var(--thumb-rail); }
   .chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
   .chip { padding: 1px 7px; font-size: 11px; font-weight: 500; }
   .chip.selected { background: var(--inverse); color: var(--inverse-text); border-color: var(--inverse); }
   .main { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
-  #stage .hero { --cap: max(240px, calc(100vh - 230px)); }
+  #stage .main { --cap: max(240px, calc(100vh - 230px)); --w: min(100%, calc(var(--cap) * var(--ar, 100))); }
+  #stage .band, #stage .actionrow, #stage .main > .status { width: var(--w); margin-left: auto; margin-right: auto; }
   .band { display: flex; align-items: center; gap: 12px; min-height: 28px; min-width: 0; font-size: 13px; color: var(--text2); }
   .bandtext { min-width: 0; overflow-wrap: anywhere; }
   .textbtn { flex: none; padding: 2px 6px; border: 0; background: none; font-weight: 600; text-decoration: underline; }
-  .actionrow { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
+  .actionrow { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-width: 0; }
   .actionrow button { flex: none; }
-  .inspiration { min-width: 0; max-width: 960px; width: 100%; margin: 0 auto; }
+  #stage .main > .status { text-align: right; }
+  .inspiration { min-width: 0; max-width: 1800px; width: 100%; margin: 0 auto; }
+  @media (min-width: 1400px) {
+    .stagebody { grid-template-columns: 472px minmax(0, 1fr); }
+  }
   @media (max-width: 480px) {
     .actionrow { gap: 6px; }
     .actionrow button { flex: 1 1 auto; padding: 8px 9px; }
+    #stage .main > .status { text-align: left; }
   }
   @media (max-width: 899px) {
-    .stagebody { grid-template-columns: 176px minmax(0, 1fr); gap: 12px; }
+    .stagebody { grid-template-columns: 168px minmax(0, 1fr); gap: 12px; }
   }
   @media (max-width: 639px) {
     .stagebody { grid-template-columns: minmax(0, 1fr); }
     .selection { max-height: none; }
     .rail { flex: none; flex-direction: row; gap: 14px; overflow-x: auto; overflow-y: hidden; padding: 4px 4px 8px; }
-    .moreslot { position: static; flex: none; align-self: flex-start; padding: 0; background: none; }
+    /* The selection is a row that scrolls sideways: the tile sticks to its right edge, so it is in view however many options there are. */
+    .moreslot { position: sticky; bottom: auto; right: 0; flex: none; align-self: flex-end; padding: 0 0 0 8px; }
     .round { flex: none; }
     .options { display: flex; }
-    #stage .hero { --cap: 60vh; }
+    #stage .main { --cap: 60vh; }
   }
 `;
 //# sourceMappingURL=mcp-slate-ui-styles-stage.js.map

package/dist/mcp-slate-ui-styles-stage.js.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-slate-ui-styles-stage.js","sourceRoot":"","sources":["../src/mcp-slate-ui-styles-stage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC9C,CAAC"}
+{"version":3,"file":"mcp-slate-ui-styles-stage.js","sourceRoot":"","sources":["../src/mcp-slate-ui-styles-stage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD9C,CAAC"}

package/dist/mcp-slate-ui-styles.d.ts

@@ -8,6 +8,11 @@
  * The layout is fluid by construction: the view never asks the host for a
  * width. Every flex/grid parent sets `min-width: 0` so no child can push the
  * frame wider than its pane, and the strip of thumbnails scrolls inside itself.
+ *
+ * Thumbnail sizes are tokens, one place each: --thumb-card (the card's strip, 112 px under a 480 px card and 144 px from
+ * it) and --thumb-rail (the workspace's selection, 144 px). The container queries read the card's own width (`main`).
+ * Every thumbnail (designs, inspiration, the Based on picture and the reference chips) is `object-fit: contain`, so the
+ * whole design shows at its own aspect ratio, letterboxed on the neutral tile background.
  */
 export declare const SLATE_UI_STYLES: string;
 //# sourceMappingURL=mcp-slate-ui-styles.d.ts.map

package/dist/mcp-slate-ui-styles.d.ts.map

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

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

@@ -8,6 +8,11 @@
  * The layout is fluid by construction: the view never asks the host for a
  * width. Every flex/grid parent sets `min-width: 0` so no child can push the
  * frame wider than its pane, and the strip of thumbnails scrolls inside itself.
+ *
+ * Thumbnail sizes are tokens, one place each: --thumb-card (the card's strip, 112 px under a 480 px card and 144 px from
+ * it) and --thumb-rail (the workspace's selection, 144 px). The container queries read the card's own width (`main`).
+ * Every thumbnail (designs, inspiration, the Based on picture and the reference chips) is `object-fit: contain`, so the
+ * whole design shows at its own aspect ratio, letterboxed on the neutral tile background.
  */
 export const SLATE_UI_STYLES = String.raw `
   /* Host variables win; these fallbacks keep the view usable when a host passes none. System fonts only. */
@@ -37,7 +42,10 @@ export const SLATE_UI_STYLES = String.raw `
     --ok: var(--color-text-success, var(--f-ok));
     --radius: var(--border-radius-md, 8px);
     --font: var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
+    --thumb-rail: 144px;
   }
+  #card { --thumb-card: 112px; }
+  @container (min-width: 480px) { #card { --thumb-card: 144px; } }
   :root[data-theme="light"] { color-scheme: light; }
   :root[data-theme="dark"] { color-scheme: dark; }
   * { box-sizing: border-box; }
@@ -71,15 +79,22 @@ export const SLATE_UI_STYLES = String.raw `
   .heronote { padding: 32px 16px; color: var(--text2); text-align: center; overflow-wrap: anywhere; }
   .hero .badge, .thumbbtn .code, .opt .code { position: absolute; left: 8px; bottom: 8px; padding: 0 8px; border-radius: 999px; background: var(--inverse); color: var(--inverse-text); font-size: 12px; font-weight: 600; line-height: 20px; }
   .hero .hair { position: absolute; left: 0; right: 0; bottom: 0; }
-  .pickrow { display: flex; align-items: center; gap: 12px; margin-top: 10px; min-width: 0; }
-  .pickrow > button { flex: none; }
-  /* One row of small thumbnails; more than fit scroll sideways inside the strip, never the page, with a fade at the edge. */
+  /* Under 640 px the strip takes the row and Select wraps to its own line at the right; from 640 px Select sits beside the strip. */
+  .pickrow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 10px; min-width: 0; }
+  .pickrow > button { flex: none; margin-left: auto; }
+  /* The wrap holds the scrolling strip and, pinned at its right end outside the scroll, the Generate more tile, so the
+     tile is in view at every width and however many options there are. */
+  .stripwrap { flex: 1 1 100%; display: flex; align-items: center; gap: 8px; min-width: 0; }
+  @container (min-width: 640px) { .stripwrap { flex: 1 1 0; } }
+  /* One row of thumbnails; more than fit scroll sideways inside the strip, never the page, with a fade at the edge. */
   .strip { flex: 1 1 0; display: flex; gap: 8px; min-width: 0; margin: 0; padding: 4px; overflow-x: auto; }
   .strip.fade { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
   .thumbbtn, .opt, .refbtn { position: relative; padding: 0; border: 0; border-radius: 6px; background: var(--bg2); overflow: hidden; }
-  .thumbbtn { flex: none; width: 56px; height: 56px; }
-  .thumb { display: block; width: 100%; height: 100%; background: var(--bg3); object-fit: cover; object-position: top; }
-  .thumbbtn .code, .opt .code { left: 3px; bottom: 3px; padding: 0 5px; font-size: 10px; line-height: 14px; }
+  .thumbbtn { flex: none; width: var(--thumb-card); height: var(--thumb-card); }
+  /* A thumbnail shows the whole design at its own aspect ratio: the tile stays the token's square, the picture is
+     contained in it and the rest is the neutral tile background, never a crop of the edges. */
+  .thumb { display: block; width: 100%; height: 100%; background: var(--bg3); object-fit: contain; object-position: center; }
+  .thumbbtn .code, .opt .code { left: 6px; bottom: 6px; padding: 0 7px; font-size: 11px; line-height: 18px; }
   .thumbbtn.selected, .opt.selected { box-shadow: 0 0 0 2px var(--text); }
   .thumbbtn.failed, .opt.failed { opacity: .5; }
   .shimmer { background: linear-gradient(100deg, var(--bg2) 30%, var(--bg3) 50%, var(--bg2) 70%); background-size: 200% 100%; animation: shimmer 1.4s linear infinite; }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"mcp-slate-ui.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMlF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAY;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,KAAG,MAuCxE,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,aAAa,QAAwC,CAAC"}
+{"version":3,"file":"mcp-slate-ui.d.ts","sourceRoot":"","sources":["../src/mcp-slate-ui.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAKlF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAAI,YAAY;IAAE,MAAM,EAAE,aAAa,CAAA;CAAE,KAAG,MAyCxE,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,aAAa,QAAwC,CAAC"}

package/dist/mcp-slate-ui.js

@@ -3,7 +3,6 @@ import { buildSlateUiScript } from './mcp-slate-ui-script.js';
 import { SLATE_UI_STYLES } from './mcp-slate-ui-styles.js';
 import { SLATE_UI_DIALOG_STYLES, SLATE_UI_MORE_STYLES } from './mcp-slate-ui-styles-dialog.js';
 import { SLATE_UI_STAGE_STYLES } from './mcp-slate-ui-styles-stage.js';
-import { SLATE_UI_THUMBTOOLS_STYLES } from './mcp-slate-ui-styles-thumbtools.js';
 /**
  * The workspace view for one target, as one self-contained HTML document: no external script,
  * stylesheet, font, or URL, so it renders under the strictest host sandbox.
@@ -19,7 +18,7 @@ export const buildSlateUiHtml = ({ target }) => `<!doctype html>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">${target === 'local' ? '' : `\n<meta name="slate-target" content="${target}">`}
 <title>${COPY.title}</title>
-<style>${SLATE_UI_STYLES}${SLATE_UI_STAGE_STYLES}${SLATE_UI_DIALOG_STYLES}${SLATE_UI_MORE_STYLES}${SLATE_UI_THUMBTOOLS_STYLES}</style>
+<style>${SLATE_UI_STYLES}${SLATE_UI_STAGE_STYLES}${SLATE_UI_DIALOG_STYLES}${SLATE_UI_MORE_STYLES}</style>
 </head>
 <body>
 <div id="fatal" class="hidden" role="alert"></div>
@@ -39,7 +38,9 @@ export const buildSlateUiHtml = ({ target }) => `<!doctype html>
     <div id="pane-designs">
       <div id="hero" class="hero"></div>
       <div class="pickrow">
-        <div class="strip" id="strip" role="group" aria-label="${COPY.optionsGroup}"></div>
+        <div class="stripwrap" id="stripwrap">
+          <div class="strip" id="strip" role="group" aria-label="${COPY.optionsGroup}"></div>
+        </div>
         <button id="select" type="button" class="primary" disabled>${COPY.select}</button>
       </div>
       <div id="more"></div>

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

@@ -1 +1 @@
-{"version":3,"file":"mcp-slate-ui.js","sourceRoot":"","sources":["../src/mcp-slate-ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAsB,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AAEjF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAA6B,EAAU,EAAE,CAAC;;;;sEAIb,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wCAAwC,MAAM,IAAI;SACzI,IAAI,CAAC,KAAK;SACV,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB,GAAG,0BAA0B;;;;;mBAK1G,IAAI,CAAC,KAAK;sCACS,IAAI,CAAC,KAAK;;;qDAGK,IAAI,CAAC,KAAK;+FACgC,IAAI,CAAC,UAAU;oGACV,IAAI,CAAC,cAAc;;sEAEjD,IAAI,CAAC,aAAa,YAAY,IAAI,CAAC,aAAa;;;;;;;iEAOrD,IAAI,CAAC,YAAY;qEACb,IAAI,CAAC,MAAM;;;;;;;;;UAStE,kBAAkB,CAAC,MAAM,CAAC;;;CAGnC,CAAC;AAEF,yDAAyD;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC"}
+{"version":3,"file":"mcp-slate-ui.js","sourceRoot":"","sources":["../src/mcp-slate-ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAsB,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC/F,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAA6B,EAAU,EAAE,CAAC;;;;sEAIb,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wCAAwC,MAAM,IAAI;SACzI,IAAI,CAAC,KAAK;SACV,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB;;;;;mBAK7E,IAAI,CAAC,KAAK;sCACS,IAAI,CAAC,KAAK;;;qDAGK,IAAI,CAAC,KAAK;+FACgC,IAAI,CAAC,UAAU;oGACV,IAAI,CAAC,cAAc;;sEAEjD,IAAI,CAAC,aAAa,YAAY,IAAI,CAAC,aAAa;;;;;;;;mEAQnD,IAAI,CAAC,YAAY;;qEAEf,IAAI,CAAC,MAAM;;;;;;;;;UAStE,kBAAkB,CAAC,MAAM,CAAC;;;CAGnC,CAAC;AAEF,yDAAyD;AACzD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC"}

package/dist/slate-actions.d.ts

@@ -4,11 +4,16 @@ import type { SlateStroke } from './slate-view-contract.js';
  * runs at `run`, so the intent digest is over exactly what the runner gets.
  */
 /** How many options a round can draw, and how many it draws when the click does not say. */
-export declare const ROUND_OPTION_COUNTS: readonly [2, 4, 6, 8];
+export declare const ROUND_OPTION_COUNTS: readonly [1, 2, 4, 8, 12];
 export type RoundOptionCount = (typeof ROUND_OPTION_COUNTS)[number];
 export declare const DEFAULT_ROUND_OPTION_COUNT: RoundOptionCount;
 export declare const NOTE_MAX_CHARACTERS = 600;
 export declare const EDIT_PROMPT_MAX_BYTES = 6000;
+/**
+ * The stored instruction of an edit that carries marks and no words: what the agent and the drawing model are told the
+ * marks mean. One constant, used only when the trimmed text is empty (the Worker keeps an equal copy, pinned by a test).
+ */
+export declare const EDIT_MARKS_ONLY_PROMPT = "Infer the change from the marks: an X or a cross-out means remove that element, a circle or a scribble means adjust it, and any words written there are the instruction.";
 export declare const STROKE_LIMITS: {
     readonly strokes: 24;
     readonly pointsPerStroke: 400;
@@ -32,7 +37,7 @@ export type SlateWorkAction = RoundAction | EditAction;
 export declare const cleanUserText: (value: string) => string;
 /** Freehand strokes as integer permille points; anything outside the limits is refused, never trimmed. */
 export declare const normalizeStrokes: (value: unknown) => SlateStroke[];
-/** A missing count is the default; anything but 2, 4, 6 or 8 is refused, never rounded. */
+/** A missing count is the default; anything but 1, 2, 4, 8 or 12 is refused, never rounded. */
 export declare const normalizeRoundCount: (value: unknown) => RoundOptionCount;
 export declare const normalizeAction: (input: unknown) => SlateWorkAction;
 //# sourceMappingURL=slate-actions.d.ts.map

package/dist/slate-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slate-actions.d.ts","sourceRoot":"","sources":["../src/slate-actions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;GAGG;AAEH,4FAA4F;AAC5F,eAAO,MAAM,mBAAmB,uBAAwB,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,0BAA0B,EAAE,gBAAoB,CAAC;AAC9D,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,qBAAqB,OAAQ,CAAC;AAC3C,eAAO,MAAM,aAAa;;;;CAAqE,CAAC;AAEhG,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC;AACrG,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,CAAC;AAQvD,2FAA2F;AAC3F,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAG7C,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,KAAG,WAAW,EAsB5D,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,gBAKpD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,eA8BhD,CAAC"}
+{"version":3,"file":"slate-actions.d.ts","sourceRoot":"","sources":["../src/slate-actions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D;;;GAGG;AAEH,4FAA4F;AAC5F,eAAO,MAAM,mBAAmB,2BAA4B,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,eAAO,MAAM,0BAA0B,EAAE,gBAAoB,CAAC;AAC9D,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,qBAAqB,OAAQ,CAAC;AAC3C;;;GAGG;AACH,eAAO,MAAM,sBAAsB,6KAA6K,CAAC;AACjN,eAAO,MAAM,aAAa;;;;CAAqE,CAAC;AAEhG,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC;AACrG,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,CAAC;AAQvD,2FAA2F;AAC3F,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAG7C,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,KAAG,WAAW,EAsB5D,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,gBAKpD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,eA+BhD,CAAC"}

package/dist/slate-actions.js

@@ -5,10 +5,15 @@ import { VERSION_ID_PATTERN } from './slate-ids.js';
  * runs at `run`, so the intent digest is over exactly what the runner gets.
  */
 /** How many options a round can draw, and how many it draws when the click does not say. */
-export const ROUND_OPTION_COUNTS = [2, 4, 6, 8];
+export const ROUND_OPTION_COUNTS = [1, 2, 4, 8, 12];
 export const DEFAULT_ROUND_OPTION_COUNT = 4;
 export const NOTE_MAX_CHARACTERS = 600;
 export const EDIT_PROMPT_MAX_BYTES = 6_000;
+/**
+ * The stored instruction of an edit that carries marks and no words: what the agent and the drawing model are told the
+ * marks mean. One constant, used only when the trimmed text is empty (the Worker keeps an equal copy, pinned by a test).
+ */
+export const EDIT_MARKS_ONLY_PROMPT = 'Infer the change from the marks: an X or a cross-out means remove that element, a circle or a scribble means adjust it, and any words written there are the instruction.';
 export const STROKE_LIMITS = { strokes: 24, pointsPerStroke: 400, pointsTotal: 3_000 };
 const isRecord = (value) => (!!value && typeof value === 'object' && !Array.isArray(value));
 const invalid = (message) => { throw new SlateError('invalid_input', message); };
@@ -48,7 +53,7 @@ export const normalizeStrokes = (value) => {
         });
     });
 };
-/** A missing count is the default; anything but 2, 4, 6 or 8 is refused, never rounded. */
+/** A missing count is the default; anything but 1, 2, 4, 8 or 12 is refused, never rounded. */
 export const normalizeRoundCount = (value) => {
     if (value === undefined || value === null)
         return DEFAULT_ROUND_OPTION_COUNT;
@@ -88,14 +93,15 @@ export const normalizeAction = (input) => {
         const versionId = input.versionId;
         if (typeof versionId !== 'string' || !VERSION_ID_PATTERN.test(versionId))
             return invalid('versionId is not a version id');
-        if (typeof input.prompt !== 'string')
+        if (input.prompt !== undefined && input.prompt !== null && typeof input.prompt !== 'string')
             return invalid('prompt must be text');
-        const prompt = cleanUserText(input.prompt);
-        if (!prompt)
-            return invalid('Say what should change.');
-        if (Buffer.byteLength(prompt) > EDIT_PROMPT_MAX_BYTES)
+        const strokes = normalizeStrokes(input.strokes);
+        const words = cleanUserText(input.prompt ?? '');
+        if (!words && strokes.length === 0)
+            return invalid('Draw on the image or say what should change.');
+        if (Buffer.byteLength(words) > EDIT_PROMPT_MAX_BYTES)
             return invalid(`An edit instruction can be at most ${EDIT_PROMPT_MAX_BYTES} bytes.`);
-        return { kind: 'edit', versionId, prompt, strokes: normalizeStrokes(input.strokes) };
+        return { kind: 'edit', versionId, prompt: words || EDIT_MARKS_ONLY_PROMPT, strokes };
     }
     return invalid('action.kind must be round or edit');
 };

package/dist/slate-actions.js.map

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

package/dist/slate-handoff-options.d.ts

@@ -3,7 +3,7 @@ import type { SlateHandoffRecord } from './slate-view-contract.js';
  * What a Branch or Convert hand-off may carry, decided in one place: the
  * record parser, the `handoff` tool and the text the agent reads all use it.
  * The combinations are the CLI's own (`12ui convert`): local formats are HTML,
- * React and Assets with `--clean-assets`; every other format is the 12ui
+ * React and Assets; every other format is the 12ui
  * service and takes `--model`, `--width` and, for responsive HTML only,
  * `--responsive-quality`.
  */

package/dist/slate-handoff-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slate-handoff-options.d.ts","sourceRoot":"","sources":["../src/slate-handoff-options.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEvF;;;;;;;GAOG;AAEH,eAAO,MAAM,iCAAiC,OAAQ,CAAC;AAEvD,eAAO,MAAM,qBAAqB,sCAAuC,CAAC;AAC1E,eAAO,MAAM,uBAAuB,0GAEc,CAAC;AAEnD,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC,SAAS,CAAC,CAAC;AAChF,KAAK,cAAc,GAAG,OAAO,CAAC,kBAAkB,EAAE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC,SAAS,CAAC,CAAC;AAClF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAShG,qGAAqG;AACrG,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,MAGhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,oBAAoB,CAAC,aAAa,CAWrF,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,oBAAoB,CAAC,cAAc,CAoCvF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,EAAE,OAAO,OAAO,KAAG,oBAAoB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAIrH,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,eAAe,GAAI,SAAS,cAAc,EAAE,WAAW,MAAM,KAAG,MAAM,EAelF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,cAAc,KAAG,MAM5D,CAAC"}
+{"version":3,"file":"slate-handoff-options.d.ts","sourceRoot":"","sources":["../src/slate-handoff-options.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEvF;;;;;;;GAOG;AAEH,eAAO,MAAM,iCAAiC,OAAQ,CAAC;AAEvD,eAAO,MAAM,qBAAqB,sCAAuC,CAAC;AAC1E,eAAO,MAAM,uBAAuB,0GAEc,CAAC;AAEnD,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC,SAAS,CAAC,CAAC;AAChF,KAAK,cAAc,GAAG,OAAO,CAAC,kBAAkB,EAAE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC,SAAS,CAAC,CAAC;AAClF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,CAAC,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAShG,qGAAqG;AACrG,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,KAAG,MAGhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,oBAAoB,CAAC,aAAa,CAUrF,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,KAAG,oBAAoB,CAAC,cAAc,CA+BvF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,EAAE,OAAO,OAAO,KAAG,oBAAoB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAIrH,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,eAAe,GAAI,SAAS,cAAc,EAAE,WAAW,MAAM,KAAG,MAAM,EAelF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,cAAc,KAAG,MAK5D,CAAC"}

package/dist/slate-handoff-options.js

@@ -4,7 +4,7 @@ import { MAX_IMAGE_OUTPUT_WIDTH } from './image-output-width.js';
  * What a Branch or Convert hand-off may carry, decided in one place: the
  * record parser, the `handoff` tool and the text the agent reads all use it.
  * The combinations are the CLI's own (`12ui convert`): local formats are HTML,
- * React and Assets with `--clean-assets`; every other format is the 12ui
+ * React and Assets; every other format is the 12ui
  * service and takes `--model`, `--width` and, for responsive HTML only,
  * `--responsive-quality`.
  */
@@ -26,17 +26,15 @@ export const parseBranchOptions = (value) => {
     const extra = Object.keys(value).filter((key) => key !== 'explanation');
     if (extra.length > 0)
         return no(`Branch takes only an explanation, not ${extra.join(', ')}.`);
-    if (typeof value.explanation !== 'string')
+    if (value.explanation !== undefined && value.explanation !== null && typeof value.explanation !== 'string')
         return no('options.explanation must be text');
-    const explanation = cleanExplanation(value.explanation);
-    if (!explanation)
-        return no('Say what should be built.');
+    const explanation = cleanExplanation(value.explanation ?? '');
     if ([...explanation].length > BRANCH_EXPLANATION_MAX_CHARACTERS) {
         return no(`An explanation can be at most ${BRANCH_EXPLANATION_MAX_CHARACTERS} characters.`);
     }
     return ok({ explanation });
 };
-const CONVERT_KEYS = new Set(['engine', 'output', 'cleanAssets', 'model', 'width', 'responsiveQuality']);
+const CONVERT_KEYS = new Set(['engine', 'output', 'model', 'width', 'responsiveQuality']);
 export const parseConvertOptions = (value) => {
     if (!isRecord(value))
         return no('options must be an object');
@@ -52,13 +50,6 @@ export const parseConvertOptions = (value) => {
     }
     const options = { engine, output: output };
     const present = (key) => value[key] !== undefined && value[key] !== null;
-    if (present('cleanAssets')) {
-        if (engine !== 'local')
-            return no('cleanAssets applies only to a local conversion.');
-        if (value.cleanAssets !== 'crop' && value.cleanAssets !== 'enhance')
-            return no('cleanAssets must be crop or enhance');
-        options.cleanAssets = value.cleanAssets;
-    }
     if (present('model')) {
         if (engine !== 'service')
             return no('model applies only to a service conversion.');
@@ -104,7 +95,7 @@ export const convertCommands = (options, imagePath) => {
         ];
         return [`12ui convert ${image} ${flags.join(' ')}`];
     }
-    const local = `12ui convert ${image} --output html --engine codex --image-backend native --clean-assets ${options.cleanAssets ?? 'enhance'}`;
+    const local = `12ui convert ${image} --output html --engine codex --image-backend native`;
     if (options.output === 'html')
         return [local];
     return [local, `12ui export <the local run directory the convert printed> --output ${options.output} --out-dir <directory>`];
@@ -117,11 +108,10 @@ export const convertCommands = (options, imagePath) => {
 export const convertChoiceWords = (options) => {
     if (options.engine === 'service')
         return `${CONVERSION_OUTPUT_FORMATS[options.output]?.label ?? options.output} from the 12ui service`;
-    const clean = `asset cleanup ${options.cleanAssets ?? 'enhance'}`;
     if (options.output === 'react')
-        return `React (whole-page JSX and CSS) from the local Codex engine, ${clean}`;
+        return 'React (whole-page JSX and CSS) from the local Codex engine';
     if (options.output === 'assets')
-        return `image assets (the cut-out files) from the local Codex engine, ${clean}`;
-    return `HTML from the local Codex engine, ${clean}`;
+        return 'image assets (the cut-out files) from the local Codex engine';
+    return 'HTML from the local Codex engine';
 };
 //# sourceMappingURL=slate-handoff-options.js.map