uilint 0.2.48 → 0.2.50

package/dist/init-ui-GKA2KU3I.js

@@ -0,0 +1,1691 @@
+#!/usr/bin/env node
+import {
+  Spinner,
+  analyze,
+  execute,
+  getAllInstallers,
+  getInjectionPoints
+} from "./chunk-4PRDR64J.js";
+import {
+  detectCoverageSetup
+} from "./chunk-MSOAR5VP.js";
+import "./chunk-VSBVUS56.js";
+import "./chunk-ZDSDZNIB.js";
+import {
+  pc
+} from "./chunk-CZNPG4UI.js";
+import {
+  detectPackageManager,
+  runTestsWithCoverage
+} from "./chunk-JPE27ROY.js";
+
+// src/commands/init-ui.tsx
+import { render } from "ink";
+
+// src/commands/init/components/InstallApp.tsx
+import { useState as useState6, useEffect } from "react";
+import { Box as Box6, Text as Text6, useApp as useApp5, useInput as useInput6 } from "ink";
+
+// src/commands/init/components/ProjectSelector.tsx
+import { useState } from "react";
+import { Box, Text, useInput, useApp } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getDetectedProjects(project) {
+  const projects = [];
+  for (const app of project.nextApps) {
+    const relativePath = app.projectPath.replace(project.workspaceRoot + "/", "");
+    projects.push({
+      id: `next:${app.projectPath}`,
+      name: relativePath || ".",
+      path: app.projectPath,
+      type: "nextjs",
+      hint: "Next.js App Router",
+      isConfigured: false
+      // TODO: detect if overlay is installed
+    });
+  }
+  for (const app of project.viteApps) {
+    const relativePath = app.projectPath.replace(project.workspaceRoot + "/", "");
+    projects.push({
+      id: `vite:${app.projectPath}`,
+      name: relativePath || ".",
+      path: app.projectPath,
+      type: "vite",
+      hint: "Vite + React",
+      isConfigured: false
+    });
+  }
+  return projects;
+}
+function FrameworkBadge({ type }) {
+  switch (type) {
+    case "nextjs":
+      return /* @__PURE__ */ jsx(Text, { color: "white", backgroundColor: "black", children: " Next.js " });
+    case "vite":
+      return /* @__PURE__ */ jsx(Text, { color: "black", backgroundColor: "yellow", children: " Vite " });
+    default:
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Other" });
+  }
+}
+function ProjectSelector({
+  projects,
+  onSelect,
+  onCancel
+}) {
+  const { exit } = useApp();
+  const [cursor, setCursor] = useState(0);
+  useInput((input, key) => {
+    if (key.upArrow) {
+      setCursor((prev) => prev > 0 ? prev - 1 : projects.length - 1);
+    } else if (key.downArrow) {
+      setCursor((prev) => prev < projects.length - 1 ? prev + 1 : 0);
+    } else if (key.return) {
+      const selected = projects[cursor];
+      if (selected) {
+        onSelect(selected);
+      }
+    } else if (input === "q" || key.escape) {
+      onCancel?.();
+      exit();
+    }
+  });
+  if (projects.length === 0) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "yellow", children: "No projects detected." }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "UILint works with Next.js (App Router) and Vite + React projects." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, children: "Select a project to configure:" }) }),
+    projects.map((project, index) => {
+      const isCursor = index === cursor;
+      return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+        /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsx(FrameworkBadge, { type: project.type }) }),
+        /* @__PURE__ */ jsx(Box, { width: 30, children: /* @__PURE__ */ jsx(Text, { color: isCursor ? "cyan" : void 0, bold: isCursor, children: project.name }) }),
+        project.isConfigured && /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "configured" })
+      ] }, project.id);
+    }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2191\u2193" }),
+      " navigate",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "enter" }),
+      " select",
+      "  ",
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "q" }),
+      " quit"
+    ] }) })
+  ] });
+}
+
+// src/commands/init/components/MultiSelect.tsx
+import { useState as useState2, useCallback } from "react";
+import { Box as Box2, Text as Text2, useInput as useInput2, useApp as useApp2 } from "ink";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function StatusIndicator({ status, isSelected, isMarkedForRemoval }) {
+  if (isMarkedForRemoval) {
+    return /* @__PURE__ */ jsx2(Text2, { color: "red", children: "\u2717" });
+  }
+  if (status === "installed") {
+    return /* @__PURE__ */ jsx2(Text2, { color: "green", children: "\u2713" });
+  }
+  if (status === "upgradeable") {
+    return isSelected ? /* @__PURE__ */ jsx2(Text2, { color: "blue", children: "\u2B06" }) : /* @__PURE__ */ jsx2(Text2, { color: "green", children: "\u2713" });
+  }
+  if (isSelected || status === "selected") {
+    return /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "\u25C9" });
+  }
+  if (status === "partial") {
+    return /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "\u25D0" });
+  }
+  return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u25CB" });
+}
+function StatusLabel({ status, isMarkedForRemoval }) {
+  if (isMarkedForRemoval) {
+    return /* @__PURE__ */ jsx2(Text2, { color: "red", dimColor: true, children: "remove" });
+  }
+  if (status === "installed") {
+    return /* @__PURE__ */ jsx2(Text2, { color: "green", dimColor: true, children: "installed" });
+  }
+  if (status === "upgradeable") {
+    return /* @__PURE__ */ jsx2(Text2, { color: "blue", dimColor: true, children: "upgrade available" });
+  }
+  if (status === "partial") {
+    return /* @__PURE__ */ jsx2(Text2, { color: "yellow", dimColor: true, children: "partial" });
+  }
+  return /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "-" });
+}
+function ConfigSelector({
+  items,
+  onSubmit,
+  onCancel
+}) {
+  const { exit } = useApp2();
+  const [cursor, setCursor] = useState2(0);
+  const [selected, setSelected] = useState2(() => {
+    return new Set(
+      items.filter((item) => item.status !== "installed" && !item.disabled).map((item) => item.id)
+    );
+  });
+  const [markedForRemoval, setMarkedForRemoval] = useState2(/* @__PURE__ */ new Set());
+  const categories = Array.from(new Set(items.map((item) => item.category)));
+  const itemsByCategory = /* @__PURE__ */ new Map();
+  for (const cat of categories) {
+    itemsByCategory.set(cat, items.filter((item) => item.category === cat));
+  }
+  const flatItems = items;
+  const handleToggle = useCallback(() => {
+    const item = flatItems[cursor];
+    if (!item || item.disabled) return;
+    if (item.status === "installed") {
+      setMarkedForRemoval((prev) => {
+        const next = new Set(prev);
+        if (next.has(item.id)) {
+          next.delete(item.id);
+        } else {
+          next.add(item.id);
+        }
+        return next;
+      });
+      return;
+    }
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(item.id)) {
+        next.delete(item.id);
+      } else {
+        next.add(item.id);
+      }
+      return next;
+    });
+  }, [cursor, flatItems]);
+  useInput2((input, key) => {
+    if (key.upArrow) {
+      setCursor((prev) => prev > 0 ? prev - 1 : flatItems.length - 1);
+    } else if (key.downArrow) {
+      setCursor((prev) => prev < flatItems.length - 1 ? prev + 1 : 0);
+    } else if (input === " ") {
+      handleToggle();
+    } else if (key.return) {
+      onSubmit(Array.from(selected), Array.from(markedForRemoval));
+    } else if (input === "q" || key.escape) {
+      onCancel?.();
+      exit();
+    } else if (input === "a") {
+      setSelected(
+        new Set(
+          items.filter((item) => item.status !== "installed" && !item.disabled).map((item) => item.id)
+        )
+      );
+      setMarkedForRemoval(/* @__PURE__ */ new Set());
+    } else if (input === "n") {
+      setSelected(/* @__PURE__ */ new Set());
+      setMarkedForRemoval(/* @__PURE__ */ new Set());
+    }
+  });
+  let globalIndex = 0;
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+    categories.map((category) => {
+      const categoryItems = itemsByCategory.get(category) || [];
+      const categoryIcon = categoryItems[0]?.categoryIcon || "\u2022";
+      return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsxs2(Text2, { bold: true, color: "white", children: [
+          categoryIcon,
+          " ",
+          category
+        ] }) }),
+        categoryItems.map((item) => {
+          const itemIndex = globalIndex++;
+          const isCursor = itemIndex === cursor;
+          const isItemSelected = selected.has(item.id);
+          const isItemMarkedForRemoval = markedForRemoval.has(item.id);
+          const isDisabled = item.disabled === true;
+          return /* @__PURE__ */ jsxs2(Box2, { paddingLeft: 2, children: [
+            /* @__PURE__ */ jsx2(Text2, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+            /* @__PURE__ */ jsx2(Box2, { width: 2, children: /* @__PURE__ */ jsx2(StatusIndicator, { status: item.status, isSelected: isItemSelected, isMarkedForRemoval: isItemMarkedForRemoval }) }),
+            /* @__PURE__ */ jsx2(Box2, { width: 28, children: /* @__PURE__ */ jsx2(
+              Text2,
+              {
+                color: isItemMarkedForRemoval ? "red" : isDisabled ? void 0 : isCursor ? "cyan" : void 0,
+                dimColor: isDisabled && !isItemMarkedForRemoval,
+                children: item.label
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Box2, { width: 20, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: item.hint || "" }) }),
+            /* @__PURE__ */ jsx2(StatusLabel, { status: item.status, isMarkedForRemoval: isItemMarkedForRemoval })
+          ] }, item.id);
+        })
+      ] }, category);
+    }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "\u2191\u2193" }),
+      " navigate",
+      "  ",
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "space" }),
+      " toggle",
+      "  ",
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "a" }),
+      " all",
+      "  ",
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "n" }),
+      " none",
+      "  ",
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "enter" }),
+      " apply",
+      "  ",
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: "q" }),
+      " quit"
+    ] }) }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: selected.size }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " to install" }),
+      markedForRemoval.size > 0 && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: ", " }),
+        /* @__PURE__ */ jsx2(Text2, { color: "red", children: markedForRemoval.size }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " to remove" })
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/commands/init/components/RuleSelector.tsx
+import { useState as useState4, useMemo } from "react";
+import { Box as Box4, Text as Text4, useInput as useInput4, useApp as useApp3 } from "ink";
+import { getRulesByCategory, getCategoryMeta } from "uilint-eslint";
+
+// src/commands/init/components/OptionField.tsx
+import { useState as useState3 } from "react";
+import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function BooleanField({
+  field,
+  value,
+  onChange,
+  isActive
+}) {
+  const checked = Boolean(value);
+  useInput3(
+    (input) => {
+      if (isActive && input === " ") {
+        onChange(!checked);
+      }
+    },
+    { isActive }
+  );
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, children: isActive ? "\u203A " : "  " }),
+    /* @__PURE__ */ jsx3(Text3, { color: checked ? "green" : "gray", children: checked ? "[\u2713]" : "[ ]" }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      " ",
+      field.label
+    ] }),
+    field.description && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      " - ",
+      field.description
+    ] })
+  ] });
+}
+function NumberField({
+  field,
+  value,
+  onChange,
+  isActive
+}) {
+  const [inputValue, setInputValue] = useState3(String(value ?? field.defaultValue ?? ""));
+  const [error, setError] = useState3(null);
+  useInput3(
+    (input, key) => {
+      if (!isActive) return;
+      if (key.backspace || key.delete) {
+        const newValue = inputValue.slice(0, -1);
+        setInputValue(newValue);
+        const num = Number(newValue);
+        if (!isNaN(num) && newValue !== "") {
+          onChange(num);
+          setError(null);
+        } else if (newValue === "") {
+          setError(null);
+        } else {
+          setError("Enter a valid number");
+        }
+      } else if (/^[0-9.-]$/.test(input)) {
+        const newValue = inputValue + input;
+        setInputValue(newValue);
+        const num = Number(newValue);
+        if (!isNaN(num)) {
+          onChange(num);
+          setError(null);
+        } else {
+          setError("Enter a valid number");
+        }
+      }
+    },
+    { isActive }
+  );
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, children: isActive ? "\u203A " : "  " }),
+      /* @__PURE__ */ jsxs3(Text3, { children: [
+        field.label,
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, underline: isActive, children: inputValue || field.placeholder || "" }),
+      field.description && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        " (",
+        field.description,
+        ")"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx3(Box3, { paddingLeft: 4, children: /* @__PURE__ */ jsx3(Text3, { color: "red", children: error }) })
+  ] });
+}
+function TextField({
+  field,
+  value,
+  onChange,
+  isActive
+}) {
+  const displayValue = Array.isArray(value) ? value.join(", ") : String(value ?? field.defaultValue ?? "");
+  const [inputValue, setInputValue] = useState3(displayValue);
+  useInput3(
+    (input, key) => {
+      if (!isActive) return;
+      if (key.backspace || key.delete) {
+        const newValue = inputValue.slice(0, -1);
+        setInputValue(newValue);
+        onChange(newValue);
+      } else if (input && !key.ctrl && !key.meta) {
+        const newValue = inputValue + input;
+        setInputValue(newValue);
+        onChange(newValue);
+      }
+    },
+    { isActive }
+  );
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, children: isActive ? "\u203A " : "  " }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      field.label,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, underline: isActive, children: inputValue || field.placeholder || "(empty)" }),
+    field.description && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      " (",
+      field.description,
+      ")"
+    ] })
+  ] });
+}
+function SelectField({
+  field,
+  value,
+  onChange,
+  isActive
+}) {
+  const options = field.options ?? [];
+  const currentIndex = options.findIndex(
+    (opt) => String(opt.value) === String(value)
+  );
+  const selectedIndex = currentIndex >= 0 ? currentIndex : 0;
+  useInput3(
+    (input, key) => {
+      if (!isActive || options.length === 0) return;
+      if (input === " " || key.rightArrow) {
+        const newIndex = selectedIndex < options.length - 1 ? selectedIndex + 1 : 0;
+        onChange(options[newIndex].value);
+      } else if (key.leftArrow) {
+        const newIndex = selectedIndex > 0 ? selectedIndex - 1 : options.length - 1;
+        onChange(options[newIndex].value);
+      }
+    },
+    { isActive }
+  );
+  const selectedOption = options[selectedIndex];
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, children: isActive ? "\u203A " : "  " }),
+    /* @__PURE__ */ jsxs3(Text3, { children: [
+      field.label,
+      ": "
+    ] }),
+    /* @__PURE__ */ jsxs3(Text3, { color: isActive ? "cyan" : void 0, bold: isActive, children: [
+      "\u25C0 ",
+      selectedOption?.label ?? "(none)",
+      " \u25B6"
+    ] }),
+    field.description && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      " (",
+      field.description,
+      ")"
+    ] })
+  ] });
+}
+function MultiselectField({
+  field,
+  value,
+  onChange,
+  isActive
+}) {
+  const options = field.options ?? [];
+  const selectedValues = new Set(
+    Array.isArray(value) ? value.map(String) : []
+  );
+  const [cursor, setCursor] = useState3(0);
+  useInput3(
+    (input, key) => {
+      if (!isActive || options.length === 0) return;
+      if (key.upArrow) {
+        setCursor((prev) => prev > 0 ? prev - 1 : options.length - 1);
+      } else if (key.downArrow) {
+        setCursor((prev) => prev < options.length - 1 ? prev + 1 : 0);
+      } else if (input === " ") {
+        const opt = options[cursor];
+        const newSelected = new Set(selectedValues);
+        if (newSelected.has(String(opt.value))) {
+          newSelected.delete(String(opt.value));
+        } else {
+          newSelected.add(String(opt.value));
+        }
+        onChange(Array.from(newSelected));
+      }
+    },
+    { isActive }
+  );
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: isActive ? "cyan" : void 0, children: isActive ? "\u203A " : "  " }),
+      /* @__PURE__ */ jsx3(Text3, { children: field.label }),
+      field.description && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        " - ",
+        field.description
+      ] })
+    ] }),
+    isActive && /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", paddingLeft: 4, children: options.map((opt, i) => {
+      const isSelected = selectedValues.has(String(opt.value));
+      const isCursor = i === cursor;
+      return /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsx3(Text3, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+        /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "green" : void 0, children: isSelected ? "[\u2713]" : "[ ]" }),
+        /* @__PURE__ */ jsxs3(Text3, { color: isCursor ? "cyan" : void 0, children: [
+          " ",
+          opt.label
+        ] })
+      ] }, String(opt.value));
+    }) }),
+    !isActive && /* @__PURE__ */ jsx3(Box3, { paddingLeft: 4, children: /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "Selected: ",
+      Array.from(selectedValues).length > 0 ? Array.from(selectedValues).join(", ") : "(none)"
+    ] }) })
+  ] });
+}
+function OptionField(props) {
+  const { field } = props;
+  switch (field.type) {
+    case "boolean":
+      return /* @__PURE__ */ jsx3(BooleanField, { ...props });
+    case "number":
+      return /* @__PURE__ */ jsx3(NumberField, { ...props });
+    case "text":
+      return /* @__PURE__ */ jsx3(TextField, { ...props });
+    case "select":
+      return /* @__PURE__ */ jsx3(SelectField, { ...props });
+    case "multiselect":
+      return /* @__PURE__ */ jsx3(MultiselectField, { ...props });
+    default:
+      return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+        "Unknown field type: ",
+        field.type
+      ] }) });
+  }
+}
+function convertFieldValue(value, field, defaultValue) {
+  if (Array.isArray(defaultValue) && field.type === "text" && typeof value === "string") {
+    return value.split(",").map((s) => s.trim()).filter(Boolean);
+  }
+  return value;
+}
+
+// src/commands/init/components/RuleSelector.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function SeverityBadge({ severity }) {
+  if (severity === "error") {
+    return /* @__PURE__ */ jsx4(Text4, { color: "red", children: "error" });
+  }
+  if (severity === "warn") {
+    return /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "warn" });
+  }
+  return /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "off" });
+}
+function CategoryHeader({ name, icon }) {
+  return /* @__PURE__ */ jsx4(Box4, { marginTop: 1, marginBottom: 0, children: /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "white", children: [
+    icon,
+    " ",
+    name
+  ] }) });
+}
+function RuleSelector({
+  onSubmit,
+  onBack,
+  onCancel
+}) {
+  const { exit } = useApp3();
+  const staticRules = useMemo(() => getRulesByCategory("static"), []);
+  const semanticRules = useMemo(() => getRulesByCategory("semantic"), []);
+  const allRules = useMemo(() => [...staticRules, ...semanticRules], [staticRules, semanticRules]);
+  const [cursor, setCursor] = useState4(0);
+  const [viewMode, setViewMode] = useState4("list");
+  const [ruleStates, setRuleStates] = useState4(
+    () => {
+      const map = /* @__PURE__ */ new Map();
+      for (const rule of allRules) {
+        const categoryMeta = getCategoryMeta(rule.category);
+        const enabled = rule.defaultEnabled ?? categoryMeta?.defaultEnabled ?? false;
+        map.set(rule.id, {
+          enabled,
+          severity: rule.defaultSeverity === "off" ? "warn" : rule.defaultSeverity
+        });
+      }
+      return map;
+    }
+  );
+  const [customOptions, setCustomOptions] = useState4(/* @__PURE__ */ new Map());
+  const [editingRuleIndex, setEditingRuleIndex] = useState4(0);
+  const [editingFieldCursor, setEditingFieldCursor] = useState4(0);
+  const [confirmCursor, setConfirmCursor] = useState4(1);
+  const currentRule = allRules[cursor];
+  const enabledRulesWithOptions = useMemo(() => {
+    return allRules.filter((rule) => {
+      const state = ruleStates.get(rule.id);
+      return state?.enabled && rule.optionSchema && rule.optionSchema.fields.length > 0;
+    });
+  }, [allRules, ruleStates]);
+  const currentEditingRule = enabledRulesWithOptions[editingRuleIndex];
+  const currentEditingFields = currentEditingRule?.optionSchema?.fields ?? [];
+  const toggleRule = () => {
+    if (!currentRule) return;
+    setRuleStates((prev) => {
+      const next = new Map(prev);
+      const current = next.get(currentRule.id);
+      next.set(currentRule.id, { ...current, enabled: !current.enabled });
+      return next;
+    });
+  };
+  const cycleSeverity = () => {
+    if (!currentRule) return;
+    setRuleStates((prev) => {
+      const next = new Map(prev);
+      const current = next.get(currentRule.id);
+      const newSeverity = current.severity === "error" ? "warn" : "error";
+      next.set(currentRule.id, { ...current, severity: newSeverity });
+      return next;
+    });
+  };
+  const finalSubmit = () => {
+    const configuredRules = [];
+    for (const rule of allRules) {
+      const state = ruleStates.get(rule.id);
+      if (state?.enabled) {
+        const custom = customOptions.get(rule.id);
+        const baseOptions = rule.defaultOptions?.[0] ?? {};
+        configuredRules.push({
+          rule,
+          severity: state.severity,
+          options: custom ? [{ ...baseOptions, ...custom }] : rule.defaultOptions
+        });
+      }
+    }
+    onSubmit(configuredRules);
+  };
+  const handleListSubmit = () => {
+    if (enabledRulesWithOptions.length > 0) {
+      setViewMode("confirm-options");
+      setConfirmCursor(1);
+    } else {
+      finalSubmit();
+    }
+  };
+  const handleConfirmSelection = () => {
+    if (confirmCursor === 0) {
+      setEditingRuleIndex(0);
+      setEditingFieldCursor(0);
+      if (enabledRulesWithOptions[0]) {
+        initializeRuleOptions(enabledRulesWithOptions[0]);
+      }
+      setViewMode("edit-options");
+    } else {
+      finalSubmit();
+    }
+  };
+  const initializeRuleOptions = (rule) => {
+    if (!customOptions.has(rule.id) && rule.optionSchema) {
+      const baseOptions = rule.defaultOptions?.[0] ?? {};
+      const initial = {};
+      for (const field of rule.optionSchema.fields) {
+        initial[field.key] = baseOptions[field.key] ?? field.defaultValue;
+      }
+      setCustomOptions((prev) => {
+        const next = new Map(prev);
+        next.set(rule.id, initial);
+        return next;
+      });
+    }
+  };
+  const updateFieldValue = (fieldKey, value) => {
+    if (!currentEditingRule) return;
+    setCustomOptions((prev) => {
+      const next = new Map(prev);
+      const current = next.get(currentEditingRule.id) ?? {};
+      next.set(currentEditingRule.id, { ...current, [fieldKey]: value });
+      return next;
+    });
+  };
+  const nextEditingRule = () => {
+    if (editingRuleIndex < enabledRulesWithOptions.length - 1) {
+      const nextIndex = editingRuleIndex + 1;
+      setEditingRuleIndex(nextIndex);
+      setEditingFieldCursor(0);
+      if (enabledRulesWithOptions[nextIndex]) {
+        initializeRuleOptions(enabledRulesWithOptions[nextIndex]);
+      }
+    } else {
+      finalSubmit();
+    }
+  };
+  const skipCurrentRule = () => {
+    if (currentEditingRule) {
+      setCustomOptions((prev) => {
+        const next = new Map(prev);
+        next.delete(currentEditingRule.id);
+        return next;
+      });
+    }
+    nextEditingRule();
+  };
+  useInput4((input, key) => {
+    if (viewMode === "docs") {
+      if (key.escape || key.return || input === "d" || input === "q") {
+        setViewMode("list");
+      }
+      return;
+    }
+    if (viewMode === "confirm-options") {
+      if (key.upArrow || key.downArrow) {
+        setConfirmCursor((prev) => prev === 0 ? 1 : 0);
+      } else if (key.return || input === " ") {
+        handleConfirmSelection();
+      } else if (key.escape || input === "q") {
+        setViewMode("list");
+      }
+      return;
+    }
+    if (viewMode === "edit-options") {
+      if (key.upArrow) {
+        setEditingFieldCursor(
+          (prev) => prev > 0 ? prev - 1 : currentEditingFields.length - 1
+        );
+      } else if (key.downArrow) {
+        setEditingFieldCursor(
+          (prev) => prev < currentEditingFields.length - 1 ? prev + 1 : 0
+        );
+      } else if (key.return) {
+        nextEditingRule();
+      } else if (key.escape) {
+        skipCurrentRule();
+      } else if (input === "q") {
+        setViewMode("list");
+      }
+      return;
+    }
+    if (key.upArrow) {
+      setCursor((prev) => prev > 0 ? prev - 1 : allRules.length - 1);
+    } else if (key.downArrow) {
+      setCursor((prev) => prev < allRules.length - 1 ? prev + 1 : 0);
+    } else if (input === " ") {
+      toggleRule();
+    } else if (input === "s") {
+      cycleSeverity();
+    } else if (input === "d") {
+      setViewMode("docs");
+    } else if (key.return) {
+      handleListSubmit();
+    } else if (key.escape || input === "q") {
+      onCancel?.();
+      exit();
+    } else if ((input === "b" || key.leftArrow) && onBack) {
+      onBack();
+    } else if (input === "a") {
+      setRuleStates((prev) => {
+        const next = new Map(prev);
+        for (const rule of allRules) {
+          const current = next.get(rule.id);
+          next.set(rule.id, { ...current, enabled: true });
+        }
+        return next;
+      });
+    } else if (input === "n") {
+      setRuleStates((prev) => {
+        const next = new Map(prev);
+        for (const rule of allRules) {
+          const current = next.get(rule.id);
+          next.set(rule.id, { ...current, enabled: false });
+        }
+        return next;
+      });
+    }
+  });
+  if (viewMode === "docs" && currentRule) {
+    const docLines = currentRule.docs.trim().split("\n").slice(0, 20);
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs4(Box4, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: currentRule.name }),
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          " - ",
+          currentRule.description
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+        docLines.map((line, i) => /* @__PURE__ */ jsx4(Text4, { dimColor: line.startsWith("#"), children: line }, i)),
+        currentRule.docs.split("\n").length > 20 && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "... (truncated)" })
+      ] }),
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Press any key to return to list" }) })
+    ] });
+  }
+  if (viewMode === "confirm-options") {
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Configure Rule Options" }) }),
+      /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsxs4(Text4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: enabledRulesWithOptions.length }),
+        /* @__PURE__ */ jsx4(Text4, { children: " selected rules have configurable options. Would you like to customize them?" })
+      ] }) }),
+      /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingLeft: 2, children: [
+        /* @__PURE__ */ jsxs4(Box4, { children: [
+          /* @__PURE__ */ jsx4(Text4, { color: confirmCursor === 0 ? "cyan" : void 0, children: confirmCursor === 0 ? "\u203A " : "  " }),
+          /* @__PURE__ */ jsx4(Text4, { color: confirmCursor === 0 ? "cyan" : void 0, bold: confirmCursor === 0, children: "Yes" }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " - Configure each rule's options" })
+        ] }),
+        /* @__PURE__ */ jsxs4(Box4, { children: [
+          /* @__PURE__ */ jsx4(Text4, { color: confirmCursor === 1 ? "cyan" : void 0, children: confirmCursor === 1 ? "\u203A " : "  " }),
+          /* @__PURE__ */ jsx4(Text4, { color: confirmCursor === 1 ? "cyan" : void 0, bold: confirmCursor === 1, children: "No" }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " - Use defaults for all rules" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        "Rules with options:",
+        " ",
+        enabledRulesWithOptions.map((r) => r.name).join(", ")
+      ] }) }),
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "\u2191\u2193" }),
+        " select",
+        "  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "enter" }),
+        " confirm",
+        "  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "esc" }),
+        " back"
+      ] }) })
+    ] });
+  }
+  if (viewMode === "edit-options" && currentEditingRule) {
+    const ruleOptions = customOptions.get(currentEditingRule.id) ?? {};
+    const baseOptions = currentEditingRule.defaultOptions?.[0] ?? {};
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs4(Box4, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "cyan", children: [
+          currentEditingRule.icon ?? "\u2699\uFE0F",
+          " ",
+          currentEditingRule.name
+        ] }),
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          " (",
+          editingRuleIndex + 1,
+          "/",
+          enabledRulesWithOptions.length,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: currentEditingRule.description }) }),
+      /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: currentEditingFields.map((field, i) => {
+        const currentValue = ruleOptions[field.key] ?? baseOptions[field.key] ?? field.defaultValue;
+        const defaultValue = baseOptions[field.key] ?? field.defaultValue;
+        return /* @__PURE__ */ jsx4(
+          OptionField,
+          {
+            field,
+            value: currentValue,
+            onChange: (newValue) => {
+              const converted = convertFieldValue(newValue, field, defaultValue);
+              updateFieldValue(field.key, converted);
+            },
+            isActive: i === editingFieldCursor
+          },
+          field.key
+        );
+      }) }),
+      /* @__PURE__ */ jsx4(Box4, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "\u2191\u2193" }),
+        " navigate",
+        "  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "space" }),
+        " toggle",
+        "  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "enter" }),
+        " next rule",
+        "  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "esc" }),
+        " skip (use defaults)"
+      ] }) })
+    ] });
+  }
+  const enabledCount = Array.from(ruleStates.values()).filter((s) => s.enabled).length;
+  const errorCount = Array.from(ruleStates.entries()).filter(
+    ([, s]) => s.enabled && s.severity === "error"
+  ).length;
+  const warnCount = enabledCount - errorCount;
+  let globalIndex = 0;
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Configure ESLint Rules" }) }),
+    (() => {
+      const cat = getCategoryMeta("static");
+      return cat ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx4(CategoryHeader, { name: cat.name, icon: cat.icon }),
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "  ",
+          cat.description
+        ] })
+      ] }) : null;
+    })(),
+    staticRules.map((rule) => {
+      const itemIndex = globalIndex++;
+      const isCursor = itemIndex === cursor;
+      const state = ruleStates.get(rule.id);
+      const hasOptions = rule.optionSchema && rule.optionSchema.fields.length > 0;
+      return /* @__PURE__ */ jsxs4(Box4, { paddingLeft: 2, children: [
+        /* @__PURE__ */ jsx4(Text4, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+        /* @__PURE__ */ jsx4(Box4, { width: 3, children: /* @__PURE__ */ jsx4(Text4, { color: state.enabled ? "green" : void 0, dimColor: !state.enabled, children: state.enabled ? "\u2713" : "\u25CB" }) }),
+        /* @__PURE__ */ jsx4(Box4, { width: 30, children: /* @__PURE__ */ jsx4(
+          Text4,
+          {
+            color: isCursor ? "cyan" : void 0,
+            dimColor: !state.enabled,
+            bold: isCursor,
+            children: rule.name
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(Box4, { width: 8, children: state.enabled ? /* @__PURE__ */ jsx4(SeverityBadge, { severity: state.severity }) : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "-" }) }),
+        hasOptions && state.enabled && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " \u2699" })
+      ] }, rule.id);
+    }),
+    (() => {
+      const cat = getCategoryMeta("semantic");
+      return cat ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsx4(CategoryHeader, { name: cat.name, icon: cat.icon }),
+        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          "  ",
+          cat.description
+        ] })
+      ] }) : null;
+    })(),
+    semanticRules.map((rule) => {
+      const itemIndex = globalIndex++;
+      const isCursor = itemIndex === cursor;
+      const state = ruleStates.get(rule.id);
+      const hasOptions = rule.optionSchema && rule.optionSchema.fields.length > 0;
+      return /* @__PURE__ */ jsxs4(Box4, { paddingLeft: 2, children: [
+        /* @__PURE__ */ jsx4(Text4, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+        /* @__PURE__ */ jsx4(Box4, { width: 3, children: /* @__PURE__ */ jsx4(Text4, { color: state.enabled ? "green" : void 0, dimColor: !state.enabled, children: state.enabled ? "\u2713" : "\u25CB" }) }),
+        /* @__PURE__ */ jsx4(Box4, { width: 30, children: /* @__PURE__ */ jsx4(
+          Text4,
+          {
+            color: isCursor ? "cyan" : void 0,
+            dimColor: !state.enabled,
+            bold: isCursor,
+            children: rule.name
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(Box4, { width: 8, children: state.enabled ? /* @__PURE__ */ jsx4(SeverityBadge, { severity: state.severity }) : /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "-" }) }),
+        hasOptions && state.enabled && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " \u2699" })
+      ] }, rule.id);
+    }),
+    currentRule && /* @__PURE__ */ jsx4(Box4, { marginTop: 1, paddingX: 2, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: currentRule.description }) }),
+    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "\u2191\u2193" }),
+      " navigate",
+      "  ",
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "space" }),
+      " toggle",
+      "  ",
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "s" }),
+      " severity",
+      "  ",
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "d" }),
+      " docs",
+      "  ",
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "a" }),
+      " all",
+      "  ",
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "n" }),
+      " none",
+      "  ",
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: "enter" }),
+      " confirm"
+    ] }) }),
+    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsxs4(Text4, { children: [
+      /* @__PURE__ */ jsx4(Text4, { color: "cyan", children: enabledCount }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " rules enabled (" }),
+      /* @__PURE__ */ jsx4(Text4, { color: "red", children: errorCount }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " errors, " }),
+      /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: warnCount }),
+      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: " warnings)" }),
+      enabledRulesWithOptions.length > 0 && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        ", ",
+        enabledRulesWithOptions.length,
+        " with options \u2699"
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/commands/init/components/InjectionPointSelector.tsx
+import { useState as useState5 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput5, useApp as useApp4 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function InjectionPointSelector({
+  points,
+  onSubmit,
+  onBack,
+  onCancel
+}) {
+  const { exit } = useApp4();
+  const recommendedIndex = points.findIndex((p) => p.recommended);
+  const [cursor, setCursor] = useState5(recommendedIndex >= 0 ? recommendedIndex : 0);
+  useInput5((input, key) => {
+    if (key.upArrow) {
+      setCursor((prev) => prev > 0 ? prev - 1 : points.length - 1);
+    } else if (key.downArrow) {
+      setCursor((prev) => prev < points.length - 1 ? prev + 1 : 0);
+    } else if (key.return) {
+      const selected = points[cursor];
+      if (selected) {
+        onSubmit(selected);
+      }
+    } else if (input === "b" || key.leftArrow) {
+      onBack?.();
+    } else if (input === "q" || key.escape) {
+      onCancel?.();
+      exit();
+    }
+  });
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Where should the devtools component be injected?" }) }),
+    points.map((point, index) => {
+      const isCursor = index === cursor;
+      return /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u203A " : "  " }),
+        /* @__PURE__ */ jsx5(Box5, { width: 2, children: /* @__PURE__ */ jsx5(Text5, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u25C9" : "\u25CB" }) }),
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsx5(Text5, { color: isCursor ? "cyan" : void 0, children: point.label }),
+          point.hint && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+            " (",
+            point.hint,
+            ")"
+          ] })
+        ] })
+      ] }, point.id);
+    }),
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "\u2191\u2193" }),
+      " navigate",
+      "  ",
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "enter" }),
+      " select",
+      "  ",
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "b" }),
+      " back",
+      "  ",
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "q" }),
+      " quit"
+    ] }) })
+  ] });
+}
+
+// src/commands/init/components/InstallApp.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function getTargetStatus(target) {
+  if (!target.isInstalled) {
+    return "not_installed";
+  }
+  if (target.canUpgrade) {
+    return "upgradeable";
+  }
+  return "installed";
+}
+function buildConfigItemsForProject(project, selectedProject, selections) {
+  const items = [];
+  for (const selection of selections) {
+    const { installer, targets } = selection;
+    const relevantTargets = targets.filter((target) => {
+      if (installer.id === "next" || installer.id === "vite") {
+        return target.path === selectedProject.path;
+      }
+      if (installer.id === "eslint") {
+        return target.path === selectedProject.path;
+      }
+      return true;
+    });
+    if (relevantTargets.length === 0) continue;
+    const displayInfo = {
+      next: { category: "UI Analysis", icon: "\u{1F50D}" },
+      vite: { category: "UI Analysis", icon: "\u{1F50D}" },
+      eslint: { category: "ESLint Rules", icon: "\u{1F4CB}" },
+      genstyleguide: { category: "Cursor Integration", icon: "\u{1F4DD}" },
+      skill: { category: "Cursor Integration", icon: "\u26A1" }
+    };
+    const info = displayInfo[installer.id] || { category: "Other", icon: "\u2022" };
+    for (const target of relevantTargets) {
+      items.push({
+        id: `${installer.id}:${target.id}`,
+        label: installer.name,
+        hint: target.hint,
+        status: getTargetStatus(target),
+        category: info.category,
+        categoryIcon: info.icon
+      });
+    }
+  }
+  return items;
+}
+function buildGlobalConfigItems(selections) {
+  const items = [];
+  for (const selection of selections) {
+    const { installer, targets } = selection;
+    if (installer.id !== "genstyleguide" && installer.id !== "skill") {
+      continue;
+    }
+    const displayInfo = {
+      genstyleguide: { category: "Cursor Integration", icon: "\u{1F4DD}" },
+      skill: { category: "Cursor Integration", icon: "\u26A1" }
+    };
+    const info = displayInfo[installer.id] || { category: "Other", icon: "\u2022" };
+    for (const target of targets) {
+      items.push({
+        id: `${installer.id}:${target.id}`,
+        label: installer.name,
+        hint: target.hint,
+        status: getTargetStatus(target),
+        category: info.category,
+        categoryIcon: info.icon
+      });
+    }
+  }
+  return items;
+}
+var MIN_NODE_MAJOR = 20;
+var MIN_NODE_MINOR = 19;
+function checkNodeVersion() {
+  const ver = process.versions.node || "";
+  const parts = ver.split(".");
+  const major = Number.parseInt(parts[0] || "", 10);
+  const minor = Number.parseInt(parts[1] || "", 10);
+  const meetsRequirement = Number.isFinite(major) && Number.isFinite(minor) && (major > MIN_NODE_MAJOR || major === MIN_NODE_MAJOR && minor >= MIN_NODE_MINOR);
+  return {
+    ok: meetsRequirement,
+    current: ver,
+    required: `${MIN_NODE_MAJOR}.${MIN_NODE_MINOR}.0`
+  };
+}
+function Header({ subtitle }) {
+  return /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs6(Box6, { children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: "\u25C6 UILint" }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: " v0.5.0" }),
+    subtitle && /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      " \xB7 ",
+      subtitle
+    ] })
+  ] }) });
+}
+function FeatureConfig({
+  selectedProject,
+  configItems,
+  canGoBack,
+  onSubmit,
+  onBack,
+  onCancel
+}) {
+  useInput6((input, key) => {
+    if ((input === "b" || key.leftArrow) && canGoBack) {
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    selectedProject && /* @__PURE__ */ jsxs6(Box6, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Project: " }),
+      /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: selectedProject.name }),
+      /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+        " (",
+        selectedProject.hint,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      ConfigSelector,
+      {
+        items: configItems,
+        onSubmit,
+        onCancel
+      }
+    ),
+    canGoBack && /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+      "Press ",
+      /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "b" }),
+      " or ",
+      /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "\u2190" }),
+      " to select a different project"
+    ] }) })
+  ] });
+}
+function InstallApp({
+  projectPromise,
+  onComplete,
+  onError
+}) {
+  const { exit } = useApp5();
+  const [phase, setPhase] = useState6("checking-requirements");
+  const [nodeVersionCheck, setNodeVersionCheck] = useState6(null);
+  const [project, setProject] = useState6(null);
+  const [detectedProjects, setDetectedProjects] = useState6([]);
+  const [selectedProject, setSelectedProject] = useState6(null);
+  const [selections, setSelections] = useState6([]);
+  const [configItems, setConfigItems] = useState6([]);
+  const [selectedFeatureIds, setSelectedFeatureIds] = useState6([]);
+  const [removeFeatureIds, setRemoveFeatureIds] = useState6([]);
+  const [error, setError] = useState6(null);
+  const [injectionPoints, setInjectionPoints] = useState6([]);
+  const [selectedInjectionPoint, setSelectedInjectionPoint] = useState6(void 0);
+  const isEslintSelected = selectedFeatureIds.some((id) => id.startsWith("eslint:"));
+  const isNextSelected = selectedFeatureIds.some((id) => id.startsWith("next:"));
+  useEffect(() => {
+    if (phase !== "checking-requirements") return;
+    const timer = setTimeout(() => {
+      const result = checkNodeVersion();
+      setNodeVersionCheck(result);
+      if (result.ok) {
+        setPhase("scanning");
+      } else {
+        setError(
+          new Error(
+            `Node.js v${result.required}+ is required. You are running v${result.current}.`
+          )
+        );
+        setPhase("error");
+      }
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [phase]);
+  useEffect(() => {
+    if (phase !== "scanning") return;
+    projectPromise.then((proj) => {
+      setProject(proj);
+      const projects = getDetectedProjects(proj);
+      setDetectedProjects(projects);
+      const installers = getAllInstallers();
+      const initialSelections = installers.filter((installer) => installer.isApplicable(proj)).map((installer) => {
+        const targets = installer.getTargets(proj);
+        const actionableTargets = targets.filter(
+          (t) => !t.isInstalled || t.canUpgrade
+        );
+        return {
+          installer,
+          targets,
+          selected: actionableTargets.length > 0
+        };
+      });
+      setSelections(initialSelections);
+      if (projects.length === 1) {
+        const singleProject = projects[0];
+        setSelectedProject(singleProject);
+        const items = buildConfigItemsForProject(proj, singleProject, initialSelections);
+        setConfigItems(items);
+        setPhase("configure-features");
+      } else if (projects.length === 0) {
+        setPhase("configure-features");
+        const items = buildGlobalConfigItems(initialSelections);
+        setConfigItems(items);
+      } else {
+        setPhase("select-project");
+      }
+    }).catch((err) => {
+      setError(err);
+      setPhase("error");
+      onError?.(err);
+    });
+  }, [phase, projectPromise, onError]);
+  const handleProjectSelect = (selected) => {
+    setSelectedProject(selected);
+    if (project) {
+      const items = buildConfigItemsForProject(project, selected, selections);
+      setConfigItems(items);
+    }
+    setPhase("configure-features");
+  };
+  const handleBackToProject = () => {
+    if (detectedProjects.length > 1) {
+      setSelectedProject(null);
+      setPhase("select-project");
+    }
+  };
+  const handleFeatureSubmit = (selectedIds, removeIds) => {
+    setSelectedFeatureIds(selectedIds);
+    setRemoveFeatureIds(removeIds);
+    const nextSelected = selectedIds.some((id) => id.startsWith("next:"));
+    if (nextSelected && project && selectedProject) {
+      const appInfo = project.nextApps.find(
+        (app) => app.projectPath === selectedProject.path
+      );
+      if (appInfo) {
+        const points = getInjectionPoints(appInfo.projectPath, appInfo.detection.appRoot);
+        if (points.length === 1) {
+          const point = points[0];
+          setSelectedInjectionPoint({
+            targetFile: point.filePath,
+            createProviders: point.createProviders
+          });
+          proceedAfterInjectionPoint(selectedIds, {
+            targetFile: point.filePath,
+            createProviders: point.createProviders
+          });
+          return;
+        }
+        if (points.length > 1) {
+          setInjectionPoints(points);
+          setPhase("configure-injection-point");
+          return;
+        }
+      }
+    }
+    proceedAfterInjectionPoint(selectedIds, void 0);
+  };
+  const proceedAfterInjectionPoint = (selectedIds, injectionConfig) => {
+    const eslintSelected = selectedIds.some((id) => id.startsWith("eslint:"));
+    if (eslintSelected) {
+      setPhase("configure-eslint");
+    } else {
+      finishInstallation(selectedIds, void 0, injectionConfig);
+    }
+  };
+  const handleInjectionPointSubmit = (point) => {
+    const config = {
+      targetFile: point.filePath,
+      createProviders: point.createProviders
+    };
+    setSelectedInjectionPoint(config);
+    proceedAfterInjectionPoint(selectedFeatureIds, config);
+  };
+  const handleBackFromInjectionPoint = () => {
+    setPhase("configure-features");
+  };
+  const handleRuleSubmit = (configuredRules) => {
+    finishInstallation(selectedFeatureIds, configuredRules, selectedInjectionPoint);
+  };
+  const handleBackToFeatures = () => {
+    setPhase("configure-features");
+  };
+  const finishInstallation = (selectedIds, eslintRules, injectionConfig) => {
+    const selectedSet = new Set(selectedIds);
+    const removeSet = new Set(removeFeatureIds);
+    const updatedSelections = selections.map((sel) => {
+      const selectedTargets = sel.targets.filter(
+        (t) => selectedSet.has(`${sel.installer.id}:${t.id}`)
+      );
+      return {
+        ...sel,
+        targets: selectedTargets,
+        selected: selectedTargets.length > 0
+      };
+    });
+    const removeSelections = selections.map((sel) => {
+      const removeTargets = sel.targets.filter(
+        (t) => removeSet.has(`${sel.installer.id}:${t.id}`)
+      );
+      return {
+        ...sel,
+        targets: removeTargets,
+        selected: removeTargets.length > 0
+      };
+    }).filter((sel) => sel.selected);
+    setSelections(updatedSelections);
+    onComplete(updatedSelections, eslintRules, injectionConfig, removeSelections.length > 0 ? removeSelections : void 0);
+  };
+  const handleCancel = () => {
+    exit();
+  };
+  if (phase === "checking-requirements") {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { subtitle: "Install" }),
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx6(Spinner, {}),
+        /* @__PURE__ */ jsx6(Text6, { children: " Checking requirements..." })
+      ] })
+    ] });
+  }
+  if (phase === "scanning") {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { subtitle: "Install" }),
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx6(Spinner, {}),
+        /* @__PURE__ */ jsx6(Text6, { children: " Scanning project..." })
+      ] })
+    ] });
+  }
+  if (phase === "error") {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, {}),
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "red", children: "\u2717 " }),
+        /* @__PURE__ */ jsx6(Text6, { color: "red", children: error?.message || "An unknown error occurred" })
+      ] })
+    ] });
+  }
+  if (phase === "select-project") {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { subtitle: "Install" }),
+      /* @__PURE__ */ jsx6(
+        ProjectSelector,
+        {
+          projects: detectedProjects,
+          onSelect: handleProjectSelect,
+          onCancel: handleCancel
+        }
+      )
+    ] });
+  }
+  if (phase === "configure-features" && project && configItems.length > 0) {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { subtitle: "Features" }),
+      /* @__PURE__ */ jsx6(
+        FeatureConfig,
+        {
+          selectedProject,
+          configItems,
+          canGoBack: detectedProjects.length > 1,
+          onSubmit: handleFeatureSubmit,
+          onBack: handleBackToProject,
+          onCancel: handleCancel
+        }
+      )
+    ] });
+  }
+  if (phase === "configure-injection-point" && injectionPoints.length > 0) {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { subtitle: "Injection Point" }),
+      selectedProject && /* @__PURE__ */ jsxs6(Box6, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Project: " }),
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: selectedProject.name })
+      ] }),
+      /* @__PURE__ */ jsx6(
+        InjectionPointSelector,
+        {
+          points: injectionPoints,
+          onSubmit: handleInjectionPointSubmit,
+          onBack: handleBackFromInjectionPoint,
+          onCancel: handleCancel
+        }
+      )
+    ] });
+  }
+  if (phase === "configure-eslint") {
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx6(Header, { subtitle: "ESLint Rules" }),
+      selectedProject && /* @__PURE__ */ jsxs6(Box6, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Project: " }),
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: selectedProject.name })
+      ] }),
+      /* @__PURE__ */ jsx6(
+        RuleSelector,
+        {
+          onSubmit: handleRuleSubmit,
+          onBack: handleBackToFeatures,
+          onCancel: handleCancel
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(Header, {}),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Loading..." })
+  ] });
+}
+
+// src/commands/init-ui.tsx
+import { ruleRegistry } from "uilint-eslint";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function limitList(items, max) {
+  if (items.length <= max) return items;
+  return [...items.slice(0, max), pc.dim(`\u2026and ${items.length - max} more`)];
+}
+function printInstallReport(result, testCoverageResult) {
+  const failedDeps = result.dependencyResults.filter((r) => !r.success);
+  const okDeps = result.dependencyResults.filter((r) => r.success);
+  const failedActions = result.actionsPerformed.filter((r) => !r.success);
+  const okActions = result.actionsPerformed.filter((r) => r.success);
+  if (result.success) {
+    console.log(`
+${pc.green("\u2713")} Operation completed successfully`);
+  } else {
+    console.log(`
+${pc.yellow("\u26A0")} Operation completed with errors`);
+  }
+  const { summary } = result;
+  const installed = summary.installedItems.map((x) => String(x));
+  const created = summary.filesCreated;
+  const modified = summary.filesModified;
+  const deleted = summary.filesDeleted;
+  if (installed.length > 0) {
+    console.log(`
+${pc.bold("Installed:")}`);
+    for (const item of installed) console.log(`- ${pc.green("\u2713")} ${item}`);
+  }
+  if (summary.eslintTargets.length > 0) {
+    console.log(`
+${pc.bold("ESLint configured:")}`);
+    for (const t of summary.eslintTargets) {
+      console.log(
+        `- ${pc.green("\u2713")} ${t.displayName} ${pc.dim(`(${t.configFile})`)}`
+      );
+    }
+  }
+  if (created.length + modified.length + deleted.length > 0) {
+    console.log(`
+${pc.bold("Files:")}`);
+    for (const p of limitList(created, 20))
+      console.log(`- ${pc.green("+")} ${p}`);
+    for (const p of limitList(modified, 20))
+      console.log(`- ${pc.yellow("~")} ${p}`);
+    for (const p of limitList(deleted, 20))
+      console.log(`- ${pc.red("-")} ${p}`);
+  }
+  if (summary.dependenciesInstalled.length > 0) {
+    console.log(`
+${pc.bold("Dependencies installed:")}`);
+    for (const d of summary.dependenciesInstalled) {
+      console.log(
+        `- ${pc.green("\u2713")} ${d.packagePath} ${pc.dim(`\u2190 ${d.packages.join(", ")}`)}`
+      );
+    }
+  }
+  if (testCoverageResult?.ran) {
+    console.log(`
+${pc.bold("Test coverage:")}`);
+    if (testCoverageResult.success) {
+      console.log(`- ${pc.green("\u2713")} Coverage data generated successfully`);
+    } else {
+      console.log(`- ${pc.yellow("\u26A0")} Tests ran with errors`);
+      if (testCoverageResult.error) {
+        console.log(pc.dim(`  ${testCoverageResult.error.split("\n")[0]}`));
+      }
+    }
+  }
+  if (failedDeps.length > 0 || failedActions.length > 0) {
+    console.log(`
+${pc.bold(pc.red("Failures:"))}`);
+  }
+  if (failedDeps.length > 0) {
+    console.log(`
+${pc.bold("Dependency installs failed:")}`);
+    for (const dep of failedDeps) {
+      const pkgs = dep.install.packages.join(", ");
+      console.log(
+        `- ${pc.red("\u2717")} ${dep.install.packageManager} in ${dep.install.packagePath} ${pc.dim(`\u2190 ${pkgs}`)}`
+      );
+      if (dep.error) console.log(pc.dim(dep.error.split("\n").slice(0, 30).join("\n")));
+    }
+  }
+  if (failedActions.length > 0) {
+    console.log(`
+${pc.bold("Actions failed:")}`);
+    for (const a of failedActions) {
+      const action = a.action;
+      const type = String(action.type || "unknown");
+      const pathish = typeof action.path === "string" && action.path || typeof action.projectPath === "string" && action.projectPath || typeof action.packagePath === "string" && action.packagePath || "";
+      console.error(`- ${type}${pathish ? ` (${pathish})` : ""}`);
+      if (a.error) console.error(`  ${a.error}`);
+    }
+  }
+  console.log(
+    pc.dim(
+      `
+Summary: ${okActions.length} action(s) ok, ${failedActions.length} failed \xB7 ${okDeps.length} dep install(s) ok, ${failedDeps.length} failed`
+    )
+  );
+}
+function selectionsToUserChoices(selections, project, eslintRules, injectionPointConfig) {
+  const items = [];
+  const choices = { items };
+  for (const selection of selections) {
+    if (!selection.selected || selection.targets.length === 0) continue;
+    const { installer, targets } = selection;
+    if (installer.id === "genstyleguide") {
+      items.push("genstyleguide");
+    } else if (installer.id === "skill") {
+      items.push("skill");
+    } else if (installer.id === "eslint") {
+      items.push("eslint");
+      choices.eslint = {
+        packagePaths: targets.map((t) => t.path),
+        // Use configured rules if provided, otherwise fall back to all rules
+        selectedRules: eslintRules ? eslintRules.map((cr) => ({
+          ...cr.rule,
+          // Override severity with user's selection
+          defaultSeverity: cr.severity,
+          defaultOptions: cr.options
+        })) : ruleRegistry
+      };
+    } else if (installer.id === "next") {
+      items.push("next");
+      const target = targets[0];
+      const appInfo = project.nextApps.find(
+        (app) => app.projectPath === target?.path
+      );
+      if (appInfo) {
+        choices.next = {
+          projectPath: appInfo.projectPath,
+          detection: appInfo.detection,
+          // Use injection point from follow-up UI selection
+          targetFile: injectionPointConfig?.targetFile,
+          createProviders: injectionPointConfig?.createProviders
+        };
+      }
+    } else if (installer.id === "vite") {
+      items.push("vite");
+      const target = targets[0];
+      const appInfo = project.viteApps.find(
+        (app) => app.projectPath === target?.path
+      );
+      if (appInfo) {
+        choices.vite = {
+          projectPath: appInfo.projectPath,
+          detection: appInfo.detection
+        };
+      }
+    }
+  }
+  return choices;
+}
+function isInteractiveTerminal() {
+  return Boolean(process.stdin.isTTY && process.stdout.isTTY);
+}
+async function initUI(options = {}, executeOptions = {}) {
+  const projectPath = process.cwd();
+  if (!isInteractiveTerminal()) {
+    console.error("\n\u2717 Interactive mode requires a TTY terminal.");
+    console.error("Run uilint init in an interactive terminal.\n");
+    process.exit(1);
+  }
+  const projectPromise = analyze(projectPath);
+  const { waitUntilExit } = render(
+    /* @__PURE__ */ jsx7(
+      InstallApp,
+      {
+        projectPromise,
+        onComplete: async (selections, eslintRules, injectionPointConfig, removeSelections) => {
+          const project = await projectPromise;
+          const choices = selectionsToUserChoices(selections, project, eslintRules, injectionPointConfig);
+          const hasInstalls = choices.items.length > 0;
+          const hasRemovals = removeSelections && removeSelections.length > 0;
+          if (!hasInstalls && !hasRemovals) {
+            console.log("\nNo changes selected");
+            process.exit(0);
+          }
+          const { createPlan } = await import("./plan-ZWGKTWQ3.js");
+          const plan = createPlan(project, choices, { force: options.force });
+          if (hasRemovals && removeSelections) {
+            for (const selection of removeSelections) {
+              if (!selection.selected || selection.targets.length === 0) continue;
+              const { installer, targets } = selection;
+              if (installer.planRemove) {
+                const removePlan = installer.planRemove(targets, project);
+                plan.actions = [...removePlan.actions, ...plan.actions];
+              }
+            }
+          }
+          const result = await execute(plan, {
+            ...executeOptions,
+            projectPath: project.projectPath
+          });
+          let testCoverageResult;
+          if (result.success && eslintRules?.some((r) => r.rule.id === "require-test-coverage")) {
+            const eslintTargetPaths = choices.eslint?.packagePaths ?? [];
+            for (const targetPath of eslintTargetPaths) {
+              const coverageSetup = detectCoverageSetup(targetPath);
+              if (coverageSetup.hasVitest && coverageSetup.hasCoverageConfig) {
+                console.log(`
+${pc.blue("Running tests with coverage...")}`);
+                const pm = detectPackageManager(targetPath);
+                try {
+                  await runTestsWithCoverage(pm, targetPath);
+                  testCoverageResult = { ran: true, success: true };
+                  console.log(`${pc.green("\u2713")} Coverage data generated`);
+                } catch (error) {
+                  const errorMsg = error instanceof Error ? error.message : String(error);
+                  testCoverageResult = { ran: true, success: false, error: errorMsg };
+                  console.log(`${pc.yellow("\u26A0")} Tests completed with errors`);
+                }
+              }
+            }
+          }
+          printInstallReport(result, testCoverageResult);
+          process.exit(result.success ? 0 : 1);
+        },
+        onError: (error) => {
+          console.error("\n\u2717 Error:", error.message);
+          process.exit(1);
+        }
+      }
+    )
+  );
+  await waitUntilExit();
+}
+export {
+  initUI
+};
+//# sourceMappingURL=init-ui-GKA2KU3I.js.map