@runfusion/fusion 0.2.1 → 0.2.3

package/dist/bin.js

@@ -136551,7 +136551,7 @@ function SplashScreen({ loadingStatus }) {
   ] });
 }
 function MiniLogo() {
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyanBright", bold: true, children: "FUSION" }) });
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 0, flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyanBright", bold: true, wrap: "truncate-end", children: "FUSION" }) });
 }
 function Panel({ title, isFocused, children, flexGrow, flexShrink, width }) {
   return /* @__PURE__ */ jsxs(
@@ -137003,51 +137003,40 @@ 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(Text, { backgroundColor: "cyan", color: "black", bold: true, children: ` ${activeSectionIdx + 1} ${activeSectionLabel} ` }),
-      activeInteractive && /* @__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(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, 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(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, 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(Text, { dimColor: true, children: "[?] help  [q] quit" })
+    showHelpHint && /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "[?] help  [q] quit" }) })
   ] });
 }
 function columnLabel(col) {
@@ -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.1",
+  "version": "0.2.3",
   "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",
@@ -75,9 +75,9 @@
     "typescript": "^5.7.0",
     "vitest": "^3.1.0",
     "yaml": "^2.8.3",
-    "@fusion/dashboard": "0.1.0",
     "@fusion/core": "0.1.0",
     "@fusion/pi-claude-cli": "0.3.1",
+    "@fusion/dashboard": "0.1.0",
     "@fusion/engine": "0.1.0"
   },
   "repository": {