agents-inc 0.168.0 → 0.170.0

package/assets/demo.tape

@@ -1,266 +0,0 @@
-Output demo.gif
-
-Set Shell "zsh"
-Set FontSize 26
-Set FontFamily "Ubuntu Mono"
-Set LineHeight 1.3
-Set Width 1400
-Set Height 1200
-Set Padding 40
-Set Margin 20
-Set BorderRadius 8
-Set WindowBar Colorful
-Set WindowBarSize 40
-Set TypingSpeed 80ms
-Set CursorBlink true
-Set Framerate 60
-# Set Theme { "name": "One Dark", "black": "#21252b", "red": "#e06c75", "green": "#98c379", "yellow": "#c49a2a", "blue": "#61afef", "purple": "#c678dd", "cyan": "#56b6c2", "white": "#abb2bf", "brightBlack": "#767676", "brightRed": "#e06c75", "brightGreen": "#98c379", "brightYellow": "#e5c07b", "brightBlue": "#61afef", "brightPurple": "#c678dd", "brightCyan": "#56b6c2", "brightWhite": "#abb2bf", "background": "#21252b", "foreground": "#abb2bf", "cursor": "#abb2bf", "selection": "#323844" }
-Set Theme "OneDark"
-
-
-Sleep 1s
-Type "npx agents-inc init"
-Enter
-Sleep 3500ms
-
-# -------------------------------
-# STEP STACK
-
-# select react stack
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 900ms
-Enter
-
-# -------------------------------
-# STEP DOMAINS
-Sleep 900ms
-
-# select domain
-Down
-
-# select API
-Sleep 600ms
-Space
-Sleep 600ms
-
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-
-# select Infrastructure
-Sleep 600ms
-Space
-Sleep 600ms
-
-Enter
-
-# -------------------------------
-# STEP SKILLS > WEB
-Sleep 900ms
-
-# select Client State Management > zustand
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-
-Sleep 600ms
-Right
-Sleep 150ms
-Right
-Sleep 150ms
-Right
-
-Sleep 600ms
-Space
-Sleep 600ms
-
-# select Server State / Data Fetching > React Query
-Down
-
-Sleep 600ms
-Left
-
-Sleep 600ms
-Space
-Sleep 600ms
-
-# select Forms & Validation > zod
-Down
-Sleep 600ms
-
-Left
-Sleep 150ms
-Left
-
-Sleep 600ms
-Space
-Sleep 600ms
-
-# select API Mocking > MSW
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-
-Sleep 600ms
-Space
-Sleep 600ms
-
-# select Error Handling > Error Boundaries
-Down
-
-Sleep 600ms
-Space
-Sleep 600ms
-
-# select Web Performance > Frontend Performance
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-
-Sleep 600ms
-Space
-Sleep 600ms
-
-# press enter
-Enter
-
-
-# -------------------------------
-# STEP SKILLS > API -- SCROLL THROUGH
-Sleep 900ms
-
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-Sleep 150ms
-Down
-
-Sleep 600ms
-
-Enter
-
-
-# -------------------------------
-# STEP SKILLS > INFRA
-Sleep 900ms
-
-Right
-
-# select CI/CD > Github Actions
-Sleep 600ms
-Space
-Sleep 600ms
-
-Down
-Sleep 150ms
-Down
-
-# select Configuration > Environment
-Sleep 600ms
-Space
-Sleep 600ms
-
-Enter
-
-
-# -------------------------------
-# STEP SKILLS > INFRA
-Sleep 900ms
-
-Down
-Sleep 150ms
-Down
-
-# select Meta Design > Expressive Typescript
-Sleep 600ms
-Space
-Sleep 600ms
-
-Enter
-
-
-# -------------------------------
-# STEP SKILLS > SHARED
-Sleep 900ms
-
-Enter
-
-
-# -------------------------------
-# STEP SOURCES
-Sleep 900ms
-
-Enter
-
-
-# -------------------------------
-# STEP AGENTS
-Sleep 900ms
-
-Enter
-
-
-# -------------------------------
-# STEP CONFIRM
-Sleep 900ms
-
-Enter
-
-
-# -------------------------------
-# POST CONFIRM
-Sleep 20000ms

package/dist/chunk-23DNVNFP.js

@@ -1,292 +0,0 @@
-#!/usr/bin/env node
-import {
-  ScrollAffordance
-} from "./chunk-7PYXS2QU.js";
-import {
-  useFocusedListItem
-} from "./chunk-XQHZPINL.js";
-import {
-  KEY_SPACE
-} from "./chunk-WTJ3AY33.js";
-import {
-  useSectionScroll
-} from "./chunk-SLBL3WIP.js";
-import {
-  getSkillById
-} from "./chunk-NU2K5G54.js";
-import {
-  CLI_COLORS,
-  INSTALL_MODE_CELL_LABELS,
-  UI_SYMBOLS
-} from "./chunk-AG3ZVM3B.js";
-
-// src/cli/components/wizard/source-grid.tsx
-import { useCallback, useMemo } from "react";
-import { Box, Text, useInput } from "ink";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SKILL_NAME_WIDTH = 26;
-var INSTALL_MODE_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;
-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 SourceTag = ({ option, isFocused, readOnly, disabled }) => {
-  if (readOnly || disabled) {
-    return /* @__PURE__ */ jsx(Box, { width: INSTALL_MODE_COL_WIDTH, children: /* @__PURE__ */ jsxs(
-      Text,
-      {
-        ...disabled && { color: CLI_COLORS.ERROR },
-        bold: option.selected,
-        dimColor: !disabled && !option.selected,
-        children: [
-          `${UI_SYMBOLS.CHEVRON_SPACER} `,
-          INSTALL_MODE_CELL_LABELS[option.mode]
-        ]
-      }
-    ) });
-  }
-  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: INSTALL_MODE_COL_WIDTH, children: /* @__PURE__ */ jsxs(Text, { color: textColor, bold: isBold, dimColor: !option.selected && !isFocused, children: [
-    prefix,
-    INSTALL_MODE_CELL_LABELS[option.mode]
-  ] }) });
-};
-var SourceSection = ({ row, isFocused, focusedOptionIndex }) => {
-  const isInert = isRowInert(row);
-  const effectiveFocused = isInert ? false : isFocused;
-  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__ */ jsx(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.mode
-    )) })
-  ] });
-};
-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,
-  defaultFocusedRow = 0,
-  defaultFocusedCol = 0,
-  onFocusChange
-}) => {
-  const getColCount = useCallback((row) => rows[row]?.options.length ?? 0, [rows]);
-  const skipRow = useCallback(
-    (row) => {
-      const candidate = rows[row];
-      return !!candidate && isRowInert(candidate);
-    },
-    [rows]
-  );
-  const effectiveDefaultRow = firstFocusableRowIndex(rows, defaultFocusedRow);
-  const { focusedRow, focusedCol, currentFocus, moveFocus } = useFocusedListItem(
-    rows.length,
-    getColCount,
-    {
-      wrap: true,
-      ...onFocusChange !== void 0 && { 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(
-    useCallback(
-      (input, key) => {
-        const focused = currentFocus();
-        if (input === KEY_SPACE) {
-          const currentRow = rows[focused.row];
-          if (!currentRow || isRowInert(currentRow)) return;
-          const currentOption = currentRow.options[focused.col];
-          if (currentOption) {
-            onSelect(currentRow.skillId, currentOption.mode);
-          }
-          return;
-        }
-        const noFocusableRow = lastFocusableRow === -1;
-        const atLastFocusableRow = focused.row === 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,
-        currentFocus,
-        onSelect,
-        moveFocus,
-        scrollEnabled,
-        lastFocusableRow,
-        hiddenAbove,
-        hiddenBelow,
-        scrollBy
-      ]
-    )
-  );
-  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 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
-          }
-        )
-      ]
-    },
-    `${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
-        }
-      )
-    },
-    `${row.skillId}-${row.scope ?? "default"}`
-  ));
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      ...scrollEnabled ? { height: availableHeight, overflow: "hidden" } : { flexGrow: 1 },
-      children: [
-        /* @__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 })
-      ]
-    }
-  );
-};
-
-export {
-  isRowInert,
-  SourceGrid
-};
-//# sourceMappingURL=chunk-23DNVNFP.js.map

package/dist/chunk-23DNVNFP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/cli/components/wizard/source-grid.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { Box, Text, useInput, type Key } from \"ink\";\nimport type { InstallMode, SkillId, SkillScope } from \"../../types/index.js\";\nimport { CLI_COLORS, INSTALL_MODE_CELL_LABELS, 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 { KEY_SPACE } from \"./hotkeys.js\";\nimport { ScrollAffordance } from \"./scroll-affordance.js\";\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 INSTALL_MODE_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 * One cell of a row's install-mode control. There is no `id`: the two cells ARE the choice, and\n * the `SkillConfig.origin` each one writes is the store's to resolve — which is what stops this\n * surface from writing an origin value nothing installs from.\n */\nexport type SourceOption = {\n  mode: Exclude<InstallMode, \"mixed\">;\n  selected: boolean;\n};\n\nexport type SourceRow = {\n  skillId: SkillId;\n  /** The row's two install-mode cells, in render order. */\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. 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, mode: Exclude<InstallMode, \"mixed\">) => 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 SourceSectionProps = {\n  row: SourceRow;\n  isFocused: boolean;\n  focusedOptionIndex: number;\n};\n\nconst SourceTag: React.FC<{\n  option: SourceOption;\n  isFocused: boolean;\n  readOnly?: boolean | undefined;\n  disabled?: boolean | undefined;\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={INSTALL_MODE_COL_WIDTH}>\n        <Text\n          {...(disabled && { color: CLI_COLORS.ERROR })}\n          bold={option.selected}\n          dimColor={!disabled && !option.selected}\n        >\n          {`${UI_SYMBOLS.CHEVRON_SPACER} `}\n          {INSTALL_MODE_CELL_LABELS[option.mode]}\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={INSTALL_MODE_COL_WIDTH}>\n      <Text color={textColor} bold={isBold} dimColor={!option.selected && !isFocused}>\n        {prefix}\n        {INSTALL_MODE_CELL_LABELS[option.mode]}\n      </Text>\n    </Box>\n  );\n};\n\nconst SourceSection: React.FC<SourceSectionProps> = ({ row, isFocused, focusedOptionIndex }) => {\n  const isInert = isRowInert(row);\n  const effectiveFocused = isInert ? false : isFocused;\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.mode}\n            option={option}\n            isFocused={effectiveFocused && index === focusedOptionIndex}\n            readOnly={row.readOnly}\n            disabled={row.disabled}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\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  defaultFocusedRow = 0,\n  defaultFocusedCol = 0,\n  onFocusChange,\n}) => {\n  const getColCount = useCallback((row: number): number => rows[row]?.options.length ?? 0, [rows]);\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, currentFocus, moveFocus } = useFocusedListItem(\n    rows.length,\n    getColCount,\n    {\n      wrap: true,\n      ...(onFocusChange !== undefined && { onChange: onFocusChange }),\n      initialRow: effectiveDefaultRow,\n      initialCol: defaultFocusedCol,\n      skipRow,\n    },\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        // The focus as it stands now rather than as the last render painted it: a key that\n        // follows a move in the same chunk is handled before that move renders.\n        const focused = currentFocus();\n\n        if (input === KEY_SPACE) {\n          const currentRow = rows[focused.row];\n          if (!currentRow || isRowInert(currentRow)) return;\n          const currentOption = currentRow.options[focused.col];\n          if (currentOption) {\n            onSelect(currentRow.skillId, currentOption.mode);\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 = focused.row === 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        currentFocus,\n        onSelect,\n        moveFocus,\n        scrollEnabled,\n        lastFocusableRow,\n        hiddenAbove,\n        hiddenBelow,\n        scrollBy,\n      ],\n    ),\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 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                />\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            />\n          </Box>\n        ));\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      {...(scrollEnabled\n        ? { height: availableHeight, overflow: \"hidden\" as const }\n        : { flexGrow: 1 })}\n    >\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    </Box>\n  );\n};\n"],"mappings":"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","names":[]}