aegiscode 3.1.10 → 3.2.0

package/src/ui/components/input/CommandSuggestions.tsx

@@ -1,139 +0,0 @@
-/**
- * CommandSuggestions - Dropdown autocomplete for slash commands
- *
- * Shows fuzzy-matched command suggestions when user types "/..."
- */
-
-import React, { useMemo, useEffect, useRef } from 'react';
-import { Box, Text, useInput } from 'ink';
-import { getCommandCompletions } from '../../../slash-commands/index.js';
-import { themeManager } from '../../themes/index.js';
-import { FocusId, focusManager } from '../../focus/index.js';
-
-interface CommandSuggestionsProps {
-  /** The current input value */
-  input: string;
-  /** Cursor position */
-  cursorPosition: number;
-  /** Callback to set input value (for tab-complete) */
-  onSelectSuggestion: (suggestion: string) => void;
-  /** Whether suggestions are visible */
-  visible: boolean;
-}
-
-export const CommandSuggestions: React.FC<CommandSuggestionsProps> = ({
-  input,
-  cursorPosition,
-  onSelectSuggestion,
-  visible,
-}) => {
-  const [selectedIndex, setSelectedIndex] = React.useState(0);
-  const theme = themeManager.getTheme();
-
-  // Reset selection when suggestions change
-  const lastInputRef = useRef(input);
-  useEffect(() => {
-    if (lastInputRef.current !== input) {
-      setSelectedIndex(0);
-      lastInputRef.current = input;
-    }
-  }, [input]);
-
-  const suggestions = useMemo(() => {
-    if (!visible || !input.startsWith('/')) return [];
-
-    const partial = input.slice(0, cursorPosition);
-    const results = getCommandCompletions(partial);
-    const isListing = partial.trim() === '/';
-
-    if (isListing) {
-      // Alphabetical when showing all commands
-      results.sort((a, b) => a.command.localeCompare(b.command));
-    } else {
-      results.sort((a, b) => (b.matchScore ?? 0) - (a.matchScore ?? 0));
-    }
-    return results;
-  }, [input, cursorPosition, visible]);
-
-  // Clamp selected index
-  const clampedIndex = Math.min(selectedIndex, Math.max(0, suggestions.length - 1));
-
-  // Tab key: cycle through suggestions
-  useInput(
-    (_, key) => {
-      if (!visible || suggestions.length === 0) return;
-      if (focusManager.getCurrentFocus() !== FocusId.MAIN_INPUT) return;
-
-      if (key.tab && !key.shift) {
-        // Select next suggestion (cycle)
-        const next = (clampedIndex + 1) % suggestions.length;
-        setSelectedIndex(next);
-        return;
-      }
-
-      if (key.tab && key.shift) {
-        // Select previous suggestion
-        const prev = clampedIndex <= 0 ? suggestions.length - 1 : clampedIndex - 1;
-        setSelectedIndex(prev);
-        return;
-      }
-
-      // Enter on a suggestion: select it
-      if (key.return && suggestions.length > 0) {
-        const selected = suggestions[clampedIndex];
-        if (selected) {
-          // Replace the command part of the input
-          const beforeCursor = input.slice(0, cursorPosition);
-          const afterCursor = input.slice(cursorPosition);
-          const slashIdx = beforeCursor.lastIndexOf('/');
-
-          if (slashIdx !== -1) {
-            const newBefore = beforeCursor.slice(0, slashIdx);
-            const completed = `${newBefore}${selected.command} `;
-            onSelectSuggestion(completed + afterCursor);
-          }
-        }
-      }
-    },
-    { isActive: visible && suggestions.length > 0 }
-  );
-
-  if (!visible || suggestions.length === 0) return null;
-
-  return (
-    <Box
-      flexDirection="column"
-      marginLeft={1}
-      marginBottom={0}
-      borderStyle="round"
-      borderColor={theme.colors.border.light}
-      paddingX={1}
-      paddingY={0}
-    >
-      <Text dimColor>Commands ({suggestions.length}):</Text>
-      {suggestions.map((s, i) => {
-        const isSelected = i === clampedIndex;
-        return (
-          <Box key={s.command} flexDirection="row">
-            <Text>
-              {isSelected ? (
-                <Text color={theme.colors.primary} bold>{'>'}</Text>
-              ) : (
-                <Text> </Text>
-              )}{' '}
-              <Text color={isSelected ? theme.colors.primary : undefined} bold={isSelected}>
-                {s.command}
-              </Text>
-              <Text color={theme.colors.text.muted}> — {s.description}</Text>
-            </Text>
-          </Box>
-        );
-      })}
-      <Text dimColor>
-        Tab/Shift+Tab to navigate · Enter to select
-      </Text>
-    </Box>
-  );
-};
-
-export default CommandSuggestions;

package/src/ui/components/input/CustomTextInput.tsx

@@ -1,220 +0,0 @@
-import React, { useMemo, useCallback, useRef, memo } from 'react';
-import { Text, useInput } from 'ink';
-import chalk from 'chalk';
-import { useIsFocused, FocusId, focusManager } from '../../focus/index.js';
-
-interface CustomTextInputProps {
-  value: string;
-  cursorPosition: number;
-  /** Cursor visibility — computed by parent so this component doesn't re-render every tick */
-  cursorOn?: boolean;
-  onChange: (value: string) => void;
-  onChangeCursorPosition: (pos: number) => void;
-  onSubmit?: (value: string) => void;
-  onPaste?: (text: string) => { prompt?: string } | void;
-  onArrowUp?: () => void;
-  onArrowDown?: () => void;
-  placeholder?: string;
-  focusId?: FocusId;
-  disabled?: boolean;
-}
-
-const PASTE_CONFIG = {
-  TIMEOUT_MS: 100,
-  RAPID_INPUT_THRESHOLD_MS: 400,
-  LARGE_INPUT_THRESHOLD: 100,
-};
-
-export const CustomTextInput: React.FC<CustomTextInputProps> = memo(
-  ({
-    value,
-    cursorPosition,
-    onChange,
-    onChangeCursorPosition,
-    onSubmit,
-    onPaste,
-    onArrowUp,
-    onArrowDown,
-    placeholder = '',
-    focusId = FocusId.MAIN_INPUT,
-    disabled = false,
-    cursorOn = true,
-  }) => {
-    const isFocused = useIsFocused(focusId);
-    const isActive = isFocused && !disabled;
-
-    // Refs for all values accessed inside the stable useInput handler.
-    // Updated on every render — never trigger re-renders themselves.
-    const valueRef = useRef(value);
-    const cursorPositionRef = useRef(cursorPosition);
-    const onChangeRef = useRef(onChange);
-    const onChangeCursorPositionRef = useRef(onChangeCursorPosition);
-    const onSubmitRef = useRef(onSubmit);
-    const onPasteRef = useRef(onPaste);
-    const onArrowUpRef = useRef(onArrowUp);
-    const onArrowDownRef = useRef(onArrowDown);
-    const isActiveRef = useRef(isActive);
-
-    valueRef.current = value;
-    cursorPositionRef.current = cursorPosition;
-    onChangeRef.current = onChange;
-    onChangeCursorPositionRef.current = onChangeCursorPosition;
-    onSubmitRef.current = onSubmit;
-    onPasteRef.current = onPaste;
-    onArrowUpRef.current = onArrowUp;
-    onArrowDownRef.current = onArrowDown;
-    isActiveRef.current = isActive;
-
-    const renderedValue = useMemo(() => {
-      if (!isActive) return value || chalk.dim(placeholder);
-
-      if (value.length === 0) {
-        const block = cursorOn
-          ? chalk.bgHex('#00c8b4').hex('#000000')(' ')
-          : ' ';
-        return block + chalk.dim(placeholder);
-      }
-
-      const before = value.slice(0, cursorPosition);
-      const charUnder = value[cursorPosition] ?? ' ';
-      const after = value.slice(cursorPosition + 1);
-
-      const cursorChar = cursorOn
-        ? chalk.bgHex('#00c8b4').hex('#000000')(charUnder)
-        : charUnder;
-
-      return before + cursorChar + after;
-    }, [value, cursorPosition, isActive, placeholder, cursorOn]);
-
-    const pasteStateRef = useRef({
-      chunks: [] as string[],
-      timeoutId: null as NodeJS.Timeout | null,
-      firstInputTime: null as number | null,
-    });
-
-    // Stable — accesses all mutable values via refs
-    const handlePasteStable = useCallback((text: string) => {
-      const val = valueRef.current;
-      const pos = cursorPositionRef.current;
-      // Claude Code behavior: trim trailing whitespace from pasted text
-      const cleanText = text.trimEnd();
-      
-      if (onPasteRef.current) {
-        const result = onPasteRef.current(text);
-        if (result?.prompt) {
-          onChangeRef.current(val + result.prompt);
-          onChangeCursorPositionRef.current(val.length + result.prompt.length);
-          return;
-        }
-      }
-      const newValue = val.slice(0, pos) + cleanText + val.slice(pos);
-      onChangeRef.current(newValue);
-      onChangeCursorPositionRef.current(pos + cleanText.length);
-    }, []);
-
-    // Stable — Ink registers this once and never re-registers unless focusId changes.
-    // All mutable state is read from refs at call time.
-    const inputHandler = useCallback(
-      (input: string, key: Parameters<Parameters<typeof useInput>[0]>[1]) => {
-        if (focusManager.getCurrentFocus() !== focusId || !isActiveRef.current) return;
-
-        const val = valueRef.current;
-        const pos = cursorPositionRef.current;
-        const now = Date.now();
-        const pasteState = pasteStateRef.current;
-        const timeSinceFirst = pasteState.firstInputTime
-          ? now - pasteState.firstInputTime
-          : 0;
-
-        const isPaste =
-          input.length > PASTE_CONFIG.LARGE_INPUT_THRESHOLD ||
-          input.includes('\n') ||
-          (timeSinceFirst < PASTE_CONFIG.RAPID_INPUT_THRESHOLD_MS &&
-            pasteState.chunks.length > 0);
-
-        if (isPaste && input.length > 1) {
-          pasteState.chunks.push(input);
-          if (!pasteState.firstInputTime) pasteState.firstInputTime = now;
-          if (pasteState.timeoutId) clearTimeout(pasteState.timeoutId);
-          pasteState.timeoutId = setTimeout(() => {
-            const mergedText = pasteState.chunks.join('');
-            handlePasteStable(mergedText);
-            pasteState.chunks = [];
-            pasteState.timeoutId = null;
-            pasteState.firstInputTime = null;
-          }, PASTE_CONFIG.TIMEOUT_MS);
-          return;
-        }
-
-        // Multi-agent commands (/multi, /multiyolo, /research, /build, /forge, /council):
-        // Enter inserts newline, Shift+Enter submits — enables multi-line prompts.
-        // All other commands/messages: Enter submits immediately (as before).
-        const MULTI_AGENT_CMDS = ['/multi', '/multiyolo', '/research', '/build', '/forge', '/council'];
-        const isMultiAgent = MULTI_AGENT_CMDS.some(cmd => val.trimStart().startsWith(cmd));
-        if (key.return) {
-          if (isMultiAgent && !key.shift) {
-            // Insert newline at cursor
-            const newValue = val.slice(0, pos) + '\n' + val.slice(pos);
-            onChangeRef.current(newValue);
-            onChangeCursorPositionRef.current(pos + 1);
-          } else {
-            onSubmitRef.current?.(val);
-          }
-          return;
-        }
-        if (key.leftArrow) { if (pos > 0) onChangeCursorPositionRef.current(pos - 1); return; }
-        if (key.rightArrow) { if (pos < val.length) onChangeCursorPositionRef.current(pos + 1); return; }
-        if (key.upArrow) { onArrowUpRef.current?.(); return; }
-        if (key.downArrow) { onArrowDownRef.current?.(); return; }
-        if (key.backspace || key.delete) {
-          if (pos > 0) {
-            const newValue = val.slice(0, pos - 1) + val.slice(pos);
-            onChangeRef.current(newValue);
-            onChangeCursorPositionRef.current(pos - 1);
-          }
-          return;
-        }
-        if (key.ctrl && input === 'a') { onChangeCursorPositionRef.current(0); return; }
-        if (key.ctrl && input === 'e') { onChangeCursorPositionRef.current(val.length); return; }
-        if (key.ctrl && input === 'k') { onChangeRef.current(val.slice(0, pos)); return; }
-        if (key.ctrl && input === 'u') {
-          onChangeRef.current(val.slice(pos));
-          onChangeCursorPositionRef.current(0);
-          return;
-        }
-        if (input && !key.ctrl && !key.meta) {
-          const newValue = val.slice(0, pos) + input + val.slice(pos);
-          onChangeRef.current(newValue);
-          onChangeCursorPositionRef.current(pos + input.length);
-        }
-      },
-      [focusId, handlePasteStable] // both stable — focusId is a constant, handlePasteStable has empty deps
-    );
-
-    useInput(inputHandler, { isActive });
-
-    return (
-      <Text>
-        {!isActive && value.length === 0 ? (
-          <Text dimColor>{placeholder}</Text>
-        ) : (
-          renderedValue
-        )}
-      </Text>
-    );
-  },
-  // Only re-render when the displayed output would actually change.
-  // Callbacks are accessed via refs so they never need to cause a re-render.
-  // focus changes trigger re-renders via useIsFocused internally (bypasses this comparator).
-  (prev, next) =>
-    prev.value === next.value &&
-    prev.cursorPosition === next.cursorPosition &&
-    prev.cursorOn === next.cursorOn &&
-    prev.placeholder === next.placeholder &&
-    prev.disabled === next.disabled &&
-    prev.focusId === next.focusId
-);
-
-CustomTextInput.displayName = 'CustomTextInput';
-
-export default CustomTextInput;