@agents-inc/cli 0.48.0 → 0.60.1

package/dist/{chunk-FPTUCWBY.js → chunk-BMJZBLP7.js}

@@ -1,16 +1,16 @@
 #!/usr/bin/env node
 import {
   SelectionCard
-} from "./chunk-F7KTUFGU.js";
+} from "./chunk-X5EG4EFP.js";
 import {
-  ViewTitle
-} from "./chunk-U2AEK4ZL.js";
+  useSectionScroll
+} from "./chunk-BNQ5O6LE.js";
 import {
   useWizardStore
-} from "./chunk-KPJJOLAQ.js";
+} from "./chunk-WF6RM73R.js";
 import {
   DEFAULT_SCRATCH_DOMAINS
-} from "./chunk-LESHL6SM.js";
+} from "./chunk-6OWHQ7HM.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -24,13 +24,22 @@ var INITIAL_FOCUSED_INDEX = 0;
 var SCRATCH_LABEL = "Start from scratch";
 var SCRATCH_DESCRIPTION = "Select domains and skills manually";
 var EXTRA_ITEMS_COUNT = 1;
-var StackSelection = ({ matrix, onCancel }) => {
+var StackSelection = ({
+  matrix,
+  availableHeight = 0,
+  onCancel
+}) => {
   const { selectStack, setApproach, setStackAction, populateFromSkillIds, toggleDomain } = useWizardStore();
   const [focusedIndex, setFocusedIndex] = useState(INITIAL_FOCUSED_INDEX);
   const stacks = matrix.suggestedStacks;
   const stackCount = stacks.length;
   const scratchIndex = stackCount;
   const totalItems = stackCount + EXTRA_ITEMS_COUNT;
+  const { setSectionRef, scrollEnabled, scrollTopPx } = useSectionScroll({
+    sectionCount: totalItems,
+    focusedIndex,
+    availableHeight
+  });
   useInput((input, key) => {
     if (key.escape) {
       if (onCancel) {
@@ -64,32 +73,39 @@ var StackSelection = ({ matrix, onCancel }) => {
       setFocusedIndex((prev) => Math.min(totalItems - 1, prev + 1));
     }
   });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(ViewTitle, { children: "Choose a stack" }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      stacks.map((stack, index) => /* @__PURE__ */ jsx(
-        SelectionCard,
-        {
-          label: stack.name,
-          description: stack.description,
-          isFocused: index === focusedIndex,
-          marginBottom: 1
-        },
-        stack.id
-      )),
-      /* @__PURE__ */ jsx(
-        SelectionCard,
-        {
-          label: SCRATCH_LABEL,
-          description: SCRATCH_DESCRIPTION,
-          isFocused: focusedIndex === scratchIndex
-        }
-      )
-    ] })
-  ] });
+  const noShrink = scrollEnabled ? { flexShrink: 0 } : {};
+  const sectionElements = stacks.map((stack, index) => /* @__PURE__ */ jsx(Box, { ref: (el) => setSectionRef(index, el), width: "100%", ...noShrink, children: /* @__PURE__ */ jsx(
+    SelectionCard,
+    {
+      label: stack.name,
+      description: stack.description,
+      isFocused: index === focusedIndex,
+      marginBottom: 1
+    }
+  ) }, stack.id));
+  const scratchElement = /* @__PURE__ */ jsx(Box, { ref: (el) => setSectionRef(scratchIndex, el), width: "100%", ...noShrink, children: /* @__PURE__ */ jsx(
+    SelectionCard,
+    {
+      label: SCRATCH_LABEL,
+      description: SCRATCH_DESCRIPTION,
+      isFocused: focusedIndex === scratchIndex
+    }
+  ) });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      flexDirection: "column",
+      width: "100%",
+      ...scrollEnabled ? { height: availableHeight, overflow: "hidden" } : { flexGrow: 1 },
+      children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: scrollTopPx > 0 ? -scrollTopPx : 0, ...noShrink, children: [
+        sectionElements,
+        scratchElement
+      ] })
+    }
+  );
 };
 
 export {
   StackSelection
 };
-//# sourceMappingURL=chunk-FPTUCWBY.js.map
+//# sourceMappingURL=chunk-BMJZBLP7.js.map

package/dist/chunk-BMJZBLP7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/stack-selection.tsx"],"sourcesContent":["import { Box, useInput } from \"ink\";\nimport React, { useState } from \"react\";\nimport { DEFAULT_SCRATCH_DOMAINS } from \"../../consts.js\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type { MergedSkillsMatrix } from \"../../types/index.js\";\nimport { useSectionScroll } from \"../hooks/use-section-scroll.js\";\nimport { SelectionCard } from \"./selection-card.js\";\n\nconst INITIAL_FOCUSED_INDEX = 0;\nconst SCRATCH_LABEL = \"Start from scratch\";\nconst SCRATCH_DESCRIPTION = \"Select domains and skills manually\";\n\n/** Number of extra items after the stack list (scratch option) */\nconst EXTRA_ITEMS_COUNT = 1;\n\nexport type StackSelectionProps = {\n  matrix: MergedSkillsMatrix;\n  /** Available height in terminal lines for the scrollable viewport. 0 = no constraint. */\n  availableHeight?: number;\n  onCancel?: () => void;\n};\n\nexport const StackSelection: React.FC<StackSelectionProps> = ({\n  matrix,\n  availableHeight = 0,\n  onCancel,\n}) => {\n  const { selectStack, setApproach, setStackAction, populateFromSkillIds, toggleDomain } =\n    useWizardStore();\n\n  const [focusedIndex, setFocusedIndex] = useState(INITIAL_FOCUSED_INDEX);\n\n  const stacks = matrix.suggestedStacks;\n  const stackCount = stacks.length;\n  const scratchIndex = stackCount;\n  const totalItems = stackCount + EXTRA_ITEMS_COUNT;\n\n  const { setSectionRef, scrollEnabled, scrollTopPx } = useSectionScroll({\n    sectionCount: totalItems,\n    focusedIndex,\n    availableHeight,\n  });\n\n  useInput((input, key) => {\n    if (key.escape) {\n      if (onCancel) {\n        onCancel();\n      }\n      return;\n    }\n\n    if (key.return) {\n      if (focusedIndex === scratchIndex) {\n        selectStack(null);\n        setApproach(\"scratch\");\n\n        for (const domain of DEFAULT_SCRATCH_DOMAINS) {\n          toggleDomain(domain);\n        }\n        return;\n      }\n\n      const focusedStack = stacks[focusedIndex];\n      if (focusedStack) {\n        selectStack(focusedStack.id);\n        setStackAction(\"customize\");\n        populateFromSkillIds(focusedStack.allSkillIds, matrix.skills, matrix.categories);\n        setApproach(\"stack\");\n      }\n      return;\n    }\n\n    if (key.upArrow || input === \"k\") {\n      setFocusedIndex((prev) => Math.max(0, prev - 1));\n      return;\n    }\n    if (key.downArrow || input === \"j\") {\n      setFocusedIndex((prev) => Math.min(totalItems - 1, prev + 1));\n    }\n  });\n\n  const noShrink = scrollEnabled ? { flexShrink: 0 } : {};\n\n  const sectionElements = stacks.map((stack, index) => (\n    <Box key={stack.id} ref={(el) => setSectionRef(index, el)} width=\"100%\" {...noShrink}>\n      <SelectionCard\n        label={stack.name}\n        description={stack.description}\n        isFocused={index === focusedIndex}\n        marginBottom={1}\n      />\n    </Box>\n  ));\n\n  const scratchElement = (\n    <Box ref={(el) => setSectionRef(scratchIndex, el)} width=\"100%\" {...noShrink}>\n      <SelectionCard\n        label={SCRATCH_LABEL}\n        description={SCRATCH_DESCRIPTION}\n        isFocused={focusedIndex === scratchIndex}\n      />\n    </Box>\n  );\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      width=\"100%\"\n      {...(scrollEnabled\n        ? { height: availableHeight, overflow: \"hidden\" as const }\n        : { flexGrow: 1 })}\n    >\n      <Box flexDirection=\"column\" marginTop={scrollTopPx > 0 ? -scrollTopPx : 0} {...noShrink}>\n        {sectionElements}\n        {scratchElement}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA,SAAS,KAAK,gBAAgB;AAC9B,SAAgB,gBAAgB;AAoF1B,cA2BA,YA3BA;AA7EN,IAAM,wBAAwB;AAC9B,IAAM,gBAAgB;AACtB,IAAM,sBAAsB;AAG5B,IAAM,oBAAoB;AASnB,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,aAAa,gBAAgB,sBAAsB,aAAa,IACnF,eAAe;AAEjB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,qBAAqB;AAEtE,QAAM,SAAS,OAAO;AACtB,QAAM,aAAa,OAAO;AAC1B,QAAM,eAAe;AACrB,QAAM,aAAa,aAAa;AAEhC,QAAM,EAAE,eAAe,eAAe,YAAY,IAAI,iBAAiB;AAAA,IACrE,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF,CAAC;AAED,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,IAAI,QAAQ;AACd,UAAI,UAAU;AACZ,iBAAS;AAAA,MACX;AACA;AAAA,IACF;AAEA,QAAI,IAAI,QAAQ;AACd,UAAI,iBAAiB,cAAc;AACjC,oBAAY,IAAI;AAChB,oBAAY,SAAS;AAErB,mBAAW,UAAU,yBAAyB;AAC5C,uBAAa,MAAM;AAAA,QACrB;AACA;AAAA,MACF;AAEA,YAAM,eAAe,OAAO,YAAY;AACxC,UAAI,cAAc;AAChB,oBAAY,aAAa,EAAE;AAC3B,uBAAe,WAAW;AAC1B,6BAAqB,aAAa,aAAa,OAAO,QAAQ,OAAO,UAAU;AAC/E,oBAAY,OAAO;AAAA,MACrB;AACA;AAAA,IACF;AAEA,QAAI,IAAI,WAAW,UAAU,KAAK;AAChC,sBAAgB,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAC/C;AAAA,IACF;AACA,QAAI,IAAI,aAAa,UAAU,KAAK;AAClC,sBAAgB,CAAC,SAAS,KAAK,IAAI,aAAa,GAAG,OAAO,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF,CAAC;AAED,QAAM,WAAW,gBAAgB,EAAE,YAAY,EAAE,IAAI,CAAC;AAEtD,QAAM,kBAAkB,OAAO,IAAI,CAAC,OAAO,UACzC,oBAAC,OAAmB,KAAK,CAAC,OAAO,cAAc,OAAO,EAAE,GAAG,OAAM,QAAQ,GAAG,UAC1E;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,MACnB,WAAW,UAAU;AAAA,MACrB,cAAc;AAAA;AAAA,EAChB,KANQ,MAAM,EAOhB,CACD;AAED,QAAM,iBACJ,oBAAC,OAAI,KAAK,CAAC,OAAO,cAAc,cAAc,EAAE,GAAG,OAAM,QAAQ,GAAG,UAClE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,aAAa;AAAA,MACb,WAAW,iBAAiB;AAAA;AAAA,EAC9B,GACF;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,OAAM;AAAA,MACL,GAAI,gBACD,EAAE,QAAQ,iBAAiB,UAAU,SAAkB,IACvD,EAAE,UAAU,EAAE;AAAA,MAElB,+BAAC,OAAI,eAAc,UAAS,WAAW,cAAc,IAAI,CAAC,cAAc,GAAI,GAAG,UAC5E;AAAA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-BNQ5O6LE.js

@@ -0,0 +1,74 @@
+#!/usr/bin/env node
+import {
+  SCROLL_VIEWPORT
+} from "./chunk-6OWHQ7HM.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli/components/hooks/use-section-scroll.ts
+init_esm_shims();
+import { useCallback, useEffect, useRef, useState } from "react";
+import { measureElement } from "ink";
+function useSectionScroll({
+  sectionCount,
+  focusedIndex,
+  availableHeight
+}) {
+  const sectionRefs = useRef([]);
+  const [sectionHeights, setSectionHeights] = useState([]);
+  const [scrollTopPx, setScrollTopPx] = useState(0);
+  const setSectionRef = useCallback((index, el) => {
+    sectionRefs.current[index] = el;
+  }, []);
+  useEffect(() => {
+    const heights = sectionRefs.current.map((el) => {
+      if (el) {
+        const { height } = measureElement(el);
+        return height;
+      }
+      return 0;
+    });
+    setSectionHeights((prev) => {
+      if (prev.length === heights.length && prev.every((h, i) => h === heights[i])) {
+        return prev;
+      }
+      return heights;
+    });
+  });
+  const scrollEnabled = availableHeight > 0 && availableHeight >= SCROLL_VIEWPORT.MIN_VIEWPORT_ROWS;
+  useEffect(() => {
+    if (!scrollEnabled || sectionHeights.length === 0) return;
+    let topOfFocused = 0;
+    for (let i = 0; i < focusedIndex; i++) {
+      topOfFocused += sectionHeights[i] ?? 0;
+    }
+    const focusedHeight = sectionHeights[focusedIndex] ?? 0;
+    const bottomOfFocused = topOfFocused + focusedHeight;
+    setScrollTopPx((prev) => {
+      if (topOfFocused < prev) {
+        return topOfFocused;
+      }
+      if (bottomOfFocused > prev + availableHeight) {
+        return bottomOfFocused - availableHeight;
+      }
+      return prev;
+    });
+  }, [focusedIndex, sectionHeights, scrollEnabled, availableHeight]);
+  return { setSectionRef, scrollEnabled, scrollTopPx };
+}
+function computeRowScrollTop(focusedRow, currentScrollTop, viewportHeight) {
+  if (focusedRow < currentScrollTop) {
+    return focusedRow;
+  }
+  if (focusedRow + 1 > currentScrollTop + viewportHeight) {
+    return focusedRow + 1 - viewportHeight;
+  }
+  return currentScrollTop;
+}
+
+export {
+  useSectionScroll,
+  computeRowScrollTop
+};
+//# sourceMappingURL=chunk-BNQ5O6LE.js.map

package/dist/chunk-BNQ5O6LE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/hooks/use-section-scroll.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { type DOMElement, measureElement } from \"ink\";\nimport { SCROLL_VIEWPORT } from \"../../consts.js\";\n\nexport type UseSectionScrollOptions = {\n  sectionCount: number;\n  focusedIndex: number;\n  availableHeight: number;\n};\n\nexport type UseSectionScrollResult = {\n  setSectionRef: (index: number, el: DOMElement | null) => void;\n  scrollEnabled: boolean;\n  scrollTopPx: number;\n};\n\n/**\n * Shared pixel-offset scroll hook for views with variable-height sections.\n *\n * Manages section refs, height measurement, and scroll position to keep the\n * focused section visible within a constrained viewport. Extracted from the\n * identical scroll plumbing in category-grid.tsx and source-grid.tsx.\n */\nexport function useSectionScroll({\n  sectionCount,\n  focusedIndex,\n  availableHeight,\n}: UseSectionScrollOptions): UseSectionScrollResult {\n  const sectionRefs = useRef<(DOMElement | null)[]>([]);\n  const [sectionHeights, setSectionHeights] = useState<number[]>([]);\n  const [scrollTopPx, setScrollTopPx] = useState(0);\n\n  const setSectionRef = useCallback((index: number, el: DOMElement | null) => {\n    sectionRefs.current[index] = el;\n  }, []);\n\n  // Measure section heights on every render\n  useEffect(() => {\n    const heights = sectionRefs.current.map((el) => {\n      if (el) {\n        const { height } = measureElement(el);\n        return height;\n      }\n      return 0;\n    });\n    setSectionHeights((prev) => {\n      if (prev.length === heights.length && prev.every((h, i) => h === heights[i])) {\n        return prev;\n      }\n      return heights;\n    });\n  });\n\n  const scrollEnabled = availableHeight > 0 && availableHeight >= SCROLL_VIEWPORT.MIN_VIEWPORT_ROWS;\n\n  // Keep focused section visible\n  useEffect(() => {\n    if (!scrollEnabled || sectionHeights.length === 0) return;\n\n    let topOfFocused = 0;\n    for (let i = 0; i < focusedIndex; i++) {\n      topOfFocused += sectionHeights[i] ?? 0;\n    }\n    const focusedHeight = sectionHeights[focusedIndex] ?? 0;\n    const bottomOfFocused = topOfFocused + focusedHeight;\n\n    setScrollTopPx((prev) => {\n      if (topOfFocused < prev) {\n        return topOfFocused;\n      }\n      if (bottomOfFocused > prev + availableHeight) {\n        return bottomOfFocused - availableHeight;\n      }\n      return prev;\n    });\n  }, [focusedIndex, sectionHeights, scrollEnabled, availableHeight]);\n\n  return { setSectionRef, scrollEnabled, scrollTopPx };\n}\n\n/**\n * Pure function for row-based scroll offset computation.\n *\n * For views with uniform 1-line rows (step-agents, checkbox-grid, step-settings),\n * computes the scroll offset (in rows) to keep `focusedRow` visible within\n * a viewport of `viewportHeight` rows.\n */\nexport function computeRowScrollTop(\n  focusedRow: number,\n  currentScrollTop: number,\n  viewportHeight: number,\n): number {\n  if (focusedRow < currentScrollTop) {\n    return focusedRow;\n  }\n  if (focusedRow + 1 > currentScrollTop + viewportHeight) {\n    return focusedRow + 1 - viewportHeight;\n  }\n  return currentScrollTop;\n}\n"],"mappings":";;;;;;;;;AAAA;AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AACzD,SAA0B,sBAAsB;AAsBzC,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,QAAM,cAAc,OAA8B,CAAC,CAAC;AACpD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAmB,CAAC,CAAC;AACjE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAEhD,QAAM,gBAAgB,YAAY,CAAC,OAAe,OAA0B;AAC1E,gBAAY,QAAQ,KAAK,IAAI;AAAA,EAC/B,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACd,UAAM,UAAU,YAAY,QAAQ,IAAI,CAAC,OAAO;AAC9C,UAAI,IAAI;AACN,cAAM,EAAE,OAAO,IAAI,eAAe,EAAE;AACpC,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AACD,sBAAkB,CAAC,SAAS;AAC1B,UAAI,KAAK,WAAW,QAAQ,UAAU,KAAK,MAAM,CAAC,GAAG,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG;AAC5E,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AAED,QAAM,gBAAgB,kBAAkB,KAAK,mBAAmB,gBAAgB;AAGhF,YAAU,MAAM;AACd,QAAI,CAAC,iBAAiB,eAAe,WAAW,EAAG;AAEnD,QAAI,eAAe;AACnB,aAAS,IAAI,GAAG,IAAI,cAAc,KAAK;AACrC,sBAAgB,eAAe,CAAC,KAAK;AAAA,IACvC;AACA,UAAM,gBAAgB,eAAe,YAAY,KAAK;AACtD,UAAM,kBAAkB,eAAe;AAEvC,mBAAe,CAAC,SAAS;AACvB,UAAI,eAAe,MAAM;AACvB,eAAO;AAAA,MACT;AACA,UAAI,kBAAkB,OAAO,iBAAiB;AAC5C,eAAO,kBAAkB;AAAA,MAC3B;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,gBAAgB,eAAe,eAAe,CAAC;AAEjE,SAAO,EAAE,eAAe,eAAe,YAAY;AACrD;AASO,SAAS,oBACd,YACA,kBACA,gBACQ;AACR,MAAI,aAAa,kBAAkB;AACjC,WAAO;AAAA,EACT;AACA,MAAI,aAAa,IAAI,mBAAmB,gBAAgB;AACtD,WAAO,aAAa,IAAI;AAAA,EAC1B;AACA,SAAO;AACT;","names":[]}

package/dist/{chunk-W62XVWXB.js → chunk-C577AJE7.js}

@@ -8,10 +8,10 @@ import {
   verbose,
   warn,
   writeFile
-} from "./chunk-YMUWTPOM.js";
+} from "./chunk-LWXRUR6B.js";
 import {
   MAX_PLUGIN_FILE_SIZE
-} from "./chunk-LESHL6SM.js";
+} from "./chunk-6OWHQ7HM.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -129,4 +129,4 @@ export {
   writeMarketplace,
   getMarketplaceStats
 };
-//# sourceMappingURL=chunk-W62XVWXB.js.map
+//# sourceMappingURL=chunk-C577AJE7.js.map

package/dist/chunk-CIG7IKX3.js

@@ -0,0 +1,118 @@
+#!/usr/bin/env node
+import {
+  useRowScroll
+} from "./chunk-WYVDNGJB.js";
+import {
+  ViewTitle
+} from "./chunk-MGNYPVOJ.js";
+import {
+  CLI_COLORS,
+  UI_SYMBOLS
+} from "./chunk-6OWHQ7HM.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli/components/wizard/checkbox-grid.tsx
+init_esm_shims();
+import { Box, Text, useInput } from "ink";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CheckboxGrid = ({
+  title,
+  subtitle,
+  items,
+  selectedIds,
+  availableHeight = 0,
+  onToggle,
+  onContinue,
+  onBack,
+  emptyMessage = "Please select at least one item"
+}) => {
+  const totalItems = items.length + 1;
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  useInput((input, key) => {
+    if (key.escape) {
+      onBack();
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setFocusedIndex((prev) => prev <= 0 ? totalItems - 1 : prev - 1);
+      return;
+    }
+    if (key.downArrow || input === "j") {
+      setFocusedIndex((prev) => prev >= totalItems - 1 ? 0 : prev + 1);
+      return;
+    }
+    if (key.return) {
+      onContinue();
+      return;
+    }
+    if (input === " ") {
+      const item = items[focusedIndex];
+      if (item) {
+        onToggle(item.id);
+      }
+    }
+  });
+  const continueIndex = items.length;
+  const effectiveRow = focusedIndex >= items.length ? items.length - 1 : focusedIndex;
+  const { scrollEnabled, scrollTop } = useRowScroll({
+    focusedIndex: effectiveRow,
+    itemCount: items.length,
+    availableHeight
+  });
+  const itemElements = items.map((item, index) => {
+    const isFocused = index === focusedIndex;
+    const isSelected = selectedIds.includes(item.id);
+    const checkbox = isSelected ? "[\u2713]" : "[ ]";
+    const pointer = isFocused ? UI_SYMBOLS.CHEVRON : UI_SYMBOLS.CHEVRON_SPACER;
+    return /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: isFocused ? CLI_COLORS.PRIMARY : void 0, children: pointer }),
+      /* @__PURE__ */ jsxs(Text, { color: isSelected || isFocused ? CLI_COLORS.PRIMARY : void 0, bold: isFocused, children: [
+        " ",
+        checkbox,
+        " ",
+        item.label
+      ] }),
+      isFocused && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "  ",
+        item.description
+      ] })
+    ] }, item.id);
+  });
+  const footerElement = selectedIds.length > 0 ? /* @__PURE__ */ jsxs(Text, { children: [
+    "\n",
+    "Selected: ",
+    /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, children: selectedIds.join(", ") })
+  ] }) : emptyMessage ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    "\n",
+    emptyMessage
+  ] }) : null;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(ViewTitle, { children: title }),
+    subtitle && /* @__PURE__ */ jsx(Text, { dimColor: true, children: subtitle }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        flexDirection: "column",
+        ...scrollEnabled && { height: availableHeight, overflow: "hidden" },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            flexDirection: "column",
+            marginTop: scrollTop > 0 ? -scrollTop : 0,
+            ...scrollEnabled && { flexShrink: 0 },
+            children: itemElements
+          }
+        )
+      }
+    ),
+    footerElement
+  ] });
+};
+
+export {
+  CheckboxGrid
+};
+//# sourceMappingURL=chunk-CIG7IKX3.js.map

package/dist/chunk-CIG7IKX3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/checkbox-grid.tsx"],"sourcesContent":["import { Box, Text, useInput } from \"ink\";\nimport React, { useState } from \"react\";\nimport { CLI_COLORS, UI_SYMBOLS } from \"../../consts.js\";\nimport { useRowScroll } from \"../hooks/use-row-scroll.js\";\nimport { ViewTitle } from \"./view-title.js\";\n\nexport type CheckboxItem<T extends string = string> = {\n  id: T;\n  label: string;\n  description: string;\n};\n\nexport type CheckboxGridProps<T extends string = string> = {\n  title: string;\n  subtitle?: string;\n  items: CheckboxItem<T>[];\n  selectedIds: T[];\n  /** Available height in terminal lines for the scrollable viewport. 0 = no constraint. */\n  availableHeight?: number;\n  onToggle: (id: T) => void;\n  onContinue: () => void;\n  onBack: () => void;\n  /** Message shown when nothing is selected */\n  emptyMessage?: string;\n};\n\nexport const CheckboxGrid = <T extends string = string>({\n  title,\n  subtitle,\n  items,\n  selectedIds,\n  availableHeight = 0,\n  onToggle,\n  onContinue,\n  onBack,\n  emptyMessage = \"Please select at least one item\",\n}: CheckboxGridProps<T>): React.ReactElement => {\n  // Items + continue option at the end\n  const totalItems = items.length + 1;\n  const [focusedIndex, setFocusedIndex] = useState(0);\n\n  useInput((input, key) => {\n    if (key.escape) {\n      onBack();\n      return;\n    }\n\n    if (key.upArrow || input === \"k\") {\n      setFocusedIndex((prev) => (prev <= 0 ? totalItems - 1 : prev - 1));\n      return;\n    }\n\n    if (key.downArrow || input === \"j\") {\n      setFocusedIndex((prev) => (prev >= totalItems - 1 ? 0 : prev + 1));\n      return;\n    }\n\n    if (key.return) {\n      onContinue();\n      return;\n    }\n\n    if (input === \" \") {\n      const item = items[focusedIndex];\n      if (item) {\n        onToggle(item.id);\n      }\n    }\n  });\n\n  const continueIndex = items.length;\n\n  // When focus is on continue (past items), scroll to show last items\n  const effectiveRow = focusedIndex >= items.length ? items.length - 1 : focusedIndex;\n  const { scrollEnabled, scrollTop } = useRowScroll({\n    focusedIndex: effectiveRow,\n    itemCount: items.length,\n    availableHeight,\n  });\n\n  const itemElements = items.map((item, index) => {\n    const isFocused = index === focusedIndex;\n    const isSelected = selectedIds.includes(item.id);\n    const checkbox = isSelected ? \"[\\u2713]\" : \"[ ]\";\n    const pointer = isFocused ? UI_SYMBOLS.CHEVRON : UI_SYMBOLS.CHEVRON_SPACER;\n\n    return (\n      <Text key={item.id}>\n        <Text color={isFocused ? CLI_COLORS.PRIMARY : undefined}>{pointer}</Text>\n        <Text color={isSelected || isFocused ? CLI_COLORS.PRIMARY : undefined} bold={isFocused}>\n          {\" \"}\n          {checkbox} {item.label}\n        </Text>\n        {isFocused && (\n          <Text dimColor>\n            {\"  \"}\n            {item.description}\n          </Text>\n        )}\n      </Text>\n    );\n  });\n\n  const footerElement =\n    selectedIds.length > 0 ? (\n      <Text>\n        {\"\\n\"}Selected: <Text color={CLI_COLORS.WARNING}>{selectedIds.join(\", \")}</Text>\n      </Text>\n    ) : emptyMessage ? (\n      <Text dimColor>\n        {\"\\n\"}\n        {emptyMessage}\n      </Text>\n    ) : null;\n\n  return (\n    <Box flexDirection=\"column\">\n      <ViewTitle>{title}</ViewTitle>\n      {subtitle && <Text dimColor>{subtitle}</Text>}\n      <Box\n        flexDirection=\"column\"\n        {...(scrollEnabled && { height: availableHeight, overflow: \"hidden\" as const })}\n      >\n        <Box\n          flexDirection=\"column\"\n          marginTop={scrollTop > 0 ? -scrollTop : 0}\n          {...(scrollEnabled && { flexShrink: 0 })}\n        >\n          {itemElements}\n        </Box>\n      </Box>\n      {footerElement}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,SAAgB,gBAAgB;AAuFxB,cACA,YADA;AA9DD,IAAM,eAAe,CAA4B;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAgD;AAE9C,QAAM,aAAa,MAAM,SAAS;AAClC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAElD,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,IAAI,QAAQ;AACd,aAAO;AACP;AAAA,IACF;AAEA,QAAI,IAAI,WAAW,UAAU,KAAK;AAChC,sBAAgB,CAAC,SAAU,QAAQ,IAAI,aAAa,IAAI,OAAO,CAAE;AACjE;AAAA,IACF;AAEA,QAAI,IAAI,aAAa,UAAU,KAAK;AAClC,sBAAgB,CAAC,SAAU,QAAQ,aAAa,IAAI,IAAI,OAAO,CAAE;AACjE;AAAA,IACF;AAEA,QAAI,IAAI,QAAQ;AACd,iBAAW;AACX;AAAA,IACF;AAEA,QAAI,UAAU,KAAK;AACjB,YAAM,OAAO,MAAM,YAAY;AAC/B,UAAI,MAAM;AACR,iBAAS,KAAK,EAAE;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,MAAM;AAG5B,QAAM,eAAe,gBAAgB,MAAM,SAAS,MAAM,SAAS,IAAI;AACvE,QAAM,EAAE,eAAe,UAAU,IAAI,aAAa;AAAA,IAChD,cAAc;AAAA,IACd,WAAW,MAAM;AAAA,IACjB;AAAA,EACF,CAAC;AAED,QAAM,eAAe,MAAM,IAAI,CAAC,MAAM,UAAU;AAC9C,UAAM,YAAY,UAAU;AAC5B,UAAM,aAAa,YAAY,SAAS,KAAK,EAAE;AAC/C,UAAM,WAAW,aAAa,aAAa;AAC3C,UAAM,UAAU,YAAY,WAAW,UAAU,WAAW;AAE5D,WACE,qBAAC,QACC;AAAA,0BAAC,QAAK,OAAO,YAAY,WAAW,UAAU,QAAY,mBAAQ;AAAA,MAClE,qBAAC,QAAK,OAAO,cAAc,YAAY,WAAW,UAAU,QAAW,MAAM,WAC1E;AAAA;AAAA,QACA;AAAA,QAAS;AAAA,QAAE,KAAK;AAAA,SACnB;AAAA,MACC,aACC,qBAAC,QAAK,UAAQ,MACX;AAAA;AAAA,QACA,KAAK;AAAA,SACR;AAAA,SAVO,KAAK,EAYhB;AAAA,EAEJ,CAAC;AAED,QAAM,gBACJ,YAAY,SAAS,IACnB,qBAAC,QACE;AAAA;AAAA,IAAK;AAAA,IAAU,oBAAC,QAAK,OAAO,WAAW,SAAU,sBAAY,KAAK,IAAI,GAAE;AAAA,KAC3E,IACE,eACF,qBAAC,QAAK,UAAQ,MACX;AAAA;AAAA,IACA;AAAA,KACH,IACE;AAEN,SACE,qBAAC,OAAI,eAAc,UACjB;AAAA,wBAAC,aAAW,iBAAM;AAAA,IACjB,YAAY,oBAAC,QAAK,UAAQ,MAAE,oBAAS;AAAA,IACtC;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACb,GAAI,iBAAiB,EAAE,QAAQ,iBAAiB,UAAU,SAAkB;AAAA,QAE7E;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,WAAW,YAAY,IAAI,CAAC,YAAY;AAAA,YACvC,GAAI,iBAAiB,EAAE,YAAY,EAAE;AAAA,YAErC;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}