brew-tui 0.3.5 → 0.4.0

package/build/index.js

@@ -30,15 +30,13 @@ import { useApp } from "ink";
 import { Box as Box3 } from "ink";
 
 // src/components/layout/header.tsx
-import React2 from "react";
-import { Box, Text as Text2 } from "ink";
+import { Box, Text as Text2, useStdout } from "ink";
 
 // src/stores/navigation-store.ts
 import { create } from "zustand";
 var VIEWS = [
   "dashboard",
   "installed",
-  "search",
   "outdated",
   "package-info",
   "services",
@@ -108,6 +106,7 @@ var COLORS = {
   gold: "#FFD700",
   purple: "#A855F7",
   blue: "#3B82F6",
+  lavender: "#C4B5FD",
   border: "#4B5563"
 };
 
@@ -160,7 +159,7 @@ var GRADIENTS = {
 };
 
 // src/components/layout/header.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var LOGO_BREW = [
   "\u256D\u2501\u2501\u256E\u2571\u256D\u2501\u2501\u2501\u256E\u256D\u2501\u2501\u2501\u256E\u256D\u256E\u256D\u256E\u256D\u256E\u2571\u2571\u2571\u2571\u2571\u2571\u2571",
   "\u2503\u256D\u256E\u2503\u2571\u2503\u256D\u2501\u256E\u2503\u2503\u256D\u2501\u2501\u256F\u2503\u2503\u2503\u2503\u2503\u2503\u2571\u2571\u2571\u2571\u2571\u2571\u2571",
@@ -194,21 +193,20 @@ var VIEW_LABEL_KEYS = {
 var VIEW_KEYS = {
   dashboard: "1",
   installed: "2",
-  search: "3",
-  outdated: "4",
+  search: "",
+  outdated: "3",
   "package-info": "",
-  services: "5",
-  doctor: "6",
-  profiles: "7",
-  "smart-cleanup": "8",
-  history: "9",
-  "security-audit": "0",
-  account: ""
+  services: "4",
+  doctor: "5",
+  profiles: "6",
+  "smart-cleanup": "7",
+  history: "8",
+  "security-audit": "9",
+  account: "0"
 };
 var TAB_VIEWS = [
   "dashboard",
   "installed",
-  "search",
   "outdated",
   "package-info",
   "services",
@@ -219,68 +217,97 @@ var TAB_VIEWS = [
   "security-audit",
   "account"
 ];
+function MenuItem({ view, currentView }) {
+  const key = VIEW_KEYS[view];
+  const viewLabel = t(VIEW_LABEL_KEYS[view]);
+  const isPro = isProView(view);
+  const isActive = view === currentView;
+  const isAccount = view === "account";
+  const indicator = key || (view === "package-info" ? "\u21B2" : " ");
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    isActive ? /* @__PURE__ */ jsxs(Text2, { color: COLORS.success, bold: true, children: [
+      "\u25B6",
+      " "
+    ] }) : /* @__PURE__ */ jsx2(Text2, { children: "  " }),
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: key ? "#FFFFFF" : COLORS.textSecondary, children: indicator }),
+    /* @__PURE__ */ jsxs(Text2, { bold: isActive, underline: isActive, color: isActive ? COLORS.success : isAccount ? COLORS.gold : COLORS.textSecondary, children: [
+      " ",
+      viewLabel
+    ] }),
+    isPro && /* @__PURE__ */ jsxs(Text2, { color: COLORS.brand, bold: true, children: [
+      " ",
+      t("pro_badge")
+    ] })
+  ] });
+}
+var COL1_VIEWS = TAB_VIEWS.slice(0, 6);
+var COL2_VIEWS = TAB_VIEWS.slice(6);
 function Header() {
   const currentView = useNavigationStore((s) => s.currentView);
   useLocaleStore((s) => s.locale);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx2(Box, { flexDirection: "column", paddingX: 1, children: LOGO_BREW.map((brew, i) => /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx2(GradientText, { colors: GRADIENTS.gold, children: brew }),
-      /* @__PURE__ */ jsx2(GradientText, { colors: ["#B8860B", "#8B6914", "#6B4F10"], children: LOGO_TUI[i] })
-    ] }, i)) }),
-    /* @__PURE__ */ jsx2(Text2, { children: " " }),
-    /* @__PURE__ */ jsx2(Box, { borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, borderColor: COLORS.gold, paddingX: 1, flexWrap: "wrap", children: TAB_VIEWS.map((view, i) => {
-      const key = VIEW_KEYS[view];
-      const viewLabel = t(VIEW_LABEL_KEYS[view]);
-      const isPro = isProView(view);
-      const isActive = view === currentView;
-      const isAccount = view === "account";
-      return /* @__PURE__ */ jsxs(React2.Fragment, { children: [
-        i > 0 && /* @__PURE__ */ jsxs(Text2, { color: COLORS.border, children: [
-          " ",
-          "\u2502",
-          " "
-        ] }),
-        isActive && /* @__PURE__ */ jsxs(Text2, { color: COLORS.sky, children: [
-          "\u25CF",
-          " "
-        ] }),
-        key ? /* @__PURE__ */ jsxs(Fragment2, { children: [
-          /* @__PURE__ */ jsx2(Text2, { bold: true, color: "#FFFFFF", children: key }),
-          /* @__PURE__ */ jsxs(Text2, { bold: isActive, underline: isActive, color: isActive ? COLORS.success : isAccount ? COLORS.gold : COLORS.textSecondary, children: [
-            " ",
-            viewLabel
-          ] })
-        ] }) : /* @__PURE__ */ jsx2(Text2, { bold: isActive, underline: isActive, color: isActive ? COLORS.success : isAccount ? COLORS.gold : COLORS.textSecondary, children: viewLabel }),
-        isPro && /* @__PURE__ */ jsxs(Text2, { color: COLORS.brand, bold: true, children: [
-          " ",
-          t("pro_badge")
-        ] })
-      ] }, view);
-    }) })
+  const { stdout } = useStdout();
+  const cols = stdout?.columns ?? 80;
+  const isNarrow = cols < 95;
+  const logoBlock = /* @__PURE__ */ jsx2(Box, { flexDirection: "column", flexShrink: 0, children: LOGO_BREW.map((brew, i) => /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx2(GradientText, { colors: GRADIENTS.gold, children: brew }),
+    /* @__PURE__ */ jsx2(GradientText, { colors: ["#B8860B", "#8B6914", "#6B4F10"], children: LOGO_TUI[i] })
+  ] }, i)) });
+  const menuBlock = /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: COLORS.lavender, paddingX: 1, flexDirection: "column", alignSelf: isNarrow ? "flex-start" : "center", children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx2(Box, { flexDirection: "column", children: COL1_VIEWS.map((view) => /* @__PURE__ */ jsx2(MenuItem, { view, currentView }, view)) }),
+      /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginLeft: 2, children: COL2_VIEWS.map((view) => /* @__PURE__ */ jsx2(MenuItem, { view, currentView }, view)) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: COLORS.lavender, marginTop: 0, children: [
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: "#FFFFFF", children: "S" }),
+      /* @__PURE__ */ jsxs(Text2, { color: COLORS.textSecondary, children: [
+        " ",
+        t("hint_search")
+      ] }),
+      /* @__PURE__ */ jsxs(Text2, { color: COLORS.lavender, children: [
+        " ",
+        "\u2503",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color: "#FFFFFF", children: "L" }),
+      /* @__PURE__ */ jsxs(Text2, { color: COLORS.textSecondary, children: [
+        " ",
+        t("hint_lang")
+      ] })
+    ] })
+  ] });
+  if (isNarrow) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+      logoBlock,
+      /* @__PURE__ */ jsx2(Box, { marginTop: 1, children: menuBlock })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingX: 1, alignItems: "center", children: [
+    logoBlock,
+    /* @__PURE__ */ jsx2(Box, { marginLeft: 2, children: menuBlock })
   ] });
 }
 
 // src/components/layout/footer.tsx
-import React3 from "react";
+import React2 from "react";
 import { Box as Box2, Text as Text3 } from "ink";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var VIEW_HINT_DEFS = {
-  dashboard: [["1-0", "hint_navigate"], ["tab", "hint_next"], ["q", "hint_quit"]],
-  installed: [["/", "hint_filter"], ["enter", "hint_info"], ["u", "hint_uninstall"], ["f", "hint_toggle"], ["tab", "hint_next"], ["q", "hint_quit"]],
+  dashboard: [["1-9,0", "hint_navigate"], ["S", "hint_search"], ["tab", "hint_next"], ["q", "hint_quit"]],
+  installed: [["/", "hint_filter"], ["enter", "hint_info"], ["u", "hint_uninstall"], ["S", "hint_search"], ["q", "hint_quit"]],
   search: [["hint_typeToSearch"], ["enter", "hint_details"], ["i", "hint_install"], ["esc", "hint_back"], ["q", "hint_quit"]],
-  outdated: [["enter", "hint_upgrade"], ["A", "hint_upgradeAll"], ["p", "hint_pin"], ["tab", "hint_next"], ["q", "hint_quit"]],
+  outdated: [["enter", "hint_upgrade"], ["A", "hint_upgradeAll"], ["p", "hint_pin"], ["S", "hint_search"], ["q", "hint_quit"]],
   "package-info": [["i", "hint_install"], ["u", "hint_uninstall"], ["U", "hint_upgrade"], ["esc", "hint_back"], ["q", "hint_quit"]],
-  services: [["s", "hint_start"], ["S", "hint_stop"], ["R", "hint_restart"], ["r", "hint_refresh"], ["tab", "hint_next"], ["q", "hint_quit"]],
-  doctor: [["r", "hint_refresh"], ["tab", "hint_next"], ["q", "hint_quit"]],
+  services: [["s", "hint_start"], ["x", "hint_stop"], ["R", "hint_restart"], ["r", "hint_refresh"], ["S", "hint_search"], ["q", "hint_quit"]],
+  doctor: [["r", "hint_refresh"], ["S", "hint_search"], ["tab", "hint_next"], ["q", "hint_quit"]],
   profiles: [["n", "hint_new"], ["enter", "hint_details"], ["e", "hint_edit"], ["i", "hint_import"], ["d", "hint_delete"], ["q", "hint_quit"]],
-  "smart-cleanup": [["enter", "hint_toggle"], ["c", "hint_clean"], ["r", "hint_refresh"], ["q", "hint_quit"]],
+  "smart-cleanup": [["enter", "hint_toggle"], ["c", "hint_clean"], ["r", "hint_refresh"], ["S", "hint_search"], ["q", "hint_quit"]],
   history: [["/", "hint_search"], ["enter", "hint_replay"], ["f", "hint_filter"], ["c", "hint_clear"], ["q", "hint_quit"]],
-  "security-audit": [["r", "hint_scan"], ["enter", "hint_details"], ["u", "hint_upgrade"], ["q", "hint_quit"]],
-  account: [["p", "hint_promo"], ["d", "hint_deactivate"], ["q", "hint_quit"]]
+  "security-audit": [["r", "hint_scan"], ["enter", "hint_details"], ["u", "hint_upgrade"], ["S", "hint_search"], ["q", "hint_quit"]],
+  account: [["p", "hint_promo"], ["d", "hint_deactivate"], ["S", "hint_search"], ["q", "hint_quit"]]
 };
 function HintItem({ def }) {
   if (def.length === 1) return /* @__PURE__ */ jsx3(Text3, { color: COLORS.gold, dimColor: true, children: t(def[0]) });
-  return /* @__PURE__ */ jsxs2(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
     /* @__PURE__ */ jsx3(Text3, { color: COLORS.text, bold: true, children: def[0] }),
     /* @__PURE__ */ jsx3(Text3, { color: COLORS.textSecondary, children: ":" }),
     /* @__PURE__ */ jsx3(Text3, { color: COLORS.gold, dimColor: true, children: t(def[1]) })
@@ -293,7 +320,7 @@ function Footer() {
   return /* @__PURE__ */ jsxs2(Box2, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: COLORS.gold, paddingX: 1, flexWrap: "wrap", children: [
     defs.map((def, i) => {
       const key = def.length === 1 ? def[0] : `${def[0]}:${def[1]}`;
-      return /* @__PURE__ */ jsxs2(React3.Fragment, { children: [
+      return /* @__PURE__ */ jsxs2(React2.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsxs2(Text3, { color: COLORS.border, children: [
           " ",
           "\u2502",
@@ -302,9 +329,9 @@ function Footer() {
         /* @__PURE__ */ jsx3(HintItem, { def })
       ] }, key);
     }),
-    /* @__PURE__ */ jsxs2(Text3, { color: COLORS.border, children: [
+    /* @__PURE__ */ jsxs2(Text3, { color: COLORS.lavender, children: [
       " ",
-      "\u2502",
+      "\u2503",
       " "
     ] }),
     /* @__PURE__ */ jsx3(Text3, { color: COLORS.text, bold: true, children: "L" }),
@@ -823,14 +850,14 @@ var useModalStore = create3((set) => ({
 var VIEW_KEYS2 = {
   "1": "dashboard",
   "2": "installed",
-  "3": "search",
-  "4": "outdated",
-  "5": "services",
-  "6": "doctor",
-  "7": "profiles",
-  "8": "smart-cleanup",
-  "9": "history",
-  "0": "security-audit"
+  "3": "outdated",
+  "4": "services",
+  "5": "doctor",
+  "6": "profiles",
+  "7": "smart-cleanup",
+  "8": "history",
+  "9": "security-audit",
+  "0": "account"
 };
 function useGlobalKeyboard(opts) {
   const navigate = useNavigationStore((s) => s.navigate);
@@ -857,6 +884,10 @@ function useGlobalKeyboard(opts) {
       navigate(getNextView(currentView));
       return;
     }
+    if (input === "S") {
+      navigate("search");
+      return;
+    }
     if (input === "L") {
       setLocale(locale === "en" ? "es" : "en");
       return;
@@ -923,7 +954,7 @@ function UpgradePrompt({ viewId }) {
 
 // src/views/dashboard.tsx
 import { useEffect, useMemo as useMemo2 } from "react";
-import { Box as Box8, Text as Text10, useStdout } from "ink";
+import { Box as Box8, Text as Text10, useStdout as useStdout3 } from "ink";
 
 // src/stores/brew-store.ts
 import { create as create4 } from "zustand";
@@ -1385,19 +1416,22 @@ var useBrewStore = create4((set, get) => ({
 }));
 
 // src/components/common/stat-card.tsx
-import { Box as Box5, Text as Text5 } from "ink";
+import { Box as Box5, Text as Text5, useStdout as useStdout2 } from "ink";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function StatCard({ label, value, color = "white" }) {
+  const { stdout } = useStdout2();
+  const cols = stdout?.columns ?? 80;
+  const minW = cols < 60 ? 12 : cols < 100 ? 14 : 16;
   return /* @__PURE__ */ jsxs5(
     Box5,
     {
       borderStyle: "round",
       borderColor: color,
       paddingX: 2,
-      paddingY: 1,
+      paddingY: 0,
       flexDirection: "column",
       alignItems: "center",
-      minWidth: 16,
+      minWidth: minW,
       children: [
         /* @__PURE__ */ jsx6(Text5, { bold: true, color, children: value }),
         /* @__PURE__ */ jsx6(Text5, { color: COLORS.muted, children: label })
@@ -1431,7 +1465,7 @@ import { Text as Text7 } from "ink";
 import { jsxs as jsxs7 } from "react/jsx-runtime";
 var BADGE_STYLES = {
   success: { icon: "\u2714", color: COLORS.success },
-  warning: { icon: "\u25CF", color: COLORS.warning },
+  warning: { icon: "\u25B2", color: COLORS.warning },
   error: { icon: "\u2718", color: COLORS.error },
   info: { icon: "\u25C6", color: COLORS.blue },
   muted: { icon: "\u25CB", color: COLORS.textSecondary }
@@ -1465,9 +1499,9 @@ function SectionHeader({ emoji, title, color = COLORS.gold, gradient, count }) {
 
 // src/components/common/version-arrow.tsx
 import { Text as Text9 } from "ink";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function VersionArrow({ current, latest }) {
-  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
     /* @__PURE__ */ jsxs9(Text9, { color: COLORS.muted, children: [
       t("version_installed"),
       " "
@@ -1515,7 +1549,7 @@ function truncate(str, maxLen) {
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function DashboardView() {
   const { formulae, casks, outdated, services, config, loading, errors, lastFetchedAt, fetchAll } = useBrewStore();
-  const { stdout } = useStdout();
+  const { stdout } = useStdout3();
   const columns = stdout?.columns ?? 80;
   useEffect(() => {
     fetchAll();
@@ -1614,7 +1648,7 @@ function DashboardView() {
 
 // src/views/installed.tsx
 import { useState as useState3, useMemo as useMemo3, useEffect as useEffect5 } from "react";
-import { Box as Box14, Text as Text16, useInput as useInput3, useStdout as useStdout2 } from "ink";
+import { Box as Box14, Text as Text16, useInput as useInput3, useStdout as useStdout4 } from "ink";
 
 // src/hooks/use-debounce.ts
 import { useState, useEffect as useEffect2 } from "react";
@@ -1805,7 +1839,7 @@ function InstalledView() {
   const debouncedFilter = useDebounce(filter, 200);
   const stream = useBrewStream();
   const { openModal, closeModal } = useModalStore();
-  const { stdout } = useStdout2();
+  const { stdout } = useStdout4();
   const cols = stdout?.columns ?? 80;
   const nameWidth = Math.floor(cols * 0.35);
   const versionWidth = Math.floor(cols * 0.15);
@@ -2171,7 +2205,7 @@ function SearchView() {
 
 // src/views/outdated.tsx
 import { useEffect as useEffect7, useRef as useRef3, useState as useState5 } from "react";
-import { Box as Box16, Text as Text18, useInput as useInput5, useStdout as useStdout3 } from "ink";
+import { Box as Box16, Text as Text18, useInput as useInput5, useStdout as useStdout5 } from "ink";
 import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function OutdatedView() {
   const { outdated, loading, errors, fetchOutdated } = useBrewStore();
@@ -2222,7 +2256,7 @@ function OutdatedView() {
       void fetchOutdated();
     }
   });
-  const { stdout } = useStdout3();
+  const { stdout } = useStdout5();
   const MAX_VISIBLE_ROWS = Math.max(5, (stdout?.rows ?? 24) - 8);
   const start = Math.max(0, cursor - Math.floor(MAX_VISIBLE_ROWS / 2));
   const visible = allOutdated.slice(start, start + MAX_VISIBLE_ROWS);
@@ -2310,7 +2344,7 @@ ${t("outdated_upgradeAllList", { list: allOutdated.map((p) => p.name).join(", ")
 // src/views/package-info.tsx
 import { useEffect as useEffect8, useRef as useRef4, useState as useState6 } from "react";
 import { Box as Box17, Text as Text19, useInput as useInput6 } from "ink";
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var ACTION_PROGRESS_KEYS = {
   install: "pkgInfo_installing",
   uninstall: "pkgInfo_uninstalling",
@@ -2431,7 +2465,7 @@ function PackageInfoView() {
         "esc:",
         t("hint_cancel")
       ] }),
-      !stream.isRunning && /* @__PURE__ */ jsxs18(Fragment5, { children: [
+      !stream.isRunning && /* @__PURE__ */ jsxs18(Fragment4, { children: [
         /* @__PURE__ */ jsx19(Text19, { color: stream.error ? COLORS.error : COLORS.success, bold: true, children: stream.error ? `\u2718 ${stream.error}` : `\u2714 ${t("pkgInfo_done")}` }),
         /* @__PURE__ */ jsxs18(Text19, { color: COLORS.textSecondary, children: [
           "esc:",
@@ -2493,7 +2527,7 @@ function PackageInfoView() {
             "   ",
             formula.versions.stable
           ] }),
-          installed && /* @__PURE__ */ jsxs18(Fragment5, { children: [
+          installed && /* @__PURE__ */ jsxs18(Fragment4, { children: [
             /* @__PURE__ */ jsxs18(Text19, { children: [
               /* @__PURE__ */ jsx19(Text19, { color: COLORS.muted, children: t("pkgInfo_installed") }),
               " ",
@@ -2534,7 +2568,7 @@ function PackageInfoView() {
 
 // src/views/services.tsx
 import { useEffect as useEffect9, useState as useState7 } from "react";
-import { Box as Box18, Text as Text20, useInput as useInput7, useStdout as useStdout4 } from "ink";
+import { Box as Box18, Text as Text20, useInput as useInput7, useStdout as useStdout6 } from "ink";
 import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var STATUS_VARIANTS = {
   started: "success",
@@ -2548,7 +2582,7 @@ function ServicesView() {
   const [actionInProgress, setActionInProgress] = useState7(false);
   const [confirmAction, setConfirmAction] = useState7(null);
   const [lastError, setLastError] = useState7(null);
-  const { stdout } = useStdout4();
+  const { stdout } = useStdout6();
   const cols = stdout?.columns ?? 80;
   const svcNameWidth = Math.floor(cols * 0.35);
   const svcStatusWidth = Math.floor(cols * 0.15);
@@ -2582,7 +2616,7 @@ function ServicesView() {
       });
     };
     if (input === "s") doAction("start");
-    else if (input === "S") setConfirmAction({ type: "stop", name: svc.name });
+    else if (input === "x") setConfirmAction({ type: "stop", name: svc.name });
     else if (input === "R") setConfirmAction({ type: "restart", name: svc.name });
   });
   if (loading.services) return /* @__PURE__ */ jsx20(Loading, { message: t("loading_services") });
@@ -3502,7 +3536,7 @@ function SmartCleanupView() {
 
 // src/views/history.tsx
 import { useEffect as useEffect13, useState as useState10, useMemo as useMemo4 } from "react";
-import { Box as Box26, Text as Text27, useInput as useInput11, useStdout as useStdout5 } from "ink";
+import { Box as Box26, Text as Text27, useInput as useInput11, useStdout as useStdout7 } from "ink";
 
 // src/stores/history-store.ts
 import { create as create7 } from "zustand";
@@ -3614,7 +3648,7 @@ function HistoryView() {
   });
   if (loading) return /* @__PURE__ */ jsx28(Loading, { message: t("loading_history") });
   if (error) return /* @__PURE__ */ jsx28(ErrorMessage, { message: error });
-  const { stdout } = useStdout5();
+  const { stdout } = useStdout7();
   const MAX_VISIBLE_ROWS = Math.max(5, (stdout?.rows ?? 24) - 8);
   const start = Math.max(0, cursor - Math.floor(MAX_VISIBLE_ROWS / 2));
   const visible = filtered.slice(start, start + MAX_VISIBLE_ROWS);
@@ -4097,7 +4131,7 @@ async function redeemPromoCode(code) {
 }
 
 // src/views/account.tsx
-import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
 function AccountView() {
   const { status, license, deactivate: deactivate2, degradation } = useLicenseStore();
   const [confirmDeactivate, setConfirmDeactivate] = useState12(false);
@@ -4160,7 +4194,7 @@ function AccountView() {
       (degradation === "warning" || degradation === "limited") && license && /* @__PURE__ */ jsx30(Box28, { marginTop: 1, borderStyle: "round", borderColor: COLORS.warning, paddingX: 2, paddingY: 0, children: /* @__PURE__ */ jsx30(Text29, { color: COLORS.warning, children: t("license_offlineWarning", {
         days: Math.floor((Date.now() - new Date(license.lastValidatedAt).getTime()) / (24 * 60 * 60 * 1e3))
       }) }) }),
-      license && /* @__PURE__ */ jsxs29(Fragment6, { children: [
+      license && /* @__PURE__ */ jsxs29(Fragment5, { children: [
         /* @__PURE__ */ jsxs29(Box28, { gap: 1, children: [
           /* @__PURE__ */ jsx30(Text29, { color: COLORS.muted, children: t("account_emailLabel") }),
           /* @__PURE__ */ jsx30(Text29, { children: license.customerEmail })
@@ -4245,7 +4279,7 @@ function AccountView() {
     /* @__PURE__ */ jsx30(Box28, { marginTop: 1, children: /* @__PURE__ */ jsxs29(Text29, { color: COLORS.textSecondary, children: [
       status === "pro" ? `d ${t("hint_deactivate")}` : "",
       " ",
-      t("app_version", { version: "0.3.5" })
+      t("app_version", { version: "0.4.0" })
     ] }) })
   ] });
 }