cursedbelt 5.93.0 → 5.95.0

package/dist/styles-areas/analytics.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 142 candidate(s).
+ * 150 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -34,14 +34,15 @@
 @source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 active:cursor-grabbing basis basis-full");
 @source inline("bg-[var(--cb-frozen-bg)] bg-accent/15 bg-card/95 bg-gradient-to-t bg-muted/30 bg-muted/50");
 @source inline("border-accent-solid border-accent/60 border-b-0! border-field-error border-solid border-t-2 col");
-@source inline("collapse cursor-grab disabled:opacity-40 fade-in focus-visible:ring-field-ring/40 from-card");
-@source inline("gap-x-6 h-0 h-105 has-[[aria-invalid=true]]:border-field-error hover:bg-background");
-@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning italic justify-self-end");
-@source inline("last:border-0 left-11 left-2.5 list-none max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0");
+@source inline("collapse cursor-grab disabled:opacity-30 disabled:opacity-40 fade-in");
+@source inline("focus-visible:ring-field-ring/40 from-card gap-x-6 grid-cols-3 grid-cols-4 h-0 h-105 h-3.5");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-muted/40");
+@source inline("hover:border-field-ring hover:text-warning italic justify-self-end last:border-0 left-11");
+@source inline("left-2.5 list-none max-h-60 max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0");
 @source inline("max-sm:min-w-24 max-sm:min-w-32 max-sm:ml-13.5 max-sm:w-auto max-w-32 max-w-36 max-w-45 max-w-48");
 @source inline("max-w-60 min-h-20 min-h-dvh min-w-0! min-w-20 min-w-4 min-w-52 min-w-max mr-2 mt-1.5 mt-3 mt-4");
-@source inline("not-italic ordinal p-0! pb-1.5 pl-1.5 pr-0.5 pr-10 pr-16 pr-3 pr-9 pt-1 py-0! resize-none");
-@source inline("resize-y right-3 ring-field-error/30 self self-stretch shadow-[1px_0_0_0_var(--color-border)]");
-@source inline("shrink-[2] size-7 slide-in-from-top-1 table-fixed text-[length:0] text-accent-solid-foreground");
-@source inline("text-field-placeholder text-success text-xl to-transparent top-3 w-0 w-0! w-11 w-12 w-20 w-32");
-@source inline("w-36 w-40 w-88");
+@source inline("not-italic ordinal p-0! pb-1.5 pl-1.5 pointer-coarse:pr-12 pr-0.5 pr-10 pr-11 pr-16 pr-3 pr-9");
+@source inline("pt-1 py-0! resize-none resize-y right-3 ring-field-error/30 self self-stretch");
+@source inline("shadow-[1px_0_0_0_var(--color-border)] shrink-[2] size-7 slide-in-from-top-1 table-fixed");
+@source inline("text-[length:0] text-accent-solid-foreground text-field-placeholder text-success text-xl");
+@source inline("to-transparent top-3 w-0 w-0! w-11 w-12 w-20 w-3.5 w-32 w-36 w-40 w-88");

package/dist/styles-areas/canvas-hud.css

@@ -1,7 +1,7 @@
 /*
  * cursedbelt — the `canvas-hud` area's utility candidates. GENERATED BUILD ARTIFACT. Never hand-edit.
  *
- * the pan-and-zoom canvas HUD — zoom keys, minimap, find pill, node menu.
+ * the pan-and-zoom canvas HUD — zoom keys, minimap, find pill, node menu — and the map frame, which draws with inline styles and adds no utility.
  *
  * Every Tailwind utility the modules in this area's import closure use, MINUS the
  * ones `styles-areas/core.css` already ships. 🔴 Import ALL of these, in
@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 41 candidate(s).
+ * 42 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -28,6 +28,6 @@
 @source inline("[&::-webkit-scrollbar]:hidden [&::-webkit-search-cancel-button]:hidden [&_select]:w-full");
 @source inline("[scrollbar-width:none] aria-pressed:bg-muted aria-pressed:text-foreground basis-0 basis-full");
 @source inline("bg-background/40 bg-background/70 bottom-3 bottom-4 focus-visible:border-transparent");
-@source inline("focus-visible:ring-0 left-3 max-w-48 min-w-10 min-w-26 min-w-40 ml-2 opacity-100 order-1 order-2");
-@source inline("order-3 overflow-visible pb-1.5 pl-0 pl-1 place-items-center pt-1 px-0.5 right-3 right-4 w-40");
-@source inline("w-64 z-[5000]");
+@source inline("focus-visible:ring-0 left-3 max-w-48 mi min-w-10 min-w-26 min-w-40 ml-2 opacity-100 order-1");
+@source inline("order-2 order-3 overflow-visible pb-1.5 pl-0 pl-1 place-items-center pt-1 px-0.5 right-3 right-4");
+@source inline("w-40 w-64 z-[5000]");

package/dist/styles-areas/data-table.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 137 candidate(s).
+ * 145 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -34,14 +34,15 @@
 @source inline("[&>*]:hidden [&>*]:max-w-none [&>svg]:size-3.5 active:cursor-grabbing basis-full");
 @source inline("bg-[var(--cb-frozen-bg)] bg-accent/15 bg-card/95 bg-gradient-to-t bg-muted/30 bg-muted/50");
 @source inline("border-accent-solid border-accent/60 border-b-0! border-field-error border-solid border-t-2 col");
-@source inline("collapse cursor-grab disabled:opacity-40 fade-in focus-visible:ring-field-ring/40 from-card");
-@source inline("gap-x-6 h-0 h-105 has-[[aria-invalid=true]]:border-field-error hover:bg-background");
-@source inline("hover:bg-muted/40 hover:border-field-ring hover:text-warning justify-self-end last:border-0");
-@source inline("left-11 left-2.5 list-none max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0");
-@source inline("max-sm:min-w-24 max-sm:min-w-32 max-sm:ml-13.5 max-sm:w-auto max-w-32 max-w-36 max-w-45 max-w-48");
-@source inline("max-w-60 min-h-20 min-h-dvh min-w-0! min-w-4 min-w-52 min-w-max mr-2 mt-1.5 mt-3 mt-4 not-italic");
-@source inline("ordinal p-0! pb-1.5 pl-1.5 pr-0.5 pr-10 pr-16 pr-3 pr-9 pt-1 py-0! resize-none resize-y right-3");
-@source inline("ring-field-error/30 self self-stretch shadow-[1px_0_0_0_var(--color-border)] size-7");
-@source inline("slide-in-from-top-1 table-fixed text-[length:0] text-accent-solid-foreground");
-@source inline("text-field-placeholder text-success text-xl to-transparent top-3 w-0! w-11 w-12 w-20 w-32 w-36");
-@source inline("w-40 w-88");
+@source inline("collapse cursor-grab disabled:opacity-30 disabled:opacity-40 fade-in");
+@source inline("focus-visible:ring-field-ring/40 from-card gap-x-6 grid-cols-3 grid-cols-4 h-0 h-105 h-3.5");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-background hover:bg-muted/40");
+@source inline("hover:border-field-ring hover:text-warning justify-self-end last:border-0 left-11 left-2.5");
+@source inline("list-none max-h-60 max-h-88 max-sm:flex-1 max-sm:flex-wrap max-sm:min-w-0 max-sm:min-w-24");
+@source inline("max-sm:min-w-32 max-sm:ml-13.5 max-sm:w-auto max-w-32 max-w-36 max-w-45 max-w-48 max-w-60");
+@source inline("min-h-20 min-h-dvh min-w-0! min-w-4 min-w-52 min-w-max mr-2 mt-1.5 mt-3 mt-4 not-italic ordinal");
+@source inline("p-0! pb-1.5 pl-1.5 pointer-coarse:pr-12 pr-0.5 pr-10 pr-11 pr-16 pr-3 pr-9 pt-1 py-0!");
+@source inline("resize-none resize-y right-3 ring-field-error/30 self self-stretch");
+@source inline("shadow-[1px_0_0_0_var(--color-border)] size-7 slide-in-from-top-1 table-fixed text-[length:0]");
+@source inline("text-accent-solid-foreground text-field-placeholder text-success text-xl to-transparent top-3");
+@source inline("w-0! w-11 w-12 w-20 w-3.5 w-32 w-36 w-40 w-88");

package/dist/styles-areas/fields.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 87 candidate(s).
+ * 94 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -28,17 +28,19 @@
 @source inline("[scrollbar-width:none] appearance-none aria-checked:ring-2 aria-checked:ring-foreground");
 @source inline("aria-checked:ring-offset-1 bg-accent/15 bg-surface-sunken/80 bg-warning/10 border-border/40");
 @source inline("border-field-error caret-transparent cursor-text data-[state=checked]:ring-foreground");
-@source inline("data-[state=checked]:ring-offset-1 disabled:hover:scale-100 disabled:opacity-40");
-@source inline("focus-visible:border-border-strong focus-visible:ring-0 focus-visible:ring-field-ring/40");
-@source inline("focus-within:ring-offset-1 focus-within:ring-ring group-focus-within:opacity-100 h-105 h-12");
-@source inline("h-3.5 has-[[aria-invalid=true]]:border-field-error hover:bg-muted/50 hover:border-field-ring");
-@source inline("hover:scale-110 hover:text-warning italic left-2.5 li list-none md:flex-col md:gap-0.5");
+@source inline("data-[state=checked]:ring-offset-1 disabled:hover:scale-100 disabled:opacity-30");
+@source inline("disabled:opacity-40 focus-visible:border-border-strong focus-visible:ring-0");
+@source inline("focus-visible:ring-field-ring/40 focus-within:ring-offset-1 focus-within:ring-ring grid-cols-3");
+@source inline("grid-cols-4 group-focus-within:opacity-100 h-105 h-12 h-3.5");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-muted/50 hover:border-field-ring");
+@source inline("hover:scale-110 hover:text-warning italic left-2.5 li list-none max-h-60 md:flex-col md:gap-0.5");
 @source inline("md:justify-start md:overflow-visible md:text-left md:w-full min-h-20 min-w-64 min-w-full");
 @source inline("min-w-max mix-blend-difference mr-2 pl-1.5 pl-2.5 pointer-coarse:before:-left-1");
 @source inline("pointer-coarse:before:-right-1 pointer-coarse:before:absolute");
 @source inline("pointer-coarse:before:bottom-[calc(var(--hit-slop-y)*-1)]");
-@source inline("pointer-coarse:before:top-[calc(var(--hit-slop-y)*-1)] pointer-coarse:items-center pr-16 pr-2");
-@source inline("pr-3 pr-9 pt-1 resize-none resize-y right-1.5 right-3 ring-accent/30 ring-field-error/30");
-@source inline("self-stretch size-7 size-9 size-full sm:w-11 sm:w-56 text-field-placeholder text-success text-xl");
-@source inline("top-1.5 w-20 w-32 w-36 w-40 w-88 w-fit w-max whitespace-pre");
+@source inline("pointer-coarse:before:top-[calc(var(--hit-slop-y)*-1)] pointer-coarse:items-center");
+@source inline("pointer-coarse:pr-12 pr-11 pr-16 pr-2 pr-3 pr-9 pt-1 resize-none resize-y right-1.5 right-3");
+@source inline("ring-accent/30 ring-field-error/30 self-stretch size-7 size-9 size-full sm:w-11 sm:w-56");
+@source inline("text-field-placeholder text-success text-xl top-1.5 w-20 w-3.5 w-32 w-36 w-40 w-88 w-fit w-max");
+@source inline("whitespace-pre");
 @source inline('pointer-coarse:before:content-[""]');

package/dist/styles-areas/stats.css

@@ -18,7 +18,7 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 86 candidate(s).
+ * 94 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
@@ -27,16 +27,17 @@
 @source inline("[&>div]:sm:[grid-template-columns:…] [&_svg]:size-3.5 basis-40 bg-accent/15 bg-accent/40");
 @source inline("bg-background/70 bg-success/10 bg-warning/10 bg-warning/20 border-field-error border-l-2");
 @source inline("border-l-border-strong border-l-destructive border-l-warning bottom-3 col col-span-2 col-start-2");
-@source inline("collapse cursor-help divide-x first:pl-1 focus-visible:ring-field-ring/40 gap-x-1.5 gap-x-2");
-@source inline("gap-y-0.5 grid-cols-[minmax(0,1fr)_auto] group-focus-visible/meter:opacity-100");
-@source inline("group-focus-visible/stat:opacity-100 group-focus-visible/tile:opacity-100");
-@source inline("group-hover/meter:opacity-100 group-hover/stat:opacity-100 group-hover/tile:opacity-100");
-@source inline("group/meter group/stat group/tile h-105 has-[[aria-invalid=true]]:border-field-error");
-@source inline("hover:bg-muted/50 hover:border-field-ring hover:text-warning last:pr-1 left-3");
-@source inline("left-[var(--timeline-rail-x)] list-none min-h-20 min-h-9 min-w-34 min-w-full mr-0.5 mr-1.5 mr-2");
-@source inline("normal-case pl-1.5 pr-16 pr-3 pt-1 resize-none resize-y ring-field-error/30 rounded-b-md");
-@source inline("rounded-t-md row-start-1 self-stretch shadow-md size-7 sm:col-auto sm:col-span-1 sm:flex-nowrap");
+@source inline("collapse cursor-help disabled:opacity-30 divide-x first:pl-1 focus-visible:ring-field-ring/40");
+@source inline("gap-x-1.5 gap-x-2 gap-y-0.5 grid-cols-3 grid-cols-4 grid-cols-[minmax(0,1fr)_auto]");
+@source inline("group-focus-visible/meter:opacity-100 group-focus-visible/stat:opacity-100");
+@source inline("group-focus-visible/tile:opacity-100 group-hover/meter:opacity-100 group-hover/stat:opacity-100");
+@source inline("group-hover/tile:opacity-100 group/meter group/stat group/tile h-105 h-3.5");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:bg-muted/50 hover:border-field-ring");
+@source inline("hover:text-warning last:pr-1 left-3 left-[var(--timeline-rail-x)] list-none max-h-60 min-h-20");
+@source inline("min-h-9 min-w-34 min-w-full mr-0.5 mr-1.5 mr-2 normal-case pl-1.5 pointer-coarse:pr-12 pr-11");
+@source inline("pr-16 pr-3 pt-1 resize-none resize-y ring-field-error/30 rounded-b-md rounded-t-md row-start-1");
+@source inline("self-stretch shadow-md size-7 sm:col-auto sm:col-span-1 sm:flex-nowrap");
 @source inline("sm:grid-cols-[minmax(7rem,18rem)_minmax(4rem,1fr)_auto]");
 @source inline("sm:grid-cols-[minmax(7rem,34rem)_minmax(4rem,1fr)_auto] sm:row-auto sm:truncate text-3xl");
 @source inline("text-[length:var(--text-glyph)] text-field-placeholder text-foreground/80 text-success text-xl");
-@source inline("top-7 tracking-normal w-36 w-48 w-88 whitespace-pre z-[1]");
+@source inline("top-7 tracking-normal w-3.5 w-36 w-48 w-88 whitespace-pre z-[1]");

package/dist/styles-areas/wizard.css

@@ -18,14 +18,14 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 25 candidate(s).
+ * 33 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-@source inline("border-field-error collapse disabled:bg-transparent disabled:opacity-100");
-@source inline("focus-visible:ring-field-ring/40 h-105 has-[[aria-invalid=true]]:border-field-error");
-@source inline("hover:border-field-ring hover:text-warning min-h-20 mr-1.5 mr-2 pl-1.5 pr-16 pr-3 resize-none");
-@source inline("resize-y ring-field-error/30 self-stretch size-7 sm:inline text-field-placeholder text-xl w-36");
-@source inline("w-88");
+@source inline("border-field-error collapse disabled:bg-transparent disabled:opacity-100 disabled:opacity-30");
+@source inline("focus-visible:ring-field-ring/40 grid-cols-3 grid-cols-4 h-105 h-3.5");
+@source inline("has-[[aria-invalid=true]]:border-field-error hover:border-field-ring hover:text-warning max-h-60");
+@source inline("min-h-20 mr-1.5 mr-2 pl-1.5 pointer-coarse:pr-12 pr-11 pr-16 pr-3 resize-none resize-y");
+@source inline("ring-field-error/30 self-stretch size-7 sm:inline text-field-placeholder text-xl w-3.5 w-36 w-88");

package/dist/styles-areas/workbench.css

@@ -18,27 +18,27 @@
  * after an app's responsive variant (task 2124). An app that imports every area gets exactly
  * what `cursedbelt/styles-utilities.css` emits — proved rule by rule in
  * src/stylesAreas.spec.ts, which is also what fails when this file is stale.
- * 98 candidate(s).
+ * 102 candidate(s).
  *
  * Written by scripts/generateAreaStyles.ts (`bun run styles:areas`), which
  * `bun run build` runs. The map of what is in which area, and why the areas are
  * import closures rather than a hand-written list, is scripts/styleAreas.ts.
  */
-@source inline("-my-0.5 [&::-webkit-scrollbar]:hidden [&_svg]:size-3.5 [scrollbar-width:none] bg-accent/15");
-@source inline("bg-accent/40 bg-accent/8 bg-background/85 bg-card-overlay/85 bg-muted/30 bg-muted/60");
-@source inline("bg-success/8 border-2 border-8 border-accent-solid border-accent/70 border-border-strong/60");
-@source inline("border-border/50 border-dashed border-solid bottom-6");
+@source inline("-my-0.5 [&::-webkit-scrollbar]:hidden [&_svg]:size-3.5 [scrollbar-width:none]");
+@source inline("accent-[var(--accent-solid)] bg-accent/15 bg-accent/40 bg-accent/8 bg-background/85");
+@source inline("bg-card-overlay/85 bg-muted/30 bg-muted/60 bg-success/8 border-2 border-8 border-accent-solid");
+@source inline("border-accent/70 border-border-strong/60 border-border/50 border-dashed border-solid bottom-6");
 @source inline("bottom-[max(env(safe-area-inset-bottom,0px),0.75rem)] disabled:opacity-0 duration-150 first:pt-1");
-@source inline("flex-row group-hover:disabled:opacity-50 h-105 h-40 hover:bg-card-overlay");
+@source inline("flex-row group-hover:disabled:opacity-50 h-105 h-3.5 h-40 hover:bg-card-overlay");
 @source inline("hover:bg-muted-foreground/10 hover:bg-muted/80 hover:border-field-ring hover:shadow-popover");
-@source inline("inset-x-3 italic items-stretch left-2.5 max-h-full min-h min-h-20 min-h-8 min-h-9 min-h-dvh");
-@source inline("min-h-full min-w-20 min-w-40 opacity-100 pb-0.5 pb-[max(env(safe-area-inset-bottom,0px),0.5rem)]");
-@source inline("peer-focus peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-field-ring/40");
-@source inline("peer-focus:rounded-lg pl-1 pl-3 pointer-coarse:disabled:opacity-50 pointer-coarse:h-12");
-@source inline("pointer-coarse:w-12 pr-16 pr-9 pt-1.5 resize-none right-4 ring-1 ring-4 ring-accent/20");
-@source inline("ring-accent/30 ring-accent/40 ring-border ring-inset ring-ring rounded-2xl");
-@source inline("rounded-[var(--radius-device)] scale-[1.01] self-stretch shrink-[2] size-7 sm:flex-1 sm:min-w-40");
-@source inline("sm:shrink-0 sm:w-56 text-muted-foreground/60 text-tone-amber-ink text-tone-cyan-ink");
-@source inline("text-tone-emerald-ink text-tone-orange-ink text-tone-purple-ink text-tone-rose-ink");
-@source inline("text-tone-sky-ink text-tone-slate-ink text-xl transition-[opacity,transform] translate-y-0");
-@source inline("translate-y-2 w-0 w-88");
+@source inline("inset-x-3 italic items-stretch left-2.5 max-h-full max-w-80 min-h min-h-20 min-h-8 min-h-9");
+@source inline("min-h-dvh min-h-full min-w-16 min-w-20 min-w-40 opacity-100 pb-0.5");
+@source inline("pb-[max(env(safe-area-inset-bottom,0px),0.5rem)] peer-focus peer-focus:outline-none");
+@source inline("peer-focus:ring-2 peer-focus:ring-field-ring/40 peer-focus:rounded-lg pl-1 pl-3");
+@source inline("pointer-coarse:disabled:opacity-50 pointer-coarse:h-12 pointer-coarse:w-12 pr-16 pr-9 pt-1.5");
+@source inline("resize-none right-4 ring-1 ring-4 ring-accent/20 ring-accent/30 ring-accent/40 ring-border");
+@source inline("ring-inset ring-ring rounded-2xl rounded-[var(--radius-device)] scale-[1.01] self-stretch");
+@source inline("shrink-[2] size-7 sm:flex-1 sm:min-w-40 sm:shrink-0 sm:w-56 text-muted-foreground/60");
+@source inline("text-tone-amber-ink text-tone-cyan-ink text-tone-emerald-ink text-tone-orange-ink");
+@source inline("text-tone-purple-ink text-tone-rose-ink text-tone-sky-ink text-tone-slate-ink text-xl");
+@source inline("transition-[opacity,transform] translate-y-0 translate-y-2 w-0 w-88");

package/dist/styles-utilities.css

@@ -773,6 +773,9 @@
   .max-h-56 {
     max-height: calc(var(--spacing) * 56);
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
@@ -1371,6 +1374,9 @@
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -2733,6 +2739,9 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
   .pr-16 {
     padding-right: calc(var(--spacing) * 16);
   }
@@ -4183,6 +4192,9 @@
   .disabled\:opacity-0:disabled {
     opacity: 0%;
   }
+  .disabled\:opacity-30:disabled {
+    opacity: 30%;
+  }
   .disabled\:opacity-40:disabled {
     opacity: 40%;
   }
@@ -5243,6 +5255,9 @@
     .pointer-coarse\:p-0 {
       padding: 0px;
     }
+    .pointer-coarse\:pr-12 {
+      padding-right: calc(var(--spacing) * 12);
+    }
     .pointer-coarse\:opacity-100 {
       opacity: 100%;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cursedbelt",
-	"version": "5.93.0",
+	"version": "5.95.0",
 	"license": "ISC",
 	"type": "module",
 	"description": "The React design system of the cursedbelt split — components, styles, theme. cursedbelt-core below it; server tier in cursedbelt-server.",
@@ -337,6 +337,18 @@
 			"source": "./src/react/markdown/MarkdownDoc.tsx",
 			"import": "./dist/react/markdown/MarkdownDoc.js"
 		},
+		"./react/map-frame": {
+			"types": "./dist/react/map-frame/index.d.ts",
+			"bun": "./src/react/map-frame/index.ts",
+			"source": "./src/react/map-frame/index.ts",
+			"import": "./dist/react/map-frame/index.js"
+		},
+		"./react/map-frame/geo": {
+			"types": "./dist/react/map-frame/geo.d.ts",
+			"bun": "./src/react/map-frame/geo.ts",
+			"source": "./src/react/map-frame/geo.ts",
+			"import": "./dist/react/map-frame/geo.js"
+		},
 		"./react/master-detail": {
 			"types": "./dist/react/master-detail/index.d.ts",
 			"bun": "./src/react/master-detail/index.ts",

package/scripts/guardrails-baseline.json

@@ -23,7 +23,7 @@
     "no-hand-rolled-surface": 0,
     "no-inline-style": 73,
     "no-arbitrary-length": 0,
-    "opt-out-count": 272,
+    "opt-out-count": 273,
     "opt-out-needs-cause": 253
   },
   "cursedshell": {

package/scripts/styleAreas.ts

@@ -234,7 +234,7 @@ export const AREAS: readonly Area[] = [
 		roots: ['components/auth', 'AuthGate.tsx'],
 	},
 	{ name: 'calendar', why: 'the date-picker family: a calendar grid is a whole layout nothing else shares', roots: ['components/calendar'] },
-	{ name: 'canvas-hud', why: 'the pan-and-zoom canvas HUD — zoom keys, minimap, find pill, node menu', roots: ['canvas-hud'] },
+	{ name: 'canvas-hud', why: 'the pan-and-zoom canvas HUD — zoom keys, minimap, find pill, node menu — and the map frame, which draws with inline styles and adds no utility', roots: ['canvas-hud', 'map-frame'] },
 	{ name: 'charts', why: 'the recharts wrappers — an app with no dashboard renders none of them', roots: ['charts'] },
 	{
 		name: 'chart-table',

package/src/react/components/AppShell.spec.tsx

@@ -58,6 +58,59 @@ describe('AppShell', () => {
     expect(q(container, '[data-cb-nav-backdrop]')).toBeNull();
   });
 
+  test('🔴 navCollapsed folds the lg sidebar to the icon rail, and the fold button in the rail head asks for the next state (forge task 3773)', () => {
+    const changes: boolean[] = [];
+    const { container, rerender } = render(
+      <AppShell nav={station} navHeader={<span data-brand=''>Photos</span>} account={<span>CU</span>} onNavCollapsedChange={(next) => changes.push(next)}>
+        x
+      </AppShell>,
+    );
+    const [icon, full] = qa(container, '[data-cb-nav-rail]') as [HTMLElement, HTMLElement];
+    // Open: the icon rail hides at lg, the full sidebar shows there — as before.
+    expect(icon.className).toContain('lg:hidden');
+    expect(full.className).toContain('lg:flex');
+    // The fold button is in BOTH heads (the rail must be able to unfold itself), and says what it does.
+    const folds = qa(container, '[data-cb-rail-fold]');
+    expect(folds).toHaveLength(2);
+    expect(folds.map((b) => b.getAttribute('aria-label'))).toEqual(['Show the sidebar', 'Hide the sidebar']);
+    // With no ⌘K row it sits on the brand line; with one, beside the ⌘K trigger — never a third control
+    // beside a worded account launcher, which left the brand no width (photos, WebKit, 2026-10-25).
+    const { container: noCommand } = render(
+      <AppShell nav={station} commandPalette={false} navHeader={<span>Photos</span>} account={<span>CU</span>} onNavCollapsedChange={() => {}}>
+        x
+      </AppShell>,
+    );
+    const fullNoCommand = qa(noCommand, '[data-cb-nav-rail]')[1] as HTMLElement;
+    expect(q(fullNoCommand, '[data-cb-rail-command-row]')).toBeNull();
+    expect(q(fullNoCommand, '[data-cb-account]')?.parentElement?.querySelector('[data-cb-rail-fold]')).not.toBeNull();
+    const { container: withCommand } = render(
+      <AppShell nav={station} navHeader={<span>Photos</span>} account={<span>Curt Phillips ▾</span>} onOpenCommand={() => {}} onNavCollapsedChange={() => {}}>
+        x
+      </AppShell>,
+    );
+    const fullWithCommand = qa(withCommand, '[data-cb-nav-rail]')[1] as HTMLElement;
+    expect(q(fullWithCommand, '[data-cb-account]')?.parentElement?.querySelector('[data-cb-rail-fold]')).toBeNull();
+    expect(q(fullWithCommand, '[data-cb-rail-command-row] [data-cb-rail-fold]')).not.toBeNull();
+    expect(q(fullWithCommand, '[data-cb-rail-command-row] [data-cb-command-trigger]')).not.toBeNull();
+    fireEvent.click(folds[1] as HTMLElement);
+    expect(changes).toEqual([true]);
+    // Folded: the icon rail stays at lg and the full sidebar is gone from every width.
+    rerender(
+      <AppShell nav={station} navHeader={<span data-brand=''>Photos</span>} account={<span>CU</span>} navCollapsed onNavCollapsedChange={(next) => changes.push(next)}>
+        x
+      </AppShell>,
+    );
+    const [iconFolded, fullFolded] = qa(container, '[data-cb-nav-rail]') as [HTMLElement, HTMLElement];
+    expect(iconFolded.className).not.toContain('lg:hidden');
+    expect(fullFolded.className).not.toContain('lg:flex');
+    expect(fullFolded.className).toContain('hidden');
+    fireEvent.click(q(iconFolded, '[data-cb-rail-fold]') as HTMLElement);
+    expect(changes).toEqual([true, false]);
+    // Without the callback nothing is offered: a shell that cannot remember the choice does not ask for it.
+    rerender(<AppShell nav={station}>x</AppShell>);
+    expect(qa(container, '[data-cb-rail-fold]')).toHaveLength(0);
+  });
+
   test('🔴 NAV-15 · with a sidebar the header is phone-only, and the brand, account and ⌘K head the sidebar (owner, 2026-10-20)', () => {
     const { container } = render(
       <AppShell

package/src/react/components/AppShell.tsx

@@ -18,8 +18,10 @@ import { SideNav } from '../nav/SideNav.js';
 import { TopBarPlaces } from '../nav/TopBar.js';
 import { CommandSourceProvider, useCommandSources } from '../palette/commandSources.js';
 import { useCommandPalette } from '../palette/useCommandPalette.js';
+import { IconSidebar } from '../icons.js';
 import { AmbientBackdrop, type AmbientBackdropProps } from './AmbientBackdrop.js';
 import { BannerLane, type ShellBanner } from './BannerLane.js';
+import { IconButton } from './IconButton.js';
 import { lazyPart } from './DataTable/lazyPart.js';
 import { ScrollArea, type ScrollAreaSpace } from './ScrollArea.js';
 
@@ -79,6 +81,18 @@ export interface AppShellProps {
    *  the section's NEXT state. */
   onNavSectionToggle?: (section: string, collapsed: boolean) => void;
 
+  /**
+   * The 240px sidebar folded to the 64px icon rail at every width — the reader's choice, to see
+   * the page wider (a photo archive's grid, a canvas): Linear's `⌘\` and Notion's `«` fold theirs
+   * the same way. Controlled: the app remembers it (a setting, `localStorage`) and passes it back.
+   * With `onNavCollapsedChange` the rail head carries the fold button (`IconSidebar`, a tooltip
+   * either way); without it the sidebar is fixed open, as before. The rail keeps its places, the
+   * account and the ⌘K trigger folded (NAV-2, NAV-15); a phone is never folded — it has no sidebar.
+   */
+  navCollapsed?: boolean;
+  /** The fold button was pressed; `collapsed` is the sidebar's NEXT state. */
+  onNavCollapsedChange?: (collapsed: boolean) => void;
+
   /** Dynamic per-place badge (unread counts), keyed by domain id. A badge may carry its own tone (`{ value, tone }`) — see {@link NavBadge}. */
   navBadges?: Record<string, NavBadge>;
   /** How those counts READ — `alert` (default, red) for "this needs you", `neutral` or
@@ -233,7 +247,7 @@ const UNSECTIONED_MAX_PLACES = 7;
  *     <header h-[--header-h]>                       ← left: brand · center: places or ⌘K field · right: account
  *     <BannerLane />                                ← NAV-10, only when there is a banner
  *     <div flex min-h-0 grow>                       ← sidebar + content row
- *       <aside md:flex lg:hidden w-16 />            ← 6+ places: the icon rail
+ *       <aside md:flex lg:hidden w-16 />            ← 6+ places: the icon rail (and at lg, folded by `navCollapsed`)
  *       <aside lg:flex w-60 />                      ← 6+ places: the sectioned SideNav
  *       <main><ScrollArea>{children}</ScrollArea></main>  ← THE ONLY page scroll container
  *     </div>
@@ -266,6 +280,8 @@ function Shell({
   onNavPrefsChange,
   navCollapsedSections,
   onNavSectionToggle,
+  navCollapsed = false,
+  onNavCollapsedChange,
   navBadges,
   navBadgeTone,
   navHeader,
@@ -354,8 +370,31 @@ function Shell({
    * rail (md–lg) gets the account and the square ⌘K trigger; `onCapture` stays on the full sidebar
    * and the phone's PlaceBar, as a worded primary button cannot fit a 64px rail.
    */
-  const railCommand = (collapsed: boolean) =>
-    openCommand || (!collapsed && (onCapture || commandBarExtra)) ? (
+  // The fold button (`navCollapsed`): only where the app takes the choice back — a shell that cannot
+  // remember it does not offer it. On the icon rail it stacks under the account. On the full sidebar it
+  // sits at the leading edge of the ⌘K row, NOT on the brand line: the account launcher there is a
+  // worded control (cursedauth's "Curt Phillips ▾", 175px in a 240px rail), and a third control on
+  // that line left the brand no width at all (photos, WebKit, 2026-10-25). A shell with no ⌘K row
+  // keeps it on the brand line, where there is room.
+  const foldButton = (collapsed: boolean) =>
+    onNavCollapsedChange ? (
+      <IconButton
+        data-cb-rail-fold=''
+        aria-pressed={collapsed}
+        label={collapsed ? 'Show the sidebar' : 'Hide the sidebar'}
+        tooltip={collapsed ? 'Show the sidebar with its names' : 'Fold the sidebar to icons, for a wider page'}
+        size='sm'
+        variant='ghost'
+        className='mt-0.5'
+        onClick={() => onNavCollapsedChange(!collapsed)}
+      >
+        <IconSidebar />
+      </IconButton>
+    ) : null;
+  const hasCommandRow = (collapsed: boolean) => Boolean(openCommand || (!collapsed && (onCapture || commandBarExtra)));
+  const railCommand = (collapsed: boolean) => {
+    if (!hasCommandRow(collapsed)) return null;
+    const bar = (
       <CommandBar
         className={collapsed ? 'flex-col' : 'w-full min-w-0 flex-wrap'}
         compact={collapsed}
@@ -366,22 +405,36 @@ function Shell({
         commandHint={commandHint}
         extra={collapsed ? undefined : commandBarExtra}
       />
-    ) : null;
-  const railHead = (collapsed: boolean) => (
-    <div data-cb-rail-head='' className={cn('flex flex-col gap-3', collapsed && 'items-center')}>
-      {(navHeader && !collapsed) || account ? (
-        <div className={cn('flex min-w-0 items-center gap-2', collapsed && 'flex-col')}>
-          {navHeader && !collapsed ? <div className='flex min-w-0 flex-1 items-center overflow-hidden'>{navHeader}</div> : null}
-          {account ? (
-            <div data-cb-account='' className='shrink-0'>
-              {account}
-            </div>
-          ) : null}
-        </div>
-      ) : null}
-      {railCommand(collapsed)}
-    </div>
-  );
+    );
+    const fold = collapsed ? null : foldButton(false);
+    return fold ? (
+      <div data-cb-rail-command-row='' className='flex w-full min-w-0 items-start gap-1'>
+        {fold}
+        <div className='min-w-0 flex-1'>{bar}</div>
+      </div>
+    ) : (
+      bar
+    );
+  };
+  const railHead = (collapsed: boolean) => {
+    const foldOnBrandLine = collapsed || !hasCommandRow(collapsed);
+    return (
+      <div data-cb-rail-head='' className={cn('flex flex-col gap-3', collapsed && 'items-center')}>
+        {(navHeader && !collapsed) || account || (foldOnBrandLine && onNavCollapsedChange) ? (
+          <div className={cn('flex min-w-0 items-center gap-2', collapsed && 'flex-col')}>
+            {navHeader && !collapsed ? <div className='flex min-w-0 flex-1 items-center overflow-hidden'>{navHeader}</div> : null}
+            {account ? (
+              <div data-cb-account='' className='shrink-0'>
+                {account}
+              </div>
+            ) : null}
+            {foldOnBrandLine ? foldButton(collapsed) : null}
+          </div>
+        ) : null}
+        {railCommand(collapsed)}
+      </div>
+    );
+  };
 
   const sideNavProps = {
     model: nav as NavigationModel,
@@ -483,15 +536,17 @@ function Shell({
       <div className='relative flex min-h-0 grow overflow-hidden'>
         {/* 6+ places: the labeled, sectioned sidebar at lg (240px), the icon rail at md–lg
             (64px — a 240px rail on an ~820px screen squeezes the workspace, owner tablet
-            teardown 2026-07-15 §4). Two CSS-switched renders: SideNav's `collapsed` is a
-            prop, not a media query, and the rail is cheap to render twice. */}
+            teardown 2026-07-15 §4) — and at lg too while the reader has folded it (`navCollapsed`).
+            Two CSS-switched renders: SideNav's `collapsed` is a prop, not a media query, and the
+            rail is cheap to render twice. */}
         {pattern === 'side' && (
           <>
             <aside
               data-cb-nav-rail=''
               data-cb-nav-collapsed=''
               className={cn(
-                'hidden w-[var(--rail-w-collapsed)] border-r border-border md:flex md:shrink-0 md:flex-col lg:hidden',
+                'hidden w-[var(--rail-w-collapsed)] border-r border-border md:flex md:shrink-0 md:flex-col',
+                !navCollapsed && 'lg:hidden',
                 chrome,
               )}
             >
@@ -500,7 +555,8 @@ function Shell({
             <aside
               data-cb-nav-rail=''
               className={cn(
-                'hidden w-[var(--rail-w)] border-r border-border lg:flex lg:shrink-0 lg:flex-col',
+                'hidden w-[var(--rail-w)] border-r border-border',
+                !navCollapsed && 'lg:flex lg:shrink-0 lg:flex-col',
                 chrome,
               )}
             >

package/src/react/components/ComboboxField.tsx

@@ -11,7 +11,7 @@ import {
   choiceFieldWidth,
   declareFieldWidth,
 } from '../lib/field.js';
-import { FLOATING_COLLISION_PADDING,
+import { BASE_UI_POSITIONER, FLOATING_COLLISION_PADDING,
   FLOATING_CONTENT_BASE, FLOATING_ITEM_BASE } from '../lib/floatingStyles.js';
 import { TAP_TARGET, TAP_TARGET_HEIGHT } from '../lib/tapTarget.js';
 
@@ -336,7 +336,7 @@ export function ComboboxField(props: ComboboxFieldProps) {
         <Combobox.Positioner
           sideOffset={4}
           collisionPadding={FLOATING_COLLISION_PADDING}
-          className='z-[var(--z-popover)]'
+          className={BASE_UI_POSITIONER}
         >
           <Combobox.Popup
             className={cn(