@runfusion/fusion 0.2.3 → 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,
@@ -136878,30 +136878,32 @@ function UtilitiesPanel({ isFocused }) {
 }
 function HelpOverlay() {
   const shortcuts = [
-    ["[b]", "Board view (interactive mode)"],
+    ["[m] / [s]", "Main (status mode)"],
+    ["[b]", "Board view"],
     ["[a]", "Agents view"],
     ["[g]", "Settings view"],
     ["[t]", "Git view"],
-    ["[s]", "Status mode"],
-    ["[1] / [2] / [3]", "Board / Agents / Settings (interactive)"],
-    ["[Tab]", "Cycle focused panel forward"],
-    ["[Shift+Tab]", "Cycle focused panel backward"],
-    ["[1-5]", "Jump to panel by number (status mode)"],
-    ["[\u2192] / [n]", "Next panel (status mode)"],
-    ["[\u2190] / [p]", "Previous panel (status mode)"],
+    ["[e]", "Explorer (file browser)"],
+    ["[Tab]", "Cycle focused panel / pane forward"],
+    ["[Shift+Tab]", "Cycle focused panel / pane backward"],
+    ["[1-5]", "Jump to panel (Main: System/Logs/Utilities/Stats/Settings)"],
+    ["[\u2190 / \u2192]", "Switch pane (Agents, Settings, Files, Git)"],
+    ["[\u2192] / [n]", "Next panel (Main)"],
+    ["[\u2190] / [p]", "Previous panel (Main)"],
     ["[r]", "Refresh stats (Utilities)"],
     ["[c]", "Clear logs (Utilities)"],
-    ["[t]", "Toggle engine pause (Utilities)"],
-    ["[\u2191/\u2193/k/j]", "Navigate log entries (Logs)"],
-    ["[Home/End]", "First/last log entry (Logs)"],
-    ["[Enter/Space/e]", "Expand log entry (Logs)"],
-    ["[w]", "Toggle word wrap (Logs)"],
-    ["[f]", "Cycle severity filter (Logs)"],
-    ["[s/x]", "Start/stop agent (Agents view)"],
-    ["[D]", "Delete agent \u2014 requires confirm (Agents view)"],
-    ["[r]", "Refresh agent detail (Agents view)"],
-    ["[Space]", "Toggle boolean (Settings view)"],
-    ["[+/-]", "Adjust number (Settings view)"],
+    ["[\u2191/\u2193/k/j]", "Navigate list / log entries"],
+    ["[Home / G]", "First / last log entry (Logs)"],
+    ["[Enter/Space]", "Expand log entry (Logs)"],
+    ["[w]", "Toggle word wrap (Logs / Files)"],
+    ["[f]", "Cycle severity filter (Main, any panel)"],
+    ["[Space]", "Toggle boolean (Settings)"],
+    ["[+/-]", "Adjust number (Settings)"],
+    ["[p]", "Project picker (Board, Files)"],
+    ["[n]", "New task (Board)"],
+    ["[D]", "Delete agent \u2014 requires confirm (Agents)"],
+    ["[P] / [F]", "Push / fetch (Git)"],
+    ["[.]", "Toggle hidden files (Files)"],
     ["[?] / [h]", "Toggle help"],
     ["[q]", "Quit"],
     ["[Ctrl+C]", "Force quit"]
@@ -136913,13 +136915,13 @@ function HelpOverlay() {
   return /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: "cyanBright", flexDirection: "column", backgroundColor: "black", children: [
     /* @__PURE__ */ jsx(Text, { backgroundColor: "black", bold: true, color: "white", children: titleRow }),
     /* @__PURE__ */ jsx(Text, { backgroundColor: "black", children: " " }),
-    shortcuts.map(([key, desc]) => {
+    shortcuts.map(([key, desc], i) => {
       const keyCell = ` ${key.padEnd(rowKeyWidth - 1)} `;
       const descCell = ` ${desc.padEnd(rowDescWidth)} `;
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
         /* @__PURE__ */ jsx(Text, { backgroundColor: "black", color: "yellow", children: keyCell }),
         /* @__PURE__ */ jsx(Text, { backgroundColor: "black", color: "white", children: descCell })
-      ] }, key);
+      ] }, i);
     })
   ] });
 }
@@ -136932,7 +136934,7 @@ function StatusModeGrid({
   const bodyRows = Math.max(8, rows - 7);
   const logsAvailableRows = Math.max(4, bodyRows - 4);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx(MainHeader, { state }),
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(MainHeader, { state }) }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, overflow: "hidden", children: [
       /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 5, overflow: "hidden", children: [
         /* @__PURE__ */ jsx(SystemPanel, { state, isFocused: focused === "system" }),
@@ -136953,7 +136955,7 @@ function StatusModeGrid({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(StatusBar, { state, controller })
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(StatusBar, { state, controller }) })
   ] });
 }
 function StatusModeSingle({
@@ -136976,9 +136978,9 @@ function StatusModeSingle({
     }
   };
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-    /* @__PURE__ */ jsx(MainHeader, { state }),
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(MainHeader, { state }) }),
     /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: activePanel() }),
-    /* @__PURE__ */ jsx(StatusBar, { state, controller })
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(StatusBar, { state, controller }) })
   ] });
 }
 function StatusBar({ state, controller: _controller }) {
@@ -136996,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 }) {
@@ -137006,7 +137008,6 @@ function MainHeader({ state }) {
   const interactiveView = state.interactiveView;
   const { stdout } = useStdout();
   const cols = stdout?.columns ?? 80;
-  const rows = stdout?.rows ?? 24;
   const tabs = [
     { key: "m", label: "Main", kind: "main" },
     { key: "b", label: "Board", kind: "interactive", view: "board" },
@@ -137015,7 +137016,6 @@ function MainHeader({ state }) {
     { key: "t", label: "Git", kind: "interactive", view: "git" },
     { key: "e", label: "Explorer", kind: "interactive", view: "files" }
   ];
-  if (rows < 10) return null;
   const showHelpHint = cols >= 110;
   const fullLabels = cols >= 90;
   const tiny = cols < 50;
@@ -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.3",
+  "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",
@@ -76,9 +76,9 @@
     "vitest": "^3.1.0",
     "yaml": "^2.8.3",
     "@fusion/core": "0.1.0",
-    "@fusion/pi-claude-cli": "0.3.1",
     "@fusion/dashboard": "0.1.0",
-    "@fusion/engine": "0.1.0"
+    "@fusion/engine": "0.1.0",
+    "@fusion/pi-claude-cli": "0.3.1"
   },
   "repository": {
     "type": "git",