@polycode-projects/the-mechanical-code-talker 2.9.3 → 2.9.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polycode-projects/the-mechanical-code-talker",
-  "version": "2.9.3",
+  "version": "2.9.5",
   "private": false,
   "type": "module",
   "description": "The Mechanical Code Talker (tmct) — a tolerant, offline, $0 chat surface that guides you toward precision queries about a software repository. ELIZA/PARRY-style but domain-obsessed with code. No model calls; no codebase index of its own.",

package/src/services/adventure-viz.mjs

@@ -436,7 +436,7 @@ ${THEME_TOKENS_CSS}
      The sprite tiles sit on the floor band (align-items flex-end), so
      furniture and people read as standing IN the room, against its wall,
      rather than floating in a chip strip. */
-  #playStage .room-frame { align-self: center; }
+  #playStage .room-frame { align-self: start; position: sticky; top: 1rem; }
   .room-frame {
     position: relative; min-height: 250px;
     background:

package/src/services/plan-viz.mjs

@@ -313,6 +313,10 @@ main { max-width: 880px; margin: 0 auto; padding: 1.4rem 1rem 3rem; }
 h1 { font-size: 1.15rem; margin: 0 0 .8rem; }
 .chip { font-family: ${MONO_STACK}; font-size: .68rem; color: var(--muted); border: 1px solid var(--line); border-radius: 99px; padding: .12rem .55rem; }
 .stage { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 1rem; }
+/* grid items refuse to shrink below their content's min-width by default, so
+   the 640px board would stretch the track and the whole page with it on a
+   phone — let the items shrink and the boardwrap scroll instead. */
+.stage > * { min-width: 0; }
 @media (max-width: 660px) { .stage { grid-template-columns: 1fr; } }
 .boardwrap { overflow-x: auto; }
 .board { position: relative; width: ${BOARD_W}px; height: ${BOARD_H}px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; }

package/src/services/spider-fly-viz.mjs

@@ -311,7 +311,7 @@ ${THEME_TOKENS_CSS}
      in the light. Decoration only — the 10x10 game grid itself is drawn by
      drawBoard() on the canvas beneath, unchanged. */
   .board-frame {
-    margin: 1.2rem auto 0;
+    margin: 0 auto;
     position: relative; width: ${BOARD_PX}px; max-width: 100%; aspect-ratio: 1 / 1;
     background:
       radial-gradient(140% 140% at 6% 6%, rgba(255, 241, 199, .55), transparent 52%),
@@ -338,6 +338,7 @@ ${THEME_TOKENS_CSS}
   .sprite.corpse { filter: grayscale(1); opacity: .38; pointer-events: none; }
   .sprite.corpse .sprite-face { transform: none !important; }
   .thread-tip { position: absolute; transform: translate(-50%, -130%); font-family: ${MONO_STACK}; font-size: .68rem; background: var(--ink); color: var(--bg); padding: .1rem .4rem; border-radius: 3px; pointer-events: none; white-space: nowrap; display: none; }
+  .stage-left { display: flex; flex-direction: column; gap: 1.2rem; min-width: 0; }
   .side { display: flex; flex-direction: column; gap: .8rem; min-width: 0; }
   /* The console panel shell: a raised beveled plastic face (chrome-shadow-
      raised), never the flat card/hairline the rest of the site uses — the
@@ -448,7 +449,7 @@ ${THEME_TOKENS_CSS}
   .status { font-family: ${MONO_STACK}; font-size: .74rem; color: var(--muted); margin-top: .5rem; padding-left: .5rem; border-left: 2px solid var(--chrome-brass); }
   body.preview .side, body.preview .controls-row, body.preview .status, body.preview .tuning { display: none; }
   body.preview main { padding: 0; max-width: none; }
-  body.preview .stage { display: none; }
+  body.preview .stage, body.preview .stage-left { display: block; }
   body.preview .board-frame { margin: 0; }
   body.preview .eyebrow, body.preview h1 { display: none; }
 </style>
@@ -458,6 +459,7 @@ ${THEME_TOKENS_CSS}
   <div class="eyebrow">tmct &middot; spider and fly</div>
   <h1>A spider in its web, a fly on the board — each planning against the other</h1>
   <div class="stage">
+    <div class="stage-left">
     <div class="tuning" id="tuning">
       <h2>live tuning &mdash; mass loss, spawn rate, vision, per class</h2>
       <div class="tuning-grid">
@@ -481,6 +483,13 @@ ${THEME_TOKENS_CSS}
         </div>
       </div>
     </div>
+    <div class="board-frame" id="boardFrame">
+      <canvas id="board" width="${BOARD_PX}" height="${BOARD_PX}" aria-label="the 10x10 board"></canvas>
+      <canvas id="pov" width="${BOARD_PX}" height="${BOARD_PX}" aria-hidden="true"></canvas>
+      <div class="sprite-layer" id="spriteLayer"></div>
+      <div class="thread-tip" id="threadTip"></div>
+    </div>
+    </div>
     <aside class="side" aria-label="Chat and agents">
       <div class="chat">
         <h2>tell the spider or the fly something</h2>
@@ -505,12 +514,6 @@ ${THEME_TOKENS_CSS}
       </div>
     </aside>
   </div>
-  <div class="board-frame" id="boardFrame">
-    <canvas id="board" width="${BOARD_PX}" height="${BOARD_PX}" aria-label="the 10x10 board"></canvas>
-    <canvas id="pov" width="${BOARD_PX}" height="${BOARD_PX}" aria-hidden="true"></canvas>
-    <div class="sprite-layer" id="spriteLayer"></div>
-    <div class="thread-tip" id="threadTip"></div>
-  </div>
   <div class="controls-row">
     <button id="resetBtn" type="button" disabled>reset</button>
     <button id="playBtn" type="button" disabled>&#9654; play</button>