agents-inc 0.152.1 → 0.154.0

package/dist/chunk-IXEDSKMH.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+import {
+  SourceGrid,
+  isRowInert
+} from "./chunk-AURY6RT6.js";
+import {
+  useMeasuredHeight
+} from "./chunk-TSIU7DME.js";
+import {
+  useWizardStore
+} from "./chunk-QQTYMW7N.js";
+
+// src/cli/components/wizard/step-sources.tsx
+import { Box, useInput } from "ink";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+var StepSources = ({ onContinue, onBack }) => {
+  const store = useWizardStore();
+  const { ref: gridRef, measuredHeight: gridHeight } = useMeasuredHeight();
+  const handleGridSelect = useCallback(
+    (skillId, mode) => {
+      const actingRow = store.buildSourceRows().find((row) => row.skillId === skillId && !isRowInert(row));
+      store.setInstallMode(skillId, mode, actingRow?.scope);
+    },
+    [store]
+  );
+  useInput((_input, key) => {
+    if (key.return) {
+      onContinue();
+    }
+    if (key.escape) {
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsx(Box, { ref: gridRef, flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx(
+    SourceGrid,
+    {
+      rows: store.buildSourceRows(),
+      availableHeight: gridHeight,
+      onSelect: handleGridSelect
+    }
+  ) });
+};
+
+export {
+  StepSources
+};
+//# sourceMappingURL=chunk-IXEDSKMH.js.map

package/dist/chunk-IXEDSKMH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-sources.tsx"],"sourcesContent":["import { Box, useInput } from \"ink\";\nimport React, { useCallback } from \"react\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type { InstallMode, SkillId } from \"../../types/index.js\";\nimport { useMeasuredHeight } from \"../hooks/use-measured-height.js\";\nimport { isRowInert, SourceGrid } from \"./source-grid.js\";\n\nexport type StepSourcesProps = {\n  onContinue: () => void;\n  onBack: () => void;\n};\n\nexport const StepSources: React.FC<StepSourcesProps> = ({ onContinue, onBack }) => {\n  const store = useWizardStore();\n  const { ref: gridRef, measuredHeight: gridHeight } = useMeasuredHeight();\n\n  const handleGridSelect = useCallback(\n    (skillId: SkillId, mode: Exclude<InstallMode, \"mixed\">) => {\n      // Thread the acting scope from the editable Sources row: a dual-scope skill renders only\n      // its project row here, so the switch targets the project entry and leaves the masked\n      // global tombstone untouched. SourceGrid only fires onSelect for non-inert rows, so the\n      // sole editable row for this skill carries the acting scope.\n      const actingRow = store\n        .buildSourceRows()\n        .find((row) => row.skillId === skillId && !isRowInert(row));\n      store.setInstallMode(skillId, mode, actingRow?.scope);\n    },\n    [store],\n  );\n\n  // No character hotkeys. The step's only install-mode surface is SourceGrid's per-row\n  // SPACE, which returns on an inert row — so a locked global row cannot be committed\n  // from here at all. The withdrawn bulk keys `l` / `p` had no such containment.\n  useInput((_input, key) => {\n    if (key.return) {\n      onContinue();\n    }\n    if (key.escape) {\n      onBack();\n    }\n  });\n\n  return (\n    <Box ref={gridRef} flexGrow={1} flexBasis={0}>\n      <SourceGrid\n        rows={store.buildSourceRows()}\n        availableHeight={gridHeight}\n        onSelect={handleGridSelect}\n      />\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,KAAK,gBAAgB;AAC9B,SAAgB,mBAAmB;AA2C7B;AAhCC,IAAM,cAA0C,CAAC,EAAE,YAAY,OAAO,MAAM;AACjF,QAAM,QAAQ,eAAe;AAC7B,QAAM,EAAE,KAAK,SAAS,gBAAgB,WAAW,IAAI,kBAAkB;AAEvE,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAkB,SAAwC;AAKzD,YAAM,YAAY,MACf,gBAAgB,EAChB,KAAK,CAAC,QAAQ,IAAI,YAAY,WAAW,CAAC,WAAW,GAAG,CAAC;AAC5D,YAAM,eAAe,SAAS,MAAM,WAAW,KAAK;AAAA,IACtD;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAKA,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAQ;AACd,iBAAW;AAAA,IACb;AACA,QAAI,IAAI,QAAQ;AACd,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,SACE,oBAAC,OAAI,KAAK,SAAS,UAAU,GAAG,WAAW,GACzC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM,gBAAgB;AAAA,MAC5B,iBAAiB;AAAA,MACjB,UAAU;AAAA;AAAA,EACZ,GACF;AAEJ;","names":[]}

package/dist/{chunk-TUPYW2IQ.js → chunk-JC7DBPRD.js}

@@ -1,13 +1,11 @@
 #!/usr/bin/env node
-import {
-  WIZARD_STEP_ORDER
-} from "./chunk-5UWKOOIS.js";
 import {
   CLI_COLORS
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/components/wizard/wizard-tabs.tsx
 import { Box, Text } from "ink";
+import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var WIZARD_STEP_LABELS = {
   stack: "Stack",
@@ -17,12 +15,11 @@ var WIZARD_STEP_LABELS = {
   agents: "Agents",
   confirm: "Confirm"
 };
-var WIZARD_STEPS = WIZARD_STEP_ORDER.map((id) => ({
-  id,
-  label: WIZARD_STEP_LABELS[id]
-}));
+function wizardTabsFor(flow) {
+  return flow.map((id) => ({ id, label: WIZARD_STEP_LABELS[id] }));
+}
 function formatStepLabel(stepId) {
-  return WIZARD_STEPS.find((s) => s.id === stepId)?.label ?? stepId;
+  return WIZARD_STEP_LABELS[stepId];
 }
 var getStepState = (stepId, currentStep, completedSteps, skippedSteps) => {
   if (completedSteps.includes(stepId)) return "completed";
@@ -51,7 +48,7 @@ var Tab = ({ step, state }) => {
     }
   }
 };
-var TabDropdown = ({ items, activeId, isSubNav, inline }) => /* @__PURE__ */ jsx(
+var TabDropdown = ({ items, activeId, isSubNav = false, inline }) => /* @__PURE__ */ jsx(
   Box,
   {
     ...inline ? {} : { position: "absolute", marginTop: 2 },
@@ -168,8 +165,8 @@ var WizardTabs = ({
 };
 
 export {
-  WIZARD_STEPS,
+  wizardTabsFor,
   formatStepLabel,
   WizardTabs
 };
-//# sourceMappingURL=chunk-TUPYW2IQ.js.map
+//# sourceMappingURL=chunk-JC7DBPRD.js.map

package/dist/chunk-JC7DBPRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/wizard-tabs.tsx"],"sourcesContent":["import { Box, Text } from \"ink\";\nimport React from \"react\";\nimport { CLI_COLORS } from \"../../consts.js\";\nimport type { WizardStep } from \"../../stores/wizard-store.js\";\nimport type { Domain } from \"../../types/index.js\";\n\ntype WizardTabStep = {\n  id: WizardStep;\n  label: string;\n};\n\nexport type TabDropdownItem = {\n  id: string;\n  label: string;\n};\n\nexport type TabDropdownProps = {\n  items: TabDropdownItem[];\n  activeId?: string | undefined;\n  isSubNav?: boolean | undefined;\n  inline?: boolean | undefined;\n};\n\nexport type DomainNavProps = {\n  domains: Domain[];\n  activeDomain: Domain;\n  getDomainLabel: (domain: Domain) => string;\n};\n\nexport type WizardTabsProps = {\n  steps: WizardTabStep[];\n  currentStep: WizardStep;\n  completedSteps: WizardStep[];\n  skippedSteps?: WizardStep[] | undefined;\n  version?: string | undefined;\n  domainNav?: DomainNavProps | undefined;\n  dropdowns?: Partial<Record<WizardStep, TabDropdownProps>>;\n};\n\n/** Display label per wizard step. Step ORDER has a single source: WIZARD_STEP_ORDER. */\nconst WIZARD_STEP_LABELS = {\n  stack: \"Stack\",\n  domains: \"Domains\",\n  build: \"Skills\",\n  sources: \"Sources\",\n  agents: \"Agents\",\n  confirm: \"Confirm\",\n} as const satisfies Record<WizardStep, string>;\n\n/**\n * The tabs for a step flow — one per step that flow runs, in its order.\n *\n * A function of the flow rather than a constant over `WIZARD_STEP_ORDER`: a\n * source that ships no stacks gives the wizard no stack step (see\n * `getActiveStepFlow`), and a bar drawn from every step the wizard HAS would\n * paint a Stack tab for a step this run never opens.\n */\nexport function wizardTabsFor(flow: WizardStep[]): WizardTabStep[] {\n  return flow.map((id) => ({ id, label: WIZARD_STEP_LABELS[id] }));\n}\n\n/** Tab label for a wizard step. */\nexport function formatStepLabel(stepId: WizardStep): string {\n  return WIZARD_STEP_LABELS[stepId];\n}\n\ntype StepState = \"completed\" | \"current\" | \"pending\" | \"skipped\";\n\nconst getStepState = (\n  stepId: WizardStep,\n  currentStep: WizardStep,\n  completedSteps: WizardStep[],\n  skippedSteps: WizardStep[],\n): StepState => {\n  if (completedSteps.includes(stepId)) return \"completed\";\n  if (stepId === currentStep) return \"current\";\n  if (skippedSteps.includes(stepId)) return \"skipped\";\n  return \"pending\";\n};\n\ntype TabProps = {\n  step: WizardTabStep;\n  state: StepState;\n};\n\nconst Tab: React.FC<TabProps> = ({ step, state }) => {\n  const label = step.label;\n\n  switch (state) {\n    case \"current\":\n      return (\n        <Text color={CLI_COLORS.BLACK} backgroundColor={CLI_COLORS.WARNING} bold>\n          {\" \"}\n          {label}{\" \"}\n        </Text>\n      );\n    case \"completed\":\n      return <Text>{label}</Text>;\n    case \"skipped\":\n      return <Text dimColor>{label}</Text>;\n    case \"pending\":\n      return <Text color={CLI_COLORS.UNFOCUSED}>{label}</Text>;\n    default: {\n      const _exhaustive: never = state;\n      return _exhaustive;\n    }\n  }\n};\n\nconst TabDropdown: React.FC<TabDropdownProps> = ({ items, activeId, isSubNav = false, inline }) => (\n  <Box\n    {...(inline ? {} : { position: \"absolute\" as const, marginTop: 2 })}\n    flexDirection=\"row\"\n    columnGap={0}\n    paddingLeft={1}\n    paddingRight={1}\n    borderStyle=\"single\"\n    borderColor=\"blackBright\"\n    flexWrap=\"wrap\"\n  >\n    {items.map((item) => {\n      const isActive = item.id === activeId;\n      return (\n        <Text\n          key={item.id}\n          dimColor={!isSubNav}\n          bold={isSubNav && isActive}\n          color={isActive ? CLI_COLORS.WARNING : CLI_COLORS.UNFOCUSED}\n        >\n          {\" \"}\n          {item.label}{\" \"}\n        </Text>\n      );\n    })}\n  </Box>\n);\n\nconst DomainNav: React.FC<DomainNavProps & { inline?: boolean }> = ({\n  domains,\n  activeDomain,\n  getDomainLabel,\n  inline,\n}) => (\n  <TabDropdown\n    items={domains.map((d) => ({ id: d, label: getDomainLabel(d) }))}\n    activeId={activeDomain}\n    isSubNav\n    inline={inline}\n  />\n);\n\nconst DOMAIN_NAV_CHAR_THRESHOLD = 25;\n\nconst getStepJustifyContent = (stepId: WizardStep): \"flex-start\" | \"flex-end\" | \"center\" => {\n  if (stepId === \"stack\") return \"flex-start\";\n  if (stepId === \"confirm\") return \"flex-end\";\n  return \"center\";\n};\n\nconst isDomainNavOverThreshold = (domainNav: DomainNavProps): boolean =>\n  domainNav.domains.reduce((sum, d) => sum + domainNav.getDomainLabel(d).length, 0) >\n  DOMAIN_NAV_CHAR_THRESHOLD;\n\nexport const WizardTabs: React.FC<WizardTabsProps> = ({\n  steps,\n  currentStep,\n  completedSteps,\n  skippedSteps = [],\n  version,\n  domainNav,\n  dropdowns,\n}) => {\n  const shouldHoistDomainNav = domainNav ? isDomainNavOverThreshold(domainNav) : false;\n\n  return (\n    <>\n      <Box\n        flexDirection=\"row\"\n        columnGap={2}\n        borderColor=\"blackBright\"\n        borderStyle=\"single\"\n        paddingX={1}\n        alignItems=\"center\"\n        marginBottom={shouldHoistDomainNav ? 0 : 3}\n      >\n        {steps.map((step) => {\n          const state = getStepState(step.id, currentStep, completedSteps, skippedSteps);\n\n          if (step.id === \"build\" && domainNav && !shouldHoistDomainNav) {\n            return (\n              <Box\n                key={step.id}\n                position=\"relative\"\n                display=\"flex\"\n                justifyContent={getStepJustifyContent(step.id)}\n              >\n                <Tab step={step} state={state} />\n                <DomainNav {...domainNav} />\n              </Box>\n            );\n          }\n\n          // Generic dropdown for any step\n          const dropdown = dropdowns?.[step.id];\n          if (dropdown) {\n            return (\n              <Box\n                key={step.id}\n                position=\"relative\"\n                display=\"flex\"\n                justifyContent={getStepJustifyContent(step.id)}\n              >\n                <Tab step={step} state={state} />\n                <TabDropdown {...dropdown} />\n              </Box>\n            );\n          }\n\n          return <Tab key={step.id} step={step} state={state} />;\n        })}\n        <Box flexGrow={1} justifyContent=\"flex-end\">\n          <Text dimColor>{`v${version}`}</Text>\n        </Box>\n      </Box>\n      {domainNav && shouldHoistDomainNav && (\n        <Box>\n          <DomainNav {...domainNav} inline />\n        </Box>\n      )}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-ZL7PFNHN.js → chunk-K3O3YQYG.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   MIN_TERMINAL_SIZE
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/utils/terminal.ts
 function clearTerminalScreen() {
@@ -20,4 +20,4 @@ export {
   isTerminalLargeEnough,
   formatTerminalTooSmallMessage
 };
-//# sourceMappingURL=chunk-ZL7PFNHN.js.map
+//# sourceMappingURL=chunk-K3O3YQYG.js.map

package/dist/{chunk-QRDTLVXG.js → chunk-LA3JPESW.js}

@@ -3,23 +3,19 @@ import {
   useFocusedListItem
 } from "./chunk-J27W6TXS.js";
 import {
-  useSectionScroll
-} from "./chunk-MM7CTTAV.js";
-import {
-  HOTKEY_FILTER_INCOMPATIBLE,
   HOTKEY_TOGGLE_LABELS,
   KEY_SPACE,
   isHotkey
-} from "./chunk-LDP5ASDM.js";
+} from "./chunk-DRKSYJZ2.js";
 import {
-  FEATURE_FLAGS
-} from "./chunk-WBCPLH66.js";
+  useSectionScroll
+} from "./chunk-Q5FLW4JG.js";
 import {
   getSkillById
-} from "./chunk-WKTHWQKM.js";
+} from "./chunk-IPJOMAWC.js";
 import {
   CLI_COLORS
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/components/wizard/category-grid.tsx
 import { useCallback as useCallback2, useEffect as useEffect2 } from "react";
@@ -40,8 +36,7 @@ function useCategoryGridInput({
   setFocused,
   moveFocus,
   onToggle,
-  onToggleLabels,
-  onToggleFilterIncompatible
+  onToggleLabels
 }) {
   const currentRow = categories[focusedRow];
   const currentOptions = useMemo(() => currentRow?.options ?? [], [currentRow]);
@@ -70,13 +65,9 @@ function useCategoryGridInput({
       onToggleLabels();
       return;
     }
-    if (FEATURE_FLAGS.FILTER_INCOMPATIBLE && isHotkey(input, HOTKEY_FILTER_INCOMPATIBLE) && onToggleFilterIncompatible) {
-      onToggleFilterIncompatible();
-      return;
-    }
     if (input === KEY_SPACE) {
       const currentOption = currentOptions[focusedCol];
-      if (currentOption) {
+      if (currentRow && currentOption) {
         onToggle(currentRow.id, currentOption.id);
       }
       return;
@@ -115,13 +106,11 @@ var getCompatibilityLabel = (option) => {
   if (option.selected) return null;
   if (option.requiredBy) return `(required by ${option.requiredBy})`;
   if (option.state.status === "incompatible") return "(incompatible)";
-  if (option.state.status === "recommended") return "(recommended)";
   if (option.state.status === "discouraged") return "(discouraged)";
   return null;
 };
 var STATUS_COLORS = {
   incompatible: CLI_COLORS.ERROR,
-  recommended: CLI_COLORS.GRAY_1,
   discouraged: CLI_COLORS.WARNING
 };
 function resolveTagColor(option, fallback) {
@@ -201,7 +190,6 @@ var CategoryGrid = ({
   showLabels,
   onToggle,
   onToggleLabels,
-  onToggleFilterIncompatible,
   defaultFocusedRow = 0,
   defaultFocusedCol = 0,
   onFocusChange,
@@ -240,8 +228,7 @@ var CategoryGrid = ({
     setFocused,
     moveFocus,
     onToggle,
-    onToggleLabels,
-    onToggleFilterIncompatible
+    onToggleLabels
   });
   const focusedSkillId = categories[focusedRow]?.options[focusedCol]?.id ?? null;
   useEffect2(() => {
@@ -279,4 +266,4 @@ var CategoryGrid = ({
 export {
   CategoryGrid
 };
-//# sourceMappingURL=chunk-QRDTLVXG.js.map
+//# sourceMappingURL=chunk-LA3JPESW.js.map

package/dist/chunk-LA3JPESW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/category-grid.tsx","../src/cli/components/hooks/use-category-grid-input.ts"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\n\nimport { Box, Text } from \"ink\";\n\nimport { CLI_COLORS } from \"../../consts.js\";\nimport { getSkillById } from \"../../lib/matrix/matrix-provider.js\";\nimport type { Category, OptionState, SkillId, SkillScope } from \"../../types/index.js\";\nimport { useCategoryGridInput } from \"../hooks/use-category-grid-input.js\";\nimport { useFocusedListItem } from \"../hooks/use-focused-list-item.js\";\nimport { useSectionScroll } from \"../hooks/use-section-scroll.js\";\n\nexport type CategoryOption = {\n  id: SkillId;\n  state: OptionState;\n  selected: boolean;\n  local?: boolean;\n  installed?: boolean;\n  scope?: SkillScope;\n  /** Secondary scope badge shown alongside primary (e.g. after G->P toggle, excluded tombstone) */\n  secondaryScope?: SkillScope;\n  source?: string;\n  /** True when selected but has unmet dependency requirements (shown dimmed) */\n  hasUnmetRequirements?: boolean;\n  /** Explains unmet requirements (shown in label when D pressed) */\n  unmetRequirementsReason?: string;\n  /** Display name of the skill that requires this one (e.g. \"Next.js\") */\n  requiredBy?: string;\n};\n\nexport type CategoryRow = {\n  id: Category;\n  displayName: string;\n  required: boolean;\n  exclusive: boolean;\n  options: CategoryOption[];\n};\n\nexport type CategoryGridProps = {\n  categories: CategoryRow[];\n  /** Available height in terminal lines for the scrollable viewport. 0 = no constraint. */\n  availableHeight?: number;\n  showLabels: boolean;\n  onToggle: (categoryId: Category, technologyId: SkillId) => void;\n  onToggleLabels: () => 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  /** Optional callback fired with the resolved SkillId of the focused cell */\n  onFocusedSkillChange?: (skillId: SkillId | null) => void;\n};\n\nconst SYMBOL_REQUIRED = \"*\";\n\n/** Next option index stepping cyclically from `currentIndex`; empty rows stay put. */\nconst wrapOptionIndex = (length: number, currentIndex: number, direction: 1 | -1): number => {\n  if (length === 0) return currentIndex;\n  return (currentIndex + direction + length) % length;\n};\n\ntype SkillTagProps = {\n  option: CategoryOption;\n  isFocused: boolean;\n  showLabels: boolean;\n};\n\nconst getCompatibilityLabel = (option: CategoryOption): string | null => {\n  if (option.selected && option.hasUnmetRequirements && option.unmetRequirementsReason) {\n    return `(${option.unmetRequirementsReason})`;\n  }\n  if (option.selected) return null;\n  if (option.requiredBy) return `(required by ${option.requiredBy})`;\n  if (option.state.status === \"incompatible\") return \"(incompatible)\";\n  if (option.state.status === \"discouraged\") return \"(discouraged)\";\n  return null;\n};\n\nconst STATUS_COLORS: Partial<Record<OptionState[\"status\"], string>> = {\n  incompatible: CLI_COLORS.ERROR,\n  discouraged: CLI_COLORS.WARNING,\n};\n\n/** Selected wins, then advisory status; `fallback` covers the plain \"normal\" state. */\nfunction resolveTagColor(option: CategoryOption, fallback: string): string {\n  if (option.selected) return CLI_COLORS.PRIMARY;\n  return STATUS_COLORS[option.state.status] ?? fallback;\n}\n\nconst SkillTag: React.FC<SkillTagProps> = ({ option, isFocused, showLabels }) => {\n  const textColor = resolveTagColor(option, CLI_COLORS.DIM);\n  const hasRequiredBy = option.selected && !!option.requiredBy;\n  const hasUnmetDeps = option.selected && !!option.hasUnmetRequirements;\n  const isDimmed = hasUnmetDeps || hasRequiredBy;\n  const showCompatibility = hasRequiredBy || hasUnmetDeps || (showLabels && isFocused);\n  const compatibilityLabel = showCompatibility ? getCompatibilityLabel(option) : null;\n\n  return (\n    <Box\n      marginRight={1}\n      borderColor={isFocused ? resolveTagColor(option, CLI_COLORS.UNFOCUSED) : textColor}\n      borderDimColor={!isFocused}\n      borderStyle=\"single\"\n      flexShrink={0}\n      paddingLeft={1}\n      flexDirection=\"row\"\n    >\n      <>\n        {option.scope && (\n          <>\n            {[option.scope, option.secondaryScope].filter(Boolean).map((badgeScope, i) => (\n              <Text key={i} color={CLI_COLORS.WARNING} backgroundColor={CLI_COLORS.LABEL_BG}>\n                {badgeScope === \"global\" ? \" G \" : \" P \"}\n              </Text>\n            ))}\n            <Text> </Text>\n          </>\n        )}\n        <Text color={textColor} bold dimColor={isDimmed}>\n          {getSkillById(option.id).displayName}{\" \"}\n        </Text>\n        {compatibilityLabel && (\n          <Text color={textColor} dimColor>\n            {compatibilityLabel}{\" \"}\n          </Text>\n        )}\n      </>\n    </Box>\n  );\n};\n\ntype CategorySectionProps = {\n  isFirst: boolean;\n  category: CategoryRow;\n  isFocused: boolean;\n  focusedOptionIndex: number;\n  showLabels: boolean;\n};\n\nconst CategorySection: React.FC<CategorySectionProps> = ({\n  isFirst,\n  category,\n  isFocused,\n  focusedOptionIndex,\n  showLabels,\n}) => {\n  const { options } = category;\n  const selectedCount = options.filter((o) => o.selected).length;\n\n  const selectionCounter = category.exclusive ? `(${selectedCount} of 1)` : null;\n\n  return (\n    <Box flexDirection=\"column\" marginTop={isFirst ? 0 : 1}>\n      <Box flexDirection=\"row\">\n        {isFocused ? (\n          <Text color={CLI_COLORS.WHITE} backgroundColor={CLI_COLORS.LABEL_BG}>\n            {` ${category.displayName}${category.required ? ` ${SYMBOL_REQUIRED}` : \"\"}${selectionCounter ? ` ${selectionCounter}` : \"\"} `}\n          </Text>\n        ) : (\n          <>\n            <Text color={CLI_COLORS.NEUTRAL}>{category.displayName}</Text>\n            {category.required && <Text color={CLI_COLORS.NEUTRAL}> {SYMBOL_REQUIRED}</Text>}\n            {selectionCounter && <Text dimColor> {selectionCounter}</Text>}\n          </>\n        )}\n      </Box>\n\n      <Box flexDirection=\"row\" flexWrap=\"wrap\" marginTop={0}>\n        {options.map((option, index) => (\n          <SkillTag\n            key={option.id}\n            option={option}\n            isFocused={isFocused && index === focusedOptionIndex}\n            showLabels={showLabels}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n\nexport const CategoryGrid: React.FC<CategoryGridProps> = ({\n  categories,\n  availableHeight = 0,\n  showLabels,\n  onToggle,\n  onToggleLabels,\n  defaultFocusedRow = 0,\n  defaultFocusedCol = 0,\n  onFocusChange,\n  onFocusedSkillChange,\n}) => {\n  const getColCount = useCallback(\n    (row: number): number => categories[row]?.options.length ?? 0,\n    [categories],\n  );\n\n  const findValidCol = useCallback(\n    (row: number, currentCol: number, direction: 1 | -1): number =>\n      wrapOptionIndex(categories[row]?.options.length ?? 0, currentCol, direction),\n    [categories],\n  );\n\n  const handleFocusChange = useCallback(\n    (row: number, col: number) => {\n      if (showLabels) onToggleLabels();\n      onFocusChange?.(row, col);\n    },\n    [showLabels, onToggleLabels, onFocusChange],\n  );\n\n  const { focusedRow, focusedCol, setFocused, moveFocus } = useFocusedListItem(\n    categories.length,\n    getColCount,\n    {\n      wrap: true,\n      findValidCol,\n      onChange: handleFocusChange,\n      initialRow: defaultFocusedRow,\n      initialCol: defaultFocusedCol,\n    },\n  );\n\n  useCategoryGridInput({\n    categories,\n    focusedRow,\n    focusedCol,\n    setFocused,\n    moveFocus,\n    onToggle,\n    onToggleLabels,\n  });\n\n  // Report the focused cell's skill on mount and whenever it changes — including\n  // category reshapes that shift the cell without a navigation event. useFocusedListItem\n  // only fires onChange during navigation, so the initially highlighted cell would\n  // otherwise never reach the store, leaving focusedSkillId out of sync with the visual\n  // focus and making the `s` scope hotkey no-op until the first arrow key.\n  const focusedSkillId = categories[focusedRow]?.options[focusedCol]?.id ?? null;\n  useEffect(() => {\n    onFocusedSkillChange?.(focusedSkillId);\n  }, [focusedSkillId, onFocusedSkillChange]);\n\n  // `hiddenAbove` / `hiddenBelow` are discarded ON PURPOSE — the build grid has\n  // no `ScrollAffordance` and is not getting one (owner decision). On a grid\n  // this dense a half-cut card already says \"there is more\"; a counted hint\n  // would be noise, and it would cost the viewport a row to say what the\n  // clipped card says for free. Do not add one on the strength of the counts\n  // merely being available here.\n  const { setSectionRef, scrollEnabled, scrollTopPx } = useSectionScroll({\n    sectionCount: categories.length,\n    focusedIndex: focusedRow,\n    availableHeight,\n  });\n\n  if (categories.length === 0) {\n    return (\n      <Box flexDirection=\"column\">\n        <Text dimColor>No categories to display.</Text>\n      </Box>\n    );\n  }\n\n  const noShrink = scrollEnabled ? { flexShrink: 0 } : {};\n\n  const sectionElements = categories.map((category, index) => (\n    <Box key={category.id} ref={(el) => setSectionRef(index, el)} {...noShrink}>\n      <CategorySection\n        category={category}\n        isFocused={index === focusedRow}\n        focusedOptionIndex={focusedCol}\n        showLabels={showLabels}\n        isFirst={index === 0}\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 flexDirection=\"column\" marginTop={scrollTopPx > 0 ? -scrollTopPx : 0} {...noShrink}>\n        {sectionElements}\n      </Box>\n    </Box>\n  );\n};\n","import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useInput, type Key } from \"ink\";\n\nimport type { Category, SkillId } from \"../../types/index.js\";\nimport type { CategoryRow } from \"../wizard/category-grid.js\";\nimport type { Direction } from \"./use-focused-list-item.js\";\nimport { HOTKEY_TOGGLE_LABELS, KEY_SPACE, isHotkey } from \"../wizard/hotkeys.js\";\n\n/** Find next section index (wrapping forward) */\nconst findNextIndex = (items: { length: number }, currentIndex: number): number => {\n  const length = items.length;\n  if (length === 0) return currentIndex;\n  return (currentIndex + 1) % length;\n};\n\ntype UseCategoryGridInputOptions = {\n  categories: CategoryRow[];\n  focusedRow: number;\n  focusedCol: number;\n  setFocused: (row: number, col: number) => void;\n  moveFocus: (direction: Direction) => void;\n  onToggle: (categoryId: Category, technologyId: SkillId) => void;\n  onToggleLabels: () => void;\n};\n\nexport function useCategoryGridInput({\n  categories,\n  focusedRow,\n  focusedCol,\n  setFocused,\n  moveFocus,\n  onToggle,\n  onToggleLabels,\n}: UseCategoryGridInputOptions): void {\n  const currentRow = categories[focusedRow];\n  // Memoised so the effect below keys on the row actually changing — the `[]`\n  // fallback used to be a fresh array every render, re-running the effect for\n  // nothing whenever no row was focused.\n  const currentOptions = useMemo(() => currentRow?.options ?? [], [currentRow]);\n\n  // Adjust column when current row's options change externally (e.g. option becomes disabled)\n  useEffect(() => {\n    if (!currentRow) return;\n\n    const maxCol = currentOptions.length - 1;\n    if (focusedCol > maxCol) {\n      const newCol = Math.max(0, maxCol);\n      setFocused(focusedRow, newCol);\n    }\n  }, [focusedRow, currentOptions, focusedCol, setFocused, currentRow]);\n\n  // Store the latest handler in a ref so that the useInput effect never needs to\n  // re-register on the event emitter. This avoids a stale-closure race condition\n  // where, after a domain switch (CategoryGrid remount via key={activeDomain}),\n  // the useInput effect may not yet have re-registered the updated handler when\n  // the first keypress arrives — causing the first space press to be silently lost.\n  const handlerRef = useRef<((input: string, key: Key) => void) | null>(null);\n  handlerRef.current = (input: string, key: Key) => {\n    if (key.tab && key.shift) {\n      onToggleLabels();\n      return;\n    }\n\n    if (key.tab && !key.shift) {\n      const nextSection = findNextIndex(categories, focusedRow);\n      if (nextSection !== focusedRow) {\n        setFocused(nextSection, 0);\n      }\n      return;\n    }\n\n    if (isHotkey(input, HOTKEY_TOGGLE_LABELS)) {\n      onToggleLabels();\n      return;\n    }\n\n    if (input === KEY_SPACE) {\n      const currentOption = currentOptions[focusedCol];\n      if (currentRow && currentOption) {\n        onToggle(currentRow.id, currentOption.id);\n      }\n      return;\n    }\n\n    const isLeft = key.leftArrow || input === \"h\";\n    const isRight = key.rightArrow || input === \"l\";\n    const isUp = key.upArrow || input === \"k\";\n    const isDown = key.downArrow || input === \"j\";\n\n    if (isLeft) {\n      moveFocus(\"left\");\n    } else if (isRight) {\n      moveFocus(\"right\");\n    } else if (isUp) {\n      moveFocus(\"up\");\n    } else if (isDown) {\n      moveFocus(\"down\");\n    }\n  };\n\n  // Stable handler reference — never changes, so useInput's effect registers once\n  const stableHandler = useCallback((input: string, key: Key) => {\n    handlerRef.current?.(input, key);\n  }, []);\n\n  useInput(stableHandler);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,eAAAA,cAAa,aAAAC,kBAAiB;AAE9C,SAAS,KAAK,YAAY;;;ACF1B,SAAS,aAAa,WAAW,SAAS,cAAc;AACxD,SAAS,gBAA0B;AAQnC,IAAM,gBAAgB,CAAC,OAA2B,iBAAiC;AACjF,QAAM,SAAS,MAAM;AACrB,MAAI,WAAW,EAAG,QAAO;AACzB,UAAQ,eAAe,KAAK;AAC9B;AAYO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,aAAa,WAAW,UAAU;AAIxC,QAAM,iBAAiB,QAAQ,MAAM,YAAY,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC;AAG5E,YAAU,MAAM;AACd,QAAI,CAAC,WAAY;AAEjB,UAAM,SAAS,eAAe,SAAS;AACvC,QAAI,aAAa,QAAQ;AACvB,YAAM,SAAS,KAAK,IAAI,GAAG,MAAM;AACjC,iBAAW,YAAY,MAAM;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,YAAY,gBAAgB,YAAY,YAAY,UAAU,CAAC;AAOnE,QAAM,aAAa,OAAmD,IAAI;AAC1E,aAAW,UAAU,CAAC,OAAe,QAAa;AAChD,QAAI,IAAI,OAAO,IAAI,OAAO;AACxB,qBAAe;AACf;AAAA,IACF;AAEA,QAAI,IAAI,OAAO,CAAC,IAAI,OAAO;AACzB,YAAM,cAAc,cAAc,YAAY,UAAU;AACxD,UAAI,gBAAgB,YAAY;AAC9B,mBAAW,aAAa,CAAC;AAAA,MAC3B;AACA;AAAA,IACF;AAEA,QAAI,SAAS,OAAO,oBAAoB,GAAG;AACzC,qBAAe;AACf;AAAA,IACF;AAEA,QAAI,UAAU,WAAW;AACvB,YAAM,gBAAgB,eAAe,UAAU;AAC/C,UAAI,cAAc,eAAe;AAC/B,iBAAS,WAAW,IAAI,cAAc,EAAE;AAAA,MAC1C;AACA;AAAA,IACF;AAEA,UAAM,SAAS,IAAI,aAAa,UAAU;AAC1C,UAAM,UAAU,IAAI,cAAc,UAAU;AAC5C,UAAM,OAAO,IAAI,WAAW,UAAU;AACtC,UAAM,SAAS,IAAI,aAAa,UAAU;AAE1C,QAAI,QAAQ;AACV,gBAAU,MAAM;AAAA,IAClB,WAAW,SAAS;AAClB,gBAAU,OAAO;AAAA,IACnB,WAAW,MAAM;AACf,gBAAU,IAAI;AAAA,IAChB,WAAW,QAAQ;AACjB,gBAAU,MAAM;AAAA,IAClB;AAAA,EACF;AAGA,QAAM,gBAAgB,YAAY,CAAC,OAAe,QAAa;AAC7D,eAAW,UAAU,OAAO,GAAG;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,WAAS,aAAa;AACxB;;;ADIU,mBAEI,KAFJ;AAxDV,IAAM,kBAAkB;AAGxB,IAAM,kBAAkB,CAAC,QAAgB,cAAsB,cAA8B;AAC3F,MAAI,WAAW,EAAG,QAAO;AACzB,UAAQ,eAAe,YAAY,UAAU;AAC/C;AAQA,IAAM,wBAAwB,CAAC,WAA0C;AACvE,MAAI,OAAO,YAAY,OAAO,wBAAwB,OAAO,yBAAyB;AACpF,WAAO,IAAI,OAAO,uBAAuB;AAAA,EAC3C;AACA,MAAI,OAAO,SAAU,QAAO;AAC5B,MAAI,OAAO,WAAY,QAAO,gBAAgB,OAAO,UAAU;AAC/D,MAAI,OAAO,MAAM,WAAW,eAAgB,QAAO;AACnD,MAAI,OAAO,MAAM,WAAW,cAAe,QAAO;AAClD,SAAO;AACT;AAEA,IAAM,gBAAgE;AAAA,EACpE,cAAc,WAAW;AAAA,EACzB,aAAa,WAAW;AAC1B;AAGA,SAAS,gBAAgB,QAAwB,UAA0B;AACzE,MAAI,OAAO,SAAU,QAAO,WAAW;AACvC,SAAO,cAAc,OAAO,MAAM,MAAM,KAAK;AAC/C;AAEA,IAAM,WAAoC,CAAC,EAAE,QAAQ,WAAW,WAAW,MAAM;AAC/E,QAAM,YAAY,gBAAgB,QAAQ,WAAW,GAAG;AACxD,QAAM,gBAAgB,OAAO,YAAY,CAAC,CAAC,OAAO;AAClD,QAAM,eAAe,OAAO,YAAY,CAAC,CAAC,OAAO;AACjD,QAAM,WAAW,gBAAgB;AACjC,QAAM,oBAAoB,iBAAiB,gBAAiB,cAAc;AAC1E,QAAM,qBAAqB,oBAAoB,sBAAsB,MAAM,IAAI;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb,aAAa,YAAY,gBAAgB,QAAQ,WAAW,SAAS,IAAI;AAAA,MACzE,gBAAgB,CAAC;AAAA,MACjB,aAAY;AAAA,MACZ,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAc;AAAA,MAEd,2CACG;AAAA,eAAO,SACN,iCACG;AAAA,WAAC,OAAO,OAAO,OAAO,cAAc,EAAE,OAAO,OAAO,EAAE,IAAI,CAAC,YAAY,MACtE,oBAAC,QAAa,OAAO,WAAW,SAAS,iBAAiB,WAAW,UAClE,yBAAe,WAAW,QAAQ,SAD1B,CAEX,CACD;AAAA,UACD,oBAAC,QAAK,eAAC;AAAA,WACT;AAAA,QAEF,qBAAC,QAAK,OAAO,WAAW,MAAI,MAAC,UAAU,UACpC;AAAA,uBAAa,OAAO,EAAE,EAAE;AAAA,UAAa;AAAA,WACxC;AAAA,QACC,sBACC,qBAAC,QAAK,OAAO,WAAW,UAAQ,MAC7B;AAAA;AAAA,UAAoB;AAAA,WACvB;AAAA,SAEJ;AAAA;AAAA,EACF;AAEJ;AAUA,IAAM,kBAAkD,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,gBAAgB,QAAQ,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE;AAExD,QAAM,mBAAmB,SAAS,YAAY,IAAI,aAAa,WAAW;AAE1E,SACE,qBAAC,OAAI,eAAc,UAAS,WAAW,UAAU,IAAI,GACnD;AAAA,wBAAC,OAAI,eAAc,OAChB,sBACC,oBAAC,QAAK,OAAO,WAAW,OAAO,iBAAiB,WAAW,UACxD,cAAI,SAAS,WAAW,GAAG,SAAS,WAAW,IAAI,eAAe,KAAK,EAAE,GAAG,mBAAmB,IAAI,gBAAgB,KAAK,EAAE,KAC7H,IAEA,iCACE;AAAA,0BAAC,QAAK,OAAO,WAAW,SAAU,mBAAS,aAAY;AAAA,MACtD,SAAS,YAAY,qBAAC,QAAK,OAAO,WAAW,SAAS;AAAA;AAAA,QAAE;AAAA,SAAgB;AAAA,MACxE,oBAAoB,qBAAC,QAAK,UAAQ,MAAC;AAAA;AAAA,QAAE;AAAA,SAAiB;AAAA,OACzD,GAEJ;AAAA,IAEA,oBAAC,OAAI,eAAc,OAAM,UAAS,QAAO,WAAW,GACjD,kBAAQ,IAAI,CAAC,QAAQ,UACpB;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,WAAW,aAAa,UAAU;AAAA,QAClC;AAAA;AAAA,MAHK,OAAO;AAAA,IAId,CACD,GACH;AAAA,KACF;AAEJ;AAEO,IAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAcC;AAAA,IAClB,CAAC,QAAwB,WAAW,GAAG,GAAG,QAAQ,UAAU;AAAA,IAC5D,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,eAAeA;AAAA,IACnB,CAAC,KAAa,YAAoB,cAChC,gBAAgB,WAAW,GAAG,GAAG,QAAQ,UAAU,GAAG,YAAY,SAAS;AAAA,IAC7E,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,oBAAoBA;AAAA,IACxB,CAAC,KAAa,QAAgB;AAC5B,UAAI,WAAY,gBAAe;AAC/B,sBAAgB,KAAK,GAAG;AAAA,IAC1B;AAAA,IACA,CAAC,YAAY,gBAAgB,aAAa;AAAA,EAC5C;AAEA,QAAM,EAAE,YAAY,YAAY,YAAY,UAAU,IAAI;AAAA,IACxD,WAAW;AAAA,IACX;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN;AAAA,MACA,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AAEA,uBAAqB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAOD,QAAM,iBAAiB,WAAW,UAAU,GAAG,QAAQ,UAAU,GAAG,MAAM;AAC1E,EAAAC,WAAU,MAAM;AACd,2BAAuB,cAAc;AAAA,EACvC,GAAG,CAAC,gBAAgB,oBAAoB,CAAC;AAQzC,QAAM,EAAE,eAAe,eAAe,YAAY,IAAI,iBAAiB;AAAA,IACrE,cAAc,WAAW;AAAA,IACzB,cAAc;AAAA,IACd;AAAA,EACF,CAAC;AAED,MAAI,WAAW,WAAW,GAAG;AAC3B,WACE,oBAAC,OAAI,eAAc,UACjB,8BAAC,QAAK,UAAQ,MAAC,uCAAyB,GAC1C;AAAA,EAEJ;AAEA,QAAM,WAAW,gBAAgB,EAAE,YAAY,EAAE,IAAI,CAAC;AAEtD,QAAM,kBAAkB,WAAW,IAAI,CAAC,UAAU,UAChD,oBAAC,OAAsB,KAAK,CAAC,OAAO,cAAc,OAAO,EAAE,GAAI,GAAG,UAChE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,UAAU;AAAA,MACrB,oBAAoB;AAAA,MACpB;AAAA,MACA,SAAS,UAAU;AAAA;AAAA,EACrB,KAPQ,SAAS,EAQnB,CACD;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACb,GAAI,gBACD,EAAE,QAAQ,iBAAiB,UAAU,SAAkB,IACvD,EAAE,UAAU,EAAE;AAAA,MAElB,8BAAC,OAAI,eAAc,UAAS,WAAW,cAAc,IAAI,CAAC,cAAc,GAAI,GAAG,UAC5E,2BACH;AAAA;AAAA,EACF;AAEJ;","names":["useCallback","useEffect","useCallback","useEffect"]}

package/dist/{chunk-MWG4VU64.js → chunk-MJFIO5SX.js}

@@ -1,47 +1,41 @@
 #!/usr/bin/env node
 import {
   Toast
-} from "./chunk-TJJPWUMA.js";
+} from "./chunk-NSJ2S7R5.js";
 import {
-  WIZARD_STEPS,
-  WizardTabs
-} from "./chunk-TUPYW2IQ.js";
+  WizardTabs,
+  wizardTabsFor
+} from "./chunk-JC7DBPRD.js";
 import {
   SummaryPanel
-} from "./chunk-L7SZXUBJ.js";
+} from "./chunk-NFH6SA62.js";
 import {
   getDomainDisplayName,
   getStackName
-} from "./chunk-5GUOIJSG.js";
+} from "./chunk-CHNA5RVS.js";
 import {
-  HOTKEY_FILTER_INCOMPATIBLE,
   HOTKEY_INFO,
   HOTKEY_SCOPE,
-  HOTKEY_SETTINGS,
-  HOTKEY_SET_ALL_LOCAL,
-  HOTKEY_SET_ALL_PLUGIN,
   HOTKEY_TOGGLE_LABELS,
   KEY_LABEL_ENTER,
   KEY_LABEL_ESC,
   KEY_LABEL_SPACE,
   isInfoPanelAvailable
-} from "./chunk-LDP5ASDM.js";
-import {
-  FEATURE_FLAGS
-} from "./chunk-WBCPLH66.js";
+} from "./chunk-DRKSYJZ2.js";
 import {
+  getActiveStepFlow,
   orderDomains,
   useWizardStore
-} from "./chunk-5UWKOOIS.js";
+} from "./chunk-QQTYMW7N.js";
 import {
   formatTerminalTooSmallMessage,
   isTerminalLargeEnough
-} from "./chunk-ZL7PFNHN.js";
+} from "./chunk-K3O3YQYG.js";
 import {
   CLI_COLORS,
   FALLBACK_DOMAIN,
   LOGO_MIN_TERMINAL_ROWS
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/components/wizard/wizard-layout.tsx
 import { Box, Text } from "ink";
@@ -76,32 +70,20 @@ function useTerminalDimensions() {
 // src/cli/components/wizard/wizard-layout.tsx
 import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-var DefinitionItem = ({
-  isVisible = true,
-  isActive = false,
-  label,
-  values
-}) => {
+var DefinitionItem = ({ isVisible = true, label, values }) => {
   if (!isVisible) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Text, { children: [
     values.map((value) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        Text,
-        {
-          backgroundColor: CLI_COLORS.LABEL_BG,
-          color: isActive ? CLI_COLORS.PRIMARY : CLI_COLORS.UNFOCUSED,
-          children: [
-            " ",
-            value,
-            " "
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxs(Text, { backgroundColor: CLI_COLORS.LABEL_BG, color: CLI_COLORS.UNFOCUSED, children: [
+        " ",
+        value,
+        " "
+      ] }),
       " "
     ] }, value)),
-    /* @__PURE__ */ jsx(Text, { color: isActive ? CLI_COLORS.PRIMARY : void 0, children: label })
+    /* @__PURE__ */ jsx(Text, { children: label })
   ] });
 };
 var HOT_KEYS = [
@@ -126,6 +108,28 @@ var WizardFooter = () => {
     }
   );
 };
+var MAX_PAINTED_STARTUP_MESSAGES = 3;
+var MAX_PAINTED_STARTUP_MESSAGES_CRAMPED = 1;
+function paintedStartupMessageCount(terminalHeight) {
+  return terminalHeight >= LOGO_MIN_TERMINAL_ROWS ? MAX_PAINTED_STARTUP_MESSAGES : MAX_PAINTED_STARTUP_MESSAGES_CRAMPED;
+}
+var STARTUP_MESSAGE_COLOR = {
+  info: CLI_COLORS.NEUTRAL,
+  warn: CLI_COLORS.WARNING,
+  error: CLI_COLORS.ERROR
+};
+var StartupMessages = ({
+  messages,
+  terminalHeight
+}) => {
+  if (messages.length === 0) return null;
+  const painted = messages.slice(0, paintedStartupMessageCount(terminalHeight));
+  const counted = messages.length - painted.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, paddingX: 1, children: [
+    painted.map((message, index) => /* @__PURE__ */ jsx(Text, { color: STARTUP_MESSAGE_COLOR[message.level], children: message.text }, index)),
+    counted > 0 && /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.NEUTRAL, children: `... and ${counted} more` })
+  ] });
+};
 var STEP_DROPDOWN_LABEL = {
   stack: "Choose a stack",
   domains: "Select domains",
@@ -140,7 +144,12 @@ function resolveDropdownLabel(step, selectedStackId) {
   }
   return STEP_DROPDOWN_LABEL[step];
 }
-var WizardLayout = ({ version, logo, children }) => {
+var WizardLayout = ({
+  version,
+  logo,
+  startupMessages = [],
+  children
+}) => {
   const store = useWizardStore();
   const { columns: terminalWidth, rows: terminalHeight } = useTerminalDimensions();
   if (!isTerminalLargeEnough(terminalWidth, terminalHeight)) {
@@ -161,7 +170,7 @@ var WizardLayout = ({ version, logo, children }) => {
     /* @__PURE__ */ jsx(
       WizardTabs,
       {
-        steps: WIZARD_STEPS,
+        steps: wizardTabsFor(getActiveStepFlow()),
         currentStep: store.step,
         completedSteps,
         skippedSteps,
@@ -170,7 +179,8 @@ var WizardLayout = ({ version, logo, children }) => {
         dropdowns
       }
     ),
-    FEATURE_FLAGS.INFO_PANEL && store.showInfo ? /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsx(StartupMessages, { messages: startupMessages, terminalHeight }),
+    store.showInfo ? /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, flexBasis: 0, marginTop: 1, children: /* @__PURE__ */ jsx(SummaryPanel, {}) }),
       /* @__PURE__ */ jsx(WizardFooter, {})
     ] }) : /* @__PURE__ */ jsxs(Fragment2, { children: [
@@ -184,15 +194,6 @@ var WizardLayout = ({ version, logo, children }) => {
             isVisible: store.step === "build"
           }
         ),
-        /* @__PURE__ */ jsx(
-          DefinitionItem,
-          {
-            label: "Filter incompatible",
-            values: [HOTKEY_FILTER_INCOMPATIBLE.label],
-            isVisible: store.step === "build" && FEATURE_FLAGS.FILTER_INCOMPATIBLE,
-            isActive: store.filterIncompatible
-          }
-        ),
         /* @__PURE__ */ jsx(
           DefinitionItem,
           {
@@ -201,31 +202,6 @@ var WizardLayout = ({ version, logo, children }) => {
             isVisible: (store.step === "build" || store.step === "agents") && !store.isEditingFromGlobalScope
           }
         ),
-        /* @__PURE__ */ jsx(
-          DefinitionItem,
-          {
-            label: "Set all local",
-            values: [HOTKEY_SET_ALL_LOCAL.label],
-            isVisible: store.step === "sources"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DefinitionItem,
-          {
-            label: "Set all plugin",
-            values: [HOTKEY_SET_ALL_PLUGIN.label],
-            isVisible: store.step === "sources"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DefinitionItem,
-          {
-            label: "Settings",
-            values: [HOTKEY_SETTINGS.label],
-            isVisible: store.step === "sources" && FEATURE_FLAGS.SOURCE_SEARCH,
-            isActive: store.showSettings
-          }
-        ),
         /* @__PURE__ */ jsx(
           DefinitionItem,
           {
@@ -245,4 +221,4 @@ export {
   useTerminalDimensions,
   WizardLayout
 };
-//# sourceMappingURL=chunk-MWG4VU64.js.map
+//# sourceMappingURL=chunk-MJFIO5SX.js.map

package/dist/chunk-MJFIO5SX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/wizard-layout.tsx","../src/cli/components/hooks/use-terminal-dimensions.ts"],"sourcesContent":["import { Box, Text } from \"ink\";\nimport React, { Fragment } from \"react\";\nimport { CLI_COLORS, FALLBACK_DOMAIN, LOGO_MIN_TERMINAL_ROWS } from \"../../consts.js\";\nimport type { StartupMessage } from \"../../utils/logger.js\";\nimport { formatTerminalTooSmallMessage, isTerminalLargeEnough } from \"../../utils/terminal.js\";\nimport { getActiveStepFlow, useWizardStore, type WizardStep } from \"../../stores/wizard-store.js\";\nimport { useTerminalDimensions } from \"../hooks/use-terminal-dimensions.js\";\nimport { SummaryPanel } from \"./summary-panel.js\";\nimport { Toast } from \"./toast.js\";\nimport {\n  HOTKEY_INFO,\n  HOTKEY_SCOPE,\n  HOTKEY_TOGGLE_LABELS,\n  KEY_LABEL_ENTER,\n  KEY_LABEL_ESC,\n  KEY_LABEL_SPACE,\n  isInfoPanelAvailable,\n} from \"./hotkeys.js\";\nimport {\n  WizardTabs,\n  wizardTabsFor,\n  type DomainNavProps,\n  type TabDropdownProps,\n} from \"./wizard-tabs.js\";\nimport { getDomainDisplayName, getStackName, orderDomains } from \"./utils.js\";\n\ntype KeyHintProps = {\n  isVisible?: boolean;\n  label: string;\n  values: readonly string[];\n};\n\nconst DefinitionItem: React.FC<KeyHintProps> = ({ isVisible = true, label, values }) => {\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <Text>\n      {values.map((value) => (\n        <Fragment key={value}>\n          <Text backgroundColor={CLI_COLORS.LABEL_BG} color={CLI_COLORS.UNFOCUSED}>\n            {\" \"}\n            {value}{\" \"}\n          </Text>{\" \"}\n        </Fragment>\n      ))}\n      <Text>{label}</Text>\n    </Text>\n  );\n};\n\nconst HOT_KEYS = [\n  { label: \"select\", values: [KEY_LABEL_SPACE] },\n  { label: \"continue\", values: [KEY_LABEL_ENTER] },\n  { label: \"back\", values: [KEY_LABEL_ESC] },\n] as const satisfies readonly { label: string; values: readonly string[] }[];\n\nconst WizardFooter = () => {\n  return (\n    <Box\n      columnGap={2}\n      borderTop\n      borderRight={false}\n      borderBottom\n      borderLeft={false}\n      borderColor=\"blackBright\"\n      borderStyle=\"single\"\n      paddingLeft={1}\n      paddingRight={1}\n    >\n      {HOT_KEYS.map((hotkey) => (\n        <DefinitionItem {...hotkey} key={hotkey.label} />\n      ))}\n    </Box>\n  );\n};\n\ntype WizardLayoutProps = {\n  version?: string | undefined;\n  logo?: string | undefined;\n  startupMessages?: StartupMessage[] | undefined;\n  children: React.ReactNode;\n};\n\n/**\n * How many buffered messages the band paints before it counts the rest instead.\n * A source that cannot resolve its own relationships warns once per unresolved\n * name — thousands, for a source with a broken `skill-rules.ts` — and every line\n * is a row taken from the step below it.\n *\n * Two budgets, because a row is worth more at some heights than others: a\n * terminal short enough that the logo is already dropped for starving the\n * content cannot spare four rows for news either, and there it paints the first\n * message and counts the rest. The first is the one that matters — the fetch\n * speaks before anything is parsed, so an unreachable source is message one.\n */\nconst MAX_PAINTED_STARTUP_MESSAGES = 3;\nconst MAX_PAINTED_STARTUP_MESSAGES_CRAMPED = 1;\n\nfunction paintedStartupMessageCount(terminalHeight: number): number {\n  return terminalHeight >= LOGO_MIN_TERMINAL_ROWS\n    ? MAX_PAINTED_STARTUP_MESSAGES\n    : MAX_PAINTED_STARTUP_MESSAGES_CRAMPED;\n}\n\nconst STARTUP_MESSAGE_COLOR = {\n  info: CLI_COLORS.NEUTRAL,\n  warn: CLI_COLORS.WARNING,\n  error: CLI_COLORS.ERROR,\n} as const satisfies Record<StartupMessage[\"level\"], string>;\n\n/**\n * What the load said before Ink took the terminal.\n *\n * `warn()` writes to stderr, which the wizard's own `clearTerminal` would wipe,\n * so a load that opens a wizard buffers instead (`lib/operations/source/load-source.ts`)\n * and hands the buffer here. This band is the only place those lines are ever\n * seen — the source-unreachable warning among them.\n *\n * It sits above the step rather than over it, and does not shrink: a warning\n * compressed by Yoga overprints into an unreadable row, which is worse than the\n * row it would have cost the step.\n */\nconst StartupMessages: React.FC<{ messages: StartupMessage[]; terminalHeight: number }> = ({\n  messages,\n  terminalHeight,\n}) => {\n  if (messages.length === 0) return null;\n\n  const painted = messages.slice(0, paintedStartupMessageCount(terminalHeight));\n  const counted = messages.length - painted.length;\n\n  return (\n    <Box flexDirection=\"column\" flexShrink={0} paddingX={1}>\n      {painted.map((message, index) => (\n        <Text key={index} color={STARTUP_MESSAGE_COLOR[message.level]}>\n          {message.text}\n        </Text>\n      ))}\n      {counted > 0 && <Text color={CLI_COLORS.NEUTRAL}>{`... and ${counted} more`}</Text>}\n    </Box>\n  );\n};\n\nconst STEP_DROPDOWN_LABEL: Partial<Record<WizardStep, string>> = {\n  stack: \"Choose a stack\",\n  domains: \"Select domains\",\n  sources: \"Customize skill sources\",\n  agents: \"Select agents\",\n};\n\n/**\n * What the wizard paints instead of itself while the terminal is below\n * `MIN_TERMINAL_SIZE` (consts.ts). It REPLACES the wizard tree rather than\n * covering it: Ink lays a still-mounted tree out at the small size regardless of\n * what is drawn on top, so an overlay leaves the squeezed content bleeding\n * underneath.\n */\nconst TerminalTooSmall: React.FC<{ columns: number }> = ({ columns }) => (\n  <Box paddingX={1} paddingY={1}>\n    <Text color={CLI_COLORS.WARNING}>{formatTerminalTooSmallMessage(columns)}</Text>\n  </Box>\n);\n\nfunction resolveDropdownLabel(\n  step: WizardStep,\n  selectedStackId: string | null,\n): string | undefined {\n  if (step === \"confirm\") {\n    const stackName = getStackName(selectedStackId);\n    return stackName ? `Ready to install ${stackName}` : \"Ready to install your custom stack\";\n  }\n  return STEP_DROPDOWN_LABEL[step];\n}\n\nexport const WizardLayout: React.FC<WizardLayoutProps> = ({\n  version,\n  logo,\n  startupMessages = [],\n  children,\n}) => {\n  const store = useWizardStore();\n  const { columns: terminalWidth, rows: terminalHeight } = useTerminalDimensions();\n\n  // The startup gate cannot catch a terminal that shrinks after launch, and\n  // `useTerminalDimensions` already re-renders on resize — so the same check\n  // lives here, on the value that hook returns.\n  if (!isTerminalLargeEnough(terminalWidth, terminalHeight)) {\n    return <TerminalTooSmall columns={terminalWidth} />;\n  }\n\n  const { completedSteps, skippedSteps } = store.getStepProgress();\n\n  const domainNav: DomainNavProps | undefined =\n    store.step === \"build\" && store.selectedDomains.length > 0\n      ? {\n          domains: orderDomains(store.selectedDomains),\n          activeDomain: store.getCurrentDomain() || store.selectedDomains[0] || FALLBACK_DOMAIN,\n          getDomainLabel: getDomainDisplayName,\n        }\n      : undefined;\n\n  // The logo is decoration; the stack list is the content. Below the threshold\n  // its six rows starve that list's viewport until the shared scroll gate stops\n  // clipping and the rows bleed over the footer.\n  const terminalHasRoomForLogo = terminalHeight >= LOGO_MIN_TERMINAL_ROWS;\n  const shouldRenderLogo = !!logo && store.step === \"stack\" && terminalHasRoomForLogo;\n\n  const dropdownLabel = resolveDropdownLabel(store.step, store.selectedStackId);\n  const dropdowns: Partial<Record<WizardStep, TabDropdownProps>> = dropdownLabel\n    ? { [store.step]: { items: [{ id: dropdownLabel, label: dropdownLabel }] } }\n    : {};\n\n  return (\n    <Box flexDirection=\"column\" paddingX={1} height={terminalHeight}>\n      {shouldRenderLogo && (\n        <Box flexDirection=\"row\" marginTop={1} columnGap={1}>\n          <Text>{logo}</Text>\n        </Box>\n      )}\n      <WizardTabs\n        steps={wizardTabsFor(getActiveStepFlow())}\n        currentStep={store.step}\n        completedSteps={completedSteps}\n        skippedSteps={skippedSteps}\n        version={version}\n        domainNav={domainNav}\n        dropdowns={dropdowns}\n      />\n      <StartupMessages messages={startupMessages} terminalHeight={terminalHeight} />\n      {store.showInfo ? (\n        <>\n          <Box flexDirection=\"column\" flexGrow={1} flexBasis={0} marginTop={1}>\n            <SummaryPanel />\n          </Box>\n          <WizardFooter />\n        </>\n      ) : (\n        <>\n          <Box flexDirection=\"column\" flexGrow={1} flexBasis={0} marginTop={1}>\n            {children}\n          </Box>\n          <Box paddingX={1} columnGap={2} marginTop={2}>\n            <DefinitionItem\n              label=\"Labels\"\n              values={[HOTKEY_TOGGLE_LABELS.label]}\n              isVisible={store.step === \"build\"}\n            />\n            <DefinitionItem\n              label=\"Scope\"\n              values={[HOTKEY_SCOPE.label]}\n              isVisible={\n                (store.step === \"build\" || store.step === \"agents\") &&\n                !store.isEditingFromGlobalScope\n              }\n            />\n            <DefinitionItem\n              label=\"Info\"\n              values={[HOTKEY_INFO.label]}\n              isVisible={isInfoPanelAvailable(store.step)}\n            />\n          </Box>\n          <WizardFooter />\n          {store.toastMessage && (\n            <Box position=\"absolute\" marginTop={terminalHeight - 4}>\n              <Toast>{store.toastMessage}</Toast>\n            </Box>\n          )}\n        </>\n      )}\n    </Box>\n  );\n};\n","import { useState, useEffect } from \"react\";\nimport { useStdout } from \"ink\";\n\nconst DEFAULT_COLUMNS = 80;\nconst DEFAULT_ROWS = 24;\n\nexport type TerminalDimensions = {\n  /** Terminal width in columns */\n  columns: number;\n  /** Terminal height in rows */\n  rows: number;\n};\n\n/**\n * Tracks terminal dimensions reactively. Re-renders on resize.\n *\n * Falls back to DEFAULT_COLUMNS x DEFAULT_ROWS when stdout is not a TTY\n * (e.g., piped output, CI environments, tests).\n */\nexport function useTerminalDimensions(): TerminalDimensions {\n  const { stdout } = useStdout();\n\n  const [dimensions, setDimensions] = useState<TerminalDimensions>(() => ({\n    columns: stdout.columns || DEFAULT_COLUMNS,\n    rows: stdout.rows || DEFAULT_ROWS,\n  }));\n\n  useEffect(() => {\n    const handleResize = () => {\n      setDimensions({\n        columns: stdout.columns || DEFAULT_COLUMNS,\n        rows: stdout.rows || DEFAULT_ROWS,\n      });\n    };\n\n    stdout.on(\"resize\", handleResize);\n    return () => {\n      stdout.off(\"resize\", handleResize);\n    };\n  }, [stdout]);\n\n  return dimensions;\n}\n"],"mappings":"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","names":["Fragment"]}

package/dist/{chunk-L7SZXUBJ.js → chunk-NFH6SA62.js}

@@ -4,26 +4,27 @@ import {
 } from "./chunk-TSIU7DME.js";
 import {
   getStackName
-} from "./chunk-5GUOIJSG.js";
+} from "./chunk-CHNA5RVS.js";
 import {
   ScrollAffordance
-} from "./chunk-KXYVJGJP.js";
+} from "./chunk-6CNRMCFM.js";
 import {
   SkillAgentSummary
-} from "./chunk-LZ52XEPR.js";
+} from "./chunk-B66SC72V.js";
 import {
   useWizardStore
-} from "./chunk-5UWKOOIS.js";
+} from "./chunk-QQTYMW7N.js";
 import {
   ALL_SKILLS_EJECTED_LABEL,
   CLI_COLORS,
   DEFAULT_PUBLIC_SOURCE_NAME,
   EJECT_SOURCE,
   formatSourceDisplayName
-} from "./chunk-76ADG7LQ.js";
+} from "./chunk-R54KIGN2.js";
 
 // src/cli/components/wizard/summary-panel.tsx
 import { Box, Text } from "ink";
+import "react";
 import { unique } from "remeda";
 
 // src/cli/components/hooks/use-panel-scroll.ts
@@ -120,4 +121,4 @@ var SummaryPanel = () => {
 export {
   SummaryPanel
 };
-//# sourceMappingURL=chunk-L7SZXUBJ.js.map
+//# sourceMappingURL=chunk-NFH6SA62.js.map

package/dist/{chunk-L7SZXUBJ.js.map → chunk-NFH6SA62.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/cli/components/wizard/summary-panel.tsx","../src/cli/components/hooks/use-panel-scroll.ts"],"sourcesContent":["import { Box, Text } from \"ink\";\nimport React from \"react\";\nimport { unique } from \"remeda\";\nimport {\n  ALL_SKILLS_EJECTED_LABEL,\n  CLI_COLORS,\n  DEFAULT_PUBLIC_SOURCE_NAME,\n  EJECT_SOURCE,\n  formatSourceDisplayName,\n} from \"../../consts.js\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type { SkillConfig } from \"../../types/config.js\";\nimport { usePanelScroll } from \"../hooks/use-panel-scroll.js\";\nimport { ScrollAffordance } from \"./scroll-affordance.js\";\nimport { SkillAgentSummary } from \"./skill-agent-summary.js\";\nimport { getStackName } from \"./utils.js\";\n\n/**\n * The Marketplace row's value: the distinct marketplaces the summarised skills come from.\n *\n * `SkillConfig.source` is authoritative for where a skill came from (D-217) and holds exactly one\n * of two things: {@link EJECT_SOURCE}, meaning the files were copied locally, or the marketplace's\n * own name as its `marketplace.json` declares it — which is why a project initialised from a\n * different marketplace names that marketplace here without any extra plumbing.\n *\n * Three cases, and the two zero-marketplace ones are NOT the same state:\n * - **No skills at all.** Reachable — the `I` overlay opens from the stack step before anything is\n *   selected. Nothing is claimed yet, so the default public marketplace stands in.\n * - **Skills, but every one ejected.** \"eject\" names no marketplace, so there is none to list;\n *   naming the default would assert an origin none of those skills has.\n * - **Any marketplace-sourced skill.** Its marketplace is named. Ejected siblings contribute no\n *   name but do not suppress the ones that do.\n *\n * Tombstoned (`excluded`) entries count. One still records a real global install and the\n * marketplace it came from, and `computeScopeDiff` renders it as a row in the summary below, so\n * dropping it here would leave the header disowning a row it sits above.\n *\n * Sorted, so the row cannot reorder between renders on config iteration order alone.\n */\nfunction formatSkillMarketplaces(skillConfigs: SkillConfig[]): string {\n  if (skillConfigs.length === 0) return formatSourceDisplayName(DEFAULT_PUBLIC_SOURCE_NAME);\n\n  const marketplaceNames = unique(\n    skillConfigs.map((config) => config.source).filter((source) => source !== EJECT_SOURCE),\n  );\n  if (marketplaceNames.length === 0) return ALL_SKILLS_EJECTED_LABEL;\n\n  return marketplaceNames\n    .map((name) => formatSourceDisplayName(name))\n    .sort()\n    .join(\" · \");\n}\n\ntype PanelHeaderProps = {\n  sourceNames: string;\n  stackName: string | undefined;\n};\n\n/**\n * Which marketplaces and which stack the summary below was built from.\n *\n * Rendered inside the scrolled content, so its `marginBottom` scrolls away\n * rather than permanently costing the viewport a row.\n *\n * `flexShrink={0}` is load-bearing: Ink defaults every box to `flexShrink: 1`,\n * so on a short terminal Yoga squeezes this block to fit instead of letting the\n * viewport clip it, and the Marketplace and Stack rows overprint into one\n * unreadable line. Clipping is the panel's job; the header must keep its height.\n */\nconst PanelHeader: React.FC<PanelHeaderProps> = ({ sourceNames, stackName }) => (\n  <Box\n    flexDirection=\"column\"\n    flexShrink={0}\n    borderStyle=\"single\"\n    borderBottom={true}\n    borderTop={false}\n    borderLeft={false}\n    borderRight={false}\n    borderColor={CLI_COLORS.NEUTRAL}\n    borderBottomDimColor\n    paddingBottom={1}\n    marginBottom={1}\n  >\n    <Box flexDirection=\"row\" columnGap={1}>\n      <Text color={CLI_COLORS.WARNING} bold>\n        Marketplace\n      </Text>\n      <Text color={CLI_COLORS.NEUTRAL}>{sourceNames}</Text>\n    </Box>\n    <Box flexDirection=\"row\" columnGap={1}>\n      <Text color={CLI_COLORS.WARNING} bold>\n        Stack\n      </Text>\n      <Text color={CLI_COLORS.NEUTRAL}>{stackName ?? \"none\"}</Text>\n    </Box>\n  </Box>\n);\n\n/**\n * Marketplace/stack header above a clipped, arrow-scrollable\n * `SkillAgentSummary` — the one panel both summary surfaces render: the `I`\n * overlay in `wizard-layout.tsx` and the confirm step.\n *\n * It owns the `↑`/`↓` keys through `usePanelScroll`. A host that needs other\n * keys adds its own `useInput` alongside it — `StepConfirm` claims `Enter` and\n * `Esc` that way.\n *\n * Horizontal padding only. Vertical padding is unshrinkable, so on a short\n * terminal it claims the last row the viewport has and the content measures 0\n * before it has ever been laid out — the panel then paints neither a summary\n * row nor the affordance that would say rows are missing.\n */\nexport const SummaryPanel: React.FC = () => {\n  const skillConfigs = useWizardStore((s) => s.skillConfigs);\n  const agentConfigs = useWizardStore((s) => s.agentConfigs);\n  const selectedStackId = useWizardStore((s) => s.selectedStackId);\n  const { viewportRef, contentRef, contentMarginTop, hiddenAbove, hiddenBelow } = usePanelScroll();\n\n  const sourceNames = formatSkillMarketplaces(skillConfigs);\n  const stackName = getStackName(selectedStackId);\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      flexBasis={0}\n      borderStyle=\"single\"\n      borderColor={CLI_COLORS.NEUTRAL}\n      paddingX={2}\n    >\n      <Box ref={viewportRef} flexDirection=\"column\" flexGrow={1} flexBasis={0} overflow=\"hidden\">\n        <Box ref={contentRef} flexDirection=\"column\" flexShrink={0} marginTop={contentMarginTop}>\n          <PanelHeader sourceNames={sourceNames} stackName={stackName} />\n\n          <Box width=\"100%\">\n            <SkillAgentSummary skillConfigs={skillConfigs} agentConfigs={agentConfigs} />\n          </Box>\n        </Box>\n      </Box>\n      <ScrollAffordance hiddenAbove={hiddenAbove} hiddenBelow={hiddenBelow} />\n    </Box>\n  );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport type { Ref, RefObject } from \"react\";\nimport { type DOMElement, measureElement, useInput } from \"ink\";\nimport { useMeasuredHeight } from \"./use-measured-height.js\";\n\nexport type UsePanelScrollResult = {\n  /** Attach to the clipping box — the one with `overflow=\"hidden\"`. */\n  viewportRef: Ref<DOMElement>;\n  /** Attach to the scrolled content box inside the viewport. */\n  contentRef: RefObject<DOMElement | null>;\n  /** Apply as the content box's `marginTop`; negative by the number of lines scrolled off the top. */\n  contentMarginTop: number;\n  /** Content lines scrolled off the top of the viewport. */\n  hiddenAbove: number;\n  /** Content lines clipped below the viewport. */\n  hiddenBelow: number;\n};\n\n/**\n * Line scrolling for a single clipped viewport, driven by the `↑`/`↓` keys.\n *\n * The caller renders viewport, content and a `ScrollAffordance` sibling; this\n * owns the offset those three agree on. Distinct from `useSectionScroll`, which\n * moves a viewport to follow focus across variable-height sections — here there\n * is no focus, only the arrow keys.\n *\n * A host that needs other keys adds its own `useInput` alongside it, on keys\n * disjoint from `↑`/`↓`.\n */\nexport function usePanelScroll(): UsePanelScrollResult {\n  // Measured on the clipping box itself, inside the border and padding, so it\n  // is the height the content actually gets.\n  const { ref: viewportRef, measuredHeight: viewportHeight } = useMeasuredHeight();\n  const contentRef = useRef<DOMElement>(null);\n  const [contentHeight, setContentHeight] = useState(0);\n  const [scrollOffset, setScrollOffset] = useState(0);\n\n  // Ink's measurement idiom: re-measure on every render, no dependency array\n  // on purpose. The setState inside is guarded to fire only when the measured\n  // height actually changed, so the chain converges instead of looping — a\n  // dependency array here would skip re-measures after layout changes React\n  // cannot see.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    if (!contentRef.current) return;\n    const { height } = measureElement(contentRef.current);\n    // Yoga under-reports a wrapped subtree measured inside a viewport too\n    // short to lay it out, and reports 0 inside a zero-height one, so the\n    // tallest reading is the trustworthy one. Believing a squeezed reading\n    // would shrink the hidden-line count until the affordance disappeared,\n    // which hands its row back and grows the count again — a render loop.\n    setContentHeight((prev) => Math.max(prev, height));\n  });\n\n  // contentHeight only ever sizes the scroll range and the affordance count.\n  // It must never gate the clip — which is why it is not returned: a viewport\n  // that stops clipping when it looks too small grows to content height, which\n  // makes it look big enough to stop clipping — a stable wrong answer that\n  // paints the content over the border.\n  const maxScroll = Math.max(0, contentHeight - viewportHeight);\n  const hiddenBelow = Math.max(0, maxScroll - scrollOffset);\n\n  useInput((_input, key) => {\n    if (key.upArrow) setScrollOffset((prev) => Math.max(0, prev - 1));\n    if (key.downArrow) setScrollOffset((prev) => Math.min(maxScroll, prev + 1));\n  });\n\n  return {\n    viewportRef,\n    contentRef,\n    contentMarginTop: scrollOffset > 0 ? -scrollOffset : 0,\n    hiddenAbove: scrollOffset,\n    hiddenBelow,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/cli/components/wizard/summary-panel.tsx","../src/cli/components/hooks/use-panel-scroll.ts"],"sourcesContent":["import { Box, Text } from \"ink\";\nimport React from \"react\";\nimport { unique } from \"remeda\";\nimport {\n  ALL_SKILLS_EJECTED_LABEL,\n  CLI_COLORS,\n  DEFAULT_PUBLIC_SOURCE_NAME,\n  EJECT_SOURCE,\n  formatSourceDisplayName,\n} from \"../../consts.js\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type { SkillConfig } from \"../../types/config.js\";\nimport { usePanelScroll } from \"../hooks/use-panel-scroll.js\";\nimport { ScrollAffordance } from \"./scroll-affordance.js\";\nimport { SkillAgentSummary } from \"./skill-agent-summary.js\";\nimport { getStackName } from \"./utils.js\";\n\n/**\n * The Marketplace row's value: the distinct marketplaces the summarised skills come from.\n *\n * `SkillConfig.source` is authoritative for where a skill came from (D-217) and holds exactly one\n * of two things: {@link EJECT_SOURCE}, meaning the files were copied locally, or the marketplace's\n * own name as its `marketplace.json` declares it — which is why a project initialised from a\n * different marketplace names that marketplace here without any extra plumbing.\n *\n * Three cases, and the two zero-marketplace ones are NOT the same state:\n * - **No skills at all.** Reachable — the `I` overlay opens from the stack step before anything is\n *   selected. Nothing is claimed yet, so the default public marketplace stands in.\n * - **Skills, but every one ejected.** \"eject\" names no marketplace, so there is none to list;\n *   naming the default would assert an origin none of those skills has.\n * - **Any marketplace-sourced skill.** Its marketplace is named. Ejected siblings contribute no\n *   name but do not suppress the ones that do.\n *\n * Tombstoned (`excluded`) entries count. One still records a real global install and the\n * marketplace it came from, and `computeScopeDiff` renders it as a row in the summary below, so\n * dropping it here would leave the header disowning a row it sits above.\n *\n * Sorted, so the row cannot reorder between renders on config iteration order alone.\n */\nfunction formatSkillMarketplaces(skillConfigs: SkillConfig[]): string {\n  if (skillConfigs.length === 0) return formatSourceDisplayName(DEFAULT_PUBLIC_SOURCE_NAME);\n\n  const marketplaceNames = unique(\n    skillConfigs.map((config) => config.source).filter((source) => source !== EJECT_SOURCE),\n  );\n  if (marketplaceNames.length === 0) return ALL_SKILLS_EJECTED_LABEL;\n\n  return marketplaceNames\n    .map((name) => formatSourceDisplayName(name))\n    .sort()\n    .join(\" · \");\n}\n\ntype PanelHeaderProps = {\n  sourceNames: string;\n  stackName: string | undefined;\n};\n\n/**\n * Which marketplaces and which stack the summary below was built from.\n *\n * Rendered inside the scrolled content, so its `marginBottom` scrolls away\n * rather than permanently costing the viewport a row.\n *\n * `flexShrink={0}` is load-bearing: Ink defaults every box to `flexShrink: 1`,\n * so on a short terminal Yoga squeezes this block to fit instead of letting the\n * viewport clip it, and the Marketplace and Stack rows overprint into one\n * unreadable line. Clipping is the panel's job; the header must keep its height.\n */\nconst PanelHeader: React.FC<PanelHeaderProps> = ({ sourceNames, stackName }) => (\n  <Box\n    flexDirection=\"column\"\n    flexShrink={0}\n    borderStyle=\"single\"\n    borderBottom={true}\n    borderTop={false}\n    borderLeft={false}\n    borderRight={false}\n    borderColor={CLI_COLORS.NEUTRAL}\n    borderBottomDimColor\n    paddingBottom={1}\n    marginBottom={1}\n  >\n    <Box flexDirection=\"row\" columnGap={1}>\n      <Text color={CLI_COLORS.WARNING} bold>\n        Marketplace\n      </Text>\n      <Text color={CLI_COLORS.NEUTRAL}>{sourceNames}</Text>\n    </Box>\n    <Box flexDirection=\"row\" columnGap={1}>\n      <Text color={CLI_COLORS.WARNING} bold>\n        Stack\n      </Text>\n      <Text color={CLI_COLORS.NEUTRAL}>{stackName ?? \"none\"}</Text>\n    </Box>\n  </Box>\n);\n\n/**\n * Marketplace/stack header above a clipped, arrow-scrollable\n * `SkillAgentSummary` — the one panel both summary surfaces render: the `I`\n * overlay in `wizard-layout.tsx` and the confirm step.\n *\n * It owns the `↑`/`↓` keys through `usePanelScroll`. A host that needs other\n * keys adds its own `useInput` alongside it — `StepConfirm` claims `Enter` and\n * `Esc` that way.\n *\n * Horizontal padding only. Vertical padding is unshrinkable, so on a short\n * terminal it claims the last row the viewport has and the content measures 0\n * before it has ever been laid out — the panel then paints neither a summary\n * row nor the affordance that would say rows are missing.\n */\nexport const SummaryPanel: React.FC = () => {\n  const skillConfigs = useWizardStore((s) => s.skillConfigs);\n  const agentConfigs = useWizardStore((s) => s.agentConfigs);\n  const selectedStackId = useWizardStore((s) => s.selectedStackId);\n  const { viewportRef, contentRef, contentMarginTop, hiddenAbove, hiddenBelow } = usePanelScroll();\n\n  const sourceNames = formatSkillMarketplaces(skillConfigs);\n  const stackName = getStackName(selectedStackId);\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      flexGrow={1}\n      flexBasis={0}\n      borderStyle=\"single\"\n      borderColor={CLI_COLORS.NEUTRAL}\n      paddingX={2}\n    >\n      <Box ref={viewportRef} flexDirection=\"column\" flexGrow={1} flexBasis={0} overflow=\"hidden\">\n        <Box ref={contentRef} flexDirection=\"column\" flexShrink={0} marginTop={contentMarginTop}>\n          <PanelHeader sourceNames={sourceNames} stackName={stackName} />\n\n          <Box width=\"100%\">\n            <SkillAgentSummary skillConfigs={skillConfigs} agentConfigs={agentConfigs} />\n          </Box>\n        </Box>\n      </Box>\n      <ScrollAffordance hiddenAbove={hiddenAbove} hiddenBelow={hiddenBelow} />\n    </Box>\n  );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport type { Ref, RefObject } from \"react\";\nimport { type DOMElement, measureElement, useInput } from \"ink\";\nimport { useMeasuredHeight } from \"./use-measured-height.js\";\n\nexport type UsePanelScrollResult = {\n  /** Attach to the clipping box — the one with `overflow=\"hidden\"`. */\n  viewportRef: Ref<DOMElement>;\n  /** Attach to the scrolled content box inside the viewport. */\n  contentRef: RefObject<DOMElement | null>;\n  /** Apply as the content box's `marginTop`; negative by the number of lines scrolled off the top. */\n  contentMarginTop: number;\n  /** Content lines scrolled off the top of the viewport. */\n  hiddenAbove: number;\n  /** Content lines clipped below the viewport. */\n  hiddenBelow: number;\n};\n\n/**\n * Line scrolling for a single clipped viewport, driven by the `↑`/`↓` keys.\n *\n * The caller renders viewport, content and a `ScrollAffordance` sibling; this\n * owns the offset those three agree on. Distinct from `useSectionScroll`, which\n * moves a viewport to follow focus across variable-height sections — here there\n * is no focus, only the arrow keys.\n *\n * A host that needs other keys adds its own `useInput` alongside it, on keys\n * disjoint from `↑`/`↓`.\n */\nexport function usePanelScroll(): UsePanelScrollResult {\n  // Measured on the clipping box itself, inside the border and padding, so it\n  // is the height the content actually gets.\n  const { ref: viewportRef, measuredHeight: viewportHeight } = useMeasuredHeight();\n  const contentRef = useRef<DOMElement>(null);\n  const [contentHeight, setContentHeight] = useState(0);\n  const [scrollOffset, setScrollOffset] = useState(0);\n\n  // Ink's measurement idiom: re-measure on every render, no dependency array\n  // on purpose. The setState inside is guarded to fire only when the measured\n  // height actually changed, so the chain converges instead of looping — a\n  // dependency array here would skip re-measures after layout changes React\n  // cannot see.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    if (!contentRef.current) return;\n    const { height } = measureElement(contentRef.current);\n    // Yoga under-reports a wrapped subtree measured inside a viewport too\n    // short to lay it out, and reports 0 inside a zero-height one, so the\n    // tallest reading is the trustworthy one. Believing a squeezed reading\n    // would shrink the hidden-line count until the affordance disappeared,\n    // which hands its row back and grows the count again — a render loop.\n    setContentHeight((prev) => Math.max(prev, height));\n  });\n\n  // contentHeight only ever sizes the scroll range and the affordance count.\n  // It must never gate the clip — which is why it is not returned: a viewport\n  // that stops clipping when it looks too small grows to content height, which\n  // makes it look big enough to stop clipping — a stable wrong answer that\n  // paints the content over the border.\n  const maxScroll = Math.max(0, contentHeight - viewportHeight);\n  const hiddenBelow = Math.max(0, maxScroll - scrollOffset);\n\n  useInput((_input, key) => {\n    if (key.upArrow) setScrollOffset((prev) => Math.max(0, prev - 1));\n    if (key.downArrow) setScrollOffset((prev) => Math.min(maxScroll, prev + 1));\n  });\n\n  return {\n    viewportRef,\n    contentRef,\n    contentMarginTop: scrollOffset > 0 ? -scrollOffset : 0,\n    hiddenAbove: scrollOffset,\n    hiddenBelow,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,YAAY;AAC1B,OAAkB;AAClB,SAAS,cAAc;;;ACFvB,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAA0B,gBAAgB,gBAAgB;AA2BnD,SAAS,iBAAuC;AAGrD,QAAM,EAAE,KAAK,aAAa,gBAAgB,eAAe,IAAI,kBAAkB;AAC/E,QAAM,aAAa,OAAmB,IAAI;AAC1C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAQlD,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,QAAS;AACzB,UAAM,EAAE,OAAO,IAAI,eAAe,WAAW,OAAO;AAMpD,qBAAiB,CAAC,SAAS,KAAK,IAAI,MAAM,MAAM,CAAC;AAAA,EACnD,CAAC;AAOD,QAAM,YAAY,KAAK,IAAI,GAAG,gBAAgB,cAAc;AAC5D,QAAM,cAAc,KAAK,IAAI,GAAG,YAAY,YAAY;AAExD,WAAS,CAAC,QAAQ,QAAQ;AACxB,QAAI,IAAI,QAAS,iBAAgB,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAChE,QAAI,IAAI,UAAW,iBAAgB,CAAC,SAAS,KAAK,IAAI,WAAW,OAAO,CAAC,CAAC;AAAA,EAC5E,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,kBAAkB,eAAe,IAAI,CAAC,eAAe;AAAA,IACrD,aAAa;AAAA,IACb;AAAA,EACF;AACF;;;ADSI,SACE,KADF;AA5CJ,SAAS,wBAAwB,cAAqC;AACpE,MAAI,aAAa,WAAW,EAAG,QAAO,wBAAwB,0BAA0B;AAExF,QAAM,mBAAmB;AAAA,IACvB,aAAa,IAAI,CAAC,WAAW,OAAO,MAAM,EAAE,OAAO,CAAC,WAAW,WAAW,YAAY;AAAA,EACxF;AACA,MAAI,iBAAiB,WAAW,EAAG,QAAO;AAE1C,SAAO,iBACJ,IAAI,CAAC,SAAS,wBAAwB,IAAI,CAAC,EAC3C,KAAK,EACL,KAAK,QAAK;AACf;AAkBA,IAAM,cAA0C,CAAC,EAAE,aAAa,UAAU,MACxE;AAAA,EAAC;AAAA;AAAA,IACC,eAAc;AAAA,IACd,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa,WAAW;AAAA,IACxB,sBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IAEd;AAAA,2BAAC,OAAI,eAAc,OAAM,WAAW,GAClC;AAAA,4BAAC,QAAK,OAAO,WAAW,SAAS,MAAI,MAAC,yBAEtC;AAAA,QACA,oBAAC,QAAK,OAAO,WAAW,SAAU,uBAAY;AAAA,SAChD;AAAA,MACA,qBAAC,OAAI,eAAc,OAAM,WAAW,GAClC;AAAA,4BAAC,QAAK,OAAO,WAAW,SAAS,MAAI,MAAC,mBAEtC;AAAA,QACA,oBAAC,QAAK,OAAO,WAAW,SAAU,uBAAa,QAAO;AAAA,SACxD;AAAA;AAAA;AACF;AAiBK,IAAM,eAAyB,MAAM;AAC1C,QAAM,eAAe,eAAe,CAAC,MAAM,EAAE,YAAY;AACzD,QAAM,eAAe,eAAe,CAAC,MAAM,EAAE,YAAY;AACzD,QAAM,kBAAkB,eAAe,CAAC,MAAM,EAAE,eAAe;AAC/D,QAAM,EAAE,aAAa,YAAY,kBAAkB,aAAa,YAAY,IAAI,eAAe;AAE/F,QAAM,cAAc,wBAAwB,YAAY;AACxD,QAAM,YAAY,aAAa,eAAe;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,UAAU;AAAA,MACV,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAa,WAAW;AAAA,MACxB,UAAU;AAAA,MAEV;AAAA,4BAAC,OAAI,KAAK,aAAa,eAAc,UAAS,UAAU,GAAG,WAAW,GAAG,UAAS,UAChF,+BAAC,OAAI,KAAK,YAAY,eAAc,UAAS,YAAY,GAAG,WAAW,kBACrE;AAAA,8BAAC,eAAY,aAA0B,WAAsB;AAAA,UAE7D,oBAAC,OAAI,OAAM,QACT,8BAAC,qBAAkB,cAA4B,cAA4B,GAC7E;AAAA,WACF,GACF;AAAA,QACA,oBAAC,oBAAiB,aAA0B,aAA0B;AAAA;AAAA;AAAA,EACxE;AAEJ;","names":[]}