@runfusion/fusion 0.2.2 → 0.2.4

package/dist/bin.js

@@ -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 }) {
@@ -137003,48 +137005,35 @@ function StatusBar({ state, controller: _controller }) {
 }
 function MainHeader({ state }) {
   const inInteractive = state.mode === "interactive";
-  const focused = state.activeSection;
   const interactiveView = state.interactiveView;
   const { stdout } = useStdout();
   const cols = stdout?.columns ?? 80;
-  const rows = stdout?.rows ?? 24;
-  const interactiveTabs = [
-    { key: "b", label: "Board", view: "board" },
-    { key: "a", label: "Agents", view: "agents" },
-    { key: "g", label: "Settings", view: "settings" },
-    { key: "t", label: "Git", view: "git" },
-    { key: "e", label: "Explorer", view: "files" }
+  const tabs = [
+    { key: "m", label: "Main", kind: "main" },
+    { key: "b", label: "Board", kind: "interactive", view: "board" },
+    { key: "a", label: "Agents", kind: "interactive", view: "agents" },
+    { key: "g", label: "Settings", kind: "interactive", view: "settings" },
+    { 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 compactInteractive = cols < 100;
-  const compactSections = cols < 90;
-  const minimal = cols < 70;
+  const fullLabels = cols >= 90;
   const tiny = cols < 50;
+  const compact = !fullLabels && !tiny;
+  const isActive = (t) => t.kind === "main" ? !inInteractive : inInteractive && t.view === interactiveView;
   if (tiny) {
-    const activeSectionIdx = inInteractive ? -1 : SECTION_ORDER.indexOf(focused);
-    const activeSectionLabel = activeSectionIdx >= 0 ? SECTION_ORDER[activeSectionIdx].charAt(0).toUpperCase() + SECTION_ORDER[activeSectionIdx].slice(1) : null;
-    const activeInteractive = inInteractive ? interactiveTabs.find((t) => t.view === interactiveView) ?? null : null;
+    const active = tabs.find(isActive);
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, paddingX: 1, children: [
       /* @__PURE__ */ jsx(MiniLogo, {}),
-      activeSectionLabel && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` ${activeSectionIdx + 1} ${activeSectionLabel} ` }) }),
-      activeInteractive && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` ${activeInteractive.key} ${activeInteractive.label} ` }) })
+      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: [
     /* @__PURE__ */ jsx(MiniLogo, {}),
-    !minimal && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) }),
-    SECTION_ORDER.map((section, i) => {
-      const isActive = !inInteractive && section === focused;
-      const label = section.charAt(0).toUpperCase() + section.slice(1);
-      if (minimal && !isActive) return null;
-      return /* @__PURE__ */ jsx(Box, { marginRight: 1, flexShrink: 0, children: isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: compactSections ? ` ${i + 1} ${label} ` : ` [${i + 1}] ${label} ` }) : compactSections ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${i + 1}]` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${i + 1}] ${label}` }) }, section);
-    }),
-    !minimal && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) }),
-    interactiveTabs.map(({ key, label, view }) => {
-      const isActive = inInteractive && view === interactiveView;
-      if (minimal && !isActive) return null;
-      return /* @__PURE__ */ jsx(Box, { marginRight: 1, flexShrink: 0, children: isActive ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: compactInteractive ? ` ${key} ${label} ` : ` [${key}] ${label} ` }) : compactInteractive ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${key}]` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${key}] ${label}` }) }, view);
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }) }),
+    tabs.map((t) => {
+      const active = isActive(t);
+      return /* @__PURE__ */ jsx(Box, { marginRight: 1, flexShrink: 0, children: active ? /* @__PURE__ */ jsx(Text, { backgroundColor: "cyan", color: "black", bold: true, children: compact ? ` ${t.key} ` : ` [${t.key}] ${t.label} ` }) : compact ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${t.key}]` }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: `[${t.key}] ${t.label}` }) }, t.key);
     }),
     /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
     showHelpHint && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[?] help  [q] quit" }) })
@@ -137935,6 +137924,14 @@ function SettingsInteractiveView({ state }) {
       setDetailFocused((f) => !f);
       return;
     }
+    if (key.leftArrow) {
+      setDetailFocused(false);
+      return;
+    }
+    if (key.rightArrow) {
+      setDetailFocused(true);
+      return;
+    }
     if (!detailFocused) {
       if (key.upArrow || input === "k") {
         setSelectedIndex((i) => Math.max(0, i - 1));
@@ -139112,7 +139109,7 @@ function DashboardApp({ controller }) {
       controller.setInteractiveView("files");
       return;
     }
-    if (input === "s" || input === "S") {
+    if (input === "m" || input === "s") {
       if (state.mode === "interactive") {
         controller.setMode("status");
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runfusion/fusion",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "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/dashboard": "0.1.0",
     "@fusion/engine": "0.1.0",
-    "@fusion/pi-claude-cli": "0.3.1",
-    "@fusion/dashboard": "0.1.0"
+    "@fusion/pi-claude-cli": "0.3.1"
   },
   "repository": {
     "type": "git",