agents-inc 0.149.2 → 0.151.0

package/dist/chunk-WK4J2CHH.js

@@ -0,0 +1,430 @@
+#!/usr/bin/env node
+import {
+  useModalState
+} from "./chunk-NIKUMXE7.js";
+import {
+  ScrollAffordance
+} from "./chunk-KOPEM3Q7.js";
+import {
+  SearchModal
+} from "./chunk-2RSNKBXC.js";
+import {
+  useFocusedListItem
+} from "./chunk-LYYXX2W5.js";
+import {
+  useSectionScroll
+} from "./chunk-DAG2ULNF.js";
+import {
+  KEY_SPACE
+} from "./chunk-VG2TVBFN.js";
+import {
+  getSkillById,
+  matrix
+} from "./chunk-DG2NGZ7S.js";
+import {
+  CLI_COLORS,
+  SOURCE_DISPLAY_NAMES,
+  SOURCE_HEADER_NAMES,
+  UI_SYMBOLS
+} from "./chunk-O5ASLZ2K.js";
+import {
+  init_esm_shims
+} from "./chunk-P56WJ5FA.js";
+
+// src/cli/components/wizard/source-grid.tsx
+init_esm_shims();
+import { useCallback as useCallback2, useMemo } from "react";
+import { Box, Text, useInput } from "ink";
+
+// src/cli/components/hooks/use-source-grid-search-modal.ts
+init_esm_shims();
+import { useCallback, useState } from "react";
+function useSourceGridSearchModal({
+  rows,
+  onSearch,
+  onBind,
+  onSearchStateChange
+}) {
+  const searchModal = useModalState();
+  const [searchResults, setSearchResults] = useState([]);
+  const [searchAlias, setSearchAlias] = useState("");
+  const resetSearch = useCallback(() => {
+    searchModal.close();
+    setSearchResults([]);
+    setSearchAlias("");
+    onSearchStateChange?.(false);
+  }, [onSearchStateChange, searchModal]);
+  const handleSearchTrigger = useCallback(
+    async (rowIndex) => {
+      const row = rows[rowIndex];
+      if (!row || !onSearch) return;
+      const alias = matrix.slugMap.idToSlug[row.skillId];
+      if (!alias) return;
+      setSearchAlias(alias);
+      searchModal.open(rowIndex);
+      onSearchStateChange?.(true);
+      const results = await onSearch(alias);
+      setSearchResults(results);
+    },
+    [rows, onSearch, onSearchStateChange, searchModal]
+  );
+  const handleBind = useCallback(
+    (candidate) => {
+      onBind?.(candidate);
+      resetSearch();
+    },
+    [onBind, resetSearch]
+  );
+  const handleCloseSearch = useCallback(() => {
+    resetSearch();
+  }, [resetSearch]);
+  return {
+    searchModal: { isOpen: searchModal.isOpen },
+    searchResults,
+    searchAlias,
+    handleSearchTrigger,
+    handleBind,
+    handleCloseSearch
+  };
+}
+
+// src/cli/components/wizard/source-grid.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SEARCH_PILL_LABEL = "\u2315 Search";
+var SKILL_NAME_WIDTH = 26;
+var SOURCE_COL_WIDTH = 18;
+var SCOPE_COL_WIDTH = 11;
+var SCOPE_ROW_HEADERS = {
+  global: "Global",
+  project: "Project"
+};
+var ROW_MARKER_BLANK = "  ";
+var SOURCE_GRID_MIN_VIEWPORT_ROWS = 1;
+var SOURCE_GRID_HEADER_MIN_HEIGHT = 4;
+function isRowInert(row) {
+  return !!row.readOnly || !!row.disabled;
+}
+function rowStatusMarker(row) {
+  if (row.readOnly) return `${UI_SYMBOLS.LOCK} `;
+  if (row.disabled) return `${UI_SYMBOLS.REMOVED} `;
+  if (row.added) return `${UI_SYMBOLS.ADDED} `;
+  return ROW_MARKER_BLANK;
+}
+function rowDiffColor(row) {
+  if (row.disabled) return CLI_COLORS.ERROR;
+  if (row.added) return CLI_COLORS.SUCCESS;
+  return void 0;
+}
+function rowLabelColor(row) {
+  return rowDiffColor(row) ?? CLI_COLORS.NEUTRAL;
+}
+function focusedRowLabelColor(row) {
+  return rowDiffColor(row) ?? CLI_COLORS.WHITE;
+}
+var SearchPill = ({ isFocused }) => {
+  return /* @__PURE__ */ jsx(Box, { marginRight: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: !isFocused, bold: isFocused, children: SEARCH_PILL_LABEL }) });
+};
+function formatSourceLabel(option) {
+  return SOURCE_DISPLAY_NAMES[option.id] ?? option.id;
+}
+var SourceTag = ({ option, isFocused, readOnly, disabled }) => {
+  if (readOnly || disabled) {
+    return /* @__PURE__ */ jsx(Box, { width: SOURCE_COL_WIDTH, children: /* @__PURE__ */ jsxs(
+      Text,
+      {
+        color: disabled ? CLI_COLORS.ERROR : void 0,
+        bold: option.selected,
+        dimColor: !disabled && !option.selected,
+        children: [
+          `${UI_SYMBOLS.CHEVRON_SPACER} `,
+          formatSourceLabel(option)
+        ]
+      }
+    ) });
+  }
+  const textColor = option.selected ? CLI_COLORS.PRIMARY : CLI_COLORS.WHITE;
+  const isBold = isFocused || option.selected;
+  const prefix = isFocused ? `${UI_SYMBOLS.CHEVRON} ` : `${UI_SYMBOLS.CHEVRON_SPACER} `;
+  return /* @__PURE__ */ jsx(Box, { width: SOURCE_COL_WIDTH, children: /* @__PURE__ */ jsxs(Text, { color: textColor, bold: isBold, dimColor: !option.selected && !isFocused, children: [
+    prefix,
+    formatSourceLabel(option)
+  ] }) });
+};
+var SourceSection = ({
+  row,
+  isFocused,
+  focusedOptionIndex,
+  showSearchPill
+}) => {
+  const searchPillIndex = row.options.length;
+  const isInert = isRowInert(row);
+  const effectiveFocused = isInert ? false : isFocused;
+  const effectiveShowSearchPill = isInert ? false : showSearchPill;
+  const statusMarker = rowStatusMarker(row);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Box, { width: SKILL_NAME_WIDTH, children: effectiveFocused ? (
+      // The marker sits INSIDE the highlight, and the marker's own separating space is the only
+      // one before the name — so the band is the same width on every focused row and the name
+      // does not shift a column when focus arrives.
+      /* @__PURE__ */ jsxs(Text, { color: focusedRowLabelColor(row), backgroundColor: CLI_COLORS.LABEL_BG, children: [
+        statusMarker,
+        `${getSkillById(row.skillId).displayName} `
+      ] })
+    ) : /* @__PURE__ */ jsxs(Text, { color: rowLabelColor(row), dimColor: !!row.readOnly, children: [
+      statusMarker,
+      getSkillById(row.skillId).displayName
+    ] }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexWrap: "wrap", children: [
+      row.options.map((option, index) => /* @__PURE__ */ jsx(
+        SourceTag,
+        {
+          option,
+          isFocused: effectiveFocused && index === focusedOptionIndex,
+          readOnly: row.readOnly,
+          disabled: row.disabled
+        },
+        option.id
+      )),
+      effectiveShowSearchPill && /* @__PURE__ */ jsx(SearchPill, { isFocused: effectiveFocused && focusedOptionIndex === searchPillIndex })
+    ] })
+  ] });
+};
+var getNavigableCount = (row, showSearchPill) => {
+  return row.options.length + (showSearchPill ? 1 : 0);
+};
+var ScopeRowHeader = ({
+  scope,
+  isGroupStart
+}) => /* @__PURE__ */ jsx(Box, { width: SCOPE_COL_WIDTH, children: isGroupStart && /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, bold: true, children: SCOPE_ROW_HEADERS[scope] }) });
+function firstFocusableRowIndex(rows, startRow) {
+  const cyclicRowOrder = rows.map((_, offset) => (startRow + offset) % rows.length);
+  return cyclicRowOrder.find((row) => {
+    const candidate = rows[row];
+    return candidate && !isRowInert(candidate);
+  }) ?? startRow;
+}
+function lastFocusableRowIndex(rows) {
+  for (let i = rows.length - 1; i >= 0; i--) {
+    const candidate = rows[i];
+    if (candidate && !isRowInert(candidate)) return i;
+  }
+  return -1;
+}
+function groupRowsByScope(rows) {
+  const indexed = rows.map((row, i) => ({ row, originalIndex: i }));
+  const globalRows = indexed.filter(({ row }) => row.scope === "global");
+  const projectRows = indexed.filter(({ row }) => row.scope !== "global");
+  if (globalRows.length === 0 || projectRows.length === 0) return [];
+  return [
+    { scope: "global", rows: globalRows },
+    { scope: "project", rows: projectRows }
+  ];
+}
+var SourceGrid = ({
+  rows,
+  availableHeight = 0,
+  onSelect,
+  onSearch,
+  onBind,
+  onSearchStateChange,
+  defaultFocusedRow = 0,
+  defaultFocusedCol = 0,
+  onFocusChange
+}) => {
+  const {
+    searchModal,
+    searchResults,
+    searchAlias,
+    handleSearchTrigger,
+    handleBind,
+    handleCloseSearch
+  } = useSourceGridSearchModal({ rows, onSearch, onBind, onSearchStateChange });
+  const showSearchPill = !!onSearch;
+  const getColCount = useCallback2(
+    (row) => {
+      const rowData = rows[row];
+      return rowData ? getNavigableCount(rowData, showSearchPill) : 0;
+    },
+    [rows, showSearchPill]
+  );
+  const skipRow = useCallback2(
+    (row) => {
+      const candidate = rows[row];
+      return !!candidate && isRowInert(candidate);
+    },
+    [rows]
+  );
+  const effectiveDefaultRow = firstFocusableRowIndex(rows, defaultFocusedRow);
+  const { focusedRow, focusedCol, moveFocus } = useFocusedListItem(rows.length, getColCount, {
+    wrap: true,
+    onChange: onFocusChange,
+    initialRow: effectiveDefaultRow,
+    initialCol: defaultFocusedCol,
+    skipRow
+  });
+  const {
+    setSectionRef,
+    setViewportRef,
+    setContentRef,
+    scrollEnabled,
+    scrollTopPx,
+    hiddenAbove,
+    hiddenBelow,
+    scrollBy
+  } = useSectionScroll({
+    sectionCount: rows.length,
+    focusedIndex: focusedRow,
+    availableHeight,
+    minViewportRows: SOURCE_GRID_MIN_VIEWPORT_ROWS
+  });
+  const lastFocusableRow = useMemo(() => lastFocusableRowIndex(rows), [rows]);
+  useInput(
+    useCallback2(
+      (input, key) => {
+        if (input === KEY_SPACE) {
+          const currentRow = rows[focusedRow];
+          if (!currentRow || isRowInert(currentRow)) return;
+          if (showSearchPill && focusedCol === currentRow.options.length) {
+            void handleSearchTrigger(focusedRow);
+            return;
+          }
+          if (focusedCol < currentRow.options.length) {
+            const currentOption = currentRow.options[focusedCol];
+            if (currentOption) {
+              onSelect(currentRow.skillId, currentOption.id);
+            }
+          }
+          return;
+        }
+        const noFocusableRow = lastFocusableRow === -1;
+        const atLastFocusableRow = focusedRow === lastFocusableRow;
+        if (key.leftArrow) {
+          moveFocus("left");
+        } else if (key.rightArrow) {
+          moveFocus("right");
+        } else if (key.upArrow) {
+          if (scrollEnabled && noFocusableRow && hiddenAbove > 0) {
+            scrollBy(-1);
+          } else {
+            moveFocus("up");
+          }
+        } else if (key.downArrow) {
+          if (scrollEnabled && (noFocusableRow || atLastFocusableRow) && hiddenBelow > 0) {
+            scrollBy(1);
+          } else {
+            moveFocus("down");
+          }
+        }
+      },
+      [
+        rows,
+        focusedRow,
+        focusedCol,
+        onSelect,
+        showSearchPill,
+        handleSearchTrigger,
+        moveFocus,
+        scrollEnabled,
+        lastFocusableRow,
+        hiddenAbove,
+        hiddenBelow,
+        scrollBy
+      ]
+    ),
+    { isActive: !searchModal.isOpen }
+  );
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No skills to display." }) });
+  }
+  const noShrink = scrollEnabled ? { flexShrink: 0 } : {};
+  const scopeGroups = groupRowsByScope(rows);
+  const headerSources = rows[0]?.options ?? [];
+  const headerMarginBottom = scrollEnabled || scopeGroups.length > 0 ? 0 : 1;
+  const showPinnedHeader = !scrollEnabled || availableHeight >= SOURCE_GRID_HEADER_MIN_HEIGHT;
+  const headerElement = /* @__PURE__ */ jsxs(Box, { flexDirection: "row", marginBottom: headerMarginBottom, ...noShrink, children: [
+    scopeGroups.length > 0 && /* @__PURE__ */ jsx(Box, { width: SCOPE_COL_WIDTH }),
+    /* @__PURE__ */ jsx(Box, { width: SKILL_NAME_WIDTH }),
+    headerSources.map((option) => /* @__PURE__ */ jsx(Box, { width: SOURCE_COL_WIDTH, children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        color: CLI_COLORS.WARNING,
+        bold: true,
+        children: `${UI_SYMBOLS.CHEVRON_SPACER} ${SOURCE_HEADER_NAMES[option.id] ?? option.id}`
+      }
+    ) }, option.id))
+  ] });
+  const sectionElements = scopeGroups.length > 0 ? scopeGroups.map((group) => /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, ...noShrink, children: group.rows.map(({ row, originalIndex }, rowIndexInGroup) => /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      ref: (el) => setSectionRef(originalIndex, el),
+      ...noShrink,
+      children: [
+        /* @__PURE__ */ jsx(ScopeRowHeader, { scope: group.scope, isGroupStart: rowIndexInGroup === 0 }),
+        /* @__PURE__ */ jsx(
+          SourceSection,
+          {
+            row,
+            isFocused: originalIndex === focusedRow,
+            focusedOptionIndex: focusedCol,
+            showSearchPill
+          }
+        )
+      ]
+    },
+    `${row.skillId}-${row.scope ?? "default"}`
+  )) }, group.scope)) : rows.map((row, rowIndex) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: (el) => setSectionRef(rowIndex, el),
+      ...noShrink,
+      children: /* @__PURE__ */ jsx(
+        SourceSection,
+        {
+          row,
+          isFocused: rowIndex === focusedRow,
+          focusedOptionIndex: focusedCol,
+          showSearchPill
+        }
+      )
+    },
+    `${row.skillId}-${row.scope ?? "default"}`
+  ));
+  const searchModalElement = searchModal.isOpen && /* @__PURE__ */ jsx(
+    SearchModal,
+    {
+      results: searchResults,
+      alias: searchAlias,
+      onBind: handleBind,
+      onClose: handleCloseSearch
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      ...scrollEnabled ? { height: availableHeight, overflow: "hidden" } : { flexGrow: 1 },
+      children: [
+        showPinnedHeader && headerElement,
+        /* @__PURE__ */ jsx(Box, { ref: setViewportRef, flexDirection: "column", overflow: "hidden", flexGrow: 1, children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            ref: setContentRef,
+            flexDirection: "column",
+            marginTop: scrollTopPx > 0 ? -scrollTopPx : 0,
+            ...noShrink,
+            children: sectionElements
+          }
+        ) }),
+        /* @__PURE__ */ jsx(ScrollAffordance, { hiddenAbove, hiddenBelow }),
+        searchModalElement
+      ]
+    }
+  );
+};
+
+export {
+  isRowInert,
+  SourceGrid
+};
+//# sourceMappingURL=chunk-WK4J2CHH.js.map

package/dist/chunk-WK4J2CHH.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, useMemo } from \"react\";\nimport { Box, Text, useInput, type Key } from \"ink\";\nimport type { BoundSkillCandidate, SkillAlias, SkillId, SkillScope } from \"../../types/index.js\";\nimport { CLI_COLORS, SOURCE_DISPLAY_NAMES, SOURCE_HEADER_NAMES, UI_SYMBOLS } from \"../../consts.js\";\nimport { getSkillById } from \"../../lib/matrix/matrix-provider.js\";\nimport { useFocusedListItem } from \"../hooks/use-focused-list-item.js\";\nimport { useSectionScroll } from \"../hooks/use-section-scroll.js\";\nimport { useSourceGridSearchModal } from \"../hooks/use-source-grid-search-modal.js\";\nimport { KEY_SPACE } from \"./hotkeys.js\";\nimport { ScrollAffordance } from \"./scroll-affordance.js\";\nimport { SearchModal } from \"./search-modal.js\";\n\nconst SEARCH_PILL_LABEL = \"\\u2315 Search\";\n\n/**\n * Skill-name cell: the 24 columns the name itself gets, plus the fixed 2-column marker cell that\n * shares the box (see `rowStatusMarker`). Widening by exactly the marker width keeps every name\n * that fitted before the marker was reserved fitting still.\n */\nconst SKILL_NAME_WIDTH = 26;\nconst SOURCE_COL_WIDTH = 18;\n\n/**\n * Scope gutter: the column of `Global` / `Project` row headers down the left of a scope-grouped\n * grid. Present only in the grouped layout — a single-scope grid has nothing to head, and renders\n * flat with no gutter at all. The header row reserves the width but prints no caption in it: the\n * labels below already name the column, so a caption over them would only repeat them.\n */\nconst SCOPE_COL_WIDTH = 11;\n\n/** Row-header label each scope block is headed by. */\nconst SCOPE_ROW_HEADERS: Record<SkillScope, string> = {\n  global: \"Global\",\n  project: \"Project\",\n};\n\n/** Blank marker cell — the same two columns a `${glyph} ` marker costs, so names never shift. */\nconst ROW_MARKER_BLANK = \"  \";\n\n/**\n * Sources always clips-and-signals rather than bleeding, even at the very short viewports the wizard\n * still renders at (the Sources step is squeezed by the tab bar, dropdown card and footer): a single\n * clipped row plus the overflow affordance beats a bled grid. Distinct from the grid views that fall\n * back to a flex layout below SCROLL_VIEWPORT.MIN_VIEWPORT_ROWS.\n */\nconst SOURCE_GRID_MIN_VIEWPORT_ROWS = 1;\n\n/**\n * The pinned column header and the overflow affordance each cost one row of the clipped viewport.\n * Below this height there is no room for the header AND a readable pair of content rows, so the\n * column labels yield to content — a header row = column labels (1) + content (2) + affordance (1).\n */\nconst SOURCE_GRID_HEADER_MIN_HEIGHT = 4;\n\nexport type SourceOption = {\n  id: string;\n  selected: boolean;\n  installed: boolean;\n};\n\nexport type SourceRow = {\n  skillId: SkillId;\n  options: SourceOption[];\n  scope?: SkillScope;\n  readOnly?: boolean;\n  /**\n   * Saved skill deselected this session — still shown so the user can see what saving removes,\n   * but inert. Distinct from `readOnly`, which means \"locked because it is installed globally\".\n   */\n  disabled?: boolean;\n  /**\n   * Skill selected this session but absent from the hydration snapshot (D-258). Renders inline in\n   * its normal position with the info panel's added marker (`+`) in green, and stays a normal\n   * selectable/editable row — unlike `disabled`/`readOnly`, an added row is NOT inert.\n   */\n  added?: boolean;\n};\n\n/** Rows the user cannot act on: globally locked (`readOnly`) or pending removal (`disabled`). */\nexport function isRowInert(row: SourceRow): boolean {\n  return !!row.readOnly || !!row.disabled;\n}\n\n/**\n * Status marker before the skill name. Lock = \"installed globally, not yours to change here\".\n * The removal marker + red colour and the added marker + green colour mirror the info panel's\n * removed/added-diff treatment (DIFF_PREFIX/DIFF_COLOR in skill-agent-summary.tsx) so a\n * pending-removal or added row reads the same on both surfaces. The marker (not the colour) is\n * what carries the meaning in no-color terminals.\n *\n * ALWAYS two columns wide — glyph plus one separating space, or `ROW_MARKER_BLANK` on a row with no\n * status — so every skill name starts in the same column whether or not its row is marked. Same\n * contract as DIFF_PREFIX, which gives even `unchanged` a 2-char prefix. `UI_SYMBOLS.LOCK` is\n * double-width and still renders a locked row one column wider; known and accepted.\n */\nfunction rowStatusMarker(row: SourceRow): string {\n  if (row.readOnly) return `${UI_SYMBOLS.LOCK} `;\n  if (row.disabled) return `${UI_SYMBOLS.REMOVED} `;\n  if (row.added) return `${UI_SYMBOLS.ADDED} `;\n  return ROW_MARKER_BLANK;\n}\n\n/**\n * Diff colour for a row's skill name, matching the info panel's palette (DIFF_COLOR in\n * skill-agent-summary.tsx): red = pending removal, green = added. `undefined` means the row carries\n * no diff status, so each caller supplies its own default.\n */\nfunction rowDiffColor(row: SourceRow): string | undefined {\n  if (row.disabled) return CLI_COLORS.ERROR;\n  if (row.added) return CLI_COLORS.SUCCESS;\n  return undefined;\n}\n\n/** Skill-name colour for an unfocused row: its diff colour, or the neutral default. */\nfunction rowLabelColor(row: SourceRow): string {\n  return rowDiffColor(row) ?? CLI_COLORS.NEUTRAL;\n}\n\n/**\n * Skill-name colour for the FOCUSED row, which renders on the dark LABEL_BG highlight. A diff row\n * keeps its diff colour — focus is not a reason to lose the added/removed signal. An ordinary row\n * deliberately stays plain WHITE rather than falling through to `rowLabelColor`: NEUTRAL grey on\n * LABEL_BG is the low-contrast pairing, so reusing it here would dim every ordinary focused row to\n * fix rows that have no diff to show in the first place.\n */\nfunction focusedRowLabelColor(row: SourceRow): string {\n  return rowDiffColor(row) ?? CLI_COLORS.WHITE;\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  return (\n    <Box marginRight={1}>\n      <Text dimColor={!isFocused} bold={isFocused}>\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\nfunction formatSourceLabel(option: SourceOption): string {\n  return SOURCE_DISPLAY_NAMES[option.id] ?? option.id;\n}\n\nconst SourceTag: React.FC<{\n  option: SourceOption;\n  isFocused: boolean;\n  readOnly?: boolean;\n  disabled?: boolean;\n}> = ({ option, isFocused, readOnly, disabled }) => {\n  if (readOnly || disabled) {\n    // Inert rows carry selection in the same vocabulary editable ones do — weight, plus brightness\n    // on the locked row whose cells are otherwise all dimmed. Never a glyph: a check appears nowhere\n    // else in the grid, and on a pending-removal row it would tick the source the row is losing. The\n    // prefix slot stays a blank spacer so the source labels line up with every other row's.\n    return (\n      <Box width={SOURCE_COL_WIDTH}>\n        <Text\n          color={disabled ? CLI_COLORS.ERROR : undefined}\n          bold={option.selected}\n          dimColor={!disabled && !option.selected}\n        >\n          {`${UI_SYMBOLS.CHEVRON_SPACER} `}\n          {formatSourceLabel(option)}\n        </Text>\n      </Box>\n    );\n  }\n\n  const textColor = option.selected ? CLI_COLORS.PRIMARY : CLI_COLORS.WHITE;\n  const isBold = isFocused || option.selected;\n  const prefix = isFocused ? `${UI_SYMBOLS.CHEVRON} ` : `${UI_SYMBOLS.CHEVRON_SPACER} `;\n\n  return (\n    <Box width={SOURCE_COL_WIDTH}>\n      <Text color={textColor} bold={isBold} dimColor={!option.selected && !isFocused}>\n        {prefix}\n        {formatSourceLabel(option)}\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  const isInert = isRowInert(row);\n  const effectiveFocused = isInert ? false : isFocused;\n  const effectiveShowSearchPill = isInert ? false : showSearchPill;\n  // Unlike removal, an added row stays a normal editable row — only its marker/colour differ.\n  const statusMarker = rowStatusMarker(row);\n\n  return (\n    <Box flexDirection=\"row\">\n      <Box width={SKILL_NAME_WIDTH}>\n        {effectiveFocused ? (\n          // The marker sits INSIDE the highlight, and the marker's own separating space is the only\n          // one before the name — so the band is the same width on every focused row and the name\n          // does not shift a column when focus arrives.\n          <Text color={focusedRowLabelColor(row)} backgroundColor={CLI_COLORS.LABEL_BG}>\n            {statusMarker}\n            {`${getSkillById(row.skillId).displayName} `}\n          </Text>\n        ) : (\n          <Text color={rowLabelColor(row)} dimColor={!!row.readOnly}>\n            {statusMarker}\n            {getSkillById(row.skillId).displayName}\n          </Text>\n        )}\n      </Box>\n\n      <Box flexDirection=\"row\" flexWrap=\"wrap\">\n        {row.options.map((option, index) => (\n          <SourceTag\n            key={option.id}\n            option={option}\n            isFocused={effectiveFocused && index === focusedOptionIndex}\n            readOnly={row.readOnly}\n            disabled={row.disabled}\n          />\n        ))}\n        {effectiveShowSearchPill && (\n          <SearchPill isFocused={effectiveFocused && 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\ntype ScopeGroup = {\n  scope: SkillScope;\n  rows: { row: SourceRow; originalIndex: number }[];\n};\n\n/**\n * One row's cell in the scope gutter. Only the first row of a block prints the block's label; every\n * other row reserves the same width empty, which is what indents the rest of the block under its\n * header.\n */\nconst ScopeRowHeader: React.FC<{ scope: SkillScope; isGroupStart: boolean }> = ({\n  scope,\n  isGroupStart,\n}) => (\n  <Box width={SCOPE_COL_WIDTH}>\n    {isGroupStart && (\n      <Text color={CLI_COLORS.WARNING} bold>\n        {SCOPE_ROW_HEADERS[scope]}\n      </Text>\n    )}\n  </Box>\n);\n\n/** First focusable row index at or cyclically after `startRow`; `startRow` when every row is inert. */\nfunction firstFocusableRowIndex(rows: SourceRow[], startRow: number): number {\n  const cyclicRowOrder = rows.map((_, offset) => (startRow + offset) % rows.length);\n  return (\n    cyclicRowOrder.find((row) => {\n      const candidate = rows[row];\n      return candidate && !isRowInert(candidate);\n    }) ?? startRow\n  );\n}\n\n/** Index of the last focusable (non-inert) row, or -1 when every row is inert. */\nfunction lastFocusableRowIndex(rows: SourceRow[]): number {\n  for (let i = rows.length - 1; i >= 0; i--) {\n    const candidate = rows[i];\n    if (candidate && !isRowInert(candidate)) return i;\n  }\n  return -1;\n}\n\n/**\n * Groups rows by scope so the two blocks render separated by a blank line, each headed by its scope\n * in the gutter. Returns an empty array when all rows share the same scope: one block needs no\n * header to tell it from another, so that grid renders flat with no gutter at all.\n */\nfunction groupRowsByScope(rows: SourceRow[]): ScopeGroup[] {\n  const indexed = rows.map((row, i) => ({ row, originalIndex: i }));\n  const globalRows = indexed.filter(({ row }) => row.scope === \"global\");\n  const projectRows = indexed.filter(({ row }) => row.scope !== \"global\");\n\n  if (globalRows.length === 0 || projectRows.length === 0) return [];\n\n  return [\n    { scope: \"global\", rows: globalRows },\n    { scope: \"project\", rows: projectRows },\n  ];\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 skipRow = useCallback(\n    (row: number): boolean => {\n      const candidate = rows[row];\n      return !!candidate && isRowInert(candidate);\n    },\n    [rows],\n  );\n\n  const effectiveDefaultRow = firstFocusableRowIndex(rows, defaultFocusedRow);\n\n  const { focusedRow, focusedCol, moveFocus } = useFocusedListItem(rows.length, getColCount, {\n    wrap: true,\n    onChange: onFocusChange,\n    initialRow: effectiveDefaultRow,\n    initialCol: defaultFocusedCol,\n    skipRow,\n  });\n\n  const {\n    setSectionRef,\n    setViewportRef,\n    setContentRef,\n    scrollEnabled,\n    scrollTopPx,\n    hiddenAbove,\n    hiddenBelow,\n    scrollBy,\n  } = useSectionScroll({\n    sectionCount: rows.length,\n    focusedIndex: focusedRow,\n    availableHeight,\n    minViewportRows: SOURCE_GRID_MIN_VIEWPORT_ROWS,\n  });\n\n  const lastFocusableRow = useMemo(() => lastFocusableRowIndex(rows), [rows]);\n\n  useInput(\n    useCallback(\n      (input: string, key: Key) => {\n        if (input === KEY_SPACE) {\n          const currentRow = rows[focusedRow];\n          if (!currentRow || isRowInert(currentRow)) return;\n          if (showSearchPill && focusedCol === currentRow.options.length) {\n            void handleSearchTrigger(focusedRow);\n            return;\n          }\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        // With no focusable row (every row inert — a run of locked-global rows plus the\n        // pending-removal row) there is no focus to move or to anchor overscroll on, so\n        // vertical keys drive the viewport directly. Otherwise, overscroll only kicks in\n        // once focus sits on the last focusable row (below it are only inert rows).\n        const noFocusableRow = lastFocusableRow === -1;\n        const atLastFocusableRow = focusedRow === lastFocusableRow;\n\n        if (key.leftArrow) {\n          moveFocus(\"left\");\n        } else if (key.rightArrow) {\n          moveFocus(\"right\");\n        } else if (key.upArrow) {\n          if (scrollEnabled && noFocusableRow && hiddenAbove > 0) {\n            scrollBy(-1);\n          } else {\n            moveFocus(\"up\");\n          }\n        } else if (key.downArrow) {\n          // Keep scrolling the viewport to reveal trailing inert rows (e.g. the\n          // pending-removal row) instead of wrapping. Focus never lands on them, so the\n          // viewport travels past the last focusable row (or scrolls on its own when\n          // nothing is focusable).\n          if (scrollEnabled && (noFocusableRow || atLastFocusableRow) && hiddenBelow > 0) {\n            scrollBy(1);\n          } else {\n            moveFocus(\"down\");\n          }\n        }\n      },\n      [\n        rows,\n        focusedRow,\n        focusedCol,\n        onSelect,\n        showSearchPill,\n        handleSearchTrigger,\n        moveFocus,\n        scrollEnabled,\n        lastFocusableRow,\n        hiddenAbove,\n        hiddenBelow,\n        scrollBy,\n      ],\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 noShrink = scrollEnabled ? { flexShrink: 0 } : {};\n\n  const scopeGroups = groupRowsByScope(rows);\n\n  const headerSources = rows[0]?.options ?? [];\n  // Drop the header's spacer row while clipping so the squeezed viewport keeps a content row for the\n  // pinned column header plus the affordance; the spacer is cosmetic and only shows when not scrolling.\n  const headerMarginBottom = scrollEnabled || scopeGroups.length > 0 ? 0 : 1;\n  // At the shortest viewports the pinned column header would starve the content of readable rows, so\n  // the labels give way — every row still shows its own source cells, only the column caption is lost.\n  const showPinnedHeader = !scrollEnabled || availableHeight >= SOURCE_GRID_HEADER_MIN_HEIGHT;\n  const headerElement = (\n    <Box flexDirection=\"row\" marginBottom={headerMarginBottom} {...noShrink}>\n      {/* Neither the scope gutter nor the skill-name column carries a caption; both boxes reserve\n          their width so the source headers stay above the source cells. */}\n      {scopeGroups.length > 0 && <Box width={SCOPE_COL_WIDTH} />}\n      <Box width={SKILL_NAME_WIDTH} />\n      {headerSources.map((option) => (\n        <Box key={option.id} width={SOURCE_COL_WIDTH}>\n          <Text\n            color={CLI_COLORS.WARNING}\n            bold\n          >{`${UI_SYMBOLS.CHEVRON_SPACER} ${SOURCE_HEADER_NAMES[option.id] ?? option.id}`}</Text>\n        </Box>\n      ))}\n    </Box>\n  );\n\n  const sectionElements =\n    scopeGroups.length > 0\n      ? scopeGroups.map((group) => (\n          <Box key={group.scope} flexDirection=\"column\" marginTop={1} {...noShrink}>\n            {group.rows.map(({ row, originalIndex }, rowIndexInGroup) => (\n              <Box\n                key={`${row.skillId}-${row.scope ?? \"default\"}`}\n                flexDirection=\"row\"\n                ref={(el) => setSectionRef(originalIndex, el)}\n                {...noShrink}\n              >\n                <ScopeRowHeader scope={group.scope} isGroupStart={rowIndexInGroup === 0} />\n                <SourceSection\n                  row={row}\n                  isFocused={originalIndex === focusedRow}\n                  focusedOptionIndex={focusedCol}\n                  showSearchPill={showSearchPill}\n                />\n              </Box>\n            ))}\n          </Box>\n        ))\n      : rows.map((row, rowIndex) => (\n          <Box\n            key={`${row.skillId}-${row.scope ?? \"default\"}`}\n            ref={(el) => setSectionRef(rowIndex, el)}\n            {...noShrink}\n          >\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  return (\n    <Box\n      flexDirection=\"column\"\n      {...(scrollEnabled\n        ? { height: availableHeight, overflow: \"hidden\" as const }\n        : { flexGrow: 1 })}\n    >\n      {showPinnedHeader && headerElement}\n      <Box ref={setViewportRef} flexDirection=\"column\" overflow=\"hidden\" flexGrow={1}>\n        <Box\n          ref={setContentRef}\n          flexDirection=\"column\"\n          marginTop={scrollTopPx > 0 ? -scrollTopPx : 0}\n          {...noShrink}\n        >\n          {sectionElements}\n        </Box>\n      </Box>\n      <ScrollAffordance hiddenAbove={hiddenAbove} hiddenBelow={hiddenBelow} />\n      {searchModalElement}\n    </Box>\n  );\n};\n","import { useCallback, useState } from \"react\";\nimport type { BoundSkillCandidate, SkillAlias } from \"../../types/index.js\";\nimport { matrix } from \"../../lib/matrix/matrix-provider.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 = matrix.slugMap.idToSlug[row.skillId];\n      if (!alias) return;\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","useCallback"]}

package/dist/chunk-XA57SX4T.js

@@ -0,0 +1,115 @@
+#!/usr/bin/env node
+import {
+  useRowScroll
+} from "./chunk-FYPUUYSG.js";
+import {
+  KEY_SPACE
+} from "./chunk-VG2TVBFN.js";
+import {
+  CLI_COLORS,
+  UI_SYMBOLS
+} from "./chunk-O5ASLZ2K.js";
+import {
+  init_esm_shims
+} from "./chunk-P56WJ5FA.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 = ({
+  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 === KEY_SPACE) {
+      const item = items[focusedIndex];
+      if (item) {
+        onToggle(item.id);
+      }
+    }
+  });
+  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
+      ] }),
+      item.description && /* @__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: [
+    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-XA57SX4T.js.map

package/dist/chunk-XA57SX4T.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 { KEY_SPACE } from \"./hotkeys.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  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  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 === KEY_SPACE) {\n      const item = items[focusedIndex];\n      if (item) {\n        onToggle(item.id);\n      }\n    }\n  });\n\n  // The Domains grid clips silently: `useRowScroll` exposes no hidden-line\n  // counts and this view renders no `ScrollAffordance`, by owner decision — see\n  // the hook's doc comment.\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        {item.description && (\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      {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;AAsFxB,cACA,YADA;AA9DD,IAAM,eAAe,CAA4B;AAAA,EACtD;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,WAAW;AACvB,YAAM,OAAO,MAAM,YAAY;AAC/B,UAAI,MAAM;AACR,iBAAS,KAAK,EAAE;AAAA,MAClB;AAAA,IACF;AAAA,EACF,CAAC;AAMD,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,KAAK,eACJ,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,UAChB;AAAA,gBAAY,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":[]}