@agents-inc/cli 0.32.1

package/dist/chunk-EMJ2ZKS7.js

@@ -0,0 +1,346 @@
+#!/usr/bin/env node
+import {
+  cliTheme
+} from "./chunk-Z4TWOP3H.js";
+import {
+  useTextInput
+} from "./chunk-U3IGFMCY.js";
+import {
+  CLI_COLORS,
+  UI_LAYOUT,
+  UI_SYMBOLS
+} from "./chunk-LAPCUV4D.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli/components/skill-search/skill-search.tsx
+init_esm_shims();
+import { useState as useState2, useCallback as useCallback2 } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { ThemeProvider } from "@inkjs/ui";
+
+// src/cli/components/hooks/use-filtered-results.ts
+init_esm_shims();
+import { useState, useMemo, useEffect, useCallback, useRef } from "react";
+function useFilteredResults({
+  items,
+  query,
+  filterFn,
+  maxVisible
+}) {
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  const [scrollOffset, setScrollOffset] = useState(0);
+  useEffect(() => {
+    setFocusedIndex(0);
+    setScrollOffset(0);
+  }, [query]);
+  const filteredResults = useMemo(() => {
+    return items.filter((item) => filterFn(item, query));
+  }, [items, query, filterFn]);
+  const safeFocusedIndex = Math.min(focusedIndex, Math.max(0, filteredResults.length - 1));
+  const focusedItem = filteredResults[safeFocusedIndex];
+  const safeFocusedIndexRef = useRef(safeFocusedIndex);
+  const scrollOffsetRef = useRef(scrollOffset);
+  const resultCountRef = useRef(filteredResults.length);
+  useEffect(() => {
+    safeFocusedIndexRef.current = safeFocusedIndex;
+  }, [safeFocusedIndex]);
+  useEffect(() => {
+    scrollOffsetRef.current = scrollOffset;
+  }, [scrollOffset]);
+  useEffect(() => {
+    resultCountRef.current = filteredResults.length;
+  }, [filteredResults.length]);
+  const moveUp = useCallback(() => {
+    const current = safeFocusedIndexRef.current;
+    if (current <= 0) return;
+    const newIndex = current - 1;
+    setFocusedIndex(newIndex);
+    if (newIndex < scrollOffsetRef.current) {
+      setScrollOffset(newIndex);
+    }
+  }, []);
+  const moveDown = useCallback(() => {
+    const current = safeFocusedIndexRef.current;
+    if (current >= resultCountRef.current - 1) return;
+    const newIndex = current + 1;
+    setFocusedIndex(newIndex);
+    if (newIndex >= scrollOffsetRef.current + maxVisible) {
+      setScrollOffset(newIndex - maxVisible + 1);
+    }
+  }, [maxVisible]);
+  return {
+    filteredResults,
+    safeFocusedIndex,
+    focusedItem,
+    scrollOffset,
+    moveUp,
+    moveDown
+  };
+}
+
+// src/cli/components/skill-search/skill-search.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var {
+  MAX_VISIBLE_RESULTS,
+  DESCRIPTION_WIDTH,
+  COPIED_MESSAGE_TIMEOUT_MS,
+  FALLBACK_MESSAGE_TIMEOUT_MS
+} = UI_LAYOUT;
+var { CHECKBOX_CHECKED, CHECKBOX_UNCHECKED } = UI_SYMBOLS;
+function matchesQuery(skill, query) {
+  if (!query.trim()) return true;
+  const lowerQuery = query.toLowerCase();
+  if (skill.id.toLowerCase().includes(lowerQuery)) return true;
+  if (skill.displayName?.toLowerCase().includes(lowerQuery)) return true;
+  if (skill.description.toLowerCase().includes(lowerQuery)) return true;
+  if (skill.category.toLowerCase().includes(lowerQuery)) return true;
+  if (skill.tags.some((tag) => tag.toLowerCase().includes(lowerQuery))) return true;
+  return skill.sourceName.toLowerCase().includes(lowerQuery);
+}
+function truncate(text, maxLength) {
+  if (text.length <= maxLength) return text;
+  return `${text.slice(0, maxLength - 3)}...`;
+}
+var Header = ({ sourceCount }) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      borderStyle: "single",
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: CLI_COLORS.PRIMARY, children: "Search Skills" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          sourceCount,
+          " source",
+          sourceCount !== 1 ? "s" : ""
+        ] })
+      ]
+    }
+  );
+};
+var SearchInput = ({ value }) => {
+  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.FOCUS, children: [
+      ">",
+      " "
+    ] }),
+    /* @__PURE__ */ jsx(Text, { children: value }),
+    /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.FOCUS, children: "_" })
+  ] });
+};
+var ResultItem = ({ skill, isSelected, isFocused }) => {
+  const checkbox = isSelected ? CHECKBOX_CHECKED : CHECKBOX_UNCHECKED;
+  const displayName = skill.displayName || skill.id;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsxs(
+      Text,
+      {
+        color: isFocused ? CLI_COLORS.FOCUS : isSelected ? CLI_COLORS.SUCCESS : void 0,
+        bold: isFocused,
+        backgroundColor: isFocused ? "#333333" : void 0,
+        children: [
+          " ",
+          checkbox,
+          " "
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { width: 14, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncate(skill.sourceName, 12) }) }),
+    /* @__PURE__ */ jsx(Box, { width: 24, children: /* @__PURE__ */ jsx(Text, { color: isFocused ? CLI_COLORS.FOCUS : void 0, bold: isFocused || isSelected, children: truncate(displayName, 22) }) }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncate(skill.description, DESCRIPTION_WIDTH) })
+  ] });
+};
+var ResultsList = ({
+  results,
+  selectedIds,
+  focusedIndex,
+  scrollOffset
+}) => {
+  const visibleResults = results.slice(scrollOffset, scrollOffset + MAX_VISIBLE_RESULTS);
+  if (results.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No skills found matching your search." }) });
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderTop: false,
+      borderBottom: false,
+      paddingX: 1,
+      children: visibleResults.map((skill, index) => {
+        const actualIndex = scrollOffset + index;
+        return /* @__PURE__ */ jsx(
+          ResultItem,
+          {
+            skill,
+            isSelected: selectedIds.has(skill.id),
+            isFocused: actualIndex === focusedIndex
+          },
+          skill.id
+        );
+      })
+    }
+  );
+};
+var StatusBar = ({ resultCount, selectedCount }) => {
+  return /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    resultCount,
+    " result",
+    resultCount !== 1 ? "s" : "",
+    selectedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: CLI_COLORS.SUCCESS, children: [
+      " | ",
+      selectedCount,
+      " selected"
+    ] })
+  ] }) });
+};
+var Footer = ({ hasSelection }) => {
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "row",
+      justifyContent: "center",
+      gap: 2,
+      borderStyle: "single",
+      borderTop: false,
+      borderLeft: false,
+      borderRight: false,
+      paddingX: 1,
+      marginTop: 1,
+      children: [
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.UNFOCUSED, children: "j/k" }),
+          " navigate"
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.UNFOCUSED, children: "SPACE" }),
+          " select"
+        ] }),
+        hasSelection && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.SUCCESS, children: "ENTER" }),
+          " import"
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.UNFOCUSED, children: "c" }),
+          " copy link"
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, children: "ESC" }),
+          " cancel"
+        ] })
+      ]
+    }
+  );
+};
+var SkillSearch = ({
+  skills,
+  sourceCount,
+  initialQuery = "",
+  onComplete,
+  onCancel
+}) => {
+  const { exit } = useApp();
+  const { value: query, handleInput: handleTextInput } = useTextInput(initialQuery);
+  const [selectedIds, setSelectedIds] = useState2(/* @__PURE__ */ new Set());
+  const [copiedMessage, setCopiedMessage] = useState2(null);
+  const {
+    filteredResults,
+    safeFocusedIndex,
+    focusedItem: focusedSkill,
+    scrollOffset,
+    moveUp,
+    moveDown
+  } = useFilteredResults({
+    items: skills,
+    query,
+    filterFn: matchesQuery,
+    maxVisible: MAX_VISIBLE_RESULTS
+  });
+  const toggleSelection = useCallback2((skillId) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(skillId)) {
+        next.delete(skillId);
+      } else {
+        next.add(skillId);
+      }
+      return next;
+    });
+  }, []);
+  const copySkillLink = useCallback2(async (skill) => {
+    const link = skill.sourceUrl ? `${skill.sourceUrl}/${skill.id}` : skill.id;
+    try {
+      const encoded = Buffer.from(link).toString("base64");
+      process.stdout.write(`\x1B]52;c;${encoded}\x07`);
+      setCopiedMessage(`Copied: ${link}`);
+      setTimeout(() => setCopiedMessage(null), COPIED_MESSAGE_TIMEOUT_MS);
+    } catch {
+      setCopiedMessage(`Link: ${link}`);
+      setTimeout(() => setCopiedMessage(null), FALLBACK_MESSAGE_TIMEOUT_MS);
+    }
+  }, []);
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+      exit();
+      return;
+    }
+    if (key.return) {
+      if (selectedIds.size > 0) {
+        const selectedSkills = filteredResults.filter((s) => selectedIds.has(s.id));
+        onComplete({
+          selectedSkills,
+          cancelled: false
+        });
+        exit();
+      }
+      return;
+    }
+    if (input === " " && focusedSkill) {
+      toggleSelection(focusedSkill.id);
+      return;
+    }
+    if ((input === "c" || input === "C") && focusedSkill) {
+      void copySkillLink(focusedSkill);
+      return;
+    }
+    const isUp = key.upArrow || input === "k";
+    const isDown = key.downArrow || input === "j";
+    if (isUp) {
+      moveUp();
+    }
+    if (isDown) {
+      moveDown();
+    }
+    handleTextInput(input, key);
+  });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: cliTheme, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Header, { sourceCount }),
+    /* @__PURE__ */ jsx(SearchInput, { value: query }),
+    /* @__PURE__ */ jsx(
+      ResultsList,
+      {
+        results: filteredResults,
+        selectedIds,
+        focusedIndex: safeFocusedIndex,
+        scrollOffset
+      }
+    ),
+    /* @__PURE__ */ jsx(StatusBar, { resultCount: filteredResults.length, selectedCount: selectedIds.size }),
+    copiedMessage && /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.SUCCESS, children: copiedMessage }) }),
+    /* @__PURE__ */ jsx(Footer, { hasSelection: selectedIds.size > 0 })
+  ] }) });
+};
+
+export {
+  SkillSearch
+};
+//# sourceMappingURL=chunk-EMJ2ZKS7.js.map

package/dist/chunk-EMJ2ZKS7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/skill-search/skill-search.tsx","../src/cli/components/hooks/use-filtered-results.ts"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport { Box, Text, useApp, useInput } from \"ink\";\nimport { ThemeProvider } from \"@inkjs/ui\";\nimport { cliTheme } from \"../themes/default.js\";\nimport type { ResolvedSkill, SkillId } from \"../../types/index.js\";\nimport { CLI_COLORS, UI_SYMBOLS, UI_LAYOUT } from \"../../consts.js\";\nimport { useTextInput } from \"../hooks/use-text-input.js\";\nimport { useFilteredResults } from \"../hooks/use-filtered-results.js\";\n\nexport type SourcedSkill = ResolvedSkill & {\n  sourceName: string;\n  sourceUrl?: string;\n};\n\nexport type SkillSearchResult = {\n  selectedSkills: SourcedSkill[];\n  cancelled: boolean;\n};\n\nexport type SkillSearchProps = {\n  skills: SourcedSkill[];\n  sourceCount: number;\n  initialQuery?: string;\n  onComplete: (result: SkillSearchResult) => void;\n  onCancel: () => void;\n};\n\nconst {\n  MAX_VISIBLE_RESULTS,\n  DESCRIPTION_WIDTH,\n  COPIED_MESSAGE_TIMEOUT_MS,\n  FALLBACK_MESSAGE_TIMEOUT_MS,\n} = UI_LAYOUT;\nconst { CHECKBOX_CHECKED, CHECKBOX_UNCHECKED } = UI_SYMBOLS;\n\nfunction matchesQuery(skill: SourcedSkill, query: string): boolean {\n  if (!query.trim()) return true;\n\n  const lowerQuery = query.toLowerCase();\n\n  if (skill.id.toLowerCase().includes(lowerQuery)) return true;\n  if (skill.displayName?.toLowerCase().includes(lowerQuery)) return true;\n  if (skill.description.toLowerCase().includes(lowerQuery)) return true;\n  if (skill.category.toLowerCase().includes(lowerQuery)) return true;\n  if (skill.tags.some((tag) => tag.toLowerCase().includes(lowerQuery))) return true;\n\n  return skill.sourceName.toLowerCase().includes(lowerQuery);\n}\n\nfunction truncate(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return `${text.slice(0, maxLength - 3)}...`;\n}\n\ntype HeaderProps = {\n  sourceCount: number;\n};\n\nconst Header: React.FC<HeaderProps> = ({ sourceCount }) => {\n  return (\n    <Box\n      flexDirection=\"row\"\n      justifyContent=\"space-between\"\n      borderStyle=\"single\"\n      borderBottom={false}\n      borderLeft={false}\n      borderRight={false}\n      paddingX={1}\n    >\n      <Text bold color={CLI_COLORS.PRIMARY}>\n        Search Skills\n      </Text>\n      <Text dimColor>\n        {sourceCount} source{sourceCount !== 1 ? \"s\" : \"\"}\n      </Text>\n    </Box>\n  );\n};\n\ntype SearchInputProps = {\n  value: string;\n};\n\nconst SearchInput: React.FC<SearchInputProps> = ({ value }) => {\n  return (\n    <Box paddingX={1} paddingY={1}>\n      <Text color={CLI_COLORS.FOCUS}>{\">\"} </Text>\n      <Text>{value}</Text>\n      <Text color={CLI_COLORS.FOCUS}>_</Text>\n    </Box>\n  );\n};\n\ntype ResultItemProps = {\n  skill: SourcedSkill;\n  isSelected: boolean;\n  isFocused: boolean;\n};\n\nconst ResultItem: React.FC<ResultItemProps> = ({ skill, isSelected, isFocused }) => {\n  const checkbox = isSelected ? CHECKBOX_CHECKED : CHECKBOX_UNCHECKED;\n  const displayName = skill.displayName || skill.id;\n  return (\n    <Box flexDirection=\"row\" gap={1}>\n      <Text\n        color={isFocused ? CLI_COLORS.FOCUS : isSelected ? CLI_COLORS.SUCCESS : undefined}\n        bold={isFocused}\n        backgroundColor={isFocused ? \"#333333\" : undefined}\n      >\n        {\" \"}\n        {checkbox}{\" \"}\n      </Text>\n      <Box width={14}>\n        <Text dimColor>{truncate(skill.sourceName, 12)}</Text>\n      </Box>\n      <Box width={24}>\n        <Text color={isFocused ? CLI_COLORS.FOCUS : undefined} bold={isFocused || isSelected}>\n          {truncate(displayName, 22)}\n        </Text>\n      </Box>\n      <Text dimColor>{truncate(skill.description, DESCRIPTION_WIDTH)}</Text>\n    </Box>\n  );\n};\n\ntype ResultsListProps = {\n  results: SourcedSkill[];\n  selectedIds: Set<SkillId>;\n  focusedIndex: number;\n  scrollOffset: number;\n};\n\nconst ResultsList: React.FC<ResultsListProps> = ({\n  results,\n  selectedIds,\n  focusedIndex,\n  scrollOffset,\n}) => {\n  const visibleResults = results.slice(scrollOffset, scrollOffset + MAX_VISIBLE_RESULTS);\n\n  if (results.length === 0) {\n    return (\n      <Box paddingX={1} paddingY={1}>\n        <Text dimColor>No skills found matching your search.</Text>\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"single\"\n      borderTop={false}\n      borderBottom={false}\n      paddingX={1}\n    >\n      {visibleResults.map((skill, index) => {\n        const actualIndex = scrollOffset + index;\n        return (\n          <ResultItem\n            key={skill.id}\n            skill={skill}\n            isSelected={selectedIds.has(skill.id)}\n            isFocused={actualIndex === focusedIndex}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n\ntype StatusBarProps = {\n  resultCount: number;\n  selectedCount: number;\n};\n\nconst StatusBar: React.FC<StatusBarProps> = ({ resultCount, selectedCount }) => {\n  return (\n    <Box paddingX={1}>\n      <Text dimColor>\n        {resultCount} result{resultCount !== 1 ? \"s\" : \"\"}\n        {selectedCount > 0 && <Text color={CLI_COLORS.SUCCESS}> | {selectedCount} selected</Text>}\n      </Text>\n    </Box>\n  );\n};\n\ntype FooterProps = {\n  hasSelection: boolean;\n};\n\nconst Footer: React.FC<FooterProps> = ({ hasSelection }) => {\n  return (\n    <Box\n      flexDirection=\"row\"\n      justifyContent=\"center\"\n      gap={2}\n      borderStyle=\"single\"\n      borderTop={false}\n      borderLeft={false}\n      borderRight={false}\n      paddingX={1}\n      marginTop={1}\n    >\n      <Text dimColor>\n        <Text color={CLI_COLORS.UNFOCUSED}>j/k</Text> navigate\n      </Text>\n      <Text dimColor>\n        <Text color={CLI_COLORS.UNFOCUSED}>SPACE</Text> select\n      </Text>\n      {hasSelection && (\n        <Text dimColor>\n          <Text color={CLI_COLORS.SUCCESS}>ENTER</Text> import\n        </Text>\n      )}\n      <Text dimColor>\n        <Text color={CLI_COLORS.UNFOCUSED}>c</Text> copy link\n      </Text>\n      <Text dimColor>\n        <Text color={CLI_COLORS.WARNING}>ESC</Text> cancel\n      </Text>\n    </Box>\n  );\n};\n\nexport const SkillSearch: React.FC<SkillSearchProps> = ({\n  skills,\n  sourceCount,\n  initialQuery = \"\",\n  onComplete,\n  onCancel,\n}) => {\n  const { exit } = useApp();\n\n  const { value: query, handleInput: handleTextInput } = useTextInput(initialQuery);\n  const [selectedIds, setSelectedIds] = useState<Set<SkillId>>(new Set());\n  const [copiedMessage, setCopiedMessage] = useState<string | null>(null);\n\n  const {\n    filteredResults,\n    safeFocusedIndex,\n    focusedItem: focusedSkill,\n    scrollOffset,\n    moveUp,\n    moveDown,\n  } = useFilteredResults({\n    items: skills,\n    query,\n    filterFn: matchesQuery,\n    maxVisible: MAX_VISIBLE_RESULTS,\n  });\n\n  const toggleSelection = useCallback((skillId: SkillId) => {\n    setSelectedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(skillId)) {\n        next.delete(skillId);\n      } else {\n        next.add(skillId);\n      }\n      return next;\n    });\n  }, []);\n\n  const copySkillLink = useCallback(async (skill: SourcedSkill) => {\n    const link = skill.sourceUrl ? `${skill.sourceUrl}/${skill.id}` : skill.id;\n\n    try {\n      // OSC 52 terminal clipboard escape sequence\n      const encoded = Buffer.from(link).toString(\"base64\");\n      process.stdout.write(`\\x1b]52;c;${encoded}\\x07`);\n      setCopiedMessage(`Copied: ${link}`);\n      setTimeout(() => setCopiedMessage(null), COPIED_MESSAGE_TIMEOUT_MS);\n    } catch {\n      setCopiedMessage(`Link: ${link}`);\n      setTimeout(() => setCopiedMessage(null), FALLBACK_MESSAGE_TIMEOUT_MS);\n    }\n  }, []);\n\n  useInput((input, key) => {\n    if (key.escape) {\n      onCancel();\n      exit();\n      return;\n    }\n\n    if (key.return) {\n      if (selectedIds.size > 0) {\n        const selectedSkills = filteredResults.filter((s) => selectedIds.has(s.id));\n        onComplete({\n          selectedSkills,\n          cancelled: false,\n        });\n        exit();\n      }\n      return;\n    }\n\n    if (input === \" \" && focusedSkill) {\n      toggleSelection(focusedSkill.id);\n      return;\n    }\n\n    if ((input === \"c\" || input === \"C\") && focusedSkill) {\n      void copySkillLink(focusedSkill);\n      return;\n    }\n\n    const isUp = key.upArrow || input === \"k\";\n    const isDown = key.downArrow || input === \"j\";\n\n    if (isUp) {\n      moveUp();\n    }\n\n    if (isDown) {\n      moveDown();\n    }\n\n    handleTextInput(input, key);\n  });\n\n  return (\n    <ThemeProvider theme={cliTheme}>\n      <Box flexDirection=\"column\">\n        <Header sourceCount={sourceCount} />\n        <SearchInput value={query} />\n        <ResultsList\n          results={filteredResults}\n          selectedIds={selectedIds}\n          focusedIndex={safeFocusedIndex}\n          scrollOffset={scrollOffset}\n        />\n        <StatusBar resultCount={filteredResults.length} selectedCount={selectedIds.size} />\n        {copiedMessage && (\n          <Box paddingX={1}>\n            <Text color={CLI_COLORS.SUCCESS}>{copiedMessage}</Text>\n          </Box>\n        )}\n        <Footer hasSelection={selectedIds.size > 0} />\n      </Box>\n    </ThemeProvider>\n  );\n};\n","import { useState, useMemo, useEffect, useCallback, useRef } from \"react\";\n\ntype UseFilteredResultsOptions<T> = {\n  /** Items to filter */\n  items: T[];\n  /** Current search query */\n  query: string;\n  /** Filter predicate — returns true if item matches the query */\n  filterFn: (item: T, query: string) => boolean;\n  /** Number of visible rows in the scrollable viewport */\n  maxVisible: number;\n};\n\ntype UseFilteredResultsResult<T> = {\n  /** Items that pass the filter */\n  filteredResults: T[];\n  /** Index clamped to valid range */\n  safeFocusedIndex: number;\n  /** The item at safeFocusedIndex, or undefined when empty */\n  focusedItem: T | undefined;\n  /** First visible row offset for windowed rendering */\n  scrollOffset: number;\n  /** Move focus up one row (clamped, adjusts scroll) */\n  moveUp: () => void;\n  /** Move focus down one row (clamped, adjusts scroll) */\n  moveDown: () => void;\n};\n\n/**\n * Manages filtered list state: query-based filtering, focus tracking,\n * and scroll-offset synchronisation for windowed rendering.\n * Focus and scroll reset automatically when the query changes.\n */\nexport function useFilteredResults<T>({\n  items,\n  query,\n  filterFn,\n  maxVisible,\n}: UseFilteredResultsOptions<T>): UseFilteredResultsResult<T> {\n  const [focusedIndex, setFocusedIndex] = useState(0);\n  const [scrollOffset, setScrollOffset] = useState(0);\n\n  useEffect(() => {\n    setFocusedIndex(0);\n    setScrollOffset(0);\n  }, [query]);\n\n  const filteredResults = useMemo(() => {\n    return items.filter((item) => filterFn(item, query));\n  }, [items, query, filterFn]);\n\n  const safeFocusedIndex = Math.min(focusedIndex, Math.max(0, filteredResults.length - 1));\n  const focusedItem = filteredResults[safeFocusedIndex] as T | undefined;\n\n  // Refs for stable callback access (matches use-keyboard-navigation pattern)\n  const safeFocusedIndexRef = useRef(safeFocusedIndex);\n  const scrollOffsetRef = useRef(scrollOffset);\n  const resultCountRef = useRef(filteredResults.length);\n\n  useEffect(() => {\n    safeFocusedIndexRef.current = safeFocusedIndex;\n  }, [safeFocusedIndex]);\n\n  useEffect(() => {\n    scrollOffsetRef.current = scrollOffset;\n  }, [scrollOffset]);\n\n  useEffect(() => {\n    resultCountRef.current = filteredResults.length;\n  }, [filteredResults.length]);\n\n  const moveUp = useCallback(() => {\n    const current = safeFocusedIndexRef.current;\n    if (current <= 0) return;\n    const newIndex = current - 1;\n    setFocusedIndex(newIndex);\n    if (newIndex < scrollOffsetRef.current) {\n      setScrollOffset(newIndex);\n    }\n  }, []);\n\n  const moveDown = useCallback(() => {\n    const current = safeFocusedIndexRef.current;\n    if (current >= resultCountRef.current - 1) return;\n    const newIndex = current + 1;\n    setFocusedIndex(newIndex);\n    if (newIndex >= scrollOffsetRef.current + maxVisible) {\n      setScrollOffset(newIndex - maxVisible + 1);\n    }\n  }, [maxVisible]);\n\n  return {\n    filteredResults,\n    safeFocusedIndex,\n    focusedItem,\n    scrollOffset,\n    moveUp,\n    moveDown,\n  };\n}\n"],"mappings":"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","names":["useState","useCallback","useState","useCallback"]}

package/dist/chunk-FJQRVFMB.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+import {
+  CLI_COLORS
+} from "./chunk-LAPCUV4D.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli/components/wizard/section-progress.tsx
+init_esm_shims();
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SectionProgress = ({
+  label,
+  current,
+  index,
+  total,
+  next
+}) => {
+  const isLast = index === total;
+  const rightText = isLast ? "Last step" : `Next: ${next}`;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+        label,
+        ":"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.PRIMARY, children: current })
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "[",
+        index,
+        "/",
+        total,
+        "]"
+      ] }),
+      " ",
+      /* @__PURE__ */ jsx(Text, { dimColor: isLast, children: rightText })
+    ] })
+  ] });
+};
+
+export {
+  SectionProgress
+};
+//# sourceMappingURL=chunk-FJQRVFMB.js.map

package/dist/chunk-FJQRVFMB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/section-progress.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Text } from \"ink\";\nimport { CLI_COLORS } from \"../../consts.js\";\n\ntype SectionProgressProps = {\n  label: string;\n  current: string;\n  /** 1-based */\n  index: number;\n  total: number;\n  next?: string;\n};\n\nexport const SectionProgress: React.FC<SectionProgressProps> = ({\n  label,\n  current,\n  index,\n  total,\n  next,\n}) => {\n  const isLast = index === total;\n  const rightText = isLast ? \"Last step\" : `Next: ${next}`;\n\n  return (\n    <Box flexDirection=\"row\" justifyContent=\"space-between\" marginBottom={1}>\n      <Text>\n        <Text bold>{label}:</Text> <Text color={CLI_COLORS.PRIMARY}>{current}</Text>\n      </Text>\n      <Text>\n        <Text dimColor>\n          [{index}/{total}]\n        </Text>{\" \"}\n        <Text dimColor={isLast}>{rightText}</Text>\n      </Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA,SAAS,KAAK,YAAY;AAyBlB,SAA2B,KAA3B;AAbD,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAAS,UAAU;AACzB,QAAM,YAAY,SAAS,cAAc,SAAS,IAAI;AAEtD,SACE,qBAAC,OAAI,eAAc,OAAM,gBAAe,iBAAgB,cAAc,GACpE;AAAA,yBAAC,QACC;AAAA,2BAAC,QAAK,MAAI,MAAE;AAAA;AAAA,QAAM;AAAA,SAAC;AAAA,MAAO;AAAA,MAAC,oBAAC,QAAK,OAAO,WAAW,SAAU,mBAAQ;AAAA,OACvE;AAAA,IACA,qBAAC,QACC;AAAA,2BAAC,QAAK,UAAQ,MAAC;AAAA;AAAA,QACX;AAAA,QAAM;AAAA,QAAE;AAAA,QAAM;AAAA,SAClB;AAAA,MAAQ;AAAA,MACR,oBAAC,QAAK,UAAU,QAAS,qBAAU;AAAA,OACrC;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-FZGYSLJL.js

@@ -0,0 +1,85 @@
+#!/usr/bin/env node
+import {
+  CLI_COLORS
+} from "./chunk-LAPCUV4D.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli/components/wizard/help-modal.tsx
+init_esm_shims();
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GLOBAL_KEYS = {
+  title: "Navigation",
+  keys: [
+    { key: "Arrow keys", description: "Move focus" },
+    { key: "SPACE", description: "Toggle selection" },
+    { key: "ENTER", description: "Confirm / continue" },
+    { key: "ESC", description: "Go back" },
+    { key: "TAB", description: "Jump to next section" }
+  ]
+};
+var GLOBAL_TOGGLES = {
+  title: "Global Toggles",
+  keys: [
+    { key: "E", description: "Toggle expert mode" },
+    { key: "P", description: "Toggle plugin/local install mode" },
+    { key: "?", description: "Toggle this help" }
+  ]
+};
+var BUILD_KEYS = {
+  title: "Build Step",
+  keys: [
+    { key: "D", description: "Toggle skill descriptions" },
+    { key: "A", description: "Accept stack defaults (stack path only)" },
+    { key: "h/j/k/l", description: "Vim-style navigation" }
+  ]
+};
+var SOURCES_KEYS = {
+  title: "Sources Step",
+  keys: [{ key: "G", description: "Toggle source settings" }]
+};
+var STEP_SECTIONS = {
+  build: BUILD_KEYS,
+  sources: SOURCES_KEYS
+};
+var KEY_COLUMN_WIDTH = 14;
+var HelpSectionView = ({ section }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+  /* @__PURE__ */ jsx(Text, { bold: true, underline: true, children: section.title }),
+  section.keys.map(({ key, description }) => /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Box, { width: KEY_COLUMN_WIDTH, children: /* @__PURE__ */ jsxs(Text, { backgroundColor: "black", color: CLI_COLORS.UNFOCUSED, children: [
+      " ",
+      key,
+      " "
+    ] }) }),
+    /* @__PURE__ */ jsx(Text, { children: description })
+  ] }, key))
+] });
+var HelpModal = ({ currentStep }) => {
+  const stepSection = STEP_SECTIONS[currentStep];
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: CLI_COLORS.PRIMARY,
+      paddingX: 2,
+      paddingY: 1,
+      marginTop: 1,
+      children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: CLI_COLORS.PRIMARY, children: "Keyboard Shortcuts" }),
+        /* @__PURE__ */ jsx(Text, { children: " " }),
+        /* @__PURE__ */ jsx(HelpSectionView, { section: GLOBAL_KEYS }),
+        /* @__PURE__ */ jsx(HelpSectionView, { section: GLOBAL_TOGGLES }),
+        stepSection && /* @__PURE__ */ jsx(HelpSectionView, { section: stepSection }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press ESC or ? to close" })
+      ]
+    }
+  );
+};
+
+export {
+  HelpModal
+};
+//# sourceMappingURL=chunk-FZGYSLJL.js.map

package/dist/chunk-FZGYSLJL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/help-modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Text } from \"ink\";\nimport { CLI_COLORS } from \"../../consts.js\";\nimport type { WizardStep } from \"../../stores/wizard-store.js\";\n\ntype HelpSection = {\n  title: string;\n  keys: { key: string; description: string }[];\n};\n\nconst GLOBAL_KEYS: HelpSection = {\n  title: \"Navigation\",\n  keys: [\n    { key: \"Arrow keys\", description: \"Move focus\" },\n    { key: \"SPACE\", description: \"Toggle selection\" },\n    { key: \"ENTER\", description: \"Confirm / continue\" },\n    { key: \"ESC\", description: \"Go back\" },\n    { key: \"TAB\", description: \"Jump to next section\" },\n  ],\n};\n\nconst GLOBAL_TOGGLES: HelpSection = {\n  title: \"Global Toggles\",\n  keys: [\n    { key: \"E\", description: \"Toggle expert mode\" },\n    { key: \"P\", description: \"Toggle plugin/local install mode\" },\n    { key: \"?\", description: \"Toggle this help\" },\n  ],\n};\n\nconst BUILD_KEYS: HelpSection = {\n  title: \"Build Step\",\n  keys: [\n    { key: \"D\", description: \"Toggle skill descriptions\" },\n    { key: \"A\", description: \"Accept stack defaults (stack path only)\" },\n    { key: \"h/j/k/l\", description: \"Vim-style navigation\" },\n  ],\n};\n\nconst SOURCES_KEYS: HelpSection = {\n  title: \"Sources Step\",\n  keys: [{ key: \"G\", description: \"Toggle source settings\" }],\n};\n\nconst STEP_SECTIONS: Partial<Record<WizardStep, HelpSection>> = {\n  build: BUILD_KEYS,\n  sources: SOURCES_KEYS,\n};\n\nconst KEY_COLUMN_WIDTH = 14;\n\ntype HelpSectionViewProps = {\n  section: HelpSection;\n};\n\nconst HelpSectionView: React.FC<HelpSectionViewProps> = ({ section }) => (\n  <Box flexDirection=\"column\" marginBottom={1}>\n    <Text bold underline>\n      {section.title}\n    </Text>\n    {section.keys.map(({ key, description }) => (\n      <Box key={key}>\n        <Box width={KEY_COLUMN_WIDTH}>\n          <Text backgroundColor=\"black\" color={CLI_COLORS.UNFOCUSED}>\n            {\" \"}\n            {key}{\" \"}\n          </Text>\n        </Box>\n        <Text>{description}</Text>\n      </Box>\n    ))}\n  </Box>\n);\n\nexport type HelpModalProps = {\n  currentStep: WizardStep;\n};\n\nexport const HelpModal: React.FC<HelpModalProps> = ({ currentStep }) => {\n  const stepSection = STEP_SECTIONS[currentStep];\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"single\"\n      borderColor={CLI_COLORS.PRIMARY}\n      paddingX={2}\n      paddingY={1}\n      marginTop={1}\n    >\n      <Text bold color={CLI_COLORS.PRIMARY}>\n        Keyboard Shortcuts\n      </Text>\n      <Text> </Text>\n\n      <HelpSectionView section={GLOBAL_KEYS} />\n      <HelpSectionView section={GLOBAL_TOGGLES} />\n      {stepSection && <HelpSectionView section={stepSection} />}\n\n      <Text dimColor>Press ESC or ? to close</Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA,SAAS,KAAK,YAAY;AAwDtB,cAMM,YANN;AA/CJ,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,MAAM;AAAA,IACJ,EAAE,KAAK,cAAc,aAAa,aAAa;AAAA,IAC/C,EAAE,KAAK,SAAS,aAAa,mBAAmB;AAAA,IAChD,EAAE,KAAK,SAAS,aAAa,qBAAqB;AAAA,IAClD,EAAE,KAAK,OAAO,aAAa,UAAU;AAAA,IACrC,EAAE,KAAK,OAAO,aAAa,uBAAuB;AAAA,EACpD;AACF;AAEA,IAAM,iBAA8B;AAAA,EAClC,OAAO;AAAA,EACP,MAAM;AAAA,IACJ,EAAE,KAAK,KAAK,aAAa,qBAAqB;AAAA,IAC9C,EAAE,KAAK,KAAK,aAAa,mCAAmC;AAAA,IAC5D,EAAE,KAAK,KAAK,aAAa,mBAAmB;AAAA,EAC9C;AACF;AAEA,IAAM,aAA0B;AAAA,EAC9B,OAAO;AAAA,EACP,MAAM;AAAA,IACJ,EAAE,KAAK,KAAK,aAAa,4BAA4B;AAAA,IACrD,EAAE,KAAK,KAAK,aAAa,0CAA0C;AAAA,IACnE,EAAE,KAAK,WAAW,aAAa,uBAAuB;AAAA,EACxD;AACF;AAEA,IAAM,eAA4B;AAAA,EAChC,OAAO;AAAA,EACP,MAAM,CAAC,EAAE,KAAK,KAAK,aAAa,yBAAyB,CAAC;AAC5D;AAEA,IAAM,gBAA0D;AAAA,EAC9D,OAAO;AAAA,EACP,SAAS;AACX;AAEA,IAAM,mBAAmB;AAMzB,IAAM,kBAAkD,CAAC,EAAE,QAAQ,MACjE,qBAAC,OAAI,eAAc,UAAS,cAAc,GACxC;AAAA,sBAAC,QAAK,MAAI,MAAC,WAAS,MACjB,kBAAQ,OACX;AAAA,EACC,QAAQ,KAAK,IAAI,CAAC,EAAE,KAAK,YAAY,MACpC,qBAAC,OACC;AAAA,wBAAC,OAAI,OAAO,kBACV,+BAAC,QAAK,iBAAgB,SAAQ,OAAO,WAAW,WAC7C;AAAA;AAAA,MACA;AAAA,MAAK;AAAA,OACR,GACF;AAAA,IACA,oBAAC,QAAM,uBAAY;AAAA,OAPX,GAQV,CACD;AAAA,GACH;AAOK,IAAM,YAAsC,CAAC,EAAE,YAAY,MAAM;AACtE,QAAM,cAAc,cAAc,WAAW;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,WAAW;AAAA,MACxB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAW;AAAA,MAEX;AAAA,4BAAC,QAAK,MAAI,MAAC,OAAO,WAAW,SAAS,gCAEtC;AAAA,QACA,oBAAC,QAAK,eAAC;AAAA,QAEP,oBAAC,mBAAgB,SAAS,aAAa;AAAA,QACvC,oBAAC,mBAAgB,SAAS,gBAAgB;AAAA,QACzC,eAAe,oBAAC,mBAAgB,SAAS,aAAa;AAAA,QAEvD,oBAAC,QAAK,UAAQ,MAAC,qCAAuB;AAAA;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/chunk-H566H3MQ.js

@@ -0,0 +1,87 @@
+#!/usr/bin/env node
+import {
+  useWizardStore
+} from "./chunk-3ZOIOVKT.js";
+import {
+  CLI_COLORS
+} from "./chunk-LAPCUV4D.js";
+import {
+  init_esm_shims
+} from "./chunk-DHET7RCE.js";
+
+// src/cli/components/wizard/domain-selection.tsx
+init_esm_shims();
+import { Box, Text } from "ink";
+import { Select } from "@inkjs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BACK_VALUE = "_back";
+var CONTINUE_VALUE = "_continue";
+var AVAILABLE_DOMAINS = [
+  { id: "web", label: "Web", description: "Frontend web applications" },
+  {
+    id: "web-extras",
+    label: "Web Extras",
+    description: "Animation, files, realtime, PWA, accessibility"
+  },
+  { id: "api", label: "API", description: "Backend APIs and services" },
+  { id: "cli", label: "CLI", description: "Command-line tools" },
+  { id: "mobile", label: "Mobile", description: "Mobile applications" }
+];
+var DomainSelection = () => {
+  const { selectedDomains, toggleDomain, setStep, setApproach, selectStack } = useWizardStore();
+  const handleBack = () => {
+    setApproach(null);
+    selectStack(null);
+  };
+  const domainOptions = AVAILABLE_DOMAINS.map((domain) => {
+    const isSelected = selectedDomains.includes(domain.id);
+    const checkbox = isSelected ? "[\u2713]" : "[ ]";
+    return {
+      value: domain.id,
+      label: `${checkbox} ${domain.label} - ${domain.description}`
+    };
+  });
+  const options = [
+    { value: BACK_VALUE, label: "\u2190 Back" },
+    ...domainOptions,
+    ...selectedDomains.length > 0 ? [
+      {
+        value: CONTINUE_VALUE,
+        label: `\u2192 Continue with ${selectedDomains.length} domain(s)`
+      }
+    ] : []
+  ];
+  const handleSelect = (value) => {
+    if (value === BACK_VALUE) {
+      handleBack();
+      return;
+    }
+    if (value === CONTINUE_VALUE) {
+      if (selectedDomains.length > 0) {
+        setStep("build");
+      }
+      return;
+    }
+    toggleDomain(value);
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, children: "Select domains to configure:" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Select one or more domains, then continue" }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Select, { options, onChange: handleSelect }) }),
+    selectedDomains.length > 0 ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
+      "Selected: ",
+      /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.PRIMARY, children: selectedDomains.join(", ") })
+    ] }) }) : /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: CLI_COLORS.WARNING, children: "Please select at least one domain" }) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "\u2191",
+      "/",
+      "\u2193",
+      " navigate ENTER toggle/select ESC back"
+    ] }) })
+  ] });
+};
+
+export {
+  DomainSelection
+};
+//# sourceMappingURL=chunk-H566H3MQ.js.map

package/dist/chunk-H566H3MQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli/components/wizard/domain-selection.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Text } from \"ink\";\nimport { Select } from \"@inkjs/ui\";\nimport { useWizardStore } from \"../../stores/wizard-store.js\";\nimport type { Domain } from \"../../types/index.js\";\nimport { CLI_COLORS } from \"../../consts.js\";\n\nconst BACK_VALUE = \"_back\";\nconst CONTINUE_VALUE = \"_continue\";\n\nconst AVAILABLE_DOMAINS: Array<{ id: Domain; label: string; description: string }> = [\n  { id: \"web\", label: \"Web\", description: \"Frontend web applications\" },\n  {\n    id: \"web-extras\",\n    label: \"Web Extras\",\n    description: \"Animation, files, realtime, PWA, accessibility\",\n  },\n  { id: \"api\", label: \"API\", description: \"Backend APIs and services\" },\n  { id: \"cli\", label: \"CLI\", description: \"Command-line tools\" },\n  { id: \"mobile\", label: \"Mobile\", description: \"Mobile applications\" },\n];\n\nexport const DomainSelection: React.FC = () => {\n  const { selectedDomains, toggleDomain, setStep, setApproach, selectStack } = useWizardStore();\n\n  const handleBack = () => {\n    setApproach(null);\n    selectStack(null);\n  };\n\n  const domainOptions = AVAILABLE_DOMAINS.map((domain) => {\n    const isSelected = selectedDomains.includes(domain.id);\n    const checkbox = isSelected ? \"[\\u2713]\" : \"[ ]\";\n    return {\n      value: domain.id,\n      label: `${checkbox} ${domain.label} - ${domain.description}`,\n    };\n  });\n\n  const options = [\n    { value: BACK_VALUE, label: \"\\u2190 Back\" },\n    ...domainOptions,\n    ...(selectedDomains.length > 0\n      ? [\n          {\n            value: CONTINUE_VALUE,\n            label: `\\u2192 Continue with ${selectedDomains.length} domain(s)`,\n          },\n        ]\n      : []),\n  ];\n\n  const handleSelect = (value: string) => {\n    if (value === BACK_VALUE) {\n      handleBack();\n      return;\n    }\n\n    if (value === CONTINUE_VALUE) {\n      if (selectedDomains.length > 0) {\n        setStep(\"build\");\n      }\n      return;\n    }\n\n    // Toggle domain selection (value comes from Select UI component - data boundary)\n    toggleDomain(value as Domain);\n  };\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text bold>Select domains to configure:</Text>\n      <Text dimColor>Select one or more domains, then continue</Text>\n      <Box marginTop={1}>\n        <Select options={options} onChange={handleSelect} />\n      </Box>\n      {selectedDomains.length > 0 ? (\n        <Box marginTop={1}>\n          <Text>\n            Selected: <Text color={CLI_COLORS.PRIMARY}>{selectedDomains.join(\", \")}</Text>\n          </Text>\n        </Box>\n      ) : (\n        <Box marginTop={1}>\n          <Text color={CLI_COLORS.WARNING}>Please select at least one domain</Text>\n        </Box>\n      )}\n      <Box marginTop={1}>\n        <Text dimColor>\n          {\"\\u2191\"}/{\"\\u2193\"} navigate ENTER toggle/select ESC back\n        </Text>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA,SAAS,KAAK,YAAY;AAC1B,SAAS,cAAc;AAqEjB,cAOI,YAPJ;AAhEN,IAAM,aAAa;AACnB,IAAM,iBAAiB;AAEvB,IAAM,oBAA+E;AAAA,EACnF,EAAE,IAAI,OAAO,OAAO,OAAO,aAAa,4BAA4B;AAAA,EACpE;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,EAAE,IAAI,OAAO,OAAO,OAAO,aAAa,4BAA4B;AAAA,EACpE,EAAE,IAAI,OAAO,OAAO,OAAO,aAAa,qBAAqB;AAAA,EAC7D,EAAE,IAAI,UAAU,OAAO,UAAU,aAAa,sBAAsB;AACtE;AAEO,IAAM,kBAA4B,MAAM;AAC7C,QAAM,EAAE,iBAAiB,cAAc,SAAS,aAAa,YAAY,IAAI,eAAe;AAE5F,QAAM,aAAa,MAAM;AACvB,gBAAY,IAAI;AAChB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,gBAAgB,kBAAkB,IAAI,CAAC,WAAW;AACtD,UAAM,aAAa,gBAAgB,SAAS,OAAO,EAAE;AACrD,UAAM,WAAW,aAAa,aAAa;AAC3C,WAAO;AAAA,MACL,OAAO,OAAO;AAAA,MACd,OAAO,GAAG,QAAQ,IAAI,OAAO,KAAK,MAAM,OAAO,WAAW;AAAA,IAC5D;AAAA,EACF,CAAC;AAED,QAAM,UAAU;AAAA,IACd,EAAE,OAAO,YAAY,OAAO,cAAc;AAAA,IAC1C,GAAG;AAAA,IACH,GAAI,gBAAgB,SAAS,IACzB;AAAA,MACE;AAAA,QACE,OAAO;AAAA,QACP,OAAO,wBAAwB,gBAAgB,MAAM;AAAA,MACvD;AAAA,IACF,IACA,CAAC;AAAA,EACP;AAEA,QAAM,eAAe,CAAC,UAAkB;AACtC,QAAI,UAAU,YAAY;AACxB,iBAAW;AACX;AAAA,IACF;AAEA,QAAI,UAAU,gBAAgB;AAC5B,UAAI,gBAAgB,SAAS,GAAG;AAC9B,gBAAQ,OAAO;AAAA,MACjB;AACA;AAAA,IACF;AAGA,iBAAa,KAAe;AAAA,EAC9B;AAEA,SACE,qBAAC,OAAI,eAAc,UACjB;AAAA,wBAAC,QAAK,MAAI,MAAC,0CAA4B;AAAA,IACvC,oBAAC,QAAK,UAAQ,MAAC,uDAAyC;AAAA,IACxD,oBAAC,OAAI,WAAW,GACd,8BAAC,UAAO,SAAkB,UAAU,cAAc,GACpD;AAAA,IACC,gBAAgB,SAAS,IACxB,oBAAC,OAAI,WAAW,GACd,+BAAC,QAAK;AAAA;AAAA,MACM,oBAAC,QAAK,OAAO,WAAW,SAAU,0BAAgB,KAAK,IAAI,GAAE;AAAA,OACzE,GACF,IAEA,oBAAC,OAAI,WAAW,GACd,8BAAC,QAAK,OAAO,WAAW,SAAS,+CAAiC,GACpE;AAAA,IAEF,oBAAC,OAAI,WAAW,GACd,+BAAC,QAAK,UAAQ,MACX;AAAA;AAAA,MAAS;AAAA,MAAE;AAAA,MAAS;AAAA,OACvB,GACF;AAAA,KACF;AAEJ;","names":[]}