@thoth-agents/pi-thoth-theme 0.1.0 → 0.2.0

package/src/tools/edit.ts

@@ -1,228 +0,0 @@
-import type {
-  AgentToolResult,
-  Theme,
-  ToolRenderResultOptions,
-} from '@earendil-works/pi-coding-agent';
-import { toolFooter } from '../render-kit/index.ts';
-import type { ThemeConfig } from '../shared/config.ts';
-import { icon as semanticIcon, statusIcon } from '../shared/icons.ts';
-import { getToolBorderTone } from './border.ts';
-import { createComponent, getResultText } from './box.ts';
-import { getFileIcon, getToolIcon } from './file-icons.ts';
-import {
-  formatDisplayPath,
-  hasToolResult,
-  renderFrameBottom,
-  renderFrameRow,
-  renderFrameTop,
-} from './frame.ts';
-import { type ElapsedRenderContext, syncElapsedTicker } from './ticker.ts';
-
-const COLLAPSED_DIFF_LINES = 6;
-
-interface EditArgs {
-  path?: string;
-  file_path?: string;
-}
-
-interface EditContext extends ElapsedRenderContext {
-  cwd?: string;
-  lastComponent?: { invalidate?: () => void };
-  state?: {
-    hasResult?: boolean;
-    callComponent?: { invalidate?: () => void };
-    [key: string]: unknown;
-  };
-}
-
-interface EditDetails {
-  diff?: string;
-}
-
-function parseDiffStats(diffText: string): {
-  additions: number;
-  removals: number;
-} {
-  let additions = 0;
-  let removals = 0;
-  const lines = diffText.split('\n');
-
-  for (const line of lines) {
-    if (line.startsWith('+++') || line.startsWith('---')) continue;
-    if (line.startsWith('+')) additions++;
-    else if (line.startsWith('-')) removals++;
-  }
-
-  return { additions, removals };
-}
-
-function colorDiffLine(line: string, theme: Theme): string {
-  if (
-    line.startsWith('+++') ||
-    line.startsWith('---') ||
-    line.startsWith('@@')
-  ) {
-    return theme.fg('dim', line);
-  }
-  if (line.startsWith('+')) {
-    return theme.fg('toolDiffAdded', line);
-  }
-  if (line.startsWith('-')) {
-    return theme.fg('toolDiffRemoved', line);
-  }
-  return theme.fg('toolDiffContext', line);
-}
-
-export function createCustomEditTool(cwd: string, config: ThemeConfig) {
-  return {
-    renderShell: 'self' as const,
-    renderCall(rawArgs: unknown, theme: Theme, context: EditContext) {
-      syncElapsedTicker(context);
-      const args = (rawArgs ?? {}) as EditArgs;
-      const rawPath = String(args.path ?? args.file_path ?? '');
-      const filePath = formatDisplayPath(rawPath, context?.cwd ?? cwd);
-      const icon = getFileIcon(filePath, config.icons);
-      const editIcon = getToolIcon('edit', config.icons);
-      const borderTone = getToolBorderTone(context);
-
-      const comp = createComponent((width: number) => {
-        const safeWidth = Math.max(0, width);
-        const footer =
-          context?.executionStarted && context.isPartial
-            ? toolFooter(theme, { status: 'running', context }, config.icons)
-            : undefined;
-        const title = `${theme.fg('accent', editIcon)} ${theme.bold ? theme.bold(theme.fg('toolTitle', 'Edit')) : theme.fg('toolTitle', 'Edit')} ${theme.fg('accent', icon)} ${theme.fg('text', filePath)}`;
-
-        if (hasToolResult(context)) {
-          return renderFrameTop(theme, title, safeWidth, borderTone);
-        }
-
-        return [
-          ...renderFrameTop(theme, title, safeWidth, borderTone),
-          ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-        ];
-      });
-
-      if (context?.state) {
-        context.state.callComponent = comp;
-      }
-      return comp;
-    },
-
-    renderResult(
-      result: AgentToolResult<unknown>,
-      options: ToolRenderResultOptions,
-      theme: Theme,
-      context: EditContext,
-    ) {
-      if (context?.state) {
-        context.state.hasResult = true;
-        if (
-          context.state.callComponent &&
-          typeof context.state.callComponent.invalidate === 'function'
-        ) {
-          context.state.callComponent.invalidate();
-        }
-      }
-      if (
-        context?.lastComponent &&
-        typeof context.lastComponent.invalidate === 'function'
-      ) {
-        context.lastComponent.invalidate();
-      }
-
-      const isErr = Boolean(context?.isError);
-      const status = options?.isPartial
-        ? 'running'
-        : isErr
-          ? 'failed'
-          : 'completed';
-      const footerOptions = {
-        status,
-        context: { ...context, isPartial: options?.isPartial },
-      } as const;
-      syncElapsedTicker(footerOptions.context);
-      const borderTone = getToolBorderTone({
-        isError: isErr,
-        isPartial: options?.isPartial,
-      });
-      const details = result.details as EditDetails | undefined;
-      const diffText = details?.diff ?? getResultText(result);
-
-      if (isErr) {
-        return createComponent((width: number) => {
-          const safeWidth = Math.max(0, width);
-          const errText = `${theme.fg('error', `${statusIcon('warning', config.icons)} `)}${theme.fg('error', diffText || 'Edit failed')}`;
-          return [
-            ...renderFrameRow(theme, errText, safeWidth, borderTone),
-            ...renderFrameBottom(
-              theme,
-              toolFooter(theme, footerOptions, config.icons),
-              safeWidth,
-              borderTone,
-            ),
-          ];
-        });
-      }
-
-      const { additions, removals } = parseDiffStats(diffText);
-      const diffLines = diffText ? diffText.split('\n') : [];
-
-      return createComponent((width: number) => {
-        const safeWidth = Math.max(0, width);
-        const addedStr =
-          additions > 0
-            ? theme.fg('toolDiffAdded', `+${additions}`)
-            : theme.fg('dim', '+0');
-        const removedStr =
-          removals > 0
-            ? theme.fg('toolDiffRemoved', `-${removals}`)
-            : theme.fg('dim', '-0');
-        const footer = toolFooter(
-          theme,
-          {
-            ...footerOptions,
-            summary: [`${addedStr} ${removedStr}`, '1 file'],
-          },
-          config.icons,
-        );
-
-        if (diffLines.length === 0) {
-          return [
-            ...renderFrameRow(
-              theme,
-              theme.fg('dim', '(no changes)'),
-              safeWidth,
-              borderTone,
-            ),
-            ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-          ];
-        }
-
-        const visibleLines = options?.expanded
-          ? diffLines
-          : diffLines.slice(0, COLLAPSED_DIFF_LINES);
-        const bodyLines: string[] = visibleLines.map((l) =>
-          colorDiffLine(l, theme),
-        );
-
-        if (!options?.expanded && diffLines.length > COLLAPSED_DIFF_LINES) {
-          const remaining = diffLines.length - COLLAPSED_DIFF_LINES;
-          bodyLines.push(
-            theme.fg(
-              'dim',
-              `${semanticIcon('ellipsis', config.icons)} ${remaining} more lines ${semanticIcon('separator', config.icons)} ctrl+o to expand`,
-            ),
-          );
-        }
-
-        return [
-          ...bodyLines.flatMap((l) =>
-            renderFrameRow(theme, l, safeWidth, borderTone),
-          ),
-          ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-        ];
-      });
-    },
-  };
-}

package/src/tools/file-icons.ts

@@ -1,139 +0,0 @@
-import { basename, extname } from 'node:path';
-import type { IconMode } from '../shared/config.ts';
-import { icon } from '../shared/icons.ts';
-
-const NERD_FILE_ICONS: Record<string, string> = {
-  ts: '\ue628',
-  tsx: '\ue7ba',
-  js: '\ue74e',
-  jsx: '\ue7ba',
-  mjs: '\ue74e',
-  cjs: '\ue74e',
-  py: '\ue73c',
-  rs: '\ue7a8',
-  go: '\ue724',
-  java: '\ue738',
-  c: '\ue61e',
-  cpp: '\ue61d',
-  h: '\ue61e',
-  hpp: '\ue61d',
-  cs: '\ue648',
-  html: '\ue736',
-  htm: '\ue736',
-  css: '\ue749',
-  scss: '\ue749',
-  sass: '\ue749',
-  less: '\ue749',
-  vue: '\ue6a0',
-  svelte: '\ue697',
-  json: '\ue60b',
-  yaml: '\ue6a8',
-  yml: '\ue6a8',
-  toml: '\ue6b2',
-  xml: '\ue619',
-  md: '\ue73e',
-  mdx: '\ue73e',
-  sql: '\ue706',
-  sh: '\ue795',
-  bash: '\ue795',
-  zsh: '\ue795',
-  ps1: '\ue70f',
-  psm1: '\ue70f',
-  lua: '\ue620',
-  php: '\ue73d',
-  dart: '\ue798',
-  png: '\uf1c5',
-  jpg: '\uf1c5',
-  jpeg: '\uf1c5',
-  svg: '\uf1c5',
-  webp: '\uf1c5',
-  gif: '\uf1c5',
-  lock: '\uf023',
-  env: '\ue615',
-  dockerfile: '\ue7b0',
-};
-
-const NERD_NAME_ICONS: Record<string, string> = {
-  'package.json': '\ue71e',
-  'package-lock.json': '\ue71e',
-  'tsconfig.json': '\ue628',
-  '.gitignore': '\ue702',
-  '.gitattributes': '\ue702',
-  '.env': '\ue615',
-  dockerfile: '\ue7b0',
-  makefile: '\ue615',
-  'readme.md': '\ue73e',
-  license: '\ue60a',
-};
-
-const ASCII_FILE_ICONS: Record<string, string> = {
-  ts: '[ts]',
-  tsx: '[ts]',
-  js: '[js]',
-  jsx: '[js]',
-  mjs: '[js]',
-  cjs: '[js]',
-  py: '[py]',
-  rs: '[rs]',
-  go: '[go]',
-  json: '{ }',
-  yaml: '{ }',
-  yml: '{ }',
-  toml: '{ }',
-  xml: '< >',
-  md: '[md]',
-  mdx: '[md]',
-  html: '< >',
-  htm: '< >',
-  css: '{ }',
-  sh: '$',
-  bash: '$',
-  zsh: '$',
-  ps1: 'PS',
-  psm1: 'PS',
-  png: '[img]',
-  jpg: '[img]',
-  jpeg: '[img]',
-  svg: '[img]',
-  gif: '[img]',
-  webp: '[img]',
-  lock: '[lock]',
-  env: '[env]',
-};
-
-export function getFileIcon(filePath: string, mode: IconMode): string {
-  if (filePath.endsWith('/') || filePath.endsWith('\\')) {
-    return icon('folder', mode);
-  }
-
-  const name = basename(filePath).toLowerCase();
-  const ext = extname(name).replace(/^\./, '').toLowerCase();
-
-  if (mode === 'ascii') {
-    if (ASCII_FILE_ICONS[ext]) return ASCII_FILE_ICONS[ext];
-    return icon('file', mode);
-  }
-
-  if (NERD_NAME_ICONS[name]) return NERD_NAME_ICONS[name];
-  if (NERD_FILE_ICONS[ext]) return NERD_FILE_ICONS[ext];
-  return icon('file', mode);
-}
-
-export function getDirIcon(mode: IconMode): string {
-  return icon('folder', mode);
-}
-
-export function getToolIcon(
-  tool:
-    | 'read'
-    | 'write'
-    | 'edit'
-    | 'bash'
-    | 'powershell'
-    | 'search'
-    | 'folder'
-    | 'file',
-  mode: IconMode,
-): string {
-  return icon(tool, mode);
-}

package/src/tools/find.ts

@@ -1,227 +0,0 @@
-import type {
-  AgentToolResult,
-  Theme,
-  ToolRenderResultOptions,
-} from '@earendil-works/pi-coding-agent';
-import { truncateToWidth } from '@earendil-works/pi-tui';
-import { toolFooter } from '../render-kit/index.ts';
-import type { ThemeConfig } from '../shared/config.ts';
-import { icon as semanticIcon, statusIcon } from '../shared/icons.ts';
-import { getToolBorderTone } from './border.ts';
-import {
-  createComponent,
-  escapeControlCharacters,
-  getRawResultText,
-  renderBox,
-  splitResultNotice,
-} from './box.ts';
-import { getFileIcon, getToolIcon } from './file-icons.ts';
-import {
-  formatDisplayPath,
-  hasToolResult,
-  isFramedContext,
-  renderFrameBottom,
-  renderFrameRow,
-  renderFrameTop,
-} from './frame.ts';
-import { type ElapsedRenderContext, syncElapsedTicker } from './ticker.ts';
-
-const COLLAPSED_ENTRY_LIMIT = 8;
-
-interface FindArgs {
-  pattern?: string;
-  path?: string;
-}
-
-interface FindContext extends ElapsedRenderContext {
-  cwd?: string;
-  lastComponent?: { invalidate?: () => void };
-  state?: {
-    hasResult?: boolean;
-    callComponent?: { invalidate?: () => void };
-    [key: string]: unknown;
-  };
-  toolCallId?: string;
-}
-
-function parseFindOutput(
-  text: string,
-  details: unknown,
-): { entries: string[]; notices: string[] } {
-  const output = splitResultNotice(text, details, 'find');
-  return {
-    entries: output.text.split('\n').filter((line) => line.length > 0),
-    notices: output.notices,
-  };
-}
-
-export function createCustomFindTool(cwd: string, config: ThemeConfig) {
-  return {
-    renderShell: 'self' as const,
-    renderCall(rawArgs: unknown, theme: Theme, context: FindContext) {
-      syncElapsedTicker(context);
-      const args = (rawArgs ?? {}) as FindArgs;
-      const pattern = escapeControlCharacters(String(args.pattern ?? '*'));
-      const rawPath = String(args.path ?? '.');
-      const searchPath = escapeControlCharacters(
-        formatDisplayPath(rawPath, context?.cwd ?? cwd),
-      );
-      const icon = getToolIcon('search', config.icons);
-      const borderTone = getToolBorderTone(context);
-
-      const comp = createComponent((width: number) => {
-        const safeWidth = Math.max(0, width);
-        const footer =
-          context?.executionStarted && context.isPartial
-            ? toolFooter(theme, { status: 'running', context }, config.icons)
-            : undefined;
-        const title = `${theme.fg('accent', icon)} ${theme.bold ? theme.bold(theme.fg('toolTitle', 'Find')) : theme.fg('toolTitle', 'Find')} ${theme.fg('syntaxString', `"${pattern}"`)} ${theme.fg('dim', 'in')} ${theme.fg('text', searchPath)}`;
-
-        if (!isFramedContext(context)) {
-          return renderBox(theme, [], safeWidth, {
-            title,
-            footer,
-            isError: borderTone === 'error',
-            isSuccess: borderTone === 'success',
-          });
-        }
-
-        if (hasToolResult(context)) {
-          return renderFrameTop(theme, title, safeWidth, borderTone);
-        }
-
-        return [
-          ...renderFrameTop(theme, title, safeWidth, borderTone),
-          ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-        ];
-      });
-
-      if (context?.state) {
-        context.state.callComponent = comp;
-      }
-      return comp;
-    },
-
-    renderResult(
-      result: AgentToolResult<unknown>,
-      options: ToolRenderResultOptions,
-      theme: Theme,
-      context: FindContext,
-    ) {
-      if (context?.state) {
-        context.state.hasResult = true;
-        if (
-          context.state.callComponent &&
-          typeof context.state.callComponent.invalidate === 'function'
-        ) {
-          context.state.callComponent.invalidate();
-        }
-      }
-      if (
-        context?.lastComponent &&
-        typeof context.lastComponent.invalidate === 'function'
-      ) {
-        context.lastComponent.invalidate();
-      }
-
-      const isErr = Boolean(context?.isError);
-      const status = options?.isPartial
-        ? 'running'
-        : isErr
-          ? 'failed'
-          : 'completed';
-      const footerOptions = {
-        status,
-        context: { ...context, isPartial: options?.isPartial },
-      } as const;
-      syncElapsedTicker(footerOptions.context);
-      const borderTone = getToolBorderTone({
-        isError: isErr,
-        isPartial: options?.isPartial,
-      });
-      const textOutput = getRawResultText(result);
-
-      if (isErr) {
-        return createComponent((width: number) => {
-          const safeWidth = Math.max(0, width);
-          const footer = toolFooter(theme, footerOptions, config.icons);
-          const errText = `${theme.fg('error', `${statusIcon('warning', config.icons)} `)}${theme.fg('error', escapeControlCharacters(textOutput || 'Find failed'))}`;
-          if (!isFramedContext(context)) {
-            return [
-              truncateToWidth(errText, safeWidth),
-              ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-            ];
-          }
-          return [
-            ...renderFrameRow(theme, errText, safeWidth, borderTone),
-            ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-          ];
-        });
-      }
-
-      const { entries, notices } = parseFindOutput(textOutput, result.details);
-      const total = entries.length;
-
-      return createComponent((width: number) => {
-        const safeWidth = Math.max(0, width);
-        const footer = toolFooter(theme, footerOptions, config.icons);
-        if (safeWidth === 0) return [];
-        if (total === 0 && notices.length === 0) {
-          if (!isFramedContext(context)) {
-            return [
-              truncateToWidth(theme.fg('dim', 'no matches found'), safeWidth),
-              ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-            ];
-          }
-          return [
-            ...renderFrameRow(
-              theme,
-              theme.fg('dim', 'no matches found'),
-              safeWidth,
-              borderTone,
-            ),
-            ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-          ];
-        }
-
-        const rawLines: string[] = [];
-        const visible = options?.expanded
-          ? entries
-          : entries.slice(0, COLLAPSED_ENTRY_LIMIT);
-        const remaining = total - visible.length;
-
-        for (let i = 0; i < visible.length; i++) {
-          const entry = visible[i];
-          const isLast = i === visible.length - 1 && remaining === 0;
-          const branch = isLast ? '└─' : '├─';
-          const icon = getFileIcon(entry, config.icons);
-          const line = `${theme.fg('dim', branch)} ${theme.fg('accent', icon)} ${theme.fg('toolOutput', escapeControlCharacters(entry))}`;
-          rawLines.push(line);
-        }
-
-        if (remaining > 0) {
-          const more = `${theme.fg('dim', '└─')} ${theme.fg('dim', `${semanticIcon('ellipsis', config.icons)} ${remaining} more matches ${semanticIcon('separator', config.icons)} ctrl+o to expand`)}`;
-          rawLines.push(more);
-        }
-
-        for (const notice of notices) {
-          rawLines.push(theme.fg('warning', notice));
-        }
-
-        if (!isFramedContext(context)) {
-          return [
-            ...rawLines.map((line) => truncateToWidth(`  ${line}`, safeWidth)),
-            ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-          ];
-        }
-
-        return [
-          ...rawLines.flatMap((line) =>
-            renderFrameRow(theme, line, safeWidth, borderTone),
-          ),
-          ...renderFrameBottom(theme, footer, safeWidth, borderTone),
-        ];
-      });
-    },
-  };
-}