brew-tui 0.9.2 → 1.1.0

package/build/index.js

@@ -66,14 +66,40 @@ import { rm as rm2 } from "fs/promises";
 import { render } from "ink";
 
 // src/app.tsx
-import { useEffect as useEffect23, useState as useState20 } from "react";
+import { useEffect as useEffect23, useState as useState21 } from "react";
 import { useApp } from "ink";
 
 // src/components/layout/app-layout.tsx
+import { useRef } from "react";
 import { Box as Box3 } from "ink";
 
 // src/components/layout/header.tsx
-import { Box, Text as Text3, useStdout } from "ink";
+import { Box, Text as Text3 } from "ink";
+
+// src/hooks/use-terminal-size.ts
+import { useEffect, useState } from "react";
+import { useStdout } from "ink";
+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;
+}
 
 // src/stores/navigation-store.ts
 import { create } from "zustand";
@@ -296,7 +322,7 @@ var GRADIENTS = {
 };
 
 // src/components/common/blinking-text.tsx
-import { useEffect, useState } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 import { Text as Text2 } from "ink";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function BlinkingText({
@@ -305,8 +331,8 @@ function BlinkingText({
   bold = true,
   children
 }) {
-  const [bright, setBright] = useState(true);
-  useEffect(() => {
+  const [bright, setBright] = useState2(true);
+  useEffect2(() => {
     const id = setInterval(() => setBright((b) => !b), intervalMs);
     return () => clearInterval(id);
   }, [intervalMs]);
@@ -388,9 +414,11 @@ function Header() {
   const menuMode = useNavigationStore((s) => s.menuMode);
   const menuCursor = useNavigationStore((s) => s.menuCursor);
   useLocaleStore((s) => s.locale);
-  const { stdout } = useStdout();
-  const cols = stdout?.columns ?? 80;
-  const isNarrow = cols < 95;
+  const { columns, rows } = useTerminalSize();
+  const isNarrow = columns < 95;
+  const hideLogoByWidth = columns < 45;
+  const hideLogoByHeight = rows < 32;
+  const collapseMenu = rows < 22 && !menuMode;
   const cursorView = menuMode ? MENU_VIEWS[menuCursor] ?? null : null;
   const logoBlock = /* @__PURE__ */ jsx3(Box, { flexDirection: "column", flexShrink: 0, children: LOGO_BREW.map((brew, i) => /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx3(GradientText, { colors: GRADIENTS.gold, children: brew }),
@@ -411,12 +439,30 @@ function Header() {
       t("hint_menuOpen_suffix")
     ] }) })
   ] });
+  if (collapseMenu) {
+    const currentLabel = t(VIEW_LABEL_KEYS[currentView]);
+    const currentIsPro = isProView(currentView) || isTeamView(currentView);
+    return /* @__PURE__ */ jsxs(Box, { paddingX: SPACING.xs, children: [
+      /* @__PURE__ */ jsx3(Text3, { color: COLORS.success, bold: true, children: "\u25B6 " }),
+      /* @__PURE__ */ jsx3(Text3, { color: COLORS.success, bold: true, children: currentLabel }),
+      currentIsPro && /* @__PURE__ */ jsxs(Text3, { color: COLORS.brand, bold: true, children: [
+        " ",
+        t("pro_badge")
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { color: COLORS.textSecondary, children: "  " }),
+      /* @__PURE__ */ jsx3(BlinkingText, { color: COLORS.brand, children: "M" }),
+      /* @__PURE__ */ jsx3(Text3, { color: COLORS.textSecondary, children: t("hint_menuOpen_suffix") })
+    ] });
+  }
   if (isNarrow) {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: SPACING.xs, children: [
-      logoBlock,
-      /* @__PURE__ */ jsx3(Box, { marginTop: SPACING.xs, children: menuBlock })
+      !hideLogoByWidth && !hideLogoByHeight && logoBlock,
+      /* @__PURE__ */ jsx3(Box, { marginTop: hideLogoByWidth || hideLogoByHeight ? SPACING.none : SPACING.xs, children: menuBlock })
     ] });
   }
+  if (hideLogoByHeight) {
+    return /* @__PURE__ */ jsx3(Box, { flexDirection: "column", paddingX: SPACING.xs, children: menuBlock });
+  }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", paddingX: SPACING.xs, alignItems: "center", children: [
     logoBlock,
     /* @__PURE__ */ jsx3(Box, { marginLeft: SPACING.sm, children: menuBlock })
@@ -459,8 +505,9 @@ function Footer() {
   const currentView = useNavigationStore((s) => s.currentView);
   const menuMode = useNavigationStore((s) => s.menuMode);
   const locale = useLocaleStore((s) => s.locale);
+  const { rows } = useTerminalSize();
   const defs = VIEW_HINT_DEFS[currentView] ?? [];
-  const showChoose = hasNumberedActions(defs) && !menuMode;
+  const showChoose = hasNumberedActions(defs) && !menuMode && rows >= 26;
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
     showChoose && /* @__PURE__ */ jsx4(Box2, { paddingX: SPACING.xs, children: /* @__PURE__ */ jsx4(Text4, { color: COLORS.text, children: t("hint_chooseNumber") }) }),
     /* @__PURE__ */ jsxs2(Box2, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: COLORS.gold, paddingX: SPACING.xs, flexWrap: "wrap", children: [
@@ -505,13 +552,64 @@ function Footer() {
   ] });
 }
 
+// src/hooks/use-container-size.ts
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { measureElement } from "ink";
+function useContainerSize(ref) {
+  const terminal = useTerminalSize();
+  const [size, setSize] = useState3({ width: 0, height: 0 });
+  useEffect3(() => {
+    if (!ref.current) return;
+    const measured = measureElement(ref.current);
+    setSize(
+      (prev) => prev.width === measured.width && prev.height === measured.height ? prev : measured
+    );
+  }, [ref, terminal.columns, terminal.rows]);
+  return size;
+}
+
+// src/components/layout/content-size-context.tsx
+import { createContext, useContext } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var EMPTY_CONTENT_SIZE = { width: 0, height: 0 };
+var ContentSizeContext = createContext(EMPTY_CONTENT_SIZE);
+function ContentSizeProvider({
+  children,
+  value
+}) {
+  return /* @__PURE__ */ jsx5(ContentSizeContext.Provider, { value, children });
+}
+function useContentSize() {
+  return useContext(ContentSizeContext);
+}
+
 // src/components/layout/app-layout.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function AppLayout({ children }) {
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", width: "100%", children: [
-    /* @__PURE__ */ jsx5(Header, {}),
-    /* @__PURE__ */ jsx5(Box3, { flexDirection: "column", flexGrow: 1, paddingX: SPACING.sm, paddingY: SPACING.xs, children }),
-    /* @__PURE__ */ jsx5(Footer, {})
+  const { rows } = useTerminalSize();
+  const contentRef = useRef(null);
+  const contentSize = useContainerSize(contentRef);
+  const innerContentSize = {
+    width: Math.max(0, contentSize.width - SPACING.sm * 2),
+    height: Math.max(0, contentSize.height - SPACING.xs * 2)
+  };
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", width: "100%", height: rows, overflow: "hidden", children: [
+    /* @__PURE__ */ jsx6(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx6(Header, {}) }),
+    /* @__PURE__ */ jsx6(
+      Box3,
+      {
+        ref: contentRef,
+        flexDirection: "column",
+        flexGrow: 1,
+        flexShrink: 1,
+        minHeight: 0,
+        overflow: "hidden",
+        paddingX: SPACING.sm,
+        paddingY: SPACING.xs,
+        children: /* @__PURE__ */ jsx6(ContentSizeProvider, { value: innerContentSize, children })
+      }
+    ),
+    /* @__PURE__ */ jsx6(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx6(Footer, {}) })
   ] });
 }
 
@@ -737,7 +835,7 @@ async function markOnboardingComplete() {
 }
 
 // src/views/welcome.tsx
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { Box as Box4, Text as Text5 } from "ink";
 
 // src/hooks/use-view-input.ts
@@ -749,9 +847,9 @@ function useViewInput(handler, opts) {
 }
 
 // src/views/welcome.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function WelcomeView({ onContinue }) {
-  useEffect2(() => {
+  useEffect4(() => {
     return () => {
     };
   }, []);
@@ -760,65 +858,65 @@ function WelcomeView({ onContinue }) {
       void markOnboardingComplete().finally(onContinue);
     }
   });
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingY: SPACING.md, paddingX: SPACING.lg, children: [
-    /* @__PURE__ */ jsx6(Box4, { children: /* @__PURE__ */ jsx6(GradientText, { colors: GRADIENTS.gold, bold: true, children: t("welcome_title") }) }),
-    /* @__PURE__ */ jsx6(Box4, { marginTop: SPACING.sm, children: /* @__PURE__ */ jsx6(Text5, { color: COLORS.text, children: t("welcome_intro") }) }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: SPACING.sm, children: [
-      /* @__PURE__ */ jsx6(Text5, { color: COLORS.muted, children: t("welcome_keysHeader") }),
-      /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingLeft: SPACING.sm, marginTop: SPACING.xs, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingY: SPACING.xs, paddingX: SPACING.sm, flexShrink: 1, children: [
+    /* @__PURE__ */ jsx7(Box4, { children: /* @__PURE__ */ jsx7(GradientText, { colors: GRADIENTS.gold, bold: true, children: t("welcome_title") }) }),
+    /* @__PURE__ */ jsx7(Box4, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx7(Text5, { color: COLORS.text, wrap: "wrap", children: t("welcome_intro") }) }),
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: SPACING.xs, children: [
+      /* @__PURE__ */ jsx7(Text5, { color: COLORS.muted, children: t("welcome_keysHeader") }),
+      /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingLeft: SPACING.sm, children: [
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "m" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "m" }),
           "       ",
           t("welcome_keyMenu")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "\u2191 \u2193" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "\u2191 \u2193" }),
           "     ",
           t("welcome_keyMove")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "1-9" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "1-9" }),
           "     ",
           t("welcome_keyAction")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "Enter" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "Enter" }),
           "   ",
           t("welcome_keySelect")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "S" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "S" }),
           "       ",
           t("welcome_keySearch")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "Esc" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "Esc" }),
           "     ",
           t("welcome_keyBack")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "L" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "L" }),
           "       ",
           t("welcome_keyLocale")
         ] }),
         /* @__PURE__ */ jsxs4(Text5, { children: [
-          /* @__PURE__ */ jsx6(Text5, { color: COLORS.gold, bold: true, children: "q" }),
+          /* @__PURE__ */ jsx7(Text5, { color: COLORS.gold, bold: true, children: "q" }),
           "       ",
           t("welcome_keyQuit")
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: SPACING.sm, children: [
-      /* @__PURE__ */ jsx6(Text5, { color: COLORS.muted, children: t("welcome_proHeader") }),
-      /* @__PURE__ */ jsx6(Box4, { paddingLeft: SPACING.sm, children: /* @__PURE__ */ jsx6(Text5, { color: COLORS.textSecondary, children: t("welcome_proIntro") }) })
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: SPACING.xs, children: [
+      /* @__PURE__ */ jsx7(Text5, { color: COLORS.muted, children: t("welcome_proHeader") }),
+      /* @__PURE__ */ jsx7(Box4, { paddingLeft: SPACING.sm, children: /* @__PURE__ */ jsx7(Text5, { color: COLORS.textSecondary, wrap: "wrap", children: t("welcome_proIntro") }) })
     ] }),
-    /* @__PURE__ */ jsx6(Box4, { marginTop: SPACING.md, children: /* @__PURE__ */ jsx6(Text5, { color: COLORS.success, bold: true, children: t("welcome_continueHint") }) })
+    /* @__PURE__ */ jsx7(Box4, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx7(Text5, { color: COLORS.success, bold: true, children: t("welcome_continueHint") }) })
   ] });
 }
 
 // src/components/common/upgrade-prompt.tsx
 import { Box as Box5, Text as Text6 } from "ink";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var FEATURE_KEYS = {
   profiles: { title: "upgrade_profiles", desc: "upgrade_profilesDesc" },
   "smart-cleanup": { title: "upgrade_cleanup", desc: "upgrade_cleanupDesc" },
@@ -838,15 +936,16 @@ function UpgradePrompt({ viewId }) {
   const pricingKey = team ? "upgrade_teamPricing" : "upgrade_pricing";
   const buyUrlKey = team ? "upgrade_buyUrlTeam" : "upgrade_buyUrl";
   const labelKey = team ? "upgrade_teamLabel" : "upgrade_proLabel";
-  return /* @__PURE__ */ jsx7(Box5, { flexDirection: "column", alignItems: "center", paddingY: SPACING.sm, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx8(Box5, { flexDirection: "column", alignItems: "center", paddingY: SPACING.xs, children: /* @__PURE__ */ jsxs5(
     Box5,
     {
       borderStyle: "double",
       borderColor: COLORS.brand,
-      paddingX: SPACING.md,
-      paddingY: SPACING.sm,
+      paddingX: SPACING.sm,
+      paddingY: SPACING.none,
       flexDirection: "column",
       alignItems: "center",
+      flexShrink: 1,
       width: "80%",
       children: [
         /* @__PURE__ */ jsxs5(Text6, { bold: true, color: COLORS.brand, children: [
@@ -854,25 +953,14 @@ function UpgradePrompt({ viewId }) {
           " ",
           t(headerKey, { title })
         ] }),
-        /* @__PURE__ */ jsx7(Text6, { children: " " }),
-        /* @__PURE__ */ jsx7(Text6, { color: COLORS.text, wrap: "wrap", children: t(keys.desc) }),
-        /* @__PURE__ */ jsx7(Text6, { children: " " }),
-        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", alignItems: "center", children: [
-          /* @__PURE__ */ jsx7(Text6, { color: COLORS.info, bold: true, children: t(pricingKey) }),
-          /* @__PURE__ */ jsx7(Text6, { children: " " }),
-          /* @__PURE__ */ jsx7(Text6, { color: COLORS.muted, children: t("upgrade_buyAt") }),
-          /* @__PURE__ */ jsxs5(Text6, { color: COLORS.sky, bold: true, children: [
-            "  ",
-            t(buyUrlKey)
-          ] }),
-          /* @__PURE__ */ jsx7(Text6, { children: " " }),
-          /* @__PURE__ */ jsx7(Text6, { color: COLORS.muted, children: t("upgrade_activateWith") }),
-          /* @__PURE__ */ jsxs5(Text6, { color: COLORS.success, bold: true, children: [
-            "  ",
-            t("upgrade_activateCmd")
-          ] }),
-          /* @__PURE__ */ jsx7(Text6, { children: " " }),
-          /* @__PURE__ */ jsx7(Text6, { color: COLORS.brand, children: t(labelKey) })
+        /* @__PURE__ */ jsx8(Text6, { color: COLORS.text, wrap: "wrap", children: t(keys.desc) }),
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", alignItems: "center", marginTop: SPACING.xs, children: [
+          /* @__PURE__ */ jsx8(Text6, { color: COLORS.info, bold: true, children: t(pricingKey) }),
+          /* @__PURE__ */ jsx8(Text6, { color: COLORS.muted, children: t("upgrade_buyAt") }),
+          /* @__PURE__ */ jsx8(Text6, { color: COLORS.sky, bold: true, children: t(buyUrlKey) }),
+          /* @__PURE__ */ jsx8(Text6, { color: COLORS.muted, children: t("upgrade_activateWith") }),
+          /* @__PURE__ */ jsx8(Text6, { color: COLORS.success, bold: true, children: t("upgrade_activateCmd") }),
+          /* @__PURE__ */ jsx8(Text6, { color: COLORS.brand, children: t(labelKey) })
         ] })
       ]
     }
@@ -880,8 +968,20 @@ function UpgradePrompt({ viewId }) {
 }
 
 // src/views/dashboard.tsx
-import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
-import { Box as Box9, Text as Text12, useStdout as useStdout3 } from "ink";
+import { useEffect as useEffect5, useMemo as useMemo2 } from "react";
+import { Box as Box9, Text as Text12 } from "ink";
+
+// src/hooks/use-visible-rows.ts
+function useVisibleRows({
+  reservedRows,
+  fallbackReservedRows = reservedRows,
+  minRows = 3
+}) {
+  const { height: contentHeight } = useContentSize();
+  const { rows: terminalRows } = useTerminalSize();
+  const availableRows = contentHeight > 0 ? contentHeight - reservedRows : terminalRows - fallbackReservedRows;
+  return Math.max(minRows, Math.floor(availableRows));
+}
 
 // src/stores/brew-store.ts
 import { create as create4 } from "zustand";
@@ -1847,12 +1947,11 @@ var useComplianceStore = create8((set, get) => ({
 }));
 
 // src/components/common/stat-card.tsx
-import { Box as Box6, Text as Text7, useStdout as useStdout2 } from "ink";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text7 } from "ink";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function StatCard({ label, value, color = COLORS.white }) {
-  const { stdout } = useStdout2();
-  const cols = stdout?.columns ?? 80;
-  const minW = cols < 60 ? 12 : cols < 100 ? 14 : 16;
+  const { columns } = useTerminalSize();
+  const minW = columns < 60 ? 12 : columns < 100 ? 14 : 16;
   return /* @__PURE__ */ jsxs6(
     Box6,
     {
@@ -1862,10 +1961,11 @@ function StatCard({ label, value, color = COLORS.white }) {
       paddingY: SPACING.none,
       flexDirection: "column",
       alignItems: "center",
+      flexShrink: 1,
       minWidth: minW,
       children: [
-        /* @__PURE__ */ jsx8(Text7, { bold: true, color, children: value }),
-        /* @__PURE__ */ jsx8(Text7, { color: COLORS.muted, children: label })
+        /* @__PURE__ */ jsx9(Text7, { bold: true, color, children: value }),
+        /* @__PURE__ */ jsx9(Text7, { color: COLORS.muted, children: label })
       ]
     }
   );
@@ -1874,10 +1974,10 @@ function StatCard({ label, value, color = COLORS.white }) {
 // src/components/common/loading.tsx
 import { Box as Box7, Text as Text8 } from "ink";
 import { Spinner } from "@inkjs/ui";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function Loading({ message }) {
   useLocaleStore((s) => s.locale);
-  return /* @__PURE__ */ jsx9(Box7, { paddingY: SPACING.xs, children: /* @__PURE__ */ jsx9(Spinner, { label: message ?? t("loading_default") }) });
+  return /* @__PURE__ */ jsx10(Box7, { paddingY: SPACING.xs, children: /* @__PURE__ */ jsx10(Spinner, { label: message ?? t("loading_default") }) });
 }
 function ErrorMessage({ message }) {
   useLocaleStore((s) => s.locale);
@@ -1887,7 +1987,7 @@ function ErrorMessage({ message }) {
       " ",
       t("error_prefix")
     ] }),
-    /* @__PURE__ */ jsx9(Text8, { color: COLORS.error, children: message })
+    /* @__PURE__ */ jsx10(Text8, { color: COLORS.error, children: message })
   ] });
 }
 
@@ -1912,14 +2012,14 @@ function StatusBadge({ label, variant }) {
 
 // src/components/common/section-header.tsx
 import { Box as Box8, Text as Text10 } from "ink";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function SectionHeader({ emoji, title, color = COLORS.gold, gradient, count }) {
   return /* @__PURE__ */ jsxs9(Box8, { gap: SPACING.xs, children: [
     /* @__PURE__ */ jsxs9(Text10, { children: [
       emoji,
       " "
     ] }),
-    gradient ? /* @__PURE__ */ jsx10(GradientText, { colors: gradient, bold: true, children: title }) : /* @__PURE__ */ jsx10(Text10, { bold: true, color, children: title }),
+    gradient ? /* @__PURE__ */ jsx11(GradientText, { colors: gradient, bold: true, children: title }) : /* @__PURE__ */ jsx11(Text10, { bold: true, color, children: title }),
     count !== void 0 && /* @__PURE__ */ jsxs9(Text10, { color: COLORS.textSecondary, children: [
       "(",
       count,
@@ -1930,22 +2030,22 @@ function SectionHeader({ emoji, title, color = COLORS.gold, gradient, count }) {
 
 // src/components/common/version-arrow.tsx
 import { Text as Text11 } from "ink";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function VersionArrow({ current, latest }) {
   return /* @__PURE__ */ jsxs10(Fragment3, { children: [
     /* @__PURE__ */ jsxs10(Text11, { color: COLORS.muted, children: [
       t("version_installed"),
       " "
     ] }),
-    /* @__PURE__ */ jsx11(Text11, { color: COLORS.error, children: current }),
-    /* @__PURE__ */ jsx11(Text11, { color: COLORS.warning, children: " \u2500\u2500 " }),
-    /* @__PURE__ */ jsx11(Text11, { color: COLORS.gold, children: "\u25B6" }),
+    /* @__PURE__ */ jsx12(Text11, { color: COLORS.error, children: current }),
+    /* @__PURE__ */ jsx12(Text11, { color: COLORS.warning, children: " \u2500\u2500 " }),
+    /* @__PURE__ */ jsx12(Text11, { color: COLORS.gold, children: "\u25B6" }),
     /* @__PURE__ */ jsxs10(Text11, { color: COLORS.muted, children: [
       " ",
       t("version_available"),
       " "
     ] }),
-    /* @__PURE__ */ jsx11(Text11, { color: COLORS.teal, children: latest })
+    /* @__PURE__ */ jsx12(Text11, { color: COLORS.teal, children: latest })
   ] });
 }
 
@@ -1977,7 +2077,7 @@ function truncate(str, maxLen) {
 }
 
 // src/views/dashboard.tsx
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function ProStatusPanel() {
   const security = useSecurityStore((s) => s.summary);
   const drift = useBrewfileStore((s) => s.drift);
@@ -1990,28 +2090,28 @@ function ProStatusPanel() {
   const syncAgo = lastSync ? formatRelativeTime(new Date(lastSync).getTime() / 1e3) : null;
   const violationCount = complianceReport ? complianceReport.violations.length : null;
   return /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.purple, paddingX: SPACING.sm, paddingY: SPACING.none, marginTop: SPACING.xs, children: [
-    /* @__PURE__ */ jsx12(Text12, { bold: true, color: COLORS.purple, children: t("dashboard_pro_status") }),
+    /* @__PURE__ */ jsx13(Text12, { bold: true, color: COLORS.purple, children: t("dashboard_pro_status") }),
     /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_security") }),
-      cveCount === null ? /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: "\u2014" }) : cveCount === 0 ? /* @__PURE__ */ jsx12(Text12, { color: COLORS.success, children: t("dashboard_no_cves") }) : /* @__PURE__ */ jsxs11(Text12, { color: COLORS.error, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_security") }),
+      cveCount === null ? /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: "\u2014" }) : cveCount === 0 ? /* @__PURE__ */ jsx13(Text12, { color: COLORS.success, children: t("dashboard_no_cves") }) : /* @__PURE__ */ jsxs11(Text12, { color: COLORS.error, children: [
         t("dashboard_cves", { count: String(cveCount) }),
         criticalCount && criticalCount > 0 ? ` (${criticalCount} critical)` : ""
       ] })
     ] }),
     /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_brewfile") }),
-      driftScore === null ? /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: "\u2014" }) : /* @__PURE__ */ jsxs11(Text12, { color: driftScore >= 80 ? COLORS.success : COLORS.warning, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_brewfile") }),
+      driftScore === null ? /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: "\u2014" }) : /* @__PURE__ */ jsxs11(Text12, { color: driftScore >= 80 ? COLORS.success : COLORS.warning, children: [
         driftScore,
         "%"
       ] })
     ] }),
     /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_sync") }),
-      syncAgo === null ? /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_sync_never") }) : /* @__PURE__ */ jsx12(Text12, { color: COLORS.info, children: t("dashboard_sync_ago", { time: syncAgo }) })
+      /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_sync") }),
+      syncAgo === null ? /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_sync_never") }) : /* @__PURE__ */ jsx13(Text12, { color: COLORS.info, children: t("dashboard_sync_ago", { time: syncAgo }) })
     ] }),
     /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_compliance") }),
-      violationCount === null ? /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: "\u2014" }) : violationCount === 0 ? /* @__PURE__ */ jsx12(Text12, { color: COLORS.success, children: t("dashboard_compliance_ok") }) : /* @__PURE__ */ jsx12(Text12, { color: COLORS.warning, children: t("dashboard_compliance_violations", { count: String(violationCount) }) })
+      /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_compliance") }),
+      violationCount === null ? /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: "\u2014" }) : violationCount === 0 ? /* @__PURE__ */ jsx13(Text12, { color: COLORS.success, children: t("dashboard_compliance_ok") }) : /* @__PURE__ */ jsx13(Text12, { color: COLORS.warning, children: t("dashboard_compliance_violations", { count: String(violationCount) }) })
     ] })
   ] });
 }
@@ -2026,9 +2126,14 @@ function DashboardView() {
   const lastFetchedAt = useBrewStore((s) => s.lastFetchedAt);
   const fetchAll = useBrewStore((s) => s.fetchAll);
   const isPro = useLicenseStore((s) => s.isPro);
-  const { stdout } = useStdout3();
-  const columns = stdout?.columns ?? 80;
-  useEffect3(() => {
+  const { columns } = useTerminalSize();
+  const splitRows = useVisibleRows({
+    reservedRows: 18,
+    fallbackReservedRows: 22,
+    minRows: 2
+  });
+  const halfRows = Math.max(1, Math.floor(splitRows / 2));
+  useEffect5(() => {
     fetchAll();
   }, []);
   useViewInput((input) => {
@@ -2053,11 +2158,11 @@ function DashboardView() {
   const outdatedValue = loading.outdated ? "..." : errors.outdated ? t("dashboard_statError") : outdated.formulae.length + outdated.casks.length;
   const servicesValue = loading.services ? "..." : errors.services ? t("dashboard_statError") : `${runningServices}/${services.length}`;
   const lastUpdated = lastFetchedAt.installed ? formatRelativeTime(lastFetchedAt.installed / 1e3) : null;
-  if (loading.installed) return /* @__PURE__ */ jsx12(Loading, { message: t("loading_fetchingBrew") });
+  if (loading.installed) return /* @__PURE__ */ jsx13(Loading, { message: t("loading_fetchingBrew") });
   if (errors.installed) {
     return /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(ErrorMessage, { message: errors.installed }),
-      /* @__PURE__ */ jsx12(Box9, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs11(Text12, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx13(ErrorMessage, { message: errors.installed }),
+      /* @__PURE__ */ jsx13(Box9, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs11(Text12, { color: COLORS.textSecondary, children: [
         "r:",
         t("hint_refresh")
       ] }) })
@@ -2065,11 +2170,11 @@ function DashboardView() {
   }
   const isNarrow = columns < 60;
   return /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", gap: SPACING.sm, children: [
-    /* @__PURE__ */ jsx12(SectionHeader, { emoji: "\u{1F4CA}", title: t("dashboard_overview"), gradient: GRADIENTS.gold }),
+    /* @__PURE__ */ jsx13(SectionHeader, { emoji: "\u{1F4CA}", title: t("dashboard_overview"), gradient: GRADIENTS.gold }),
     /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, flexWrap: "wrap", flexDirection: isNarrow ? "column" : "row", children: [
-      /* @__PURE__ */ jsx12(StatCard, { label: t("dashboard_formulae"), value: formulae.length, color: COLORS.info }),
-      /* @__PURE__ */ jsx12(StatCard, { label: t("dashboard_casks"), value: casks.length, color: COLORS.purple }),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(StatCard, { label: t("dashboard_formulae"), value: formulae.length, color: COLORS.info }),
+      /* @__PURE__ */ jsx13(StatCard, { label: t("dashboard_casks"), value: casks.length, color: COLORS.purple }),
+      /* @__PURE__ */ jsx13(
         StatCard,
         {
           label: t("dashboard_outdated"),
@@ -2077,7 +2182,7 @@ function DashboardView() {
           color: typeof outdatedValue === "number" && outdatedValue > 0 ? COLORS.warning : errors.outdated ? COLORS.error : COLORS.success
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         StatCard,
         {
           label: t("dashboard_services"),
@@ -2086,9 +2191,9 @@ function DashboardView() {
         }
       )
     ] }),
-    lastUpdated && /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_lastUpdated", { time: lastUpdated }) }),
+    lastUpdated && /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_lastUpdated", { time: lastUpdated }) }),
     partialErrors.length > 0 && /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, paddingY: SPACING.none, children: [
-      /* @__PURE__ */ jsx12(Text12, { color: COLORS.warning, bold: true, children: t("dashboard_partialData") }),
+      /* @__PURE__ */ jsx13(Text12, { color: COLORS.warning, bold: true, children: t("dashboard_partialData") }),
       partialErrors.map((item) => /* @__PURE__ */ jsxs11(Text12, { color: COLORS.muted, children: [
         item.label,
         ": ",
@@ -2096,56 +2201,59 @@ function DashboardView() {
       ] }, item.label))
     ] }),
     config && !errors.config && /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx12(SectionHeader, { emoji: "\u2139\uFE0F", title: t("dashboard_systemInfo"), gradient: [COLORS.text, COLORS.muted] }),
+      /* @__PURE__ */ jsx13(SectionHeader, { emoji: "\u2139\uFE0F", title: t("dashboard_systemInfo"), gradient: [COLORS.text, COLORS.muted] }),
       /* @__PURE__ */ jsxs11(Box9, { borderStyle: "round", borderColor: COLORS.blue, paddingX: SPACING.sm, paddingY: SPACING.none, flexDirection: "column", marginTop: SPACING.xs, children: [
         /* @__PURE__ */ jsxs11(Text12, { children: [
-          /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_homebrew") }),
+          /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_homebrew") }),
           " ",
           config.HOMEBREW_VERSION
         ] }),
         /* @__PURE__ */ jsxs11(Text12, { children: [
-          /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_prefix") }),
+          /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_prefix") }),
           "   ",
           config.HOMEBREW_PREFIX
         ] }),
         /* @__PURE__ */ jsxs11(Text12, { children: [
-          /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("dashboard_updated") }),
+          /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("dashboard_updated") }),
           "  ",
           config.coreUpdated
         ] })
       ] })
     ] }),
     !errors.outdated && outdated.formulae.length > 0 && /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx12(SectionHeader, { emoji: "\u{1F4E6}", title: t("dashboard_outdatedPackages"), gradient: GRADIENTS.fire }),
+      /* @__PURE__ */ jsx13(SectionHeader, { emoji: "\u{1F4E6}", title: t("dashboard_outdatedPackages"), gradient: GRADIENTS.fire }),
       /* @__PURE__ */ jsxs11(Box9, { paddingLeft: SPACING.sm, flexDirection: "column", children: [
-        outdated.formulae.slice(0, 10).map((pkg) => /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx12(Text12, { color: COLORS.text, children: pkg.name }),
-          /* @__PURE__ */ jsx12(VersionArrow, { current: pkg.installed_versions[0] ?? "", latest: pkg.current_version })
+        outdated.formulae.slice(0, halfRows).map((pkg) => /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
+          /* @__PURE__ */ jsx13(Text12, { color: COLORS.text, children: pkg.name }),
+          /* @__PURE__ */ jsx13(VersionArrow, { current: pkg.installed_versions[0] ?? "", latest: pkg.current_version })
         ] }, pkg.name)),
-        outdated.formulae.length > 10 && /* @__PURE__ */ jsx12(Text12, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: outdated.formulae.length - 10 }) })
+        outdated.formulae.length > halfRows && /* @__PURE__ */ jsx13(Text12, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: outdated.formulae.length - halfRows }) })
       ] })
     ] }),
     !errors.services && errorServices > 0 && /* @__PURE__ */ jsxs11(Box9, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx12(SectionHeader, { emoji: "\u26A0\uFE0F", title: t("dashboard_serviceErrors"), color: COLORS.error }),
-      /* @__PURE__ */ jsx12(Box9, { paddingLeft: SPACING.sm, flexDirection: "column", children: errorServiceList.map((s) => /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
-        /* @__PURE__ */ jsx12(StatusBadge, { label: t("badge_error"), variant: "error" }),
-        /* @__PURE__ */ jsx12(Text12, { children: s.name }),
-        s.exit_code != null && /* @__PURE__ */ jsx12(Text12, { color: COLORS.muted, children: t("common_exit", { code: s.exit_code }) })
-      ] }, s.name)) })
+      /* @__PURE__ */ jsx13(SectionHeader, { emoji: "\u26A0\uFE0F", title: t("dashboard_serviceErrors"), color: COLORS.error }),
+      /* @__PURE__ */ jsxs11(Box9, { paddingLeft: SPACING.sm, flexDirection: "column", children: [
+        errorServiceList.slice(0, halfRows).map((s) => /* @__PURE__ */ jsxs11(Box9, { gap: SPACING.xs, children: [
+          /* @__PURE__ */ jsx13(StatusBadge, { label: t("badge_error"), variant: "error" }),
+          /* @__PURE__ */ jsx13(Text12, { children: s.name }),
+          s.exit_code != null && /* @__PURE__ */ jsx13(Text12, { color: COLORS.muted, children: t("common_exit", { code: s.exit_code }) })
+        ] }, s.name)),
+        errorServiceList.length > halfRows && /* @__PURE__ */ jsx13(Text12, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: errorServiceList.length - halfRows }) })
+      ] })
     ] }),
-    isPro() && /* @__PURE__ */ jsx12(ProStatusPanel, {})
+    isPro() && /* @__PURE__ */ jsx13(ProStatusPanel, {})
   ] });
 }
 
 // src/views/installed.tsx
-import { useState as useState6, useMemo as useMemo3, useEffect as useEffect9, useRef as useRef2 } from "react";
+import { useState as useState6, useMemo as useMemo3, useEffect as useEffect9, useRef as useRef3 } from "react";
 import { Box as Box15, Text as Text18 } from "ink";
 
 // src/hooks/use-debounce.ts
-import { useState as useState2, useEffect as useEffect4 } from "react";
+import { useState as useState4, useEffect as useEffect6 } from "react";
 function useDebounce(value, delayMs) {
-  const [debounced, setDebounced] = useState2(value);
-  useEffect4(() => {
+  const [debounced, setDebounced] = useState4(value);
+  useEffect6(() => {
     const timer = setTimeout(() => setDebounced(value), delayMs);
     return () => clearTimeout(timer);
   }, [value, delayMs]);
@@ -2153,7 +2261,7 @@ function useDebounce(value, delayMs) {
 }
 
 // src/hooks/use-brew-stream.ts
-import { useState as useState3, useCallback, useRef, useEffect as useEffect5 } from "react";
+import { useState as useState5, useCallback, useRef as useRef2, useEffect as useEffect7 } from "react";
 var MAX_LINES = 100;
 async function logToHistory(args, success, error) {
   const detected = detectAction(args);
@@ -2166,13 +2274,13 @@ async function logToHistory(args, success, error) {
   }
 }
 function useBrewStream() {
-  const [lines, setLines] = useState3([]);
-  const [isRunning, setIsRunning] = useState3(false);
-  const [error, setError2] = useState3(null);
-  const cancelRef = useRef(false);
-  const generatorRef = useRef(null);
-  const mountedRef = useRef(true);
-  useEffect5(() => {
+  const [lines, setLines] = useState5([]);
+  const [isRunning, setIsRunning] = useState5(false);
+  const [error, setError2] = useState5(null);
+  const cancelRef = useRef2(false);
+  const generatorRef = useRef2(null);
+  const mountedRef = useRef2(true);
+  useEffect7(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2232,7 +2340,7 @@ function useBrewStream() {
 // src/components/common/search-input.tsx
 import { Box as Box10, Text as Text13 } from "ink";
 import { TextInput } from "@inkjs/ui";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function SearchInput({ defaultValue, onChange, placeholder, isActive = true }) {
   const resolvedPlaceholder = placeholder ?? t("searchInput_placeholder");
   return /* @__PURE__ */ jsxs12(Box10, { children: [
@@ -2240,25 +2348,25 @@ function SearchInput({ defaultValue, onChange, placeholder, isActive = true }) {
       "\u{1F50D}",
       " "
     ] }),
-    isActive ? /* @__PURE__ */ jsx13(
+    isActive ? /* @__PURE__ */ jsx14(
       TextInput,
       {
         placeholder: resolvedPlaceholder,
         defaultValue,
         onChange
       }
-    ) : /* @__PURE__ */ jsx13(Text13, { color: COLORS.textSecondary, children: defaultValue || placeholder })
+    ) : /* @__PURE__ */ jsx14(Text13, { color: COLORS.textSecondary, children: defaultValue || placeholder })
   ] });
 }
 
 // src/components/common/confirm-dialog.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect8 } from "react";
 import { Box as Box11, Text as Text14, useInput as useInput3 } from "ink";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+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();
-  useEffect6(() => {
+  useEffect8(() => {
     openModal();
     return () => {
       closeModal();
@@ -2270,12 +2378,12 @@ function ConfirmDialog({ message, onConfirm, onCancel }) {
     else if (input === "n" || input === "N") onCancel();
     else if (key.escape) onCancel();
   });
-  return /* @__PURE__ */ jsxs13(Box11, { borderStyle: "double", borderColor: COLORS.purple, paddingX: SPACING.sm, paddingY: SPACING.xs, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx14(Text14, { bold: true, color: COLORS.text, children: message }),
+  return /* @__PURE__ */ jsxs13(Box11, { borderStyle: "double", borderColor: COLORS.purple, paddingX: SPACING.sm, paddingY: SPACING.xs, flexDirection: "column", flexShrink: 1, children: [
+    /* @__PURE__ */ jsx15(Text14, { bold: true, color: COLORS.text, wrap: "wrap", children: message }),
     /* @__PURE__ */ jsxs13(Box11, { marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx14(Text14, { color: COLORS.success, children: t("confirm_yes") }),
-      /* @__PURE__ */ jsx14(Text14, { children: " / " }),
-      /* @__PURE__ */ jsx14(Text14, { color: COLORS.error, children: t("confirm_no") })
+      /* @__PURE__ */ jsx15(Text14, { color: COLORS.success, children: t("confirm_yes") }),
+      /* @__PURE__ */ jsx15(Text14, { children: " / " }),
+      /* @__PURE__ */ jsx15(Text14, { color: COLORS.error, children: t("confirm_no") })
     ] })
   ] });
 }
@@ -2283,13 +2391,13 @@ function ConfirmDialog({ message, onConfirm, onCancel }) {
 // src/components/common/progress-log.tsx
 import { Box as Box12, Text as Text15 } from "ink";
 import { Spinner as Spinner2 } from "@inkjs/ui";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function ProgressLog({ lines, isRunning, title, maxVisible = 15 }) {
   const start = Math.max(0, lines.length - maxVisible);
   const visible = lines.slice(start);
   return /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.sky, paddingX: SPACING.xs, children: [
     title && /* @__PURE__ */ jsxs14(Box12, { marginBottom: SPACING.xs, children: [
-      isRunning && /* @__PURE__ */ jsx15(Spinner2, { label: "" }),
+      isRunning && /* @__PURE__ */ jsx16(Spinner2, { label: "" }),
       /* @__PURE__ */ jsxs14(Text15, { bold: true, color: COLORS.sky, children: [
         " ",
         title
@@ -2299,15 +2407,15 @@ function ProgressLog({ lines, isRunning, title, maxVisible = 15 }) {
       // UI-006: keys are absolute indices, so a line that scrolls off-screen
       // does not change the key of remaining lines. Stable identity prevents
       // React from treating the whole list as new on every append.
-      /* @__PURE__ */ jsx15(Text15, { color: COLORS.muted, wrap: "wrap", children: line }, `log-${start + i}`)
+      /* @__PURE__ */ jsx16(Text15, { color: COLORS.muted, wrap: "wrap", children: line }, `log-${start + i}`)
     )),
-    lines.length === 0 && !isRunning && /* @__PURE__ */ jsx15(Text15, { color: COLORS.textSecondary, italic: true, children: t("progress_noOutput") })
+    lines.length === 0 && !isRunning && /* @__PURE__ */ jsx16(Text15, { color: COLORS.textSecondary, italic: true, children: t("progress_noOutput") })
   ] });
 }
 
 // src/components/common/result-banner.tsx
 import { Box as Box13, Text as Text16 } from "ink";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var STATUS_COLORS = {
   success: COLORS.success,
   error: COLORS.error,
@@ -2315,64 +2423,21 @@ var STATUS_COLORS = {
   info: COLORS.info
 };
 function ResultBanner({ status, message }) {
-  return /* @__PURE__ */ jsx16(Box13, { borderStyle: "round", borderColor: STATUS_COLORS[status], paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx16(Text16, { color: STATUS_COLORS[status], bold: true, children: message }) });
+  return /* @__PURE__ */ jsx17(Box13, { borderStyle: "round", borderColor: STATUS_COLORS[status], paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx17(Text16, { color: STATUS_COLORS[status], bold: true, children: message }) });
 }
 
 // src/components/common/selectable-row.tsx
 import { Box as Box14, Text as Text17 } from "ink";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function SelectableRow({ isCurrent, children, gap = 1 }) {
   return /* @__PURE__ */ jsxs15(Box14, { gap, children: [
-    /* @__PURE__ */ jsx17(Text17, { color: isCurrent ? COLORS.success : COLORS.muted, children: isCurrent ? "\u25B6" : " " }),
+    /* @__PURE__ */ jsx18(Text17, { color: isCurrent ? COLORS.success : COLORS.muted, children: isCurrent ? "\u25B6" : " " }),
     children
   ] });
 }
 
-// src/hooks/use-container-size.ts
-import { useEffect as useEffect8, useState as useState5 } from "react";
-import { measureElement } from "ink";
-
-// src/hooks/use-terminal-size.ts
-import { useEffect as useEffect7, useState as useState4 } from "react";
-import { useStdout as useStdout4 } from "ink";
-function useTerminalSize() {
-  const { stdout } = useStdout4();
-  const [size, setSize] = useState4(() => ({
-    columns: stdout?.columns ?? 80,
-    rows: stdout?.rows ?? 24
-  }));
-  useEffect7(() => {
-    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;
-}
-
-// src/hooks/use-container-size.ts
-function useContainerSize(ref) {
-  const terminal = useTerminalSize();
-  const [size, setSize] = useState5({ width: 0, height: 0 });
-  useEffect8(() => {
-    if (!ref.current) return;
-    const measured = measureElement(ref.current);
-    setSize(
-      (prev) => prev.width === measured.width && prev.height === measured.height ? prev : measured
-    );
-  }, [ref, terminal.columns, terminal.rows]);
-  return size;
-}
-
 // src/views/installed.tsx
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 function InstalledView() {
   const formulae = useBrewStore((s) => s.formulae);
   const casks = useBrewStore((s) => s.casks);
@@ -2382,12 +2447,12 @@ function InstalledView() {
   const navigate = useNavigationStore((s) => s.navigate);
   const selectPackage = useNavigationStore((s) => s.selectPackage);
   const { openModal, closeModal } = useModalStore();
-  const containerRef = useRef2(null);
+  const containerRef = useRef3(null);
   const { width: containerWidth } = useContainerSize(containerRef);
-  const { rows: terminalRows } = useTerminalSize();
   const columns = containerWidth > 0 ? containerWidth : 80;
-  const nameWidth = Math.floor(columns * 0.35);
-  const versionWidth = Math.floor(columns * 0.15);
+  const nameWidth = 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");
@@ -2395,6 +2460,16 @@ function InstalledView() {
   const [confirmUninstall, setConfirmUninstall] = useState6(null);
   const debouncedFilter = useDebounce(filter, 200);
   const stream = useBrewStream();
+  const listRows = useVisibleRows({
+    reservedRows: isSearching ? 14 : 10,
+    fallbackReservedRows: isSearching ? 18 : 14,
+    minRows: 1
+  });
+  const streamRows = useVisibleRows({
+    reservedRows: 5,
+    fallbackReservedRows: 14,
+    minRows: 1
+  });
   useEffect9(() => {
     fetchInstalled();
   }, []);
@@ -2459,16 +2534,17 @@ function InstalledView() {
       setCursor(0);
     }
   }, { isActive: true });
-  if (loading.installed) return /* @__PURE__ */ jsx18(Loading, { message: t("loading_installed") });
-  if (errors.installed) return /* @__PURE__ */ jsx18(ErrorMessage, { message: errors.installed });
+  if (loading.installed) return /* @__PURE__ */ jsx19(Loading, { message: t("loading_installed") });
+  if (errors.installed) return /* @__PURE__ */ jsx19(ErrorMessage, { message: errors.installed });
   if (stream.isRunning || stream.lines.length > 0) {
     return /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         ProgressLog,
         {
           lines: stream.lines,
           isRunning: stream.isRunning,
-          title: t("pkgInfo_uninstalling", { name: "..." })
+          title: t("pkgInfo_uninstalling", { name: "..." }),
+          maxVisible: streamRows
         }
       ),
       stream.isRunning && /* @__PURE__ */ jsxs16(Text18, { color: COLORS.textSecondary, children: [
@@ -2476,7 +2552,7 @@ function InstalledView() {
         t("hint_cancel")
       ] }),
       !stream.isRunning && /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", marginTop: SPACING.xs, children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           ResultBanner,
           {
             status: stream.error ? "error" : "success",
@@ -2490,12 +2566,12 @@ function InstalledView() {
       ] })
     ] });
   }
-  const MAX_VISIBLE_ROWS = Math.max(5, terminalRows - 8);
+  const MAX_VISIBLE_ROWS = listRows;
   const start = Math.max(0, cursor - Math.floor(MAX_VISIBLE_ROWS / 2));
   const visible = allItems.slice(start, start + MAX_VISIBLE_ROWS);
   return /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", ref: containerRef, children: [
     /* @__PURE__ */ jsxs16(Box15, { marginBottom: SPACING.xs, gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         Box15,
         {
           borderStyle: "round",
@@ -2508,7 +2584,7 @@ function InstalledView() {
           ] })
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         Box15,
         {
           borderStyle: "round",
@@ -2522,7 +2598,7 @@ function InstalledView() {
         }
       )
     ] }),
-    confirmUninstall && /* @__PURE__ */ jsx18(
+    confirmUninstall && /* @__PURE__ */ jsx19(
       ConfirmDialog,
       {
         message: t("installed_confirmUninstall", { name: confirmUninstall }),
@@ -2536,17 +2612,17 @@ function InstalledView() {
         onCancel: () => setConfirmUninstall(null)
       }
     ),
-    isSearching && /* @__PURE__ */ jsx18(Box15, { marginBottom: SPACING.xs, borderStyle: "round", borderColor: COLORS.gold, paddingX: SPACING.xs, children: /* @__PURE__ */ jsx18(SearchInput, { defaultValue: filter, onChange: setFilter, isActive: isSearching }) }),
+    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__ */ jsx18(Text18, { color: COLORS.text, bold: true, children: t("installed_col_version").padEnd(versionWidth) }),
-      /* @__PURE__ */ jsx18(Text18, { color: COLORS.text, bold: true, children: t("installed_col_status") })
+      /* @__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__ */ jsxs16(Box15, { flexDirection: "column", children: [
-      visible.length === 0 && /* @__PURE__ */ jsx18(Box15, { paddingY: SPACING.xs, justifyContent: "center", children: /* @__PURE__ */ jsx18(Text18, { color: COLORS.textSecondary, italic: true, children: t("installed_noPackages") }) }),
+      visible.length === 0 && /* @__PURE__ */ jsx19(Box15, { paddingY: SPACING.xs, justifyContent: "center", children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.textSecondary, italic: true, children: t("installed_noPackages") }) }),
       start > 0 && /* @__PURE__ */ jsxs16(Text18, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
         t("scroll_moreAbove", { count: start })
@@ -2555,13 +2631,13 @@ function InstalledView() {
         const idx = start + i;
         const isCurrent = idx === cursor;
         return /* @__PURE__ */ jsxs16(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx18(Text18, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: truncate(item.name, nameWidth).padEnd(nameWidth) }),
-          /* @__PURE__ */ jsx18(Text18, { color: COLORS.teal, children: item.version.padEnd(versionWidth) }),
-          item.outdated && /* @__PURE__ */ jsx18(StatusBadge, { label: t("badge_outdated"), variant: "warning" }),
-          item.pinned && /* @__PURE__ */ jsx18(StatusBadge, { label: t("badge_pinned"), variant: "info" }),
-          item.kegOnly && /* @__PURE__ */ jsx18(StatusBadge, { label: t("badge_kegOnly"), variant: "muted" }),
-          item.installedAsDependency && /* @__PURE__ */ jsx18(StatusBadge, { label: t("badge_dep"), variant: "muted" }),
-          !item.outdated && !item.pinned && !item.kegOnly && !item.installedAsDependency && /* @__PURE__ */ jsx18(Text18, { color: COLORS.textSecondary, dimColor: true, children: truncate(item.desc, 30) })
+          /* @__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) })
         ] }, item.name);
       }),
       start + MAX_VISIBLE_ROWS < allItems.length && /* @__PURE__ */ jsxs16(Text18, { color: COLORS.textSecondary, dimColor: true, children: [
@@ -2569,15 +2645,15 @@ function InstalledView() {
         t("scroll_moreBelow", { count: allItems.length - start - MAX_VISIBLE_ROWS })
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(Box15, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx18(Text18, { color: COLORS.text, bold: true, children: allItems.length > 0 ? `${cursor + 1}/${allItems.length}` : "0/0" }) })
+    /* @__PURE__ */ jsx19(Box15, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx19(Text18, { color: COLORS.text, bold: true, children: allItems.length > 0 ? `${cursor + 1}/${allItems.length}` : "0/0" }) })
   ] });
 }
 
 // src/views/search.tsx
-import { useState as useState7, useCallback as useCallback2, useEffect as useEffect10, useRef as useRef3 } from "react";
+import { useState as useState7, useCallback as useCallback2, useEffect as useEffect10, useRef as useRef4 } from "react";
 import { Box as Box16, Text as Text19 } from "ink";
 import { TextInput as TextInput2 } from "@inkjs/ui";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function SearchView() {
   const [query, setQuery] = useState7("");
   const [results, setResults] = useState7(null);
@@ -2590,7 +2666,17 @@ function SearchView() {
   const navigate = useNavigationStore((s) => s.navigate);
   const selectPackage = useNavigationStore((s) => s.selectPackage);
   const fetchInstalled = useBrewStore((s) => s.fetchInstalled);
-  const hasRefreshed = useRef3(false);
+  const hasRefreshed = useRef4(false);
+  const resultRows = useVisibleRows({
+    reservedRows: searchError ? 8 : 6,
+    fallbackReservedRows: searchError ? 18 : 16,
+    minRows: 1
+  });
+  const streamRows = useVisibleRows({
+    reservedRows: 5,
+    fallbackReservedRows: 14,
+    minRows: 1
+  });
   useEffect10(() => {
     if (results !== null) {
       openModal();
@@ -2625,10 +2711,18 @@ function SearchView() {
       void fetchInstalled();
     }
   }, [stream.isRunning, stream.error]);
-  const MAX_VISIBLE = 20;
-  const visibleFormulae = results ? results.formulae.slice(0, MAX_VISIBLE) : [];
-  const visibleCasks = results ? results.casks.slice(0, MAX_VISIBLE) : [];
-  const allVisible = [...visibleFormulae, ...visibleCasks];
+  const allResults = results ? [
+    ...results.formulae.map((name) => ({ name, type: "formula" })),
+    ...results.casks.map((name) => ({ name, type: "cask" }))
+  ] : [];
+  const start = Math.min(
+    Math.max(0, cursor - Math.floor(resultRows / 2)),
+    Math.max(0, allResults.length - resultRows)
+  );
+  const visibleResults = allResults.slice(start, start + resultRows);
+  useEffect10(() => {
+    setCursor((current) => Math.min(current, Math.max(0, allResults.length - 1)));
+  }, [allResults.length]);
   useViewInput((input, key) => {
     if (stream.isRunning) {
       if (key.escape) stream.cancel();
@@ -2645,17 +2739,18 @@ function SearchView() {
       void doSearch(query);
       return;
     }
-    if (key.return && allVisible[cursor]) {
-      selectPackage(allVisible[cursor]);
+    if (key.return && allResults[cursor]) {
+      const result = allResults[cursor];
+      selectPackage(result.name, result.type);
       navigate("package-info");
       return;
     }
-    if ((input === "i" || input === "1") && allVisible[cursor]) {
-      setConfirmInstall(allVisible[cursor]);
+    if ((input === "i" || input === "1") && allResults[cursor]) {
+      setConfirmInstall(allResults[cursor].name);
       return;
     }
     if (input === "j" || key.downArrow) {
-      setCursor((c) => Math.min(c + 1, Math.max(0, allVisible.length - 1)));
+      setCursor((c) => Math.min(c + 1, Math.max(0, allResults.length - 1)));
     } else if (input === "k" || key.upArrow) {
       setCursor((c) => Math.max(c - 1, 0));
     } else if (key.escape) {
@@ -2665,12 +2760,13 @@ function SearchView() {
   });
   if (stream.isRunning || stream.lines.length > 0) {
     return /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         ProgressLog,
         {
           lines: stream.lines,
           isRunning: stream.isRunning,
-          title: t("search_installing")
+          title: t("search_installing"),
+          maxVisible: streamRows
         }
       ),
       stream.isRunning && /* @__PURE__ */ jsxs17(Text19, { color: COLORS.textSecondary, children: [
@@ -2678,7 +2774,7 @@ function SearchView() {
         t("hint_cancel")
       ] }),
       !stream.isRunning && /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", marginTop: SPACING.xs, children: [
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(
           ResultBanner,
           {
             status: stream.error ? "error" : "success",
@@ -2698,7 +2794,7 @@ function SearchView() {
         "\u{1F50D}",
         " "
       ] }),
-      !results ? /* @__PURE__ */ jsx19(
+      !results ? /* @__PURE__ */ jsx20(
         TextInput2,
         {
           placeholder: t("search_placeholder"),
@@ -2709,14 +2805,14 @@ function SearchView() {
       ) : /* @__PURE__ */ jsxs17(Text19, { children: [
         t("search_resultsFor"),
         ' "',
-        /* @__PURE__ */ jsx19(Text19, { bold: true, color: COLORS.text, children: query }),
+        /* @__PURE__ */ jsx20(Text19, { bold: true, color: COLORS.text, children: query }),
         '" ',
-        /* @__PURE__ */ jsx19(Text19, { color: COLORS.textSecondary, children: t("search_escToClear") })
+        /* @__PURE__ */ jsx20(Text19, { color: COLORS.textSecondary, children: t("search_escToClear") })
       ] })
     ] }),
-    searching && /* @__PURE__ */ jsx19(Loading, { message: t("loading_searching") }),
-    searchError && /* @__PURE__ */ jsx19(Box16, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx19(Text19, { color: COLORS.error, children: searchError }) }),
-    confirmInstall && /* @__PURE__ */ jsx19(
+    searching && /* @__PURE__ */ jsx20(Loading, { message: t("loading_searching") }),
+    searchError && /* @__PURE__ */ jsx20(Box16, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx20(Text19, { color: COLORS.error, children: searchError }) }),
+    confirmInstall && /* @__PURE__ */ jsx20(
       ConfirmDialog,
       {
         message: t("search_confirmInstall", { name: confirmInstall }),
@@ -2730,39 +2826,45 @@ function SearchView() {
       }
     ),
     results && !searching && !confirmInstall && /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
-      visibleFormulae.length > 0 && /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", marginBottom: SPACING.xs, children: [
-        /* @__PURE__ */ jsx19(Text19, { bold: true, color: COLORS.info, children: t("search_formulaeHeader", { count: results.formulae.length }) }),
-        visibleFormulae.map((name, i) => {
-          const isCurrent = i === cursor;
-          return /* @__PURE__ */ jsx19(SelectableRow, { isCurrent, children: /* @__PURE__ */ jsx19(Text19, { bold: isCurrent, inverse: isCurrent, children: name }) }, name);
-        }),
-        results.formulae.length > MAX_VISIBLE && /* @__PURE__ */ jsxs17(Text19, { color: COLORS.textSecondary, dimColor: true, children: [
-          "  ",
-          t("scroll_moreBelow", { count: results.formulae.length - MAX_VISIBLE })
-        ] })
+      allResults.length > 0 && /* @__PURE__ */ jsxs17(Text19, { color: COLORS.textSecondary, children: [
+        t("search_formulaeHeader", { count: results.formulae.length }),
+        "  ",
+        t("search_casksHeader", { count: results.casks.length })
       ] }),
-      visibleCasks.length > 0 && /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx19(Text19, { bold: true, color: COLORS.purple, children: t("search_casksHeader", { count: results.casks.length }) }),
-        visibleCasks.map((name, i) => {
-          const idx = visibleFormulae.length + i;
+      allResults.length > 0 && /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
+        start > 0 && /* @__PURE__ */ jsxs17(Text19, { color: COLORS.textSecondary, dimColor: true, children: [
+          "  ",
+          t("scroll_moreAbove", { count: start })
+        ] }),
+        visibleResults.map((result, i) => {
+          const idx = start + i;
           const isCurrent = idx === cursor;
-          return /* @__PURE__ */ jsx19(SelectableRow, { isCurrent, children: /* @__PURE__ */ jsx19(Text19, { bold: isCurrent, inverse: isCurrent, children: name }) }, name);
+          return /* @__PURE__ */ jsxs17(SelectableRow, { isCurrent, children: [
+            /* @__PURE__ */ jsx20(Text19, { bold: isCurrent, inverse: isCurrent, children: result.name }),
+            /* @__PURE__ */ jsx20(
+              StatusBadge,
+              {
+                label: result.type === "formula" ? "Formula" : "Cask",
+                variant: result.type === "formula" ? "info" : "muted"
+              }
+            )
+          ] }, `${result.type}:${result.name}`);
         }),
-        results.casks.length > MAX_VISIBLE && /* @__PURE__ */ jsxs17(Text19, { color: COLORS.textSecondary, dimColor: true, children: [
+        start + resultRows < allResults.length && /* @__PURE__ */ jsxs17(Text19, { color: COLORS.textSecondary, dimColor: true, children: [
           "  ",
-          t("scroll_moreBelow", { count: results.casks.length - MAX_VISIBLE })
+          t("scroll_moreBelow", { count: allResults.length - start - resultRows })
         ] })
       ] }),
-      allVisible.length === 0 && /* @__PURE__ */ jsx19(Box16, { borderStyle: "round", borderColor: COLORS.textSecondary, paddingX: SPACING.sm, children: /* @__PURE__ */ jsx19(Text19, { color: COLORS.textSecondary, italic: true, children: t("search_noResults") }) }),
-      /* @__PURE__ */ jsx19(Box16, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx19(Text19, { color: COLORS.text, bold: true, children: allVisible.length > 0 ? `${cursor + 1}/${allVisible.length}` : "" }) })
+      allResults.length === 0 && /* @__PURE__ */ jsx20(Box16, { borderStyle: "round", borderColor: COLORS.textSecondary, paddingX: SPACING.sm, children: /* @__PURE__ */ jsx20(Text19, { color: COLORS.textSecondary, italic: true, children: t("search_noResults") }) }),
+      /* @__PURE__ */ jsx20(Box16, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx20(Text19, { color: COLORS.text, bold: true, children: allResults.length > 0 ? `${cursor + 1}/${allResults.length}` : "" }) })
     ] })
   ] });
 }
 
 // src/views/outdated.tsx
-import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef4, useState as useState8 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo4, useRef as useRef5, useState as useState8 } from "react";
 import { Box as Box17, Text as Text20 } from "ink";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function ImpactPanel({ impact }) {
   const riskColor = impact.risk === "high" ? COLORS.error : impact.risk === "medium" ? COLORS.warning : COLORS.success;
   const riskLabel = impact.risk === "high" ? t("impact_high") : impact.risk === "medium" ? t("impact_medium") : t("impact_low");
@@ -2779,9 +2881,9 @@ function ImpactPanel({ impact }) {
         t("impact_affects", { count: impact.reverseDeps.length })
       ] })
     ] }),
-    impact.riskReasons.length > 0 && /* @__PURE__ */ jsx20(Text20, { color: COLORS.textSecondary, children: impact.riskReasons.join(" \xB7 ") }),
-    impact.reverseDeps.length > 0 && impact.reverseDeps.length <= 5 && /* @__PURE__ */ jsx20(Text20, { color: COLORS.muted, dimColor: true, children: t("impact_usedBy", { packages: impact.reverseDeps.join(", ") }) }),
-    impact.risk === "high" && /* @__PURE__ */ jsx20(Text20, { color: COLORS.info, children: t("impact_brewfile_hint") })
+    impact.riskReasons.length > 0 && /* @__PURE__ */ jsx21(Text20, { color: COLORS.textSecondary, children: impact.riskReasons.join(" \xB7 ") }),
+    impact.reverseDeps.length > 0 && impact.reverseDeps.length <= 5 && /* @__PURE__ */ jsx21(Text20, { color: COLORS.muted, dimColor: true, children: t("impact_usedBy", { packages: impact.reverseDeps.join(", ") }) }),
+    impact.risk === "high" && /* @__PURE__ */ jsx21(Text20, { color: COLORS.info, children: t("impact_brewfile_hint") })
   ] });
 }
 function OutdatedView() {
@@ -2789,10 +2891,20 @@ function OutdatedView() {
   const stream = useBrewStream();
   const [cursor, setCursor] = useState8(0);
   const [confirmAction, setConfirmAction] = useState8(null);
-  const hasRefreshed = useRef4(false);
-  const pendingUpgradeRef = useRef4(null);
+  const hasRefreshed = useRef5(false);
+  const pendingUpgradeRef = useRef5(null);
   const [impact, setImpact] = useState8(null);
   const [impactLoading, setImpactLoading] = useState8(false);
+  const listRows = useVisibleRows({
+    reservedRows: impact || impactLoading ? 11 : 7,
+    fallbackReservedRows: impact || impactLoading ? 18 : 14,
+    minRows: 1
+  });
+  const streamRows = useVisibleRows({
+    reservedRows: 5,
+    fallbackReservedRows: 14,
+    minRows: 1
+  });
   useEffect11(() => {
     fetchOutdated();
   }, []);
@@ -2880,20 +2992,20 @@ function OutdatedView() {
       void fetchOutdated();
     }
   });
-  const { rows: terminalRows } = useTerminalSize();
-  const MAX_VISIBLE_ROWS = Math.max(5, terminalRows - 8);
+  const MAX_VISIBLE_ROWS = listRows;
   const start = Math.max(0, cursor - Math.floor(MAX_VISIBLE_ROWS / 2));
   const visible = allOutdated.slice(start, start + MAX_VISIBLE_ROWS);
-  if (loading.outdated) return /* @__PURE__ */ jsx20(Loading, { message: t("loading_outdated") });
-  if (errors.outdated) return /* @__PURE__ */ jsx20(ErrorMessage, { message: errors.outdated });
+  if (loading.outdated) return /* @__PURE__ */ jsx21(Loading, { message: t("loading_outdated") });
+  if (errors.outdated) return /* @__PURE__ */ jsx21(ErrorMessage, { message: errors.outdated });
   if (stream.isRunning || stream.lines.length > 0) {
     return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx21(
         ProgressLog,
         {
           lines: stream.lines,
           isRunning: stream.isRunning,
-          title: t("outdated_upgrading")
+          title: t("outdated_upgrading"),
+          maxVisible: streamRows
         }
       ),
       stream.isRunning && /* @__PURE__ */ jsxs18(Text20, { color: COLORS.textSecondary, children: [
@@ -2902,7 +3014,7 @@ function OutdatedView() {
       ] }),
       !stream.isRunning && /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", marginTop: SPACING.xs, children: [
         /* @__PURE__ */ jsxs18(Box17, { borderStyle: "round", borderColor: stream.error ? COLORS.error : COLORS.success, paddingX: SPACING.sm, paddingY: SPACING.none, children: [
-          /* @__PURE__ */ jsx20(Text20, { color: stream.error ? COLORS.error : COLORS.success, bold: true, children: stream.error ? `\u2718 ${stream.error}` : `\u2714 ${t("outdated_upgradeComplete")}` }),
+          /* @__PURE__ */ jsx21(Text20, { color: stream.error ? COLORS.error : COLORS.success, bold: true, children: stream.error ? `\u2718 ${stream.error}` : `\u2714 ${t("outdated_upgradeComplete")}` }),
           /* @__PURE__ */ jsxs18(Text20, { color: COLORS.muted, children: [
             " ",
             t("outdated_pressRefresh")
@@ -2920,8 +3032,8 @@ function OutdatedView() {
   const upgradeAllMessage = confirmAction?.type === "all" ? `${t("outdated_confirmAll", { count: allOutdated.length })}
 ${t("outdated_upgradeAllList", { list: allOutdated.map((p) => p.name).join(", ") })}` : "";
   return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx20(SectionHeader, { emoji: "\u{1F4E6}", title: t("outdated_title", { count: allOutdated.length }), gradient: GRADIENTS.fire }),
-    confirmAction && /* @__PURE__ */ jsx20(Box17, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(SectionHeader, { emoji: "\u{1F4E6}", title: t("outdated_title", { count: allOutdated.length }), gradient: GRADIENTS.fire }),
+    confirmAction && /* @__PURE__ */ jsx21(Box17, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx21(
       ConfirmDialog,
       {
         message: confirmAction.type === "all" ? upgradeAllMessage : t("outdated_confirmSingle", { name: confirmAction.type === "single" ? confirmAction.name : "" }),
@@ -2939,7 +3051,7 @@ ${t("outdated_upgradeAllList", { list: allOutdated.map((p) => p.name).join(", ")
         onCancel: () => setConfirmAction(null)
       }
     ) }),
-    allOutdated.length === 0 && !confirmAction && /* @__PURE__ */ jsx20(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx20(ResultBanner, { status: "success", message: `\u2714 ${t("outdated_upToDate")}` }) }),
+    allOutdated.length === 0 && !confirmAction && /* @__PURE__ */ jsx21(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx21(ResultBanner, { status: "success", message: `\u2714 ${t("outdated_upToDate")}` }) }),
     allOutdated.length > 0 && !confirmAction && /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", marginTop: SPACING.xs, children: [
       start > 0 && /* @__PURE__ */ jsxs18(Text20, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
@@ -2949,31 +3061,31 @@ ${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__ */ jsx20(Text20, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: pkg.name }),
-          /* @__PURE__ */ jsx20(VersionArrow, { current: pkg.installed_versions[0] ?? "", latest: pkg.current_version }),
-          pkg.pinned && /* @__PURE__ */ jsx20(StatusBadge, { label: t("outdated_pinned"), variant: "info" })
+          /* @__PURE__ */ jsx21(Text20, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, 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);
       }),
       start + MAX_VISIBLE_ROWS < allOutdated.length && /* @__PURE__ */ jsxs18(Text20, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
         t("scroll_moreBelow", { count: allOutdated.length - start - MAX_VISIBLE_ROWS })
       ] }),
-      /* @__PURE__ */ jsx20(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs18(Text20, { color: COLORS.text, bold: true, children: [
+      /* @__PURE__ */ jsx21(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs18(Text20, { color: COLORS.text, bold: true, children: [
         cursor + 1,
         "/",
         allOutdated.length
       ] }) }),
-      impact && !stream.isRunning && !confirmAction && /* @__PURE__ */ jsx20(ImpactPanel, { impact }),
-      impactLoading && !stream.isRunning && !confirmAction && /* @__PURE__ */ jsx20(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx20(Text20, { color: COLORS.textSecondary, children: t("impact_analyzing") }) }),
-      /* @__PURE__ */ jsx20(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx20(Text20, { color: COLORS.textSecondary, children: t("impact_hint") }) })
+      impact && !stream.isRunning && !confirmAction && /* @__PURE__ */ jsx21(ImpactPanel, { impact }),
+      impactLoading && !stream.isRunning && !confirmAction && /* @__PURE__ */ jsx21(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx21(Text20, { color: COLORS.textSecondary, children: t("impact_analyzing") }) }),
+      /* @__PURE__ */ jsx21(Box17, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx21(Text20, { color: COLORS.textSecondary, children: t("impact_hint") }) })
     ] })
   ] });
 }
 
 // src/views/package-info.tsx
-import { useEffect as useEffect12, useRef as useRef5, useState as useState9 } from "react";
+import { useEffect as useEffect12, useRef as useRef6, useState as useState9 } from "react";
 import { Box as Box18, Text as Text21 } from "ink";
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 var ACTION_PROGRESS_KEYS = {
   install: "pkgInfo_installing",
   uninstall: "pkgInfo_uninstalling",
@@ -2991,9 +3103,9 @@ function PackageInfoView() {
   const [loading, setLoading2] = useState9(true);
   const [error, setError2] = useState9(null);
   const [confirmAction, setConfirmAction] = useState9(null);
-  const activeActionRef = useRef5("install");
-  const mountedRef = useRef5(true);
-  const hasRefreshed = useRef5(false);
+  const activeActionRef = useRef6("install");
+  const mountedRef = useRef6(true);
+  const hasRefreshed = useRef6(false);
   const stream = useBrewStream();
   useEffect12(() => {
     mountedRef.current = true;
@@ -3069,20 +3181,20 @@ function PackageInfoView() {
     }
   });
   if (!packageName) {
-    return /* @__PURE__ */ jsx21(Text21, { color: COLORS.textSecondary, italic: true, children: t("pkgInfo_noPackage") });
+    return /* @__PURE__ */ jsx22(Text21, { color: COLORS.textSecondary, italic: true, children: t("pkgInfo_noPackage") });
   }
-  if (loading) return /* @__PURE__ */ jsx21(Loading, { message: t("loading_package", { name: packageName }) });
-  if (error) return /* @__PURE__ */ jsx21(ErrorMessage, { message: error });
-  if (!formula) return /* @__PURE__ */ jsx21(ErrorMessage, { message: t("pkgInfo_notFound") });
+  if (loading) return /* @__PURE__ */ jsx22(Loading, { message: t("loading_package", { name: packageName }) });
+  if (error) return /* @__PURE__ */ jsx22(ErrorMessage, { message: error });
+  if (!formula) return /* @__PURE__ */ jsx22(ErrorMessage, { message: t("pkgInfo_notFound") });
   if (stream.isRunning || stream.lines.length > 0) {
     return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx21(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t(ACTION_PROGRESS_KEYS[activeActionRef.current] ?? ACTION_PROGRESS_KEYS["install"], { name: formula.name }) }),
+      /* @__PURE__ */ jsx22(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t(ACTION_PROGRESS_KEYS[activeActionRef.current] ?? ACTION_PROGRESS_KEYS["install"], { name: formula.name }) }),
       stream.isRunning && /* @__PURE__ */ jsxs19(Text21, { color: COLORS.textSecondary, children: [
         "esc:",
         t("hint_cancel")
       ] }),
       !stream.isRunning && /* @__PURE__ */ jsxs19(Fragment4, { children: [
-        /* @__PURE__ */ jsx21(Text21, { color: stream.error ? COLORS.error : COLORS.success, bold: true, children: stream.error ? `\u2718 ${stream.error}` : `\u2714 ${t("pkgInfo_done")}` }),
+        /* @__PURE__ */ jsx22(Text21, { color: stream.error ? COLORS.error : COLORS.success, bold: true, children: stream.error ? `\u2718 ${stream.error}` : `\u2714 ${t("pkgInfo_done")}` }),
         /* @__PURE__ */ jsxs19(Text21, { color: COLORS.textSecondary, children: [
           "esc:",
           t("hint_back")
@@ -3093,7 +3205,7 @@ function PackageInfoView() {
   const installed = formula.installed[0];
   const isInstalled = formula.installed.length > 0;
   return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
-    confirmAction && /* @__PURE__ */ jsx21(
+    confirmAction && /* @__PURE__ */ jsx22(
       ConfirmDialog,
       {
         message: t(ACTION_CONFIRM_KEYS[confirmAction], { name: formula.name }),
@@ -3110,42 +3222,42 @@ function PackageInfoView() {
       }
     ),
     /* @__PURE__ */ jsxs19(Box18, { gap: SPACING.sm, marginBottom: SPACING.xs, children: [
-      /* @__PURE__ */ jsx21(GradientText, { colors: GRADIENTS.gold, bold: true, children: formula.name }),
-      /* @__PURE__ */ jsx21(Text21, { color: COLORS.teal, children: installed?.version ?? formula.versions.stable }),
-      isInstalled && /* @__PURE__ */ jsx21(StatusBadge, { label: t("badge_installed"), variant: "success" }),
-      formula.outdated && /* @__PURE__ */ jsx21(StatusBadge, { label: t("badge_outdated"), variant: "warning" }),
-      formula.pinned && /* @__PURE__ */ jsx21(StatusBadge, { label: t("badge_pinned"), variant: "info" }),
-      formula.keg_only && /* @__PURE__ */ jsx21(StatusBadge, { label: t("badge_kegOnly"), variant: "muted" }),
-      formula.deprecated && /* @__PURE__ */ jsx21(StatusBadge, { label: t("badge_deprecated"), variant: "error" })
+      /* @__PURE__ */ jsx22(GradientText, { colors: GRADIENTS.gold, bold: true, children: formula.name }),
+      /* @__PURE__ */ jsx22(Text21, { color: COLORS.teal, children: installed?.version ?? formula.versions.stable }),
+      isInstalled && /* @__PURE__ */ jsx22(StatusBadge, { label: t("badge_installed"), variant: "success" }),
+      formula.outdated && /* @__PURE__ */ jsx22(StatusBadge, { label: t("badge_outdated"), variant: "warning" }),
+      formula.pinned && /* @__PURE__ */ jsx22(StatusBadge, { label: t("badge_pinned"), variant: "info" }),
+      formula.keg_only && /* @__PURE__ */ jsx22(StatusBadge, { label: t("badge_kegOnly"), variant: "muted" }),
+      formula.deprecated && /* @__PURE__ */ jsx22(StatusBadge, { label: t("badge_deprecated"), variant: "error" })
     ] }),
     /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx21(Text21, { children: formula.desc }),
+      /* @__PURE__ */ jsx22(Text21, { children: formula.desc }),
       /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx21(SectionHeader, { emoji: "\u{1F4CB}", title: t("pkgInfo_details"), gradient: [COLORS.text, COLORS.muted] }),
+        /* @__PURE__ */ jsx22(SectionHeader, { emoji: "\u{1F4CB}", title: t("pkgInfo_details"), gradient: [COLORS.text, COLORS.muted] }),
         /* @__PURE__ */ jsxs19(Box18, { borderStyle: "round", borderColor: COLORS.border, paddingX: SPACING.sm, flexDirection: "column", children: [
           /* @__PURE__ */ jsxs19(Text21, { children: [
-            /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_homepage") }),
+            /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_homepage") }),
             " ",
             formula.homepage
           ] }),
           /* @__PURE__ */ jsxs19(Text21, { children: [
-            /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_license") }),
+            /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_license") }),
             "  ",
             formula.license
           ] }),
           /* @__PURE__ */ jsxs19(Text21, { children: [
-            /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_tap") }),
+            /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_tap") }),
             "      ",
             formula.tap
           ] }),
           /* @__PURE__ */ jsxs19(Text21, { children: [
-            /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_stable") }),
+            /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_stable") }),
             "   ",
             formula.versions.stable
           ] }),
           installed && /* @__PURE__ */ jsxs19(Fragment4, { children: [
             /* @__PURE__ */ jsxs19(Text21, { children: [
-              /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_installed") }),
+              /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_installed") }),
               " ",
               installed.version,
               " (",
@@ -3153,12 +3265,12 @@ function PackageInfoView() {
               ")"
             ] }),
             /* @__PURE__ */ jsxs19(Text21, { children: [
-              /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_bottle") }),
+              /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_bottle") }),
               "    ",
               installed.poured_from_bottle ? t("common_yes") : t("common_no")
             ] }),
             /* @__PURE__ */ jsxs19(Text21, { children: [
-              /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: t("pkgInfo_onRequest") }),
+              /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: t("pkgInfo_onRequest") }),
               " ",
               installed.installed_on_request ? t("common_yes") : t("pkgInfo_noDependency")
             ] })
@@ -3166,15 +3278,18 @@ function PackageInfoView() {
         ] })
       ] }),
       formula.dependencies.length > 0 && /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx21(SectionHeader, { emoji: "\u{1F517}", title: t("pkgInfo_dependencies", { count: formula.dependencies.length }), gradient: GRADIENTS.ocean }),
-        /* @__PURE__ */ jsx21(Box18, { paddingLeft: SPACING.sm, flexWrap: "wrap", columnGap: 2, children: formula.dependencies.map((dep) => /* @__PURE__ */ jsx21(Text21, { color: COLORS.muted, children: dep }, dep)) })
+        /* @__PURE__ */ jsx22(SectionHeader, { emoji: "\u{1F517}", title: t("pkgInfo_dependencies", { count: formula.dependencies.length }), gradient: GRADIENTS.ocean }),
+        /* @__PURE__ */ jsxs19(Box18, { paddingLeft: SPACING.sm, flexWrap: "wrap", columnGap: 2, children: [
+          formula.dependencies.slice(0, 30).map((dep) => /* @__PURE__ */ jsx22(Text21, { color: COLORS.muted, children: dep }, dep)),
+          formula.dependencies.length > 30 && /* @__PURE__ */ jsx22(Text21, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: formula.dependencies.length - 30 }) })
+        ] })
       ] }),
       formula.caveats && /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx21(SectionHeader, { emoji: "\u26A0\uFE0F", title: t("pkgInfo_caveats"), color: COLORS.warning }),
-        /* @__PURE__ */ jsx21(Box18, { borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, children: /* @__PURE__ */ jsx21(Text21, { color: COLORS.warning, children: formula.caveats }) })
+        /* @__PURE__ */ jsx22(SectionHeader, { emoji: "\u26A0\uFE0F", title: t("pkgInfo_caveats"), color: COLORS.warning }),
+        /* @__PURE__ */ jsx22(Box18, { borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, children: /* @__PURE__ */ jsx22(Text21, { color: COLORS.warning, wrap: "wrap", children: formula.caveats }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx21(Box18, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs19(Text21, { color: COLORS.textSecondary, children: [
+    /* @__PURE__ */ jsx22(Box18, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs19(Text21, { color: COLORS.textSecondary, children: [
       isInstalled ? `u:${t("hint_uninstall")}` : `i:${t("hint_install")}`,
       isInstalled && formula.outdated ? ` U:${t("hint_upgrade")}` : "",
       ` esc:${t("hint_back")}`
@@ -3183,9 +3298,9 @@ function PackageInfoView() {
 }
 
 // src/views/services.tsx
-import { useEffect as useEffect13, useState as useState10 } from "react";
-import { Box as Box19, Text as Text22, useStdout as useStdout5 } from "ink";
-import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useRef as useRef7, useState as useState10 } 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 = {
   started: "success",
   stopped: "muted",
@@ -3204,11 +3319,16 @@ function ServicesView() {
   const [actionInProgress, setActionInProgress] = useState10(false);
   const [confirmAction, setConfirmAction] = useState10(null);
   const [lastError, setLastError] = useState10(null);
-  const { stdout } = useStdout5();
-  const cols = stdout?.columns ?? 80;
-  const svcNameWidth = Math.floor(cols * 0.35);
-  const svcStatusWidth = Math.floor(cols * 0.15);
-  const MAX_VISIBLE_ROWS = Math.max(5, (stdout?.rows ?? 24) - 10);
+  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 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(() => {
     fetchServices();
   }, []);
@@ -3241,19 +3361,19 @@ function ServicesView() {
     else if (input === "x" || input === "2") setConfirmAction({ type: "stop", name: svc.name });
     else if (input === "R" || input === "3") setConfirmAction({ type: "restart", name: svc.name });
   });
-  if (loading.services) return /* @__PURE__ */ jsx22(Loading, { message: t("loading_services") });
-  if (errors.services) return /* @__PURE__ */ jsx22(ErrorMessage, { message: errors.services });
+  if (loading.services) return /* @__PURE__ */ jsx23(Loading, { message: t("loading_services") });
+  if (errors.services) return /* @__PURE__ */ jsx23(ErrorMessage, { message: errors.services });
   if (services.length === 0) {
     return /* @__PURE__ */ jsxs20(Box19, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx22(SectionHeader, { emoji: "\u2699\uFE0F", title: t("services_title"), gradient: GRADIENTS.ocean }),
-      /* @__PURE__ */ jsx22(Text22, { color: COLORS.textSecondary, italic: true, children: t("services_noServices") })
+      /* @__PURE__ */ jsx23(SectionHeader, { emoji: "\u2699\uFE0F", title: t("services_title"), gradient: GRADIENTS.ocean }),
+      /* @__PURE__ */ jsx23(Text22, { color: COLORS.textSecondary, italic: true, children: t("services_noServices") })
     ] });
   }
   const start = Math.max(0, cursor - Math.floor(MAX_VISIBLE_ROWS / 2));
   const visible = services.slice(start, start + MAX_VISIBLE_ROWS);
-  return /* @__PURE__ */ jsxs20(Box19, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx22(SectionHeader, { emoji: "\u2699\uFE0F", title: t("services_titleCount", { count: services.length }), gradient: GRADIENTS.ocean }),
-    confirmAction && /* @__PURE__ */ jsx22(Box19, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs20(Box19, { flexDirection: "column", ref: containerRef, children: [
+    /* @__PURE__ */ jsx23(SectionHeader, { emoji: "\u2699\uFE0F", title: t("services_titleCount", { count: services.length }), gradient: GRADIENTS.ocean }),
+    confirmAction && /* @__PURE__ */ jsx23(Box19, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx23(
       ConfirmDialog,
       {
         message: confirmAction.type === "stop" ? t("services_confirmStop", { name: confirmAction.name }) : t("services_confirmRestart", { name: confirmAction.name }),
@@ -3278,8 +3398,8 @@ function ServicesView() {
           "  ",
           t("services_name").padEnd(svcNameWidth)
         ] }),
-        /* @__PURE__ */ jsx22(Text22, { bold: true, color: COLORS.text, children: t("services_status").padEnd(svcStatusWidth) }),
-        /* @__PURE__ */ jsx22(Text22, { bold: true, color: COLORS.text, children: t("services_user") })
+        /* @__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") })
       ] }),
       start > 0 && /* @__PURE__ */ jsxs20(Text22, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
@@ -3289,10 +3409,10 @@ function ServicesView() {
         const idx = start + i;
         const isCurrent = idx === cursor;
         return /* @__PURE__ */ jsxs20(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx22(Text22, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: svc.name.padEnd(svcNameWidth - 2) }),
-          /* @__PURE__ */ jsx22(StatusBadge, { label: svc.status, variant: STATUS_VARIANTS[svc.status] }),
-          /* @__PURE__ */ jsx22(Text22, { color: COLORS.muted, children: svc.user ?? "-" }),
-          svc.exit_code != null && svc.exit_code !== 0 && /* @__PURE__ */ jsx22(Text22, { color: COLORS.error, children: t("common_exit", { code: svc.exit_code }) })
+          /* @__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 }) })
         ] }, svc.name);
       }),
       start + MAX_VISIBLE_ROWS < services.length && /* @__PURE__ */ jsxs20(Text22, { color: COLORS.textSecondary, dimColor: true, children: [
@@ -3300,9 +3420,9 @@ function ServicesView() {
         t("scroll_moreBelow", { count: services.length - start - MAX_VISIBLE_ROWS })
       ] })
     ] }),
-    actionInProgress && /* @__PURE__ */ jsx22(Text22, { color: COLORS.sky, children: t("services_processing") }),
-    lastError && /* @__PURE__ */ jsx22(Box19, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx22(Text22, { color: COLORS.error, children: lastError }) }),
-    /* @__PURE__ */ jsx22(Box19, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs20(Text22, { color: COLORS.text, bold: true, children: [
+    actionInProgress && /* @__PURE__ */ jsx23(Text22, { color: COLORS.sky, children: t("services_processing") }),
+    lastError && /* @__PURE__ */ jsx23(Box19, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx23(Text22, { color: COLORS.error, children: lastError }) }),
+    /* @__PURE__ */ jsx23(Box19, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs20(Text22, { color: COLORS.text, bold: true, children: [
       cursor + 1,
       "/",
       services.length
@@ -3311,12 +3431,18 @@ function ServicesView() {
 }
 
 // src/views/doctor.tsx
-import { useEffect as useEffect14, useRef as useRef6 } from "react";
+import { useEffect as useEffect14, useRef as useRef8, useState as useState11 } from "react";
 import { Box as Box20, Text as Text23 } from "ink";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function DoctorView() {
   const { doctorWarnings, doctorClean, loading, errors, fetchDoctor } = useBrewStore();
-  const mountedRef = useRef6(true);
+  const [cursor, setCursor] = useState11(0);
+  const visibleWarnings = useVisibleRows({
+    reservedRows: 6,
+    fallbackReservedRows: 14,
+    minRows: 1
+  });
+  const mountedRef = useRef8(true);
   useEffect14(() => {
     mountedRef.current = true;
     return () => {
@@ -3326,27 +3452,42 @@ function DoctorView() {
   useEffect14(() => {
     fetchDoctor();
   }, []);
-  useViewInput((input) => {
-    if (input === "r" || input === "1") void fetchDoctor();
+  useViewInput((input, key) => {
+    if (input === "r" || input === "1") {
+      void fetchDoctor();
+      return;
+    }
+    if (input === "j" || key.downArrow) setCursor((c) => Math.min(c + 1, Math.max(0, doctorWarnings.length - 1)));
+    else if (input === "k" || key.upArrow) setCursor((c) => Math.max(c - 1, 0));
   });
-  if (loading.doctor) return /* @__PURE__ */ jsx23(Loading, { message: t("loading_doctor") });
-  if (errors.doctor) return /* @__PURE__ */ jsx23(ErrorMessage, { message: errors.doctor });
+  if (loading.doctor) return /* @__PURE__ */ jsx24(Loading, { message: t("loading_doctor") });
+  if (errors.doctor) return /* @__PURE__ */ jsx24(ErrorMessage, { message: errors.doctor });
+  const start = Math.max(0, cursor - Math.floor(visibleWarnings / 2));
+  const visible = doctorWarnings.slice(start, start + visibleWarnings);
   return /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx23(SectionHeader, { emoji: "\u{1FA7A}", title: t("doctor_title"), gradient: GRADIENTS.emerald }),
+    /* @__PURE__ */ jsx24(SectionHeader, { emoji: "\u{1FA7A}", title: t("doctor_title"), gradient: GRADIENTS.emerald }),
     /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      doctorClean && /* @__PURE__ */ jsx23(ResultBanner, { status: "success", message: `\u2714 ${t("doctor_clean")}` }),
-      doctorClean === false && doctorWarnings.length === 0 && /* @__PURE__ */ jsx23(Text23, { color: COLORS.warning, children: t("doctor_warningsNotCaptured") }),
-      doctorWarnings.map((warning, i) => (
-        // FE-004: Improved React key
-        /* @__PURE__ */ jsx23(Box20, { flexDirection: "column", marginBottom: SPACING.xs, borderStyle: "single", borderColor: COLORS.warning, paddingX: SPACING.xs, children: warning.split("\n").map((line, j) => /* @__PURE__ */ jsx23(Text23, { color: j === 0 ? COLORS.warning : COLORS.muted, children: line }, `warning-${i}-${j}-${line.slice(0, 20)}`)) }, `warning-${i}-${warning.slice(0, 20)}`)
-      ))
+      doctorClean && /* @__PURE__ */ jsx24(ResultBanner, { status: "success", message: `\u2714 ${t("doctor_clean")}` }),
+      doctorClean === false && doctorWarnings.length === 0 && /* @__PURE__ */ jsx24(Text23, { color: COLORS.warning, children: t("doctor_warningsNotCaptured") }),
+      start > 0 && /* @__PURE__ */ jsxs21(Text23, { color: COLORS.textSecondary, dimColor: true, children: [
+        "  ",
+        t("scroll_moreAbove", { count: start })
+      ] }),
+      visible.map((warning, i) => {
+        const idx = start + i;
+        return /* @__PURE__ */ jsx24(Box20, { flexDirection: "column", marginBottom: SPACING.xs, borderStyle: "single", borderColor: idx === cursor ? COLORS.gold : COLORS.warning, paddingX: SPACING.xs, children: warning.split("\n").map((line, j) => /* @__PURE__ */ jsx24(Text23, { color: j === 0 ? COLORS.warning : COLORS.muted, wrap: "wrap", children: line }, `warning-${idx}-${j}-${line.slice(0, 20)}`)) }, `warning-${idx}-${warning.slice(0, 20)}`);
+      }),
+      start + visibleWarnings < doctorWarnings.length && /* @__PURE__ */ jsxs21(Text23, { color: COLORS.textSecondary, dimColor: true, children: [
+        "  ",
+        t("scroll_moreBelow", { count: doctorWarnings.length - start - visibleWarnings })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx23(Box20, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx23(Text23, { color: COLORS.text, bold: true, children: doctorWarnings.length > 0 ? tp("plural_warnings", doctorWarnings.length) : "" }) })
+    /* @__PURE__ */ jsx24(Box20, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx24(Text23, { color: COLORS.text, bold: true, children: doctorWarnings.length > 0 ? tp("plural_warnings", doctorWarnings.length) : "" }) })
   ] });
 }
 
 // src/views/profiles.tsx
-import { useEffect as useEffect15, useRef as useRef7, useState as useState11 } from "react";
+import { useEffect as useEffect15, useRef as useRef9, useState as useState12 } from "react";
 import { Box as Box25 } from "ink";
 
 // src/stores/profile-store.ts
@@ -3568,12 +3709,12 @@ var useProfileStore = create9((set) => ({
 
 // src/views/profiles/profile-list-mode.tsx
 import { Box as Box21, Text as Text24 } from "ink";
-import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 function ProfileListMode({ profileNames, cursor, confirmDelete, loadError, onConfirmDelete, onCancelDelete }) {
   return /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx24(SectionHeader, { emoji: "\u{1F4C1}", title: t("profiles_title", { count: profileNames.length }), gradient: GRADIENTS.gold }),
-    loadError && /* @__PURE__ */ jsx24(Box21, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx24(Text24, { color: COLORS.error, children: loadError }) }),
-    confirmDelete && profileNames[cursor] && /* @__PURE__ */ jsx24(Box21, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(SectionHeader, { emoji: "\u{1F4C1}", title: t("profiles_title", { count: profileNames.length }), gradient: GRADIENTS.gold }),
+    loadError && /* @__PURE__ */ jsx25(Box21, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx25(Text24, { color: COLORS.error, children: loadError }) }),
+    confirmDelete && profileNames[cursor] && /* @__PURE__ */ jsx25(Box21, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx25(
       ConfirmDialog,
       {
         message: t("profiles_confirmDelete", { name: profileNames[cursor] }),
@@ -3581,12 +3722,12 @@ function ProfileListMode({ profileNames, cursor, confirmDelete, loadError, onCon
         onCancel: onCancelDelete
       }
     ) }),
-    profileNames.length === 0 && !confirmDelete && /* @__PURE__ */ jsx24(Box21, { marginTop: SPACING.xs, borderStyle: "round", borderColor: COLORS.textSecondary, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx24(Text24, { color: COLORS.textSecondary, italic: true, children: t("profiles_noProfiles") }),
+    profileNames.length === 0 && !confirmDelete && /* @__PURE__ */ jsx25(Box21, { marginTop: SPACING.xs, borderStyle: "round", borderColor: COLORS.textSecondary, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx25(Text24, { color: COLORS.textSecondary, italic: true, children: t("profiles_noProfiles") }),
       /* @__PURE__ */ jsxs22(Text24, { color: COLORS.muted, children: [
         t("profiles_press"),
         " ",
-        /* @__PURE__ */ jsx24(Text24, { color: COLORS.gold, bold: true, children: "n" }),
+        /* @__PURE__ */ jsx25(Text24, { color: COLORS.gold, bold: true, children: "n" }),
         " ",
         t("profiles_exportHint")
       ] })
@@ -3594,9 +3735,9 @@ function ProfileListMode({ profileNames, cursor, confirmDelete, loadError, onCon
     profileNames.length > 0 && !confirmDelete && /* @__PURE__ */ jsxs22(Box21, { flexDirection: "column", marginTop: SPACING.xs, children: [
       profileNames.map((name, i) => {
         const isCurrent = i === cursor;
-        return /* @__PURE__ */ jsx24(SelectableRow, { isCurrent, children: /* @__PURE__ */ jsx24(Text24, { bold: isCurrent, inverse: isCurrent, children: name }) }, name);
+        return /* @__PURE__ */ jsx25(SelectableRow, { isCurrent, children: /* @__PURE__ */ jsx25(Text24, { bold: isCurrent, inverse: isCurrent, children: name }) }, name);
       }),
-      /* @__PURE__ */ jsx24(Box21, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs22(Text24, { color: COLORS.text, bold: true, children: [
+      /* @__PURE__ */ jsx25(Box21, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs22(Text24, { color: COLORS.text, bold: true, children: [
         cursor + 1,
         "/",
         profileNames.length
@@ -3607,22 +3748,37 @@ function ProfileListMode({ profileNames, cursor, confirmDelete, loadError, onCon
 
 // src/views/profiles/profile-detail-mode.tsx
 import { Box as Box22, Text as Text25 } from "ink";
-import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 function ProfileDetailMode({ profile }) {
+  const totalRows = useVisibleRows({
+    reservedRows: 7,
+    fallbackReservedRows: 14,
+    minRows: 2
+  });
+  const total = profile.formulae.length + profile.casks.length;
+  const formulaeBudget = total === 0 ? 0 : Math.min(profile.formulae.length, Math.max(1, Math.round(profile.formulae.length / total * totalRows)));
+  const casksBudget = Math.max(0, totalRows - formulaeBudget);
+  const visibleFormulae = profile.formulae.slice(0, formulaeBudget);
+  const visibleCasks = profile.casks.slice(0, casksBudget);
+  const formulaeHidden = profile.formulae.length - visibleFormulae.length;
+  const casksHidden = profile.casks.length - visibleCasks.length;
   return /* @__PURE__ */ jsxs23(Box22, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx25(Text25, { bold: true, color: COLORS.gold, children: profile.name }),
-    /* @__PURE__ */ jsx25(Text25, { color: COLORS.muted, children: profile.description }),
-    /* @__PURE__ */ jsx25(Text25, { color: COLORS.muted, children: t("profiles_created", { date: formatDate(profile.createdAt) }) }),
+    /* @__PURE__ */ jsx26(Text25, { bold: true, color: COLORS.gold, children: profile.name }),
+    /* @__PURE__ */ jsx26(Text25, { color: COLORS.muted, wrap: "wrap", children: profile.description }),
+    /* @__PURE__ */ jsx26(Text25, { color: COLORS.muted, children: t("profiles_created", { date: formatDate(profile.createdAt) }) }),
     /* @__PURE__ */ jsxs23(Box22, { marginTop: SPACING.xs, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx25(Text25, { bold: true, children: t("profiles_formulaeCount", { count: profile.formulae.length }) }),
+      /* @__PURE__ */ jsx26(Text25, { bold: true, children: t("profiles_formulaeCount", { count: profile.formulae.length }) }),
       /* @__PURE__ */ jsxs23(Box22, { paddingLeft: SPACING.sm, flexDirection: "column", children: [
-        profile.formulae.slice(0, 30).map((f) => /* @__PURE__ */ jsx25(Text25, { color: COLORS.muted, children: f }, f)),
-        profile.formulae.length > 30 && /* @__PURE__ */ jsx25(Text25, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: profile.formulae.length - 30 }) })
+        visibleFormulae.map((f) => /* @__PURE__ */ jsx26(Text25, { color: COLORS.muted, children: f }, f)),
+        formulaeHidden > 0 && /* @__PURE__ */ jsx26(Text25, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: formulaeHidden }) })
       ] }),
-      /* @__PURE__ */ jsx25(Text25, { bold: true, children: t("profiles_casksCount", { count: profile.casks.length }) }),
-      /* @__PURE__ */ jsx25(Box22, { paddingLeft: SPACING.sm, flexDirection: "column", children: profile.casks.map((c) => /* @__PURE__ */ jsx25(Text25, { color: COLORS.muted, children: c }, c)) })
+      /* @__PURE__ */ jsx26(Text25, { bold: true, children: t("profiles_casksCount", { count: profile.casks.length }) }),
+      /* @__PURE__ */ jsxs23(Box22, { paddingLeft: SPACING.sm, flexDirection: "column", children: [
+        visibleCasks.map((c) => /* @__PURE__ */ jsx26(Text25, { color: COLORS.muted, children: c }, c)),
+        casksHidden > 0 && /* @__PURE__ */ jsx26(Text25, { color: COLORS.textSecondary, italic: true, children: t("common_andMore", { count: casksHidden }) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx25(Box22, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs23(Text25, { color: COLORS.textSecondary, children: [
+    /* @__PURE__ */ jsx26(Box22, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs23(Text25, { color: COLORS.textSecondary, children: [
       "esc:",
       t("hint_back"),
       " e:",
@@ -3636,11 +3792,11 @@ function ProfileDetailMode({ profile }) {
 // src/views/profiles/profile-create-flow.tsx
 import { Box as Box23, Text as Text26 } from "ink";
 import { TextInput as TextInput3 } from "@inkjs/ui";
-import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
 function ProfileCreateName({ onSubmit }) {
   return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx26(Text26, { bold: true, children: t("profiles_createName") }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(Text26, { bold: true, children: t("profiles_createName") }),
+    /* @__PURE__ */ jsx27(
       TextInput3,
       {
         placeholder: t("profiles_namePlaceholder"),
@@ -3651,12 +3807,12 @@ function ProfileCreateName({ onSubmit }) {
 }
 function ProfileCreateDesc({ name, loadError, onSubmit }) {
   return /* @__PURE__ */ jsxs24(Box23, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx26(Text26, { bold: true, children: t("profiles_createDesc", { name }) }),
+    /* @__PURE__ */ jsx27(Text26, { bold: true, children: t("profiles_createDesc", { name }) }),
     loadError && /* @__PURE__ */ jsxs24(Text26, { color: COLORS.error, children: [
       t("error_prefix"),
       loadError
     ] }),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       TextInput3,
       {
         placeholder: t("profiles_descPlaceholder"),
@@ -3669,11 +3825,11 @@ function ProfileCreateDesc({ name, loadError, onSubmit }) {
 // src/views/profiles/profile-edit-flow.tsx
 import { Box as Box24, Text as Text27 } from "ink";
 import { TextInput as TextInput4 } from "@inkjs/ui";
-import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
 function ProfileEditName({ defaultName, onSubmit }) {
   return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx27(Text27, { bold: true, children: t("profiles_editName") }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(Text27, { bold: true, children: t("profiles_editName") }),
+    /* @__PURE__ */ jsx28(
       TextInput4,
       {
         defaultValue: defaultName,
@@ -3684,12 +3840,12 @@ function ProfileEditName({ defaultName, onSubmit }) {
 }
 function ProfileEditDesc({ name, defaultDesc, loadError, onSubmit }) {
   return /* @__PURE__ */ jsxs25(Box24, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx27(Text27, { bold: true, children: t("profiles_editDesc", { name }) }),
+    /* @__PURE__ */ jsx28(Text27, { bold: true, children: t("profiles_editDesc", { name }) }),
     loadError && /* @__PURE__ */ jsxs25(Text27, { color: COLORS.error, children: [
       t("error_prefix"),
       loadError
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       TextInput4,
       {
         defaultValue: defaultDesc,
@@ -3700,22 +3856,22 @@ function ProfileEditDesc({ name, defaultDesc, loadError, onSubmit }) {
 }
 
 // src/views/profiles.tsx
-import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+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] = 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 [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 { openModal, closeModal } = useModalStore();
-  const importGenRef = useRef7(null);
-  const mountedRef = useRef7(true);
+  const importGenRef = useRef9(null);
+  const mountedRef = useRef9(true);
   useEffect15(() => {
     fetchProfiles();
   }, []);
@@ -3809,9 +3965,9 @@ function ProfilesView() {
       }
     }
   };
-  if (loading) return /* @__PURE__ */ jsx28(Loading, { message: t("loading_profiles") });
+  if (loading) return /* @__PURE__ */ jsx29(Loading, { message: t("loading_profiles") });
   if (mode === "confirm-import" && importProfile2) {
-    return /* @__PURE__ */ jsx28(Box25, { flexDirection: "column", children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(Box25, { flexDirection: "column", children: /* @__PURE__ */ jsx29(
       ConfirmDialog,
       {
         message: t("profiles_importSummary", {
@@ -3832,18 +3988,18 @@ function ProfilesView() {
   }
   if (mode === "importing") {
     return /* @__PURE__ */ jsxs26(Box25, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx28(ProgressLog, { lines: importLines, isRunning: importRunning, title: t("profiles_importTitle") }),
-      !importRunning && /* @__PURE__ */ jsx28(Box25, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx28(ResultBanner, { status: importHadError ? "error" : "success", message: importHadError ? t("profiles_importPartial") : `\u2714 ${t("profiles_importComplete")}` }) })
+      /* @__PURE__ */ jsx29(ProgressLog, { lines: importLines, isRunning: importRunning, title: t("profiles_importTitle") }),
+      !importRunning && /* @__PURE__ */ jsx29(Box25, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx29(ResultBanner, { status: importHadError ? "error" : "success", message: importHadError ? t("profiles_importPartial") : `\u2714 ${t("profiles_importComplete")}` }) })
     ] });
   }
   if (mode === "create-name") {
-    return /* @__PURE__ */ jsx28(ProfileCreateName, { onSubmit: (val) => {
+    return /* @__PURE__ */ jsx29(ProfileCreateName, { onSubmit: (val) => {
       setNewName(val);
       setMode("create-desc");
     } });
   }
   if (mode === "create-desc") {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       ProfileCreateDesc,
       {
         name: newName,
@@ -3860,13 +4016,13 @@ function ProfilesView() {
     );
   }
   if (mode === "edit-name") {
-    return /* @__PURE__ */ jsx28(ProfileEditName, { defaultName: editName, onSubmit: (val) => {
+    return /* @__PURE__ */ jsx29(ProfileEditName, { defaultName: editName, onSubmit: (val) => {
       setEditName(val);
       setMode("edit-desc");
     } });
   }
   if (mode === "edit-desc") {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       ProfileEditDesc,
       {
         name: editName,
@@ -3884,9 +4040,9 @@ function ProfilesView() {
     );
   }
   if (mode === "detail" && selectedProfile) {
-    return /* @__PURE__ */ jsx28(ProfileDetailMode, { profile: selectedProfile });
+    return /* @__PURE__ */ jsx29(ProfileDetailMode, { profile: selectedProfile });
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     ProfileListMode,
     {
       profileNames,
@@ -3903,7 +4059,7 @@ function ProfilesView() {
 }
 
 // src/views/smart-cleanup.tsx
-import { useEffect as useEffect16, useRef as useRef8, useState as useState12 } from "react";
+import { useEffect as useEffect16, useRef as useRef10, useState as useState13 } from "react";
 import { Box as Box26, Text as Text28 } from "ink";
 
 // src/stores/cleanup-store.ts
@@ -4024,15 +4180,20 @@ var useCleanupStore = create10((set, get) => ({
 }));
 
 // src/views/smart-cleanup.tsx
-import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+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] = useState12(0);
-  const [confirmClean, setConfirmClean] = useState12(false);
-  const [confirmForce, setConfirmForce] = useState12(false);
-  const [failedNames, setFailedNames] = useState12([]);
+  const [cursor, setCursor] = useState13(0);
+  const [confirmClean, setConfirmClean] = useState13(false);
+  const [confirmForce, setConfirmForce] = useState13(false);
+  const [failedNames, setFailedNames] = useState13([]);
   const stream = useBrewStream();
-  const hasRefreshed = useRef8(false);
+  const hasRefreshed = useRef10(false);
+  const listRows = useVisibleRows({
+    reservedRows: confirmClean || confirmForce ? 12 : 9,
+    fallbackReservedRows: confirmClean || confirmForce ? 18 : 14,
+    minRows: 1
+  });
   useEffect16(() => {
     analyze();
   }, []);
@@ -4075,18 +4236,18 @@ function SmartCleanupView() {
     if (input === "j" || key.downArrow) setCursor((c) => Math.min(c + 1, Math.max(0, candidates.length - 1)));
     else if (input === "k" || key.upArrow) setCursor((c) => Math.max(c - 1, 0));
   });
-  if (loading) return /* @__PURE__ */ jsx29(Loading, { message: t("loading_cleanup") });
-  if (error) return /* @__PURE__ */ jsx29(ErrorMessage, { message: error });
+  if (loading) return /* @__PURE__ */ jsx30(Loading, { message: t("loading_cleanup") });
+  if (error) return /* @__PURE__ */ jsx30(ErrorMessage, { message: error });
   if (stream.isRunning || stream.lines.length > 0) {
     return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx29(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t("cleanup_cleaning") }),
+      /* @__PURE__ */ jsx30(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t("cleanup_cleaning") }),
       stream.isRunning && /* @__PURE__ */ jsxs27(Text28, { color: COLORS.muted, children: [
         "esc:",
         t("hint_cancel")
       ] }),
-      !stream.isRunning && !stream.error && /* @__PURE__ */ jsx29(ResultBanner, { status: "success", message: `\u2714 ${t("cleanup_complete")}` }),
+      !stream.isRunning && !stream.error && /* @__PURE__ */ jsx30(ResultBanner, { status: "success", message: `\u2714 ${t("cleanup_complete")}` }),
       !stream.isRunning && stream.error && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", gap: SPACING.xs, children: [
-        /* @__PURE__ */ jsx29(ResultBanner, { status: "error", message: `\u2718 ${t("cleanup_depError")}` }),
+        /* @__PURE__ */ jsx30(ResultBanner, { status: "error", message: `\u2718 ${t("cleanup_depError")}` }),
         isDependencyError && failedNames.length > 0 && /* @__PURE__ */ jsxs27(Text28, { color: COLORS.warning, children: [
           "F:",
           t("hint_force"),
@@ -4094,7 +4255,7 @@ function SmartCleanupView() {
           t("hint_refresh")
         ] })
       ] }),
-      confirmForce && /* @__PURE__ */ jsx29(Box26, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx29(
+      confirmForce && /* @__PURE__ */ jsx30(Box26, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx30(
         ConfirmDialog,
         {
           message: t("cleanup_confirmForce", { count: failedNames.length }),
@@ -4110,15 +4271,15 @@ function SmartCleanupView() {
     ] });
   }
   return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx29(SectionHeader, { emoji: "\u{1F9F9}", title: t("cleanup_title"), gradient: GRADIENTS.emerald }),
+    /* @__PURE__ */ jsx30(SectionHeader, { emoji: "\u{1F9F9}", title: t("cleanup_title"), gradient: GRADIENTS.emerald }),
     summary && /* @__PURE__ */ jsxs27(Box26, { gap: SPACING.xs, marginY: SPACING.xs, children: [
-      /* @__PURE__ */ jsx29(StatCard, { label: t("cleanup_orphans"), value: candidates.length, color: candidates.length > 0 ? COLORS.warning : COLORS.success }),
-      /* @__PURE__ */ jsx29(StatCard, { label: t("cleanup_reclaimable"), value: summary.totalReclaimableFormatted, color: COLORS.sky }),
-      /* @__PURE__ */ jsx29(StatCard, { label: t("cleanup_selected"), value: selected.size, color: selected.size > 0 ? COLORS.success : COLORS.muted })
+      /* @__PURE__ */ jsx30(StatCard, { label: t("cleanup_orphans"), value: candidates.length, color: candidates.length > 0 ? COLORS.warning : COLORS.success }),
+      /* @__PURE__ */ jsx30(StatCard, { label: t("cleanup_reclaimable"), value: summary.totalReclaimableFormatted, color: COLORS.sky }),
+      /* @__PURE__ */ jsx30(StatCard, { label: t("cleanup_selected"), value: selected.size, color: selected.size > 0 ? COLORS.success : COLORS.muted })
     ] }),
     confirmClean && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", marginY: SPACING.xs, gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx29(Box26, { borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx29(Text28, { color: COLORS.warning, children: t("cleanup_warning_system_tools") }) }),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(Box26, { borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx30(Text28, { color: COLORS.warning, children: t("cleanup_warning_system_tools") }) }),
+      /* @__PURE__ */ jsx30(
         ConfirmDialog,
         {
           message: t("cleanup_confirmUninstall", { count: selected.size }),
@@ -4133,34 +4294,47 @@ function SmartCleanupView() {
         }
       )
     ] }),
-    candidates.length === 0 && !confirmClean && /* @__PURE__ */ jsx29(ResultBanner, { status: "success", message: `\u2714 ${t("cleanup_systemClean")}` }),
-    candidates.length > 0 && !confirmClean && /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
-      candidates.map((c, i) => {
-        const isCurrent = i === cursor;
-        const isSelected = selected.has(c.name);
-        return /* @__PURE__ */ jsxs27(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx29(Text28, { color: isSelected ? COLORS.success : COLORS.muted, children: isSelected ? "\u2611" : "\u2610" }),
-          /* @__PURE__ */ jsx29(Text28, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: c.name }),
-          /* @__PURE__ */ jsx29(Text28, { color: COLORS.warning, children: c.diskUsageFormatted }),
-          /* @__PURE__ */ jsxs27(Text28, { color: COLORS.textSecondary, children: [
-            "[",
-            c.reason,
-            "]"
-          ] })
-        ] }, c.name);
-      }),
-      /* @__PURE__ */ jsx29(Box26, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs27(Text28, { color: COLORS.text, bold: true, children: [
-        cursor + 1,
-        "/",
-        candidates.length
-      ] }) })
-    ] })
+    candidates.length === 0 && !confirmClean && /* @__PURE__ */ jsx30(ResultBanner, { status: "success", message: `\u2714 ${t("cleanup_systemClean")}` }),
+    candidates.length > 0 && !confirmClean && (() => {
+      const start = Math.max(0, cursor - Math.floor(listRows / 2));
+      const visible = candidates.slice(start, start + listRows);
+      return /* @__PURE__ */ jsxs27(Box26, { flexDirection: "column", children: [
+        start > 0 && /* @__PURE__ */ jsxs27(Text28, { color: COLORS.textSecondary, dimColor: true, children: [
+          "  ",
+          t("scroll_moreAbove", { count: start })
+        ] }),
+        visible.map((c, i) => {
+          const idx = start + i;
+          const isCurrent = idx === cursor;
+          const isSelected = selected.has(c.name);
+          return /* @__PURE__ */ jsxs27(SelectableRow, { isCurrent, children: [
+            /* @__PURE__ */ jsx30(Text28, { color: isSelected ? COLORS.success : COLORS.muted, children: isSelected ? "\u2611" : "\u2610" }),
+            /* @__PURE__ */ jsx30(Text28, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: c.name }),
+            /* @__PURE__ */ jsx30(Text28, { color: COLORS.warning, children: c.diskUsageFormatted }),
+            /* @__PURE__ */ jsxs27(Text28, { color: COLORS.textSecondary, children: [
+              "[",
+              c.reason,
+              "]"
+            ] })
+          ] }, c.name);
+        }),
+        start + listRows < candidates.length && /* @__PURE__ */ jsxs27(Text28, { color: COLORS.textSecondary, dimColor: true, children: [
+          "  ",
+          t("scroll_moreBelow", { count: candidates.length - start - listRows })
+        ] }),
+        /* @__PURE__ */ jsx30(Box26, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs27(Text28, { color: COLORS.text, bold: true, children: [
+          cursor + 1,
+          "/",
+          candidates.length
+        ] }) })
+      ] });
+    })()
   ] });
 }
 
 // src/views/history.tsx
-import { useEffect as useEffect17, useState as useState13, useMemo as useMemo5 } from "react";
-import { Box as Box27, Text as Text29, useStdout as useStdout6 } from "ink";
+import { useEffect as useEffect17, useState as useState14, useMemo as useMemo5 } from "react";
+import { Box as Box27, Text as Text29 } from "ink";
 
 // src/stores/history-store.ts
 import { create as create11 } from "zustand";
@@ -4196,7 +4370,7 @@ var useHistoryStore = create11((set) => ({
 }));
 
 // src/views/history.tsx
-import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 var ACTION_ICONS = {
   install: { icon: "+", color: COLORS.success },
   uninstall: { icon: "-", color: COLORS.error },
@@ -4212,17 +4386,25 @@ 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] = 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 [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 stream = useBrewStream();
   const debouncedQuery = useDebounce(searchQuery, 200);
   const { openModal, closeModal } = useModalStore();
-  const { stdout } = useStdout6();
-  const MAX_VISIBLE_ROWS = Math.max(5, (stdout?.rows ?? 24) - 8);
+  const MAX_VISIBLE_ROWS = useVisibleRows({
+    reservedRows: isSearching || stream.lines.length > 0 || stream.isRunning ? 8 : 5,
+    fallbackReservedRows: isSearching || stream.lines.length > 0 || stream.isRunning ? 16 : 13,
+    minRows: 1
+  });
+  const streamRows = useVisibleRows({
+    reservedRows: 7,
+    fallbackReservedRows: 16,
+    minRows: 1
+  });
   useEffect17(() => {
     fetchHistory();
   }, []);
@@ -4276,17 +4458,17 @@ function HistoryView() {
     if (input === "j" || key.downArrow) setCursor((c) => Math.min(c + 1, Math.max(0, filtered.length - 1)));
     else if (input === "k" || key.upArrow) setCursor((c) => Math.max(c - 1, 0));
   });
-  if (loading) return /* @__PURE__ */ jsx30(Loading, { message: t("loading_history") });
-  if (error) return /* @__PURE__ */ jsx30(ErrorMessage, { message: error });
+  if (loading) return /* @__PURE__ */ jsx31(Loading, { message: t("loading_history") });
+  if (error) return /* @__PURE__ */ jsx31(ErrorMessage, { message: error });
   const start = Math.max(0, cursor - Math.floor(MAX_VISIBLE_ROWS / 2));
   const visible = filtered.slice(start, start + MAX_VISIBLE_ROWS);
   return /* @__PURE__ */ jsxs28(Box27, { flexDirection: "column", children: [
     /* @__PURE__ */ jsxs28(Box27, { gap: SPACING.sm, marginBottom: SPACING.xs, children: [
-      /* @__PURE__ */ jsx30(SectionHeader, { emoji: "\u{1F4DC}", title: t("history_title", { count: filtered.length }), gradient: GRADIENTS.gold }),
-      /* @__PURE__ */ jsx30(Text29, { color: filter === "all" ? COLORS.text : COLORS.gold, children: t("history_filterLabel", { filter }) })
+      /* @__PURE__ */ jsx31(SectionHeader, { emoji: "\u{1F4DC}", title: t("history_title", { count: filtered.length }), gradient: GRADIENTS.gold }),
+      /* @__PURE__ */ jsx31(Text29, { color: filter === "all" ? COLORS.text : COLORS.gold, children: t("history_filterLabel", { filter }) })
     ] }),
-    isSearching && /* @__PURE__ */ jsx30(Box27, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx30(SearchInput, { defaultValue: searchQuery, onChange: setSearchQuery, placeholder: t("history_searchPlaceholder"), isActive: true }) }),
-    confirmClear && /* @__PURE__ */ jsx30(
+    isSearching && /* @__PURE__ */ jsx31(Box27, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx31(SearchInput, { defaultValue: searchQuery, onChange: setSearchQuery, placeholder: t("history_searchPlaceholder"), isActive: true }) }),
+    confirmClear && /* @__PURE__ */ jsx31(
       ConfirmDialog,
       {
         message: t("history_confirmClear", { count: entries.length }),
@@ -4297,7 +4479,7 @@ function HistoryView() {
         onCancel: () => setConfirmClear(false)
       }
     ),
-    confirmReplay && /* @__PURE__ */ jsx30(
+    confirmReplay && /* @__PURE__ */ jsx31(
       ConfirmDialog,
       {
         message: confirmReplay.action === "upgrade-all" ? t("history_replayAll") + "\n" + t("upgrade_all_warning") : t("history_confirmReplay", { action: t(ACTION_LABEL_KEYS[confirmReplay.action]), name: confirmReplay.packageName ?? "" }),
@@ -4325,8 +4507,16 @@ function HistoryView() {
         onCancel: () => setConfirmReplay(null)
       }
     ),
-    (stream.isRunning || stream.lines.length > 0) && /* @__PURE__ */ jsx30(Box27, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx30(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t("hint_replay") }) }),
-    filtered.length === 0 && !confirmClear && /* @__PURE__ */ jsx30(Text29, { color: COLORS.textSecondary, italic: true, children: filter !== "all" ? t("history_noEntriesFor", { filter }) : t("history_noEntries") }),
+    (stream.isRunning || stream.lines.length > 0) && /* @__PURE__ */ jsx31(Box27, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx31(
+      ProgressLog,
+      {
+        lines: stream.lines,
+        isRunning: stream.isRunning,
+        title: t("hint_replay"),
+        maxVisible: streamRows
+      }
+    ) }),
+    filtered.length === 0 && !confirmClear && /* @__PURE__ */ jsx31(Text29, { color: COLORS.textSecondary, italic: true, children: filter !== "all" ? t("history_noEntriesFor", { filter }) : t("history_noEntries") }),
     filtered.length > 0 && !confirmClear && /* @__PURE__ */ jsxs28(Box27, { flexDirection: "column", children: [
       start > 0 && /* @__PURE__ */ jsxs28(Text29, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
@@ -4338,18 +4528,18 @@ function HistoryView() {
         const { icon, color } = ACTION_ICONS[entry.action];
         const ts = new Date(entry.timestamp).getTime() / 1e3;
         return /* @__PURE__ */ jsxs28(SelectableRow, { isCurrent, children: [
-          /* @__PURE__ */ jsx30(Text29, { color, bold: true, children: icon }),
-          /* @__PURE__ */ jsx30(Text29, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: t(ACTION_LABEL_KEYS[entry.action]).padEnd(12) }),
-          /* @__PURE__ */ jsx30(Text29, { color: COLORS.text, children: entry.packageName ?? t("history_all") }),
-          entry.success ? /* @__PURE__ */ jsx30(StatusBadge, { label: t("badge_ok"), variant: "success" }) : /* @__PURE__ */ jsx30(StatusBadge, { label: t("badge_fail"), variant: "error" }),
-          /* @__PURE__ */ jsx30(Text29, { color: COLORS.muted, children: formatRelativeTime(ts) })
+          /* @__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") }),
+          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);
       }),
       start + MAX_VISIBLE_ROWS < filtered.length && /* @__PURE__ */ jsxs28(Text29, { color: COLORS.textSecondary, dimColor: true, children: [
         "  ",
         t("scroll_moreBelow", { count: filtered.length - start - MAX_VISIBLE_ROWS })
       ] }),
-      /* @__PURE__ */ jsx30(Box27, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs28(Text29, { color: COLORS.text, bold: true, children: [
+      /* @__PURE__ */ jsx31(Box27, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs28(Text29, { color: COLORS.text, bold: true, children: [
         cursor + 1,
         "/",
         filtered.length
@@ -4359,9 +4549,9 @@ function HistoryView() {
 }
 
 // src/views/security-audit.tsx
-import { useEffect as useEffect18, useState as useState14 } from "react";
+import { useEffect as useEffect18, useState as useState15 } from "react";
 import { Box as Box28, Text as Text30 } from "ink";
-import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 var SEVERITY_COLORS = {
   CRITICAL: COLORS.error,
   HIGH: COLORS.error,
@@ -4382,9 +4572,9 @@ function isNetworkError(msg) {
 function SecurityAuditView() {
   const { summary, loading, error, scan, cachedAt } = useSecurityStore();
   const navigate = useNavigationStore((s) => s.navigate);
-  const [cursor, setCursor] = useState14(0);
-  const [expandedPkg, setExpandedPkg] = useState14(null);
-  const [confirmUpgrade, setConfirmUpgrade] = useState14(null);
+  const [cursor, setCursor] = useState15(0);
+  const [expandedPkg, setExpandedPkg] = useState15(null);
+  const [confirmUpgrade, setConfirmUpgrade] = useState15(null);
   const stream = useBrewStream();
   useEffect18(() => {
     scan();
@@ -4410,17 +4600,17 @@ function SecurityAuditView() {
       setExpandedPkg(expandedPkg === results[cursor].packageName ? null : results[cursor].packageName);
     }
   });
-  if (loading) return /* @__PURE__ */ jsx31(Loading, { message: t("loading_security") });
+  if (loading) return /* @__PURE__ */ jsx32(Loading, { message: t("loading_security") });
   if (error) {
     const displayError = isNetworkError(error) ? t("security_networkError") : error;
-    return /* @__PURE__ */ jsx31(ErrorMessage, { message: displayError });
+    return /* @__PURE__ */ jsx32(ErrorMessage, { message: displayError });
   }
   const cacheAge = cachedAt ? formatRelativeTime(cachedAt / 1e3) : null;
   return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx31(SectionHeader, { emoji: "\u{1F6E1}\uFE0F", title: t("security_title"), gradient: GRADIENTS.ocean }),
+    /* @__PURE__ */ jsx32(SectionHeader, { emoji: "\u{1F6E1}\uFE0F", title: t("security_title"), gradient: GRADIENTS.ocean }),
     summary && /* @__PURE__ */ jsxs29(Box28, { gap: SPACING.xs, marginY: SPACING.xs, children: [
-      /* @__PURE__ */ jsx31(StatCard, { label: t("security_scanned"), value: summary.totalPackages, color: COLORS.info }),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(StatCard, { label: t("security_scanned"), value: summary.totalPackages, color: COLORS.info }),
+      /* @__PURE__ */ jsx32(
         StatCard,
         {
           label: t("security_vulnerable"),
@@ -4428,14 +4618,14 @@ function SecurityAuditView() {
           color: summary.vulnerablePackages > 0 ? COLORS.error : COLORS.success
         }
       ),
-      summary.criticalCount > 0 && /* @__PURE__ */ jsx31(StatCard, { label: t("security_critical"), value: summary.criticalCount, color: COLORS.error }),
-      summary.highCount > 0 && /* @__PURE__ */ jsx31(StatCard, { label: t("security_high"), value: summary.highCount, color: COLORS.error }),
-      summary.mediumCount > 0 && /* @__PURE__ */ jsx31(StatCard, { label: t("security_medium"), value: summary.mediumCount, color: COLORS.warning })
+      summary.criticalCount > 0 && /* @__PURE__ */ jsx32(StatCard, { label: t("security_critical"), value: summary.criticalCount, color: COLORS.error }),
+      summary.highCount > 0 && /* @__PURE__ */ jsx32(StatCard, { label: t("security_high"), value: summary.highCount, color: COLORS.error }),
+      summary.mediumCount > 0 && /* @__PURE__ */ jsx32(StatCard, { label: t("security_medium"), value: summary.mediumCount, color: COLORS.warning })
     ] }),
-    cacheAge && /* @__PURE__ */ jsx31(Text30, { color: COLORS.muted, children: t("security_cachedResults", { time: cacheAge }) }),
-    summary && /* @__PURE__ */ jsx31(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx31(Text30, { color: COLORS.textSecondary, italic: true, children: t("security_coverage_warning") }) }),
-    results.length === 0 && summary && /* @__PURE__ */ jsx31(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx31(ResultBanner, { status: "success", message: `\u2714 ${t("security_noVulns")}` }) }),
-    confirmUpgrade && /* @__PURE__ */ jsx31(Box28, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx31(
+    cacheAge && /* @__PURE__ */ jsx32(Text30, { color: COLORS.muted, children: t("security_cachedResults", { time: cacheAge }) }),
+    summary && /* @__PURE__ */ jsx32(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx32(Text30, { color: COLORS.textSecondary, italic: true, children: t("security_coverage_warning") }) }),
+    results.length === 0 && summary && /* @__PURE__ */ jsx32(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx32(ResultBanner, { status: "success", message: `\u2714 ${t("security_noVulns")}` }) }),
+    confirmUpgrade && /* @__PURE__ */ jsx32(Box28, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx32(
       ConfirmDialog,
       {
         message: t("security_confirmUpgrade", { name: confirmUpgrade }),
@@ -4448,50 +4638,50 @@ function SecurityAuditView() {
         onCancel: () => setConfirmUpgrade(null)
       }
     ) }),
-    (stream.isRunning || stream.lines.length > 0) && /* @__PURE__ */ jsx31(Box28, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx31(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t("hint_upgrade") }) }),
+    (stream.isRunning || stream.lines.length > 0) && /* @__PURE__ */ jsx32(Box28, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx32(ProgressLog, { lines: stream.lines, isRunning: stream.isRunning, title: t("hint_upgrade") }) }),
     results.length > 0 && /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", marginTop: SPACING.xs, children: [
       results.map((pkg, i) => {
         const isCurrent = i === cursor;
         const isExpanded = expandedPkg === pkg.packageName;
         return /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", children: [
           /* @__PURE__ */ jsxs29(SelectableRow, { isCurrent, children: [
-            /* @__PURE__ */ jsx31(StatusBadge, { label: pkg.maxSeverity, variant: SEVERITY_BADGE[pkg.maxSeverity] }),
-            /* @__PURE__ */ jsx31(Text30, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: pkg.packageName }),
-            /* @__PURE__ */ jsx31(Text30, { color: COLORS.muted, children: pkg.installedVersion }),
-            /* @__PURE__ */ jsx31(Text30, { color: COLORS.muted, children: tp("plural_vulns", pkg.vulnerabilities.length) }),
+            /* @__PURE__ */ jsx32(StatusBadge, { label: pkg.maxSeverity, variant: SEVERITY_BADGE[pkg.maxSeverity] }),
+            /* @__PURE__ */ jsx32(Text30, { bold: isCurrent, inverse: isCurrent, color: isCurrent ? COLORS.text : COLORS.muted, children: pkg.packageName }),
+            /* @__PURE__ */ jsx32(Text30, { color: COLORS.muted, children: pkg.installedVersion }),
+            /* @__PURE__ */ jsx32(Text30, { color: COLORS.muted, children: tp("plural_vulns", pkg.vulnerabilities.length) }),
             pkg.vulnerabilities.some((v) => v.fixedVersion) && /* @__PURE__ */ jsxs29(Text30, { color: COLORS.textSecondary, children: [
               "[R:",
               t("hint_rollback"),
               "]"
             ] }),
-            /* @__PURE__ */ jsx31(Text30, { color: COLORS.muted, children: isExpanded ? "\u25BC" : "\u25B6" })
+            /* @__PURE__ */ jsx32(Text30, { color: COLORS.muted, children: isExpanded ? "\u25BC" : "\u25B6" })
           ] }),
-          isExpanded && /* @__PURE__ */ jsx31(Box28, { flexDirection: "column", paddingLeft: SPACING.lg, marginBottom: SPACING.xs, children: pkg.vulnerabilities.map((vuln) => /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", marginBottom: SPACING.xs, children: [
+          isExpanded && /* @__PURE__ */ jsx32(Box28, { flexDirection: "column", paddingLeft: SPACING.lg, marginBottom: SPACING.xs, children: pkg.vulnerabilities.map((vuln) => /* @__PURE__ */ jsxs29(Box28, { flexDirection: "column", marginBottom: SPACING.xs, children: [
             /* @__PURE__ */ jsxs29(Box28, { gap: SPACING.xs, children: [
-              /* @__PURE__ */ jsx31(Text30, { color: SEVERITY_COLORS[vuln.severity], bold: true, children: vuln.id }),
+              /* @__PURE__ */ jsx32(Text30, { color: SEVERITY_COLORS[vuln.severity], bold: true, children: vuln.id }),
               /* @__PURE__ */ jsxs29(Text30, { color: COLORS.muted, children: [
                 "[",
                 vuln.severity,
                 "]"
               ] })
             ] }),
-            /* @__PURE__ */ jsx31(Text30, { color: COLORS.muted, wrap: "wrap", children: vuln.summary }),
-            vuln.fixedVersion && /* @__PURE__ */ jsx31(Text30, { color: COLORS.success, children: t("security_fixedIn", { version: vuln.fixedVersion }) })
+            /* @__PURE__ */ jsx32(Text30, { color: COLORS.muted, wrap: "wrap", children: vuln.summary }),
+            vuln.fixedVersion && /* @__PURE__ */ jsx32(Text30, { color: COLORS.success, children: t("security_fixedIn", { version: vuln.fixedVersion }) })
           ] }, vuln.id)) })
         ] }, pkg.packageName);
       }),
-      /* @__PURE__ */ jsx31(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs29(Text30, { color: COLORS.text, bold: true, children: [
+      /* @__PURE__ */ jsx32(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs29(Text30, { color: COLORS.text, bold: true, children: [
         cursor + 1,
         "/",
         results.length
       ] }) }),
-      /* @__PURE__ */ jsx31(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx31(Text30, { color: COLORS.textSecondary, children: t("security_rollback_hint") }) })
+      /* @__PURE__ */ jsx32(Box28, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx32(Text30, { color: COLORS.textSecondary, children: t("security_rollback_hint") }) })
     ] })
   ] });
 }
 
 // src/views/account.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { Box as Box29, Text as Text31 } from "ink";
 import { TextInput as TextInput5 } from "@inkjs/ui";
 
@@ -4570,16 +4760,16 @@ async function redeemPromoCode(code) {
 }
 
 // src/views/account.tsx
-import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
+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] = 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);
+  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);
   useViewInput((input, key) => {
     if (confirmDeactivate || deactivating || promoMode || revalidating) {
       if (key.escape && promoMode) {
@@ -4605,11 +4795,11 @@ function AccountView() {
     return key.slice(0, 4) + "-****-****-" + key.slice(-4);
   };
   if (status === "validating") {
-    return /* @__PURE__ */ jsx32(Loading, { message: t("account_loading") });
+    return /* @__PURE__ */ jsx33(Loading, { message: t("account_loading") });
   }
   return /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx32(SectionHeader, { emoji: "\u{1F464}", title: t("account_title"), gradient: GRADIENTS.gold }),
-    confirmDeactivate && /* @__PURE__ */ jsx32(Box29, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(SectionHeader, { emoji: "\u{1F464}", title: t("account_title"), gradient: GRADIENTS.gold }),
+    confirmDeactivate && /* @__PURE__ */ jsx33(Box29, { marginY: SPACING.xs, children: /* @__PURE__ */ jsx33(
       ConfirmDialog,
       {
         message: t("account_confirmDeactivate"),
@@ -4630,70 +4820,68 @@ function AccountView() {
     ) }),
     /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", marginTop: SPACING.xs, paddingLeft: SPACING.sm, children: [
       /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-        /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_statusLabel") }),
-        status === "pro" && /* @__PURE__ */ jsx32(Text31, { color: COLORS.success, bold: true, children: t("account_pro") }),
-        status === "free" && /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_free") }),
-        status === "expired" && /* @__PURE__ */ jsx32(Text31, { color: COLORS.error, children: t("account_expired") })
+        /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_statusLabel") }),
+        status === "pro" && /* @__PURE__ */ jsx33(Text31, { color: COLORS.success, bold: true, children: t("account_pro") }),
+        status === "free" && /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_free") }),
+        status === "expired" && /* @__PURE__ */ jsx33(Text31, { color: COLORS.error, children: t("account_expired") })
       ] }),
-      (degradation === "warning" || degradation === "limited") && license && /* @__PURE__ */ jsx32(Box29, { marginTop: SPACING.xs, borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx32(Text31, { color: COLORS.warning, children: t("license_offlineWarning", {
+      (degradation === "warning" || degradation === "limited") && license && /* @__PURE__ */ jsx33(Box29, { marginTop: SPACING.xs, borderStyle: "round", borderColor: COLORS.warning, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx33(Text31, { color: COLORS.warning, children: t("license_offlineWarning", {
         days: Math.floor((Date.now() - new Date(license.lastValidatedAt).getTime()) / (24 * 60 * 60 * 1e3))
       }) }) }),
       license && /* @__PURE__ */ jsxs30(Fragment5, { children: [
         /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_emailLabel") }),
-          /* @__PURE__ */ jsx32(Text31, { children: license.customerEmail })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_emailLabel") }),
+          /* @__PURE__ */ jsx33(Text31, { children: license.customerEmail })
         ] }),
         /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_nameLabel") }),
-          /* @__PURE__ */ jsx32(Text31, { children: license.customerName })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_nameLabel") }),
+          /* @__PURE__ */ jsx33(Text31, { children: license.customerName })
         ] }),
         /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_planLabel") }),
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.success, bold: true, children: "Pro" })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_planLabel") }),
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.success, bold: true, children: "Pro" })
         ] }),
         /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_keyLabel") }),
-          /* @__PURE__ */ jsx32(Text31, { children: maskKey(license.key) })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_keyLabel") }),
+          /* @__PURE__ */ jsx33(Text31, { children: maskKey(license.key) })
         ] }),
         license.expiresAt && /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_expiresLabel") }),
-          /* @__PURE__ */ jsx32(Text31, { children: formatDate(license.expiresAt) })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_expiresLabel") }),
+          /* @__PURE__ */ jsx33(Text31, { children: formatDate(license.expiresAt) })
         ] }),
         /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_activatedLabel") }),
-          /* @__PURE__ */ jsx32(Text31, { children: formatDate(license.activatedAt) })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_activatedLabel") }),
+          /* @__PURE__ */ jsx33(Text31, { children: formatDate(license.activatedAt) })
         ] })
       ] }),
-      status === "free" && /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", marginTop: SPACING.sm, borderStyle: "round", borderColor: COLORS.brand, paddingX: SPACING.sm, paddingY: SPACING.xs, children: [
+      status === "free" && /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", marginTop: SPACING.xs, borderStyle: "round", borderColor: COLORS.brand, paddingX: SPACING.sm, paddingY: SPACING.none, flexShrink: 1, children: [
         /* @__PURE__ */ jsxs30(Text31, { bold: true, color: COLORS.brand, children: [
           "\u2B50",
           " ",
           t("account_upgradeTitle")
         ] }),
-        /* @__PURE__ */ jsx32(Text31, { children: " " }),
-        /* @__PURE__ */ jsx32(Text31, { children: t("account_unlockDesc") }),
-        /* @__PURE__ */ jsx32(Text31, { color: COLORS.info, bold: true, children: t("account_pricing") }),
-        /* @__PURE__ */ jsx32(Text31, { children: " " }),
+        /* @__PURE__ */ jsx33(Text31, { wrap: "wrap", children: t("account_unlockDesc") }),
+        /* @__PURE__ */ jsx33(Text31, { color: COLORS.info, bold: true, children: t("account_pricing") }),
         /* @__PURE__ */ jsxs30(Text31, { color: COLORS.muted, children: [
           t("upgrade_buyAt"),
           " ",
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.sky, bold: true, children: t("upgrade_buyUrl") })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.sky, bold: true, children: t("upgrade_buyUrl") })
         ] }),
         /* @__PURE__ */ jsxs30(Text31, { color: COLORS.muted, children: [
           t("account_runActivate"),
           " ",
-          /* @__PURE__ */ jsx32(Text31, { color: COLORS.success, bold: true, children: t("account_activateCmd") })
+          /* @__PURE__ */ jsx33(Text31, { color: COLORS.success, bold: true, children: t("account_activateCmd") })
         ] })
       ] }),
-      status === "expired" && /* @__PURE__ */ jsx32(Box29, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx32(Box29, { borderStyle: "round", borderColor: COLORS.error, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx32(Text31, { color: COLORS.error, children: t("account_licenseExpired") }) }) }),
-      deactivating && /* @__PURE__ */ jsx32(Text31, { color: COLORS.sky, children: t("account_deactivating") }),
-      deactivateError && /* @__PURE__ */ jsx32(Text31, { color: COLORS.error, children: deactivateError })
+      status === "expired" && /* @__PURE__ */ jsx33(Box29, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx33(Box29, { borderStyle: "round", borderColor: COLORS.error, paddingX: SPACING.sm, paddingY: SPACING.none, children: /* @__PURE__ */ jsx33(Text31, { color: COLORS.error, children: t("account_licenseExpired") }) }) }),
+      deactivating && /* @__PURE__ */ jsx33(Text31, { color: COLORS.sky, children: t("account_deactivating") }),
+      deactivateError && /* @__PURE__ */ jsx33(Text31, { color: COLORS.error, children: deactivateError })
     ] }),
-    /* @__PURE__ */ jsx32(Box29, { flexDirection: "column", marginTop: SPACING.xs, paddingLeft: SPACING.sm, children: promoMode ? /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", gap: SPACING.xs, children: [
-      /* @__PURE__ */ jsx32(Text31, { bold: true, color: COLORS.gold, children: t("account_promoTitle") }),
-      promoLoading ? /* @__PURE__ */ jsx32(Text31, { color: COLORS.sky, children: t("account_promoValidating") }) : /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
-        /* @__PURE__ */ jsx32(Text31, { color: COLORS.muted, children: t("account_promoLabel") }),
-        /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(Box29, { flexDirection: "column", marginTop: SPACING.xs, paddingLeft: SPACING.sm, children: promoMode ? /* @__PURE__ */ jsxs30(Box29, { flexDirection: "column", gap: SPACING.xs, children: [
+      /* @__PURE__ */ jsx33(Text31, { bold: true, color: COLORS.gold, children: t("account_promoTitle") }),
+      promoLoading ? /* @__PURE__ */ jsx33(Text31, { color: COLORS.sky, children: t("account_promoValidating") }) : /* @__PURE__ */ jsxs30(Box29, { gap: SPACING.xs, children: [
+        /* @__PURE__ */ jsx33(Text31, { color: COLORS.muted, children: t("account_promoLabel") }),
+        /* @__PURE__ */ jsx33(
           TextInput5,
           {
             defaultValue: "",
@@ -4717,21 +4905,21 @@ function AccountView() {
           }
         )
       ] }),
-      promoResult && /* @__PURE__ */ jsx32(ResultBanner, { status: promoResult.success ? "success" : "error", message: promoResult.message }),
-      /* @__PURE__ */ jsx32(Text31, { color: COLORS.textSecondary, dimColor: true, children: t("account_promoEsc") })
-    ] }) : /* @__PURE__ */ jsx32(Text31, { color: COLORS.textSecondary, children: t("account_promoHint") }) }),
-    /* @__PURE__ */ jsx32(Box29, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs30(Text31, { color: COLORS.textSecondary, children: [
+      promoResult && /* @__PURE__ */ jsx33(ResultBanner, { status: promoResult.success ? "success" : "error", message: promoResult.message }),
+      /* @__PURE__ */ jsx33(Text31, { color: COLORS.textSecondary, dimColor: true, children: t("account_promoEsc") })
+    ] }) : /* @__PURE__ */ jsx33(Text31, { color: COLORS.textSecondary, children: t("account_promoHint") }) }),
+    /* @__PURE__ */ jsx33(Box29, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs30(Text31, { color: COLORS.textSecondary, children: [
       status === "pro" || status === "team" ? `d ${t("hint_deactivate")}  ` : "",
       status === "pro" || status === "team" || status === "expired" ? `v ${t("hint_revalidate")}  ` : "",
       revalidating ? t("account_revalidating") : "",
       " ",
-      t("app_version", { version: "0.9.2" })
+      t("app_version", { version: "1.1.0" })
     ] }) })
   ] });
 }
 
 // src/views/rollback.tsx
-import { useCallback as useCallback3, useEffect as useEffect19, useRef as useRef9, useState as useState16 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect19, useRef as useRef11, useState as useState17 } from "react";
 import { Box as Box30, Text as Text32 } from "ink";
 
 // src/stores/rollback-store.ts
@@ -4942,7 +5130,7 @@ var useRollbackStore = create12((set) => ({
 }));
 
 // src/views/rollback.tsx
-import { jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
 function strategyLabel(action) {
   switch (action.strategy) {
     case "versioned-formula":
@@ -4970,21 +5158,29 @@ function actionPrefix(action) {
 }
 function PlanView({ plan }) {
   const executableCount = plan.actions.filter((a) => a.strategy !== "unavailable" && a.action !== "remove").length;
+  const reservedForWarnings = Math.min(plan.warnings.length, 3) * 2;
+  const actionsBudget = useVisibleRows({
+    reservedRows: 6 + reservedForWarnings,
+    fallbackReservedRows: 14 + reservedForWarnings,
+    minRows: 2
+  });
+  const visibleActions = plan.actions.slice(0, actionsBudget);
+  const hiddenActions = plan.actions.length - visibleActions.length;
   return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", marginTop: SPACING.xs, children: [
     /* @__PURE__ */ jsxs31(Box30, { marginBottom: SPACING.xs, children: [
       /* @__PURE__ */ jsxs31(Text32, { color: COLORS.text, bold: true, children: [
         plan.snapshotLabel,
         " "
       ] }),
-      /* @__PURE__ */ jsx33(Text32, { color: COLORS.textSecondary, children: plan.snapshotDate })
+      /* @__PURE__ */ jsx34(Text32, { color: COLORS.textSecondary, children: plan.snapshotDate })
     ] }),
-    plan.actions.length === 0 && /* @__PURE__ */ jsx33(ResultBanner, { status: "success", message: t("rollback_diff_empty") }),
-    plan.actions.map((a) => /* @__PURE__ */ jsxs31(Box30, { children: [
+    plan.actions.length === 0 && /* @__PURE__ */ jsx34(ResultBanner, { status: "success", message: t("rollback_diff_empty") }),
+    visibleActions.map((a) => /* @__PURE__ */ jsxs31(Box30, { children: [
       /* @__PURE__ */ jsxs31(Text32, { color: actionColor(a), children: [
         actionPrefix(a),
         " "
       ] }),
-      /* @__PURE__ */ jsx33(Text32, { color: actionColor(a), bold: true, children: a.packageName }),
+      /* @__PURE__ */ jsx34(Text32, { color: actionColor(a), bold: true, children: a.packageName }),
       a.fromVersion !== "" && a.toVersion !== "" && /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
         " ",
         a.fromVersion,
@@ -4995,18 +5191,26 @@ function PlanView({ plan }) {
         " install ",
         a.toVersion
       ] }),
-      a.fromVersion !== "" && a.toVersion === "" && /* @__PURE__ */ jsx33(Text32, { color: COLORS.textSecondary, children: " remove" }),
+      a.fromVersion !== "" && a.toVersion === "" && /* @__PURE__ */ jsx34(Text32, { color: COLORS.textSecondary, children: " remove" }),
       /* @__PURE__ */ jsxs31(Text32, { color: COLORS.muted, dimColor: true, children: [
         "  [",
         strategyLabel(a),
         "]"
       ] })
     ] }, a.packageName + a.action)),
-    plan.warnings.map((w) => /* @__PURE__ */ jsx33(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs31(Text32, { color: COLORS.warning, children: [
+    hiddenActions > 0 && /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, dimColor: true, children: [
+      "  ",
+      t("scroll_moreBelow", { count: hiddenActions })
+    ] }),
+    plan.warnings.slice(0, 3).map((w) => /* @__PURE__ */ jsx34(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs31(Text32, { color: COLORS.warning, wrap: "wrap", children: [
       "\u26A0 ",
       w
     ] }) }, w)),
-    /* @__PURE__ */ jsx33(Box30, { marginTop: SPACING.xs, children: plan.canExecute ? /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
+    plan.warnings.length > 3 && /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, dimColor: true, children: [
+      "  ",
+      t("common_andMore", { count: plan.warnings.length - 3 })
+    ] }),
+    /* @__PURE__ */ jsx34(Box30, { marginTop: SPACING.xs, children: plan.canExecute ? /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
       "enter:",
       t("rollback_confirm", { count: String(executableCount) }),
       "  esc:",
@@ -5021,13 +5225,18 @@ 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] = useState16(0);
-  const [phase, setPhase] = useState16("list");
-  const [streamLines, setStreamLines] = useState16([]);
-  const [streamRunning, setStreamRunning] = useState16(false);
-  const [streamError, setStreamError] = useState16(null);
-  const generatorRef = useRef9(null);
-  const mountedRef = useRef9(true);
+  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 generatorRef = useRef11(null);
+  const mountedRef = useRef11(true);
+  const snapshotRows = useVisibleRows({
+    reservedRows: 6,
+    fallbackReservedRows: 14,
+    minRows: 1
+  });
   useEffect19(() => {
     mountedRef.current = true;
     return () => {
@@ -5095,21 +5304,21 @@ function RollbackView() {
       void fetchSnapshots(isPro());
     }
   });
-  if (loading) return /* @__PURE__ */ jsx33(Loading, { message: t("rollback_select_snapshot") });
-  if (error) return /* @__PURE__ */ jsx33(ErrorMessage, { message: error });
+  if (loading) return /* @__PURE__ */ jsx34(Loading, { message: t("rollback_select_snapshot") });
+  if (error) return /* @__PURE__ */ jsx34(ErrorMessage, { message: error });
   if (phase === "executing") {
-    return /* @__PURE__ */ jsx33(Box30, { flexDirection: "column", children: /* @__PURE__ */ jsx33(ProgressLog, { lines: streamLines, isRunning: streamRunning, title: t("rollback_executing") }) });
+    return /* @__PURE__ */ jsx34(Box30, { flexDirection: "column", children: /* @__PURE__ */ jsx34(ProgressLog, { lines: streamLines, isRunning: streamRunning, title: t("rollback_executing") }) });
   }
   if (phase === "result") {
     return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(
         ResultBanner,
         {
           status: streamError ? "error" : "success",
           message: streamError ? t("rollback_error", { error: streamError }) : t("rollback_success")
         }
       ),
-      /* @__PURE__ */ jsx33(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx34(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
         "r:",
         t("hint_refresh"),
         "  esc:",
@@ -5118,30 +5327,47 @@ function RollbackView() {
     ] });
   }
   return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx33(SectionHeader, { emoji: "\u23EA", title: t("rollback_title"), gradient: GRADIENTS.gold }),
-    snapshots.length === 0 && /* @__PURE__ */ jsx33(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx33(ResultBanner, { status: "info", message: t("rollback_no_snapshots") }) }),
-    phase === "list" && snapshots.length > 0 && /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx33(Text32, { color: COLORS.textSecondary, dimColor: true, children: t("rollback_select_snapshot") }),
-      /* @__PURE__ */ jsx33(Box30, { flexDirection: "column", marginTop: SPACING.xs, children: snapshots.map((s, i) => /* @__PURE__ */ jsxs31(SelectableRow, { isCurrent: i === cursor, children: [
-        /* @__PURE__ */ jsx33(Text32, { bold: i === cursor, color: i === cursor ? COLORS.text : COLORS.muted, children: s.label ?? t("rollback_snapshot_auto") }),
-        /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
-          " \u2014 ",
-          new Date(s.capturedAt).toLocaleString()
-        ] }),
-        /* @__PURE__ */ jsxs31(Text32, { color: COLORS.muted, dimColor: true, children: [
-          " ",
-          "(",
-          tp("packages", s.formulae.length + s.casks.length),
-          ")"
+    /* @__PURE__ */ jsx34(SectionHeader, { emoji: "\u23EA", title: t("rollback_title"), gradient: GRADIENTS.gold }),
+    snapshots.length === 0 && /* @__PURE__ */ jsx34(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx34(ResultBanner, { status: "info", message: t("rollback_no_snapshots") }) }),
+    phase === "list" && snapshots.length > 0 && (() => {
+      const start = Math.max(0, cursor - Math.floor(snapshotRows / 2));
+      const visible = snapshots.slice(start, start + snapshotRows);
+      return /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", marginTop: SPACING.xs, children: [
+        /* @__PURE__ */ jsx34(Text32, { color: COLORS.textSecondary, dimColor: true, children: t("rollback_select_snapshot") }),
+        /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", marginTop: SPACING.xs, children: [
+          start > 0 && /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, dimColor: true, children: [
+            "  ",
+            t("scroll_moreAbove", { count: start })
+          ] }),
+          visible.map((s, vi) => {
+            const i = start + vi;
+            return /* @__PURE__ */ jsxs31(SelectableRow, { isCurrent: i === cursor, children: [
+              /* @__PURE__ */ jsx34(Text32, { bold: i === cursor, color: i === cursor ? COLORS.text : COLORS.muted, children: s.label ?? t("rollback_snapshot_auto") }),
+              /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, children: [
+                " \u2014 ",
+                new Date(s.capturedAt).toLocaleString()
+              ] }),
+              /* @__PURE__ */ jsxs31(Text32, { color: COLORS.muted, dimColor: true, children: [
+                " ",
+                "(",
+                tp("packages", s.formulae.length + s.casks.length),
+                ")"
+              ] })
+            ] }, s.capturedAt);
+          }),
+          start + snapshotRows < snapshots.length && /* @__PURE__ */ jsxs31(Text32, { color: COLORS.textSecondary, dimColor: true, children: [
+            "  ",
+            t("scroll_moreBelow", { count: snapshots.length - start - snapshotRows })
+          ] })
         ] })
-      ] }, s.capturedAt)) })
-    ] }),
+      ] });
+    })(),
     phase === "plan" && /* @__PURE__ */ jsxs31(Box30, { flexDirection: "column", children: [
-      planLoading && /* @__PURE__ */ jsx33(Loading, { message: t("rollback_capturing") }),
-      planError && /* @__PURE__ */ jsx33(ErrorMessage, { message: planError }),
-      plan && !planLoading && /* @__PURE__ */ jsx33(PlanView, { plan })
+      planLoading && /* @__PURE__ */ jsx34(Loading, { message: t("rollback_capturing") }),
+      planError && /* @__PURE__ */ jsx34(ErrorMessage, { message: planError }),
+      plan && !planLoading && /* @__PURE__ */ jsx34(PlanView, { plan })
     ] }),
-    phase === "confirm" && plan && /* @__PURE__ */ jsx33(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx33(
+    phase === "confirm" && plan && /* @__PURE__ */ jsx34(Box30, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx34(
       ConfirmDialog,
       {
         message: t("rollback_confirm", {
@@ -5155,10 +5381,10 @@ function RollbackView() {
 }
 
 // src/views/brewfile.tsx
-import { useCallback as useCallback4, useEffect as useEffect20, useRef as useRef10, useState as useState17 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect20, useRef as useRef12, useState as useState18 } from "react";
 import { Box as Box31, Text as Text33 } from "ink";
 import { TextInput as TextInput6 } from "@inkjs/ui";
-import { jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
 function DriftScore({ score }) {
   const color = score >= 80 ? COLORS.success : score >= 50 ? COLORS.warning : COLORS.error;
   const bars = Math.round(score / 10);
@@ -5174,40 +5400,40 @@ function DriftScore({ score }) {
       score,
       "% "
     ] }),
-    /* @__PURE__ */ jsx34(Text33, { color: COLORS.textSecondary, children: t("brewfile_compliant") })
+    /* @__PURE__ */ jsx35(Text33, { color: COLORS.textSecondary, children: t("brewfile_compliant") })
   ] });
 }
 function DriftSummary({ drift }) {
   return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", marginTop: SPACING.xs, children: [
     drift.missingPackages.length > 0 && /* @__PURE__ */ jsxs32(Box31, { children: [
-      /* @__PURE__ */ jsx34(Text33, { color: COLORS.error, children: "\u25CF " }),
-      /* @__PURE__ */ jsx34(Text33, { color: COLORS.error, children: t("brewfile_drift_missing", { count: drift.missingPackages.length }) }),
+      /* @__PURE__ */ jsx35(Text33, { color: COLORS.error, children: "\u25CF " }),
+      /* @__PURE__ */ jsx35(Text33, { color: COLORS.error, children: t("brewfile_drift_missing", { count: drift.missingPackages.length }) }),
       /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
         ": " + drift.missingPackages.slice(0, 3).join(", "),
         drift.missingPackages.length > 3 ? "..." : ""
       ] })
     ] }),
     drift.extraPackages.length > 0 && /* @__PURE__ */ jsxs32(Box31, { children: [
-      /* @__PURE__ */ jsx34(Text33, { color: COLORS.warning, children: "\u25CF " }),
-      /* @__PURE__ */ jsx34(Text33, { color: COLORS.warning, children: t("brewfile_drift_extra", { count: drift.extraPackages.length }) })
+      /* @__PURE__ */ jsx35(Text33, { color: COLORS.warning, children: "\u25CF " }),
+      /* @__PURE__ */ jsx35(Text33, { color: COLORS.warning, children: t("brewfile_drift_extra", { count: drift.extraPackages.length }) })
     ] }),
     drift.wrongVersions.length > 0 && /* @__PURE__ */ jsxs32(Box31, { children: [
-      /* @__PURE__ */ jsx34(Text33, { color: COLORS.info, children: "\u25CF " }),
-      /* @__PURE__ */ jsx34(Text33, { color: COLORS.info, children: t("brewfile_drift_wrong", { count: drift.wrongVersions.length }) })
+      /* @__PURE__ */ jsx35(Text33, { color: COLORS.info, children: "\u25CF " }),
+      /* @__PURE__ */ jsx35(Text33, { color: COLORS.info, children: t("brewfile_drift_wrong", { count: drift.wrongVersions.length }) })
     ] }),
-    drift.missingPackages.length === 0 && drift.extraPackages.length === 0 && drift.wrongVersions.length === 0 && /* @__PURE__ */ jsx34(ResultBanner, { status: "success", message: t("brewfile_in_sync") })
+    drift.missingPackages.length === 0 && drift.extraPackages.length === 0 && drift.wrongVersions.length === 0 && /* @__PURE__ */ jsx35(ResultBanner, { status: "success", message: t("brewfile_in_sync") })
   ] });
 }
 function BrewfileView() {
   const isPro = useLicenseStore((s) => s.isPro);
   const { schema, drift, loading, driftLoading, error, load, createFromCurrent } = useBrewfileStore();
-  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 = useRef10(null);
-  const mountedRef = useRef10(true);
+  const [phase, setPhase] = useState18("overview");
+  const [streamLines, setStreamLines] = useState18([]);
+  const [streamRunning, setStreamRunning] = useState18(false);
+  const [streamError, setStreamError] = useState18(null);
+  const [resultMessage, setResultMessage] = useState18("");
+  const generatorRef = useRef12(null);
+  const mountedRef = useRef12(true);
   useEffect20(() => {
     mountedRef.current = true;
     void load();
@@ -5275,10 +5501,10 @@ function BrewfileView() {
     if (key.escape) {
     }
   });
-  if (loading) return /* @__PURE__ */ jsx34(Loading, { message: t("loading_default") });
-  if (error) return /* @__PURE__ */ jsx34(ErrorMessage, { message: error });
+  if (loading) return /* @__PURE__ */ jsx35(Loading, { message: t("loading_default") });
+  if (error) return /* @__PURE__ */ jsx35(ErrorMessage, { message: error });
   if (phase === "confirming-reconcile" && drift) {
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(
       ConfirmDialog,
       {
         message: t("confirm_brewfile_reconcile", {
@@ -5296,13 +5522,13 @@ function BrewfileView() {
   }
   if (phase === "creating") {
     return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx34(SectionHeader, { emoji: "\u{1F4E6}", title: t("brewfile_title"), gradient: GRADIENTS.ocean }),
+      /* @__PURE__ */ jsx35(SectionHeader, { emoji: "\u{1F4E6}", title: t("brewfile_title"), gradient: GRADIENTS.ocean }),
       /* @__PURE__ */ jsxs32(Box31, { marginTop: SPACING.xs, children: [
         /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
           t("brewfile_create_name"),
           " "
         ] }),
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           TextInput6,
           {
             defaultValue: "My Environment",
@@ -5318,7 +5544,7 @@ function BrewfileView() {
     ] });
   }
   if (phase === "reconciling") {
-    return /* @__PURE__ */ jsx34(Box31, { flexDirection: "column", children: /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx35(Box31, { flexDirection: "column", children: /* @__PURE__ */ jsx35(
       ProgressLog,
       {
         lines: streamLines,
@@ -5329,14 +5555,14 @@ function BrewfileView() {
   }
   if (phase === "result") {
     return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35(
         ResultBanner,
         {
           status: streamError ? "error" : "success",
           message: resultMessage
         }
       ),
-      /* @__PURE__ */ jsx34(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx35(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
         "r:",
         t("hint_refresh"),
         "  esc:",
@@ -5345,17 +5571,17 @@ function BrewfileView() {
     ] });
   }
   return /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx34(SectionHeader, { emoji: "\u{1F4E6}", title: t("brewfile_title"), gradient: GRADIENTS.ocean }),
+    /* @__PURE__ */ jsx35(SectionHeader, { emoji: "\u{1F4E6}", title: t("brewfile_title"), gradient: GRADIENTS.ocean }),
     schema === null ? /* @__PURE__ */ jsxs32(Box31, { marginTop: SPACING.xs, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx34(ResultBanner, { status: "info", message: t("brewfile_no_brewfile") }),
-      /* @__PURE__ */ jsx34(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx35(ResultBanner, { status: "info", message: t("brewfile_no_brewfile") }),
+      /* @__PURE__ */ jsx35(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
         "n:",
         t("hint_new")
       ] }) })
     ] }) : /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", marginTop: SPACING.xs, children: [
       /* @__PURE__ */ jsxs32(Box31, { gap: SPACING.sm, children: [
-        /* @__PURE__ */ jsx34(Text33, { color: COLORS.text, bold: true, children: schema.meta.name }),
-        schema.meta.description && /* @__PURE__ */ jsx34(Text33, { color: COLORS.textSecondary, children: schema.meta.description }),
+        /* @__PURE__ */ jsx35(Text33, { color: COLORS.text, bold: true, children: schema.meta.name }),
+        schema.meta.description && /* @__PURE__ */ jsx35(Text33, { color: COLORS.textSecondary, children: schema.meta.description }),
         schema.strictMode && /* @__PURE__ */ jsxs32(Text33, { color: COLORS.warning, children: [
           "[",
           t("brewfile_strict_mode"),
@@ -5363,15 +5589,15 @@ function BrewfileView() {
         ] })
       ] }),
       /* @__PURE__ */ jsxs32(Box31, { gap: SPACING.md, marginTop: SPACING.xs, children: [
-        /* @__PURE__ */ jsx34(Text33, { color: COLORS.sky, children: t("brewfile_formulae_count", { count: schema.formulae.length }) }),
-        /* @__PURE__ */ jsx34(Text33, { color: COLORS.teal, children: t("brewfile_casks_count", { count: schema.casks.length }) })
+        /* @__PURE__ */ jsx35(Text33, { color: COLORS.sky, children: t("brewfile_formulae_count", { count: schema.formulae.length }) }),
+        /* @__PURE__ */ jsx35(Text33, { color: COLORS.teal, children: t("brewfile_casks_count", { count: schema.casks.length }) })
       ] }),
-      driftLoading && /* @__PURE__ */ jsx34(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx34(Text33, { color: COLORS.muted, children: t("brewfile_computing_drift") }) }),
+      driftLoading && /* @__PURE__ */ jsx35(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx35(Text33, { color: COLORS.muted, children: t("brewfile_computing_drift") }) }),
       drift && !driftLoading && /* @__PURE__ */ jsxs32(Box31, { flexDirection: "column", marginTop: SPACING.xs, children: [
-        /* @__PURE__ */ jsx34(DriftScore, { score: drift.score }),
-        /* @__PURE__ */ jsx34(DriftSummary, { drift })
+        /* @__PURE__ */ jsx35(DriftScore, { score: drift.score }),
+        /* @__PURE__ */ jsx35(DriftSummary, { drift })
       ] }),
-      /* @__PURE__ */ jsx34(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx35(Box31, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs32(Text33, { color: COLORS.textSecondary, children: [
         "r:",
         t("hint_refresh"),
         drift && (drift.missingPackages.length > 0 || drift.wrongVersions.length > 0) ? `  c:${t("hint_reconcile")}` : "",
@@ -5384,9 +5610,9 @@ function BrewfileView() {
 }
 
 // src/views/sync.tsx
-import { useCallback as useCallback5, useEffect as useEffect21, useState as useState18 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect21, useState as useState19 } from "react";
 import { Box as Box32, Text as Text34 } from "ink";
-import { Fragment as Fragment6, jsx as jsx35, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
 function OverviewSection({
   config,
   lastResult,
@@ -5398,17 +5624,17 @@ function OverviewSection({
   const showComplianceHint = !hasConflicts && !!lastResult?.success;
   return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", marginTop: SPACING.xs, children: [
     config ? /* @__PURE__ */ jsxs33(Fragment6, { children: [
-      /* @__PURE__ */ jsx35(Box32, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx35(Text34, { color: COLORS.textSecondary, children: t("sync_machine", { name: config.machineName }) }) }),
-      config.lastSync && /* @__PURE__ */ jsx35(Box32, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx35(Text34, { color: COLORS.textSecondary, children: t("sync_last_sync", { date: new Date(config.lastSync).toLocaleString() }) }) }),
-      hasConflicts ? /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(Box32, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx36(Text34, { color: COLORS.textSecondary, children: t("sync_machine", { name: config.machineName }) }) }),
+      config.lastSync && /* @__PURE__ */ jsx36(Box32, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx36(Text34, { color: COLORS.textSecondary, children: t("sync_last_sync", { date: new Date(config.lastSync).toLocaleString() }) }) }),
+      hasConflicts ? /* @__PURE__ */ jsx36(
         ResultBanner,
         {
           status: "error",
           message: t("sync_status_conflict", { count: String(conflicts.length) })
         }
-      ) : lastResult?.success ? /* @__PURE__ */ jsx35(ResultBanner, { status: "success", message: t("sync_status_ok") }) : null
-    ] }) : /* @__PURE__ */ jsx35(Box32, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx35(Text34, { color: COLORS.textSecondary, children: t("sync_disabled") }) }),
-    /* @__PURE__ */ jsx35(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, children: [
+      ) : lastResult?.success ? /* @__PURE__ */ jsx36(ResultBanner, { status: "success", message: t("sync_status_ok") }) : null
+    ] }) : /* @__PURE__ */ jsx36(Box32, { marginBottom: SPACING.xs, children: /* @__PURE__ */ jsx36(Text34, { color: COLORS.textSecondary, children: t("sync_disabled") }) }),
+    /* @__PURE__ */ jsx36(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, children: [
       "s",
       /* @__PURE__ */ jsxs33(Text34, { color: COLORS.gold, children: [
         ":",
@@ -5435,13 +5661,27 @@ function ConflictsList({
   entries,
   cursor
 }) {
+  const availableRows = useVisibleRows({
+    reservedRows: 8,
+    fallbackReservedRows: 14,
+    minRows: 4
+  });
+  const perEntryRows = 4;
+  const maxEntries = Math.max(1, Math.floor(availableRows / perEntryRows));
+  const start = Math.max(0, cursor - Math.floor(maxEntries / 2));
+  const visible = entries.slice(start, start + maxEntries);
   return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", marginTop: SPACING.xs, children: [
-    entries.map((entry, i) => {
+    start > 0 && /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, dimColor: true, children: [
+      "  ",
+      t("scroll_moreAbove", { count: start })
+    ] }),
+    visible.map((entry, vi) => {
+      const i = start + vi;
       const { conflict, resolution } = entry;
       const isActive = i === cursor;
       return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", marginBottom: SPACING.xs, children: [
         /* @__PURE__ */ jsxs33(SelectableRow, { isCurrent: isActive, children: [
-          /* @__PURE__ */ jsx35(Text34, { bold: true, color: isActive ? COLORS.text : COLORS.textSecondary, children: t("sync_conflict_title", { package: conflict.packageName }) }),
+          /* @__PURE__ */ jsx36(Text34, { bold: true, color: isActive ? COLORS.text : COLORS.textSecondary, children: t("sync_conflict_title", { package: conflict.packageName }) }),
           /* @__PURE__ */ jsxs33(Text34, { color: COLORS.muted, children: [
             " (",
             conflict.packageType,
@@ -5474,7 +5714,11 @@ function ConflictsList({
         ] })
       ] }, `${conflict.packageName}-${conflict.remoteMachine}`);
     }),
-    /* @__PURE__ */ jsx35(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, children: [
+    start + maxEntries < entries.length && /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, dimColor: true, children: [
+      "  ",
+      t("scroll_moreBelow", { count: entries.length - start - maxEntries })
+    ] }),
+    /* @__PURE__ */ jsx36(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, children: [
       "j/k:",
       t("hint_navigate"),
       "  l:",
@@ -5492,10 +5736,10 @@ 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] = useState18("overview");
-  const [syncError, setSyncError] = useState18(null);
-  const [conflictEntries, setConflictEntries] = useState18([]);
-  const [cursor, setCursor] = useState18(0);
+  const [phase, setPhase] = useState19("overview");
+  const [syncError, setSyncError] = useState19(null);
+  const [conflictEntries, setConflictEntries] = useState19([]);
+  const [cursor, setCursor] = useState19(0);
   useEffect21(() => {
     void initialize(isPro());
   }, []);
@@ -5591,7 +5835,7 @@ function SyncView() {
     }
   });
   if (phase === "confirming-sync") {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       ConfirmDialog,
       {
         message: t("confirm_sync_now"),
@@ -5605,7 +5849,7 @@ function SyncView() {
     );
   }
   if (phase === "confirming-apply") {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       ConfirmDialog,
       {
         message: t("confirm_sync_apply", { count: String(conflictEntries.length) }),
@@ -5619,20 +5863,20 @@ function SyncView() {
     );
   }
   if (phase === "syncing" || loading) {
-    return /* @__PURE__ */ jsx35(Loading, { message: t("sync_syncing") });
+    return /* @__PURE__ */ jsx36(Loading, { message: t("sync_syncing") });
   }
   if (phase === "result") {
     const isError = !!(syncError ?? error);
     return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx35(SectionHeader, { emoji: "\u{1F504}", title: t("sync_title"), gradient: GRADIENTS.gold }),
-      /* @__PURE__ */ jsx35(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(SectionHeader, { emoji: "\u{1F504}", title: t("sync_title"), gradient: GRADIENTS.gold }),
+      /* @__PURE__ */ jsx36(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(
         ResultBanner,
         {
           status: isError ? "error" : "success",
           message: isError ? t("sync_error", { error: syncError ?? error ?? "" }) : t("sync_success")
         }
       ) }),
-      /* @__PURE__ */ jsx35(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx36(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs33(Text34, { color: COLORS.textSecondary, children: [
         "r:",
         t("hint_refresh"),
         "  esc:",
@@ -5641,9 +5885,9 @@ function SyncView() {
     ] });
   }
   return /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx35(SectionHeader, { emoji: "\u{1F504}", title: t("sync_title"), gradient: GRADIENTS.gold }),
-    error && phase === "overview" && /* @__PURE__ */ jsx35(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx35(ResultBanner, { status: "error", message: t("sync_error", { error }) }) }),
-    phase === "overview" && /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(SectionHeader, { emoji: "\u{1F504}", title: t("sync_title"), gradient: GRADIENTS.gold }),
+    error && phase === "overview" && /* @__PURE__ */ jsx36(Box32, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(ResultBanner, { status: "error", message: t("sync_error", { error }) }) }),
+    phase === "overview" && /* @__PURE__ */ jsx36(
       OverviewSection,
       {
         config,
@@ -5657,14 +5901,14 @@ function SyncView() {
       }
     ),
     phase === "conflicts" && /* @__PURE__ */ jsxs33(Box32, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx35(SectionHeader, { emoji: "\u26A0", title: t("sync_status_conflict", { count: String(conflictEntries.length) }), gradient: GRADIENTS.gold }),
-      /* @__PURE__ */ jsx35(ConflictsList, { entries: conflictEntries, cursor })
+      /* @__PURE__ */ jsx36(SectionHeader, { emoji: "\u26A0", title: t("sync_status_conflict", { count: String(conflictEntries.length) }), gradient: GRADIENTS.gold }),
+      /* @__PURE__ */ jsx36(ConflictsList, { entries: conflictEntries, cursor })
     ] })
   ] });
 }
 
 // src/views/compliance.tsx
-import { useCallback as useCallback6, useEffect as useEffect22, useRef as useRef11, useState as useState19 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect22, useRef as useRef13, useState as useState20 } from "react";
 import { Box as Box33, Text as Text35 } from "ink";
 import { TextInput as TextInput7 } from "@inkjs/ui";
 
@@ -5710,7 +5954,7 @@ async function* remediateViolations(violations, isPro) {
 
 // src/views/compliance.tsx
 import { join as join4 } from "path";
-import { jsx as jsx36, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
 function ComplianceScore({ report }) {
   const color = report.score >= 80 ? COLORS.success : report.score >= 50 ? COLORS.warning : COLORS.error;
   const bars = Math.round(report.score / 10);
@@ -5745,38 +5989,58 @@ function ViolationItem({ violation }) {
       prefix,
       " "
     ] }),
-    /* @__PURE__ */ jsx36(Text35, { color, children: violation.detail })
+    /* @__PURE__ */ jsx37(Text35, { color, wrap: "wrap", children: violation.detail })
   ] });
 }
 function ViolationList({ violations }) {
   const errors = violations.filter((v) => v.severity === "error");
   const warnings = violations.filter((v) => v.severity === "warning");
+  const totalRows = useVisibleRows({
+    reservedRows: 11,
+    fallbackReservedRows: 18,
+    minRows: 2
+  });
+  const total = errors.length + warnings.length;
+  const errorBudget = total === 0 ? 0 : Math.min(errors.length, Math.max(1, Math.round(errors.length / total * totalRows)));
+  const warningBudget = Math.max(0, totalRows - errorBudget);
+  const visibleErrors = errors.slice(0, errorBudget);
+  const visibleWarnings = warnings.slice(0, warningBudget);
+  const errorsHidden = errors.length - visibleErrors.length;
+  const warningsHidden = warnings.length - visibleWarnings.length;
   return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", marginTop: SPACING.xs, children: [
     errors.length > 0 && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", marginBottom: SPACING.xs, children: [
       /* @__PURE__ */ jsxs34(Text35, { color: COLORS.error, bold: true, children: [
         t("compliance_violations", { count: String(errors.length) }),
         " (errors)"
       ] }),
-      errors.map((v) => /* @__PURE__ */ jsx36(ViolationItem, { violation: v }, `${v.type}-${v.packageName}`))
+      visibleErrors.map((v) => /* @__PURE__ */ jsx37(ViolationItem, { violation: v }, `${v.type}-${v.packageName}`)),
+      errorsHidden > 0 && /* @__PURE__ */ jsxs34(Text35, { color: COLORS.textSecondary, dimColor: true, children: [
+        "  ",
+        t("scroll_moreBelow", { count: errorsHidden })
+      ] })
     ] }),
     warnings.length > 0 && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs34(Text35, { color: COLORS.warning, bold: true, children: [
         t("compliance_violations", { count: String(warnings.length) }),
         " (warnings)"
       ] }),
-      warnings.map((v) => /* @__PURE__ */ jsx36(ViolationItem, { violation: v }, `${v.type}-${v.packageName}`))
+      visibleWarnings.map((v) => /* @__PURE__ */ jsx37(ViolationItem, { violation: v }, `${v.type}-${v.packageName}`)),
+      warningsHidden > 0 && /* @__PURE__ */ jsxs34(Text35, { color: COLORS.textSecondary, dimColor: true, children: [
+        "  ",
+        t("scroll_moreBelow", { count: warningsHidden })
+      ] })
     ] })
   ] });
 }
 function ComplianceView() {
   const isPro = useLicenseStore((s) => s.isPro);
   const { policy, report, loading, error, importPolicy, runCheck } = useComplianceStore();
-  const [phase, setPhase] = useState19("overview");
-  const [resultMessage, setResultMessage] = useState19(null);
-  const [streamLines, setStreamLines] = useState19([]);
-  const [streamRunning, setStreamRunning] = useState19(false);
-  const generatorRef = useRef11(null);
-  const mountedRef = useRef11(true);
+  const [phase, setPhase] = useState20("overview");
+  const [resultMessage, setResultMessage] = useState20(null);
+  const [streamLines, setStreamLines] = useState20([]);
+  const [streamRunning, setStreamRunning] = useState20(false);
+  const generatorRef = useRef13(null);
+  const mountedRef = useRef13(true);
   useEffect22(() => {
     mountedRef.current = true;
     return () => {
@@ -5889,7 +6153,7 @@ function ComplianceView() {
     const actionable = report.violations.filter(
       (v) => v.type === "missing" || v.type === "wrong-version"
     );
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       ConfirmDialog,
       {
         message: t("confirm_compliance_remediate", { count: String(actionable.length) }),
@@ -5905,23 +6169,23 @@ function ComplianceView() {
   if (phase === "remediating" || loading && phase !== "importing") {
     if (phase === "remediating") {
       return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx36(SectionHeader, { emoji: "\u{1F50D}", title: t("compliance_title"), gradient: GRADIENTS.gold }),
-        /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(ProgressLog, { lines: streamLines, isRunning: streamRunning, title: t("compliance_remediating") }) })
+        /* @__PURE__ */ jsx37(SectionHeader, { emoji: "\u{1F50D}", title: t("compliance_title"), gradient: GRADIENTS.gold }),
+        /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx37(ProgressLog, { lines: streamLines, isRunning: streamRunning, title: t("compliance_remediating") }) })
       ] });
     }
-    return /* @__PURE__ */ jsx36(Loading, { message: t("compliance_title") });
+    return /* @__PURE__ */ jsx37(Loading, { message: t("compliance_title") });
   }
   if (phase === "result" && resultMessage) {
     return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      /* @__PURE__ */ jsx36(SectionHeader, { emoji: "\u{1F50D}", title: t("compliance_title"), gradient: GRADIENTS.gold }),
-      /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx37(SectionHeader, { emoji: "\u{1F50D}", title: t("compliance_title"), gradient: GRADIENTS.gold }),
+      /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx37(
         ResultBanner,
         {
           status: resultMessage.ok ? "success" : "error",
           message: resultMessage.text
         }
       ) }),
-      /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs34(Text35, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs34(Text35, { color: COLORS.textSecondary, children: [
         "r:",
         t("hint_refresh"),
         "  esc:",
@@ -5930,11 +6194,11 @@ function ComplianceView() {
     ] });
   }
   return /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx36(SectionHeader, { emoji: "\u{1F50D}", title: t("compliance_title"), gradient: GRADIENTS.gold }),
-    error && /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(ResultBanner, { status: "error", message: t("compliance_import_error", { error }) }) }),
+    /* @__PURE__ */ jsx37(SectionHeader, { emoji: "\u{1F50D}", title: t("compliance_title"), gradient: GRADIENTS.gold }),
+    error && /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx37(ResultBanner, { status: "error", message: t("compliance_import_error", { error }) }) }),
     phase === "importing" && /* @__PURE__ */ jsxs34(Box33, { marginTop: SPACING.xs, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx36(Text35, { color: COLORS.textSecondary, children: t("compliance_import_prompt") }),
-      /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx37(Text35, { color: COLORS.textSecondary, children: t("compliance_import_prompt") }),
+      /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx37(
         TextInput7,
         {
           defaultValue: "",
@@ -5943,20 +6207,20 @@ function ComplianceView() {
           }
         }
       ) }),
-      /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs34(Text35, { color: COLORS.muted, dimColor: true, children: [
+      /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsxs34(Text35, { color: COLORS.muted, dimColor: true, children: [
         "esc:",
         t("hint_back")
       ] }) })
     ] }),
     phase === "overview" && /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", marginTop: SPACING.xs, children: [
-      !policy ? /* @__PURE__ */ jsx36(Box33, { flexDirection: "column", children: /* @__PURE__ */ jsx36(Text35, { color: COLORS.textSecondary, children: t("compliance_no_policy") }) }) : /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx36(Text35, { color: COLORS.textSecondary, bold: true, children: t("compliance_policy_by", { maintainer: policy.meta.maintainer }) }),
+      !policy ? /* @__PURE__ */ jsx37(Box33, { flexDirection: "column", children: /* @__PURE__ */ jsx37(Text35, { color: COLORS.textSecondary, children: t("compliance_no_policy") }) }) : /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx37(Text35, { color: COLORS.textSecondary, bold: true, children: t("compliance_policy_by", { maintainer: policy.meta.maintainer }) }),
         report ? /* @__PURE__ */ jsxs34(Box33, { flexDirection: "column", marginTop: SPACING.xs, children: [
-          /* @__PURE__ */ jsx36(ComplianceScore, { report }),
-          report.compliant ? /* @__PURE__ */ jsx36(ResultBanner, { status: "success", message: t("compliance_ok") }) : /* @__PURE__ */ jsx36(ViolationList, { violations: report.violations })
-        ] }) : /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx36(Text35, { color: COLORS.muted, dimColor: true, children: t("compliance_press_r_hint") }) })
+          /* @__PURE__ */ jsx37(ComplianceScore, { report }),
+          report.compliant ? /* @__PURE__ */ jsx37(ResultBanner, { status: "success", message: t("compliance_ok") }) : /* @__PURE__ */ jsx37(ViolationList, { violations: report.violations })
+        ] }) : /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.xs, children: /* @__PURE__ */ jsx37(Text35, { color: COLORS.muted, dimColor: true, children: t("compliance_press_r_hint") }) })
       ] }),
-      /* @__PURE__ */ jsx36(Box33, { marginTop: SPACING.sm, flexWrap: "wrap", children: /* @__PURE__ */ jsxs34(Text35, { color: COLORS.textSecondary, children: [
+      /* @__PURE__ */ jsx37(Box33, { marginTop: SPACING.sm, flexWrap: "wrap", children: /* @__PURE__ */ jsxs34(Text35, { color: COLORS.textSecondary, children: [
         "i:",
         t("hint_import"),
         policy && /* @__PURE__ */ jsxs34(Text35, { children: [
@@ -5979,7 +6243,7 @@ function ComplianceView() {
 }
 
 // src/app.tsx
-import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs35 } from "react/jsx-runtime";
 function LicenseInitializer() {
   const initLicense = useLicenseStore((s) => s.initialize);
   useEffect23(() => {
@@ -5991,65 +6255,65 @@ function ViewRouter({ currentView }) {
   const isPro = useLicenseStore((s) => s.isPro);
   const isTeam = useLicenseStore((s) => s.isTeam);
   if (isProView(currentView) && !isPro()) {
-    return /* @__PURE__ */ jsx37(UpgradePrompt, { viewId: currentView });
+    return /* @__PURE__ */ jsx38(UpgradePrompt, { viewId: currentView });
   }
   if (isTeamView(currentView) && !isTeam()) {
-    return /* @__PURE__ */ jsx37(UpgradePrompt, { viewId: currentView });
+    return /* @__PURE__ */ jsx38(UpgradePrompt, { viewId: currentView });
   }
   switch (currentView) {
     case "dashboard":
-      return /* @__PURE__ */ jsx37(DashboardView, {});
+      return /* @__PURE__ */ jsx38(DashboardView, {});
     case "installed":
-      return /* @__PURE__ */ jsx37(InstalledView, {});
+      return /* @__PURE__ */ jsx38(InstalledView, {});
     case "search":
-      return /* @__PURE__ */ jsx37(SearchView, {});
+      return /* @__PURE__ */ jsx38(SearchView, {});
     case "outdated":
-      return /* @__PURE__ */ jsx37(OutdatedView, {});
+      return /* @__PURE__ */ jsx38(OutdatedView, {});
     case "package-info":
-      return /* @__PURE__ */ jsx37(PackageInfoView, {});
+      return /* @__PURE__ */ jsx38(PackageInfoView, {});
     case "services":
-      return /* @__PURE__ */ jsx37(ServicesView, {});
+      return /* @__PURE__ */ jsx38(ServicesView, {});
     case "doctor":
-      return /* @__PURE__ */ jsx37(DoctorView, {});
+      return /* @__PURE__ */ jsx38(DoctorView, {});
     case "profiles":
-      return /* @__PURE__ */ jsx37(ProfilesView, {});
+      return /* @__PURE__ */ jsx38(ProfilesView, {});
     case "smart-cleanup":
-      return /* @__PURE__ */ jsx37(SmartCleanupView, {});
+      return /* @__PURE__ */ jsx38(SmartCleanupView, {});
     case "history":
-      return /* @__PURE__ */ jsx37(HistoryView, {});
+      return /* @__PURE__ */ jsx38(HistoryView, {});
     case "rollback":
-      return /* @__PURE__ */ jsx37(RollbackView, {});
+      return /* @__PURE__ */ jsx38(RollbackView, {});
     case "brewfile":
-      return /* @__PURE__ */ jsx37(BrewfileView, {});
+      return /* @__PURE__ */ jsx38(BrewfileView, {});
     case "sync":
-      return /* @__PURE__ */ jsx37(SyncView, {});
+      return /* @__PURE__ */ jsx38(SyncView, {});
     case "security-audit":
-      return /* @__PURE__ */ jsx37(SecurityAuditView, {});
+      return /* @__PURE__ */ jsx38(SecurityAuditView, {});
     case "compliance":
-      return /* @__PURE__ */ jsx37(ComplianceView, {});
+      return /* @__PURE__ */ jsx38(ComplianceView, {});
     case "account":
-      return /* @__PURE__ */ jsx37(AccountView, {});
+      return /* @__PURE__ */ jsx38(AccountView, {});
   }
 }
 function App() {
   const { exit } = useApp();
   const currentView = useNavigationStore((s) => s.currentView);
   const isTestEnv = typeof process !== "undefined" && false;
-  const [showWelcome, setShowWelcome] = useState20(isTestEnv ? false : null);
+  const [showWelcome, setShowWelcome] = useState21(isTestEnv ? false : null);
   useEffect23(() => {
     if (isTestEnv) return;
     void hasCompletedOnboarding().then((done) => setShowWelcome(!done));
   }, []);
   useGlobalKeyboard({ onQuit: exit });
   if (showWelcome === null) {
-    return /* @__PURE__ */ jsx37(AppLayout, { children: /* @__PURE__ */ jsx37(Fragment7, {}) });
+    return /* @__PURE__ */ jsx38(AppLayout, { children: /* @__PURE__ */ jsx38(Fragment7, {}) });
   }
   if (showWelcome) {
-    return /* @__PURE__ */ jsx37(AppLayout, { children: /* @__PURE__ */ jsx37(WelcomeView, { onContinue: () => setShowWelcome(false) }) });
+    return /* @__PURE__ */ jsx38(AppLayout, { children: /* @__PURE__ */ jsx38(WelcomeView, { onContinue: () => setShowWelcome(false) }) });
   }
   return /* @__PURE__ */ jsxs35(AppLayout, { children: [
-    /* @__PURE__ */ jsx37(LicenseInitializer, {}),
-    /* @__PURE__ */ jsx37(ViewRouter, { currentView })
+    /* @__PURE__ */ jsx38(LicenseInitializer, {}),
+    /* @__PURE__ */ jsx38(ViewRouter, { currentView })
   ] });
 }
 
@@ -6133,7 +6397,7 @@ async function reportError(err, context = {}) {
   const config = await resolveConfig();
   if (!config.enabled || !config.endpoint) return;
   const machineId = await getMachineId();
-  const version = true ? "0.9.2" : "unknown";
+  const version = true ? "1.1.0" : "unknown";
   await postReport(buildReport("error", err, context, machineId, version), config);
 }
 async function installCrashReporter() {
@@ -6142,7 +6406,7 @@ async function installCrashReporter() {
   if (!config.enabled || !config.endpoint) return;
   _installed = true;
   const machineId = await getMachineId();
-  const version = true ? "0.9.2" : "unknown";
+  const version = true ? "1.1.0" : "unknown";
   process.on("uncaughtException", (err) => {
     void postReport(buildReport("fatal", err, { kind: "uncaughtException" }, machineId, version), config);
   });
@@ -6153,11 +6417,11 @@ async function installCrashReporter() {
 }
 
 // src/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+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("0.9.2\n");
+    process.stdout.write("1.1.0\n");
     return;
   }
   await ensureDataDirs();
@@ -6333,14 +6597,14 @@ Snapshots: ${snapshots.length} (latest: ${latest ? formatDate(latest.capturedAt)
   await ensureBrewBarRunning();
   process.env.BREW_TUI_TUI_MODE = "1";
   process.stdout.write("\x1B[2J\x1B[3J\x1B[H");
-  render(/* @__PURE__ */ jsx38(App, {}));
+  render(/* @__PURE__ */ jsx39(App, {}));
 }
 async function ensureBrewBarRunning() {
   if (process.platform !== "darwin") return;
   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-LHQYDFDA.js");
+  const { checkBrewBarVersion } = await import("./version-check-LVSQFXZU.js");
   try {
     if (!await isBrewBarInstalled()) {
       console.log(t("cli_brewbarInstalling"));