brew-tui 1.1.0 → 1.2.0

package/build/index.js

@@ -349,6 +349,20 @@ var SPACING = {
   xl: 6,
   xxl: 8
 };
+var BREAKPOINTS = {
+  /** Below this we collapse to single-column rows (only the name fits). */
+  narrow: 50,
+  /** Below this we drop the description column but keep version. */
+  mid: 80,
+  /** At or above this we render every column comfortably. */
+  wide: 120
+};
+function getLayoutMode(columns) {
+  if (columns < BREAKPOINTS.narrow) return "single";
+  if (columns < BREAKPOINTS.mid) return "compact";
+  if (columns < BREAKPOINTS.wide) return "comfortable";
+  return "wide";
+}
 
 // src/components/layout/header.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
@@ -2071,10 +2085,6 @@ function formatDate(value) {
   const locale = getLocale();
   return date.toLocaleDateString(locale === "es" ? "es-ES" : "en-US");
 }
-function truncate(str, maxLen) {
-  if (str.length <= maxLen) return str;
-  return str.slice(0, maxLen - 1) + "\u2026";
-}
 
 // src/views/dashboard.tsx
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -2450,9 +2460,13 @@ function InstalledView() {
   const containerRef = useRef3(null);
   const { width: containerWidth } = useContainerSize(containerRef);
   const columns = containerWidth > 0 ? containerWidth : 80;
-  const nameWidth = Math.max(12, Math.floor(columns * 0.35));
+  const mode = getLayoutMode(columns);
+  const nameWidth = mode === "single" ? Math.max(
+    8,
+    columns - 2
+    /* cursor + gap */
+  ) : Math.max(12, Math.floor(columns * 0.35));
   const versionWidth = Math.max(8, Math.floor(columns * 0.15));
-  const descWidth = Math.max(10, columns - nameWidth - versionWidth - 8);
   const [filter, setFilter] = useState6("");
   const [cursor, setCursor] = useState6(0);
   const [tab, setTab] = useState6("formulae");
@@ -2614,12 +2628,10 @@ function InstalledView() {
     ),
     isSearching && /* @__PURE__ */ jsx19(Box15, { marginBottom: SPACING.xs, borderStyle: "round", borderColor: COLORS.gold, paddingX: SPACING.xs, children: /* @__PURE__ */ jsx19(SearchInput, { defaultValue: filter, onChange: setFilter, isActive: isSearching }) }),
     /* @__PURE__ */ jsxs16(Box15, { gap: SPACING.xs, borderStyle: "single", borderBottom: true, borderTop: false, borderLeft: false, borderRight: false, borderColor: COLORS.border, children: [
-      /* @__PURE__ */ jsxs16(Text18, { color: COLORS.text, bold: true, children: [
-        " ",
-        t("installed_col_package").padEnd(nameWidth)
-      ] }),
-      /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, bold: true, children: t("installed_col_version").padEnd(versionWidth) }),
-      /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, bold: true, children: t("installed_col_status") })
+      /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, children: " " }),
+      /* @__PURE__ */ jsx19(Box15, { width: nameWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, bold: true, wrap: "truncate", children: t("installed_col_package") }) }),
+      mode !== "single" && /* @__PURE__ */ jsx19(Box15, { width: versionWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, bold: true, wrap: "truncate", children: t("installed_col_version") }) }),
+      mode !== "single" && mode !== "compact" && /* @__PURE__ */ jsx19(Box15, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, bold: true, wrap: "truncate", children: t("installed_col_status") }) })
     ] }),
     /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", children: [
       visible.length === 0 && /* @__PURE__ */ jsx19(Box15, { paddingY: SPACING.xs, justifyContent: "center", children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.textSecondary, italic: true, children: t("installed_noPackages") }) }),
@@ -2630,14 +2642,25 @@ function InstalledView() {
       visible.map((item, i) => {
         const idx = start + i;
         const isCurrent = idx === cursor;
+        const hasBadge = item.outdated || item.pinned || item.kegOnly || item.installedAsDependency;
         return /* @__PURE__ */ jsxs16(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx19(Text18, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: truncate(item.name, nameWidth).padEnd(nameWidth) }),
-          /* @__PURE__ */ jsx19(Text18, { color: COLORS.teal, children: item.version.padEnd(versionWidth) }),
-          item.outdated && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_outdated"), variant: "warning" }),
-          item.pinned && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_pinned"), variant: "info" }),
-          item.kegOnly && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_kegOnly"), variant: "muted" }),
-          item.installedAsDependency && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_dep"), variant: "muted" }),
-          !item.outdated && !item.pinned && !item.kegOnly && !item.installedAsDependency && /* @__PURE__ */ jsx19(Text18, { color: COLORS.textSecondary, dimColor: true, children: truncate(item.desc, descWidth) })
+          /* @__PURE__ */ jsx19(Box15, { width: nameWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx19(
+            Text18,
+            {
+              bold: isCurrent,
+              inverse: isCurrent,
+              color: isCurrent ? COLORS.text : COLORS.muted,
+              wrap: "truncate-middle",
+              children: item.name
+            }
+          ) }),
+          mode !== "single" && /* @__PURE__ */ jsx19(Box15, { width: versionWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.teal, wrap: "truncate", children: item.version }) }),
+          mode !== "single" && mode !== "compact" && /* @__PURE__ */ jsx19(Box15, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: hasBadge ? /* @__PURE__ */ jsxs16(Box15, { gap: SPACING.xs, children: [
+            item.outdated && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_outdated"), variant: "warning" }),
+            item.pinned && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_pinned"), variant: "info" }),
+            item.kegOnly && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_kegOnly"), variant: "muted" }),
+            item.installedAsDependency && /* @__PURE__ */ jsx19(StatusBadge, { label: t("badge_dep"), variant: "muted" })
+          ] }) : /* @__PURE__ */ jsx19(Text18, { color: COLORS.textSecondary, dimColor: true, wrap: "truncate", children: item.desc }) })
         ] }, item.name);
       }),
       start + MAX_VISIBLE_ROWS < allItems.length && /* @__PURE__ */ jsxs16(Text18, { color: COLORS.textSecondary, dimColor: true, children: [
@@ -2840,7 +2863,7 @@ function SearchView() {
           const idx = start + i;
           const isCurrent = idx === cursor;
           return /* @__PURE__ */ jsxs17(SelectableRow, { isCurrent, children: [
-            /* @__PURE__ */ jsx20(Text19, { bold: isCurrent, inverse: isCurrent, children: result.name }),
+            /* @__PURE__ */ jsx20(Box16, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx20(Text19, { bold: isCurrent, inverse: isCurrent, wrap: "truncate-middle", children: result.name }) }),
             /* @__PURE__ */ jsx20(
               StatusBadge,
               {
@@ -3061,7 +3084,16 @@ ${t("outdated_upgradeAllList", { list: allOutdated.map((p) => p.name).join(", ")
         const idx = start + i;
         const isCurrent = idx === cursor;
         return /* @__PURE__ */ jsxs18(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx21(Text20, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: pkg.name }),
+          /* @__PURE__ */ jsx21(Box17, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx21(
+            Text20,
+            {
+              bold: isCurrent,
+              inverse: isCurrent,
+              color: isCurrent ? COLORS.text : COLORS.muted,
+              wrap: "truncate-middle",
+              children: pkg.name
+            }
+          ) }),
           /* @__PURE__ */ jsx21(VersionArrow, { current: pkg.installed_versions[0] ?? "", latest: pkg.current_version }),
           pkg.pinned && /* @__PURE__ */ jsx21(StatusBadge, { label: t("outdated_pinned"), variant: "info" })
         ] }, pkg.name);
@@ -3322,7 +3354,12 @@ function ServicesView() {
   const containerRef = useRef7(null);
   const { width: containerWidth } = useContainerSize(containerRef);
   const cols = containerWidth > 0 ? containerWidth : 80;
-  const svcNameWidth = Math.max(12, Math.floor(cols * 0.35));
+  const mode = getLayoutMode(cols);
+  const svcNameWidth = mode === "single" ? Math.max(
+    8,
+    cols - 2
+    /* cursor + gap */
+  ) : Math.max(12, Math.floor(cols * 0.35));
   const svcStatusWidth = Math.max(8, Math.floor(cols * 0.15));
   const MAX_VISIBLE_ROWS = useVisibleRows({
     reservedRows: lastError || actionInProgress ? 8 : 6,
@@ -3394,12 +3431,10 @@ function ServicesView() {
     ) }),
     /* @__PURE__ */ jsxs20(Box19, { flexDirection: "column", marginTop: SPACING.xs, children: [
       /* @__PURE__ */ jsxs20(Box19, { gap: SPACING.xs, borderStyle: "single", borderBottom: true, borderTop: false, borderLeft: false, borderRight: false, borderColor: COLORS.border, paddingBottom: SPACING.none, children: [
-        /* @__PURE__ */ jsxs20(Text22, { bold: true, color: COLORS.text, children: [
-          "  ",
-          t("services_name").padEnd(svcNameWidth)
-        ] }),
-        /* @__PURE__ */ jsx23(Text22, { bold: true, color: COLORS.text, children: t("services_status").padEnd(svcStatusWidth) }),
-        /* @__PURE__ */ jsx23(Text22, { bold: true, color: COLORS.text, children: t("services_user") })
+        /* @__PURE__ */ jsx23(Text22, { bold: true, color: COLORS.text, children: " " }),
+        /* @__PURE__ */ jsx23(Box19, { width: svcNameWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx23(Text22, { bold: true, color: COLORS.text, wrap: "truncate", children: t("services_name") }) }),
+        mode !== "single" && /* @__PURE__ */ jsx23(Box19, { width: svcStatusWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx23(Text22, { bold: true, color: COLORS.text, wrap: "truncate", children: t("services_status") }) }),
+        mode !== "single" && mode !== "compact" && /* @__PURE__ */ jsx23(Box19, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx23(Text22, { bold: true, color: COLORS.text, wrap: "truncate", children: t("services_user") }) })
       ] }),
       start > 0 && /* @__PURE__ */ jsxs20(Text22, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
@@ -3409,10 +3444,21 @@ function ServicesView() {
         const idx = start + i;
         const isCurrent = idx === cursor;
         return /* @__PURE__ */ jsxs20(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx23(Text22, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: truncate(svc.name, svcNameWidth - 2).padEnd(svcNameWidth - 2) }),
-          /* @__PURE__ */ jsx23(StatusBadge, { label: svc.status, variant: STATUS_VARIANTS[svc.status] }),
-          /* @__PURE__ */ jsx23(Text22, { color: COLORS.muted, children: svc.user ?? "-" }),
-          svc.exit_code != null && svc.exit_code !== 0 && /* @__PURE__ */ jsx23(Text22, { color: COLORS.error, children: t("common_exit", { code: svc.exit_code }) })
+          /* @__PURE__ */ jsx23(Box19, { width: svcNameWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx23(
+            Text22,
+            {
+              bold: isCurrent,
+              inverse: isCurrent,
+              color: isCurrent ? COLORS.text : COLORS.muted,
+              wrap: "truncate-middle",
+              children: svc.name
+            }
+          ) }),
+          mode !== "single" && /* @__PURE__ */ jsx23(Box19, { width: svcStatusWidth, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx23(StatusBadge, { label: svc.status, variant: STATUS_VARIANTS[svc.status] }) }),
+          mode !== "single" && mode !== "compact" && /* @__PURE__ */ jsxs20(Box19, { flexGrow: 1, flexShrink: 1, minWidth: 0, gap: SPACING.xs, children: [
+            /* @__PURE__ */ jsx23(Text22, { color: COLORS.muted, wrap: "truncate", children: svc.user ?? "-" }),
+            svc.exit_code != null && svc.exit_code !== 0 && /* @__PURE__ */ jsx23(Text22, { color: COLORS.error, children: t("common_exit", { code: svc.exit_code }) })
+          ] })
         ] }, svc.name);
       }),
       start + MAX_VISIBLE_ROWS < services.length && /* @__PURE__ */ jsxs20(Text22, { color: COLORS.textSecondary, dimColor: true, children: [
@@ -4529,8 +4575,8 @@ function HistoryView() {
         const ts = new Date(entry.timestamp).getTime() / 1e3;
         return /* @__PURE__ */ jsxs28(SelectableRow, { isCurrent, children: [
           /* @__PURE__ */ jsx31(Text29, { color, bold: true, children: icon }),
-          /* @__PURE__ */ jsx31(Text29, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: t(ACTION_LABEL_KEYS[entry.action]).padEnd(12) }),
-          /* @__PURE__ */ jsx31(Text29, { color: COLORS.text, children: entry.packageName ?? t("history_all") }),
+          /* @__PURE__ */ jsx31(Box27, { width: 14, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx31(Text29, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, wrap: "truncate", children: t(ACTION_LABEL_KEYS[entry.action]) }) }),
+          /* @__PURE__ */ jsx31(Box27, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx31(Text29, { color: COLORS.text, wrap: "truncate-middle", children: entry.packageName ?? t("history_all") }) }),
           entry.success ? /* @__PURE__ */ jsx31(StatusBadge, { label: t("badge_ok"), variant: "success" }) : /* @__PURE__ */ jsx31(StatusBadge, { label: t("badge_fail"), variant: "error" }),
           /* @__PURE__ */ jsx31(Text29, { color: COLORS.muted, children: formatRelativeTime(ts) })
         ] }, entry.id);
@@ -4913,7 +4959,7 @@ function AccountView() {
       status === "pro" || status === "team" || status === "expired" ? `v ${t("hint_revalidate")}  ` : "",
       revalidating ? t("account_revalidating") : "",
       " ",
-      t("app_version", { version: "1.1.0" })
+      t("app_version", { version: "1.2.0" })
     ] }) })
   ] });
 }
@@ -6397,7 +6443,7 @@ async function reportError(err, context = {}) {
   const config = await resolveConfig();
   if (!config.enabled || !config.endpoint) return;
   const machineId = await getMachineId();
-  const version = true ? "1.1.0" : "unknown";
+  const version = true ? "1.2.0" : "unknown";
   await postReport(buildReport("error", err, context, machineId, version), config);
 }
 async function installCrashReporter() {
@@ -6406,7 +6452,7 @@ async function installCrashReporter() {
   if (!config.enabled || !config.endpoint) return;
   _installed = true;
   const machineId = await getMachineId();
-  const version = true ? "1.1.0" : "unknown";
+  const version = true ? "1.2.0" : "unknown";
   process.on("uncaughtException", (err) => {
     void postReport(buildReport("fatal", err, { kind: "uncaughtException" }, machineId, version), config);
   });
@@ -6421,7 +6467,7 @@ import { jsx as jsx39 } from "react/jsx-runtime";
 var [, , command, arg] = process.argv;
 async function runCli() {
   if (command === "--version" || command === "-v" || command === "version") {
-    process.stdout.write("1.1.0\n");
+    process.stdout.write("1.2.0\n");
     return;
   }
   await ensureDataDirs();
@@ -6604,7 +6650,7 @@ async function ensureBrewBarRunning() {
   await useLicenseStore.getState().initialize();
   if (!useLicenseStore.getState().isPro()) return;
   const { isBrewBarInstalled, installBrewBar, launchBrewBar } = await import("./brewbar-installer-GWJ76J6G.js");
-  const { checkBrewBarVersion } = await import("./version-check-LVSQFXZU.js");
+  const { checkBrewBarVersion } = await import("./version-check-MJZDQG73.js");
   try {
     if (!await isBrewBarInstalled()) {
       console.log(t("cli_brewbarInstalling"));