agents-inc 0.152.1 → 0.154.0

package/dist/{chunk-BNSRA6HL.js → chunk-AURY6RT6.js}

@@ -1,93 +1,31 @@
 #!/usr/bin/env node
-import {
-  useModalState
-} from "./chunk-F7T5AFFN.js";
 import {
   useFocusedListItem
 } from "./chunk-J27W6TXS.js";
+import {
+  KEY_SPACE
+} from "./chunk-DRKSYJZ2.js";
 import {
   useSectionScroll
-} from "./chunk-MM7CTTAV.js";
+} from "./chunk-Q5FLW4JG.js";
 import {
   ScrollAffordance
-} from "./chunk-KXYVJGJP.js";
+} from "./chunk-6CNRMCFM.js";
 import {
-  SearchModal
-} from "./chunk-P44SXVH3.js";
-import {
-  KEY_SPACE
-} from "./chunk-LDP5ASDM.js";
-import {
-  getSkillById,
-  matrix
-} from "./chunk-WKTHWQKM.js";
+  getSkillById
+} from "./chunk-IPJOMAWC.js";
 import {
   CLI_COLORS,
-  SOURCE_DISPLAY_NAMES,
-  SOURCE_HEADER_NAMES,
+  INSTALL_MODE_CELL_LABELS,
   UI_SYMBOLS
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/components/wizard/source-grid.tsx
-import { useCallback as useCallback2, useMemo } from "react";
+import { useCallback, useMemo } from "react";
 import { Box, Text, useInput } from "ink";
-
-// src/cli/components/hooks/use-source-grid-search-modal.ts
-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 INSTALL_MODE_COL_WIDTH = 18;
 var SCOPE_COL_WIDTH = 11;
 var SCOPE_ROW_HEADERS = {
   global: "Global",
@@ -95,7 +33,6 @@ var SCOPE_ROW_HEADERS = {
 };
 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;
 }
@@ -116,23 +53,17 @@ function rowLabelColor(row) {
 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(
+    return /* @__PURE__ */ jsx(Box, { width: INSTALL_MODE_COL_WIDTH, children: /* @__PURE__ */ jsxs(
       Text,
       {
-        color: disabled ? CLI_COLORS.ERROR : void 0,
+        ...disabled && { color: CLI_COLORS.ERROR },
         bold: option.selected,
         dimColor: !disabled && !option.selected,
         children: [
           `${UI_SYMBOLS.CHEVRON_SPACER} `,
-          formatSourceLabel(option)
+          INSTALL_MODE_CELL_LABELS[option.mode]
         ]
       }
     ) });
@@ -140,21 +71,14 @@ var SourceTag = ({ option, isFocused, readOnly, disabled }) => {
   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: [
+  return /* @__PURE__ */ jsx(Box, { width: INSTALL_MODE_COL_WIDTH, children: /* @__PURE__ */ jsxs(Text, { color: textColor, bold: isBold, dimColor: !option.selected && !isFocused, children: [
     prefix,
-    formatSourceLabel(option)
+    INSTALL_MODE_CELL_LABELS[option.mode]
   ] }) });
 };
-var SourceSection = ({
-  row,
-  isFocused,
-  focusedOptionIndex,
-  showSearchPill
-}) => {
-  const searchPillIndex = row.options.length;
+var SourceSection = ({ row, isFocused, focusedOptionIndex }) => {
   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 ? (
@@ -169,24 +93,18 @@ var SourceSection = ({
       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 })
-    ] })
+    /* @__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 getNavigableCount = (row, showSearchPill) => {
-  return row.options.length + (showSearchPill ? 1 : 0);
-};
 var ScopeRowHeader = ({
   scope,
   isGroupStart
@@ -219,30 +137,12 @@ 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(
+  const getColCount = useCallback((row) => rows[row]?.options.length ?? 0, [rows]);
+  const skipRow = useCallback(
     (row) => {
       const candidate = rows[row];
       return !!candidate && isRowInert(candidate);
@@ -252,7 +152,7 @@ var SourceGrid = ({
   const effectiveDefaultRow = firstFocusableRowIndex(rows, defaultFocusedRow);
   const { focusedRow, focusedCol, moveFocus } = useFocusedListItem(rows.length, getColCount, {
     wrap: true,
-    onChange: onFocusChange,
+    ...onFocusChange !== void 0 && { onChange: onFocusChange },
     initialRow: effectiveDefaultRow,
     initialCol: defaultFocusedCol,
     skipRow
@@ -274,20 +174,14 @@ var SourceGrid = ({
   });
   const lastFocusableRow = useMemo(() => lastFocusableRowIndex(rows), [rows]);
   useInput(
-    useCallback2(
+    useCallback(
       (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);
-            }
+          const currentOption = currentRow.options[focusedCol];
+          if (currentOption) {
+            onSelect(currentRow.skillId, currentOption.mode);
           }
           return;
         }
@@ -316,8 +210,6 @@ var SourceGrid = ({
         focusedRow,
         focusedCol,
         onSelect,
-        showSearchPill,
-        handleSearchTrigger,
         moveFocus,
         scrollEnabled,
         lastFocusableRow,
@@ -325,29 +217,13 @@ var SourceGrid = ({
         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,
     {
@@ -361,8 +237,7 @@ var SourceGrid = ({
           {
             row,
             isFocused: originalIndex === focusedRow,
-            focusedOptionIndex: focusedCol,
-            showSearchPill
+            focusedOptionIndex: focusedCol
           }
         )
       ]
@@ -378,29 +253,18 @@ var SourceGrid = ({
         {
           row,
           isFocused: rowIndex === focusedRow,
-          focusedOptionIndex: focusedCol,
-          showSearchPill
+          focusedOptionIndex: focusedCol
         }
       )
     },
     `${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,
           {
@@ -411,8 +275,7 @@ var SourceGrid = ({
             children: sectionElements
           }
         ) }),
-        /* @__PURE__ */ jsx(ScrollAffordance, { hiddenAbove, hiddenBelow }),
-        searchModalElement
+        /* @__PURE__ */ jsx(ScrollAffordance, { hiddenAbove, hiddenBelow })
       ]
     }
   );
@@ -422,4 +285,4 @@ export {
   isRowInert,
   SourceGrid
 };
-//# sourceMappingURL=chunk-BNSRA6HL.js.map
+//# sourceMappingURL=chunk-AURY6RT6.js.map

package/dist/chunk-AURY6RT6.js.map

@@ -0,0 +1 @@
+{"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.source` each one writes is the store's to resolve — which is what stops this\n * surface from writing a source value nothing installs from (CLI-450).\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 (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, 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, moveFocus } = useFocusedListItem(rows.length, getColCount, {\n    wrap: true,\n    ...(onFocusChange !== undefined && { 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          const currentOption = currentRow.options[focusedCol];\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 = 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        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":[]}

package/dist/{chunk-LZ52XEPR.js → chunk-B66SC72V.js}

@@ -2,18 +2,19 @@
 import {
   computeScopeDiff,
   useWizardStore
-} from "./chunk-5UWKOOIS.js";
+} from "./chunk-QQTYMW7N.js";
 import {
   getSkillDisplayName
-} from "./chunk-WKTHWQKM.js";
+} from "./chunk-IPJOMAWC.js";
 import {
   CLI_COLORS,
   EJECT_SOURCE,
   UI_SYMBOLS
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/components/wizard/skill-agent-summary.tsx
 import { Box, Text } from "ink";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TableHeader = ({ children }) => /* @__PURE__ */ jsx(Text, { bold: true, color: CLI_COLORS.WARNING, children });
 var ScopeLabel = ({ children }) => /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WHITE, backgroundColor: CLI_COLORS.LABEL_BG, children: ` ${children} ` });
@@ -23,13 +24,13 @@ var EjectIcon = () => /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.WARNING, ch
 ] });
 var DIFF_PREFIX = {
   added: `${UI_SYMBOLS.ADDED} `,
-  "source-changed": "~ ",
+  "mode-changed": "~ ",
   removed: `${UI_SYMBOLS.REMOVED} `,
   unchanged: `${UI_SYMBOLS.BULLET} `
 };
 var DIFF_COLOR = {
   added: CLI_COLORS.SUCCESS,
-  "source-changed": CLI_COLORS.WARNING,
+  "mode-changed": CLI_COLORS.WARNING,
   removed: CLI_COLORS.ERROR,
   unchanged: CLI_COLORS.NEUTRAL
 };
@@ -105,4 +106,4 @@ var SkillAgentSummary = ({
 export {
   SkillAgentSummary
 };
-//# sourceMappingURL=chunk-LZ52XEPR.js.map
+//# sourceMappingURL=chunk-B66SC72V.js.map

package/dist/chunk-B66SC72V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/skill-agent-summary.tsx"],"sourcesContent":["import { Box, Text } from \"ink\";\nimport React from \"react\";\nimport { CLI_COLORS, EJECT_SOURCE, UI_SYMBOLS } from \"../../consts.js\";\nimport { getSkillDisplayName } from \"../../lib/matrix/matrix-provider.js\";\nimport { computeScopeDiff } from \"../../lib/wizard/index.js\";\nimport type { AgentDiffRow, DiffRowStatus, SkillDiffRow } from \"../../lib/wizard/index.js\";\nimport type { AgentScopeConfig, SkillConfig } from \"../../types/config.js\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\n\nexport type SkillAgentSummaryProps = {\n  skillConfigs: SkillConfig[];\n  agentConfigs: AgentScopeConfig[];\n};\n\nconst TableHeader: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <Text bold color={CLI_COLORS.WARNING}>\n    {children}\n  </Text>\n);\n\nconst ScopeLabel: React.FC<{ children: string }> = ({ children }) => (\n  <Text color={CLI_COLORS.WHITE} backgroundColor={CLI_COLORS.LABEL_BG}>\n    {` ${children} `}\n  </Text>\n);\n\nconst EjectIcon: React.FC = () => <Text color={CLI_COLORS.WARNING}> {UI_SYMBOLS.EJECT}</Text>;\n\nconst DIFF_PREFIX: Record<DiffRowStatus, string> = {\n  added: `${UI_SYMBOLS.ADDED} `,\n  \"mode-changed\": \"~ \",\n  removed: `${UI_SYMBOLS.REMOVED} `,\n  unchanged: `${UI_SYMBOLS.BULLET} `,\n};\n\nconst DIFF_COLOR: Record<DiffRowStatus, string> = {\n  added: CLI_COLORS.SUCCESS,\n  \"mode-changed\": CLI_COLORS.WARNING,\n  removed: CLI_COLORS.ERROR,\n  unchanged: CLI_COLORS.NEUTRAL,\n};\n\nconst SkillRow: React.FC<{ row: SkillDiffRow }> = ({ row }) => (\n  <Box width=\"50%\" flexDirection=\"row\">\n    <Text color={DIFF_COLOR[row.status]}>\n      {DIFF_PREFIX[row.status]}\n      {getSkillDisplayName(row.id)}\n    </Text>\n    {row.source === EJECT_SOURCE && <EjectIcon />}\n  </Box>\n);\n\nconst AgentRow: React.FC<{ row: AgentDiffRow }> = ({ row }) => (\n  <Text color={DIFF_COLOR[row.status]}>\n    {DIFF_PREFIX[row.status]}\n    {row.name}\n  </Text>\n);\n\nconst skillRowKey = (row: SkillDiffRow): string =>\n  row.status === \"removed\" ? `removed-${row.id}` : row.id;\n\nconst agentRowKey = (row: AgentDiffRow): string =>\n  row.status === \"removed\" ? `removed-${row.name}` : row.name;\n\nexport const SkillAgentSummary: React.FC<SkillAgentSummaryProps> = ({\n  skillConfigs,\n  agentConfigs,\n}) => {\n  const installedSkillConfigs = useWizardStore((s) => s.installedSkillConfigs);\n  const installedAgentConfigs = useWizardStore((s) => s.installedAgentConfigs);\n  const isInitMode = useWizardStore((s) => s.isInitMode);\n\n  const diff = computeScopeDiff({\n    currentSkills: skillConfigs,\n    currentAgents: agentConfigs,\n    installedSkillConfigs,\n    installedAgentConfigs,\n    isInitMode,\n  });\n\n  if (!diff.hasContent) return null;\n\n  return (\n    <Box flexDirection=\"row\" width=\"100%\">\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"single\"\n        flexGrow={2}\n        flexBasis={0}\n        borderRight={true}\n        borderTop={false}\n        borderBottom={false}\n        borderLeft={false}\n        borderColor={CLI_COLORS.NEUTRAL}\n        borderRightDimColor\n      >\n        <TableHeader>Skills</TableHeader>\n        {diff.projectSkillRows.length > 0 && (\n          <Box flexDirection=\"column\" marginTop={1}>\n            <ScopeLabel>Project</ScopeLabel>\n            <Box flexWrap=\"wrap\">\n              {diff.projectSkillRows.map((row) => (\n                <SkillRow key={skillRowKey(row)} row={row} />\n              ))}\n            </Box>\n          </Box>\n        )}\n        {diff.globalSkillRows.length > 0 && (\n          <Box flexDirection=\"column\" marginTop={1}>\n            <ScopeLabel>Global</ScopeLabel>\n            <Box flexWrap=\"wrap\">\n              {diff.globalSkillRows.map((row) => (\n                <SkillRow key={skillRowKey(row)} row={row} />\n              ))}\n            </Box>\n          </Box>\n        )}\n      </Box>\n      <Box flexDirection=\"column\" flexGrow={1} flexBasis={0} marginLeft={1} paddingLeft={1}>\n        <TableHeader>Agents</TableHeader>\n        {diff.projectAgentRows.length > 0 && (\n          <Box flexDirection=\"column\" marginTop={1}>\n            <ScopeLabel>Project</ScopeLabel>\n            <Box flexDirection=\"column\">\n              {diff.projectAgentRows.map((row) => (\n                <AgentRow key={agentRowKey(row)} row={row} />\n              ))}\n            </Box>\n          </Box>\n        )}\n        {diff.globalAgentRows.length > 0 && (\n          <Box flexDirection=\"column\" marginTop={1}>\n            <ScopeLabel>Global</ScopeLabel>\n            <Box flexDirection=\"column\">\n              {diff.globalAgentRows.map((row) => (\n                <AgentRow key={agentRowKey(row)} row={row} />\n              ))}\n            </Box>\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-LASI35KT.js → chunk-BZ4CZBOM.js}

@@ -4,36 +4,27 @@ import {
 } from "./chunk-TSIU7DME.js";
 import {
   CategoryGrid
-} from "./chunk-QRDTLVXG.js";
+} from "./chunk-LA3JPESW.js";
 import {
   buildCategoriesForDomain,
   useWizardStore
-} from "./chunk-5UWKOOIS.js";
+} from "./chunk-QQTYMW7N.js";
 
 // src/cli/components/wizard/step-build.tsx
 import { Box, useInput } from "ink";
 import { useCallback, useMemo as useMemo2 } from "react";
 
-// src/cli/components/hooks/use-framework-filtering.ts
+// src/cli/components/hooks/use-category-rows.ts
 import { useMemo } from "react";
-function useFrameworkFiltering({
+function useCategoryRows({
   domain,
   allSelections,
-  selections,
   installedSkillIds,
-  skillConfigs,
-  filterIncompatible
+  skillConfigs
 }) {
   return useMemo(
-    () => buildCategoriesForDomain(
-      domain,
-      allSelections,
-      selections,
-      installedSkillIds,
-      skillConfigs,
-      filterIncompatible
-    ),
-    [domain, allSelections, selections, installedSkillIds, skillConfigs, filterIncompatible]
+    () => buildCategoriesForDomain(domain, allSelections, installedSkillIds, skillConfigs),
+    [domain, allSelections, installedSkillIds, skillConfigs]
   );
 }
 
@@ -41,14 +32,11 @@ function useFrameworkFiltering({
 import { jsx } from "react/jsx-runtime";
 var StepBuild = ({
   domain: activeDomain,
-  selections,
   allSelections,
   showLabels,
-  filterIncompatible,
   installedSkillIds,
   onToggle,
   onToggleLabels,
-  onToggleFilterIncompatible,
   onContinue,
   onBack
 }) => {
@@ -58,22 +46,21 @@ var StepBuild = ({
     (id) => useWizardStore.getState().setFocusedSkillId(id),
     []
   );
-  const categories = useFrameworkFiltering({
+  const categories = useCategoryRows({
     domain: activeDomain,
     allSelections,
-    selections,
-    installedSkillIds,
-    skillConfigs,
-    filterIncompatible
+    ...installedSkillIds !== void 0 && { installedSkillIds },
+    skillConfigs
   });
   const { initialRow, initialCol } = useMemo2(() => {
     const skillId = useWizardStore.getState().focusedSkillId;
     if (!skillId) return { initialRow: 0, initialCol: 0 };
     const row = categories.findIndex((cat) => cat.options.some((o) => o.id === skillId));
-    if (row < 0) return { initialRow: 0, initialCol: 0 };
+    const focusedCategory = categories[row];
+    if (!focusedCategory) return { initialRow: 0, initialCol: 0 };
     return {
       initialRow: row,
-      initialCol: categories[row].options.findIndex((o) => o.id === skillId)
+      initialCol: focusedCategory.options.findIndex((o) => o.id === skillId)
     };
   }, [categories]);
   useInput((_input, key) => {
@@ -93,7 +80,6 @@ var StepBuild = ({
       defaultFocusedCol: initialCol,
       onToggle,
       onToggleLabels,
-      onToggleFilterIncompatible,
       onFocusedSkillChange: handleFocusedSkillChange
     },
     activeDomain
@@ -103,4 +89,4 @@ var StepBuild = ({
 export {
   StepBuild
 };
-//# sourceMappingURL=chunk-LASI35KT.js.map
+//# sourceMappingURL=chunk-BZ4CZBOM.js.map

package/dist/chunk-BZ4CZBOM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-build.tsx","../src/cli/components/hooks/use-category-rows.ts"],"sourcesContent":["import { Box, useInput } from \"ink\";\nimport React, { useCallback, useMemo } from \"react\";\nimport type { Domain, SkillId, Category } from \"../../types/index.js\";\nimport { useCategoryRows } from \"../hooks/use-category-rows.js\";\nimport { useMeasuredHeight } from \"../hooks/use-measured-height.js\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport { CategoryGrid } from \"./category-grid.js\";\n\nexport type StepBuildProps = {\n  domain: Domain;\n  selectedDomains: Domain[];\n  allSelections: SkillId[];\n  showLabels: boolean;\n  /** Skill IDs already installed on disk, shown with a dimmed checkmark */\n  installedSkillIds?: SkillId[] | undefined;\n  onToggle: (categoryId: Category, technologyId: SkillId) => void;\n  onToggleLabels: () => void;\n  onContinue: () => void;\n  onBack: () => void;\n};\n\nexport const StepBuild: React.FC<StepBuildProps> = ({\n  domain: activeDomain,\n  allSelections,\n  showLabels,\n  installedSkillIds,\n  onToggle,\n  onToggleLabels,\n  onContinue,\n  onBack,\n}) => {\n  const { ref: gridRef, measuredHeight: gridHeight } = useMeasuredHeight();\n  const skillConfigs = useWizardStore((s) => s.skillConfigs);\n\n  const handleFocusedSkillChange = useCallback(\n    (id: SkillId | null) => useWizardStore.getState().setFocusedSkillId(id),\n    [],\n  );\n\n  const categories = useCategoryRows({\n    domain: activeDomain,\n    allSelections,\n    ...(installedSkillIds !== undefined && { installedSkillIds }),\n    skillConfigs,\n  });\n\n  const { initialRow, initialCol } = useMemo(() => {\n    const skillId = useWizardStore.getState().focusedSkillId;\n    if (!skillId) return { initialRow: 0, initialCol: 0 };\n    const row = categories.findIndex((cat) => cat.options.some((o) => o.id === skillId));\n    const focusedCategory = categories[row];\n    if (!focusedCategory) return { initialRow: 0, initialCol: 0 };\n    return {\n      initialRow: row,\n      initialCol: focusedCategory.options.findIndex((o) => o.id === skillId),\n    };\n  }, [categories]);\n\n  useInput((_input, key) => {\n    if (key.return) {\n      onContinue();\n    } else if (key.escape) {\n      onBack();\n    }\n  });\n\n  return (\n    <Box flexDirection=\"column\" width=\"100%\" flexGrow={1} flexBasis={0}>\n      <Box ref={gridRef} flexGrow={1} flexBasis={0}>\n        <CategoryGrid\n          key={activeDomain}\n          categories={categories}\n          availableHeight={gridHeight}\n          showLabels={showLabels}\n          defaultFocusedRow={initialRow}\n          defaultFocusedCol={initialCol}\n          onToggle={onToggle}\n          onToggleLabels={onToggleLabels}\n          onFocusedSkillChange={handleFocusedSkillChange}\n        />\n      </Box>\n    </Box>\n  );\n};\n","import { useMemo } from \"react\";\nimport type { Domain, SkillId } from \"../../types/index.js\";\nimport type { SkillConfig } from \"../../types/config.js\";\nimport { buildCategoriesForDomain } from \"../../lib/wizard/index.js\";\nimport type { CategoryRow } from \"../wizard/category-grid.js\";\n\ntype UseCategoryRowsOptions = {\n  domain: Domain;\n  allSelections: SkillId[];\n  installedSkillIds?: SkillId[];\n  skillConfigs?: SkillConfig[];\n};\n\n/** The build-step grid's rows for `domain`, rebuilt only when an input changes. */\nexport function useCategoryRows({\n  domain,\n  allSelections,\n  installedSkillIds,\n  skillConfigs,\n}: UseCategoryRowsOptions): CategoryRow[] {\n  return useMemo(\n    () => buildCategoriesForDomain(domain, allSelections, installedSkillIds, skillConfigs),\n    [domain, allSelections, installedSkillIds, skillConfigs],\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,KAAK,gBAAgB;AAC9B,SAAgB,aAAa,WAAAA,gBAAe;;;ACD5C,SAAS,eAAe;AAcjB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,SAAO;AAAA,IACL,MAAM,yBAAyB,QAAQ,eAAe,mBAAmB,YAAY;AAAA,IACrF,CAAC,QAAQ,eAAe,mBAAmB,YAAY;AAAA,EACzD;AACF;;;AD6CQ;AAhDD,IAAM,YAAsC,CAAC;AAAA,EAClD,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,KAAK,SAAS,gBAAgB,WAAW,IAAI,kBAAkB;AACvE,QAAM,eAAe,eAAe,CAAC,MAAM,EAAE,YAAY;AAEzD,QAAM,2BAA2B;AAAA,IAC/B,CAAC,OAAuB,eAAe,SAAS,EAAE,kBAAkB,EAAE;AAAA,IACtE,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,gBAAgB;AAAA,IACjC,QAAQ;AAAA,IACR;AAAA,IACA,GAAI,sBAAsB,UAAa,EAAE,kBAAkB;AAAA,IAC3D;AAAA,EACF,CAAC;AAED,QAAM,EAAE,YAAY,WAAW,IAAIC,SAAQ,MAAM;AAC/C,UAAM,UAAU,eAAe,SAAS,EAAE;AAC1C,QAAI,CAAC,QAAS,QAAO,EAAE,YAAY,GAAG,YAAY,EAAE;AACpD,UAAM,MAAM,WAAW,UAAU,CAAC,QAAQ,IAAI,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,CAAC;AACnF,UAAM,kBAAkB,WAAW,GAAG;AACtC,QAAI,CAAC,gBAAiB,QAAO,EAAE,YAAY,GAAG,YAAY,EAAE;AAC5D,WAAO;AAAA,MACL,YAAY;AAAA,MACZ,YAAY,gBAAgB,QAAQ,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO;AAAA,IACvE;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,iBAAW;AAAA,IACb,WAAW,IAAI,QAAQ;AACrB,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,SACE,oBAAC,OAAI,eAAc,UAAS,OAAM,QAAO,UAAU,GAAG,WAAW,GAC/D,8BAAC,OAAI,KAAK,SAAS,UAAU,GAAG,WAAW,GACzC;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA,sBAAsB;AAAA;AAAA,IARjB;AAAA,EASP,GACF,GACF;AAEJ;","names":["useMemo","useMemo"]}