centaurus-cli 3.0.1 → 3.1.0

package/dist/ui/components/PasswordPrompt.js

@@ -1,20 +1,39 @@
-import React, { useState } from 'react';
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-export const PasswordPrompt = ({ message, onSubmit, onCancel }) => {
-    const [password, setPassword] = useState('');
-    const handleSubmit = () => {
-        if (password.trim()) {
-            onSubmit(password);
-        }
-    };
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, paddingY: 0, marginY: 1 },
-        React.createElement(Box, { marginY: 1 },
-            React.createElement(Text, { color: "cyan", bold: true }, message)),
-        React.createElement(Box, null,
-            React.createElement(Text, { color: "#666666" }, "> "),
-            React.createElement(TextInput, { value: password, onChange: setPassword, onSubmit: handleSubmit, placeholder: "Enter password...", mask: "*", showCursor: true })),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { color: "#666666", dimColor: true }, "Press Enter to submit \u2022 Ctrl+C to cancel"))));
+import React, { useState } from "react";
+import { Box, Text } from "ink";
+import TextInput from "ink-text-input";
+const PasswordPrompt = ({ message, onSubmit, onCancel }) => {
+  const [password, setPassword] = useState("");
+  const handleSubmit = () => {
+    if (password.trim()) {
+      onSubmit(password);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "cyan",
+      paddingX: 1,
+      paddingY: 0,
+      marginY: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "cyan", bold: true }, message)),
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "> "), /* @__PURE__ */ React.createElement(
+      TextInput,
+      {
+        value: password,
+        onChange: setPassword,
+        onSubmit: handleSubmit,
+        placeholder: "Enter password...",
+        mask: "*",
+        showCursor: true
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "Press Enter to submit \u2022 Ctrl+C to cancel"))
+  );
+};
+export {
+  PasswordPrompt
 };
 //# sourceMappingURL=PasswordPrompt.js.map

package/dist/ui/components/PasswordPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordPrompt.js","sourceRoot":"","sources":["../../../src/ui/components/PasswordPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,SAAS,MAAM,gBAAgB,CAAC;AAQvC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;YACpB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,MAAM,EAClB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC;QAEV,oBAAC,GAAG,IAAC,OAAO,EAAE,CAAC;YACb,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,UAAE,OAAO,CAAQ,CACpC;QACN,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,SAAa;YAClC,oBAAC,SAAS,IACR,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,mBAAmB,EAC/B,IAAI,EAAC,GAAG,EACR,UAAU,EAAE,IAAI,GAChB,CACE;QACN,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC;YACf,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,0DAEvB,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/PasswordPrompt.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport TextInput from 'ink-text-input';\r\n\r\ninterface PasswordPromptProps {\r\n  message: string;\r\n  onSubmit: (password: string) => void;\r\n  onCancel: () => void;\r\n}\r\n\r\nexport const PasswordPrompt: React.FC<PasswordPromptProps> = ({ message, onSubmit, onCancel }) => {\r\n  const [password, setPassword] = useState('');\r\n\r\n  const handleSubmit = () => {\r\n    if (password.trim()) {\r\n      onSubmit(password);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      flexDirection=\"column\"\r\n      borderStyle=\"round\"\r\n      borderColor=\"cyan\"\r\n      paddingX={1}\r\n      paddingY={0}\r\n      marginY={1}\r\n    >\r\n      <Box marginY={1}>\r\n        <Text color=\"cyan\" bold>{message}</Text>\r\n      </Box>\r\n      <Box>\r\n        <Text color=\"#666666\">&gt; </Text>\r\n        <TextInput\r\n          value={password}\r\n          onChange={setPassword}\r\n          onSubmit={handleSubmit}\r\n          placeholder=\"Enter password...\"\r\n          mask=\"*\"\r\n          showCursor={true}\r\n        />\r\n      </Box>\r\n      <Box marginTop={1}>\r\n        <Text color=\"#666666\" dimColor>\r\n          Press Enter to submit • Ctrl+C to cancel\r\n        </Text>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,SAAS,gBAAgB;AAChC,SAAS,KAAK,YAAY;AAC1B,OAAO,eAAe;AAQf,MAAM,iBAAgD,CAAC,EAAE,SAAS,UAAU,SAAS,MAAM;AAChG,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,KAAK,GAAG;AACnB,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA;AAAA,IAET,oCAAC,OAAI,SAAS,KACZ,oCAAC,QAAK,OAAM,QAAO,MAAI,QAAE,OAAQ,CACnC;AAAA,IACA,oCAAC,WACC,oCAAC,QAAK,OAAM,aAAU,IAAK,GAC3B;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,YAAY;AAAA;AAAA,IACd,CACF;AAAA,IACA,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,+CAE/B,CACF;AAAA,EACF;AAEJ;","names":[]}

package/dist/ui/components/PlanAcceptedMessage.js

@@ -1,40 +1,29 @@
-/**
- * PlanAcceptedMessage Component
- * Displays a message when the plan is accepted and execution begins
- * Shows all tasks and subtasks as a static reference
- */
-import React from 'react';
-import { Box, Text } from 'ink';
-export const PlanAcceptedMessage = ({ planTitle, totalTasks, tasks }) => {
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 1, paddingY: 0, marginY: 0, alignSelf: "flex-start" },
-        React.createElement(Box, null,
-            React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 "),
-            React.createElement(Text, { color: "#00cc66", bold: true }, "Plan Accepted"),
-            planTitle && (React.createElement(Text, { color: "#888888" },
-                " - ",
-                planTitle))),
-        tasks && tasks.length > 0 && (React.createElement(Box, { flexDirection: "column", marginTop: 0, marginLeft: 2 }, tasks.map((task, taskIndex) => (React.createElement(Box, { key: taskIndex, flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#00ccff" }, "[ ] "),
-                React.createElement(Text, { color: "#cccccc", wrap: "wrap" },
-                    taskIndex + 1,
-                    ". ",
-                    task.description)),
-            task.subtasks && task.subtasks.map((subtask, subIndex) => (React.createElement(Box, { key: subIndex, marginLeft: 3 },
-                React.createElement(Text, { color: "#666666" }, "[ ] "),
-                React.createElement(Text, { color: "#888888", wrap: "wrap" },
-                    taskIndex + 1,
-                    ".",
-                    subIndex + 1,
-                    ". ",
-                    subtask.description))))))))),
-        React.createElement(Box, { marginTop: 0, marginLeft: 2 },
-            React.createElement(Text, { color: "#666666", dimColor: true },
-                "Starting execution of ",
-                totalTasks || 0,
-                " task",
-                (totalTasks || 0) > 1 ? 's' : '',
-                "..."))));
+import React from "react";
+import { Box, Text } from "ink";
+const PlanAcceptedMessage = ({
+  planTitle,
+  totalTasks,
+  tasks
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#00cc66",
+      paddingX: 1,
+      paddingY: 0,
+      marginY: 0,
+      alignSelf: "flex-start"
+    },
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "\u2713 "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Plan Accepted"), planTitle && /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " - ", planTitle)),
+    tasks && tasks.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 0, marginLeft: 2 }, tasks.map((task, taskIndex) => /* @__PURE__ */ React.createElement(Box, { key: taskIndex, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff" }, "[ ] "), /* @__PURE__ */ React.createElement(Text, { color: "#cccccc", wrap: "wrap" }, taskIndex + 1, ". ", task.description)), task.subtasks && task.subtasks.map((subtask, subIndex) => /* @__PURE__ */ React.createElement(Box, { key: subIndex, marginLeft: 3 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "[ ] "), /* @__PURE__ */ React.createElement(Text, { color: "#888888", wrap: "wrap" }, taskIndex + 1, ".", subIndex + 1, ". ", subtask.description)))))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 0, marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "Starting execution of ", totalTasks || 0, " task", (totalTasks || 0) > 1 ? "s" : "", "..."))
+  );
+};
+var PlanAcceptedMessage_default = PlanAcceptedMessage;
+export {
+  PlanAcceptedMessage,
+  PlanAcceptedMessage_default as default
 };
-export default PlanAcceptedMessage;
 //# sourceMappingURL=PlanAcceptedMessage.js.map

package/dist/ui/components/PlanAcceptedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlanAcceptedMessage.js","sourceRoot":"","sources":["../../../src/ui/components/PlanAcceptedMessage.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAahC,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACpE,SAAS,EACT,UAAU,EACV,KAAK,EACR,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,GAAG,IACA,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,EACV,SAAS,EAAC,YAAY;QAGtB,oBAAC,GAAG;YACA,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,oBAAU;YACpC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,0BAAqB;YAC9C,SAAS,IAAI,CACV,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS;;gBAAK,SAAS,CAAQ,CAC9C,CACC;QAGL,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,IAClD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC5B,oBAAC,GAAG,IAAC,GAAG,EAAE,SAAS,EAAE,aAAa,EAAC,QAAQ;YAEvC,oBAAC,GAAG;gBACA,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,WAAY;gBACjC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBAC5B,SAAS,GAAG,CAAC;;oBAAI,IAAI,CAAC,WAAW,CAC/B,CACL;YAEL,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,CACvD,oBAAC,GAAG,IAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;gBAC7B,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,WAAY;gBACjC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM;oBAC5B,SAAS,GAAG,CAAC;;oBAAG,QAAQ,GAAG,CAAC;;oBAAI,OAAO,CAAC,WAAW,CACjD,CACL,CACT,CAAC,CACA,CACT,CAAC,CACA,CACT;QAGD,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;YAC5B,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ;;gBACH,UAAU,IAAI,CAAC;;gBAAO,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;sBAC1E,CACL,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/PlanAcceptedMessage.tsx"],"sourcesContent":["/**\r\n * PlanAcceptedMessage Component\r\n * Displays a message when the plan is accepted and execution begins\r\n * Shows all tasks and subtasks as a static reference\r\n */\r\n\r\nimport React from 'react';\r\nimport { Box, Text } from 'ink';\r\n\r\ninterface TaskItem {\r\n    description: string;\r\n    subtasks?: Array<{ description: string }>;\r\n}\r\n\r\ninterface PlanAcceptedMessageProps {\r\n    planTitle?: string;\r\n    totalTasks?: number;\r\n    tasks?: TaskItem[];\r\n}\r\n\r\nexport const PlanAcceptedMessage: React.FC<PlanAcceptedMessageProps> = ({\r\n    planTitle,\r\n    totalTasks,\r\n    tasks\r\n}) => {\r\n    return (\r\n        <Box\r\n            flexDirection=\"column\"\r\n            borderStyle=\"round\"\r\n            borderColor=\"#00cc66\"\r\n            paddingX={1}\r\n            paddingY={0}\r\n            marginY={0}\r\n            alignSelf=\"flex-start\"\r\n        >\r\n            {/* Header */}\r\n            <Box>\r\n                <Text color=\"#00cc66\" bold>✓ </Text>\r\n                <Text color=\"#00cc66\" bold>Plan Accepted</Text>\r\n                {planTitle && (\r\n                    <Text color=\"#888888\"> - {planTitle}</Text>\r\n                )}\r\n            </Box>\r\n\r\n            {/* Task List */}\r\n            {tasks && tasks.length > 0 && (\r\n                <Box flexDirection=\"column\" marginTop={0} marginLeft={2}>\r\n                    {tasks.map((task, taskIndex) => (\r\n                        <Box key={taskIndex} flexDirection=\"column\">\r\n                            {/* Main task */}\r\n                            <Box>\r\n                                <Text color=\"#00ccff\">[ ] </Text>\r\n                                <Text color=\"#cccccc\" wrap=\"wrap\">\r\n                                    {taskIndex + 1}. {task.description}\r\n                                </Text>\r\n                            </Box>\r\n                            {/* Subtasks */}\r\n                            {task.subtasks && task.subtasks.map((subtask, subIndex) => (\r\n                                <Box key={subIndex} marginLeft={3}>\r\n                                    <Text color=\"#666666\">[ ] </Text>\r\n                                    <Text color=\"#888888\" wrap=\"wrap\">\r\n                                        {taskIndex + 1}.{subIndex + 1}. {subtask.description}\r\n                                    </Text>\r\n                                </Box>\r\n                            ))}\r\n                        </Box>\r\n                    ))}\r\n                </Box>\r\n            )}\r\n\r\n            {/* Starting message */}\r\n            <Box marginTop={0} marginLeft={2}>\r\n                <Text color=\"#666666\" dimColor>\r\n                    Starting execution of {totalTasks || 0} task{(totalTasks || 0) > 1 ? 's' : ''}...\r\n                </Text>\r\n            </Box>\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default PlanAcceptedMessage;\r\n"],"mappings":"AAMA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAanB,MAAM,sBAA0D,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AACF,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAU;AAAA;AAAA,IAGV,oCAAC,WACG,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,SAAE,GAC7B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,eAAa,GACvC,aACG,oCAAC,QAAK,OAAM,aAAU,OAAI,SAAU,CAE5C;AAAA,IAGC,SAAS,MAAM,SAAS,KACrB,oCAAC,OAAI,eAAc,UAAS,WAAW,GAAG,YAAY,KACjD,MAAM,IAAI,CAAC,MAAM,cACd,oCAAC,OAAI,KAAK,WAAW,eAAc,YAE/B,oCAAC,WACG,oCAAC,QAAK,OAAM,aAAU,MAAI,GAC1B,oCAAC,QAAK,OAAM,WAAU,MAAK,UACtB,YAAY,GAAE,MAAG,KAAK,WAC3B,CACJ,GAEC,KAAK,YAAY,KAAK,SAAS,IAAI,CAAC,SAAS,aAC1C,oCAAC,OAAI,KAAK,UAAU,YAAY,KAC5B,oCAAC,QAAK,OAAM,aAAU,MAAI,GAC1B,oCAAC,QAAK,OAAM,WAAU,MAAK,UACtB,YAAY,GAAE,KAAE,WAAW,GAAE,MAAG,QAAQ,WAC7C,CACJ,CACH,CACL,CACH,CACL;AAAA,IAIJ,oCAAC,OAAI,WAAW,GAAG,YAAY,KAC3B,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,0BACJ,cAAc,GAAE,UAAO,cAAc,KAAK,IAAI,MAAM,IAAG,KAClF,CACJ;AAAA,EACJ;AAER;AAEA,IAAO,8BAAQ;","names":[]}

package/dist/ui/components/PlanReviewScreen.js

@@ -1,52 +1,48 @@
-/**
- * PlanReviewScreen Component
- * Dedicated screen for reviewing and approving/editing a plan
- */
-import React from 'react';
-import { Box, Text, useInput } from 'ink';
-export const PlanReviewScreen = ({ plan, onApprove, onEdit }) => {
-    // Handle keyboard input
-    useInput((input, key) => {
-        if (key.return || input.toLowerCase() === 'y') {
-            onApprove();
-        }
-        else if (input.toLowerCase() === 'e' || input.toLowerCase() === 'n') {
-            onEdit();
-        }
-    });
-    return (React.createElement(Box, { flexDirection: "column", paddingX: 2, paddingY: 1 },
-        React.createElement(Box, { borderStyle: "double", borderColor: "#ffaa00", paddingX: 2, paddingY: 1, marginBottom: 1 },
-            React.createElement(Text, { color: "#ffaa00", bold: true }, "\uD83D\uDCCB PLAN REVIEW")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { color: "#00ccff", bold: true }, plan.title)),
-        plan.summary && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { color: "#888888" }, plan.summary))),
-        React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#666666", paddingX: 1, paddingY: 1, marginBottom: 1 },
-            React.createElement(Text, { color: "#888888", dimColor: true }, "Tasks to execute:"),
-            React.createElement(Box, { flexDirection: "column", marginTop: 1 }, plan.steps.map((step, index) => {
-                const complexityColor = step.estimatedComplexity === 'high' ? '#ff6666' :
-                    step.estimatedComplexity === 'medium' ? '#ffaa00' : '#00cc66';
-                const complexityLabel = step.estimatedComplexity ? ` [${step.estimatedComplexity}]` : '';
-                return (React.createElement(Box, { key: step.id },
-                    React.createElement(Text, { color: "#888888" },
-                        index + 1,
-                        ". "),
-                    React.createElement(Text, null, step.description),
-                    step.estimatedComplexity && (React.createElement(Text, { color: complexityColor }, complexityLabel))));
-            }))),
-        React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#888888" }, "Press "),
-                React.createElement(Text, { color: "#00cc66", bold: true }, "Enter"),
-                React.createElement(Text, { color: "#888888" }, " or "),
-                React.createElement(Text, { color: "#00cc66", bold: true }, "Y"),
-                React.createElement(Text, { color: "#888888" }, " to proceed with plan")),
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#888888" }, "Press "),
-                React.createElement(Text, { color: "#ffaa00", bold: true }, "E"),
-                React.createElement(Text, { color: "#888888" }, " or "),
-                React.createElement(Text, { color: "#ffaa00", bold: true }, "N"),
-                React.createElement(Text, { color: "#888888" }, " to edit plan (provide feedback)")))));
+import React from "react";
+import { Box, Text, useInput } from "ink";
+const PlanReviewScreen = ({
+  plan,
+  onApprove,
+  onEdit
+}) => {
+  useInput((input, key) => {
+    if (key.return || input.toLowerCase() === "y") {
+      onApprove();
+    } else if (input.toLowerCase() === "e" || input.toLowerCase() === "n") {
+      onEdit();
+    }
+  });
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderStyle: "double",
+      borderColor: "#ffaa00",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, "\u{1F4CB} PLAN REVIEW")
+  ), /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, plan.title)), plan.summary && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, plan.summary)), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#666666",
+      paddingX: 1,
+      paddingY: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: "#888888", dimColor: true }, "Tasks to execute:"),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, plan.steps.map((step, index) => {
+      const complexityColor = step.estimatedComplexity === "high" ? "#ff6666" : step.estimatedComplexity === "medium" ? "#ffaa00" : "#00cc66";
+      const complexityLabel = step.estimatedComplexity ? ` [${step.estimatedComplexity}]` : "";
+      return /* @__PURE__ */ React.createElement(Box, { key: step.id }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, index + 1, ". "), /* @__PURE__ */ React.createElement(Text, null, step.description), step.estimatedComplexity && /* @__PURE__ */ React.createElement(Text, { color: complexityColor }, complexityLabel));
+    }))
+  ), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "Press "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Enter"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " or "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Y"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " to proceed with plan")), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "Press "), /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, "E"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " or "), /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, "N"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " to edit plan (provide feedback)"))));
+};
+var PlanReviewScreen_default = PlanReviewScreen;
+export {
+  PlanReviewScreen,
+  PlanReviewScreen_default as default
 };
-export default PlanReviewScreen;
 //# sourceMappingURL=PlanReviewScreen.js.map

package/dist/ui/components/PlanReviewScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlanReviewScreen.js","sourceRoot":"","sources":["../../../src/ui/components/PlanReviewScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/PlanReviewScreen.tsx"],"sourcesContent":["/**\r\n * PlanReviewScreen Component\r\n * Dedicated screen for reviewing and approving/editing a plan\r\n */\r\n\r\nimport React from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport { Plan } from '../../tools/plan-mode.js';\r\n\r\ninterface PlanReviewScreenProps {\r\n    plan: Plan;\r\n    onApprove: () => void;\r\n    onEdit: () => void;\r\n}\r\n\r\nexport const PlanReviewScreen: React.FC<PlanReviewScreenProps> = ({\r\n    plan,\r\n    onApprove,\r\n    onEdit\r\n}) => {\r\n    // Handle keyboard input\r\n    useInput((input, key) => {\r\n        if (key.return || input.toLowerCase() === 'y') {\r\n            onApprove();\r\n        } else if (input.toLowerCase() === 'e' || input.toLowerCase() === 'n') {\r\n            onEdit();\r\n        }\r\n    });\r\n\r\n    return (\r\n        <Box flexDirection=\"column\" paddingX={2} paddingY={1}>\r\n            {/* Header */}\r\n            <Box\r\n                borderStyle=\"double\"\r\n                borderColor=\"#ffaa00\"\r\n                paddingX={2}\r\n                paddingY={1}\r\n                marginBottom={1}\r\n            >\r\n                <Text color=\"#ffaa00\" bold>📋 PLAN REVIEW</Text>\r\n            </Box>\r\n\r\n            {/* Plan Title */}\r\n            <Box marginBottom={1}>\r\n                <Text color=\"#00ccff\" bold>{plan.title}</Text>\r\n            </Box>\r\n\r\n            {/* Plan Summary */}\r\n            {plan.summary && (\r\n                <Box marginBottom={1}>\r\n                    <Text color=\"#888888\">{plan.summary}</Text>\r\n                </Box>\r\n            )}\r\n\r\n            {/* Tasks List */}\r\n            <Box\r\n                flexDirection=\"column\"\r\n                borderStyle=\"round\"\r\n                borderColor=\"#666666\"\r\n                paddingX={1}\r\n                paddingY={1}\r\n                marginBottom={1}\r\n            >\r\n                <Text color=\"#888888\" dimColor>Tasks to execute:</Text>\r\n                <Box flexDirection=\"column\" marginTop={1}>\r\n                    {plan.steps.map((step, index) => {\r\n                        const complexityColor = step.estimatedComplexity === 'high' ? '#ff6666' :\r\n                            step.estimatedComplexity === 'medium' ? '#ffaa00' : '#00cc66';\r\n                        const complexityLabel = step.estimatedComplexity ? ` [${step.estimatedComplexity}]` : '';\r\n\r\n                        return (\r\n                            <Box key={step.id}>\r\n                                <Text color=\"#888888\">{index + 1}. </Text>\r\n                                <Text>{step.description}</Text>\r\n                                {step.estimatedComplexity && (\r\n                                    <Text color={complexityColor}>{complexityLabel}</Text>\r\n                                )}\r\n                            </Box>\r\n                        );\r\n                    })}\r\n                </Box>\r\n            </Box>\r\n\r\n            {/* Action Buttons */}\r\n            <Box marginTop={1} flexDirection=\"column\">\r\n                <Box>\r\n                    <Text color=\"#888888\">Press </Text>\r\n                    <Text color=\"#00cc66\" bold>Enter</Text>\r\n                    <Text color=\"#888888\"> or </Text>\r\n                    <Text color=\"#00cc66\" bold>Y</Text>\r\n                    <Text color=\"#888888\"> to proceed with plan</Text>\r\n                </Box>\r\n                <Box>\r\n                    <Text color=\"#888888\">Press </Text>\r\n                    <Text color=\"#ffaa00\" bold>E</Text>\r\n                    <Text color=\"#888888\"> or </Text>\r\n                    <Text color=\"#ffaa00\" bold>N</Text>\r\n                    <Text color=\"#888888\"> to edit plan (provide feedback)</Text>\r\n                </Box>\r\n            </Box>\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default PlanReviewScreen;\r\n"],"mappings":"AAKA,OAAO,WAAW;AAClB,SAAS,KAAK,MAAM,gBAAgB;AAS7B,MAAM,mBAAoD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AACJ,MAAM;AAEF,WAAS,CAAC,OAAO,QAAQ;AACrB,QAAI,IAAI,UAAU,MAAM,YAAY,MAAM,KAAK;AAC3C,gBAAU;AAAA,IACd,WAAW,MAAM,YAAY,MAAM,OAAO,MAAM,YAAY,MAAM,KAAK;AACnE,aAAO;AAAA,IACX;AAAA,EACJ,CAAC;AAED,SACI,oCAAC,OAAI,eAAc,UAAS,UAAU,GAAG,UAAU,KAE/C;AAAA,IAAC;AAAA;AAAA,MACG,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,cAAc;AAAA;AAAA,IAEd,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,uBAAc;AAAA,EAC7C,GAGA,oCAAC,OAAI,cAAc,KACf,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,KAAK,KAAM,CAC3C,GAGC,KAAK,WACF,oCAAC,OAAI,cAAc,KACf,oCAAC,QAAK,OAAM,aAAW,KAAK,OAAQ,CACxC,GAIJ;AAAA,IAAC;AAAA;AAAA,MACG,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,cAAc;AAAA;AAAA,IAEd,oCAAC,QAAK,OAAM,WAAU,UAAQ,QAAC,mBAAiB;AAAA,IAChD,oCAAC,OAAI,eAAc,UAAS,WAAW,KAClC,KAAK,MAAM,IAAI,CAAC,MAAM,UAAU;AAC7B,YAAM,kBAAkB,KAAK,wBAAwB,SAAS,YAC1D,KAAK,wBAAwB,WAAW,YAAY;AACxD,YAAM,kBAAkB,KAAK,sBAAsB,KAAK,KAAK,mBAAmB,MAAM;AAEtF,aACI,oCAAC,OAAI,KAAK,KAAK,MACX,oCAAC,QAAK,OAAM,aAAW,QAAQ,GAAE,IAAE,GACnC,oCAAC,YAAM,KAAK,WAAY,GACvB,KAAK,uBACF,oCAAC,QAAK,OAAO,mBAAkB,eAAgB,CAEvD;AAAA,IAER,CAAC,CACL;AAAA,EACJ,GAGA,oCAAC,OAAI,WAAW,GAAG,eAAc,YAC7B,oCAAC,WACG,oCAAC,QAAK,OAAM,aAAU,QAAM,GAC5B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,OAAK,GAChC,oCAAC,QAAK,OAAM,aAAU,MAAI,GAC1B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,GAAC,GAC5B,oCAAC,QAAK,OAAM,aAAU,uBAAqB,CAC/C,GACA,oCAAC,WACG,oCAAC,QAAK,OAAM,aAAU,QAAM,GAC5B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,GAAC,GAC5B,oCAAC,QAAK,OAAM,aAAU,MAAI,GAC1B,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,GAAC,GAC5B,oCAAC,QAAK,OAAM,aAAU,kCAAgC,CAC1D,CACJ,CACJ;AAER;AAEA,IAAO,2BAAQ;","names":[]}

package/dist/ui/components/RulesEditorScreen.js

@@ -0,0 +1,81 @@
+import React, { useCallback, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { MultiLineInput } from "./MultiLineInput.js";
+const RulesEditorScreen = ({
+  mode,
+  initialName,
+  initialContent,
+  onSave,
+  onCancel
+}) => {
+  const [editorState, setEditorState] = useState("editing");
+  const [content, setContent] = useState(initialContent || "");
+  const [ruleName, setRuleName] = useState(initialName || "");
+  const [error, setError] = useState(null);
+  const screenTitle = mode === "edit" ? "Edit Rule" : "Create Rule";
+  const editorViewportHeight = 12;
+  const showTransientError = useCallback((message) => {
+    setError(message);
+    setTimeout(() => setError(null), 3e3);
+  }, []);
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (editorState === "editing" && key.ctrl && input.toLowerCase() === "s") {
+      if (!content.trim()) {
+        showTransientError("Rule content cannot be empty.");
+        return;
+      }
+      setEditorState("naming");
+    }
+  });
+  const handleNameSubmit = useCallback((name) => {
+    if (!name.trim()) {
+      showTransientError("Rule name is required.");
+      return;
+    }
+    const result = onSave(name.trim(), content, initialName);
+    if (!result.success) {
+      showTransientError(result.error || "Failed to save rule.");
+    }
+  }, [content, initialName, onSave, showTransientError]);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 1 }, /* @__PURE__ */ React.createElement(Box, { borderStyle: "round", borderColor: "#00ccff", paddingX: 2, paddingY: 1, marginBottom: 1 }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, screenTitle), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Write reusable instructions here. Save them, then reference them inside prompts with", /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, " @rules:<name>"), ".")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "Enter"), " New line"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "Ctrl+S"), " Save and name this rule"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "Ctrl/Cmd+Arrow"), " Move by word"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "Home / End"), " Jump within the current line"), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "ESC"), " Cancel")))), error && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "red" }, "\u26A0\uFE0F ", error)), editorState === "editing" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, initialName && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Editing rule: ", /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, initialName))), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderStyle: "round",
+      borderColor: "#257aa5ff",
+      paddingX: 1,
+      paddingY: 0,
+      width: "100%",
+      minHeight: editorViewportHeight + 2
+    },
+    /* @__PURE__ */ React.createElement(
+      MultiLineInput,
+      {
+        value: content,
+        onChange: setContent,
+        onSubmit: () => {
+        },
+        submitOnEnter: false,
+        minHeight: editorViewportHeight,
+        maxHeight: editorViewportHeight,
+        placeholder: "Type reusable instructions here..."
+      }
+    )
+  )), editorState === "naming" && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: "#00ccff" }, "Save Rule"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Rule name: "), /* @__PURE__ */ React.createElement(
+    TextInput,
+    {
+      value: ruleName,
+      onChange: setRuleName,
+      onSubmit: handleNameSubmit,
+      placeholder: "frontend-review"
+    }
+  )), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Names are normalized for mentions, for example ", /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "frontend review"), "becomes ", /* @__PURE__ */ React.createElement(Text, { color: "#ffd700" }, "frontend-review"), "."))));
+};
+export {
+  RulesEditorScreen
+};
+//# sourceMappingURL=RulesEditorScreen.js.map

package/dist/ui/components/RulesEditorScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/components/RulesEditorScreen.tsx"],"sourcesContent":["/**\r\n * Rules Editor Screen\r\n *\r\n * A multiline editor for reusable prompt rules referenced via @rules:<name>.\r\n */\r\n\r\nimport React, { useCallback, useState } from 'react';\r\nimport { Box, Text, useInput } from 'ink';\r\nimport TextInput from 'ink-text-input';\r\nimport { MultiLineInput } from './MultiLineInput.js';\r\nimport { SaveRuleResult } from '../../types/rule.js';\r\n\r\ninterface RulesEditorScreenProps {\r\n    mode: 'add' | 'edit';\r\n    initialName?: string;\r\n    initialContent?: string;\r\n    onSave: (name: string, content: string, previousName?: string) => SaveRuleResult;\r\n    onCancel: () => void;\r\n}\r\n\r\ntype EditorState = 'editing' | 'naming';\r\n\r\nexport const RulesEditorScreen: React.FC<RulesEditorScreenProps> = ({\r\n    mode,\r\n    initialName,\r\n    initialContent,\r\n    onSave,\r\n    onCancel\r\n}) => {\r\n    const [editorState, setEditorState] = useState<EditorState>('editing');\r\n    const [content, setContent] = useState(initialContent || '');\r\n    const [ruleName, setRuleName] = useState(initialName || '');\r\n    const [error, setError] = useState<string | null>(null);\r\n\r\n    const screenTitle = mode === 'edit' ? 'Edit Rule' : 'Create Rule';\r\n    const editorViewportHeight = 12;\r\n\r\n    const showTransientError = useCallback((message: string) => {\r\n        setError(message);\r\n        setTimeout(() => setError(null), 3000);\r\n    }, []);\r\n\r\n    useInput((input, key) => {\r\n        if (key.escape) {\r\n            onCancel();\r\n            return;\r\n        }\r\n\r\n        if (editorState === 'editing' && key.ctrl && input.toLowerCase() === 's') {\r\n            if (!content.trim()) {\r\n                showTransientError('Rule content cannot be empty.');\r\n                return;\r\n            }\r\n\r\n            setEditorState('naming');\r\n        }\r\n    });\r\n\r\n    const handleNameSubmit = useCallback((name: string) => {\r\n        if (!name.trim()) {\r\n            showTransientError('Rule name is required.');\r\n            return;\r\n        }\r\n\r\n        const result = onSave(name.trim(), content, initialName);\r\n        if (!result.success) {\r\n            showTransientError(result.error || 'Failed to save rule.');\r\n        }\r\n    }, [content, initialName, onSave, showTransientError]);\r\n\r\n    return (\r\n        <Box flexDirection=\"column\" paddingX={1}>\r\n            <Box borderStyle=\"round\" borderColor=\"#00ccff\" paddingX={2} paddingY={1} marginBottom={1}>\r\n                <Box flexDirection=\"column\">\r\n                    <Text color=\"#00ccff\" bold>{screenTitle}</Text>\r\n                    <Box marginTop={1}>\r\n                        <Text dimColor>\r\n                            Write reusable instructions here. Save them, then reference them inside prompts with\r\n                            <Text color=\"#ffd700\"> @rules:&lt;name&gt;</Text>.\r\n                        </Text>\r\n                    </Box>\r\n                    <Box marginTop={1} flexDirection=\"column\">\r\n                        <Text dimColor>\r\n                            <Text color=\"#ffd700\">Enter</Text> New line\r\n                        </Text>\r\n                        <Text dimColor>\r\n                            <Text color=\"#ffd700\">Ctrl+S</Text> Save and name this rule\r\n                        </Text>\r\n                        <Text dimColor>\r\n                            <Text color=\"#ffd700\">Ctrl/Cmd+Arrow</Text> Move by word\r\n                        </Text>\r\n                        <Text dimColor>\r\n                            <Text color=\"#ffd700\">Home / End</Text> Jump within the current line\r\n                        </Text>\r\n                        <Text dimColor>\r\n                            <Text color=\"#ffd700\">ESC</Text> Cancel\r\n                        </Text>\r\n                    </Box>\r\n                </Box>\r\n            </Box>\r\n\r\n            {error && (\r\n                <Box marginBottom={1}>\r\n                    <Text color=\"red\">⚠️ {error}</Text>\r\n                </Box>\r\n            )}\r\n\r\n            {editorState === 'editing' && (\r\n                <Box flexDirection=\"column\">\r\n                    {initialName && (\r\n                        <Box marginBottom={1}>\r\n                            <Text dimColor>\r\n                                Editing rule: <Text color=\"#00ccff\" bold>{initialName}</Text>\r\n                            </Text>\r\n                        </Box>\r\n                    )}\r\n                    <Box\r\n                        borderStyle=\"round\"\r\n                        borderColor=\"#257aa5ff\"\r\n                        paddingX={1}\r\n                        paddingY={0}\r\n                        width=\"100%\"\r\n                        minHeight={editorViewportHeight + 2}\r\n                    >\r\n                        <MultiLineInput\r\n                            value={content}\r\n                            onChange={setContent}\r\n                            onSubmit={() => {\r\n                                // The rules editor saves via Ctrl+S so Enter always inserts a newline.\r\n                            }}\r\n                            submitOnEnter={false}\r\n                            minHeight={editorViewportHeight}\r\n                            maxHeight={editorViewportHeight}\r\n                            placeholder=\"Type reusable instructions here...\"\r\n                        />\r\n                    </Box>\r\n                </Box>\r\n            )}\r\n\r\n            {editorState === 'naming' && (\r\n                <Box flexDirection=\"column\">\r\n                    <Text bold color=\"#00ccff\">Save Rule</Text>\r\n                    <Box marginTop={1}>\r\n                        <Text>Rule name: </Text>\r\n                        <TextInput\r\n                            value={ruleName}\r\n                            onChange={setRuleName}\r\n                            onSubmit={handleNameSubmit}\r\n                            placeholder=\"frontend-review\"\r\n                        />\r\n                    </Box>\r\n                    <Box marginTop={1}>\r\n                        <Text dimColor>\r\n                            Names are normalized for mentions, for example <Text color=\"#ffd700\">frontend review</Text>\r\n                            becomes <Text color=\"#ffd700\">frontend-review</Text>.\r\n                        </Text>\r\n                    </Box>\r\n                </Box>\r\n            )}\r\n        </Box>\r\n    );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/ui/components/SelectPrompt.js

@@ -1,10 +1,21 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import SelectInput from 'ink-select-input';
-export const SelectPrompt = ({ message, choices, onSelect }) => {
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1 },
-        React.createElement(Text, { color: "#00ccff", bold: true }, message),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(SelectInput, { items: choices, onSelect: (item) => onSelect(item.value) }))));
+import React from "react";
+import { Box, Text } from "ink";
+import SelectInput from "ink-select-input";
+const SelectPrompt = ({
+  message,
+  choices,
+  onSelect,
+  width
+}) => {
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, width }, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, message), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(
+    SelectInput,
+    {
+      items: choices,
+      onSelect: (item) => onSelect(item.value)
+    }
+  )));
+};
+export {
+  SelectPrompt
 };
 //# sourceMappingURL=SelectPrompt.js.map

package/dist/ui/components/SelectPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPrompt.js","sourceRoot":"","sources":["../../../src/ui/components/SelectPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAQ3C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,OAAO,EACP,OAAO,EACP,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,EAAE,CAAC;QAC/E,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,UAAE,OAAO,CAAQ;QAC3C,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC;YACf,oBAAC,WAAW,IACV,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACxC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/SelectPrompt.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport SelectInput from 'ink-select-input';\r\n\r\ninterface SelectPromptProps {\r\n  message: string;\r\n  choices: Array<{ label: string; value: string }>;\r\n  onSelect: (value: string) => void;\r\n  width?: number;\r\n}\r\n\r\nexport const SelectPrompt: React.FC<SelectPromptProps> = ({\r\n  message,\r\n  choices,\r\n  onSelect,\r\n  width\r\n}) => {\r\n  return (\r\n    <Box flexDirection=\"column\" borderStyle=\"round\" borderColor=\"#00ccff\" paddingX={1} width={width}>\r\n      <Text color=\"#00ccff\" bold>{message}</Text>\r\n      <Box marginTop={1}>\r\n        <SelectInput\r\n          items={choices}\r\n          onSelect={(item) => onSelect(item.value)}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,iBAAiB;AASjB,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,oCAAC,OAAI,eAAc,UAAS,aAAY,SAAQ,aAAY,WAAU,UAAU,GAAG,SACjF,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAE,OAAQ,GACpC,oCAAC,OAAI,WAAW,KACd;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,SAAS,SAAS,KAAK,KAAK;AAAA;AAAA,EACzC,CACF,CACF;AAEJ;","names":[]}

package/dist/ui/components/ShimmerText.js

@@ -0,0 +1,44 @@
+import React, { useState, useEffect } from "react";
+import { Text } from "ink";
+const SHIMMER_HALF_WIDTH = 6;
+const SHIMMER_SPEED_MS = 65;
+const SHIMMER_GRADIENT = ["#ffffff", "#cccccc", "#888888"];
+const SHIMMER_GRADIENT_DIM = ["#999999", "#6a6a6a", "#4a4a4a"];
+function getShimmerColor(dist, baseColor, dim) {
+  if (dist >= SHIMMER_HALF_WIDTH) return baseColor;
+  const gradient = dim ? SHIMMER_GRADIENT_DIM : SHIMMER_GRADIENT;
+  const idx = Math.min(
+    gradient.length - 1,
+    Math.floor(dist / SHIMMER_HALF_WIDTH * gradient.length)
+  );
+  return gradient[idx] ?? baseColor;
+}
+const ShimmerText = ({
+  text,
+  baseColor = "#555555",
+  bold = false,
+  dimShimmer = false
+}) => {
+  const [shimmerPos, setShimmerPos] = useState(-SHIMMER_HALF_WIDTH);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setShimmerPos((pos) => {
+        const next = pos + 1;
+        return next > text.length + SHIMMER_HALF_WIDTH ? -SHIMMER_HALF_WIDTH : next;
+      });
+    }, SHIMMER_SPEED_MS);
+    return () => clearInterval(interval);
+  }, [text.length]);
+  if (!text) return null;
+  const len = text.length;
+  const shimStart = Math.max(0, shimmerPos - SHIMMER_HALF_WIDTH);
+  const shimEnd = Math.min(len, shimmerPos + SHIMMER_HALF_WIDTH);
+  const preText = shimStart > 0 ? text.slice(0, shimStart) : "";
+  const shimChars = Array.from(text.slice(shimStart, shimEnd));
+  const postText = shimEnd < len ? text.slice(shimEnd) : "";
+  return /* @__PURE__ */ React.createElement(Text, { bold }, preText ? /* @__PURE__ */ React.createElement(Text, { color: baseColor }, preText) : null, shimChars.map((char, i) => /* @__PURE__ */ React.createElement(Text, { key: shimStart + i, color: getShimmerColor(Math.abs(shimStart + i - shimmerPos), baseColor, dimShimmer) }, char)), postText ? /* @__PURE__ */ React.createElement(Text, { color: baseColor }, postText) : null);
+};
+export {
+  ShimmerText
+};
+//# sourceMappingURL=ShimmerText.js.map

package/dist/ui/components/ShimmerText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/components/ShimmerText.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport { Text } from 'ink';\r\n\r\nconst SHIMMER_HALF_WIDTH = 6;  // chars each side of the peak that receive highlight\r\nconst SHIMMER_SPEED_MS = 65;   // ms per step — lower = faster sweep\r\nconst SHIMMER_GRADIENT       = ['#ffffff', '#cccccc', '#888888'] as const;\r\nconst SHIMMER_GRADIENT_DIM   = ['#999999', '#6a6a6a', '#4a4a4a'] as const;\r\n\r\nfunction getShimmerColor(dist: number, baseColor: string, dim: boolean): string {\r\n  if (dist >= SHIMMER_HALF_WIDTH) return baseColor;\r\n  const gradient = dim ? SHIMMER_GRADIENT_DIM : SHIMMER_GRADIENT;\r\n  const idx = Math.min(\r\n    gradient.length - 1,\r\n    Math.floor((dist / SHIMMER_HALF_WIDTH) * gradient.length)\r\n  );\r\n  return gradient[idx] ?? baseColor;\r\n}\r\n\r\ninterface ShimmerTextProps {\r\n  text: string;\r\n  /** Color of the text outside the shimmer window */\r\n  baseColor?: string;\r\n  bold?: boolean;\r\n  /** Use a subtler, dimmer shimmer gradient instead of the full white peak */\r\n  dimShimmer?: boolean;\r\n}\r\n\r\n/**\r\n * Renders text with a white shimmer that sweeps left-to-right continuously.\r\n * Peaks at white (or light grey if dimShimmer=true), fades back to `baseColor`.\r\n */\r\nexport const ShimmerText: React.FC<ShimmerTextProps> = ({\r\n  text,\r\n  baseColor = '#555555',\r\n  bold = false,\r\n  dimShimmer = false,\r\n}) => {\r\n  const [shimmerPos, setShimmerPos] = useState(-SHIMMER_HALF_WIDTH);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(() => {\r\n      setShimmerPos(pos => {\r\n        const next = pos + 1;\r\n        // Once the shimmer has fully exited the right side, restart from the left\r\n        return next > text.length + SHIMMER_HALF_WIDTH ? -SHIMMER_HALF_WIDTH : next;\r\n      });\r\n    }, SHIMMER_SPEED_MS);\r\n    return () => clearInterval(interval);\r\n  }, [text.length]);\r\n\r\n  if (!text) return null;\r\n\r\n  const len = text.length;\r\n  const shimStart = Math.max(0, shimmerPos - SHIMMER_HALF_WIDTH);\r\n  const shimEnd = Math.min(len, shimmerPos + SHIMMER_HALF_WIDTH);\r\n\r\n  const preText = shimStart > 0 ? text.slice(0, shimStart) : '';\r\n  const shimChars = Array.from(text.slice(shimStart, shimEnd));\r\n  const postText = shimEnd < len ? text.slice(shimEnd) : '';\r\n\r\n  return (\r\n    <Text bold={bold}>\r\n      {preText ? <Text color={baseColor}>{preText}</Text> : null}\r\n      {shimChars.map((char, i) => (\r\n        <Text key={shimStart + i} color={getShimmerColor(Math.abs(shimStart + i - shimmerPos), baseColor, dimShimmer)}>\r\n          {char}\r\n        </Text>\r\n      ))}\r\n      {postText ? <Text color={baseColor}>{postText}</Text> : null}\r\n    </Text>\r\n  );\r\n};\r\n"],"mappings":"AAAA,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,YAAY;AAErB,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;AACzB,MAAM,mBAAyB,CAAC,WAAW,WAAW,SAAS;AAC/D,MAAM,uBAAyB,CAAC,WAAW,WAAW,SAAS;AAE/D,SAAS,gBAAgB,MAAc,WAAmB,KAAsB;AAC9E,MAAI,QAAQ,mBAAoB,QAAO;AACvC,QAAM,WAAW,MAAM,uBAAuB;AAC9C,QAAM,MAAM,KAAK;AAAA,IACf,SAAS,SAAS;AAAA,IAClB,KAAK,MAAO,OAAO,qBAAsB,SAAS,MAAM;AAAA,EAC1D;AACA,SAAO,SAAS,GAAG,KAAK;AAC1B;AAeO,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AACf,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC,kBAAkB;AAEhE,YAAU,MAAM;AACd,UAAM,WAAW,YAAY,MAAM;AACjC,oBAAc,SAAO;AACnB,cAAM,OAAO,MAAM;AAEnB,eAAO,OAAO,KAAK,SAAS,qBAAqB,CAAC,qBAAqB;AAAA,MACzE,CAAC;AAAA,IACH,GAAG,gBAAgB;AACnB,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,KAAK,MAAM,CAAC;AAEhB,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,MAAM,KAAK;AACjB,QAAM,YAAY,KAAK,IAAI,GAAG,aAAa,kBAAkB;AAC7D,QAAM,UAAU,KAAK,IAAI,KAAK,aAAa,kBAAkB;AAE7D,QAAM,UAAU,YAAY,IAAI,KAAK,MAAM,GAAG,SAAS,IAAI;AAC3D,QAAM,YAAY,MAAM,KAAK,KAAK,MAAM,WAAW,OAAO,CAAC;AAC3D,QAAM,WAAW,UAAU,MAAM,KAAK,MAAM,OAAO,IAAI;AAEvD,SACE,oCAAC,QAAK,QACH,UAAU,oCAAC,QAAK,OAAO,aAAY,OAAQ,IAAU,MACrD,UAAU,IAAI,CAAC,MAAM,MACpB,oCAAC,QAAK,KAAK,YAAY,GAAG,OAAO,gBAAgB,KAAK,IAAI,YAAY,IAAI,UAAU,GAAG,WAAW,UAAU,KACzG,IACH,CACD,GACA,WAAW,oCAAC,QAAK,OAAO,aAAY,QAAS,IAAU,IAC1D;AAEJ;","names":[]}

package/dist/ui/components/SlashCommandAutocomplete.js

@@ -1,24 +1,51 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-export const SlashCommandAutocomplete = ({ commands, selectedIndex, maxVisibleItems, scrollOffset }) => {
-    if (commands.length === 0 || maxVisibleItems === 0)
-        return null;
-    // Calculate the visible window of commands
-    const visibleCommands = commands.slice(scrollOffset, scrollOffset + maxVisibleItems);
-    // Determine if we need scroll indicators
-    const hasMoreAbove = scrollOffset > 0;
-    const hasMoreBelow = scrollOffset + maxVisibleItems < commands.length;
-    return (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "white", paddingX: 1, marginLeft: 1, marginTop: 0 },
-        hasMoreAbove && (React.createElement(Text, { color: "#666666", dimColor: true }, "\u2191 more")),
-        visibleCommands.map((cmd, index) => {
-            const actualIndex = scrollOffset + index;
-            const isSelected = actualIndex === selectedIndex;
-            return (React.createElement(Box, { key: cmd.name, paddingX: 1 },
-                React.createElement(Text, { color: isSelected ? '#00ccff' : '#666666', bold: isSelected, inverse: isSelected }, cmd.name),
-                React.createElement(Text, { color: "#666666" },
-                    "  ",
-                    cmd.description)));
-        }),
-        hasMoreBelow && (React.createElement(Text, { color: "#666666", dimColor: true }, "\u2193 more"))));
+import React from "react";
+import { Box, Text } from "ink";
+const SlashCommandAutocomplete = ({
+  commands,
+  selectedIndex,
+  maxVisibleItems,
+  scrollOffset
+}) => {
+  if (commands.length === 0 || maxVisibleItems === 0) return null;
+  const visibleCommands = commands.slice(scrollOffset, scrollOffset + maxVisibleItems);
+  const hasMoreAbove = scrollOffset > 0;
+  const hasMoreBelow = scrollOffset + maxVisibleItems < commands.length;
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "white",
+      paddingX: 1,
+      marginLeft: 1,
+      marginTop: 0
+    },
+    hasMoreAbove && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "\u2191 more"),
+    visibleCommands.map((cmd, index) => {
+      const actualIndex = scrollOffset + index;
+      const isSelected = actualIndex === selectedIndex;
+      return /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          key: cmd.name,
+          paddingX: 1
+        },
+        /* @__PURE__ */ React.createElement(
+          Text,
+          {
+            color: isSelected ? "#00ccff" : "#666666",
+            bold: isSelected,
+            inverse: isSelected
+          },
+          cmd.name
+        ),
+        /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "  ", cmd.description)
+      );
+    }),
+    hasMoreBelow && /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "\u2193 more")
+  );
+};
+export {
+  SlashCommandAutocomplete
 };
 //# sourceMappingURL=SlashCommandAutocomplete.js.map