hoomanjs 1.18.0 → 1.18.1

package/src/chat/components/ToolEvent.tsx

@@ -1,41 +0,0 @@
-import { Box, Text } from "ink";
-import type { ChatLine } from "../types.ts";
-import { useFileToolResult } from "./file-tool-diff/file-tool-result.ts";
-import { compactInline, formatToolArgs } from "./shared.ts";
-import { Spinner } from "./Spinner.tsx";
-import { ToolEventFileResult } from "./ToolEventFileResult.tsx";
-
-type ToolEventProps = {
-  line: ChatLine;
-};
-
-export function ToolEvent({ line }: ToolEventProps) {
-  const fileToolResult = useFileToolResult(line);
-  if (fileToolResult) {
-    return <ToolEventFileResult line={line} result={fileToolResult} />;
-  }
-
-  const args = formatToolArgs(line.content)[0] ?? "";
-  const result = line.resultContent
-    ? compactInline(line.resultContent, 256)
-    : null;
-
-  return (
-    <Box flexDirection="column" marginBottom={1}>
-      <Text color="yellow" bold>
-        Tool
-      </Text>
-      <Text>
-        <Text bold>{line.toolName ?? "unknown"}</Text>
-        <Text>{args ? `: ${args}` : ""}</Text>
-      </Text>
-      {line.phase === "running" ? (
-        <Box flexDirection="row">
-          <Spinner type="dots" color="yellow" />
-          <Text color="gray"> running...</Text>
-        </Box>
-      ) : null}
-      {result ? <Text>{result}</Text> : null}
-    </Box>
-  );
-}

package/src/chat/components/ToolEventFileResult.tsx

@@ -1,116 +0,0 @@
-import { Box, Text } from "ink";
-import type * as React from "react";
-import type { ChatLine } from "../types.ts";
-import { compactInline, truncLine } from "./shared.ts";
-import { Spinner } from "./Spinner.tsx";
-import {
-  type FileToolResult,
-  type StructuredPatchHunk,
-} from "./file-tool-diff/file-tool-result.ts";
-
-const MAX_PATCH_LINES = 18;
-const MAX_PATCH_WIDTH = 140;
-
-type ToolEventFileResultProps = {
-  line: ChatLine;
-  result: FileToolResult;
-};
-
-export function ToolEventFileResult({
-  line,
-  result,
-}: ToolEventFileResultProps): React.ReactNode {
-  return (
-    <Box flexDirection="column" marginBottom={1}>
-      <Text color="yellow" bold>
-        Tool
-      </Text>
-      <Text>
-        <Text bold>{result.toolName}</Text>
-        <Text color="gray">: </Text>
-        <Text>{compactInline(result.path, 160)}</Text>
-      </Text>
-      {line.phase === "running" ? (
-        <Box flexDirection="row">
-          <Spinner type="dots" color="yellow" />
-          <Text color="gray"> running...</Text>
-        </Box>
-      ) : null}
-      {line.phase === "done" ? <FileToolSummary result={result} /> : null}
-      {result.structuredPatch.length > 0 ? (
-        <PatchPreview hunks={result.structuredPatch} />
-      ) : null}
-    </Box>
-  );
-}
-
-function FileToolSummary({ result }: { result: FileToolResult }) {
-  if (result.kind === "write") {
-    const operation = result.appended ? "Appended" : "Wrote";
-    return (
-      <Text color="gray">
-        {operation}
-        {result.bytesWritten === undefined
-          ? ""
-          : ` ${result.bytesWritten} bytes`}
-      </Text>
-    );
-  }
-
-  const mode = result.dryRun ? "Previewed" : "Applied";
-  const edits =
-    result.editsApplied === undefined
-      ? "edits"
-      : `${result.editsApplied} ${result.editsApplied === 1 ? "edit" : "edits"}`;
-  const changed =
-    result.changed === undefined
-      ? ""
-      : result.changed
-        ? " changed"
-        : " no changes";
-
-  return (
-    <Text color="gray">
-      {mode} {edits}
-      {changed}
-    </Text>
-  );
-}
-
-function PatchPreview({ hunks }: { hunks: StructuredPatchHunk[] }) {
-  const lines = hunks.flatMap((hunk, index) => [
-    ...(index > 0 ? ["..."] : []),
-    `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`,
-    ...hunk.lines,
-  ]);
-  const visibleLines = lines.slice(0, MAX_PATCH_LINES);
-  const hiddenLineCount = lines.length - visibleLines.length;
-
-  return (
-    <Box flexDirection="column" marginTop={1}>
-      {visibleLines.map((line, index) => (
-        <Text key={`${index}-${line}`} color={colorForPatchLine(line)}>
-          {truncLine(line, MAX_PATCH_WIDTH)}
-        </Text>
-      ))}
-      {hiddenLineCount > 0 ? (
-        <Text color="gray">
-          ... +{hiddenLineCount} {hiddenLineCount === 1 ? "line" : "lines"}
-        </Text>
-      ) : null}
-    </Box>
-  );
-}
-
-function colorForPatchLine(line: string): string {
-  if (line.startsWith("+")) {
-    return "green";
-  }
-  if (line.startsWith("-")) {
-    return "red";
-  }
-  if (line.startsWith("@@") || line === "...") {
-    return "gray";
-  }
-  return "white";
-}

package/src/chat/components/Transcript.tsx

@@ -1,34 +0,0 @@
-import { Box } from "ink";
-import type { ChatLine } from "../types.ts";
-import { ChatMessage } from "./ChatMessage.tsx";
-import { EmptyChatBanner } from "./EmptyChatBanner.tsx";
-import { ToolEvent } from "./ToolEvent.tsx";
-
-type TranscriptProps = {
-  lines: ChatLine[];
-  liveReasoning: string;
-};
-
-export function Transcript({ lines, liveReasoning }: TranscriptProps) {
-  return (
-    <Box flexDirection="column" marginTop={1}>
-      {lines.length === 0 ? (
-        <EmptyChatBanner />
-      ) : (
-        lines.map((line) =>
-          line.role === "tool" ? (
-            <ToolEvent key={line.id} line={line} />
-          ) : (
-            <ChatMessage
-              key={line.id}
-              line={line}
-              liveReasoning={
-                line.role === "assistant" && !line.done ? liveReasoning : ""
-              }
-            />
-          ),
-        )
-      )}
-    </Box>
-  );
-}

package/src/chat/components/TranscriptViewport.tsx

@@ -1,170 +0,0 @@
-import React, { useCallback, useEffect, useRef } from "react";
-import { Box, useInput, useStdin, useStdout } from "ink";
-import { ScrollView, type ScrollViewRef } from "ink-scroll-view";
-import type { ChatLine } from "../types.ts";
-import {
-  MOUSE_REPORTING_DISABLE,
-  MOUSE_REPORTING_ENABLE,
-  parseMouseEvents,
-} from "../mouse.ts";
-import { Transcript } from "./Transcript.tsx";
-
-type TranscriptViewportProps = {
-  lines: ChatLine[];
-  liveReasoning: string;
-  followRequest: number;
-};
-
-const WHEEL_LINES = 3;
-
-function isAtBottom(scroll: ScrollViewRef): boolean {
-  return scroll.getScrollOffset() >= scroll.getBottomOffset() - 1;
-}
-
-function clampScrollOffset(scroll: ScrollViewRef, offset: number): number {
-  return Math.max(0, Math.min(offset, scroll.getBottomOffset()));
-}
-
-export function TranscriptViewport({
-  lines,
-  liveReasoning,
-  followRequest,
-}: TranscriptViewportProps): React.JSX.Element {
-  const scrollRef = useRef<ScrollViewRef>(null);
-  const stickyRef = useRef(true);
-  const { stdout } = useStdout();
-  const { stdin, setRawMode } = useStdin();
-
-  const remeasure = useCallback(() => {
-    scrollRef.current?.remeasure();
-  }, []);
-
-  const followIfSticky = useCallback(() => {
-    if (!stickyRef.current) {
-      return;
-    }
-    scrollRef.current?.scrollToBottom();
-  }, []);
-
-  const scrollBy = useCallback((delta: number) => {
-    const scroll = scrollRef.current;
-    if (!scroll) {
-      return;
-    }
-    if (delta < 0) {
-      stickyRef.current = false;
-    }
-    scroll.scrollTo(
-      clampScrollOffset(scroll, scroll.getScrollOffset() + delta),
-    );
-    stickyRef.current = isAtBottom(scroll);
-  }, []);
-
-  const scrollToTop = useCallback(() => {
-    const scroll = scrollRef.current;
-    if (!scroll) {
-      return;
-    }
-    stickyRef.current = false;
-    scroll.scrollToTop();
-  }, []);
-
-  const scrollToBottom = useCallback(() => {
-    const scroll = scrollRef.current;
-    if (!scroll) {
-      return;
-    }
-    stickyRef.current = true;
-    scroll.scrollToBottom();
-  }, []);
-
-  useEffect(() => {
-    stdout?.on("resize", remeasure);
-    return () => {
-      stdout?.off("resize", remeasure);
-    };
-  }, [remeasure, stdout]);
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      remeasure();
-      followIfSticky();
-    }, 0);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [followIfSticky, lines, liveReasoning, remeasure]);
-
-  useEffect(() => {
-    scrollToBottom();
-  }, [followRequest, scrollToBottom]);
-
-  useInput((_, key) => {
-    const scroll = scrollRef.current;
-    if (!scroll) {
-      return;
-    }
-    const page = Math.max(1, scroll.getViewportHeight() - 1);
-    if (key.pageUp) {
-      scrollBy(-page);
-      return;
-    }
-    if (key.pageDown) {
-      scrollBy(page);
-      return;
-    }
-    if ((key.ctrl || key.meta || key.super) && key.home) {
-      scrollToTop();
-      return;
-    }
-    if ((key.ctrl || key.meta || key.super) && key.end) {
-      scrollToBottom();
-    }
-  });
-
-  useEffect(() => {
-    if (!stdin) {
-      return;
-    }
-
-    const onData = (data: Buffer | string) => {
-      for (const event of parseMouseEvents(data.toString())) {
-        if (event.type === "scroll-up") {
-          scrollBy(-WHEEL_LINES);
-        } else if (event.type === "scroll-down") {
-          scrollBy(WHEEL_LINES);
-        }
-      }
-    };
-
-    setRawMode(true);
-    process.stdout.write(MOUSE_REPORTING_ENABLE);
-    stdin.on("data", onData);
-    return () => {
-      stdin.off("data", onData);
-      process.stdout.write(MOUSE_REPORTING_DISABLE);
-    };
-  }, [scrollBy, setRawMode, stdin]);
-
-  return (
-    <Box flexDirection="column" flexGrow={1} minHeight={1}>
-      <ScrollView
-        ref={scrollRef}
-        flexGrow={1}
-        width="100%"
-        onScroll={(offset) => {
-          const scroll = scrollRef.current;
-          if (scroll) {
-            stickyRef.current = offset >= scroll.getBottomOffset() - 1;
-          }
-        }}
-        onContentHeightChange={followIfSticky}
-        onViewportSizeChange={followIfSticky}
-      >
-        <Box key="transcript" flexDirection="column" width="100%">
-          <Transcript lines={lines} liveReasoning={liveReasoning} />
-        </Box>
-      </ScrollView>
-    </Box>
-  );
-}

package/src/chat/components/file-tool-diff/file-tool-result.ts

@@ -1,155 +0,0 @@
-import { useMemo } from "react";
-import type { ChatLine } from "../../types.ts";
-
-export type StructuredPatchHunk = {
-  oldStart: number;
-  oldLines: number;
-  newStart: number;
-  newLines: number;
-  lines: string[];
-};
-
-export type FileToolResult =
-  | {
-      kind: "write";
-      toolName: "write_file";
-      path: string;
-      appended: boolean;
-      bytesWritten?: number;
-      structuredPatch: StructuredPatchHunk[];
-    }
-  | {
-      kind: "edit";
-      toolName: "edit_file";
-      path: string;
-      dryRun: boolean;
-      editsApplied?: number;
-      changed?: boolean;
-      previews: string[];
-      structuredPatch: StructuredPatchHunk[];
-    };
-
-type WriteFileInput = {
-  path: string;
-  append?: boolean;
-};
-
-type WriteFileResult = {
-  path: string;
-  appended: boolean;
-  bytes_written: number;
-};
-
-type EditFileInput = {
-  path: string;
-  edits: Array<{
-    oldText: string;
-    newText: string;
-  }>;
-  dry_run?: boolean;
-};
-
-type EditFileResult = {
-  path: string;
-  dry_run: boolean;
-  edits_applied: number;
-  changed: boolean;
-};
-
-function parseJson<T>(raw: string | undefined): T | null {
-  if (!raw) {
-    return null;
-  }
-
-  try {
-    return JSON.parse(raw) as T;
-  } catch {
-    return null;
-  }
-}
-
-export function useFileToolResult(line: ChatLine): FileToolResult | null {
-  return useMemo(
-    () =>
-      parseFileToolResult({
-        phase: line.phase,
-        toolName: line.toolName,
-        inputContent: line.content,
-        resultContent: line.resultContent,
-        structuredPatch: line.fileToolDisplay?.structuredPatch,
-        previews: line.fileToolDisplay?.previews,
-      }),
-    [
-      line.content,
-      line.fileToolDisplay?.previews,
-      line.fileToolDisplay?.structuredPatch,
-      line.phase,
-      line.resultContent,
-      line.toolName,
-    ],
-  );
-}
-
-function parseFileToolResult({
-  phase,
-  toolName,
-  inputContent,
-  resultContent,
-  previews,
-  structuredPatch,
-}: {
-  phase: ChatLine["phase"];
-  toolName: string | undefined;
-  inputContent: string;
-  resultContent?: string;
-  previews?: string[];
-  structuredPatch?: StructuredPatchHunk[];
-}): FileToolResult | null {
-  if (toolName === "write_file") {
-    const input = parseJson<WriteFileInput>(inputContent);
-    const result = parseJson<WriteFileResult>(resultContent);
-    if (phase === "done" && !result) {
-      return null;
-    }
-
-    const path = result?.path ?? input?.path;
-    if (!path) {
-      return null;
-    }
-
-    return {
-      kind: "write",
-      toolName,
-      path,
-      appended: result?.appended ?? input?.append ?? false,
-      bytesWritten: result?.bytes_written,
-      structuredPatch: structuredPatch ?? [],
-    };
-  }
-
-  if (toolName === "edit_file") {
-    const input = parseJson<EditFileInput>(inputContent);
-    const result = parseJson<EditFileResult>(resultContent);
-    if (phase === "done" && !result) {
-      return null;
-    }
-
-    const path = result?.path ?? input?.path;
-    if (!path) {
-      return null;
-    }
-
-    return {
-      kind: "edit",
-      toolName,
-      path,
-      dryRun: result?.dry_run ?? input?.dry_run ?? false,
-      editsApplied: result?.edits_applied ?? input?.edits?.length,
-      changed: result?.changed,
-      previews: previews ?? [],
-      structuredPatch: structuredPatch ?? [],
-    };
-  }
-
-  return null;
-}