prompt-language-shell 0.4.4 → 0.4.6

package/dist/services/colors.js

@@ -1,41 +1,74 @@
 import { FeedbackType, TaskType } from '../types/types.js';
+/**
+ * Base color palette - raw color values with descriptive names.
+ * All colors used in the interface are defined here.
+ */
+export const Palette = {
+    White: '#ffffff',
+    AshGray: '#d0d0d0',
+    PaleGreen: '#a8dcbc',
+    Gray: '#888888',
+    DarkGray: '#666666',
+    CharcoalGray: '#282828',
+    Green: '#5aaa8a',
+    LightGreen: '#65b595',
+    BrightGreen: '#22aa22',
+    Yellow: '#cccc5c',
+    LightYellow: '#d4d47a',
+    Orange: '#cc9c5c',
+    DarkOrange: '#a85c3f',
+    BurntOrange: '#cc7a5c',
+    Red: '#cc5c5c',
+    Cyan: '#5c9ccc',
+    LightCyan: '#5ccccc',
+    SteelBlue: '#5c8cbc',
+    Purple: '#9c5ccc',
+};
 /**
  * Semantic color palette - colors organized by their purpose/meaning.
- * Prefer adding semantic names here rather than to DescriptiveColors.
+ * References Palette colors to maintain consistency.
  */
 export const Colors = {
     Text: {
-        Active: '#ffffff', // white
-        Inactive: '#d0d0d0', // ash gray
+        Active: Palette.White,
+        Inactive: Palette.AshGray,
+        UserQuery: Palette.White,
+    },
+    Background: {
+        UserQuery: Palette.CharcoalGray,
     },
     Action: {
-        Execute: '#5aaa8a', // green
-        Discard: '#a85c3f', // dark orange
-        Select: '#5c8cbc', // steel blue
+        Execute: Palette.Green,
+        Discard: Palette.DarkOrange,
+        Select: Palette.SteelBlue,
     },
     Status: {
-        Success: '#22aa22', // green
-        Error: '#cc5c5c', // red
-        Warning: '#cc9c5c', // orange
-        Info: '#5c9ccc', // cyan
+        Success: Palette.BrightGreen,
+        Error: Palette.Red,
+        Warning: Palette.Orange,
+        Info: Palette.Cyan,
     },
     Label: {
-        Default: null, // replaced with active or inactive
-        Inactive: '#888888', // gray
-        Discarded: '#666666', // dark gray
-        Skipped: '#cccc5c', // yellow
+        Default: null, // calculated in runtime
+        Inactive: Palette.Gray,
+        Discarded: Palette.DarkGray,
+        Skipped: Palette.Yellow,
     },
     Type: {
-        Config: '#5c9ccc', // cyan
-        Plan: '#5ccccc', // magenta
-        Execute: '#5aaa8a', // green
-        Answer: '#9c5ccc', // purple
-        Introspect: '#9c5ccc', // purple
-        Report: '#cc9c5c', // orange
-        Define: '#cc9c5c', // amber
-        Ignore: '#cc7a5c', // dark orange
-        Select: '#5c8cbc', // steel blue
-        Discard: '#a85c3f', // dark orange
+        Config: Palette.Cyan,
+        Plan: Palette.LightCyan,
+        Execute: Palette.Green,
+        Answer: Palette.Purple,
+        Introspect: Palette.Purple,
+        Report: Palette.Orange,
+        Define: Palette.Orange,
+        Ignore: Palette.BurntOrange,
+        Select: Palette.SteelBlue,
+        Discard: Palette.DarkOrange,
+    },
+    Origin: {
+        BuiltIn: Palette.Cyan,
+        UserProvided: Palette.Green,
     },
 };
 /**

package/dist/ui/Answer.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { getTextColor } from '../services/colors.js';
+import { Colors, getTextColor } from '../services/colors.js';
 import { Spinner } from './Spinner.js';
-const MIN_PROCESSING_TIME = 1000;
+const MinimumProcessingTime = 400;
 export function Answer({ question, state, service, onError, onComplete, onAborted, }) {
     const done = state?.done ?? false;
     const isCurrent = done === false;
@@ -33,7 +33,7 @@ export function Answer({ question, state, service, onError, onComplete, onAborte
                 // Call answer tool
                 const result = await svc.processWithTool(question, 'answer');
                 const elapsed = Date.now() - startTime;
-                const remainingTime = Math.max(0, MIN_PROCESSING_TIME - elapsed);
+                const remainingTime = Math.max(0, MinimumProcessingTime - elapsed);
                 await new Promise((resolve) => setTimeout(resolve, remainingTime));
                 if (mounted) {
                     // Extract answer from result
@@ -44,7 +44,7 @@ export function Answer({ question, state, service, onError, onComplete, onAborte
             }
             catch (err) {
                 const elapsed = Date.now() - startTime;
-                const remainingTime = Math.max(0, MIN_PROCESSING_TIME - elapsed);
+                const remainingTime = Math.max(0, MinimumProcessingTime - elapsed);
                 await new Promise((resolve) => setTimeout(resolve, remainingTime));
                 if (mounted) {
                     const errorMessage = err instanceof Error ? err.message : 'Unknown error occurred';
@@ -67,5 +67,5 @@ export function Answer({ question, state, service, onError, onComplete, onAborte
     if (done || (!isLoading && !error)) {
         return null;
     }
-    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [isLoading && (_jsxs(Box, { children: [_jsx(Text, { color: getTextColor(isCurrent), children: "Finding answer. " }), _jsx(Spinner, {})] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }))] }));
+    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [isLoading && (_jsxs(Box, { children: [_jsx(Text, { color: getTextColor(isCurrent), children: "Finding answer. " }), _jsx(Spinner, {})] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: Colors.Status.Error, children: ["Error: ", error] }) }))] }));
 }

package/dist/ui/Command.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { getTextColor } from '../services/colors.js';
+import { Colors } from '../services/colors.js';
 import { Spinner } from './Spinner.js';
 const MIN_PROCESSING_TIME = 1000; // purely for visual effect
 export function Command({ command, state, service, children, onError, onComplete, onAborted, }) {
@@ -60,5 +60,5 @@ export function Command({ command, state, service, children, onError, onComplete
         };
     }, [command, done, service]);
     const isCurrent = done === false;
-    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: getTextColor(isCurrent), children: ["> pls ", command] }), isLoading && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Spinner, {})] }))] }), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), children] }));
+    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [_jsxs(Box, { paddingX: done ? 1 : 0, marginX: done ? -1 : 0, backgroundColor: done ? Colors.Background.UserQuery : undefined, children: [_jsxs(Text, { color: isCurrent ? Colors.Text.Active : Colors.Text.UserQuery, children: ["> pls ", command] }), isLoading && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(Spinner, {})] }))] }), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: Colors.Status.Error, children: ["Error: ", error] }) })), children] }));
 }

package/dist/ui/Confirm.js

@@ -29,15 +29,15 @@ export function Confirm({ message, state, onConfirmed, onCancelled, }) {
         }
     }, { isActive: !done });
     const options = [
-        { label: 'Yes', value: 'yes', color: Colors.Action.Execute },
-        { label: 'No', value: 'no', color: Colors.Action.Discard },
+        { label: 'yes', value: 'yes', color: Colors.Action.Execute },
+        { label: 'no', value: 'no', color: Colors.Status.Error },
     ];
     if (done) {
         // When done, show both the message and user's choice in timeline
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: undefined, children: message }) }), _jsx(Box, { children: _jsxs(Text, { color: Colors.Text.Inactive, children: ["> ", options[selectedIndex].label] }) })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: undefined, children: message }) }), _jsx(Box, { paddingX: 1, marginX: -1, alignSelf: "flex-start", backgroundColor: Colors.Background.UserQuery, children: _jsxs(Text, { color: Colors.Text.UserQuery, children: ["> ", options[selectedIndex].label] }) })] }));
     }
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: isCurrent ? Colors.Text.Active : Colors.Text.Inactive, children: message }) }), _jsxs(Box, { children: [_jsx(Text, { color: Colors.Action.Select, children: ">" }), _jsx(Text, { children: " " }), _jsx(Box, { children: options.map((option, index) => {
                             const isSelected = index === selectedIndex;
-                            return (_jsx(Box, { marginRight: 2, children: _jsx(Text, { color: isSelected ? option.color : undefined, dimColor: !isSelected, bold: isSelected, children: option.label }) }, option.value));
+                            return (_jsx(Box, { marginRight: 2, children: _jsx(Text, { color: isSelected ? option.color : undefined, dimColor: !isSelected, children: option.label }) }, option.value));
                         }) })] })] }));
 }

package/dist/ui/Introspect.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { getTextColor } from '../services/colors.js';
+import { Colors, getTextColor } from '../services/colors.js';
 import { Spinner } from './Spinner.js';
 const MIN_PROCESSING_TIME = 1000;
 const BUILT_IN_CAPABILITIES = new Set([
@@ -96,5 +96,5 @@ export function Introspect({ tasks, state, service, children, onError, onComplet
     if (!isLoading && !error && !children) {
         return null;
     }
-    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [isLoading && (_jsxs(Box, { children: [_jsx(Text, { color: getTextColor(isCurrent), children: "Listing capabilities. " }), _jsx(Spinner, {})] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), children] }));
+    return (_jsxs(Box, { alignSelf: "flex-start", flexDirection: "column", children: [isLoading && (_jsxs(Box, { children: [_jsx(Text, { color: getTextColor(isCurrent), children: "Listing capabilities. " }), _jsx(Spinner, {})] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: Colors.Status.Error, children: ["Error: ", error] }) })), children] }));
 }

package/dist/ui/Report.js

@@ -1,11 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-const COLORS = {
-    BuiltIn: '#5c9ccc', // blue - for built-in capabilities
-    UserDefined: '#5aaa8a', // green - for user-defined skills
-};
+import { Colors } from '../services/colors.js';
 function CapabilityItem({ name, description, isBuiltIn }) {
-    const color = isBuiltIn ? COLORS.BuiltIn : COLORS.UserDefined;
+    const color = isBuiltIn ? Colors.Origin.BuiltIn : Colors.Origin.UserProvided;
     return (_jsxs(Box, { children: [_jsx(Text, { children: "- " }), _jsx(Text, { color: color, children: name }), _jsxs(Text, { children: [" - ", description] })] }));
 }
 export function Report({ message, capabilities }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompt-language-shell",
-  "version": "0.4.4",
+  "version": "0.4.6",
   "description": "Your personal command-line concierge. Ask politely, and it gets things done.",
   "type": "module",
   "main": "dist/index.js",