brew-tui 1.1.0 → 1.2.1

package/build/index.js

@@ -66,7 +66,7 @@ import { rm as rm2 } from "fs/promises";
 import { render } from "ink";
 
 // src/app.tsx
-import { useEffect as useEffect23, useState as useState21 } from "react";
+import { useEffect as useEffect22, useState as useState20 } from "react";
 import { useApp } from "ink";
 
 // src/components/layout/app-layout.tsx
@@ -77,28 +77,46 @@ import { Box as Box3 } from "ink";
 import { Box, Text as Text3 } from "ink";
 
 // src/hooks/use-terminal-size.ts
-import { useEffect, useState } from "react";
+import { useSyncExternalStore } from "react";
 import { useStdout } from "ink";
+var FALLBACK = { columns: 80, rows: 24 };
+var cache = /* @__PURE__ */ new WeakMap();
+function snapshot(stdout) {
+  return {
+    columns: stdout.columns ?? FALLBACK.columns,
+    rows: stdout.rows ?? FALLBACK.rows
+  };
+}
+function getCache(stdout) {
+  const existing = cache.get(stdout);
+  if (existing) return existing;
+  const entry = {
+    current: snapshot(stdout),
+    subscribers: /* @__PURE__ */ new Set()
+  };
+  cache.set(stdout, entry);
+  stdout.on("resize", () => {
+    entry.current = snapshot(stdout);
+    entry.subscribers.forEach((cb) => cb());
+  });
+  return entry;
+}
 function useTerminalSize() {
   const { stdout } = useStdout();
-  const [size, setSize] = useState(() => ({
-    columns: stdout?.columns ?? 80,
-    rows: stdout?.rows ?? 24
-  }));
-  useEffect(() => {
-    if (!stdout) return;
-    const onResize = () => {
-      setSize({
-        columns: stdout.columns ?? 80,
-        rows: stdout.rows ?? 24
-      });
-    };
-    stdout.on("resize", onResize);
-    return () => {
-      stdout.off("resize", onResize);
-    };
-  }, [stdout]);
-  return size;
+  return useSyncExternalStore(
+    (cb) => {
+      if (!stdout) return () => {
+      };
+      const entry = getCache(stdout);
+      entry.subscribers.add(cb);
+      return () => {
+        entry.subscribers.delete(cb);
+      };
+    },
+    () => stdout ? getCache(stdout).current : FALLBACK,
+    // Server snapshot — not used in CLI, but useSyncExternalStore requires it.
+    () => FALLBACK
+  );
 }
 
 // src/stores/navigation-store.ts
@@ -322,7 +340,7 @@ var GRADIENTS = {
 };
 
 // src/components/common/blinking-text.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect, useState } from "react";
 import { Text as Text2 } from "ink";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function BlinkingText({
@@ -331,8 +349,8 @@ function BlinkingText({
   bold = true,
   children
 }) {
-  const [bright, setBright] = useState2(true);
-  useEffect2(() => {
+  const [bright, setBright] = useState(true);
+  useEffect(() => {
     const id = setInterval(() => setBright((b) => !b), intervalMs);
     return () => clearInterval(id);
   }, [intervalMs]);
@@ -349,6 +367,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";
@@ -553,12 +585,12 @@ function Footer() {
 }
 
 // src/hooks/use-container-size.ts
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 import { measureElement } from "ink";
 function useContainerSize(ref) {
   const terminal = useTerminalSize();
-  const [size, setSize] = useState3({ width: 0, height: 0 });
-  useEffect3(() => {
+  const [size, setSize] = useState2({ width: 0, height: 0 });
+  useEffect2(() => {
     if (!ref.current) return;
     const measured = measureElement(ref.current);
     setSize(
@@ -835,7 +867,7 @@ async function markOnboardingComplete() {
 }
 
 // src/views/welcome.tsx
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect3 } from "react";
 import { Box as Box4, Text as Text5 } from "ink";
 
 // src/hooks/use-view-input.ts
@@ -849,7 +881,7 @@ function useViewInput(handler, opts) {
 // src/views/welcome.tsx
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function WelcomeView({ onContinue }) {
-  useEffect4(() => {
+  useEffect3(() => {
     return () => {
     };
   }, []);
@@ -968,7 +1000,7 @@ function UpgradePrompt({ viewId }) {
 }
 
 // src/views/dashboard.tsx
-import { useEffect as useEffect5, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
 import { Box as Box9, Text as Text12 } from "ink";
 
 // src/hooks/use-visible-rows.ts
@@ -2071,10 +2103,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";
@@ -2133,7 +2161,7 @@ function DashboardView() {
     minRows: 2
   });
   const halfRows = Math.max(1, Math.floor(splitRows / 2));
-  useEffect5(() => {
+  useEffect4(() => {
     fetchAll();
   }, []);
   useViewInput((input) => {
@@ -2246,14 +2274,14 @@ function DashboardView() {
 }
 
 // src/views/installed.tsx
-import { useState as useState6, useMemo as useMemo3, useEffect as useEffect9, useRef as useRef3 } from "react";
+import { useState as useState5, useMemo as useMemo3, useEffect as useEffect8, useRef as useRef3 } from "react";
 import { Box as Box15, Text as Text18 } from "ink";
 
 // src/hooks/use-debounce.ts
-import { useState as useState4, useEffect as useEffect6 } from "react";
+import { useState as useState3, useEffect as useEffect5 } from "react";
 function useDebounce(value, delayMs) {
-  const [debounced, setDebounced] = useState4(value);
-  useEffect6(() => {
+  const [debounced, setDebounced] = useState3(value);
+  useEffect5(() => {
     const timer = setTimeout(() => setDebounced(value), delayMs);
     return () => clearTimeout(timer);
   }, [value, delayMs]);
@@ -2261,7 +2289,7 @@ function useDebounce(value, delayMs) {
 }
 
 // src/hooks/use-brew-stream.ts
-import { useState as useState5, useCallback, useRef as useRef2, useEffect as useEffect7 } from "react";
+import { useState as useState4, useCallback, useRef as useRef2, useEffect as useEffect6 } from "react";
 var MAX_LINES = 100;
 async function logToHistory(args, success, error) {
   const detected = detectAction(args);
@@ -2274,13 +2302,13 @@ async function logToHistory(args, success, error) {
   }
 }
 function useBrewStream() {
-  const [lines, setLines] = useState5([]);
-  const [isRunning, setIsRunning] = useState5(false);
-  const [error, setError2] = useState5(null);
+  const [lines, setLines] = useState4([]);
+  const [isRunning, setIsRunning] = useState4(false);
+  const [error, setError2] = useState4(null);
   const cancelRef = useRef2(false);
   const generatorRef = useRef2(null);
   const mountedRef = useRef2(true);
-  useEffect7(() => {
+  useEffect6(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2360,13 +2388,13 @@ function SearchInput({ defaultValue, onChange, placeholder, isActive = true }) {
 }
 
 // src/components/common/confirm-dialog.tsx
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { Box as Box11, Text as Text14, useInput as useInput3 } from "ink";
 import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function ConfirmDialog({ message, onConfirm, onCancel }) {
   const locale = useLocaleStore((s) => s.locale);
   const { openModal, closeModal } = useModalStore();
-  useEffect8(() => {
+  useEffect7(() => {
     openModal();
     return () => {
       closeModal();
@@ -2450,14 +2478,18 @@ 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");
-  const [isSearching, setIsSearching] = useState6(false);
-  const [confirmUninstall, setConfirmUninstall] = useState6(null);
+  const [filter, setFilter] = useState5("");
+  const [cursor, setCursor] = useState5(0);
+  const [tab, setTab] = useState5("formulae");
+  const [isSearching, setIsSearching] = useState5(false);
+  const [confirmUninstall, setConfirmUninstall] = useState5(null);
   const debouncedFilter = useDebounce(filter, 200);
   const stream = useBrewStream();
   const listRows = useVisibleRows({
@@ -2470,10 +2502,10 @@ function InstalledView() {
     fallbackReservedRows: 14,
     minRows: 1
   });
-  useEffect9(() => {
+  useEffect8(() => {
     fetchInstalled();
   }, []);
-  useEffect9(() => {
+  useEffect8(() => {
     if (isSearching) {
       openModal();
       return () => {
@@ -2614,12 +2646,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 +2660,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: [
@@ -2650,17 +2691,17 @@ function InstalledView() {
 }
 
 // src/views/search.tsx
-import { useState as useState7, useCallback as useCallback2, useEffect as useEffect10, useRef as useRef4 } from "react";
+import { useState as useState6, useCallback as useCallback2, useEffect as useEffect9, useRef as useRef4 } from "react";
 import { Box as Box16, Text as Text19 } from "ink";
 import { TextInput as TextInput2 } from "@inkjs/ui";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function SearchView() {
-  const [query, setQuery] = useState7("");
-  const [results, setResults] = useState7(null);
-  const [searching, setSearching] = useState7(false);
-  const [searchError, setSearchError] = useState7(null);
-  const [cursor, setCursor] = useState7(0);
-  const [confirmInstall, setConfirmInstall] = useState7(null);
+  const [query, setQuery] = useState6("");
+  const [results, setResults] = useState6(null);
+  const [searching, setSearching] = useState6(false);
+  const [searchError, setSearchError] = useState6(null);
+  const [cursor, setCursor] = useState6(0);
+  const [confirmInstall, setConfirmInstall] = useState6(null);
   const stream = useBrewStream();
   const { openModal, closeModal } = useModalStore();
   const navigate = useNavigationStore((s) => s.navigate);
@@ -2677,7 +2718,7 @@ function SearchView() {
     fallbackReservedRows: 14,
     minRows: 1
   });
-  useEffect10(() => {
+  useEffect9(() => {
     if (results !== null) {
       openModal();
       return () => {
@@ -2705,7 +2746,7 @@ function SearchView() {
       setSearching(false);
     }
   }, []);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!stream.isRunning && !stream.error && stream.lines.length > 0 && !hasRefreshed.current) {
       hasRefreshed.current = true;
       void fetchInstalled();
@@ -2720,7 +2761,7 @@ function SearchView() {
     Math.max(0, allResults.length - resultRows)
   );
   const visibleResults = allResults.slice(start, start + resultRows);
-  useEffect10(() => {
+  useEffect9(() => {
     setCursor((current) => Math.min(current, Math.max(0, allResults.length - 1)));
   }, [allResults.length]);
   useViewInput((input, key) => {
@@ -2840,7 +2881,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,
               {
@@ -2862,7 +2903,7 @@ function SearchView() {
 }
 
 // src/views/outdated.tsx
-import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef5, useState as useState8 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo4, useRef as useRef5, useState as useState7 } from "react";
 import { Box as Box17, Text as Text20 } from "ink";
 import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function ImpactPanel({ impact }) {
@@ -2889,12 +2930,12 @@ function ImpactPanel({ impact }) {
 function OutdatedView() {
   const { outdated, loading, errors, fetchOutdated } = useBrewStore();
   const stream = useBrewStream();
-  const [cursor, setCursor] = useState8(0);
-  const [confirmAction, setConfirmAction] = useState8(null);
+  const [cursor, setCursor] = useState7(0);
+  const [confirmAction, setConfirmAction] = useState7(null);
   const hasRefreshed = useRef5(false);
   const pendingUpgradeRef = useRef5(null);
-  const [impact, setImpact] = useState8(null);
-  const [impactLoading, setImpactLoading] = useState8(false);
+  const [impact, setImpact] = useState7(null);
+  const [impactLoading, setImpactLoading] = useState7(false);
   const listRows = useVisibleRows({
     reservedRows: impact || impactLoading ? 11 : 7,
     fallbackReservedRows: impact || impactLoading ? 18 : 14,
@@ -2905,10 +2946,10 @@ function OutdatedView() {
     fallbackReservedRows: 14,
     minRows: 1
   });
-  useEffect11(() => {
+  useEffect10(() => {
     fetchOutdated();
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!stream.isRunning && !stream.error && stream.lines.length > 0 && !hasRefreshed.current) {
       hasRefreshed.current = true;
       void fetchOutdated().then(() => {
@@ -2935,7 +2976,7 @@ function OutdatedView() {
     [outdated.formulae, outdated.casks]
   );
   const debouncedCursor = useDebounce(cursor, 150);
-  useEffect11(() => {
+  useEffect10(() => {
     const pkg = allOutdated[debouncedCursor];
     if (!pkg || stream.isRunning) {
       setImpact(null);
@@ -3061,7 +3102,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);
@@ -3083,7 +3133,7 @@ ${t("outdated_upgradeAllList", { list: allOutdated.map((p) => p.name).join(", ")
 }
 
 // src/views/package-info.tsx
-import { useEffect as useEffect12, useRef as useRef6, useState as useState9 } from "react";
+import { useEffect as useEffect11, useRef as useRef6, useState as useState8 } from "react";
 import { Box as Box18, Text as Text21 } from "ink";
 import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var ACTION_PROGRESS_KEYS = {
@@ -3099,21 +3149,21 @@ var ACTION_CONFIRM_KEYS = {
 function PackageInfoView() {
   const packageName = useNavigationStore((s) => s.selectedPackage);
   const packageType = useNavigationStore((s) => s.selectedPackageType);
-  const [formula, setFormula] = useState9(null);
-  const [loading, setLoading2] = useState9(true);
-  const [error, setError2] = useState9(null);
-  const [confirmAction, setConfirmAction] = useState9(null);
+  const [formula, setFormula] = useState8(null);
+  const [loading, setLoading2] = useState8(true);
+  const [error, setError2] = useState8(null);
+  const [confirmAction, setConfirmAction] = useState8(null);
   const activeActionRef = useRef6("install");
   const mountedRef = useRef6(true);
   const hasRefreshed = useRef6(false);
   const stream = useBrewStream();
-  useEffect12(() => {
+  useEffect11(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!packageName) return;
     setLoading2(true);
     const fetchInfo = async () => {
@@ -3138,7 +3188,7 @@ function PackageInfoView() {
       }
     });
   }, [packageName, packageType]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!stream.isRunning && !stream.error && stream.lines.length > 0 && !hasRefreshed.current && packageName) {
       hasRefreshed.current = true;
       const refreshFn = packageType === "cask" ? getCaskInfo(packageName).then((c) => c ? { ...c, installed: c.installed ? [{ version: c.installed }] : [] } : null) : getFormulaInfo(packageName);
@@ -3298,7 +3348,7 @@ function PackageInfoView() {
 }
 
 // src/views/services.tsx
-import { useEffect as useEffect13, useRef as useRef7, useState as useState10 } from "react";
+import { useEffect as useEffect12, useRef as useRef7, useState as useState9 } from "react";
 import { Box as Box19, Text as Text22 } from "ink";
 import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var STATUS_VARIANTS = {
@@ -3315,21 +3365,26 @@ function humaniseServiceError(message) {
 }
 function ServicesView() {
   const { services, loading, errors, fetchServices, serviceAction: serviceAction2 } = useBrewStore();
-  const [cursor, setCursor] = useState10(0);
-  const [actionInProgress, setActionInProgress] = useState10(false);
-  const [confirmAction, setConfirmAction] = useState10(null);
-  const [lastError, setLastError] = useState10(null);
+  const [cursor, setCursor] = useState9(0);
+  const [actionInProgress, setActionInProgress] = useState9(false);
+  const [confirmAction, setConfirmAction] = useState9(null);
+  const [lastError, setLastError] = useState9(null);
   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,
     fallbackReservedRows: lastError || actionInProgress ? 16 : 14,
     minRows: 1
   });
-  useEffect13(() => {
+  useEffect12(() => {
     fetchServices();
   }, []);
   useViewInput((input, key) => {
@@ -3394,12 +3449,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 +3462,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: [
@@ -3431,25 +3495,25 @@ function ServicesView() {
 }
 
 // src/views/doctor.tsx
-import { useEffect as useEffect14, useRef as useRef8, useState as useState11 } from "react";
+import { useEffect as useEffect13, useRef as useRef8, useState as useState10 } from "react";
 import { Box as Box20, Text as Text23 } from "ink";
 import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function DoctorView() {
   const { doctorWarnings, doctorClean, loading, errors, fetchDoctor } = useBrewStore();
-  const [cursor, setCursor] = useState11(0);
+  const [cursor, setCursor] = useState10(0);
   const visibleWarnings = useVisibleRows({
     reservedRows: 6,
     fallbackReservedRows: 14,
     minRows: 1
   });
   const mountedRef = useRef8(true);
-  useEffect14(() => {
+  useEffect13(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect14(() => {
+  useEffect13(() => {
     fetchDoctor();
   }, []);
   useViewInput((input, key) => {
@@ -3487,7 +3551,7 @@ function DoctorView() {
 }
 
 // src/views/profiles.tsx
-import { useEffect as useEffect15, useRef as useRef9, useState as useState12 } from "react";
+import { useEffect as useEffect14, useRef as useRef9, useState as useState11 } from "react";
 import { Box as Box25 } from "ink";
 
 // src/stores/profile-store.ts
@@ -3859,23 +3923,23 @@ function ProfileEditDesc({ name, defaultDesc, loadError, onSubmit }) {
 import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function ProfilesView() {
   const { profileNames, selectedProfile, loading, loadError, fetchProfiles, loadProfile: loadProfile2, exportCurrent, deleteProfile: deleteProfile2, updateProfile: updateProfile2 } = useProfileStore();
-  const [cursor, setCursor] = useState12(0);
-  const [mode, setMode] = useState12("list");
-  const [newName, setNewName] = useState12("");
-  const [confirmDelete, setConfirmDelete] = useState12(false);
-  const [editName, setEditName] = useState12("");
-  const [editDesc, setEditDesc] = useState12("");
-  const [importLines, setImportLines] = useState12([]);
-  const [importRunning, setImportRunning] = useState12(false);
-  const [importHadError, setImportHadError] = useState12(false);
-  const [importProfile2, setImportProfile] = useState12(null);
+  const [cursor, setCursor] = useState11(0);
+  const [mode, setMode] = useState11("list");
+  const [newName, setNewName] = useState11("");
+  const [confirmDelete, setConfirmDelete] = useState11(false);
+  const [editName, setEditName] = useState11("");
+  const [editDesc, setEditDesc] = useState11("");
+  const [importLines, setImportLines] = useState11([]);
+  const [importRunning, setImportRunning] = useState11(false);
+  const [importHadError, setImportHadError] = useState11(false);
+  const [importProfile2, setImportProfile] = useState11(null);
   const { openModal, closeModal } = useModalStore();
   const importGenRef = useRef9(null);
   const mountedRef = useRef9(true);
-  useEffect15(() => {
+  useEffect14(() => {
     fetchProfiles();
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -3883,7 +3947,7 @@ function ProfilesView() {
       importGenRef.current = null;
     };
   }, []);
-  useEffect15(() => {
+  useEffect14(() => {
     if (mode !== "list") {
       openModal();
       return () => {
@@ -4059,7 +4123,7 @@ function ProfilesView() {
 }
 
 // src/views/smart-cleanup.tsx
-import { useEffect as useEffect16, useRef as useRef10, useState as useState13 } from "react";
+import { useEffect as useEffect15, useRef as useRef10, useState as useState12 } from "react";
 import { Box as Box26, Text as Text28 } from "ink";
 
 // src/stores/cleanup-store.ts
@@ -4183,10 +4247,10 @@ var useCleanupStore = create10((set, get) => ({
 import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
 function SmartCleanupView() {
   const { summary, selected, loading, error, analyze, toggleSelect, selectAll } = useCleanupStore();
-  const [cursor, setCursor] = useState13(0);
-  const [confirmClean, setConfirmClean] = useState13(false);
-  const [confirmForce, setConfirmForce] = useState13(false);
-  const [failedNames, setFailedNames] = useState13([]);
+  const [cursor, setCursor] = useState12(0);
+  const [confirmClean, setConfirmClean] = useState12(false);
+  const [confirmForce, setConfirmForce] = useState12(false);
+  const [failedNames, setFailedNames] = useState12([]);
   const stream = useBrewStream();
   const hasRefreshed = useRef10(false);
   const listRows = useVisibleRows({
@@ -4194,10 +4258,10 @@ function SmartCleanupView() {
     fallbackReservedRows: confirmClean || confirmForce ? 18 : 14,
     minRows: 1
   });
-  useEffect16(() => {
+  useEffect15(() => {
     analyze();
   }, []);
-  useEffect16(() => {
+  useEffect15(() => {
     if (!stream.isRunning && !stream.error && stream.lines.length > 0 && !hasRefreshed.current) {
       hasRefreshed.current = true;
       void analyze();
@@ -4333,7 +4397,7 @@ function SmartCleanupView() {
 }
 
 // src/views/history.tsx
-import { useEffect as useEffect17, useState as useState14, useMemo as useMemo5 } from "react";
+import { useEffect as useEffect16, useState as useState13, useMemo as useMemo5 } from "react";
 import { Box as Box27, Text as Text29 } from "ink";
 
 // src/stores/history-store.ts
@@ -4386,12 +4450,12 @@ var ACTION_LABEL_KEYS = {
 var FILTERS = ["all", "install", "uninstall", "upgrade", "upgrade-all"];
 function HistoryView() {
   const { entries, loading, error, fetchHistory, clearHistory: clearHistory2 } = useHistoryStore();
-  const [cursor, setCursor] = useState14(0);
-  const [filter, setFilter] = useState14("all");
-  const [searchQuery, setSearchQuery] = useState14("");
-  const [isSearching, setIsSearching] = useState14(false);
-  const [confirmClear, setConfirmClear] = useState14(false);
-  const [confirmReplay, setConfirmReplay] = useState14(null);
+  const [cursor, setCursor] = useState13(0);
+  const [filter, setFilter] = useState13("all");
+  const [searchQuery, setSearchQuery] = useState13("");
+  const [isSearching, setIsSearching] = useState13(false);
+  const [confirmClear, setConfirmClear] = useState13(false);
+  const [confirmReplay, setConfirmReplay] = useState13(null);
   const stream = useBrewStream();
   const debouncedQuery = useDebounce(searchQuery, 200);
   const { openModal, closeModal } = useModalStore();
@@ -4405,10 +4469,10 @@ function HistoryView() {
     fallbackReservedRows: 16,
     minRows: 1
   });
-  useEffect17(() => {
+  useEffect16(() => {
     fetchHistory();
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     if (isSearching) {
       openModal();
       return () => {
@@ -4529,8 +4593,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);
@@ -4549,7 +4613,7 @@ function HistoryView() {
 }
 
 // src/views/security-audit.tsx
-import { useEffect as useEffect18, useState as useState15 } from "react";
+import { useEffect as useEffect17, useState as useState14 } from "react";
 import { Box as Box28, Text as Text30 } from "ink";
 import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 var SEVERITY_COLORS = {
@@ -4572,11 +4636,11 @@ function isNetworkError(msg) {
 function SecurityAuditView() {
   const { summary, loading, error, scan, cachedAt } = useSecurityStore();
   const navigate = useNavigationStore((s) => s.navigate);
-  const [cursor, setCursor] = useState15(0);
-  const [expandedPkg, setExpandedPkg] = useState15(null);
-  const [confirmUpgrade, setConfirmUpgrade] = useState15(null);
+  const [cursor, setCursor] = useState14(0);
+  const [expandedPkg, setExpandedPkg] = useState14(null);
+  const [confirmUpgrade, setConfirmUpgrade] = useState14(null);
   const stream = useBrewStream();
-  useEffect18(() => {
+  useEffect17(() => {
     scan();
   }, []);
   const results = summary?.results ?? [];
@@ -4681,7 +4745,7 @@ function SecurityAuditView() {
 }
 
 // src/views/account.tsx
-import { useState as useState16 } from "react";
+import { useState as useState15 } from "react";
 import { Box as Box29, Text as Text31 } from "ink";
 import { TextInput as TextInput5 } from "@inkjs/ui";
 
@@ -4763,13 +4827,13 @@ async function redeemPromoCode(code) {
 import { Fragment as Fragment5, jsx as jsx33, jsxs as jsxs30 } from "react/jsx-runtime";
 function AccountView() {
   const { status, license, deactivate: deactivate2, revalidate: revalidate2, degradation } = useLicenseStore();
-  const [confirmDeactivate, setConfirmDeactivate] = useState16(false);
-  const [deactivating, setDeactivating] = useState16(false);
-  const [deactivateError, setDeactivateError] = useState16(null);
-  const [promoMode, setPromoMode] = useState16(false);
-  const [promoLoading, setPromoLoading] = useState16(false);
-  const [promoResult, setPromoResult] = useState16(null);
-  const [revalidating, setRevalidating] = useState16(false);
+  const [confirmDeactivate, setConfirmDeactivate] = useState15(false);
+  const [deactivating, setDeactivating] = useState15(false);
+  const [deactivateError, setDeactivateError] = useState15(null);
+  const [promoMode, setPromoMode] = useState15(false);
+  const [promoLoading, setPromoLoading] = useState15(false);
+  const [promoResult, setPromoResult] = useState15(null);
+  const [revalidating, setRevalidating] = useState15(false);
   useViewInput((input, key) => {
     if (confirmDeactivate || deactivating || promoMode || revalidating) {
       if (key.escape && promoMode) {
@@ -4913,13 +4977,13 @@ 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.1" })
     ] }) })
   ] });
 }
 
 // src/views/rollback.tsx
-import { useCallback as useCallback3, useEffect as useEffect19, useRef as useRef11, useState as useState17 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect18, useRef as useRef11, useState as useState16 } from "react";
 import { Box as Box30, Text as Text32 } from "ink";
 
 // src/stores/rollback-store.ts
@@ -4955,10 +5019,10 @@ async function detectStrategy(name, targetVersion, packageType) {
   }
   return { strategy: "pin-only" };
 }
-async function buildRollbackPlan(snapshot, isPro) {
+async function buildRollbackPlan(snapshot2, isPro) {
   if (!isPro) throw new Error("Pro license required");
   const current = await captureSnapshot();
-  const diff = diffSnapshots(snapshot, current);
+  const diff = diffSnapshots(snapshot2, current);
   const actions = [];
   const warnings = [];
   for (const entry of diff.upgraded) {
@@ -5024,8 +5088,8 @@ async function buildRollbackPlan(snapshot, isPro) {
     warnings.push(`${caskPinCount} cask(s) will be pinned only (version restoration not supported)`);
   }
   const canExecute = actions.some((a) => a.strategy !== "unavailable");
-  const snapshotLabel = snapshot.label ?? "Auto";
-  const snapshotDate = new Date(snapshot.capturedAt).toLocaleString();
+  const snapshotLabel = snapshot2.label ?? "Auto";
+  const snapshotDate = new Date(snapshot2.capturedAt).toLocaleString();
   logger.debug("Built rollback plan", { actionCount: actions.length, canExecute });
   return {
     snapshotLabel,
@@ -5113,14 +5177,14 @@ var useRollbackStore = create12((set) => ({
       set({ error: err instanceof Error ? err.message : String(err), loading: false });
     }
   },
-  selectSnapshot: async (snapshot, isPro) => {
-    if (!snapshot) {
+  selectSnapshot: async (snapshot2, isPro) => {
+    if (!snapshot2) {
       set({ selectedSnapshot: null, plan: null, planError: null });
       return;
     }
-    set({ selectedSnapshot: snapshot, plan: null, planLoading: true, planError: null });
+    set({ selectedSnapshot: snapshot2, plan: null, planLoading: true, planError: null });
     try {
-      const plan = await buildRollbackPlan(snapshot, isPro);
+      const plan = await buildRollbackPlan(snapshot2, isPro);
       set({ plan, planLoading: false });
     } catch (err) {
       set({ planError: err instanceof Error ? err.message : String(err), planLoading: false });
@@ -5225,11 +5289,11 @@ function PlanView({ plan }) {
 function RollbackView() {
   const isPro = useLicenseStore((s) => s.isPro);
   const { snapshots, loading, error, plan, planLoading, planError, fetchSnapshots, selectSnapshot, clearPlan } = useRollbackStore();
-  const [cursor, setCursor] = useState17(0);
-  const [phase, setPhase] = useState17("list");
-  const [streamLines, setStreamLines] = useState17([]);
-  const [streamRunning, setStreamRunning] = useState17(false);
-  const [streamError, setStreamError] = useState17(null);
+  const [cursor, setCursor] = useState16(0);
+  const [phase, setPhase] = useState16("list");
+  const [streamLines, setStreamLines] = useState16([]);
+  const [streamRunning, setStreamRunning] = useState16(false);
+  const [streamError, setStreamError] = useState16(null);
   const generatorRef = useRef11(null);
   const mountedRef = useRef11(true);
   const snapshotRows = useVisibleRows({
@@ -5237,14 +5301,14 @@ function RollbackView() {
     fallbackReservedRows: 14,
     minRows: 1
   });
-  useEffect19(() => {
+  useEffect18(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
       void generatorRef.current?.return(void 0);
     };
   }, []);
-  useEffect19(() => {
+  useEffect18(() => {
     void fetchSnapshots(isPro());
   }, []);
   const runRollback = useCallback3(async (p) => {
@@ -5381,7 +5445,7 @@ function RollbackView() {
 }
 
 // src/views/brewfile.tsx
-import { useCallback as useCallback4, useEffect as useEffect20, useRef as useRef12, useState as useState18 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect19, useRef as useRef12, useState as useState17 } from "react";
 import { Box as Box31, Text as Text33 } from "ink";
 import { TextInput as TextInput6 } from "@inkjs/ui";
 import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
@@ -5427,14 +5491,14 @@ function DriftSummary({ drift }) {
 function BrewfileView() {
   const isPro = useLicenseStore((s) => s.isPro);
   const { schema, drift, loading, driftLoading, error, load, createFromCurrent } = useBrewfileStore();
-  const [phase, setPhase] = useState18("overview");
-  const [streamLines, setStreamLines] = useState18([]);
-  const [streamRunning, setStreamRunning] = useState18(false);
-  const [streamError, setStreamError] = useState18(null);
-  const [resultMessage, setResultMessage] = useState18("");
+  const [phase, setPhase] = useState17("overview");
+  const [streamLines, setStreamLines] = useState17([]);
+  const [streamRunning, setStreamRunning] = useState17(false);
+  const [streamError, setStreamError] = useState17(null);
+  const [resultMessage, setResultMessage] = useState17("");
   const generatorRef = useRef12(null);
   const mountedRef = useRef12(true);
-  useEffect20(() => {
+  useEffect19(() => {
     mountedRef.current = true;
     void load();
     return () => {
@@ -5610,7 +5674,7 @@ function BrewfileView() {
 }
 
 // src/views/sync.tsx
-import { useCallback as useCallback5, useEffect as useEffect21, useState as useState19 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect20, useState as useState18 } from "react";
 import { Box as Box32, Text as Text34 } from "ink";
 import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 function OverviewSection({
@@ -5736,14 +5800,14 @@ function SyncView() {
   const isPro = useLicenseStore((s) => s.isPro);
   const navigate = useNavigationStore((s) => s.navigate);
   const { config, lastResult, conflicts, loading, error, initialize, syncNow, resolveConflicts } = useSyncStore();
-  const [phase, setPhase] = useState19("overview");
-  const [syncError, setSyncError] = useState19(null);
-  const [conflictEntries, setConflictEntries] = useState19([]);
-  const [cursor, setCursor] = useState19(0);
-  useEffect21(() => {
+  const [phase, setPhase] = useState18("overview");
+  const [syncError, setSyncError] = useState18(null);
+  const [conflictEntries, setConflictEntries] = useState18([]);
+  const [cursor, setCursor] = useState18(0);
+  useEffect20(() => {
     void initialize(isPro());
   }, []);
-  useEffect21(() => {
+  useEffect20(() => {
     if (conflicts.length > 0) {
       setConflictEntries(
         conflicts.map((c) => ({ conflict: c, resolution: "pending" }))
@@ -5908,7 +5972,7 @@ function SyncView() {
 }
 
 // src/views/compliance.tsx
-import { useCallback as useCallback6, useEffect as useEffect22, useRef as useRef13, useState as useState20 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect21, useRef as useRef13, useState as useState19 } from "react";
 import { Box as Box33, Text as Text35 } from "ink";
 import { TextInput as TextInput7 } from "@inkjs/ui";
 
@@ -6035,13 +6099,13 @@ function ViolationList({ violations }) {
 function ComplianceView() {
   const isPro = useLicenseStore((s) => s.isPro);
   const { policy, report, loading, error, importPolicy, runCheck } = useComplianceStore();
-  const [phase, setPhase] = useState20("overview");
-  const [resultMessage, setResultMessage] = useState20(null);
-  const [streamLines, setStreamLines] = useState20([]);
-  const [streamRunning, setStreamRunning] = useState20(false);
+  const [phase, setPhase] = useState19("overview");
+  const [resultMessage, setResultMessage] = useState19(null);
+  const [streamLines, setStreamLines] = useState19([]);
+  const [streamRunning, setStreamRunning] = useState19(false);
   const generatorRef = useRef13(null);
   const mountedRef = useRef13(true);
-  useEffect22(() => {
+  useEffect21(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -6246,7 +6310,7 @@ function ComplianceView() {
 import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 function LicenseInitializer() {
   const initLicense = useLicenseStore((s) => s.initialize);
-  useEffect23(() => {
+  useEffect22(() => {
     initLicense();
   }, []);
   return null;
@@ -6299,8 +6363,8 @@ function App() {
   const { exit } = useApp();
   const currentView = useNavigationStore((s) => s.currentView);
   const isTestEnv = typeof process !== "undefined" && false;
-  const [showWelcome, setShowWelcome] = useState21(isTestEnv ? false : null);
-  useEffect23(() => {
+  const [showWelcome, setShowWelcome] = useState20(isTestEnv ? false : null);
+  useEffect22(() => {
     if (isTestEnv) return;
     void hasCompletedOnboarding().then((done) => setShowWelcome(!done));
   }, []);
@@ -6397,7 +6461,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.1" : "unknown";
   await postReport(buildReport("error", err, context, machineId, version), config);
 }
 async function installCrashReporter() {
@@ -6406,7 +6470,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.1" : "unknown";
   process.on("uncaughtException", (err) => {
     void postReport(buildReport("fatal", err, { kind: "uncaughtException" }, machineId, version), config);
   });
@@ -6421,7 +6485,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.1\n");
     return;
   }
   await ensureDataDirs();
@@ -6604,7 +6668,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-AIYMRDFF.js");
   try {
     if (!await isBrewBarInstalled()) {
       console.log(t("cli_brewbarInstalling"));