centaurus-cli 3.0.1 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectionStatusMessage.js","sourceRoot":"","sources":["../../../src/ui/components/ConnectionStatusMessage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/ConnectionStatusMessage.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\nimport Spinner from 'ink-spinner';\r\n\r\nexport interface ConnectionStatus {\r\n    type: 'ssh' | 'wsl' | 'docker';\r\n    status: 'connecting' | 'connected' | 'error' | 'disconnected';\r\n    connectionString?: string; // e.g., \"rohan@localhost\" for SSH, \"Ubuntu\" for WSL\r\n    error?: string;\r\n}\r\n\r\ninterface ConnectionStatusMessageProps {\r\n    status: ConnectionStatus;\r\n}\r\n\r\n/**\r\n * Dynamic connection status message that shows a spinner while connecting\r\n * and transforms to a static \"Connected\" message once connected.\r\n */\r\nexport const ConnectionStatusMessage: React.FC<ConnectionStatusMessageProps> = React.memo(({ status }) => {\r\n    const getTypeLabel = () => {\r\n        switch (status.type) {\r\n            case 'ssh': return 'ssh';\r\n            case 'wsl': return 'WSL';\r\n            case 'docker': return 'Docker';\r\n            default: return status.type;\r\n        }\r\n    };\r\n\r\n    // CONNECTING state - shows spinner\r\n    if (status.status === 'connecting') {\r\n        return (\r\n            <Box flexDirection=\"column\" borderStyle=\"round\" borderColor=\"#9945FF\" paddingX={1} marginBottom={1} alignSelf=\"flex-start\">\r\n                <Box>\r\n                    <Text color=\"#00ccff\"><Spinner type=\"dots\" /></Text>\r\n                    <Text color=\"#9945FF\"> Tunnelling to {getTypeLabel()} environment...</Text>\r\n                </Box>\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    // CONNECTED state - static success message\r\n    if (status.status === 'connected') {\r\n        return (\r\n            <Box flexDirection=\"column\" borderStyle=\"round\" borderColor=\"#00cc66\" paddingX={1} marginBottom={1} alignSelf=\"flex-start\">\r\n                <Box>\r\n                    <Text color=\"#00cc66\" bold>✓</Text>\r\n                    <Text color=\"#00cc66\"> Established Wormhole to {getTypeLabel()} environment</Text>\r\n                    {status.connectionString && (\r\n                        <Text color=\"#666666\"> [{getTypeLabel()} {status.connectionString}]</Text>\r\n                    )}\r\n                </Box>\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    // ERROR state\r\n    if (status.status === 'error') {\r\n        return (\r\n            <Box flexDirection=\"column\" borderStyle=\"round\" borderColor=\"#ff3366\" paddingX={1} marginBottom={1} alignSelf=\"flex-start\">\r\n                <Box>\r\n                    <Text color=\"#ff3366\" bold>✗</Text>\r\n                    <Text color=\"#ff3366\"> Failed to connect to {getTypeLabel()} environment</Text>\r\n                </Box>\r\n                {status.error && (\r\n                    <Box paddingLeft={1} marginTop={0}>\r\n                        <Text color=\"#ff3366\">{status.error.slice(0, 300)}{status.error.length > 300 ? '...' : ''}</Text>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    // DISCONNECTED state - shows disconnect notification\r\n    if (status.status === 'disconnected') {\r\n        return (\r\n            <Box flexDirection=\"column\" borderStyle=\"round\" borderColor=\"#ff9900\" paddingX={1} marginBottom={1} alignSelf=\"flex-start\">\r\n                <Box>\r\n                    <Text color=\"#ff9900\" bold>✗</Text>\r\n                    <Text color=\"#ff9900\"> Disconnected from {getTypeLabel()} environment</Text>\r\n                    {status.connectionString && (\r\n                        <Text color=\"#666666\"> [{getTypeLabel()} {status.connectionString}]</Text>\r\n                    )}\r\n                </Box>\r\n                {status.error && (\r\n                    <Box>\r\n                        <Text color=\"#ff9900\"> {status.error.slice(0, 300)}{status.error.length > 300 ? '...' : ''}</Text>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    return null;\r\n}, (prevProps, nextProps) => {\r\n    // Only re-render if status changes\r\n    return prevProps.status.status === nextProps.status.status &&\r\n        prevProps.status.type === nextProps.status.type &&\r\n        prevProps.status.connectionString === nextProps.status.connectionString &&\r\n        prevProps.status.error === nextProps.status.error;\r\n});\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,OAAO,aAAa;AAiBb,MAAM,0BAAkE,MAAM,KAAK,CAAC,EAAE,OAAO,MAAM;AACtG,QAAM,eAAe,MAAM;AACvB,YAAQ,OAAO,MAAM;AAAA,MACjB,KAAK;AAAO,eAAO;AAAA,MACnB,KAAK;AAAO,eAAO;AAAA,MACnB,KAAK;AAAU,eAAO;AAAA,MACtB;AAAS,eAAO,OAAO;AAAA,IAC3B;AAAA,EACJ;AAGA,MAAI,OAAO,WAAW,cAAc;AAChC,WACI,oCAAC,OAAI,eAAc,UAAS,aAAY,SAAQ,aAAY,WAAU,UAAU,GAAG,cAAc,GAAG,WAAU,gBAC1G,oCAAC,WACG,oCAAC,QAAK,OAAM,aAAU,oCAAC,WAAQ,MAAK,QAAO,CAAE,GAC7C,oCAAC,QAAK,OAAM,aAAU,mBAAgB,aAAa,GAAE,iBAAe,CACxE,CACJ;AAAA,EAER;AAGA,MAAI,OAAO,WAAW,aAAa;AAC/B,WACI,oCAAC,OAAI,eAAc,UAAS,aAAY,SAAQ,aAAY,WAAU,UAAU,GAAG,cAAc,GAAG,WAAU,gBAC1G,oCAAC,WACG,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,QAAC,GAC5B,oCAAC,QAAK,OAAM,aAAU,6BAA0B,aAAa,GAAE,cAAY,GAC1E,OAAO,oBACJ,oCAAC,QAAK,OAAM,aAAU,MAAG,aAAa,GAAE,KAAE,OAAO,kBAAiB,GAAC,CAE3E,CACJ;AAAA,EAER;AAGA,MAAI,OAAO,WAAW,SAAS;AAC3B,WACI,oCAAC,OAAI,eAAc,UAAS,aAAY,SAAQ,aAAY,WAAU,UAAU,GAAG,cAAc,GAAG,WAAU,gBAC1G,oCAAC,WACG,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,QAAC,GAC5B,oCAAC,QAAK,OAAM,aAAU,0BAAuB,aAAa,GAAE,cAAY,CAC5E,GACC,OAAO,SACJ,oCAAC,OAAI,aAAa,GAAG,WAAW,KAC5B,oCAAC,QAAK,OAAM,aAAW,OAAO,MAAM,MAAM,GAAG,GAAG,GAAG,OAAO,MAAM,SAAS,MAAM,QAAQ,EAAG,CAC9F,CAER;AAAA,EAER;AAGA,MAAI,OAAO,WAAW,gBAAgB;AAClC,WACI,oCAAC,OAAI,eAAc,UAAS,aAAY,SAAQ,aAAY,WAAU,UAAU,GAAG,cAAc,GAAG,WAAU,gBAC1G,oCAAC,WACG,oCAAC,QAAK,OAAM,WAAU,MAAI,QAAC,QAAC,GAC5B,oCAAC,QAAK,OAAM,aAAU,uBAAoB,aAAa,GAAE,cAAY,GACpE,OAAO,oBACJ,oCAAC,QAAK,OAAM,aAAU,MAAG,aAAa,GAAE,KAAE,OAAO,kBAAiB,GAAC,CAE3E,GACC,OAAO,SACJ,oCAAC,WACG,oCAAC,QAAK,OAAM,aAAU,KAAE,OAAO,MAAM,MAAM,GAAG,GAAG,GAAG,OAAO,MAAM,SAAS,MAAM,QAAQ,EAAG,CAC/F,CAER;AAAA,EAER;AAEA,SAAO;AACX,GAAG,CAAC,WAAW,cAAc;AAEzB,SAAO,UAAU,OAAO,WAAW,UAAU,OAAO,UAChD,UAAU,OAAO,SAAS,UAAU,OAAO,QAC3C,UAAU,OAAO,qBAAqB,UAAU,OAAO,oBACvD,UAAU,OAAO,UAAU,UAAU,OAAO;AACpD,CAAC;","names":[]}

package/dist/ui/components/ContextWindowIndicator.js

@@ -1,55 +1,40 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-// Format number with K suffix for readability (e.g., 2155 -> "2.2K", 10000 -> "10K")
+import React from "react";
+import { Box, Text } from "ink";
 const formatTokens = (tokens) => {
-    if (tokens >= 1000000) {
-        return `${(tokens / 1000000).toFixed(1)}M`;
-    }
-    if (tokens >= 1000) {
-        return `${(tokens / 1000).toFixed(tokens >= 10000 ? 0 : 1)}K`;
-    }
-    return tokens.toString();
+  if (tokens >= 1e6) {
+    return `${(tokens / 1e6).toFixed(1)}M`;
+  }
+  if (tokens >= 1e3) {
+    return `${(tokens / 1e3).toFixed(tokens >= 1e4 ? 0 : 1)}K`;
+  }
+  return tokens.toString();
 };
-// Get circular progress indicator character based on percentage REMAINING
-// Uses Unicode pie chart characters - starts FULL and empties as context fills
 const getCircularIndicator = (percentageUsed) => {
-    const percentageRemaining = 100 - percentageUsed;
-    if (percentageRemaining <= 0)
-        return '○'; // Empty circle - context full
-    if (percentageRemaining <= 12.5)
-        return '◔'; // Nearly empty
-    if (percentageRemaining <= 25)
-        return '◔'; // Quarter remaining
-    if (percentageRemaining <= 37.5)
-        return '◑'; // 3/8 remaining
-    if (percentageRemaining <= 50)
-        return '◑'; // Half remaining
-    if (percentageRemaining <= 62.5)
-        return '◕'; // 5/8 remaining
-    if (percentageRemaining <= 75)
-        return '◕'; // 3/4 remaining
-    if (percentageRemaining <= 87.5)
-        return '◕'; // 7/8 remaining
-    return '●'; // Full circle - plenty of space
+  const percentageRemaining = 100 - percentageUsed;
+  if (percentageRemaining <= 0) return "\u25CB";
+  if (percentageRemaining <= 12.5) return "\u25D4";
+  if (percentageRemaining <= 25) return "\u25D4";
+  if (percentageRemaining <= 37.5) return "\u25D1";
+  if (percentageRemaining <= 50) return "\u25D1";
+  if (percentageRemaining <= 62.5) return "\u25D5";
+  if (percentageRemaining <= 75) return "\u25D5";
+  if (percentageRemaining <= 87.5) return "\u25D5";
+  return "\u25CF";
 };
-export const ContextWindowIndicator = React.memo(({ currentTokens, maxTokens }) => {
-    // Calculate percentage used for color determination
-    const percentageUsed = Math.min((currentTokens / maxTokens) * 100, 100);
-    // Determine color based on usage
-    const getColor = () => {
-        if (percentageUsed < 50)
-            return '#00cc66'; // Green - plenty of room
-        if (percentageUsed < 75)
-            return '#ffaa00'; // Yellow - getting full
-        return '#ff4444'; // Red - nearly full
-    };
-    const circleIndicator = getCircularIndicator(percentageUsed);
-    return (React.createElement(Box, null,
-        React.createElement(Text, { color: getColor() },
-            circleIndicator,
-            " ",
-            formatTokens(currentTokens),
-            "/",
-            formatTokens(maxTokens))));
+const ContextWindowIndicator = React.memo(({
+  currentTokens,
+  maxTokens
+}) => {
+  const percentageUsed = Math.min(currentTokens / maxTokens * 100, 100);
+  const getColor = () => {
+    if (percentageUsed < 50) return "#00cc66";
+    if (percentageUsed < 75) return "#ffaa00";
+    return "#ff4444";
+  };
+  const circleIndicator = getCircularIndicator(percentageUsed);
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: getColor() }, circleIndicator, " ", formatTokens(currentTokens), "/", formatTokens(maxTokens)));
 });
+export {
+  ContextWindowIndicator
+};
 //# sourceMappingURL=ContextWindowIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextWindowIndicator.js","sourceRoot":"","sources":["../../../src/ui/components/ContextWindowIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAOhC,qFAAqF;AACrF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAU,EAAE;IAC9C,IAAI,MAAM,IAAI,OAAO,EAAE,CAAC;QACtB,OAAO,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,CAAC;IACD,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;QACnB,OAAO,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAChE,CAAC;IACD,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,0EAA0E;AAC1E,+EAA+E;AAC/E,MAAM,oBAAoB,GAAG,CAAC,cAAsB,EAAU,EAAE;IAC9D,MAAM,mBAAmB,GAAG,GAAG,GAAG,cAAc,CAAC;IACjD,IAAI,mBAAmB,IAAI,CAAC;QAAE,OAAO,GAAG,CAAC,CAAM,8BAA8B;IAC7E,IAAI,mBAAmB,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAG,eAAe;IAC9D,IAAI,mBAAmB,IAAI,EAAE;QAAE,OAAO,GAAG,CAAC,CAAK,oBAAoB;IACnE,IAAI,mBAAmB,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAG,gBAAgB;IAC/D,IAAI,mBAAmB,IAAI,EAAE;QAAE,OAAO,GAAG,CAAC,CAAK,iBAAiB;IAChE,IAAI,mBAAmB,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAG,gBAAgB;IAC/D,IAAI,mBAAmB,IAAI,EAAE;QAAE,OAAO,GAAG,CAAC,CAAK,gBAAgB;IAC/D,IAAI,mBAAmB,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAG,gBAAgB;IAC/D,OAAO,GAAG,CAAC,CAAqC,gCAAgC;AAClF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAA0C,KAAK,CAAC,IAAI,CAAC,CAAC,EACvF,aAAa,EACb,SAAS,EACV,EAAE,EAAE;IACH,oDAAoD;IACpD,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,aAAa,GAAG,SAAS,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;IAExE,iCAAiC;IACjC,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,cAAc,GAAG,EAAE;YAAE,OAAO,SAAS,CAAC,CAAC,yBAAyB;QACpE,IAAI,cAAc,GAAG,EAAE;YAAE,OAAO,SAAS,CAAC,CAAC,wBAAwB;QACnE,OAAO,SAAS,CAAC,CAAC,oBAAoB;IACxC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAE7D,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,EAAE;YACpB,eAAe;;YAAG,YAAY,CAAC,aAAa,CAAC;;YAAG,YAAY,CAAC,SAAS,CAAC,CACnE,CACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/ui/components/ContextWindowIndicator.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, Text } from 'ink';\r\n\r\ninterface ContextWindowIndicatorProps {\r\n  currentTokens: number;\r\n  maxTokens: number;\r\n}\r\n\r\n// Format number with K suffix for readability (e.g., 2155 -> \"2.2K\", 10000 -> \"10K\")\r\nconst formatTokens = (tokens: number): string => {\r\n  if (tokens >= 1000000) {\r\n    return `${(tokens / 1000000).toFixed(1)}M`;\r\n  }\r\n  if (tokens >= 1000) {\r\n    return `${(tokens / 1000).toFixed(tokens >= 10000 ? 0 : 1)}K`;\r\n  }\r\n  return tokens.toString();\r\n};\r\n\r\n// Get circular progress indicator character based on percentage REMAINING\r\n// Uses Unicode pie chart characters - starts FULL and empties as context fills\r\nconst getCircularIndicator = (percentageUsed: number): string => {\r\n  const percentageRemaining = 100 - percentageUsed;\r\n  if (percentageRemaining <= 0) return '○';      // Empty circle - context full\r\n  if (percentageRemaining <= 12.5) return '◔';   // Nearly empty\r\n  if (percentageRemaining <= 25) return '◔';     // Quarter remaining\r\n  if (percentageRemaining <= 37.5) return '◑';   // 3/8 remaining\r\n  if (percentageRemaining <= 50) return '◑';     // Half remaining\r\n  if (percentageRemaining <= 62.5) return '◕';   // 5/8 remaining\r\n  if (percentageRemaining <= 75) return '◕';     // 3/4 remaining\r\n  if (percentageRemaining <= 87.5) return '◕';   // 7/8 remaining\r\n  return '●';                                     // Full circle - plenty of space\r\n};\r\n\r\nexport const ContextWindowIndicator: React.FC<ContextWindowIndicatorProps> = React.memo(({\r\n  currentTokens,\r\n  maxTokens\r\n}) => {\r\n  // Calculate percentage used for color determination\r\n  const percentageUsed = Math.min((currentTokens / maxTokens) * 100, 100);\r\n\r\n  // Determine color based on usage\r\n  const getColor = () => {\r\n    if (percentageUsed < 50) return '#00cc66'; // Green - plenty of room\r\n    if (percentageUsed < 75) return '#ffaa00'; // Yellow - getting full\r\n    return '#ff4444'; // Red - nearly full\r\n  };\r\n\r\n  const circleIndicator = getCircularIndicator(percentageUsed);\r\n\r\n  return (\r\n    <Box>\r\n      <Text color={getColor()}>\r\n        {circleIndicator} {formatTokens(currentTokens)}/{formatTokens(maxTokens)}\r\n      </Text>\r\n    </Box>\r\n  );\r\n});\r\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAQ1B,MAAM,eAAe,CAAC,WAA2B;AAC/C,MAAI,UAAU,KAAS;AACrB,WAAO,IAAI,SAAS,KAAS,QAAQ,CAAC,CAAC;AAAA,EACzC;AACA,MAAI,UAAU,KAAM;AAClB,WAAO,IAAI,SAAS,KAAM,QAAQ,UAAU,MAAQ,IAAI,CAAC,CAAC;AAAA,EAC5D;AACA,SAAO,OAAO,SAAS;AACzB;AAIA,MAAM,uBAAuB,CAAC,mBAAmC;AAC/D,QAAM,sBAAsB,MAAM;AAClC,MAAI,uBAAuB,EAAG,QAAO;AACrC,MAAI,uBAAuB,KAAM,QAAO;AACxC,MAAI,uBAAuB,GAAI,QAAO;AACtC,MAAI,uBAAuB,KAAM,QAAO;AACxC,MAAI,uBAAuB,GAAI,QAAO;AACtC,MAAI,uBAAuB,KAAM,QAAO;AACxC,MAAI,uBAAuB,GAAI,QAAO;AACtC,MAAI,uBAAuB,KAAM,QAAO;AACxC,SAAO;AACT;AAEO,MAAM,yBAAgE,MAAM,KAAK,CAAC;AAAA,EACvF;AAAA,EACA;AACF,MAAM;AAEJ,QAAM,iBAAiB,KAAK,IAAK,gBAAgB,YAAa,KAAK,GAAG;AAGtE,QAAM,WAAW,MAAM;AACrB,QAAI,iBAAiB,GAAI,QAAO;AAChC,QAAI,iBAAiB,GAAI,QAAO;AAChC,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,qBAAqB,cAAc;AAE3D,SACE,oCAAC,WACC,oCAAC,QAAK,OAAO,SAAS,KACnB,iBAAgB,KAAE,aAAa,aAAa,GAAE,KAAE,aAAa,SAAS,CACzE,CACF;AAEJ,CAAC;","names":[]}

package/dist/ui/components/DetailedPlanReviewScreen.js

@@ -1,110 +1,108 @@
-/**
- * DetailedPlanReviewScreen Component
- *
- * Enhanced plan approval screen with two visual boxes:
- * 1. Task Summary Box - Shows hierarchical task list with subtasks
- * 2. Approval Box - Yes/No controls
- */
-import React, { useState } from 'react';
-import { Box, Text, useInput, useStdout } from 'ink';
-export const DetailedPlanReviewScreen = ({ plan, onApprove, onEdit }) => {
-    const { stdout } = useStdout();
-    const terminalHeight = stdout?.rows || 24;
-    // Calculate available height for task list (leave room for header, approval box, etc.)
-    const headerHeight = 6; // Header box + margins
-    const approvalBoxHeight = 5; // Approval box + margins
-    const designSummaryHeight = plan.designSummary ? Math.min(8, plan.designSummary.split('\n').length + 2) : 0;
-    const availableTaskHeight = Math.max(8, terminalHeight - headerHeight - approvalBoxHeight - designSummaryHeight - 4);
-    // Scroll state for task list
-    const [scrollOffset, setScrollOffset] = useState(0);
-    // Calculate total task list height
-    const taskListItems = [];
-    plan.steps.forEach((step, taskIndex) => {
-        const statusIcon = step.status === 'completed' ? '[x]' : '[ ]';
-        taskListItems.push({
-            type: 'task',
-            content: `${taskIndex + 1}. ${step.description}`,
-            status: statusIcon
-        });
-        step.subtasks?.forEach((subtask, subIndex) => {
-            const subStatusIcon = subtask.status === 'completed' ? '[x]' : '[ ]';
-            taskListItems.push({
-                type: 'subtask',
-                content: `   ${taskIndex + 1}.${subIndex + 1}. ${subtask.description}`,
-                status: subStatusIcon
-            });
-        });
+import React, { useState } from "react";
+import { Box, Text, useInput, useStdout } from "ink";
+const DetailedPlanReviewScreen = ({
+  plan,
+  onApprove,
+  onEdit
+}) => {
+  const { stdout } = useStdout();
+  const terminalHeight = stdout?.rows || 24;
+  const headerHeight = 6;
+  const approvalBoxHeight = 5;
+  const designSummaryHeight = plan.designSummary ? Math.min(8, plan.designSummary.split("\n").length + 2) : 0;
+  const availableTaskHeight = Math.max(8, terminalHeight - headerHeight - approvalBoxHeight - designSummaryHeight - 4);
+  const [scrollOffset, setScrollOffset] = useState(0);
+  const taskListItems = [];
+  plan.steps.forEach((step, taskIndex) => {
+    const statusIcon = step.status === "completed" ? "[x]" : "[ ]";
+    taskListItems.push({
+      type: "task",
+      content: `${taskIndex + 1}. ${step.description}`,
+      status: statusIcon
     });
-    const maxScroll = Math.max(0, taskListItems.length - availableTaskHeight);
-    // Handle keyboard input
-    useInput((input, key) => {
-        if (key.return || input.toLowerCase() === 'y') {
-            onApprove();
-        }
-        else if (input.toLowerCase() === 'n') {
-            onEdit();
-        }
-        else if (key.upArrow) {
-            setScrollOffset(prev => Math.max(0, prev - 1));
-        }
-        else if (key.downArrow) {
-            setScrollOffset(prev => Math.min(maxScroll, prev + 1));
-        }
+    step.subtasks?.forEach((subtask, subIndex) => {
+      const subStatusIcon = subtask.status === "completed" ? "[x]" : "[ ]";
+      taskListItems.push({
+        type: "subtask",
+        content: `   ${taskIndex + 1}.${subIndex + 1}. ${subtask.description}`,
+        status: subStatusIcon
+      });
     });
-    // Get visible task items
-    const visibleItems = taskListItems.slice(scrollOffset, scrollOffset + availableTaskHeight);
-    const showScrollUp = scrollOffset > 0;
-    const showScrollDown = scrollOffset < maxScroll;
-    // Count totals
-    const totalTasks = plan.steps.length;
-    const totalSubtasks = plan.steps.reduce((acc, step) => acc + (step.subtasks?.length || 0), 0);
-    const totalItems = totalSubtasks > 0 ? totalSubtasks : totalTasks;
-    return (React.createElement(Box, { flexDirection: "column", paddingX: 1, paddingY: 0 },
-        React.createElement(Box, { borderStyle: "double", borderColor: "#ffaa00", paddingX: 2, paddingY: 0, marginBottom: 1 },
-            React.createElement(Text, { color: "#ffaa00", bold: true }, "\uD83D\uDCCB PLAN REVIEW: "),
-            React.createElement(Text, { color: "#00ccff", bold: true }, plan.title)),
-        plan.designSummary && (React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#4a4a4a", paddingX: 1, paddingY: 0, marginBottom: 1 },
-            React.createElement(Text, { color: "#666666", dimColor: true }, "\uD83D\uDCD6 Design Summary:"),
-            React.createElement(Box, { marginLeft: 1 },
-                React.createElement(Text, { color: "#888888", wrap: "truncate-end" }, plan.designSummary.length > 300
-                    ? plan.designSummary.substring(0, 300) + '...'
-                    : plan.designSummary)))),
-        plan.summary && (React.createElement(Box, { marginBottom: 1, marginLeft: 1 },
-            React.createElement(Text, { color: "#888888" }, plan.summary))),
-        React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00ccff", paddingX: 1, paddingY: 0, marginBottom: 1 },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: "#00ccff", bold: true }, "\uD83D\uDCDD Tasks"),
-                React.createElement(Text, { color: "#666666" },
-                    " (",
-                    totalItems,
-                    " items in ",
-                    totalTasks,
-                    " phases)")),
-            showScrollUp && (React.createElement(Box, { justifyContent: "center" },
-                React.createElement(Text, { color: "#666666" }, "\u2191 scroll up (\u2191 key)"))),
-            React.createElement(Box, { flexDirection: "column", marginY: 0 }, visibleItems.map((item, index) => {
-                const isTask = item.type === 'task';
-                return (React.createElement(Box, { key: scrollOffset + index },
-                    React.createElement(Text, { color: isTask ? '#cccccc' : '#999999', wrap: "wrap" },
-                        item.status,
-                        " ",
-                        item.content)));
-            })),
-            showScrollDown && (React.createElement(Box, { justifyContent: "center" },
-                React.createElement(Text, { color: "#666666" }, "\u2193 scroll down (\u2193 key)")))),
-        React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#00cc66", paddingX: 2, paddingY: 0 },
-            React.createElement(Text, { color: "#00cc66", bold: true }, "Approve Plan?"),
-            React.createElement(Box, { marginTop: 0 },
-                React.createElement(Box, { marginRight: 4 },
-                    React.createElement(Text, { color: "#888888" }, "Press "),
-                    React.createElement(Text, { color: "#00cc66", bold: true }, "Y"),
-                    React.createElement(Text, { color: "#888888" }, " or "),
-                    React.createElement(Text, { color: "#00cc66", bold: true }, "Enter"),
-                    React.createElement(Text, { color: "#888888" }, " to approve")),
-                React.createElement(Box, null,
-                    React.createElement(Text, { color: "#888888" }, "Press "),
-                    React.createElement(Text, { color: "#ff6666", bold: true }, "N"),
-                    React.createElement(Text, { color: "#888888" }, " to reject"))))));
+  });
+  const maxScroll = Math.max(0, taskListItems.length - availableTaskHeight);
+  useInput((input, key) => {
+    if (key.return || input.toLowerCase() === "y") {
+      onApprove();
+    } else if (input.toLowerCase() === "n") {
+      onEdit();
+    } else if (key.upArrow) {
+      setScrollOffset((prev) => Math.max(0, prev - 1));
+    } else if (key.downArrow) {
+      setScrollOffset((prev) => Math.min(maxScroll, prev + 1));
+    }
+  });
+  const visibleItems = taskListItems.slice(scrollOffset, scrollOffset + availableTaskHeight);
+  const showScrollUp = scrollOffset > 0;
+  const showScrollDown = scrollOffset < maxScroll;
+  const totalTasks = plan.steps.length;
+  const totalSubtasks = plan.steps.reduce((acc, step) => acc + (step.subtasks?.length || 0), 0);
+  const totalItems = totalSubtasks > 0 ? totalSubtasks : totalTasks;
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingX: 1, paddingY: 0 }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderStyle: "double",
+      borderColor: "#ffaa00",
+      paddingX: 2,
+      paddingY: 0,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: "#ffaa00", bold: true }, "\u{1F4CB} PLAN REVIEW: "),
+    /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, plan.title)
+  ), plan.designSummary && /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#4a4a4a",
+      paddingX: 1,
+      paddingY: 0,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: "#666666", dimColor: true }, "\u{1F4D6} Design Summary:"),
+    /* @__PURE__ */ React.createElement(Box, { marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888", wrap: "truncate-end" }, plan.designSummary.length > 300 ? plan.designSummary.substring(0, 300) + "..." : plan.designSummary))
+  ), plan.summary && /* @__PURE__ */ React.createElement(Box, { marginBottom: 1, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, plan.summary)), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#00ccff",
+      paddingX: 1,
+      paddingY: 0,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#00ccff", bold: true }, "\u{1F4DD} Tasks"), /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, " (", totalItems, " items in ", totalTasks, " phases)")),
+    showScrollUp && /* @__PURE__ */ React.createElement(Box, { justifyContent: "center" }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "\u2191 scroll up (\u2191 key)")),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 0 }, visibleItems.map((item, index) => {
+      const isTask = item.type === "task";
+      return /* @__PURE__ */ React.createElement(Box, { key: scrollOffset + index }, /* @__PURE__ */ React.createElement(Text, { color: isTask ? "#cccccc" : "#999999", wrap: "wrap" }, item.status, " ", item.content));
+    })),
+    showScrollDown && /* @__PURE__ */ React.createElement(Box, { justifyContent: "center" }, /* @__PURE__ */ React.createElement(Text, { color: "#666666" }, "\u2193 scroll down (\u2193 key)"))
+  ), /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "#00cc66",
+      paddingX: 2,
+      paddingY: 0
+    },
+    /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Approve Plan?"),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 0 }, /* @__PURE__ */ React.createElement(Box, { marginRight: 4 }, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "Press "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Y"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " or "), /* @__PURE__ */ React.createElement(Text, { color: "#00cc66", bold: true }, "Enter"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " to approve")), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, "Press "), /* @__PURE__ */ React.createElement(Text, { color: "#ff6666", bold: true }, "N"), /* @__PURE__ */ React.createElement(Text, { color: "#888888" }, " to reject")))
+  ));
+};
+var DetailedPlanReviewScreen_default = DetailedPlanReviewScreen;
+export {
+  DetailedPlanReviewScreen,
+  DetailedPlanReviewScreen_default as default
 };
-export default DetailedPlanReviewScreen;
 //# sourceMappingURL=DetailedPlanReviewScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailedPlanReviewScreen.js","sourceRoot":"","sources":["../../../src/ui/components/DetailedPlanReviewScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/ui/components/DetailedPlanReviewScreen.tsx"],"sourcesContent":["/**\r\n * DetailedPlanReviewScreen Component\r\n * \r\n * Enhanced plan approval screen with two visual boxes:\r\n * 1. Task Summary Box - Shows hierarchical task list with subtasks\r\n * 2. Approval Box - Yes/No controls\r\n */\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { Box, Text, useInput, useStdout } from 'ink';\r\nimport { Plan, PlanStep, PlanSubtask } from '../../tools/plan-mode.js';\r\n\r\ninterface DetailedPlanReviewScreenProps {\r\n    plan: Plan;\r\n    onApprove: () => void;\r\n    onEdit: () => void;\r\n}\r\n\r\nexport const DetailedPlanReviewScreen: React.FC<DetailedPlanReviewScreenProps> = ({\r\n    plan,\r\n    onApprove,\r\n    onEdit\r\n}) => {\r\n    const { stdout } = useStdout();\r\n    const terminalHeight = stdout?.rows || 24;\r\n\r\n    // Calculate available height for task list (leave room for header, approval box, etc.)\r\n    const headerHeight = 6; // Header box + margins\r\n    const approvalBoxHeight = 5; // Approval box + margins\r\n    const designSummaryHeight = plan.designSummary ? Math.min(8, plan.designSummary.split('\\n').length + 2) : 0;\r\n    const availableTaskHeight = Math.max(8, terminalHeight - headerHeight - approvalBoxHeight - designSummaryHeight - 4);\r\n\r\n    // Scroll state for task list\r\n    const [scrollOffset, setScrollOffset] = useState(0);\r\n\r\n    // Calculate total task list height\r\n    const taskListItems: Array<{ type: 'task' | 'subtask'; content: string; status: string }> = [];\r\n    plan.steps.forEach((step, taskIndex) => {\r\n        const statusIcon = step.status === 'completed' ? '[x]' : '[ ]';\r\n        taskListItems.push({\r\n            type: 'task',\r\n            content: `${taskIndex + 1}. ${step.description}`,\r\n            status: statusIcon\r\n        });\r\n\r\n        step.subtasks?.forEach((subtask, subIndex) => {\r\n            const subStatusIcon = subtask.status === 'completed' ? '[x]' : '[ ]';\r\n            taskListItems.push({\r\n                type: 'subtask',\r\n                content: `   ${taskIndex + 1}.${subIndex + 1}. ${subtask.description}`,\r\n                status: subStatusIcon\r\n            });\r\n        });\r\n    });\r\n\r\n    const maxScroll = Math.max(0, taskListItems.length - availableTaskHeight);\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() === 'n') {\r\n            onEdit();\r\n        } else if (key.upArrow) {\r\n            setScrollOffset(prev => Math.max(0, prev - 1));\r\n        } else if (key.downArrow) {\r\n            setScrollOffset(prev => Math.min(maxScroll, prev + 1));\r\n        }\r\n    });\r\n\r\n    // Get visible task items\r\n    const visibleItems = taskListItems.slice(scrollOffset, scrollOffset + availableTaskHeight);\r\n    const showScrollUp = scrollOffset > 0;\r\n    const showScrollDown = scrollOffset < maxScroll;\r\n\r\n    // Count totals\r\n    const totalTasks = plan.steps.length;\r\n    const totalSubtasks = plan.steps.reduce((acc, step) => acc + (step.subtasks?.length || 0), 0);\r\n    const totalItems = totalSubtasks > 0 ? totalSubtasks : totalTasks;\r\n\r\n    return (\r\n        <Box flexDirection=\"column\" paddingX={1} paddingY={0}>\r\n            {/* Header */}\r\n            <Box\r\n                borderStyle=\"double\"\r\n                borderColor=\"#ffaa00\"\r\n                paddingX={2}\r\n                paddingY={0}\r\n                marginBottom={1}\r\n            >\r\n                <Text color=\"#ffaa00\" bold>📋 PLAN REVIEW: </Text>\r\n                <Text color=\"#00ccff\" bold>{plan.title}</Text>\r\n            </Box>\r\n\r\n            {/* Design Summary (collapsible/truncated if too long) */}\r\n            {plan.designSummary && (\r\n                <Box\r\n                    flexDirection=\"column\"\r\n                    borderStyle=\"round\"\r\n                    borderColor=\"#4a4a4a\"\r\n                    paddingX={1}\r\n                    paddingY={0}\r\n                    marginBottom={1}\r\n                >\r\n                    <Text color=\"#666666\" dimColor>📖 Design Summary:</Text>\r\n                    <Box marginLeft={1}>\r\n                        <Text color=\"#888888\" wrap=\"truncate-end\">\r\n                            {plan.designSummary.length > 300\r\n                                ? plan.designSummary.substring(0, 300) + '...'\r\n                                : plan.designSummary}\r\n                        </Text>\r\n                    </Box>\r\n                </Box>\r\n            )}\r\n\r\n            {/* Summary */}\r\n            {plan.summary && (\r\n                <Box marginBottom={1} marginLeft={1}>\r\n                    <Text color=\"#888888\">{plan.summary}</Text>\r\n                </Box>\r\n            )}\r\n\r\n            {/* Task Summary Box */}\r\n            <Box\r\n                flexDirection=\"column\"\r\n                borderStyle=\"round\"\r\n                borderColor=\"#00ccff\"\r\n                paddingX={1}\r\n                paddingY={0}\r\n                marginBottom={1}\r\n            >\r\n                {/* Tasks Header */}\r\n                <Box>\r\n                    <Text color=\"#00ccff\" bold>📝 Tasks</Text>\r\n                    <Text color=\"#666666\"> ({totalItems} items in {totalTasks} phases)</Text>\r\n                </Box>\r\n\r\n                {/* Scroll indicator (up) */}\r\n                {showScrollUp && (\r\n                    <Box justifyContent=\"center\">\r\n                        <Text color=\"#666666\">↑ scroll up (↑ key)</Text>\r\n                    </Box>\r\n                )}\r\n\r\n                {/* Task List */}\r\n                <Box flexDirection=\"column\" marginY={0}>\r\n                    {visibleItems.map((item, index) => {\r\n                        const isTask = item.type === 'task';\r\n                        return (\r\n                            <Box key={scrollOffset + index}>\r\n                                <Text color={isTask ? '#cccccc' : '#999999'} wrap=\"wrap\">\r\n                                    {item.status} {item.content}\r\n                                </Text>\r\n                            </Box>\r\n                        );\r\n                    })}\r\n                </Box>\r\n\r\n                {/* Scroll indicator (down) */}\r\n                {showScrollDown && (\r\n                    <Box justifyContent=\"center\">\r\n                        <Text color=\"#666666\">↓ scroll down (↓ key)</Text>\r\n                    </Box>\r\n                )}\r\n            </Box>\r\n\r\n            {/* Approval Box */}\r\n            <Box\r\n                flexDirection=\"column\"\r\n                borderStyle=\"round\"\r\n                borderColor=\"#00cc66\"\r\n                paddingX={2}\r\n                paddingY={0}\r\n            >\r\n                <Text color=\"#00cc66\" bold>Approve Plan?</Text>\r\n                <Box marginTop={0}>\r\n                    <Box marginRight={4}>\r\n                        <Text color=\"#888888\">Press </Text>\r\n                        <Text color=\"#00cc66\" bold>Y</Text>\r\n                        <Text color=\"#888888\"> or </Text>\r\n                        <Text color=\"#00cc66\" bold>Enter</Text>\r\n                        <Text color=\"#888888\"> to approve</Text>\r\n                    </Box>\r\n                    <Box>\r\n                        <Text color=\"#888888\">Press </Text>\r\n                        <Text color=\"#ff6666\" bold>N</Text>\r\n                        <Text color=\"#888888\"> to reject</Text>\r\n                    </Box>\r\n                </Box>\r\n            </Box>\r\n        </Box>\r\n    );\r\n};\r\n\r\nexport default DetailedPlanReviewScreen;\r\n"],"mappings":"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","names":[]}