@agents-inc/cli 0.32.1 → 0.35.0

package/dist/chunk-OKILA27U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/category-grid.tsx","../src/cli/components/hooks/use-category-grid-input.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { Box, type DOMElement, Text, measureElement } from \"ink\";\n\nimport type { SkillId, Subcategory } from \"../../types/index.js\";\nimport { CLI_COLORS, SCROLL_VIEWPORT } from \"../../consts.js\";\nimport {\n  findValidStartColumn,\n  isSectionLocked,\n  useCategoryGridInput,\n} from \"../hooks/use-category-grid-input.js\";\nimport { useFocusedListItem } from \"../hooks/use-focused-list-item.js\";\n\nexport type OptionState = \"normal\" | \"recommended\" | \"discouraged\" | \"disabled\";\n\nexport type CategoryOption = {\n  id: SkillId;\n  label: string;\n  state: OptionState;\n  stateReason?: string;\n  selected: boolean;\n  local?: boolean;\n  installed?: boolean;\n};\n\nexport type CategoryRow = {\n  id: Subcategory;\n  displayName: string;\n  required: boolean;\n  exclusive: boolean;\n  options: CategoryOption[];\n};\n\nexport type CategoryGridProps = {\n  categories: CategoryRow[];\n  /** Available height in terminal lines for the scrollable viewport. 0 = no constraint. */\n  availableHeight?: number;\n  showDescriptions: boolean;\n  expertMode: boolean;\n  onToggle: (categoryId: Subcategory, technologyId: SkillId) => void;\n  onToggleDescriptions: () => void;\n  /** Optional initial focus row (default: 0). Use with React `key` to reset. */\n  defaultFocusedRow?: number;\n  /** Optional initial focus col (default: 0). Use with React `key` to reset. */\n  defaultFocusedCol?: number;\n  /** Optional callback fired whenever the focused position changes */\n  onFocusChange?: (row: number, col: number) => void;\n};\n\nconst SYMBOL_REQUIRED = \"*\";\n\n/**\n * Priority order for skill states in the initial sort.\n * Lower numbers appear first. Selected skills are sorted above all states.\n */\nconst STATE_PRIORITY: Record<OptionState, number> = {\n  recommended: 0,\n  normal: 1,\n  discouraged: 2,\n  disabled: 3,\n};\n\n/**\n * Sort options by: selected first, then by state priority.\n * Within each group, original matrix order is preserved (stable sort).\n */\nconst stableSortByState = (options: CategoryOption[]): CategoryOption[] => {\n  return [...options].sort((a, b) => {\n    // Selected skills first\n    if (a.selected !== b.selected) return a.selected ? -1 : 1;\n    // Then by state priority\n    return STATE_PRIORITY[a.state] - STATE_PRIORITY[b.state];\n  });\n};\n\nconst findNextValidOption = (\n  options: CategoryOption[],\n  currentIndex: number,\n  direction: 1 | -1,\n  wrap = true,\n): number => {\n  const length = options.length;\n  if (length === 0) return currentIndex;\n\n  let index = currentIndex + direction;\n\n  if (wrap) {\n    if (index < 0) index = length - 1;\n    if (index >= length) index = 0;\n  } else {\n    if (index < 0) index = 0;\n    if (index >= length) index = length - 1;\n  }\n\n  return index;\n};\n\ntype SkillTagProps = {\n  option: CategoryOption;\n  isFocused: boolean;\n  isLocked: boolean;\n};\n\nconst getStateSuffix = (state: OptionState, isLocked: boolean): string | null => {\n  if (isLocked || state === \"disabled\") return \"(disabled)\";\n  if (state === \"recommended\") return \"(recommended)\";\n  if (state === \"discouraged\") return \"(discouraged)\";\n  return null;\n};\n\nconst SkillTag: React.FC<SkillTagProps> = ({ option, isFocused, isLocked }) => {\n  const getTextColor = (): string => {\n    if (isLocked || option.state === \"disabled\") return CLI_COLORS.NEUTRAL;\n    if (option.selected) return CLI_COLORS.PRIMARY;\n    if (option.state === \"recommended\") return CLI_COLORS.UNFOCUSED;\n    if (option.state === \"discouraged\") return CLI_COLORS.WARNING;\n    // Normal unselected: muted color to clearly contrast with selected (cyan) skills\n    return CLI_COLORS.NEUTRAL;\n  };\n\n  const getStateBorderColor = (): string => {\n    if (isLocked || option.state === \"disabled\") return CLI_COLORS.NEUTRAL;\n    if (option.selected) return CLI_COLORS.PRIMARY;\n    if (option.state === \"recommended\") return CLI_COLORS.UNFOCUSED;\n    if (option.state === \"discouraged\") return CLI_COLORS.WARNING;\n    return CLI_COLORS.UNFOCUSED;\n  };\n\n  const isBold = isFocused || option.selected;\n  const textColor = getTextColor();\n  const stateSuffix = getStateSuffix(option.state, isLocked);\n\n  return (\n    <Box\n      marginRight={1}\n      borderColor={isFocused ? getStateBorderColor() : CLI_COLORS.NEUTRAL}\n      borderStyle=\"single\"\n      borderDimColor={!isFocused}\n    >\n      <Text color={textColor} bold={isBold} dimColor={false}>\n        {\" \"}\n        {option.local && (\n          <>\n            <Text backgroundColor={CLI_COLORS.NEUTRAL}> L </Text>{\" \"}\n          </>\n        )}\n        {option.label}\n        {stateSuffix && <Text dimColor> {stateSuffix}</Text>}{\" \"}\n      </Text>\n    </Box>\n  );\n};\n\ntype CategorySectionProps = {\n  category: CategoryRow;\n  options: CategoryOption[];\n  isLocked: boolean;\n  isFocused: boolean;\n  focusedOptionIndex: number;\n  showDescriptions: boolean;\n};\n\nconst CategorySection: React.FC<CategorySectionProps> = ({\n  category,\n  options,\n  isLocked,\n  isFocused,\n  focusedOptionIndex,\n  showDescriptions,\n}) => {\n  return (\n    <Box flexDirection=\"column\" marginTop={1}>\n      <Box flexDirection=\"row\">\n        <Text dimColor={isLocked}>{category.displayName}</Text>\n        {category.required && (\n          <Text color={isLocked ? CLI_COLORS.NEUTRAL : CLI_COLORS.ERROR} dimColor={isLocked}>\n            {\" \"}\n            {SYMBOL_REQUIRED}\n          </Text>\n        )}\n      </Box>\n\n      <Box flexDirection=\"row\" flexWrap=\"wrap\" marginTop={0}>\n        {options.map((option, index) => (\n          <Box key={option.id} flexDirection=\"column\">\n            <SkillTag\n              option={option}\n              isFocused={isFocused && index === focusedOptionIndex && !isLocked}\n              isLocked={isLocked}\n            />\n            {showDescriptions && option.stateReason && !isLocked && (\n              <Box marginLeft={1} marginBottom={0}>\n                <Text dimColor wrap=\"truncate-end\">\n                  {option.stateReason}\n                </Text>\n              </Box>\n            )}\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n};\n\ntype ProcessedCategory = CategoryRow & { sortedOptions: CategoryOption[] };\n\nexport const CategoryGrid: React.FC<CategoryGridProps> = ({\n  categories,\n  availableHeight = 0,\n  showDescriptions,\n  expertMode,\n  onToggle,\n  onToggleDescriptions,\n  defaultFocusedRow = 0,\n  defaultFocusedCol = 0,\n  onFocusChange,\n}) => {\n  // Cache the initial sort order per category so toggling selections does not reorder skills.\n  // The ref resets when the component remounts (e.g., domain change via key={activeDomain}).\n  const initialOrderRef = useRef<Map<string, SkillId[]>>(new Map());\n\n  const processedCategories = useMemo(\n    () =>\n      categories.map((category) => {\n        const cached = initialOrderRef.current.get(category.id);\n        if (cached) {\n          // Re-order options to match the cached initial sort\n          const orderMap = new Map(cached.map((id, idx) => [id, idx]));\n          const sorted = [...category.options].sort((a, b) => {\n            const aIdx = orderMap.get(a.id) ?? Infinity;\n            const bIdx = orderMap.get(b.id) ?? Infinity;\n            return aIdx - bIdx;\n          });\n          return { ...category, sortedOptions: sorted };\n        }\n        // First time seeing this category — sort by state priority\n        const sorted = stableSortByState(category.options);\n        initialOrderRef.current.set(\n          category.id,\n          sorted.map((o) => o.id),\n        );\n        return { ...category, sortedOptions: sorted };\n      }),\n    [categories],\n  );\n\n  const getColCount = useCallback(\n    (row: number): number => processedCategories[row]?.sortedOptions.length ?? 0,\n    [processedCategories],\n  );\n\n  const isRowLocked = useCallback(\n    (row: number): boolean => {\n      const cat = processedCategories[row];\n      return cat ? isSectionLocked(cat.id, categories) : false;\n    },\n    [processedCategories, categories],\n  );\n\n  const findValidCol = useCallback(\n    (row: number, currentCol: number, direction: 1 | -1): number => {\n      const options = processedCategories[row]?.sortedOptions || [];\n      const catId = processedCategories[row]?.id;\n      if (catId && isSectionLocked(catId, categories)) return currentCol;\n      return findNextValidOption(options, currentCol, direction, true);\n    },\n    [processedCategories, categories],\n  );\n\n  const { focusedRow, focusedCol, setFocused, moveFocus } = useFocusedListItem(\n    processedCategories.length,\n    getColCount,\n    {\n      wrap: true,\n      isRowLocked,\n      findValidCol,\n      onChange: onFocusChange,\n      initialRow: defaultFocusedRow,\n      initialCol: defaultFocusedCol,\n    },\n  );\n\n  useCategoryGridInput({\n    processedCategories,\n    categories,\n    focusedRow,\n    focusedCol,\n    setFocused,\n    moveFocus,\n    onToggle,\n    onToggleDescriptions,\n  });\n\n  // --- Pixel-accurate scroll tracking ---\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 all section heights after each 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      // Only update if heights actually changed (avoid infinite re-render)\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  // Scroll focused row into view\n  useEffect(() => {\n    if (!scrollEnabled || sectionHeights.length === 0) return;\n\n    let topOfFocused = 0;\n    for (let i = 0; i < focusedRow; i++) {\n      topOfFocused += sectionHeights[i] ?? 0;\n    }\n    const focusedHeight = sectionHeights[focusedRow] ?? 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  }, [focusedRow, sectionHeights, scrollEnabled, availableHeight]);\n\n  if (categories.length === 0) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text dimColor>No categories to display.</Text>\n      </Box>\n    );\n  }\n\n  const sectionElements = processedCategories.map((category, index) => {\n    const isLocked = isSectionLocked(category.id, categories);\n\n    return (\n      <Box key={category.id} ref={(el) => setSectionRef(index, el)} flexShrink={0}>\n        <CategorySection\n          category={category}\n          options={category.sortedOptions}\n          isLocked={isLocked}\n          isFocused={index === focusedRow}\n          focusedOptionIndex={focusedCol}\n          showDescriptions={showDescriptions}\n        />\n      </Box>\n    );\n  });\n\n  // When no height constraint, render flat (tests, or before first measurement)\n  if (!scrollEnabled) {\n    return (\n      <Box flexDirection=\"column\" flexGrow={1} overflow=\"hidden\">\n        {sectionElements}\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\" height={availableHeight} overflow=\"hidden\">\n      <Box flexDirection=\"column\" marginTop={scrollTopPx > 0 ? -scrollTopPx : 0} flexShrink={0}>\n        {sectionElements}\n      </Box>\n    </Box>\n  );\n};\n","import { useCallback, useEffect } from \"react\";\nimport { useInput } from \"ink\";\n\nimport type { Subcategory, SkillId } from \"../../types/index.js\";\nimport type { CategoryOption, CategoryRow } from \"../wizard/category-grid.js\";\n\nconst FRAMEWORK_CATEGORY_ID = \"framework\";\n\n// Locked = non-framework section when no framework is selected\nexport const isSectionLocked = (categoryId: Subcategory, categories: CategoryRow[]): boolean => {\n  if (categoryId === FRAMEWORK_CATEGORY_ID) {\n    return false;\n  }\n\n  const frameworkCategory = categories.find((cat) => cat.id === FRAMEWORK_CATEGORY_ID);\n  if (!frameworkCategory) return false;\n\n  return !frameworkCategory.options.some((opt) => opt.selected);\n};\n\nexport const findValidStartColumn = (_options: CategoryOption[]): number => {\n  return 0;\n};\n\n/** Find next unlocked section index (wrapping, direction: forward) */\nexport const findNextUnlockedIndex = (\n  processed: { id: Subcategory; sortedOptions: CategoryOption[] }[],\n  currentIndex: number,\n  allCategories: CategoryRow[],\n): number => {\n  const length = processed.length;\n  if (length === 0) return currentIndex;\n\n  let index = currentIndex;\n  let attempts = 0;\n\n  while (attempts < length) {\n    index += 1;\n    if (index >= length) index = 0;\n\n    const category = processed[index];\n    if (category && !isSectionLocked(category.id, allCategories)) {\n      return index;\n    }\n\n    attempts++;\n  }\n\n  return currentIndex;\n};\n\ntype ProcessedCategory = CategoryRow & { sortedOptions: CategoryOption[] };\n\ntype UseCategoryGridInputOptions = {\n  processedCategories: ProcessedCategory[];\n  categories: CategoryRow[];\n  focusedRow: number;\n  focusedCol: number;\n  setFocused: (row: number, col: number) => void;\n  moveFocus: (direction: \"up\" | \"down\" | \"left\" | \"right\") => void;\n  onToggle: (categoryId: Subcategory, technologyId: SkillId) => void;\n  onToggleDescriptions: () => void;\n};\n\nexport function useCategoryGridInput({\n  processedCategories,\n  categories,\n  focusedRow,\n  focusedCol,\n  setFocused,\n  moveFocus,\n  onToggle,\n  onToggleDescriptions,\n}: UseCategoryGridInputOptions): void {\n  const currentRow = processedCategories[focusedRow];\n  const currentOptions = currentRow?.sortedOptions || [];\n  const currentLocked = currentRow ? isSectionLocked(currentRow.id, categories) : false;\n\n  // Adjust column when current row's options change externally (e.g. option becomes disabled)\n  useEffect(() => {\n    if (!currentRow) return;\n\n    const maxCol = currentOptions.length - 1;\n    if (focusedCol > maxCol) {\n      const newCol = Math.max(0, maxCol);\n      setFocused(focusedRow, newCol);\n    }\n  }, [focusedRow, currentOptions, focusedCol, setFocused, currentRow]);\n\n  // Bounce off locked sections when a section becomes locked (e.g. framework deselected)\n  useEffect(() => {\n    if (currentRow && currentLocked) {\n      const nextUnlocked = findNextUnlockedIndex(processedCategories, focusedRow, categories);\n      if (nextUnlocked !== focusedRow) {\n        const newRowOptions = processedCategories[nextUnlocked]?.sortedOptions || [];\n        const newCol = findValidStartColumn(newRowOptions);\n        setFocused(nextUnlocked, newCol);\n      }\n    }\n  }, [currentRow, currentLocked, focusedRow, processedCategories, categories, setFocused]);\n\n  useInput(\n    useCallback(\n      (\n        input: string,\n        key: {\n          leftArrow: boolean;\n          rightArrow: boolean;\n          upArrow: boolean;\n          downArrow: boolean;\n          tab: boolean;\n          shift: boolean;\n        },\n      ) => {\n        if (key.tab && key.shift) {\n          onToggleDescriptions();\n          return;\n        }\n\n        if (key.tab && !key.shift) {\n          const nextSection = findNextUnlockedIndex(processedCategories, focusedRow, categories);\n          if (nextSection !== focusedRow) {\n            const newRowOptions = processedCategories[nextSection]?.sortedOptions || [];\n            const newCol = findValidStartColumn(newRowOptions);\n            setFocused(nextSection, newCol);\n          }\n          return;\n        }\n\n        if (input === \"d\" || input === \"D\") {\n          onToggleDescriptions();\n          return;\n        }\n\n        if (input === \" \") {\n          if (currentLocked) return;\n          const currentOption = currentOptions[focusedCol];\n          if (currentOption && currentOption.state !== \"disabled\") {\n            onToggle(currentRow.id, currentOption.id);\n          }\n          return;\n        }\n\n        const isLeft = key.leftArrow || input === \"h\";\n        const isRight = key.rightArrow || input === \"l\";\n        const isUp = key.upArrow || input === \"k\";\n        const isDown = key.downArrow || input === \"j\";\n\n        if (isLeft) {\n          if (currentLocked) return;\n          moveFocus(\"left\");\n        } else if (isRight) {\n          if (currentLocked) return;\n          moveFocus(\"right\");\n        } else if (isUp) {\n          moveFocus(\"up\");\n        } else if (isDown) {\n          moveFocus(\"down\");\n        }\n      },\n      [\n        focusedRow,\n        focusedCol,\n        currentOptions,\n        currentRow,\n        currentLocked,\n        processedCategories,\n        categories,\n        onToggle,\n        onToggleDescriptions,\n        setFocused,\n        moveFocus,\n      ],\n    ),\n  );\n}\n"],"mappings":"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","names":["useCallback","useEffect","sorted","useCallback","useEffect"]}

package/dist/{chunk-PBEHPQLK.js → chunk-PKUIO2Z7.js}

@@ -2,16 +2,17 @@
 import {
   WIZARD_STEPS,
   WizardTabs
-} from "./chunk-IYG2LAIM.js";
+} from "./chunk-LFHZBF6N.js";
 import {
   HelpModal
-} from "./chunk-FZGYSLJL.js";
+} from "./chunk-ZE355C6C.js";
 import {
   useWizardStore
-} from "./chunk-3ZOIOVKT.js";
+} from "./chunk-OGXSTJP2.js";
 import {
-  CLI_COLORS
-} from "./chunk-LAPCUV4D.js";
+  CLI_COLORS,
+  DEFAULT_PLUGIN_NAME
+} from "./chunk-YCS7GF6Y.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
@@ -20,6 +21,35 @@ import {
 init_esm_shims();
 import { Fragment } from "react";
 import { Box, Text } from "ink";
+
+// src/cli/components/hooks/use-terminal-dimensions.ts
+init_esm_shims();
+import { useState, useEffect } from "react";
+import { useStdout } from "ink";
+var DEFAULT_COLUMNS = 80;
+var DEFAULT_ROWS = 24;
+function useTerminalDimensions() {
+  const { stdout } = useStdout();
+  const [dimensions, setDimensions] = useState(() => ({
+    columns: stdout.columns || DEFAULT_COLUMNS,
+    rows: stdout.rows || DEFAULT_ROWS
+  }));
+  useEffect(() => {
+    const handleResize = () => {
+      setDimensions({
+        columns: stdout.columns || DEFAULT_COLUMNS,
+        rows: stdout.rows || DEFAULT_ROWS
+      });
+    };
+    stdout.on("resize", handleResize);
+    return () => {
+      stdout.off("resize", handleResize);
+    };
+  }, [stdout]);
+  return dimensions;
+}
+
+// src/cli/components/wizard/wizard-layout.tsx
 import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
 var DefinitionItem = ({
@@ -33,11 +63,18 @@ var DefinitionItem = ({
   }
   return /* @__PURE__ */ jsxs(Text, { children: [
     values.map((value) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Text, { backgroundColor: "black", color: CLI_COLORS.UNFOCUSED, children: [
-        " ",
-        value,
-        " "
-      ] }),
+      /* @__PURE__ */ jsxs(
+        Text,
+        {
+          backgroundColor: "black",
+          color: isActive ? CLI_COLORS.PRIMARY : CLI_COLORS.UNFOCUSED,
+          children: [
+            " ",
+            value,
+            " "
+          ]
+        }
+      ),
       " "
     ] }, value)),
     /* @__PURE__ */ jsx(Text, { color: isActive ? CLI_COLORS.PRIMARY : void 0, children: label })
@@ -80,14 +117,18 @@ var WizardFooter = () => {
 var WizardLayout = ({
   version,
   marketplaceLabel,
-  brandingName,
-  terminalHeight,
+  logo,
   children
 }) => {
   const store = useWizardStore();
   const { completedSteps, skippedSteps } = store.getStepProgress();
-  const constrainedHeight = store.step === "build" ? terminalHeight : void 0;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, height: constrainedHeight, children: [
+  const { rows: terminalHeight } = useTerminalDimensions();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, height: terminalHeight, children: [
+    logo && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { children: logo }) }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Marketplace: " }),
+      /* @__PURE__ */ jsx(Text, { bold: true, children: marketplaceLabel || `${DEFAULT_PLUGIN_NAME} (public)` })
+    ] }),
     /* @__PURE__ */ jsx(
       WizardTabs,
       {
@@ -95,14 +136,9 @@ var WizardLayout = ({
         currentStep: store.step,
         completedSteps,
         skippedSteps,
-        version,
-        brandingName
+        version
       }
     ),
-    marketplaceLabel && /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Marketplace: " }),
-      /* @__PURE__ */ jsx(Text, { bold: true, children: marketplaceLabel })
-    ] }),
     store.showHelp ? /* @__PURE__ */ jsx(HelpModal, { currentStep: store.step }) : /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsx(Box, { flexGrow: 1, marginTop: 1, children }),
       /* @__PURE__ */ jsxs(Box, { paddingX: 1, columnGap: 2, marginTop: 2, children: [
@@ -143,4 +179,4 @@ var WizardLayout = ({
 export {
   WizardLayout
 };
-//# sourceMappingURL=chunk-PBEHPQLK.js.map
+//# sourceMappingURL=chunk-PKUIO2Z7.js.map

package/dist/chunk-PKUIO2Z7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/wizard-layout.tsx","../src/cli/components/hooks/use-terminal-dimensions.ts"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Box, Text } from \"ink\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport { CLI_COLORS, DEFAULT_PLUGIN_NAME } from \"../../consts.js\";\nimport { useTerminalDimensions } from \"../hooks/use-terminal-dimensions.js\";\nimport { WizardTabs, WIZARD_STEPS } from \"./wizard-tabs.js\";\nimport { HelpModal } from \"./help-modal.js\";\n\ntype KeyHintProps = {\n  isVisible?: boolean;\n  isActive?: boolean;\n  label: string;\n  values: string[];\n};\n\nconst DefinitionItem: React.FC<KeyHintProps> = ({\n  isVisible = true,\n  isActive = false,\n  label,\n  values,\n}) => {\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <Text>\n      {values.map((value) => (\n        <Fragment key={value}>\n          <Text\n            backgroundColor=\"black\"\n            color={isActive ? CLI_COLORS.PRIMARY : CLI_COLORS.UNFOCUSED}\n          >\n            {\" \"}\n            {value}{\" \"}\n          </Text>{\" \"}\n        </Fragment>\n      ))}\n      <Text color={isActive ? CLI_COLORS.PRIMARY : undefined}>{label}</Text>\n    </Text>\n  );\n};\n\nconst HOT_KEYS: { label: string; values: string[] }[] = [\n  { label: \"navigate\", values: [\"\\u2190/\\u2192\", \"\\u2191/\\u2193\"] },\n  { label: \"select\", values: [\"SPACE\"] },\n  { label: \"continue\", values: [\"ENTER\"] },\n  { label: \"back\", values: [\"ESC\"] },\n];\n\nconst WizardFooter = () => {\n  const store = useWizardStore();\n\n  return (\n    <Box\n      columnGap={2}\n      borderTop\n      borderRight={false}\n      borderBottom\n      borderLeft={false}\n      borderColor=\"blackBright\"\n      borderStyle=\"single\"\n      paddingLeft={1}\n      paddingRight={1}\n    >\n      <DefinitionItem\n        label=\"Accept defaults\"\n        values={[\"A\"]}\n        isVisible={store.step === \"build\" && !!store.selectedStackId}\n      />\n      {HOT_KEYS.map((hotkey) => (\n        <DefinitionItem {...hotkey} key={hotkey.label} />\n      ))}\n    </Box>\n  );\n};\n\ntype WizardLayoutProps = {\n  version?: string;\n  marketplaceLabel?: string;\n  logo?: string;\n  children: React.ReactNode;\n};\n\nexport const WizardLayout: React.FC<WizardLayoutProps> = ({\n  version,\n  marketplaceLabel,\n  logo,\n  children,\n}) => {\n  const store = useWizardStore();\n  const { completedSteps, skippedSteps } = store.getStepProgress();\n  const { rows: terminalHeight } = useTerminalDimensions();\n\n  return (\n    <Box flexDirection=\"column\" paddingX={1} height={terminalHeight}>\n      {logo && (\n        <Box marginTop={1}>\n          <Text>{logo}</Text>\n        </Box>\n      )}\n      <Box>\n        <Text dimColor>Marketplace: </Text>\n        <Text bold>{marketplaceLabel || `${DEFAULT_PLUGIN_NAME} (public)`}</Text>\n      </Box>\n      <WizardTabs\n        steps={WIZARD_STEPS}\n        currentStep={store.step}\n        completedSteps={completedSteps}\n        skippedSteps={skippedSteps}\n        version={version}\n      />\n      {store.showHelp ? (\n        <HelpModal currentStep={store.step} />\n      ) : (\n        <>\n          <Box flexGrow={1} marginTop={1}>\n            {children}\n          </Box>\n          <Box paddingX={1} columnGap={2} marginTop={2}>\n            <DefinitionItem label=\"Expert mode\" values={[\"E\"]} isActive={store.expertMode} />\n            <DefinitionItem\n              label=\"Descriptions\"\n              values={[\"D\"]}\n              isVisible={store.step === \"build\"}\n              isActive={store.showDescriptions}\n            />\n            <DefinitionItem\n              label=\"Plugin mode\"\n              values={[\"P\"]}\n              isActive={store.installMode === \"plugin\"}\n            />\n            <DefinitionItem\n              label=\"Settings\"\n              values={[\"G\"]}\n              isVisible={store.step === \"sources\"}\n              isActive={store.showSettings}\n            />\n            <DefinitionItem label=\"Help\" values={[\"?\"]} />\n          </Box>\n          <WizardFooter />\n        </>\n      )}\n    </Box>\n  );\n};\n","import { useState, useEffect } from \"react\";\nimport { useStdout } from \"ink\";\n\nconst DEFAULT_COLUMNS = 80;\nconst DEFAULT_ROWS = 24;\n\nexport type TerminalDimensions = {\n  /** Terminal width in columns */\n  columns: number;\n  /** Terminal height in rows */\n  rows: number;\n};\n\n/**\n * Tracks terminal dimensions reactively. Re-renders on resize.\n *\n * Falls back to DEFAULT_COLUMNS x DEFAULT_ROWS when stdout is not a TTY\n * (e.g., piped output, CI environments, tests).\n */\nexport function useTerminalDimensions(): TerminalDimensions {\n  const { stdout } = useStdout();\n\n  const [dimensions, setDimensions] = useState<TerminalDimensions>(() => ({\n    columns: stdout.columns || DEFAULT_COLUMNS,\n    rows: stdout.rows || DEFAULT_ROWS,\n  }));\n\n  useEffect(() => {\n    const handleResize = () => {\n      setDimensions({\n        columns: stdout.columns || DEFAULT_COLUMNS,\n        rows: stdout.rows || DEFAULT_ROWS,\n      });\n    };\n\n    stdout.on(\"resize\", handleResize);\n    return () => {\n      stdout.off(\"resize\", handleResize);\n    };\n  }, [stdout]);\n\n  return dimensions;\n}\n"],"mappings":"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","names":["Fragment"]}

package/dist/{chunk-5PIKNCZX.js → chunk-U36YCEBK.js}

@@ -2,24 +2,25 @@
 import {
   useModalState
 } from "./chunk-7SOPVGDV.js";
-import {
-  SearchModal
-} from "./chunk-A27LOC4Z.js";
 import {
   useFocusedListItem
 } from "./chunk-DC5AK3LW.js";
+import {
+  SearchModal
+} from "./chunk-IG7CUREJ.js";
 import {
   CLI_COLORS,
+  SCROLL_VIEWPORT,
   UI_SYMBOLS
-} from "./chunk-LAPCUV4D.js";
+} from "./chunk-YCS7GF6Y.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
 
 // src/cli/components/wizard/source-grid.tsx
 init_esm_shims();
-import { useCallback as useCallback2 } from "react";
-import { Box, Text, useInput } from "ink";
+import { useCallback as useCallback2, useEffect, useRef, useState as useState2 } from "react";
+import { Box, Text, measureElement, useInput } from "ink";
 
 // src/cli/components/hooks/use-source-grid-search-modal.ts
 init_esm_shims();
@@ -127,6 +128,7 @@ var getNavigableCount = (row, showSearchPill) => {
 };
 var SourceGrid = ({
   rows,
+  availableHeight = 0,
   onSelect,
   onSearch,
   onBind,
@@ -157,10 +159,49 @@ var SourceGrid = ({
     initialRow: defaultFocusedRow,
     initialCol: defaultFocusedCol
   });
+  const sectionRefs = useRef([]);
+  const [sectionHeights, setSectionHeights] = useState2([]);
+  const [scrollTopPx, setScrollTopPx] = useState2(0);
+  const setSectionRef = useCallback2((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 < focusedRow; i++) {
+      topOfFocused += sectionHeights[i] ?? 0;
+    }
+    const focusedHeight = sectionHeights[focusedRow] ?? 0;
+    const bottomOfFocused = topOfFocused + focusedHeight;
+    setScrollTopPx((prev) => {
+      if (topOfFocused < prev) {
+        return topOfFocused;
+      }
+      if (bottomOfFocused > prev + availableHeight) {
+        return bottomOfFocused - availableHeight;
+      }
+      return prev;
+    });
+  }, [focusedRow, sectionHeights, scrollEnabled, availableHeight]);
   useInput(
     useCallback2(
       (input, key) => {
-        if (searchModal.isOpen) return;
         if (input === " ") {
           const currentRow = rows[focusedRow];
           if (!currentRow) return;
@@ -190,45 +231,44 @@ var SourceGrid = ({
           moveFocus("down");
         }
       },
-      [
-        rows,
-        focusedRow,
-        focusedCol,
-        onSelect,
-        showSearchPill,
-        searchModal.isOpen,
-        handleSearchTrigger,
-        moveFocus
-      ]
-    )
+      [rows, focusedRow, focusedCol, onSelect, showSearchPill, handleSearchTrigger, moveFocus]
+    ),
+    { isActive: !searchModal.isOpen }
   );
   if (rows.length === 0) {
     return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No skills to display." }) });
   }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
-      SourceSection,
-      {
-        row,
-        isFocused: rowIndex === focusedRow,
-        focusedOptionIndex: focusedCol,
-        showSearchPill
-      },
-      row.skillId
-    )),
-    searchModal.isOpen && /* @__PURE__ */ jsx(
-      SearchModal,
-      {
-        results: searchResults,
-        alias: searchAlias,
-        onBind: handleBind,
-        onClose: handleCloseSearch
-      }
-    )
+  const sectionElements = rows.map((row, rowIndex) => /* @__PURE__ */ jsx(Box, { ref: (el) => setSectionRef(rowIndex, el), flexShrink: 0, children: /* @__PURE__ */ jsx(
+    SourceSection,
+    {
+      row,
+      isFocused: rowIndex === focusedRow,
+      focusedOptionIndex: focusedCol,
+      showSearchPill
+    }
+  ) }, row.skillId));
+  const searchModalElement = searchModal.isOpen && /* @__PURE__ */ jsx(
+    SearchModal,
+    {
+      results: searchResults,
+      alias: searchAlias,
+      onBind: handleBind,
+      onClose: handleCloseSearch
+    }
+  );
+  if (!scrollEnabled) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [
+      sectionElements,
+      searchModalElement
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", height: availableHeight, overflow: "hidden", children: [
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: scrollTopPx > 0 ? -scrollTopPx : 0, flexShrink: 0, children: sectionElements }),
+    searchModalElement
   ] });
 };
 
 export {
   SourceGrid
 };
-//# sourceMappingURL=chunk-5PIKNCZX.js.map
+//# sourceMappingURL=chunk-U36YCEBK.js.map

package/dist/chunk-U36YCEBK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/source-grid.tsx","../src/cli/components/hooks/use-source-grid-search-modal.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Box, type DOMElement, Text, measureElement, useInput } from \"ink\";\nimport type { BoundSkillCandidate, SkillAlias, SkillId } from \"../../types/index.js\";\nimport { CLI_COLORS, SCROLL_VIEWPORT, UI_SYMBOLS } from \"../../consts.js\";\nimport { useFocusedListItem } from \"../hooks/use-focused-list-item.js\";\nimport { useSourceGridSearchModal } from \"../hooks/use-source-grid-search-modal.js\";\nimport { SearchModal } from \"./search-modal.js\";\n\nconst SEARCH_PILL_LABEL = \"\\u2315 Search\";\n\nexport type SourceOption = {\n  id: string;\n  label: string;\n  selected: boolean;\n  installed: boolean;\n};\n\nexport type SourceRow = {\n  skillId: SkillId;\n  displayName: string;\n  alias: SkillAlias;\n  options: SourceOption[];\n};\n\nexport type SourceGridProps = {\n  rows: SourceRow[];\n  /** Available height in terminal lines for the scrollable viewport. 0 = no constraint. */\n  availableHeight?: number;\n  onSelect: (skillId: SkillId, sourceId: string) => void;\n  onSearch?: (alias: SkillAlias) => Promise<BoundSkillCandidate[]>;\n  onBind?: (candidate: BoundSkillCandidate) => void;\n  onSearchStateChange?: (active: boolean) => void;\n  /** Optional initial focus row (default: 0). Use with React `key` to reset. */\n  defaultFocusedRow?: number;\n  /** Optional initial focus col (default: 0). Use with React `key` to reset. */\n  defaultFocusedCol?: number;\n  /** Optional callback fired whenever the focused position changes */\n  onFocusChange?: (row: number, col: number) => void;\n};\n\ntype SearchPillProps = {\n  isFocused: boolean;\n};\n\nconst SearchPill: React.FC<SearchPillProps> = ({ isFocused }) => {\n  const borderColor = isFocused ? CLI_COLORS.UNFOCUSED : CLI_COLORS.NEUTRAL;\n\n  return (\n    <Box marginRight={1} borderColor={borderColor} borderStyle=\"single\" borderDimColor={!isFocused}>\n      <Text dimColor={!isFocused} bold={isFocused}>\n        {\" \"}\n        {SEARCH_PILL_LABEL}{\" \"}\n      </Text>\n    </Box>\n  );\n};\n\ntype SourceSectionProps = {\n  row: SourceRow;\n  isFocused: boolean;\n  focusedOptionIndex: number;\n  showSearchPill: boolean;\n};\n\nconst SourceTag: React.FC<{ option: SourceOption; isFocused: boolean }> = ({\n  option,\n  isFocused,\n}) => {\n  const borderColor = option.selected\n    ? CLI_COLORS.PRIMARY\n    : isFocused\n      ? CLI_COLORS.UNFOCUSED\n      : CLI_COLORS.NEUTRAL;\n  const textColor = option.selected ? CLI_COLORS.PRIMARY : undefined;\n  const isBold = isFocused || option.selected;\n  const symbol = option.selected ? UI_SYMBOLS.SELECTED : UI_SYMBOLS.UNSELECTED;\n\n  return (\n    <Box marginRight={1} borderColor={borderColor} borderStyle=\"single\">\n      <Text color={textColor} bold={isBold}>\n        {\" \"}\n        <Text dimColor={!option.selected}>{symbol}</Text> {option.label}\n        {option.selected && <Text dimColor> (active)</Text>}{\" \"}\n      </Text>\n    </Box>\n  );\n};\n\nconst SourceSection: React.FC<SourceSectionProps> = ({\n  row,\n  isFocused,\n  focusedOptionIndex,\n  showSearchPill,\n}) => {\n  const searchPillIndex = row.options.length;\n\n  return (\n    <Box flexDirection=\"column\" marginTop={1}>\n      <Box flexDirection=\"row\">\n        <Text>{row.displayName}</Text>\n      </Box>\n\n      <Box flexDirection=\"row\" flexWrap=\"wrap\" marginTop={0}>\n        {row.options.map((option, index) => (\n          <SourceTag\n            key={option.id}\n            option={option}\n            isFocused={isFocused && index === focusedOptionIndex}\n          />\n        ))}\n        {showSearchPill && (\n          <SearchPill isFocused={isFocused && focusedOptionIndex === searchPillIndex} />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\n/** Total navigable columns for a row (options + search pill if applicable) */\nconst getNavigableCount = (row: SourceRow, showSearchPill: boolean): number => {\n  return row.options.length + (showSearchPill ? 1 : 0);\n};\n\nexport const SourceGrid: React.FC<SourceGridProps> = ({\n  rows,\n  availableHeight = 0,\n  onSelect,\n  onSearch,\n  onBind,\n  onSearchStateChange,\n  defaultFocusedRow = 0,\n  defaultFocusedCol = 0,\n  onFocusChange,\n}) => {\n  const {\n    searchModal,\n    searchResults,\n    searchAlias,\n    handleSearchTrigger,\n    handleBind,\n    handleCloseSearch,\n  } = useSourceGridSearchModal({ rows, onSearch, onBind, onSearchStateChange });\n\n  const showSearchPill = !!onSearch;\n\n  const getColCount = useCallback(\n    (row: number): number => {\n      const rowData = rows[row];\n      return rowData ? getNavigableCount(rowData, showSearchPill) : 0;\n    },\n    [rows, showSearchPill],\n  );\n\n  const { focusedRow, focusedCol, moveFocus } = useFocusedListItem(rows.length, getColCount, {\n    wrap: true,\n    onChange: onFocusChange,\n    initialRow: defaultFocusedRow,\n    initialCol: defaultFocusedCol,\n  });\n\n  // --- Pixel-accurate scroll tracking ---\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 all section heights after each 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      // Only update if heights actually changed (avoid infinite re-render)\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  // Scroll focused row into view\n  useEffect(() => {\n    if (!scrollEnabled || sectionHeights.length === 0) return;\n\n    let topOfFocused = 0;\n    for (let i = 0; i < focusedRow; i++) {\n      topOfFocused += sectionHeights[i] ?? 0;\n    }\n    const focusedHeight = sectionHeights[focusedRow] ?? 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  }, [focusedRow, sectionHeights, scrollEnabled, availableHeight]);\n\n  useInput(\n    useCallback(\n      (\n        input: string,\n        key: {\n          leftArrow: boolean;\n          rightArrow: boolean;\n          upArrow: boolean;\n          downArrow: boolean;\n          return: boolean;\n        },\n      ) => {\n        if (input === \" \") {\n          const currentRow = rows[focusedRow];\n          if (!currentRow) return;\n          // Space on search pill triggers search\n          if (showSearchPill && focusedCol === currentRow.options.length) {\n            void handleSearchTrigger(focusedRow);\n            return;\n          }\n          // Space on a source option toggles selection\n          if (focusedCol < currentRow.options.length) {\n            const currentOption = currentRow.options[focusedCol];\n            if (currentOption) {\n              onSelect(currentRow.skillId, currentOption.id);\n            }\n          }\n          return;\n        }\n\n        const isLeft = key.leftArrow;\n        const isRight = key.rightArrow;\n        const isUp = key.upArrow;\n        const isDown = key.downArrow;\n\n        if (isLeft) {\n          moveFocus(\"left\");\n        } else if (isRight) {\n          moveFocus(\"right\");\n        } else if (isUp) {\n          moveFocus(\"up\");\n        } else if (isDown) {\n          moveFocus(\"down\");\n        }\n      },\n      [rows, focusedRow, focusedCol, onSelect, showSearchPill, handleSearchTrigger, moveFocus],\n    ),\n    { isActive: !searchModal.isOpen },\n  );\n\n  if (rows.length === 0) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text dimColor>No skills to display.</Text>\n      </Box>\n    );\n  }\n\n  const sectionElements = rows.map((row, rowIndex) => (\n    <Box key={row.skillId} ref={(el) => setSectionRef(rowIndex, el)} flexShrink={0}>\n      <SourceSection\n        row={row}\n        isFocused={rowIndex === focusedRow}\n        focusedOptionIndex={focusedCol}\n        showSearchPill={showSearchPill}\n      />\n    </Box>\n  ));\n\n  const searchModalElement = searchModal.isOpen && (\n    <SearchModal\n      results={searchResults}\n      alias={searchAlias}\n      onBind={handleBind}\n      onClose={handleCloseSearch}\n    />\n  );\n\n  // When no height constraint, render flat (tests, or before first measurement)\n  if (!scrollEnabled) {\n    return (\n      <Box flexDirection=\"column\" flexGrow={1} overflow=\"hidden\">\n        {sectionElements}\n        {searchModalElement}\n      </Box>\n    );\n  }\n\n  return (\n    <Box flexDirection=\"column\" height={availableHeight} overflow=\"hidden\">\n      <Box flexDirection=\"column\" marginTop={scrollTopPx > 0 ? -scrollTopPx : 0} flexShrink={0}>\n        {sectionElements}\n      </Box>\n      {searchModalElement}\n    </Box>\n  );\n};\n","import { useCallback, useState } from \"react\";\nimport type { BoundSkillCandidate, SkillAlias } from \"../../types/index.js\";\nimport { useModalState } from \"./use-modal-state.js\";\nimport type { SourceRow } from \"../wizard/source-grid.js\";\n\ntype UseSourceGridSearchModalOptions = {\n  rows: SourceRow[];\n  onSearch?: (alias: SkillAlias) => Promise<BoundSkillCandidate[]>;\n  onBind?: (candidate: BoundSkillCandidate) => void;\n  onSearchStateChange?: (active: boolean) => void;\n};\n\ntype UseSourceGridSearchModalResult = {\n  searchModal: { isOpen: boolean };\n  searchResults: BoundSkillCandidate[];\n  searchAlias: string;\n  handleSearchTrigger: (rowIndex: number) => Promise<void>;\n  handleBind: (candidate: BoundSkillCandidate) => void;\n  handleCloseSearch: () => void;\n};\n\nexport function useSourceGridSearchModal({\n  rows,\n  onSearch,\n  onBind,\n  onSearchStateChange,\n}: UseSourceGridSearchModalOptions): UseSourceGridSearchModalResult {\n  const searchModal = useModalState<number>();\n  const [searchResults, setSearchResults] = useState<BoundSkillCandidate[]>([]);\n  const [searchAlias, setSearchAlias] = useState(\"\");\n\n  const resetSearch = useCallback(() => {\n    searchModal.close();\n    setSearchResults([]);\n    setSearchAlias(\"\");\n    onSearchStateChange?.(false);\n  }, [onSearchStateChange, searchModal]);\n\n  const handleSearchTrigger = useCallback(\n    async (rowIndex: number) => {\n      const row = rows[rowIndex];\n      if (!row || !onSearch) return;\n\n      const alias = row.alias;\n      setSearchAlias(alias);\n      searchModal.open(rowIndex);\n      onSearchStateChange?.(true);\n\n      const results = await onSearch(alias);\n      setSearchResults(results);\n    },\n    [rows, onSearch, onSearchStateChange, searchModal],\n  );\n\n  const handleBind = useCallback(\n    (candidate: BoundSkillCandidate) => {\n      onBind?.(candidate);\n      resetSearch();\n    },\n    [onBind, resetSearch],\n  );\n\n  const handleCloseSearch = useCallback(() => {\n    resetSearch();\n  }, [resetSearch]);\n\n  return {\n    searchModal: { isOpen: searchModal.isOpen },\n    searchResults,\n    searchAlias,\n    handleSearchTrigger,\n    handleBind,\n    handleCloseSearch,\n  };\n}\n"],"mappings":"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","names":["useCallback","useState","useCallback","useState"]}

package/dist/{chunk-OMV7TLWD.js → chunk-UFUQUFV6.js}

@@ -1,29 +1,30 @@
 #!/usr/bin/env node
 import {
-  ViewTitle
-} from "./chunk-O4D67NN7.js";
+  useMeasuredHeight
+} from "./chunk-AQQVSNUX.js";
 import {
   getDomainDisplayName
-} from "./chunk-SO22IQPY.js";
+} from "./chunk-MZB3GGOH.js";
+import {
+  ViewTitle
+} from "./chunk-HTTPKSL6.js";
 import {
   CategoryGrid
-} from "./chunk-OGJIZ6QH.js";
+} from "./chunk-OKILA27U.js";
 import {
   getAvailableSkills,
   resolveAlias
-} from "./chunk-MM7NK5N2.js";
+} from "./chunk-WMVGRAFB.js";
 import {
-  CLI_COLORS,
-  SCROLL_VIEWPORT,
-  UI_SYMBOLS
-} from "./chunk-LAPCUV4D.js";
+  CLI_COLORS
+} from "./chunk-YCS7GF6Y.js";
 import {
   init_esm_shims
 } from "./chunk-DHET7RCE.js";
 
 // src/cli/components/wizard/step-build.tsx
 init_esm_shims();
-import { useState as useState3 } from "react";
+import { useState } from "react";
 import { Box, Text, useInput } from "ink";
 
 // src/cli/lib/wizard/index.ts
@@ -161,57 +162,6 @@ function useFrameworkFiltering({
   );
 }
 
-// src/cli/components/hooks/use-terminal-dimensions.ts
-init_esm_shims();
-import { useState, useEffect } from "react";
-import { useStdout } from "ink";
-var DEFAULT_COLUMNS = 80;
-var DEFAULT_ROWS = 24;
-function useTerminalDimensions() {
-  const { stdout } = useStdout();
-  const [dimensions, setDimensions] = useState(() => ({
-    columns: stdout.columns || DEFAULT_COLUMNS,
-    rows: stdout.rows || DEFAULT_ROWS
-  }));
-  useEffect(() => {
-    const handleResize = () => {
-      setDimensions({
-        columns: stdout.columns || DEFAULT_COLUMNS,
-        rows: stdout.rows || DEFAULT_ROWS
-      });
-    };
-    stdout.on("resize", handleResize);
-    return () => {
-      stdout.off("resize", handleResize);
-    };
-  }, [stdout]);
-  return dimensions;
-}
-
-// src/cli/components/hooks/use-measured-height.ts
-init_esm_shims();
-import { useRef, useState as useState2, useEffect as useEffect2 } from "react";
-import { measureElement, useStdout as useStdout2 } from "ink";
-function useMeasuredHeight() {
-  const ref = useRef(null);
-  const [measuredHeight, setMeasuredHeight] = useState2(0);
-  const { stdout } = useStdout2();
-  useEffect2(() => {
-    const measure = () => {
-      if (ref.current) {
-        const { height } = measureElement(ref.current);
-        setMeasuredHeight((prev) => prev !== height ? height : prev);
-      }
-    };
-    measure();
-    stdout.on("resize", measure);
-    return () => {
-      stdout.off("resize", measure);
-    };
-  }, [stdout]);
-  return { ref, measuredHeight };
-}
-
 // src/cli/components/wizard/step-build.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Footer = ({ validationError }) => {
@@ -220,26 +170,6 @@ var Footer = ({ validationError }) => {
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press ESC to go back, or select a skill and press ENTER to continue." })
   ] }) });
 };
-var LegendRow = () => {
-  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, columnGap: 2, children: [
-    /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.PRIMARY, children: [
-      UI_SYMBOLS.SELECTED,
-      " active"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.UNFOCUSED, children: [
-      UI_SYMBOLS.UNSELECTED,
-      " recommended"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.WARNING, children: [
-      UI_SYMBOLS.DISCOURAGED,
-      " discouraged"
-    ] }),
-    /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.NEUTRAL, children: [
-      UI_SYMBOLS.DISABLED,
-      " disabled"
-    ] })
-  ] });
-};
 var StepBuild = ({
   matrix,
   domain: activeDomain,
@@ -255,8 +185,7 @@ var StepBuild = ({
   onContinue,
   onBack
 }) => {
-  const [validationError, setValidationError] = useState3(void 0);
-  const { columns } = useTerminalDimensions();
+  const [validationError, setValidationError] = useState(void 0);
   const { ref: gridRef, measuredHeight: gridHeight } = useMeasuredHeight();
   const categories = useFrameworkFiltering({
     domain: activeDomain,
@@ -267,7 +196,6 @@ var StepBuild = ({
     parentDomainSelections,
     installedSkillIds
   });
-  const availableHeight = gridHeight > 0 ? Math.max(SCROLL_VIEWPORT.MIN_VIEWPORT_ROWS, gridHeight) : Infinity;
   useInput((_input, key) => {
     if (key.return) {
       const validation = validateBuildStep(categories, selections);
@@ -282,8 +210,8 @@ var StepBuild = ({
       onBack();
     }
   });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "100%", flexGrow: 1, children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "100%", flexGrow: 1, flexBasis: 0, children: [
+    /* @__PURE__ */ jsx(
       Box,
       {
         columnGap: 2,
@@ -297,34 +225,22 @@ var StepBuild = ({
         borderLeft: false,
         borderColor: CLI_COLORS.NEUTRAL,
         borderStyle: "single",
-        children: [
-          /* @__PURE__ */ jsx(Box, { columnGap: 2, flexDirection: "row", children: selectedDomains.map((domain) => {
-            const isActive = domain === activeDomain;
-            return /* @__PURE__ */ jsxs(Text, { color: isActive ? CLI_COLORS.PRIMARY : void 0, children: [
-              isActive ? UI_SYMBOLS.CURRENT : UI_SYMBOLS.UNSELECTED,
-              " ",
-              getDomainDisplayName(domain)
-            ] }, domain);
-          }) }),
-          /* @__PURE__ */ jsx(LegendRow, {})
-        ]
+        children: /* @__PURE__ */ jsx(Box, { columnGap: 2, flexDirection: "row", children: selectedDomains.map((domain) => {
+          const isActive = domain === activeDomain;
+          return /* @__PURE__ */ jsx(Text, { color: isActive ? CLI_COLORS.PRIMARY : void 0, bold: isActive, children: getDomainDisplayName(domain) }, domain);
+        }) })
       }
     ),
-    /* @__PURE__ */ jsxs(ViewTitle, { children: [
-      "Customize your ",
-      getDomainDisplayName(activeDomain),
-      " stack"
-    ] }),
-    /* @__PURE__ */ jsx(Box, { ref: gridRef, flexGrow: 1, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(ViewTitle, { children: `[2] Customize your ${getDomainDisplayName(activeDomain)} stack` }),
+    /* @__PURE__ */ jsx(Box, { ref: gridRef, flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx(
       CategoryGrid,
       {
         categories,
+        availableHeight: gridHeight,
         expertMode,
         showDescriptions,
         onToggle,
-        onToggleDescriptions,
-        availableHeight,
-        terminalWidth: columns
+        onToggleDescriptions
       },
       activeDomain
     ) }),
@@ -337,4 +253,4 @@ export {
   getSkillDisplayLabel,
   StepBuild
 };
-//# sourceMappingURL=chunk-OMV7TLWD.js.map
+//# sourceMappingURL=chunk-UFUQUFV6.js.map