agents-inc 0.149.2 → 0.151.0

package/dist/chunk-TYJLR32W.js

@@ -0,0 +1,128 @@
+#!/usr/bin/env node
+import {
+  useMeasuredHeight
+} from "./chunk-IOJR5TOY.js";
+import {
+  ScrollAffordance
+} from "./chunk-KOPEM3Q7.js";
+import {
+  getStackName
+} from "./chunk-YA4QQKKE.js";
+import {
+  SkillAgentSummary
+} from "./chunk-5V2O6C3T.js";
+import {
+  useWizardStore
+} from "./chunk-44LLPS2N.js";
+import {
+  ALL_SKILLS_EJECTED_LABEL,
+  CLI_COLORS,
+  DEFAULT_PUBLIC_SOURCE_NAME,
+  EJECT_SOURCE,
+  formatSourceDisplayName
+} from "./chunk-O5ASLZ2K.js";
+import {
+  init_esm_shims
+} from "./chunk-P56WJ5FA.js";
+
+// src/cli/components/wizard/summary-panel.tsx
+init_esm_shims();
+import { Box, Text } from "ink";
+import { unique } from "remeda";
+
+// src/cli/components/hooks/use-panel-scroll.ts
+init_esm_shims();
+import { useEffect, useRef, useState } from "react";
+import { measureElement, useInput } from "ink";
+function usePanelScroll() {
+  const { ref: viewportRef, measuredHeight: viewportHeight } = useMeasuredHeight();
+  const contentRef = useRef(null);
+  const [contentHeight, setContentHeight] = useState(0);
+  const [scrollOffset, setScrollOffset] = useState(0);
+  useEffect(() => {
+    if (!contentRef.current) return;
+    const { height } = measureElement(contentRef.current);
+    setContentHeight((prev) => Math.max(prev, height));
+  });
+  const maxScroll = Math.max(0, contentHeight - viewportHeight);
+  const hiddenBelow = Math.max(0, maxScroll - scrollOffset);
+  useInput((_input, key) => {
+    if (key.upArrow) setScrollOffset((prev) => Math.max(0, prev - 1));
+    if (key.downArrow) setScrollOffset((prev) => Math.min(maxScroll, prev + 1));
+  });
+  return {
+    viewportRef,
+    contentRef,
+    contentMarginTop: scrollOffset > 0 ? -scrollOffset : 0,
+    hiddenAbove: scrollOffset,
+    hiddenBelow
+  };
+}
+
+// src/cli/components/wizard/summary-panel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function formatSkillMarketplaces(skillConfigs) {
+  if (skillConfigs.length === 0) return formatSourceDisplayName(DEFAULT_PUBLIC_SOURCE_NAME);
+  const marketplaceNames = unique(
+    skillConfigs.map((config) => config.source).filter((source) => source !== EJECT_SOURCE)
+  );
+  if (marketplaceNames.length === 0) return ALL_SKILLS_EJECTED_LABEL;
+  return marketplaceNames.map((name) => formatSourceDisplayName(name)).sort().join(" \xB7 ");
+}
+var PanelHeader = ({ sourceNames, stackName }) => /* @__PURE__ */ jsxs(
+  Box,
+  {
+    flexDirection: "column",
+    flexShrink: 0,
+    borderStyle: "single",
+    borderBottom: true,
+    borderTop: false,
+    borderLeft: false,
+    borderRight: false,
+    borderColor: CLI_COLORS.NEUTRAL,
+    borderBottomDimColor: true,
+    paddingBottom: 1,
+    marginBottom: 1,
+    children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", columnGap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, bold: true, children: "Marketplace" }),
+        /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.NEUTRAL, children: sourceNames })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", columnGap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, bold: true, children: "Stack" }),
+        /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.NEUTRAL, children: stackName ?? "none" })
+      ] })
+    ]
+  }
+);
+var SummaryPanel = () => {
+  const skillConfigs = useWizardStore((s) => s.skillConfigs);
+  const agentConfigs = useWizardStore((s) => s.agentConfigs);
+  const selectedStackId = useWizardStore((s) => s.selectedStackId);
+  const { viewportRef, contentRef, contentMarginTop, hiddenAbove, hiddenBelow } = usePanelScroll();
+  const sourceNames = formatSkillMarketplaces(skillConfigs);
+  const stackName = getStackName(selectedStackId);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      flexGrow: 1,
+      flexBasis: 0,
+      borderStyle: "single",
+      borderColor: CLI_COLORS.NEUTRAL,
+      paddingX: 2,
+      children: [
+        /* @__PURE__ */ jsx(Box, { ref: viewportRef, flexDirection: "column", flexGrow: 1, flexBasis: 0, overflow: "hidden", children: /* @__PURE__ */ jsxs(Box, { ref: contentRef, flexDirection: "column", flexShrink: 0, marginTop: contentMarginTop, children: [
+          /* @__PURE__ */ jsx(PanelHeader, { sourceNames, stackName }),
+          /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(SkillAgentSummary, { skillConfigs, agentConfigs }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(ScrollAffordance, { hiddenAbove, hiddenBelow })
+      ]
+    }
+  );
+};
+
+export {
+  SummaryPanel
+};
+//# sourceMappingURL=chunk-TYJLR32W.js.map

package/dist/chunk-TYJLR32W.js.map

@@ -0,0 +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  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":[]}

package/dist/chunk-UFURYGD3.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+import {
+  StackSelection
+} from "./chunk-LAXAQ3PZ.js";
+import {
+  init_esm_shims
+} from "./chunk-P56WJ5FA.js";
+
+// src/cli/components/wizard/step-stack.tsx
+init_esm_shims();
+import { Box } from "ink";
+import { jsx } from "react/jsx-runtime";
+var StepStack = ({ onCancel }) => {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", width: "100%", flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexBasis: 0, children: /* @__PURE__ */ jsx(StackSelection, { onCancel }) }) });
+};
+
+export {
+  StepStack
+};
+//# sourceMappingURL=chunk-UFURYGD3.js.map

package/dist/chunk-UFURYGD3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/step-stack.tsx"],"sourcesContent":["import { Box } from \"ink\";\nimport React from \"react\";\nimport { StackSelection } from \"./stack-selection.js\";\n\ntype StepStackProps = {\n  onCancel?: () => void;\n};\n\n/**\n * First step of the wizard: select a stack or \"Start from scratch\".\n *\n * After selection, the wizard transitions to the \"domains\" step.\n */\nexport const StepStack: React.FC<StepStackProps> = ({ onCancel }) => {\n  return (\n    <Box flexDirection=\"column\" width=\"100%\" flexGrow={1} flexBasis={0}>\n      <Box flexGrow={1} flexBasis={0}>\n        <StackSelection onCancel={onCancel} />\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;AAAA,SAAS,WAAW;AAiBZ;AAJD,IAAM,YAAsC,CAAC,EAAE,SAAS,MAAM;AACnE,SACE,oBAAC,OAAI,eAAc,UAAS,OAAM,QAAO,UAAU,GAAG,WAAW,GAC/D,8BAAC,OAAI,UAAU,GAAG,WAAW,GAC3B,8BAAC,kBAAe,UAAoB,GACtC,GACF;AAEJ;","names":[]}

package/dist/chunk-UTFN6UJS.js

@@ -0,0 +1,253 @@
+#!/usr/bin/env node
+import {
+  WIZARD_STEPS,
+  WizardTabs
+} from "./chunk-EVXG3X6G.js";
+import {
+  Toast
+} from "./chunk-RBHYLCUB.js";
+import {
+  SummaryPanel
+} from "./chunk-TYJLR32W.js";
+import {
+  getDomainDisplayName,
+  getStackName
+} from "./chunk-YA4QQKKE.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-VG2TVBFN.js";
+import {
+  FEATURE_FLAGS
+} from "./chunk-IHO75PMZ.js";
+import {
+  orderDomains,
+  useWizardStore
+} from "./chunk-44LLPS2N.js";
+import {
+  formatTerminalTooSmallMessage,
+  isTerminalLargeEnough
+} from "./chunk-P3PN5SVI.js";
+import {
+  CLI_COLORS,
+  FALLBACK_DOMAIN,
+  LOGO_MIN_TERMINAL_ROWS
+} from "./chunk-O5ASLZ2K.js";
+import {
+  init_esm_shims
+} from "./chunk-P56WJ5FA.js";
+
+// src/cli/components/wizard/wizard-layout.tsx
+init_esm_shims();
+import { Box, Text } from "ink";
+import { Fragment } from "react";
+
+// src/cli/components/hooks/use-terminal-dimensions.ts
+init_esm_shims();
+import { useState, useEffect } from "react";
+import { useStdout } from "ink";
+var DEFAULT_COLUMNS = 80;
+var DEFAULT_ROWS = 24;
+function useTerminalDimensions() {
+  const { stdout } = useStdout();
+  const [dimensions, setDimensions] = useState(() => ({
+    columns: stdout.columns || DEFAULT_COLUMNS,
+    rows: stdout.rows || DEFAULT_ROWS
+  }));
+  useEffect(() => {
+    const handleResize = () => {
+      setDimensions({
+        columns: stdout.columns || DEFAULT_COLUMNS,
+        rows: stdout.rows || DEFAULT_ROWS
+      });
+    };
+    stdout.on("resize", handleResize);
+    return () => {
+      stdout.off("resize", handleResize);
+    };
+  }, [stdout]);
+  return dimensions;
+}
+
+// src/cli/components/wizard/wizard-layout.tsx
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+var DefinitionItem = ({
+  isVisible = true,
+  isActive = false,
+  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,
+            " "
+          ]
+        }
+      ),
+      " "
+    ] }, value)),
+    /* @__PURE__ */ jsx(Text, { color: isActive ? CLI_COLORS.PRIMARY : void 0, children: label })
+  ] });
+};
+var HOT_KEYS = [
+  { label: "select", values: [KEY_LABEL_SPACE] },
+  { label: "continue", values: [KEY_LABEL_ENTER] },
+  { label: "back", values: [KEY_LABEL_ESC] }
+];
+var WizardFooter = () => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      columnGap: 2,
+      borderTop: true,
+      borderRight: false,
+      borderBottom: true,
+      borderLeft: false,
+      borderColor: "blackBright",
+      borderStyle: "single",
+      paddingLeft: 1,
+      paddingRight: 1,
+      children: HOT_KEYS.map((hotkey) => /* @__PURE__ */ createElement(DefinitionItem, { ...hotkey, key: hotkey.label }))
+    }
+  );
+};
+var STEP_DROPDOWN_LABEL = {
+  stack: "Choose a stack",
+  domains: "Select domains",
+  sources: "Customize skill sources",
+  agents: "Select agents"
+};
+var TerminalTooSmall = ({ columns }) => /* @__PURE__ */ jsx(Box, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, children: formatTerminalTooSmallMessage(columns) }) });
+function resolveDropdownLabel(step, selectedStackId) {
+  if (step === "confirm") {
+    const stackName = getStackName(selectedStackId);
+    return stackName ? `Ready to install ${stackName}` : "Ready to install your custom stack";
+  }
+  return STEP_DROPDOWN_LABEL[step];
+}
+var WizardLayout = ({ version, logo, children }) => {
+  const store = useWizardStore();
+  const { columns: terminalWidth, rows: terminalHeight } = useTerminalDimensions();
+  if (!isTerminalLargeEnough(terminalWidth, terminalHeight)) {
+    return /* @__PURE__ */ jsx(TerminalTooSmall, { columns: terminalWidth });
+  }
+  const { completedSteps, skippedSteps } = store.getStepProgress();
+  const domainNav = store.step === "build" && store.selectedDomains.length > 0 ? {
+    domains: orderDomains(store.selectedDomains),
+    activeDomain: store.getCurrentDomain() || store.selectedDomains[0] || FALLBACK_DOMAIN,
+    getDomainLabel: getDomainDisplayName
+  } : void 0;
+  const terminalHasRoomForLogo = terminalHeight >= LOGO_MIN_TERMINAL_ROWS;
+  const shouldRenderLogo = !!logo && store.step === "stack" && terminalHasRoomForLogo;
+  const dropdownLabel = resolveDropdownLabel(store.step, store.selectedStackId);
+  const dropdowns = dropdownLabel ? { [store.step]: { items: [{ id: dropdownLabel, label: dropdownLabel }] } } : {};
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, height: terminalHeight, children: [
+    shouldRenderLogo && /* @__PURE__ */ jsx(Box, { flexDirection: "row", marginTop: 1, columnGap: 1, children: /* @__PURE__ */ jsx(Text, { children: logo }) }),
+    /* @__PURE__ */ jsx(
+      WizardTabs,
+      {
+        steps: WIZARD_STEPS,
+        currentStep: store.step,
+        completedSteps,
+        skippedSteps,
+        version,
+        domainNav,
+        dropdowns
+      }
+    ),
+    FEATURE_FLAGS.INFO_PANEL && 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: [
+      /* @__PURE__ */ jsx(Box, { flexDirection: "column", flexGrow: 1, flexBasis: 0, marginTop: 1, children }),
+      /* @__PURE__ */ jsxs(Box, { paddingX: 1, columnGap: 2, marginTop: 2, children: [
+        /* @__PURE__ */ jsx(
+          DefinitionItem,
+          {
+            label: "Labels",
+            values: [HOTKEY_TOGGLE_LABELS.label],
+            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,
+          {
+            label: "Scope",
+            values: [HOTKEY_SCOPE.label],
+            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,
+          {
+            label: "Info",
+            values: [HOTKEY_INFO.label],
+            isVisible: isInfoPanelAvailable(store.step)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(WizardFooter, {}),
+      store.toastMessage && /* @__PURE__ */ jsx(Box, { position: "absolute", marginTop: terminalHeight - 4, children: /* @__PURE__ */ jsx(Toast, { children: store.toastMessage }) })
+    ] })
+  ] });
+};
+
+export {
+  useTerminalDimensions,
+  WizardLayout
+};
+//# sourceMappingURL=chunk-UTFN6UJS.js.map

package/dist/chunk-UTFN6UJS.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 { FEATURE_FLAGS } from \"../../lib/feature-flags.js\";\nimport { 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_SET_ALL_LOCAL,\n  HOTKEY_SET_ALL_PLUGIN,\n  HOTKEY_SETTINGS,\n  HOTKEY_FILTER_INCOMPATIBLE,\n  HOTKEY_TOGGLE_LABELS,\n  KEY_LABEL_ENTER,\n  KEY_LABEL_ESC,\n  KEY_LABEL_SPACE,\n  isInfoPanelAvailable,\n} from \"./hotkeys.js\";\nimport {\n  WIZARD_STEPS,\n  WizardTabs,\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  isActive?: boolean;\n  label: string;\n  values: readonly string[];\n};\n\nconst DefinitionItem: React.FC<KeyHintProps> = ({\n  isVisible = true,\n  isActive = false,\n  label,\n  values,\n}) => {\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <Text>\n      {values.map((value) => (\n        <Fragment key={value}>\n          <Text\n            backgroundColor={CLI_COLORS.LABEL_BG}\n            color={isActive ? CLI_COLORS.PRIMARY : CLI_COLORS.UNFOCUSED}\n          >\n            {\" \"}\n            {value}{\" \"}\n          </Text>{\" \"}\n        </Fragment>\n      ))}\n      <Text color={isActive ? CLI_COLORS.PRIMARY : undefined}>{label}</Text>\n    </Text>\n  );\n};\n\nconst HOT_KEYS = [\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;\n  logo?: string;\n  startupMessages?: StartupMessage[];\n  children: React.ReactNode;\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> = ({ version, logo, children }) => {\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={WIZARD_STEPS}\n        currentStep={store.step}\n        completedSteps={completedSteps}\n        skippedSteps={skippedSteps}\n        version={version}\n        domainNav={domainNav}\n        dropdowns={dropdowns}\n      />\n      {FEATURE_FLAGS.INFO_PANEL && 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=\"Filter incompatible\"\n              values={[HOTKEY_FILTER_INCOMPATIBLE.label]}\n              isVisible={store.step === \"build\" && FEATURE_FLAGS.FILTER_INCOMPATIBLE}\n              isActive={store.filterIncompatible}\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=\"Set all local\"\n              values={[HOTKEY_SET_ALL_LOCAL.label]}\n              isVisible={store.step === \"sources\"}\n            />\n            <DefinitionItem\n              label=\"Set all plugin\"\n              values={[HOTKEY_SET_ALL_PLUGIN.label]}\n              isVisible={store.step === \"sources\"}\n            />\n            <DefinitionItem\n              label=\"Settings\"\n              values={[HOTKEY_SETTINGS.label]}\n              isVisible={store.step === \"sources\" && FEATURE_FLAGS.SOURCE_SEARCH}\n              isActive={store.showSettings}\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"]}