aegiscode 3.1.10 → 3.4.2

package/src/ui/components/layout/WelcomeMessage.tsx

@@ -1,93 +0,0 @@
-/**
- * WelcomeMessage — ASCII art logo + available commands.
- */
-
-import React, { useEffect, useState } from 'react';
-import { Box, Text } from 'ink';
-import { themeManager } from '../../themes/index.js';
-import pkg from '../../../../package.json' with { type: 'json' };
-
-interface WelcomeMessageProps {
-  terminalWidth: number;
-}
-
-const COMMANDS = [
-  { cmd: '/help',    desc: 'all commands' },
-  { cmd: '/model',   desc: 'switch AI model' },
-  { cmd: '/theme',   desc: 'change appearance' },
-  { cmd: '/copy',    desc: 'copy code/text to clipboard' },
-  { cmd: '/compact', desc: 'compress context' },
-];
-
-/** Keeps fade-in state alive across remounts (e.g. selector closing) */
-const fadePlayedRef = { current: false };
-
-const FadeInCommand: React.FC<{ cmd: string; desc: string; delayMs: number }> = ({ cmd, desc, delayMs }) => {
-  const theme = themeManager.getTheme();
-  const [visible, setVisible] = useState(fadePlayedRef.current);
-  useEffect(() => {
-    if (fadePlayedRef.current) return;
-    const t = setTimeout(() => {
-      fadePlayedRef.current = true;
-      setVisible(true);
-    }, delayMs);
-    return () => clearTimeout(t);
-  }, [delayMs]);
-  if (!visible) return null;
-  return (
-    <Box>
-      <Text color={theme.colors.text.muted} dimColor>{cmd.padEnd(12)}{desc}</Text>
-    </Box>
-  );
-};
-
-export const WelcomeMessage: React.FC<WelcomeMessageProps> = React.memo(({ terminalWidth }) => {
-  const theme = themeManager.getTheme();
-  const cmdBaseT = 80;
-  const footerT  = cmdBaseT + COMMANDS.length * 100 + 80;
-
-  return (
-    <Box flexDirection="column" paddingX={0} paddingY={0} marginBottom={1}>
-      {/* ASCII art logo — kept in sync with assets/demo.svg */}
-      <Box flexDirection="column">
-        <Text color={theme.colors.primary} bold>{`
-  ╔═╗╔═╗╔═╗╦╔═╗
-  ╠═╣║╣ ║ ╦║╚═╗
-  ╩ ╩╚═╝╚═╝╩╚═╝`}</Text>
-        <Box marginLeft={2}>
-          <Text color={theme.colors.text.muted} dimColor>v{pkg.version}</Text>
-        </Box>
-        <Box marginLeft={2}>
-          <Text color={theme.colors.primary} bold>ÆGIS  </Text>
-          <Text color={theme.colors.text.muted} dimColor>·  terminal coding agent</Text>
-        </Box>
-        <Box marginLeft={2}>
-          <Text color={theme.colors.text.muted} dimColor>──────────────────────────────────────</Text>
-        </Box>
-      </Box>
-
-      {/* Commands */}
-      <Box flexDirection="column" marginTop={0} marginLeft={2}>
-        {COMMANDS.map(({ cmd, desc }, i) => (
-          <FadeInCommand key={cmd} cmd={cmd} desc={desc} delayMs={cmdBaseT + i * 100} />
-        ))}
-      </Box>
-
-      {/* Footer */}
-      <Box marginTop={0} marginLeft={2}>
-        <Text color={theme.colors.text.muted} dimColor>Ctrl+Z exit  ·  Ctrl+F search  ·  Alt+C copy last</Text>
-      </Box>
-
-      {/* Claude Pro/Max tip — only shown when subscription auth isn't already set up */}
-      {!process.env.CLAUDE_CODE_OAUTH_TOKEN && (
-        <Box marginTop={0} marginLeft={2}>
-          <Text color={theme.colors.text.muted} dimColor>Have Claude Pro/Max? Run aegis login --claude-pro to use your subscription</Text>
-        </Box>
-      )}
-    </Box>
-  );
-});
-
-WelcomeMessage.displayName = 'WelcomeMessage';
-
-export default WelcomeMessage;

package/src/ui/components/layout/index.ts

@@ -1,7 +0,0 @@
-/**
- * 
- */
-
-export { ChatStatusBar } from './ChatStatusBar.js';
-export { MessageArea, type UIMessage } from './MessageArea.js';
-export { MessageList } from './MessageList.js';

package/src/ui/components/markdown/CodeHighlighter.tsx

@@ -1,292 +0,0 @@
-/**
- * CodeHighlighter - with line-level caching to avoid re-highlighting unchanged lines
- * Supports diff rendering when language === 'diff'
- */
-
-import React, { useMemo, memo } from 'react';
-import { Box, Text } from 'ink';
-import { common, createLowlight } from 'lowlight';
-import { themeManager } from '../../themes/index.js';
-import type { SyntaxColors } from '../../themes/types.js';
-
-const lowlight = createLowlight(common);
-
-// Line-level cache: avoids re-highlighting the same line content
-// Cache raw HAST nodes instead of React elements
-const lineHighlightCache = new Map<string, any>();
-
-function getCachedAst(
-  line: string,
-  language: string | undefined
-): any {
-  const cacheKey = `${language || 'auto'}|${line}`;
-  const cached = lineHighlightCache.get(cacheKey);
-  if (cached) return cached;
-
-  const ast = doHighlightAst(line, language);
-  if (lineHighlightCache.size > 2000) {
-    const firstKey = lineHighlightCache.keys().next().value;
-    if (firstKey) lineHighlightCache.delete(firstKey);
-  }
-  lineHighlightCache.set(cacheKey, ast);
-  return ast;
-}
-
-function doHighlightAst(
-  line: string,
-  language: string | undefined
-): any {
-  if (!line || line.trim() === '') {
-    return { type: 'root', children: [{ type: 'text', value: line || ' ' }] };
-  }
-  try {
-    if (language && lowlight.registered(language)) {
-      return lowlight.highlight(language, line);
-    }
-    if (/^[\s│┌┐└┘├┤┬┴┼─═║╔╗╚╝╠╣╦╩╬|+\-*=<>]+$/.test(line)) {
-      return { type: 'root', children: [{ type: 'text', value: line }] };
-    }
-    return lowlight.highlightAuto(line);
-  } catch {
-    return { type: 'root', children: [{ type: 'text', value: line }] };
-  }
-}
-
-// ── Diff rendering ──────────────────────────────────────────────────────────
-
-// VS Code Dark+ exact hex colors
-const VS_DIFF = {
-  add:    '#3fb950',  // additions
-  del:    '#f85149',  // deletions
-  hunk:   '#79c0ff',  // @@ hunk headers
-  header: '#e3b341',  // --- +++ file headers
-} as const;
-
-const DIFF_HEADER_RE = /^(diff --git |index |--- |\+\+\+ )/;
-const DIFF_HUNK_RE = /^@@ /;
-const DIFF_ADD_RE = /^\+/;
-const DIFF_DEL_RE = /^\-/;
-
-function getDiffLineStyle(
-  line: string
-): { prefix: string; color: string; bold?: boolean } | null {
-  if (DIFF_HEADER_RE.test(line)) return { prefix: ' ', color: VS_DIFF.header, bold: true };
-  if (DIFF_HUNK_RE.test(line))   return { prefix: ' ', color: VS_DIFF.hunk };
-  if (DIFF_ADD_RE.test(line))    return { prefix: '+', color: VS_DIFF.add };
-  if (DIFF_DEL_RE.test(line))    return { prefix: '-', color: VS_DIFF.del };
-  return { prefix: ' ', color: '' };
-}
-
-interface CodeHighlighterProps {
-  content: string;
-  language?: string;
-  filePath?: string;
-  showLineNumbers?: boolean;
-  terminalWidth?: number;
-  startLine?: number;
-}
-
-export const CodeHighlighter: React.FC<CodeHighlighterProps> = ({
-  content,
-  language,
-  filePath,
-  showLineNumbers = true,
-  terminalWidth = 80,
-  startLine = 1,
-}) => {
-  const theme = themeManager.getTheme();
-  const syntaxColors = theme.colors.syntax;
-
-  const lines = useMemo(() => content.split('\n'), [content]);
-
-  const totalLines = startLine + lines.length - 1;
-  const lineNumberWidth = showLineNumbers ? String(totalLines).length + 1 : 0;
-
-  const isDiff = language === 'diff' || language === 'patch';
-
-  return (
-    <Box
-      flexDirection="column"
-      paddingX={0}
-      marginY={0}
-    >
-      <Box>
-        <Box>
-          {filePath ? (
-            <>
-              <Text color={theme.colors.info}>{filePath}</Text>
-              {language && (
-                <Text color={theme.colors.text.muted} dimColor> {language}</Text>
-              )}
-            </>
-          ) : language ? (
-            <>
-              <Text color={theme.colors.text.muted} dimColor>{language}</Text>
-            </>
-          ) : null}
-        </Box>
-        <Box marginLeft={1}>
-          <Text color={theme.colors.text.muted} dimColor>/copy</Text>
-        </Box>
-      </Box>
-
-      {isDiff ? (
-        <DiffRenderer lines={lines} />
-      ) : (
-        lines.map((line, index) => {
-          const lineNumber = startLine + index;
-          return (
-            <Box key={index} flexDirection="row">
-              {showLineNumbers && (
-                <Box width={lineNumberWidth} marginRight={1}>
-                  <Text dimColor>
-                    {String(lineNumber).padStart(lineNumberWidth - 1, ' ')}
-                  </Text>
-                </Box>
-              )}
-              <Box flexShrink={1}>
-                <CachedHighlightedLine line={line} language={language} syntaxColors={syntaxColors} />
-              </Box>
-            </Box>
-          );
-        })
-      )}
-    </Box>
-  );
-};
-
-/**
- * Memoized per-line component using content-based cache
- */
-const CachedHighlightedLine: React.FC<{
-  line: string;
-  language?: string;
-  syntaxColors: SyntaxColors;
-}> = memo(({ line, language, syntaxColors }) => {
-  const ast = useMemo(
-    () => getCachedAst(line, language),
-    [line, language]
-  );
-  const rendered = useMemo(
-    () => renderHastNode(ast, syntaxColors),
-    [ast, syntaxColors]
-  );
-  return <>{rendered}</>;
-});
-CachedHighlightedLine.displayName = 'CachedHighlightedLine';
-
-function renderHastNode(
-  node: any,
-  syntaxColors: SyntaxColors,
-  key?: number
-): React.ReactNode {
-  if (node.type === 'text') {
-    return <Text key={key}>{node.value}</Text>;
-  }
-
-  if (node.type === 'root') {
-    return (
-      <>
-        {node.children?.map((child: any, index: number) =>
-          renderHastNode(child, syntaxColors, index)
-        )}
-      </>
-    );
-  }
-
-  if (node.type === 'element') {
-    const className = node.properties?.className?.[0] || '';
-    const color = getColorForClass(className, syntaxColors);
-
-    const children = node.children?.map((child: any, index: number) =>
-      renderHastNode(child, syntaxColors, index)
-    );
-
-    return (
-      <Text key={key} color={color}>
-        {children}
-      </Text>
-    );
-  }
-
-  return <Text key={key}></Text>;
-}
-
-function getColorForClass(className: string, syntaxColors: SyntaxColors): string {
-  if (className.includes('comment') || className.includes('prolog')) {
-    return syntaxColors.comment;
-  }
-  if (className.includes('string') || className.includes('char') || className.includes('template-string')) {
-    return syntaxColors.string;
-  }
-  if (className.includes('number') || className.includes('boolean') || className.includes('constant')) {
-    return syntaxColors.number;
-  }
-  if (className.includes('keyword') || className.includes('selector') || className.includes('important')) {
-    return syntaxColors.keyword;
-  }
-  if (className.includes('function') || className.includes('method')) {
-    return syntaxColors.function;
-  }
-  if (className.includes('variable') || className.includes('property')) {
-    return syntaxColors.variable;
-  }
-  if (className.includes('operator') || className.includes('punctuation')) {
-    return syntaxColors.operator;
-  }
-  if (className.includes('type') || className.includes('class-name') || className.includes('builtin')) {
-    return syntaxColors.type;
-  }
-  if (className.includes('tag') || className.includes('name')) {
-    return syntaxColors.tag;
-  }
-  if (className.includes('attr')) {
-    return syntaxColors.attr;
-  }
-  return syntaxColors.default;
-}
-
-// ── Diff Renderer ──────────────────────────────────────────────────────────
-
-const DiffRenderer: React.FC<{ lines: string[] }> = memo(({ lines }) => {
-  return (
-    <>
-      {lines.map((line, index) => {
-        const style = getDiffLineStyle(line);
-        if (!style) {
-          // fallback: render as plain text
-          return (
-            <Box key={index} flexDirection="row">
-              <Text>{line}</Text>
-            </Box>
-          );
-        }
-        const { prefix: stylePrefix, color, bold } = style;
-        // Strip the first character (+/-) for display and show it as prefix instead
-        const displayText = color
-          ? (DIFF_ADD_RE.test(line) || DIFF_DEL_RE.test(line)
-              ? line.slice(1)
-              : line)
-          : line;
-
-        return (
-          <Box key={index} flexDirection="row">
-            <Box width={2} flexShrink={0}>
-              <Text bold={bold} color={color || undefined}>
-                {stylePrefix}
-              </Text>
-            </Box>
-            <Box flexShrink={1}>
-              <Text color={color || undefined} bold={bold}>
-                {displayText}
-              </Text>
-            </Box>
-          </Box>
-        );
-      })}
-    </>
-  );
-});
-DiffRenderer.displayName = 'DiffRenderer';
-
-export default CodeHighlighter;