thatgfsj-code 0.6.0 → 0.7.0

package/src/tui/components/UserInput.tsx

@@ -1,5 +1,5 @@
 /** @jsxImportSource react */
-import React, { useState, useCallback } from 'react';
+import React, { useState } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 
 interface Props {
@@ -33,28 +33,24 @@ export function UserInput({ onSubmit, disabled }: Props) {
       return;
     }
 
-    if (key.upArrow) {
-      if (history.length > 0) {
-        const newIdx = historyIdx === -1 ? history.length - 1 : Math.max(0, historyIdx - 1);
-        setHistoryIdx(newIdx);
-        setValue(history[newIdx]);
-        setCursorPos(history[newIdx].length);
-      }
+    if (key.upArrow && history.length > 0) {
+      const newIdx = historyIdx === -1 ? history.length - 1 : Math.max(0, historyIdx - 1);
+      setHistoryIdx(newIdx);
+      setValue(history[newIdx]);
+      setCursorPos(history[newIdx].length);
       return;
     }
 
-    if (key.downArrow) {
-      if (historyIdx >= 0) {
-        const newIdx = historyIdx + 1;
-        if (newIdx >= history.length) {
-          setHistoryIdx(-1);
-          setValue('');
-          setCursorPos(0);
-        } else {
-          setHistoryIdx(newIdx);
-          setValue(history[newIdx]);
-          setCursorPos(history[newIdx].length);
-        }
+    if (key.downArrow && historyIdx >= 0) {
+      const newIdx = historyIdx + 1;
+      if (newIdx >= history.length) {
+        setHistoryIdx(-1);
+        setValue('');
+        setCursorPos(0);
+      } else {
+        setHistoryIdx(newIdx);
+        setValue(history[newIdx]);
+        setCursorPos(history[newIdx].length);
       }
       return;
     }
@@ -67,35 +63,21 @@ export function UserInput({ onSubmit, disabled }: Props) {
       return;
     }
 
-    if (key.leftArrow) {
-      setCursorPos(p => Math.max(0, p - 1));
-      return;
-    }
-
-    if (key.rightArrow) {
-      setCursorPos(p => Math.min(value.length, p + 1));
-      return;
-    }
-
-    if (key.ctrl && input === 'c') {
-      exit();
-      return;
-    }
+    if (key.leftArrow) { setCursorPos(p => Math.max(0, p - 1)); return; }
+    if (key.rightArrow) { setCursorPos(p => Math.min(value.length, p + 1)); return; }
+    if (key.ctrl && input === 'c') { exit(); return; }
 
-    // Regular character input
     if (input && !key.ctrl && !key.meta) {
       setValue(v => v.slice(0, cursorPos) + input + v.slice(cursorPos));
       setCursorPos(p => p + input.length);
     }
   });
 
-  const prefix = disabled ? '  ' : '❯ ';
-
   return (
-    <Box>
-      <Text bold color="cyan">{prefix}</Text>
+    <Box paddingY={0}>
+      <Text color="#06B6D4" bold>{disabled ? '  ' : '❯ '}</Text>
       <Text>{value}</Text>
-      {!disabled && <Text color="cyan">█</Text>}
+      {!disabled && <Text color="#06B6D4">█</Text>}
     </Box>
   );
 }

package/src/tui/hooks/useCommands.ts

@@ -51,10 +51,38 @@ export function useCommands(app: App) {
       }
 
       case 'clear':
-        // Handled separately in the App component
         return { handled: true };
 
       default:
+        // Handle /skill commands
+        if (cmd.startsWith('skill') || cmd.startsWith('/skill')) {
+          const parts = input.trim().split(/\s+/);
+          const sub = parts[1] || 'list';
+
+          if (sub === 'list') {
+            const all = app.skills.list();
+            const lines = all.map(s => {
+              const active = app.skills.isActive(s.id) ? '✓' : ' ';
+              return `  [${active}] ${s.name.padEnd(28)} ${s.description}`;
+            });
+            return {
+              handled: true,
+              output: ['Skills ([✓] = active):', ...lines, '', 'Usage: skill <id> to toggle'].join('\n'),
+            };
+          }
+
+          // Toggle skill
+          const skillId = sub;
+          if (app.skills.isActive(skillId)) {
+            app.skills.deactivate(skillId);
+            return { handled: true, output: `  Deactivated: ${skillId}` };
+          } else if (app.skills.activate(skillId)) {
+            return { handled: true, output: `  Activated: ${skillId}` };
+          } else {
+            return { handled: true, output: `  Unknown skill: ${skillId}` };
+          }
+        }
+
         return { handled: false };
     }
   }, [app]);