@bitmagic/cli 0.1.41 → 0.1.43

package/dist/editor/design.js

@@ -0,0 +1,217 @@
+/**
+ * The Bitmagic design system, for the pages `bitmagic dev` serves.
+ *
+ * The dev view is a Bitmagic product surface — for a pro-lane creator it is the only one they ever
+ * look at — so it follows `creator/DESIGN.md` the way the Creator and the in-engine editor do.
+ * It cannot import the Creator's `BitmagicDesign.css`: this package ships on npm on its own, and
+ * both pages are strings assembled in TypeScript rather than bundled documents. So it re-declares
+ * the same tokens, exactly as `game/src/editor/editor-styles.ts` does for the engine's editor
+ * dialogs — three copies of the palette, one source of truth in DESIGN.md.
+ *
+ * **No backticks in anything exported here.** These constants are interpolated into the pages'
+ * template literals, and a backtick would end the literal somewhere else entirely (there is a test
+ * for it: `__tests__/shell-page.test.ts`).
+ */
+/** Hex tokens for TS-side use — the same set `game/src/editor/editor-styles.ts` exposes. */
+export const BM = {
+    bg: '#0b0b0b',
+    surface: '#181818',
+    surfaceAlt: '#1f1f1f',
+    surfaceCard: '#252525',
+    textPrimary: '#ffffff',
+    textMuted: '#b3b3b3',
+    textDim: '#7c7c7c',
+    textOnAccent: '#000000',
+    border: '#4d4d4d',
+    borderMuted: '#2a2a2a',
+    aqua: '#A0DAB9',
+    aquaHover: '#B8E4CA',
+    aquaPressed: '#7DC29C',
+    pink: '#E0218A',
+    pinkHover: '#F04AA4',
+    pinkPressed: '#B3176D',
+    pumpkin: '#FF8200',
+    canary: '#F9E547',
+    shadowDialog: '0 8px 24px rgba(0, 0, 0, 0.5)',
+    shadowCard: '0 8px 8px rgba(0, 0, 0, 0.3)',
+    glowAqua: '0 0 24px rgba(160, 218, 185, 0.45)',
+    glowPink: '0 0 24px rgba(224, 33, 138, 0.4)',
+    insetBorderDim: 'inset 0 0 0 1px #7c7c7c',
+    insetBorderFocus: 'inset 0 0 0 1px #ffffff, 0 0 0 2px rgba(160, 218, 185, 0.45)',
+    font: '"Red Hat Display", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
+    fontMono: 'ui-monospace, SFMono-Regular, Menlo, monospace',
+};
+/**
+ * Red Hat Display, from the same Google Fonts URL `creator/index.html` uses.
+ *
+ * A dev machine with no network gets the fallback stack and a page that is otherwise identical —
+ * every rule below sizes and weights type rather than depending on the family's metrics.
+ */
+export const BITMAGIC_FONT_LINK = `<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;700&display=swap">`;
+/** The palette as custom properties, so page-specific rules can `var(--bm-*)` them. */
+export const BITMAGIC_TOKENS_CSS = `
+  :root {
+    color-scheme: dark;
+    --bm-bg: ${BM.bg};
+    --bm-surface: ${BM.surface};
+    --bm-surface-alt: ${BM.surfaceAlt};
+    --bm-surface-card: ${BM.surfaceCard};
+    --bm-text: ${BM.textPrimary};
+    --bm-text-muted: ${BM.textMuted};
+    --bm-text-dim: ${BM.textDim};
+    --bm-border: ${BM.border};
+    --bm-border-muted: ${BM.borderMuted};
+    --bm-aqua: ${BM.aqua};
+    --bm-aqua-hover: ${BM.aquaHover};
+    --bm-pink: ${BM.pink};
+    --bm-pink-hover: ${BM.pinkHover};
+    --bm-pumpkin: ${BM.pumpkin};
+    --bm-canary: ${BM.canary};
+    /* Accent washes. An accent at full strength behind body copy would be a coloured surface,
+       which DESIGN.md does not do — these are the same five accents at banner strength. */
+    --bm-tint-warning: rgba(255, 130, 0, .12);
+    --bm-tint-negative: rgba(224, 33, 138, .12);
+    --bm-tint-success: rgba(160, 218, 185, .18);
+    --bm-scrim: rgba(11, 11, 11, .78);
+    --bm-shadow-dialog: ${BM.shadowDialog};
+    --bm-shadow-card: ${BM.shadowCard};
+    --bm-glow-aqua: ${BM.glowAqua};
+    --bm-glow-pink: ${BM.glowPink};
+    --bm-font: ${BM.font};
+    --bm-font-mono: ${BM.fontMono};
+  }
+`;
+/**
+ * The component primitives both served pages use: pill buttons, inputs, badges, modal surfaces.
+ *
+ * Label voice is UPPERCASE Bold with tracking and content voice is sentence-case Regular, per the
+ * brand type guideline — which is why every button here is uppercase and nothing else is.
+ */
+export const BITMAGIC_CONTROLS_CSS = `
+  /* === Pill buttons =========================================================================
+     Secondary dark pill is the default: the toolbar is chrome, and DESIGN.md allows one primary
+     accent per screen. Aquamarine is spent on the active tab and on a dialog's confirm. */
+  .bm-pill {
+    background: var(--bm-surface-alt);
+    color: var(--bm-text);
+    border: 1px solid var(--bm-border);
+    border-radius: 9999px;
+    padding: 5px 14px;
+    font-family: var(--bm-font);
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 1;
+    text-transform: uppercase;
+    letter-spacing: 1.4px;
+    cursor: pointer;
+    transition: background .15s ease, border-color .15s ease, color .15s ease,
+                box-shadow .15s ease, transform .15s ease;
+  }
+  .bm-pill:hover:not(:disabled) { background: var(--bm-surface-card); border-color: var(--bm-text-dim); }
+  .bm-pill:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(160, 218, 185, .45); }
+  .bm-pill:disabled { opacity: .5; cursor: default; }
+
+  /* Primary — the one creative action on a surface. Dark text: DESIGN.md forbids white on the
+     lighter accents. */
+  .bm-pill--primary {
+    background: var(--bm-aqua);
+    border-color: var(--bm-aqua);
+    color: #000000;
+    letter-spacing: 1.6px;
+    padding: 7px 20px;
+  }
+  .bm-pill--primary:hover:not(:disabled) {
+    background: var(--bm-aqua-hover);
+    border-color: var(--bm-aqua-hover);
+    transform: scale(1.03);
+    box-shadow: var(--bm-glow-aqua);
+  }
+
+  /* Destructive — Shocking Pink, and only ever for discard / delete / reset. */
+  .bm-pill--destructive {
+    background: var(--bm-pink);
+    border-color: var(--bm-pink);
+    color: var(--bm-text);
+    letter-spacing: 1.6px;
+  }
+  .bm-pill--destructive:hover:not(:disabled) {
+    background: var(--bm-pink-hover);
+    border-color: var(--bm-pink-hover);
+    transform: scale(1.03);
+    box-shadow: var(--bm-glow-pink);
+  }
+
+  /* Outlined — tertiary ("Cancel", "Close"). */
+  .bm-pill--ghost { background: transparent; border-color: var(--bm-text-dim); color: var(--bm-text-muted); }
+  .bm-pill--ghost:hover:not(:disabled) { background: transparent; border-color: var(--bm-text); color: var(--bm-text); }
+
+  /* === Input ================================================================================ */
+  .bm-input {
+    background: var(--bm-surface-alt);
+    color: var(--bm-text);
+    border: none;
+    box-shadow: ${BM.insetBorderDim};
+    border-radius: 6px;
+    padding: 10px 12px;
+    font-family: var(--bm-font);
+    font-size: 14px;
+    outline: none;
+  }
+  .bm-input:focus { box-shadow: ${BM.insetBorderFocus}; }
+  .bm-input::placeholder { color: var(--bm-text-muted); }
+
+  /* === Badge ================================================================================ */
+  .bm-badge {
+    display: inline-block;
+    border-radius: 9999px;
+    padding: 1px 7px;
+    font-size: 10.5px;
+    font-weight: 700;
+    line-height: 1.33;
+    text-transform: uppercase;
+    letter-spacing: 1.4px;
+    vertical-align: 1px;
+    background: var(--bm-surface-card);
+    color: var(--bm-text-muted);
+  }
+  /* Success / featured, and warning. Never both on one row — an asset is one or the other. */
+  .bm-badge--success { background: var(--bm-aqua); color: #000000; }
+  .bm-badge--warning { background: var(--bm-pumpkin); color: #000000; }
+
+  /* === Label voice ==========================================================================
+     Section headers and anything else speaking as a label rather than as content. */
+  .bm-label {
+    font-size: 12px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 1.4px;
+    color: var(--bm-text-muted);
+  }
+
+  /* === Modal ================================================================================ */
+  .bm-overlay {
+    display: none;
+    position: fixed;
+    inset: 0;
+    background: var(--bm-scrim);
+    align-items: center;
+    justify-content: center;
+  }
+  .bm-overlay.show { display: flex; }
+  .bm-dialog {
+    background: var(--bm-surface);
+    border: 1px solid var(--bm-border-muted);
+    border-radius: 8px;
+    box-shadow: var(--bm-shadow-dialog);
+  }
+  .bm-dialog h2 {
+    margin: 0 0 6px;
+    font-size: 16px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: .5px;
+  }
+`;
+//# sourceMappingURL=design.js.map

package/dist/editor/design.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.js","sourceRoot":"","sources":["../../src/editor/design.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,4FAA4F;AAC5F,MAAM,CAAC,MAAM,EAAE,GAAG;IAChB,EAAE,EAAE,SAAS;IACb,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,SAAS;IAEtB,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IAEvB,MAAM,EAAE,SAAS;IACjB,WAAW,EAAE,SAAS;IAEtB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IAEjB,YAAY,EAAE,+BAA+B;IAC7C,UAAU,EAAE,8BAA8B;IAC1C,QAAQ,EAAE,oCAAoC;IAC9C,QAAQ,EAAE,kCAAkC;IAC5C,cAAc,EAAE,yBAAyB;IACzC,gBAAgB,EAAE,8DAA8D;IAEhF,IAAI,EAAE,8EAA8E;IACpF,QAAQ,EAAE,gDAAgD;CAClD,CAAC;AAEX;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;;0HAEwF,CAAC;AAE3H,uFAAuF;AACvF,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;eAGpB,EAAE,CAAC,EAAE;oBACA,EAAE,CAAC,OAAO;wBACN,EAAE,CAAC,UAAU;yBACZ,EAAE,CAAC,WAAW;iBACtB,EAAE,CAAC,WAAW;uBACR,EAAE,CAAC,SAAS;qBACd,EAAE,CAAC,OAAO;mBACZ,EAAE,CAAC,MAAM;yBACH,EAAE,CAAC,WAAW;iBACtB,EAAE,CAAC,IAAI;uBACD,EAAE,CAAC,SAAS;iBAClB,EAAE,CAAC,IAAI;uBACD,EAAE,CAAC,SAAS;oBACf,EAAE,CAAC,OAAO;mBACX,EAAE,CAAC,MAAM;;;;;;;0BAOF,EAAE,CAAC,YAAY;wBACjB,EAAE,CAAC,UAAU;sBACf,EAAE,CAAC,QAAQ;sBACX,EAAE,CAAC,QAAQ;iBAChB,EAAE,CAAC,IAAI;sBACF,EAAE,CAAC,QAAQ;;CAEhC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA+DnB,EAAE,CAAC,cAAc;;;;;;;kCAOD,EAAE,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDpD,CAAC"}

package/dist/editor/shell-page.js

@@ -51,6 +51,7 @@
 import { decodeForgeMapHeights, renderForgeMapRgba, } from '@bitmagic/world-forger/pipeline/forge-map-render.js';
 import { FORGE_MAP_PALETTE } from '@bitmagic/world-forger/pipeline/layout-map.js';
 import { ASSET_DETAIL_CSS, ASSET_DETAIL_HTML } from './asset-detail-panel.js';
+import { BITMAGIC_CONTROLS_CSS, BITMAGIC_FONT_LINK, BITMAGIC_TOKENS_CSS } from './design.js';
 /** How often the shell asks the engine whether anything changed. A `Set` read; effectively free. */
 const POLL_INTERVAL_MS = 500;
 /**
@@ -104,134 +105,143 @@ export function renderEditorShell(options) {
 <head>
 <meta charset="utf-8">
 <title>bitmagic dev — ${escapeAttr(options.gameId)}</title>
+${BITMAGIC_FONT_LINK}
 <style>
-  :root { color-scheme: dark; }
+${BITMAGIC_TOKENS_CSS}
+${BITMAGIC_CONTROLS_CSS}
   * { box-sizing: border-box; }
   /* Flex column rather than calc() heights: the banners come and go, and three of them at once
      must not push the viewport into a scrollbar. */
   body { margin: 0; height: 100vh; display: flex; flex-direction: column;
-         background: #101014; color: #e6e6ea; font: 13px/1.45 ui-sans-serif, system-ui, sans-serif; }
-  #bar { display: flex; align-items: center; gap: 12px; height: 36px; flex: none; padding: 0 12px;
-         background: #17171d; border-bottom: 1px solid #26262e; }
-  #bar .id { color: #8a8a99; font-family: ui-monospace, monospace; }
+         background: var(--bm-bg); color: var(--bm-text); font: 400 14px/1.5 var(--bm-font); }
+  #bar { display: flex; align-items: center; gap: 12px; height: 44px; flex: none; padding: 0 16px;
+         background: var(--bm-surface); border-bottom: 1px solid var(--bm-border-muted); }
+  /* The wordmark speaks in the brand's headline voice: uppercase, bold, tracked. */
+  #bar .wordmark { font-size: 14px; font-weight: 700; text-transform: uppercase;
+                   letter-spacing: 1.6px; }
+  #bar .id { color: var(--bm-text-dim); font-family: var(--bm-font-mono); font-size: 12px; }
   #bar .spacer { flex: 1; }
-  #tabs { display: flex; gap: 2px; background: #101014; border: 1px solid #26262e; border-radius: 6px;
-          padding: 2px; }
-  .tab { background: transparent; border: 0; border-radius: 4px; color: #9a9aab; padding: 3px 14px;
-         font: inherit; cursor: pointer; }
-  .tab:hover { color: #e6e6ea; background: #22222a; }
-  .tab.active { background: #3352c4; color: #fff; }
-  #status { display: flex; align-items: center; gap: 6px; }
-  #dot { width: 8px; height: 8px; border-radius: 50%; background: #4a4a57; }
-  #dot.saving { background: #d9a441; }
-  #dot.saved  { background: #4caf72; }
-  #dot.error  { background: #e0564f; }
-  #auto { display: flex; align-items: center; gap: 5px; color: #8a8a99; cursor: pointer; }
-  #auto input { margin: 0; }
-  button { background: #26262e; color: #e6e6ea; border: 1px solid #34343f; border-radius: 5px;
-           padding: 4px 10px; font: inherit; cursor: pointer; }
-  button:hover { background: #30303a; }
-  button:disabled { opacity: .5; cursor: default; background: #26262e; }
-  /* .tab:hover is declared after .tab.active and would otherwise win on an active tab. */
-  #tabs .tab.active:hover { background: #3352c4; }
-  .banner { display: none; align-items: center; gap: 12px; flex: none; padding: 8px 12px;
-            background: #3a2c12; border-bottom: 1px solid #574018; color: #f0d9a8; }
+  #tabs { display: flex; gap: 4px; background: var(--bm-surface-alt); border-radius: 9999px;
+          padding: 3px; }
+  /* A tab is a .bm-pill that starts invisible; the ACTIVE one is what the accent is for —
+     DESIGN.md gives Aquamarine to primary actions and active states alike. */
+  .tab { background: transparent; border-color: transparent; color: var(--bm-text-muted); }
+  .tab:hover:not(.active) { background: var(--bm-surface-card); border-color: transparent;
+                            color: var(--bm-text); }
+  .tab.active, .tab.active:hover { background: var(--bm-aqua); border-color: var(--bm-aqua);
+                                   color: #000000; }
+  #status { display: flex; align-items: center; gap: 8px; font-size: 12px;
+            color: var(--bm-text-muted); }
+  /* Working is Pumpkin, done is Aquamarine, failed is Shocking Pink — the same three the steps,
+     the progress bar and the banners below use, so one colour never means two things. */
+  #dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bm-border); }
+  #dot.saving { background: var(--bm-pumpkin); }
+  #dot.saved  { background: var(--bm-aqua); }
+  #dot.error  { background: var(--bm-pink); }
+  #auto { display: flex; align-items: center; gap: 6px; font-size: 12px;
+          color: var(--bm-text-muted); cursor: pointer; }
+  #auto input { margin: 0; accent-color: var(--bm-aqua); }
+  .banner { display: none; align-items: center; gap: 12px; flex: none; padding: 10px 16px;
+            background: var(--bm-tint-warning); border-bottom: 1px solid var(--bm-pumpkin);
+            color: var(--bm-text); }
   .banner.show { display: flex; }
-  #terrain-banner, #build-banner { background: #3d1f1c; border-bottom-color: #6b2f28; color: #f3c3bd; }
-  #build-banner code { font-family: ui-monospace, monospace; }
+  /* A lost edit and a broken build are worse than out-of-date, and read as negative states. */
+  #terrain-banner, #build-banner { background: var(--bm-tint-negative);
+                                   border-bottom-color: var(--bm-pink); }
+  #build-banner code, #terrain-banner code { font-family: var(--bm-font-mono); }
   /* The game and the panel share one row, so the panel takes width from the game rather than
      overlaying it — an overlay would cover the thing you opened the panel to watch. */
   #stage { flex: 1; display: flex; min-height: 0; }
   #frame { display: block; flex: 1; border: 0; min-width: 0; height: 100%; }
-  #assets { width: 264px; flex: none; overflow-y: auto; background: #131318;
-            border-left: 1px solid #26262e; }
+  #assets { width: 280px; flex: none; overflow-y: auto; background: var(--bm-surface);
+            border-left: 1px solid var(--bm-border-muted); }
   body.assets-closed #assets { display: none; }
-  #assets-head { position: sticky; top: 0; display: flex; align-items: center; gap: 8px;
-                 padding: 8px 10px; background: #17171d; border-bottom: 1px solid #26262e;
-                 font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #8a8a99; }
-  #assets-head .count { margin-left: auto; color: #6a6a7a; letter-spacing: 0; }
-  #assets-empty { padding: 14px 10px; color: #6a6a7a; }
-  .row { display: flex; gap: 9px; padding: 8px 10px; border-bottom: 1px solid #1e1e26; }
+  #assets-head { position: sticky; top: 0; display: flex; align-items: center; gap: 8px; z-index: 1;
+                 padding: 12px; background: var(--bm-surface-alt);
+                 border-bottom: 1px solid var(--bm-border-muted); }
+  #assets-head .count { margin-left: auto; color: var(--bm-text-dim); letter-spacing: 0; }
+  #assets-empty { padding: 16px 12px; color: var(--bm-text-dim); font-size: 12px; }
+  .row { display: flex; gap: 12px; padding: 10px 12px;
+         border-bottom: 1px solid var(--bm-border-muted); }
   .row.clickable { cursor: pointer; }
-  .row.clickable:hover, .row.clickable:focus-visible { background: #1b1b23; outline: none; }
-  .row .thumb { width: 46px; height: 46px; flex: none; border-radius: 4px; background: #1e1e26;
-                display: flex; align-items: center; justify-content: center; font-size: 18px;
-                color: #55556a; overflow: hidden; }
+  .row.clickable:hover, .row.clickable:focus-visible { background: var(--bm-surface-card);
+                                                       outline: none; }
+  .row .thumb { width: 48px; height: 48px; flex: none; border-radius: 6px;
+                background: var(--bm-surface-alt); display: flex; align-items: center;
+                justify-content: center; font-size: 18px; color: var(--bm-text-dim);
+                overflow: hidden; }
   .row .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
   .row .body { min-width: 0; flex: 1; }
-  .row .name { color: #e6e6ea; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .row .meta { color: #6a6a7a; font-size: 11px; overflow: hidden; text-overflow: ellipsis;
+  .row .name { color: var(--bm-text); overflow: hidden; text-overflow: ellipsis;
                white-space: nowrap; }
-  .row .chip { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 3px;
-               font-size: 10px; background: #2a2a34; color: #9a9aab; vertical-align: 1px; }
-  .row .chip.hq { background: #1f3a2a; color: #8fd0a4; }
-  .row .chip.placeholder { background: #3a3320; color: #d9c08a; }
-  /* A new asset during a forge is the whole show, so it announces itself and then settles. */
+  .row .name .bm-badge { margin-left: 6px; }
+  .row .meta { color: var(--bm-text-dim); font-size: 12px; overflow: hidden;
+               text-overflow: ellipsis; white-space: nowrap; }
+  /* A new asset during a forge is the whole show, so it announces itself with the Aquamarine
+     "something landed" flourish and then settles. */
   .row.fresh { animation: landed 2.4s ease-out; }
-  @keyframes landed { from { background: #22314f; } to { background: transparent; } }
-  .row.job .thumb { color: #d9a441; }
-  .row.job .message { color: #9a9aab; font-size: 11px; overflow: hidden; text-overflow: ellipsis;
-                      white-space: nowrap; }
+  @keyframes landed { from { background: var(--bm-tint-success); } to { background: transparent; } }
+  .row.job .thumb { color: var(--bm-pumpkin); }
+  .row.job .message { color: var(--bm-text-muted); font-size: 12px; overflow: hidden;
+                      text-overflow: ellipsis; white-space: nowrap; }
   /* The forge's five steps. A whole run is half an hour, so this is what the panel is for. */
-  .steps { margin-top: 5px; font-size: 11px; }
-  .step { display: flex; align-items: baseline; gap: 5px; color: #55556a; line-height: 1.6; }
-  .step.running { color: #d9d9e2; }
-  .step.done { color: #7c8f7f; }
-  .step .glyph { width: 9px; flex: none; text-align: center; }
+  .steps { margin-top: 6px; font-size: 12px; }
+  .step { display: flex; align-items: baseline; gap: 6px; color: var(--bm-text-dim);
+          line-height: 1.6; }
+  .step.running { color: var(--bm-text); }
+  .step.done { color: var(--bm-aqua); }
+  .step .glyph { width: 10px; flex: none; text-align: center; }
   .step .label { flex: none; }
   .step .tail { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis;
-                white-space: nowrap; color: #6a6a7a; }
-  .step.running .tail { color: #9a9aab; }
-  .bar { height: 3px; margin: 3px 0 4px 14px; border-radius: 2px; background: #26262e;
-         overflow: hidden; }
-  .bar .fill { height: 100%; background: #d9a441; }
+                white-space: nowrap; color: var(--bm-text-dim); }
+  .step.running .tail { color: var(--bm-text-muted); }
+  .bar { height: 3px; margin: 4px 0 4px 16px; border-radius: 2px;
+         background: var(--bm-surface-card); overflow: hidden; }
+  .bar .fill { height: 100%; background: var(--bm-pumpkin); }
   /* The level's shape, drawn from the forge artifact — twenty-plus minutes before it is playable.
      image-rendering: pixelated because the canvas is drawn at an integer multiple of the raster
      and any further scaling should keep the object dots as dots. */
-  .job-map { margin-top: 7px; }
-  .job-map canvas { display: block; width: 100%; height: auto; border-radius: 4px;
-                    border: 1px solid #26262e; image-rendering: pixelated; }
+  .job-map { margin-top: 8px; }
+  .job-map canvas { display: block; width: 100%; height: auto; border-radius: 6px;
+                    border: 1px solid var(--bm-border-muted); image-rendering: pixelated; }
   /* What the level being built contains — known minutes before the level itself exists. */
-  .job-summary { margin-top: 6px; padding-top: 6px; border-top: 1px solid #1e1e26;
-                 color: #8a8a99; font-size: 11px; line-height: 1.6; }
-  .job-summary .objects { color: #6a6a7a; overflow: hidden; text-overflow: ellipsis;
+  .job-summary { margin-top: 8px; padding-top: 8px;
+                 border-top: 1px solid var(--bm-border-muted); color: var(--bm-text-muted);
+                 font-size: 12px; line-height: 1.6; }
+  .job-summary .objects { color: var(--bm-text-dim); overflow: hidden; text-overflow: ellipsis;
                           white-space: nowrap; }
   .spin { display: inline-block; animation: spin 1.4s linear infinite; }
   @keyframes spin { to { transform: rotate(360deg); } }
-  #hq-overlay { display: none; position: fixed; inset: 0; background: rgba(8,8,12,.72);
-                align-items: center; justify-content: center; z-index: 10; }
-  #hq-overlay.show { display: flex; }
-  #hq-dialog { width: min(560px, 92vw); background: #17171d; border: 1px solid #34343f;
-               border-radius: 8px; padding: 18px; }
-  #hq-dialog h2 { margin: 0 0 6px; font-size: 15px; }
-  #hq-dialog p { margin: 0 0 12px; color: #9a9aab; }
-  #hq-prompt { width: 100%; min-height: 88px; resize: vertical; padding: 8px; border-radius: 6px;
-               background: #101014; color: #e6e6ea; border: 1px solid #34343f; font: inherit; }
-  #hq-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
-  #hq-confirm { background: #3352c4; border-color: #3f61d8; }
-  #hq-note { display: none; margin-top: 10px; padding: 10px; border-radius: 6px;
-             background: #101014; border: 1px solid #26262e; }
+  #hq-overlay { z-index: 10; }
+  #hq-dialog { width: min(560px, 92vw); padding: 20px; }
+  #hq-dialog p { margin: 0 0 16px; color: var(--bm-text-muted); }
+  #hq-prompt { width: 100%; min-height: 88px; resize: vertical; }
+  #hq-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
+  #hq-note { display: none; margin-top: 12px; padding: 12px; border-radius: 6px; font-size: 12px;
+             background: var(--bm-surface-alt); border: 1px solid var(--bm-border-muted);
+             color: var(--bm-text-muted); }
   #hq-note.show { display: block; }
-  #hq-note code { display: block; margin-top: 6px; color: #9fd0a8; word-break: break-all; }
+  #hq-note code { display: block; margin-top: 6px; color: var(--bm-aqua);
+                  font-family: var(--bm-font-mono); word-break: break-all; }
 ${ASSET_DETAIL_CSS}
 </style>
 </head>
 <body>
   <div id="bar">
-    <strong>bitmagic dev</strong>
+    <span class="wordmark">bitmagic dev</span>
     <span class="id">${escapeAttr(options.gameId)}</span>
     <div id="tabs">
-      <button class="tab active" type="button" data-tab="game">Game</button>
-      <button class="tab" type="button" data-tab="editor">Editor</button>
+      <button class="tab bm-pill active" type="button" data-tab="game">Game</button>
+      <button class="tab bm-pill" type="button" data-tab="editor">Editor</button>
     </div>
     <span class="spacer"></span>
     <label id="auto" title="Reload the game when the project changes on disk">
       <input id="auto-toggle" type="checkbox" checked> Auto-reload
     </label>
     <span id="status"><span id="dot"></span><span id="status-text">Loading…</span></span>
-    <button id="assets-toggle" type="button" title="Show the assets in this project and what is being generated">Assets</button>
-    <button id="shot" type="button" title="Copy the current frame to the clipboard">Screenshot</button>
-    <button id="reload" type="button">Reload</button>
+    <button id="assets-toggle" class="bm-pill" type="button" title="Show the assets in this project and what is being made">Assets</button>
+    <button id="shot" class="bm-pill" type="button" title="Copy the current frame to the clipboard">Screenshot</button>
+    <button id="reload" class="bm-pill" type="button">Reload</button>
   </div>
   <div id="build-banner" class="banner">
     <span id="build-message"></span>
@@ -239,32 +249,32 @@ ${ASSET_DETAIL_CSS}
   </div>
   <div id="banner" class="banner">
     <span>src/work/world.json changed on disk — this scene is out of date.</span>
-    <button id="banner-reload" type="button">Reload scene</button>
+    <button id="banner-reload" class="bm-pill" type="button">Reload scene</button>
   </div>
   <div id="terrain-banner" class="banner">
     <span><strong>Terrain edits are not saved yet.</strong>
       Sculpting the ground needs an asset upload that <code>bitmagic dev</code> does not do — these
       voxel changes will be lost. Discard them, or press Cancel in the terrain toolbar.</span>
-    <button id="terrain-discard" type="button">Discard terrain edits</button>
+    <button id="terrain-discard" class="bm-pill bm-pill--destructive" type="button">Discard terrain edits</button>
   </div>
   <div id="stage">
     <iframe id="frame" allow="autoplay; fullscreen; xr-spatial-tracking; clipboard-write"></iframe>
     <aside id="assets">
-      <div id="assets-head">Assets<span class="count" id="assets-count"></span></div>
+      <div id="assets-head" class="bm-label">Assets<span class="count" id="assets-count"></span></div>
       <div id="assets-jobs"></div>
       <div id="assets-list"></div>
-      <div id="assets-empty">Nothing yet. Assets appear here as they are generated.</div>
+      <div id="assets-empty">Nothing yet. Assets appear here as they are made.</div>
     </aside>
   </div>
-  <div id="hq-overlay">
-    <div id="hq-dialog">
-      <h2>Generate a high-quality <span id="hq-name"></span></h2>
+  <div id="hq-overlay" class="bm-overlay">
+    <div id="hq-dialog" class="bm-dialog">
+      <h2>Make a high-quality <span id="hq-name"></span></h2>
       <p>Describe what this object should be. The text is saved as the asset's description and
-         used as the generation prompt.</p>
-      <textarea id="hq-prompt" placeholder="e.g. a weathered stone archway covered in moss"></textarea>
+         used as the prompt it is made from.</p>
+      <textarea id="hq-prompt" class="bm-input" placeholder="e.g. a weathered stone archway covered in moss"></textarea>
       <div id="hq-actions">
-        <button id="hq-cancel" type="button">Close</button>
-        <button id="hq-confirm" type="button">Generate</button>
+        <button id="hq-cancel" class="bm-pill bm-pill--ghost" type="button">Close</button>
+        <button id="hq-confirm" class="bm-pill bm-pill--primary" type="button">Make it</button>
       </div>
       <div id="hq-note">
         <span id="hq-note-text"></span>
@@ -1101,8 +1111,9 @@ ${ASSET_DETAIL_HTML}
 
     var body = el('div', 'body');
     var name = el('div', 'name', asset.name || asset.id || 'unnamed');
-    if (asset.hqGeneratedAt) name.appendChild(el('span', 'chip hq', 'HQ'));
-    else if (asset.placeholder === true) name.appendChild(el('span', 'chip placeholder', 'placeholder'));
+    // Success and warning, never both: an asset is either the good version or standing in for it.
+    if (asset.hqGeneratedAt) name.appendChild(el('span', 'bm-badge bm-badge--success', 'HQ'));
+    else if (asset.placeholder === true) name.appendChild(el('span', 'bm-badge bm-badge--warning', 'placeholder'));
     body.appendChild(name);
     var bits = [asset.type || 'unknown'];
     var size = formatSize(asset.size);

package/dist/editor/shell-page.js.map

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

package/dist/publish/client.d.ts

@@ -24,6 +24,21 @@ export interface BeginPublishRequest {
      * server simply ignores a field it does not read — the game then keeps its default icon.
      */
     faviconSourceUrl?: string;
+    /**
+     * sha256 of the source archive this publish is about to upload.
+     *
+     * Sent on BEGIN, unlike everything else about the archive, because `begin` bakes it into the
+     * meta block it mints — which is the whole mechanism: `complete` already verifies that block
+     * byte-for-byte against what actually landed, so binding the archive's hash into it makes the
+     * published bundle carry a claim about which source produced it, at no extra read. That is only
+     * possible if the archive is built and hashed BEFORE this call, which is why `runPublish`
+     * zips before it begins.
+     *
+     * Optional: a failure to build the archive must not fail the publish, and an older server
+     * ignores a field it does not read (it then mints a block without the line, and `complete`
+     * re-renders without it too — see `renderMetaBlock`).
+     */
+    sourceSha256?: string;
 }
 export interface BeginPublishResponse {
     signedUrl: string;
@@ -44,6 +59,18 @@ export interface BeginPublishResponse {
      * CLI says nothing rather than guessing.
      */
     currentEngineVersion: string | null;
+    /**
+     * Where to PUT the source archive, and the key it lands at.
+     *
+     * The server mints the key (it carries a random segment, so the archive cannot be enumerated
+     * from a game's public id) — the CLI never proposes one. Both absent when no `sourceSha256`
+     * was sent, or when talking to a server that predates this; the CLI then simply publishes
+     * without an archive, exactly as it did before.
+     */
+    sourceSignedUrl?: string;
+    sourceKey?: string;
+    /** Must be echoed on the archive PUT — bound into the signature, same contract as the bundle. */
+    sourceCacheControl?: string;
 }
 export declare function beginPublish(environment: Environment, accessToken: string, body: BeginPublishRequest, deps: ApiDeps): Promise<BeginPublishResponse>;
 export interface CompletePublishRequest {
@@ -74,11 +101,36 @@ export interface CompletePublishRequest {
      */
     engineVersion: string;
     fingerprint: string;
+    /**
+     * The source archive that was uploaded, so `complete` can audit it: the key `begin` minted
+     * (echoed, not proposed — the server re-derives the expected shape and refuses anything else)
+     * and the hash that was bound into the meta block.
+     *
+     * All three optional together. They are absent when the archive could not be built, and absent
+     * from every already-installed CLI — so `complete` must treat missing as "cannot check", not as
+     * a failure. Making them required would break every publish in the field the moment the server
+     * deploys.
+     */
+    sourceKey?: string;
+    sourceSha256?: string;
+    /**
+     * Which fingerprint algorithm produced `fingerprint`. The server keeps every version it has
+     * shipped and dispatches on this, because a creator's pinned CLI and the running server are
+     * routinely different copies of the shared code — see SOURCE_INDEX_ALGO.
+     */
+    fingerprintAlgo?: string;
+}
+/** Per-check outcome from the server's source audit. Advisory: none of it changes the exit code. */
+export interface SourceCheckResult {
+    status: 'pass' | 'warn' | 'skip';
+    warnings?: string[];
 }
 export interface CompletePublishResponse {
     url: string;
     publishVersion: number;
     visibility: 'public' | 'private';
+    /** Absent from an older server; the CLI then prints nothing. */
+    sourceChecks?: SourceCheckResult;
 }
 export declare function completePublish(environment: Environment, accessToken: string, body: CompletePublishRequest, deps: ApiDeps): Promise<CompletePublishResponse>;
 /**
@@ -89,6 +141,14 @@ export declare function completePublish(environment: Environment, accessToken: s
 export declare const PUBLISH_BUNDLE_CONTENT_TYPE = "text/html";
 /** PUT the built (and meta-block-injected) bundle to the signed URL `begin` minted. */
 export declare function putBundle(signedUrl: string, html: string, cacheControl: string, deps: ApiDeps): Promise<void>;
+/**
+ * `begin` signs the source archive as `application/zip`. Fixed here for the same reason as
+ * PUBLISH_BUNDLE_CONTENT_TYPE: the response echoes no content type because there is nothing to
+ * echo — this is the one value the signature can have been minted with.
+ */
+export declare const PUBLISH_SOURCE_CONTENT_TYPE = "application/zip";
+/** PUT the source archive to the signed URL `begin` minted. */
+export declare function putSourceArchive(signedUrl: string, body: Uint8Array, cacheControl: string, deps: ApiDeps): Promise<void>;
 export interface ThumbnailUploadRequest {
     gameId: string;
     filename: string;