Merge pull request #22 from plotflow/claude/artwork-sales-website-01JWP9tY4m4hfX8WyoEQZ1kU

console: remove command journal; artwork takes the full sheet

Author: ddyson1

index.html

@@ -102,12 +102,6 @@ <h5>MACHINE STATE · <b>PLOTTING</b></h5>
       </div>
       <div class="ft"><span>PEN-UP TRAVEL</span><span>SIMULATED ON SHEET</span></div>
     </aside>
-
-    <!-- command journal — translucent terminal over the sheet -->
-    <div class="pf-term">
-      <div class="hd"><span>COMMAND JOURNAL — pyaxidraw interactive</span><span class="sp"></span><span>67% · J</span></div>
-      <pre id="pfTermBody"></pre>
-    </div>
   </div>
 </section>
 <div class="pf-status">

scripts/plotter.js

@@ -33,8 +33,7 @@
                      // derived from the real plot time (≈ x45–x60)
   var INK = '#e8351f';
   var cur, len = 1, drawn = 0, painted = 0, playing = true, speed = 1, mmPerUnit = 1, totalMin = 1;
-  var termBody = $('pfTermBody');           // command journal (homepage only)
-  var polys = [], strokes = [], termIdx = -1;   // parsed geometry + journal cursor
+  var polys = [];   // parsed polylines for the fast full-draw pass
   var vb = { x: 0, y: 0, w: 1, h: 1 };
   var tf = { s: 1, ox: 0, oy: 0, dpr: 1, ready: false };
   var prevPt = null;
@@ -141,25 +140,15 @@
     len = ppath.getTotalLength(); if (!len || !isFinite(len)) len = 1;
     var md = Math.max(vb.w, vb.h);
     mmPerUnit = 420 / md;                 // longest side ≈ 420mm
-    // parse the raw path once: polylines for fast full-draw, stroke table
-    // (start/end/len/cumulative draw length) for the command journal
-    polys = []; strokes = []; termIdx = -1;
-    if (termBody) termBody.textContent = '';
+    // parse the raw path once: polylines for the fast full-draw pass
+    polys = [];
     (function () {
       var re = /([ML])\s*(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?)/g, m, curP = null;
       while ((m = re.exec(cur.d)) !== null) {
         var x = +m[2], y = +m[3];
         if (m[1] === 'M') { curP = [[x, y]]; polys.push(curP); }
         else if (curP) curP.push([x, y]);
       }
-      var cum = 0;
-      for (var i = 0; i < polys.length; i++) {
-        var pl = polys[i], L = 0;
-        for (var j = 0; j < pl.length - 1; j++)
-          L += Math.hypot(pl[j+1][0]-pl[j][0], pl[j+1][1]-pl[j][1]);
-        cum += L;
-        strokes.push({ sx: pl[0][0], sy: pl[0][1], len: L, cum: cum });
-      }
     })();
     var st = pathStats(cur.d);
     totalMin = (st.draw * mmPerUnit) / FEED
@@ -183,7 +172,6 @@
     if (!tf.ready) resetCanvas();   // self-heal if the bed wasn't laid out yet
     var p = drawn / len;
     paintTo(drawn);
-    updateJournal();
     if (pbar) pbar.style.width = (p * 100) + '%';
     if (pct) pct.textContent = Math.round(p * 100);
     if (ink) ink.textContent = (drawn * mmPerUnit / 1000).toFixed(2);
@@ -217,28 +205,6 @@
     prevPt = lastP ? { x: lastP[0], y: lastP[1] } : null;
   }
 
-  // Command journal — emit pyaxidraw-style lines for the strokes just drawn.
-  function pad4(n) { return String(n).padStart(4, '0'); }
-  function updateJournal() {
-    if (!termBody || !strokes.length) return;
-    var lo = 0, hi = strokes.length - 1, idx = 0;   // first stroke with cum >= drawn
-    while (lo <= hi) { var mid = (lo + hi) >> 1;
-      if (strokes[mid].cum < drawn) { lo = mid + 1; } else { idx = mid; hi = mid - 1; } }
-    if (drawn >= len) idx = strokes.length - 1;
-    if (idx === termIdx) return;
-    termIdx = idx;
-    var out = [], from = Math.max(0, idx - 2);
-    for (var k = from; k <= idx; k++) {
-      var st2 = strokes[k];
-      out.push('ad.penup()                       z=+1');
-      out.push('ad.moveto(' + (st2.sx * mmPerUnit).toFixed(2) + ', ' + (st2.sy * mmPerUnit).toFixed(2) + ')     travel');
-      out.push('ad.pendown()                     z=-1 · nib 0.30 mm');
-      out.push('ad.lineto(…)                     stroke ' + pad4(k + 1) + '/' + strokes.length + ' · ' + (st2.len * mmPerUnit).toFixed(1) + ' mm');
-    }
-    out.push(drawn >= len ? 'ad.penup()                       z=+1 · job complete' : '_');
-    termBody.textContent = out.join('\n');
-  }
-
   // Re-fit + repaint the current progress when the bed changes size.
   function refit() { resetCanvas(); if (drawn >= len) fastPaintAll(); else paintTo(drawn); }
   window.addEventListener('resize', refit);

styles/console.css

@@ -74,15 +74,13 @@
 .pf-stage{position:relative;padding:16px;min-height:0;overflow:hidden;
   background:radial-gradient(1100px 640px at 55% 42%,#4d5045 0%,#383b31 72%)}
 .pf-stage .bed{position:absolute;inset:16px;width:auto;max-height:none;aspect-ratio:auto;overflow:hidden}
-/* leave paper margins for the labels and reserve the right side for the
-   LIVE PLOT card + journal so the artwork sits clear of them. svg/canvas
-   are replaced elements, so insets alone don't size them (the svg falls
-   back to its viewBox aspect and spills off the sheet) — give the box
-   explicit width/height. canvas & svg share it so the pen stays aligned */
+/* the artwork gets the whole sheet (paper margins only) and the LIVE PLOT
+   card overlays its corner, PlotGrid-style. svg/canvas are replaced
+   elements, so insets alone don't size them (the svg falls back to its
+   viewBox aspect and spills off the sheet) — give the box explicit
+   width/height. canvas & svg share it so the pen stays aligned */
 .pf-stage #pcanvas,.pf-stage #stage{left:44px;top:44px;
-  width:calc(100% - 374px);height:calc(100% - 88px)}
-@media(max-width:1280px){.pf-stage #pcanvas,.pf-stage #stage{left:40px;
-  width:calc(100% - 340px)}}
+  width:calc(100% - 88px);height:calc(100% - 88px)}
 .pf-stage .bed .bl{left:16px;transform:none}
 .pf-view{position:absolute;top:8px;right:16px;z-index:3;font-weight:700;font-size:8px;
   letter-spacing:.16em;text-transform:uppercase;color:#a99a76}
@@ -139,18 +137,6 @@
   .pf-job{display:none}
 }
 
-/* command journal — PlotGrid's translucent terminal, bottom-right of the sheet */
-.pf-term{position:absolute;right:34px;bottom:30px;z-index:8;width:470px;
-  background:rgba(24,29,19,.68);border:1px solid rgba(123,224,138,.30);
-  color:#7be08a;font-family:'Liberation Mono','Courier New',monospace;
-  transition:background .25s ease}
-.pf-term:hover{background:rgba(24,29,19,.94)}
-.pf-term .hd{display:flex;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(123,224,138,.24);
-  font-size:9.5px;font-weight:700;letter-spacing:.12em}
-.pf-term .hd .sp{flex:1}
-.pf-term pre{margin:0;padding:9px 12px;font-size:10.5px;line-height:1.75;min-height:212px;
-  white-space:pre-wrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}
-@media(max-width:940px){.pf-term{display:none}}
 
 /* ============================================================
    EDITION QUEUE — the shop grid as the console's job list