@runfusion/fusion 0.2.4 → 0.2.5

package/dist/bin.js

@@ -136867,7 +136867,7 @@ function UtilitiesPanel({ isFocused }) {
     { key: "t", label: "Toggle Engine Pause" },
     { key: "?", label: "Help" }
   ];
-  return /* @__PURE__ */ jsx(Panel, { title: "Utilities", isFocused, flexShrink: 0, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: actions.map((action) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+  return /* @__PURE__ */ jsx(Panel, { title: "Utilities", isFocused, flexGrow: 1, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: actions.map((action) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
     /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
       "[",
       action.key,
@@ -136998,9 +136998,9 @@ function StatusBar({ state, controller: _controller }) {
     statusParts.push(systemInfo.baseUrl);
     statusParts.push(formatUptime(Date.now() - systemInfo.startTimeMs));
   }
-  return /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", paddingX: 1, children: [
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: hotkeys.join("  \xB7  ") }),
-    statusParts.length > 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: statusParts.join(" | ") })
+  return /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", paddingX: 1, flexShrink: 0, children: [
+    /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: hotkeys.join("  \xB7  ") }),
+    statusParts.length > 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: statusParts.join(" | ") })
   ] });
 }
 function MainHeader({ state }) {
@@ -137023,12 +137023,12 @@ function MainHeader({ state }) {
   const isActive = (t) => t.kind === "main" ? !inInteractive : inInteractive && t.view === interactiveView;
   if (tiny) {
     const active = tabs.find(isActive);
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, children: [
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, flexShrink: 0, overflow: "hidden", children: [
       /* @__PURE__ */ jsx(MiniLogo, {}),
       active && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` ${active.key} ${active.label} ` }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, paddingY: 0, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, paddingY: 0, flexShrink: 0, overflow: "hidden", children: [
     /* @__PURE__ */ jsx(MiniLogo, {}),
     /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) }),
     tabs.map((t) => {
@@ -139066,6 +139066,15 @@ function InteractiveMode({ state, controller }) {
 function DashboardApp({ controller }) {
   const { exit } = useApp();
   const { stdout } = useStdout();
+  const [, setResizeTick] = useState2(0);
+  useEffect2(() => {
+    if (!stdout) return;
+    const onResize = () => setResizeTick((t) => t + 1);
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
   const cols = stdout?.columns ?? 80;
   const rows = stdout?.rows ?? 24;
   const state = useSyncExternalStore(
@@ -139216,14 +139225,15 @@ function DashboardApp({ controller }) {
       }
     }
   });
+  const layoutKey = `${cols}x${rows}`;
   if (!state.systemInfo) {
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", height: rows, children: /* @__PURE__ */ jsx(SplashScreen, { loadingStatus: state.loadingStatus }) });
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", height: rows, width: cols, overflow: "hidden", children: /* @__PURE__ */ jsx(SplashScreen, { loadingStatus: state.loadingStatus }) }, layoutKey);
   }
   const isNarrow = cols < 80 || rows < 20;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: rows, children: [
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: rows, width: cols, overflow: "hidden", children: [
     state.mode === "interactive" ? /* @__PURE__ */ jsx(InteractiveMode, { state, controller }) : isNarrow ? /* @__PURE__ */ jsx(StatusModeSingle, { state, controller }) : /* @__PURE__ */ jsx(StatusModeGrid, { state, rows, controller }),
     state.showHelp && /* @__PURE__ */ jsx(Box, { position: "absolute", marginTop: 3, marginLeft: 4, children: /* @__PURE__ */ jsx(HelpOverlay, {}) })
-  ] });
+  ] }, layoutKey);
 }
 var LOGO_COLORS, NARROW_THRESHOLD, SPLASH_MIN_COLS, SPLASH_MIN_ROWS, LARGE_LOGO_MIN_COLS, LARGE_LOGO_MIN_ROWS, PREFIX_WIDTH, PANEL_ORDER, KANBAN_COLUMNS, COLUMN_COLORS, STEP_ICON, STEP_COLOR, MAX_LOG_ENTRIES2, INITIAL_LOG_LIMIT, SETTING_DEFS, FILES_DENYLIST;
 var init_app = __esm({
@@ -139318,7 +139328,11 @@ var init_controller = __esm({
       // notify() invalidates this; getSnapshot() rebuilds on demand.
       cachedSnapshot = null;
       // Ink instance — set when start() is called.
+      // Loose type — the real Ink Instance has additional methods (clear,
+      // rerender, etc.) that we use defensively below.
       inkInstance = null;
+      // Resize listener attached at start(), detached at stop().
+      resizeListener = null;
       // Uptime ticker to keep footer time live.
       uptimeTimer = null;
       // System stats sampler — process memory + CPU%.
@@ -139547,9 +139561,21 @@ var init_controller = __esm({
         const { render } = await import("ink");
         const { createElement } = await import("react");
         const { DashboardApp: DashboardApp2 } = await Promise.resolve().then(() => (init_app(), app_exports));
+        if (process.stdout?.isTTY && typeof process.stdout.write === "function") {
+          process.stdout.write("\x1B[?1049h\x1B[H");
+        }
         this.inkInstance = render(
           createElement(DashboardApp2, { controller: this })
         );
+        this.resizeListener = () => {
+          try {
+            this.inkInstance?.clear?.();
+          } catch {
+          }
+        };
+        if (process.stdout && typeof process.stdout.on === "function") {
+          process.stdout.on("resize", this.resizeListener);
+        }
         this.uptimeTimer = setInterval(() => {
           if (this.isRunning) this.notify();
         }, 5e3);
@@ -139571,10 +139597,17 @@ var init_controller = __esm({
           clearInterval(this.systemStatsTimer);
           this.systemStatsTimer = null;
         }
+        if (this.resizeListener && process.stdout && typeof process.stdout.off === "function") {
+          process.stdout.off("resize", this.resizeListener);
+          this.resizeListener = null;
+        }
         if (this.inkInstance) {
           this.inkInstance.unmount();
           this.inkInstance = null;
         }
+        if (process.stdout?.isTTY && typeof process.stdout.write === "function") {
+          process.stdout.write("\x1B[?1049l");
+        }
       }
       // ── Private helpers ────────────────────────────────────────────────────────
       clampSelectedLogIndex(entries) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runfusion/fusion",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "license": "MIT",
   "description": "Fusion CLI: HTTP API server, daemon, dashboard launcher, and task tooling for the Fusion AI coding agent.",
   "homepage": "https://github.com/Runfusion/Fusion#readme",