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

package/dist/bin/rig.js

@@ -27666,68 +27666,42 @@ function isTerminalScene(scene) {
 }
 function Backdrop(props) {
   const renderer = useRenderer();
-  const imageRef = useRef(null);
   const graphicsRef = useRef(null);
   useEffect(() => {
-    const imageVisuals = forceModernImageVisuals() ? new ImageVisualLayer(process.stdout, () => renderer.requestRender?.()) : null;
-    if (imageVisuals?.enabled) {
-      imageRef.current = imageVisuals;
-    } else {
-      const layout = computeStageLayout(renderer.width, renderer.height);
-      const graphics = createGraphicsLayer(renderer, layout);
-      renderer.root.add(graphics);
-      graphicsRef.current = graphics;
-    }
+    const layout = computeStageLayout(renderer.width, renderer.height);
+    const graphics = createGraphicsLayer(renderer, layout);
+    renderer.root.add(graphics);
+    graphicsRef.current = graphics;
     return () => {
-      imageRef.current?.destroy();
-      const graphics = graphicsRef.current;
-      if (graphics) {
+      const g = graphicsRef.current;
+      if (g) {
         try {
-          renderer.root.remove(graphics.id);
+          renderer.root.remove(g.id);
         } catch {}
       }
-      imageRef.current = null;
       graphicsRef.current = null;
     };
   }, [renderer]);
   useEffect(() => {
-    const layout = computeStageLayout(renderer.width, renderer.height);
-    const image = imageRef.current;
     const graphics = graphicsRef.current;
+    if (!graphics)
+      return;
+    const layout = computeStageLayout(renderer.width, renderer.height);
     if (layout.tooSmall) {
-      image?.clear();
-      if (graphics)
-        clearGraphicsLayer(graphics);
+      clearGraphicsLayer(graphics);
       return;
     }
     const stats = fleetStatsFromState(props.state);
-    const tick = props.state.tick;
-    const animationTick = Math.floor(tick / ANIMATION_SLOWDOWN2);
+    const animationTick = Math.floor(props.state.tick / ANIMATION_SLOWDOWN2);
     const panels = (props.frame.panels ?? []).map((panel) => ({ ...panel }));
     const terminalActive = props.frame.terminalActive ?? isTerminalScene(props.state.scene);
     const fullScreen = Boolean(props.frame.fullScreen);
-    if (image) {
-      if (terminalActive || fullScreen) {
-        image.clear();
-      } else {
-        image.render({
-          layout,
-          pixelSize: pixelSizeForRenderer(renderer),
-          panels,
-          scene: props.state.scene,
-          tick,
-          load: stats.load,
-          activeRuns: stats.active
-        });
-      }
-    } else if (graphics) {
-      resizeGraphicsLayer(graphics, layout);
-      if (terminalActive || fullScreen) {
-        clearGraphicsLayer(graphics);
-      } else {
-        drawAmbientField(graphics, layout, animationTick, props.state.scene, stats.load, stats.active);
-        drawPanelChrome(graphics, layout, panels);
-      }
+    resizeGraphicsLayer(graphics, layout);
+    if (terminalActive || fullScreen) {
+      clearGraphicsLayer(graphics);
+    } else {
+      drawAmbientField(graphics, layout, animationTick, props.state.scene, stats.load, stats.active);
+      drawPanelChrome(graphics, layout, panels);
     }
   });
   return null;
@@ -27735,7 +27709,6 @@ function Backdrop(props) {
 var ANIMATION_SLOWDOWN2 = 1;
 var init_Backdrop = __esm(() => {
   init_graphics();
-  init_image_visual_layer();
   init_fleet_stats();
 });
 

package/dist/src/app-opentui/bootstrap.js

@@ -20675,68 +20675,42 @@ function isTerminalScene(scene) {
 }
 function Backdrop(props) {
   const renderer = useRenderer();
-  const imageRef = useRef(null);
   const graphicsRef = useRef(null);
   useEffect(() => {
-    const imageVisuals = forceModernImageVisuals() ? new ImageVisualLayer(process.stdout, () => renderer.requestRender?.()) : null;
-    if (imageVisuals?.enabled) {
-      imageRef.current = imageVisuals;
-    } else {
-      const layout = computeStageLayout(renderer.width, renderer.height);
-      const graphics = createGraphicsLayer(renderer, layout);
-      renderer.root.add(graphics);
-      graphicsRef.current = graphics;
-    }
+    const layout = computeStageLayout(renderer.width, renderer.height);
+    const graphics = createGraphicsLayer(renderer, layout);
+    renderer.root.add(graphics);
+    graphicsRef.current = graphics;
     return () => {
-      imageRef.current?.destroy();
-      const graphics = graphicsRef.current;
-      if (graphics) {
+      const g = graphicsRef.current;
+      if (g) {
         try {
-          renderer.root.remove(graphics.id);
+          renderer.root.remove(g.id);
         } catch {}
       }
-      imageRef.current = null;
       graphicsRef.current = null;
     };
   }, [renderer]);
   useEffect(() => {
-    const layout = computeStageLayout(renderer.width, renderer.height);
-    const image = imageRef.current;
     const graphics = graphicsRef.current;
+    if (!graphics)
+      return;
+    const layout = computeStageLayout(renderer.width, renderer.height);
     if (layout.tooSmall) {
-      image?.clear();
-      if (graphics)
-        clearGraphicsLayer(graphics);
+      clearGraphicsLayer(graphics);
       return;
     }
     const stats = fleetStatsFromState(props.state);
-    const tick = props.state.tick;
-    const animationTick = Math.floor(tick / ANIMATION_SLOWDOWN2);
+    const animationTick = Math.floor(props.state.tick / ANIMATION_SLOWDOWN2);
     const panels = (props.frame.panels ?? []).map((panel) => ({ ...panel }));
     const terminalActive = props.frame.terminalActive ?? isTerminalScene(props.state.scene);
     const fullScreen = Boolean(props.frame.fullScreen);
-    if (image) {
-      if (terminalActive || fullScreen) {
-        image.clear();
-      } else {
-        image.render({
-          layout,
-          pixelSize: pixelSizeForRenderer(renderer),
-          panels,
-          scene: props.state.scene,
-          tick,
-          load: stats.load,
-          activeRuns: stats.active
-        });
-      }
-    } else if (graphics) {
-      resizeGraphicsLayer(graphics, layout);
-      if (terminalActive || fullScreen) {
-        clearGraphicsLayer(graphics);
-      } else {
-        drawAmbientField(graphics, layout, animationTick, props.state.scene, stats.load, stats.active);
-        drawPanelChrome(graphics, layout, panels);
-      }
+    resizeGraphicsLayer(graphics, layout);
+    if (terminalActive || fullScreen) {
+      clearGraphicsLayer(graphics);
+    } else {
+      drawAmbientField(graphics, layout, animationTick, props.state.scene, stats.load, stats.active);
+      drawPanelChrome(graphics, layout, panels);
     }
   });
   return null;
@@ -20744,7 +20718,6 @@ function Backdrop(props) {
 var ANIMATION_SLOWDOWN2 = 1;
 var init_Backdrop = __esm(() => {
   init_graphics();
-  init_image_visual_layer();
   init_fleet_stats();
 });
 

package/dist/src/app-opentui/react/App.js

@@ -3163,7 +3163,6 @@ var KITTY_CHUNK_SIZE = 4096;
 var PANEL_BLUR_SCALE = 1;
 var PANEL_MASK_CACHE_LIMIT = 16;
 var ZLIB_LEVEL = 1;
-var DEFAULT_IMAGE_RESOLUTION_SCALE = 1;
 var LOAD_BUCKETS = 5;
 function loadBucket(load) {
   if (!Number.isFinite(load ?? NaN))
@@ -3178,12 +3177,6 @@ function imageTransport() {
     return "rgba-zlib";
   return "png";
 }
-function imageResolutionScale() {
-  const raw = Number.parseFloat(process.env.RIG_OPENTUI_IMAGE_SCALE ?? "");
-  if (Number.isFinite(raw) && raw > 0)
-    return Math.max(0.25, Math.min(1, raw));
-  return DEFAULT_IMAGE_RESOLUTION_SCALE;
-}
 function rgbaWord(color) {
   return (color[3] << 24 | color[2] << 16 | color[1] << 8 | color[0]) >>> 0;
 }
@@ -4075,18 +4068,6 @@ class ImageVisualLayer {
       this.dispatchWorkerRender(slot, next);
   }
 }
-function pixelSizeForRenderer(renderer) {
-  const resolution = renderer.resolution;
-  const base = resolution?.width && resolution?.height ? resolution : { width: renderer.width * 12, height: renderer.height * 24 };
-  const scale = imageResolutionScale();
-  return {
-    width: Math.max(renderer.width, Math.floor(base.width * scale)),
-    height: Math.max(renderer.height, Math.floor(base.height * scale))
-  };
-}
-function forceModernImageVisuals() {
-  return getRigTerminalCapabilities().supportsKittyImages;
-}
 
 // packages/cli/src/app-opentui/render/text.ts
 import { RGBA as RGBA4, TextAttributes as TextAttributes4, TextRenderable } from "@opentui/core";
@@ -4723,68 +4704,42 @@ function isTerminalScene(scene) {
 }
 function Backdrop(props) {
   const renderer = useRenderer();
-  const imageRef = useRef(null);
   const graphicsRef = useRef(null);
   useEffect(() => {
-    const imageVisuals = forceModernImageVisuals() ? new ImageVisualLayer(process.stdout, () => renderer.requestRender?.()) : null;
-    if (imageVisuals?.enabled) {
-      imageRef.current = imageVisuals;
-    } else {
-      const layout = computeStageLayout(renderer.width, renderer.height);
-      const graphics = createGraphicsLayer(renderer, layout);
-      renderer.root.add(graphics);
-      graphicsRef.current = graphics;
-    }
+    const layout = computeStageLayout(renderer.width, renderer.height);
+    const graphics = createGraphicsLayer(renderer, layout);
+    renderer.root.add(graphics);
+    graphicsRef.current = graphics;
     return () => {
-      imageRef.current?.destroy();
-      const graphics = graphicsRef.current;
-      if (graphics) {
+      const g = graphicsRef.current;
+      if (g) {
         try {
-          renderer.root.remove(graphics.id);
+          renderer.root.remove(g.id);
         } catch {}
       }
-      imageRef.current = null;
       graphicsRef.current = null;
     };
   }, [renderer]);
   useEffect(() => {
-    const layout = computeStageLayout(renderer.width, renderer.height);
-    const image = imageRef.current;
     const graphics = graphicsRef.current;
+    if (!graphics)
+      return;
+    const layout = computeStageLayout(renderer.width, renderer.height);
     if (layout.tooSmall) {
-      image?.clear();
-      if (graphics)
-        clearGraphicsLayer(graphics);
+      clearGraphicsLayer(graphics);
       return;
     }
     const stats = fleetStatsFromState(props.state);
-    const tick = props.state.tick;
-    const animationTick = Math.floor(tick / ANIMATION_SLOWDOWN);
+    const animationTick = Math.floor(props.state.tick / ANIMATION_SLOWDOWN);
     const panels = (props.frame.panels ?? []).map((panel) => ({ ...panel }));
     const terminalActive = props.frame.terminalActive ?? isTerminalScene(props.state.scene);
     const fullScreen = Boolean(props.frame.fullScreen);
-    if (image) {
-      if (terminalActive || fullScreen) {
-        image.clear();
-      } else {
-        image.render({
-          layout,
-          pixelSize: pixelSizeForRenderer(renderer),
-          panels,
-          scene: props.state.scene,
-          tick,
-          load: stats.load,
-          activeRuns: stats.active
-        });
-      }
-    } else if (graphics) {
-      resizeGraphicsLayer(graphics, layout);
-      if (terminalActive || fullScreen) {
-        clearGraphicsLayer(graphics);
-      } else {
-        drawAmbientField(graphics, layout, animationTick, props.state.scene, stats.load, stats.active);
-        drawPanelChrome(graphics, layout, panels);
-      }
+    resizeGraphicsLayer(graphics, layout);
+    if (terminalActive || fullScreen) {
+      clearGraphicsLayer(graphics);
+    } else {
+      drawAmbientField(graphics, layout, animationTick, props.state.scene, stats.load, stats.active);
+      drawPanelChrome(graphics, layout, panels);
     }
   });
   return null;