@h-rig/cli 0.0.6-alpha.82 → 0.0.6-alpha.84

package/dist/src/app-opentui/render/ascii-fleet.d.ts

@@ -0,0 +1,15 @@
+export declare const FLEET_GRID_WIDTH = 52;
+export declare const FLEET_GRID_HEIGHT = 27;
+export type FleetSprite = {
+    readonly art: readonly string[];
+    readonly x: number;
+    readonly y: number;
+    readonly amp: number;
+    readonly speed: number;
+    readonly phase: number;
+    readonly dx: number;
+    readonly driftSpeed: number;
+};
+export declare function fleetRows(tick: number, options?: {
+    readonly animate?: boolean;
+}): string[];

package/dist/src/app-opentui/render/ascii-fleet.js

@@ -0,0 +1,82 @@
+// @bun
+// packages/cli/src/app-opentui/render/ascii-fleet.ts
+var LEAD_DRONE = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var MINI_DRONE = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var ROTORS = ["---", "\\\\\\", "|||", "///"];
+var FLEET_GRID_WIDTH = 52;
+var FLEET_GRID_HEIGHT = 27;
+var FLEET = [
+  { art: MINI_DRONE, x: 0, y: 2, amp: 1, speed: 0.05, phase: 0, dx: 1, driftSpeed: 0.02 },
+  { art: MINI_DRONE, x: 39, y: 2, amp: 1, speed: 0.044, phase: 2.1, dx: 1, driftSpeed: 0.017 },
+  { art: MINI_DRONE, x: 1, y: 20, amp: 1, speed: 0.048, phase: 4.2, dx: 1, driftSpeed: 0.023 },
+  { art: MINI_DRONE, x: 38, y: 20, amp: 1, speed: 0.041, phase: 1.3, dx: 1, driftSpeed: 0.015 },
+  { art: LEAD_DRONE, x: 10, y: 5, amp: 2, speed: 0.04, phase: 0, dx: 0, driftSpeed: 0.011 }
+];
+function fleetRows(tick, options = {}) {
+  const animate = options.animate ?? true;
+  const t = animate ? tick : 0;
+  const blade = ROTORS[Math.floor(t / 4) % ROTORS.length];
+  const pulse = Math.sin(t * 0.07);
+  const eye = pulse > 0.45 ? "@" : pulse > -0.1 ? "o" : ".";
+  const grid = Array.from({ length: FLEET_GRID_HEIGHT }, () => Array.from({ length: FLEET_GRID_WIDTH }, () => " "));
+  for (const drone of FLEET) {
+    const yOffset = drone.y + Math.round(drone.amp * Math.sin(t * drone.speed + drone.phase));
+    const xOffset = drone.x + Math.round(drone.dx * Math.sin(t * drone.driftSpeed + drone.phase));
+    for (let row = 0;row < drone.art.length; row += 1) {
+      const source = drone.art[row];
+      const targetY = yOffset + row;
+      if (targetY < 0 || targetY >= FLEET_GRID_HEIGHT)
+        continue;
+      for (let col = 0;col < source.length; col += 1) {
+        let char = source[col];
+        if (char === " ")
+          continue;
+        const targetX = xOffset + col;
+        if (targetX < 0 || targetX >= FLEET_GRID_WIDTH)
+          continue;
+        if (source.slice(col, col + 3) === "!!!") {
+          for (let rotorIndex = 0;rotorIndex < 3; rotorIndex += 1) {
+            if (targetX + rotorIndex < FLEET_GRID_WIDTH)
+              grid[targetY][targetX + rotorIndex] = blade[rotorIndex];
+          }
+          col += 2;
+          continue;
+        }
+        if (char === "?")
+          char = eye;
+        grid[targetY][targetX] = char;
+      }
+    }
+  }
+  return grid.map((row) => row.join("").replace(/\s+$/, ""));
+}
+export {
+  fleetRows,
+  FLEET_GRID_WIDTH,
+  FLEET_GRID_HEIGHT
+};

package/dist/src/app-opentui/render/constants.d.ts

@@ -0,0 +1,31 @@
+export declare const LCG_MULTIPLIER = 1664525;
+export declare const LCG_INCREMENT = 1013904223;
+export declare const LCG_DIVISOR = 4294967295;
+export declare const PACKET_CYAN_PROBABILITY = 0.22;
+export declare const LANE_INTERP_STEPS = 32;
+export declare const LANE_LEN_BASE = 0.32;
+export declare const LANE_LEN_SPREAD = 0.42;
+export declare const LANE_CURVE_RANGE = 0.7;
+export declare const PACKET_SPEED_BASE = 0.003;
+export declare const PACKET_SPEED_SPREAD = 0.009;
+export declare const DISPATCH_LANES_COMPACT = 7;
+export declare const DISPATCH_LANES_WIDE = 12;
+export declare const DISPATCH_PACKETS_COMPACT = 70;
+export declare const DISPATCH_PACKETS_WIDE = 150;
+export declare const CARRIER_NODES_COMPACT = 5;
+export declare const CARRIER_NODES_WIDE = 7;
+export declare const LOOP_GATES_COMPACT = 4;
+export declare const LOOP_GATES_WIDE = 5;
+export declare const DISPATCH_DRONES_COMPACT = 4;
+export declare const DISPATCH_DRONES_WIDE = 8;
+export declare const CORE_DISPATCH_X = 0.3;
+export declare const CORE_DISPATCH_Y = 0.45;
+export declare const CORE_CARRIER_X = 0.5;
+export declare const CORE_CARRIER_Y = 0.54;
+export declare const CORE_LOOP_X = 0.09;
+export declare const CORE_LOOP_Y = 0.56;
+export declare const RAIL_YS_LOOP: readonly [0.18, 0.5, 0.82];
+export declare const RAIL_YS_CARRIER: readonly [0.24, 0.54, 0.82];
+export declare const RAIL_YS_DISPATCH: readonly [0.18, 0.58, 0.82];
+export declare const GLOW_FALLOFF_EXP_ASCII = 2.2;
+export declare const GLOW_FALLOFF_EXP_IMAGE = 2.4;

package/dist/src/app-opentui/render/constants.js

@@ -0,0 +1,66 @@
+// @bun
+// packages/cli/src/app-opentui/render/constants.ts
+var LCG_MULTIPLIER = 1664525;
+var LCG_INCREMENT = 1013904223;
+var LCG_DIVISOR = 4294967295;
+var PACKET_CYAN_PROBABILITY = 0.22;
+var LANE_INTERP_STEPS = 32;
+var LANE_LEN_BASE = 0.32;
+var LANE_LEN_SPREAD = 0.42;
+var LANE_CURVE_RANGE = 0.7;
+var PACKET_SPEED_BASE = 0.003;
+var PACKET_SPEED_SPREAD = 0.009;
+var DISPATCH_LANES_COMPACT = 7;
+var DISPATCH_LANES_WIDE = 12;
+var DISPATCH_PACKETS_COMPACT = 70;
+var DISPATCH_PACKETS_WIDE = 150;
+var CARRIER_NODES_COMPACT = 5;
+var CARRIER_NODES_WIDE = 7;
+var LOOP_GATES_COMPACT = 4;
+var LOOP_GATES_WIDE = 5;
+var DISPATCH_DRONES_COMPACT = 4;
+var DISPATCH_DRONES_WIDE = 8;
+var CORE_DISPATCH_X = 0.3;
+var CORE_DISPATCH_Y = 0.45;
+var CORE_CARRIER_X = 0.5;
+var CORE_CARRIER_Y = 0.54;
+var CORE_LOOP_X = 0.09;
+var CORE_LOOP_Y = 0.56;
+var RAIL_YS_LOOP = [0.18, 0.5, 0.82];
+var RAIL_YS_CARRIER = [0.24, 0.54, 0.82];
+var RAIL_YS_DISPATCH = [0.18, 0.58, 0.82];
+var GLOW_FALLOFF_EXP_ASCII = 2.2;
+var GLOW_FALLOFF_EXP_IMAGE = 2.4;
+export {
+  RAIL_YS_LOOP,
+  RAIL_YS_DISPATCH,
+  RAIL_YS_CARRIER,
+  PACKET_SPEED_SPREAD,
+  PACKET_SPEED_BASE,
+  PACKET_CYAN_PROBABILITY,
+  LOOP_GATES_WIDE,
+  LOOP_GATES_COMPACT,
+  LCG_MULTIPLIER,
+  LCG_INCREMENT,
+  LCG_DIVISOR,
+  LANE_LEN_SPREAD,
+  LANE_LEN_BASE,
+  LANE_INTERP_STEPS,
+  LANE_CURVE_RANGE,
+  GLOW_FALLOFF_EXP_IMAGE,
+  GLOW_FALLOFF_EXP_ASCII,
+  DISPATCH_PACKETS_WIDE,
+  DISPATCH_PACKETS_COMPACT,
+  DISPATCH_LANES_WIDE,
+  DISPATCH_LANES_COMPACT,
+  DISPATCH_DRONES_WIDE,
+  DISPATCH_DRONES_COMPACT,
+  CORE_LOOP_Y,
+  CORE_LOOP_X,
+  CORE_DISPATCH_Y,
+  CORE_DISPATCH_X,
+  CORE_CARRIER_Y,
+  CORE_CARRIER_X,
+  CARRIER_NODES_WIDE,
+  CARRIER_NODES_COMPACT
+};

package/dist/src/app-opentui/render/graphics.d.ts

@@ -3,6 +3,7 @@ import type { StageLayout } from "../layout";
 import type { AppSceneId, AppScenePanel } from "../types";
 export type RigGraphicsLayer = FrameBufferRenderable & {
     __rigMarketingCanvas?: MarketingGlyphCanvas;
+    __rigAmbientKey?: string;
 };
 declare class MarketingGlyphCanvas {
     private rand;
@@ -34,6 +35,6 @@ export declare function createGraphicsLayer(renderer: CliRenderer, layout: Stage
 export declare function resizeGraphicsLayer(layer: RigGraphicsLayer, layout: StageLayout): void;
 export declare function clearGraphicsLayer(layer: RigGraphicsLayer): void;
 export declare function drawPanelChrome(layer: RigGraphicsLayer, layout: StageLayout, panels: readonly AppScenePanel[]): void;
-export declare function drawAmbientField(layer: RigGraphicsLayer, layout: StageLayout, tick: number, scene?: AppSceneId): void;
+export declare function drawAmbientField(layer: RigGraphicsLayer, layout: StageLayout, _tick: number, scene?: AppSceneId, load?: number, activeRuns?: number): void;
 export declare function drawSparkline(layer: RigGraphicsLayer, x: number, y: number, values: readonly number[], color?: RGBA): void;
 export {};

package/dist/src/app-opentui/render/graphics.js

@@ -14,15 +14,17 @@ var RIG_UI = {
   bg: "#070809",
   bg2: "#0b0c0e",
   panel: "#101115",
-  panel2: "#101115",
-  glass: "#14161b",
-  ink: "#f2f3f6",
-  ink2: "#aeb0ba",
-  ink3: "#6c6e79",
-  ink4: "#44464f",
+  panel2: "#14161b",
+  glass: "#1e2230",
+  border: "#2a2e3a",
+  ink: "#f4f5f8",
+  ink2: "#c7c9d3",
+  ink3: "#9aa0ae",
+  ink4: "#787b86",
   lime: "#ccff4d",
   limeDim: "#a9d63f",
   cyan: "#56d8ff",
+  cyanDim: "#3f9fbd",
   red: "#ff5d5d",
   yellow: "#ffd24d",
   magenta: "#ff79b0"
@@ -40,7 +42,134 @@ var styles = {
   magenta: otuiFg(RIG_UI.magenta)
 };
 
+// packages/cli/src/app-opentui/render/ascii-fleet.ts
+var LEAD_DRONE = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var MINI_DRONE = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var ROTORS = ["---", "\\\\\\", "|||", "///"];
+var FLEET_GRID_WIDTH = 52;
+var FLEET_GRID_HEIGHT = 27;
+var FLEET = [
+  { art: MINI_DRONE, x: 0, y: 2, amp: 1, speed: 0.05, phase: 0, dx: 1, driftSpeed: 0.02 },
+  { art: MINI_DRONE, x: 39, y: 2, amp: 1, speed: 0.044, phase: 2.1, dx: 1, driftSpeed: 0.017 },
+  { art: MINI_DRONE, x: 1, y: 20, amp: 1, speed: 0.048, phase: 4.2, dx: 1, driftSpeed: 0.023 },
+  { art: MINI_DRONE, x: 38, y: 20, amp: 1, speed: 0.041, phase: 1.3, dx: 1, driftSpeed: 0.015 },
+  { art: LEAD_DRONE, x: 10, y: 5, amp: 2, speed: 0.04, phase: 0, dx: 0, driftSpeed: 0.011 }
+];
+function fleetRows(tick, options = {}) {
+  const animate = options.animate ?? true;
+  const t2 = animate ? tick : 0;
+  const blade = ROTORS[Math.floor(t2 / 4) % ROTORS.length];
+  const pulse = Math.sin(t2 * 0.07);
+  const eye = pulse > 0.45 ? "@" : pulse > -0.1 ? "o" : ".";
+  const grid = Array.from({ length: FLEET_GRID_HEIGHT }, () => Array.from({ length: FLEET_GRID_WIDTH }, () => " "));
+  for (const drone of FLEET) {
+    const yOffset = drone.y + Math.round(drone.amp * Math.sin(t2 * drone.speed + drone.phase));
+    const xOffset = drone.x + Math.round(drone.dx * Math.sin(t2 * drone.driftSpeed + drone.phase));
+    for (let row = 0;row < drone.art.length; row += 1) {
+      const source = drone.art[row];
+      const targetY = yOffset + row;
+      if (targetY < 0 || targetY >= FLEET_GRID_HEIGHT)
+        continue;
+      for (let col = 0;col < source.length; col += 1) {
+        let char = source[col];
+        if (char === " ")
+          continue;
+        const targetX = xOffset + col;
+        if (targetX < 0 || targetX >= FLEET_GRID_WIDTH)
+          continue;
+        if (source.slice(col, col + 3) === "!!!") {
+          for (let rotorIndex = 0;rotorIndex < 3; rotorIndex += 1) {
+            if (targetX + rotorIndex < FLEET_GRID_WIDTH)
+              grid[targetY][targetX + rotorIndex] = blade[rotorIndex];
+          }
+          col += 2;
+          continue;
+        }
+        if (char === "?")
+          char = eye;
+        grid[targetY][targetX] = char;
+      }
+    }
+  }
+  return grid.map((row) => row.join("").replace(/\s+$/, ""));
+}
+
+// packages/cli/src/app-opentui/render/panel-layout.ts
+function panelCellRect(layout, panel) {
+  const left = Math.max(0, Math.min(layout.width - 1, layout.centerLeft + (panel.left ?? 0)));
+  const desiredWidth = panel.width ?? layout.centerWidth;
+  const width = Math.max(1, Math.min(layout.width - left, desiredWidth));
+  const top = Math.max(0, Math.min(layout.height - 1, layout.centerTop + panel.top));
+  const height = Math.max(1, Math.min(layout.height - top, panel.height));
+  if (width <= 3 || height <= 3)
+    return null;
+  const right = left + width - 1;
+  const bottom = top + height - 1;
+  const headerHeight = panel.chrome === "ad-terminal" ? Math.max(3, Math.min(height - 2, panel.headerHeight ?? 3)) : 0;
+  const dividerY = headerHeight ? Math.min(bottom - 1, top + headerHeight) : top;
+  return { left, top, width, height, right, bottom, headerHeight, dividerY };
+}
+
+// packages/cli/src/app-opentui/render/constants.ts
+var LCG_MULTIPLIER = 1664525;
+var LCG_INCREMENT = 1013904223;
+var LCG_DIVISOR = 4294967295;
+var PACKET_CYAN_PROBABILITY = 0.22;
+var LANE_INTERP_STEPS = 32;
+var LANE_LEN_BASE = 0.32;
+var LANE_LEN_SPREAD = 0.42;
+var LANE_CURVE_RANGE = 0.7;
+var PACKET_SPEED_BASE = 0.003;
+var PACKET_SPEED_SPREAD = 0.009;
+var DISPATCH_LANES_COMPACT = 7;
+var DISPATCH_LANES_WIDE = 12;
+var DISPATCH_PACKETS_COMPACT = 70;
+var DISPATCH_PACKETS_WIDE = 150;
+var CARRIER_NODES_COMPACT = 5;
+var CARRIER_NODES_WIDE = 7;
+var LOOP_GATES_COMPACT = 4;
+var LOOP_GATES_WIDE = 5;
+var DISPATCH_DRONES_COMPACT = 4;
+var DISPATCH_DRONES_WIDE = 8;
+var CORE_DISPATCH_X = 0.3;
+var CORE_DISPATCH_Y = 0.45;
+var CORE_CARRIER_X = 0.5;
+var CORE_CARRIER_Y = 0.54;
+var CORE_LOOP_X = 0.09;
+var CORE_LOOP_Y = 0.56;
+var RAIL_YS_LOOP = [0.18, 0.5, 0.82];
+var RAIL_YS_CARRIER = [0.24, 0.54, 0.82];
+var RAIL_YS_DISPATCH = [0.18, 0.58, 0.82];
+var GLOW_FALLOFF_EXP_ASCII = 2.2;
+
 // packages/cli/src/app-opentui/render/graphics.ts
+var BRAILLE_SAMPLES_X = 2;
+var BRAILLE_SAMPLES_Y = 4;
 var TRANSPARENT = RGBA.fromValues(0, 0, 0, 0);
 var BACKDROP = RGBA.fromHex(RIG_UI.bg);
 var PANEL_BG = RGBA.fromInts(16, 17, 21, 184);
@@ -68,8 +197,8 @@ function sceneKind(scene) {
 function seeded(seed) {
   let value = seed >>> 0;
   return () => {
-    value = value * 1664525 + 1013904223 >>> 0;
-    return value / 4294967295;
+    value = value * LCG_MULTIPLIER + LCG_INCREMENT >>> 0;
+    return value / LCG_DIVISOR;
   };
 }
 function channelBuffer(canvas, channel) {
@@ -122,7 +251,7 @@ function drawGlow(canvas, channel, cx, cy, radius, value) {
       const distance = Math.sqrt(dx * dx + dy * dy);
       if (distance > radius)
         continue;
-      const falloff = Math.pow(1 - distance / Math.max(0.001, radius), 2.2);
+      const falloff = Math.pow(1 - distance / Math.max(0.001, radius), GLOW_FALLOFF_EXP_ASCII);
       addSample(canvas, channel, x, y, value * falloff);
     }
   }
@@ -161,8 +290,8 @@ function clearCanvas(canvas) {
   canvas.ink.fill(0);
 }
 function makeCanvas(layout) {
-  const width = Math.max(1, layout.width * 2);
-  const height = Math.max(1, layout.height * 4);
+  const width = Math.max(1, layout.width * BRAILLE_SAMPLES_X);
+  const height = Math.max(1, layout.height * BRAILLE_SAMPLES_Y);
   const size = width * height;
   return {
     width,
@@ -221,12 +350,12 @@ class MarketingGlyphCanvas {
       this.setupCarrier();
   }
   setupDispatch() {
-    const count = this.layout.compact ? 7 : 12;
+    const count = this.layout.compact ? DISPATCH_LANES_COMPACT : DISPATCH_LANES_WIDE;
     for (let i = 0;i < count; i += 1) {
       const ang = (-0.9 + 1.8 * (i / Math.max(1, count - 1))) * (Math.PI * 0.5);
-      this.lanes.push({ ang, len: this.canvas.width * (0.32 + this.rand() * 0.42), curve: (this.rand() - 0.5) * 0.7, phase: this.rand() * Math.PI * 2 });
+      this.lanes.push({ ang, len: this.canvas.width * (LANE_LEN_BASE + this.rand() * LANE_LEN_SPREAD), curve: (this.rand() - 0.5) * LANE_CURVE_RANGE, phase: this.rand() * Math.PI * 2 });
     }
-    const packets = this.layout.compact ? 70 : 150;
+    const packets = this.layout.compact ? DISPATCH_PACKETS_COMPACT : DISPATCH_PACKETS_WIDE;
     for (let i = 0;i < packets; i += 1)
       this.packets.push(this.packet(true));
   }
@@ -236,7 +365,7 @@ class MarketingGlyphCanvas {
       this.packets.push(this.packet(true));
   }
   setupCarrier() {
-    const nodes = this.layout.compact ? 5 : 7;
+    const nodes = this.layout.compact ? CARRIER_NODES_COMPACT : CARRIER_NODES_WIDE;
     for (let i = 0;i < nodes * 6; i += 1)
       this.packets.push(this.packet(true));
   }
@@ -244,18 +373,18 @@ class MarketingGlyphCanvas {
     return {
       lane: Math.floor(this.rand() * Math.max(1, this.lanes.length || 7)),
       p: random ? this.rand() : 0,
-      spd: 0.003 + this.rand() * 0.009,
-      channel: this.rand() < 0.22 ? 1 : 0,
+      spd: PACKET_SPEED_BASE + this.rand() * PACKET_SPEED_SPREAD,
+      channel: this.rand() < PACKET_CYAN_PROBABILITY ? 1 : 0,
       wobble: (this.rand() - 0.5) * 7,
       size: 0.8 + this.rand() * 1.3
     };
   }
   core(kind) {
     if (kind === "dispatch")
-      return { x: this.canvas.width * 0.3, y: this.canvas.height * 0.45 };
+      return { x: this.canvas.width * CORE_DISPATCH_X, y: this.canvas.height * CORE_DISPATCH_Y };
     if (kind === "carrier")
-      return { x: this.canvas.width * 0.5, y: this.canvas.height * 0.54 };
-    return { x: this.canvas.width * 0.09, y: this.canvas.height * 0.56 };
+      return { x: this.canvas.width * CORE_CARRIER_X, y: this.canvas.height * CORE_CARRIER_Y };
+    return { x: this.canvas.width * CORE_LOOP_X, y: this.canvas.height * CORE_LOOP_Y };
   }
   lanePoint(lane, p, kind = "dispatch") {
     const core = this.core(kind);
@@ -275,7 +404,7 @@ class MarketingGlyphCanvas {
     }
   }
   drawMarketingRails(kind, tick) {
-    const ys = kind === "loop" ? [0.18, 0.5, 0.82] : kind === "carrier" ? [0.24, 0.54, 0.82] : [0.18, 0.58, 0.82];
+    const ys = kind === "loop" ? RAIL_YS_LOOP : kind === "carrier" ? RAIL_YS_CARRIER : RAIL_YS_DISPATCH;
     ys.forEach((ratio, index) => {
       const y = this.canvas.height * ratio + Math.sin(tick * 0.018 + index) * 1.8;
       drawLine(this.canvas, index === 1 ? 0 : 1, this.canvas.width * 0.06, y, this.canvas.width * 0.94, y + Math.sin(index) * 2, index === 1 ? 0.11 : 0.07, 0.55);
@@ -292,8 +421,8 @@ class MarketingGlyphCanvas {
     drawDot(this.canvas, 0, core.x, core.y, 2.2, 0.85);
     for (const lane of this.lanes) {
       let prev = this.lanePoint(lane, 0);
-      for (let i = 1;i <= 32; i += 1) {
-        const next = this.lanePoint(lane, i / 32);
+      for (let i = 1;i <= LANE_INTERP_STEPS; i += 1) {
+        const next = this.lanePoint(lane, i / LANE_INTERP_STEPS);
         drawLine(this.canvas, lane.phase > Math.PI ? 1 : 0, prev.x, prev.y, next.x, next.y, 0.045, 0.38);
         prev = next;
       }
@@ -312,7 +441,7 @@ class MarketingGlyphCanvas {
       drawDot(this.canvas, packet.channel, pt.x, y, packet.size, 0.5 * fade);
       drawGlow(this.canvas, packet.channel, pt.x, y, packet.size * 4, 0.045 * fade);
     }
-    for (let i = 0;i < (this.layout.compact ? 4 : 8); i += 1) {
+    for (let i = 0;i < (this.layout.compact ? DISPATCH_DRONES_COMPACT : DISPATCH_DRONES_WIDE); i += 1) {
       const lane = this.lanes[i % Math.max(1, this.lanes.length)];
       if (!lane)
         continue;
@@ -326,7 +455,7 @@ class MarketingGlyphCanvas {
     const x0 = this.canvas.width * 0.09;
     const x1 = this.canvas.width * 0.91;
     drawLine(this.canvas, 0, x0, y, x1, y, 0.12, 0.55);
-    const gates = this.layout.compact ? 4 : 5;
+    const gates = this.layout.compact ? LOOP_GATES_COMPACT : LOOP_GATES_WIDE;
     const active = Math.floor(tick / 16) % gates;
     for (let i = 0;i < gates; i += 1) {
       const x = x0 + (x1 - x0) * (i / Math.max(1, gates - 1));
@@ -354,7 +483,7 @@ class MarketingGlyphCanvas {
     drawGlow(this.canvas, 0, core.x, core.y, 26, 0.12);
     drawDot(this.canvas, 0, core.x, core.y, 2.4, 0.92);
     drawCircleStroke(this.canvas, 0, core.x, core.y, 8 + Math.sin(tick * 0.06) * 2, 0.14);
-    const nodes = this.layout.compact ? 5 : 7;
+    const nodes = this.layout.compact ? CARRIER_NODES_COMPACT : CARRIER_NODES_WIDE;
     const rx = this.canvas.width * 0.36;
     const ry = this.canvas.height * 0.22;
     for (let i = 0;i < nodes; i += 1) {
@@ -409,10 +538,10 @@ class MarketingGlyphCanvas {
         let c2Sum = 0;
         let mgSum = 0;
         let inkSum = 0;
-        for (let sy = 0;sy < 4; sy += 1) {
-          for (let sx = 0;sx < 2; sx += 1) {
-            const px = cx * 2 + sx;
-            const py = cy * 4 + sy;
+        for (let sy = 0;sy < BRAILLE_SAMPLES_Y; sy += 1) {
+          for (let sx = 0;sx < BRAILLE_SAMPLES_X; sx += 1) {
+            const px = cx * BRAILLE_SAMPLES_X + sx;
+            const py = cy * BRAILLE_SAMPLES_Y + sy;
             if (px >= width || py >= height)
               continue;
             const index = py * width + px;
@@ -460,14 +589,7 @@ function resizeGraphicsLayer(layer, layout) {
 }
 function clearGraphicsLayer(layer) {
   layer.frameBuffer.clear(BACKDROP);
-}
-function panelRect(layout, panel) {
-  const left = Math.max(0, Math.min(layout.width - 1, layout.centerLeft + (panel.left ?? 0)));
-  const desiredWidth = panel.width ?? layout.centerWidth;
-  const width = Math.max(1, Math.min(layout.width - left, desiredWidth));
-  const top = Math.max(0, Math.min(layout.height - 1, layout.centerTop + panel.top));
-  const height = Math.max(1, Math.min(layout.height - top, panel.height));
-  return width > 3 && height > 3 ? { left, top, width, height } : null;
+  layer.__rigAmbientKey = undefined;
 }
 function writeCell(layer, x, y, char, fg, bg) {
   layer.frameBuffer.setCellWithAlphaBlending(x, y, char, fg, bg);
@@ -491,14 +613,10 @@ function drawRoundedFill(layer, left, top, right, bottom, dividerY) {
   drawCornerCut(layer, right, bottom, "\u2598", PANEL_BG);
 }
 function drawAdTerminalPanel(layer, layout, panel) {
-  const rect = panelRect(layout, panel);
+  const rect = panelCellRect(layout, panel);
   if (!rect)
     return;
-  const { left, top, width, height } = rect;
-  const right = left + width - 1;
-  const bottom = top + height - 1;
-  const headerHeight = Math.max(3, Math.min(height - 2, panel.headerHeight ?? 3));
-  const dividerY = Math.min(bottom - 1, top + headerHeight);
+  const { left, top, width, right, bottom, headerHeight, dividerY } = rect;
   drawRoundedFill(layer, left, top, right, bottom, dividerY);
   if (dividerY > top && dividerY < bottom) {
     for (let x = left + 2;x < right - 1; x += 1) {
@@ -517,8 +635,72 @@ function drawPanelChrome(layer, layout, panels) {
       drawAdTerminalPanel(layer, layout, panel);
   }
 }
-function drawAmbientField(layer, layout, tick, scene = "fleet") {
-  layer.__rigMarketingCanvas?.render(layer, scene, tick);
+function staticFleetTick(scene) {
+  let hash = 0;
+  for (let index = 0;index < scene.length; index += 1)
+    hash = hash * 33 + scene.charCodeAt(index) >>> 0;
+  return 11 + hash % 97;
+}
+function withAlpha(hex, alpha) {
+  const a = Math.max(0, Math.min(255, Math.round(alpha * 255)));
+  const [r, g, b] = RGBA.fromHex(hex).toInts();
+  return RGBA.fromInts(r, g, b, a);
+}
+function asciiFleetColor(char, row, alpha) {
+  if (char === "@" || char === "$" || char === "o")
+    return withAlpha(RIG_UI.lime, alpha);
+  if (char === "%" || char === "!" || char === "/" || char === "\\" || char === "|")
+    return withAlpha(RIG_UI.cyan, alpha);
+  if (char === "." || char === "'" || char === "_" || row < 3 || row > FLEET_GRID_HEIGHT - 4) {
+    return RGBA.fromInts(108, 110, 121, Math.min(170, Math.max(0, Math.min(255, Math.round(alpha * 255)))));
+  }
+  return withAlpha(RIG_UI.limeDim, alpha);
+}
+var AMBIENT_LOAD_BUCKETS = 5;
+function ambientLoadBucket(load) {
+  if (!Number.isFinite(load))
+    return 0;
+  return Math.max(0, Math.min(AMBIENT_LOAD_BUCKETS, Math.round(load * AMBIENT_LOAD_BUCKETS)));
+}
+function drawAmbientField(layer, layout, _tick, scene = "fleet", load = 0, activeRuns = 0) {
+  const bucket = ambientLoadBucket(load);
+  const rows = fleetRows(staticFleetTick(scene), { animate: true });
+  let droneTotal = 0;
+  for (const line of rows)
+    for (const char of line)
+      if (char === "@" || char === "$" || char === "%")
+        droneTotal += 1;
+  const litTarget = Math.max(0, Math.min(droneTotal, Math.floor(activeRuns)));
+  const key = `${layout.width}x${layout.height}|${scene}|l${bucket}|d${litTarget}`;
+  if (layer.__rigAmbientKey === key)
+    return;
+  const fb = layer.frameBuffer;
+  fb.clear(BACKDROP);
+  const left = Math.floor((layout.width - FLEET_GRID_WIDTH) / 2);
+  const top = Math.floor((layout.height - FLEET_GRID_HEIGHT) / 2);
+  const baseAlpha = 0.62 + bucket / AMBIENT_LOAD_BUCKETS * 0.18;
+  let droneIndex = 0;
+  for (let row = 0;row < rows.length; row += 1) {
+    const y = top + row;
+    if (y < 0 || y >= layout.height)
+      continue;
+    const line = rows[row];
+    for (let col = 0;col < line.length; col += 1) {
+      const x = left + col;
+      if (x < 0 || x >= layout.width)
+        continue;
+      const char = line[col];
+      if (char === " ")
+        continue;
+      const isDrone = char === "@" || char === "$" || char === "%";
+      const lit = isDrone && droneIndex < litTarget;
+      if (isDrone)
+        droneIndex += 1;
+      const alpha = lit ? 1 : baseAlpha;
+      fb.setCellWithAlphaBlending(x, y, char, asciiFleetColor(char, row, alpha), TRANSPARENT);
+    }
+  }
+  layer.__rigAmbientKey = key;
 }
 function drawSparkline(layer, x, y, values, color = RGBA.fromHex(RIG_UI.cyan)) {
   const chars = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];