@agimon-ai/doompi-read 0.0.1-alpha.15 → 0.0.1-alpha.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-read",
-  "version": "0.0.1-alpha.15",
+  "version": "0.0.1-alpha.17",
   "description": "Snapshot-bound hashline read tool for Pi and DoomPi.",
   "keywords": [
     "ai",
@@ -50,20 +50,20 @@
   },
   "dependencies": {
     "@deepseek-ai/cordis": "4.0.1",
-    "typebox": "1.3.16",
-    "@agimon-ai/doompi-hashline": "0.0.1-alpha.15",
-    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.43",
-    "@agimon-ai/doompi-ui": "0.0.1-alpha.43",
-    "@agimon-ai/doompi-web-components": "0.0.1-alpha.4",
-    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.6"
+    "typebox": "1.3.19",
+    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.44",
+    "@agimon-ai/doompi-web-components": "0.0.1-alpha.5",
+    "@agimon-ai/doompi-hashline": "0.0.1-alpha.16",
+    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.8",
+    "@agimon-ai/doompi-ui": "0.0.1-alpha.45"
   },
   "devDependencies": {
     "@earendil-works/pi-coding-agent": "0.84.4",
     "@earendil-works/pi-tui": "0.84.4",
     "@tanstack/react-store": "0.11.1",
     "@tanstack/store": "0.11.1",
-    "@types/node": "26.2.0",
-    "@types/react": "19.2.7",
+    "@types/node": "26.4.0",
+    "@types/react": "19.2.18",
     "@vitest/coverage-v8": "4.1.11",
     "react": "19.2.8",
     "tsdown": "0.22.14",

package/web/ReadToolMessage.tsx

@@ -1,14 +1,15 @@
 import {
+  HashlineLines,
+  hashlineBody,
   MessageItem,
   MessageItemBody,
   MessageItemHeader,
   MessageItemStatus,
+  resultTextLines,
   toolTone,
 } from '@agimon-ai/doompi-web-components';
 import type { ToolMessageRenderProps } from '@agimon-ai/doompi-web-contracts';
 import { readCallView } from './readToolView.ts';
-import { HashlineLines } from './HashlineLines.tsx';
-import { hashlineBody, resultTextLines } from './hashlineView.ts';
 
 const IMAGE_MIME_TYPES = new Set(['image/png', 'image/jpeg', 'image/gif', 'image/webp']);
 

package/web/readToolView.ts

@@ -1,4 +1,4 @@
-import { compactDetails } from './hashlineView.ts';
+import { compactDetails } from '@agimon-ai/doompi-web-components';
 
 export interface ReadCallView {
   readonly path: string;

package/web/HashlineLines.tsx

@@ -1,47 +0,0 @@
-import type { PresentedLine } from './hashlineView.ts';
-
-/**
- * The anchored body shared by hashline results: a file heading per group, a
- * right-aligned line-number gutter, and a `>>` marker on grep matches. The
- * gutter width is a style, not a class, because it follows the widest number.
- */
-export function HashlineLines({ lines, gutter }: { lines: readonly PresentedLine[]; gutter: number }) {
-  return (
-    <div className="flex flex-col font-mono">
-      {lines.map((line, index) => {
-        if (line.type === 'file') {
-          return (
-            <span key={index} className="mt-1 truncate text-doom-faint first:mt-0">
-              {line.path}
-            </span>
-          );
-        }
-        if (line.type === 'plain') {
-          return (
-            <span key={index} className="whitespace-pre-wrap break-words text-doom-dim">
-              {line.text}
-            </span>
-          );
-        }
-        const { value } = line;
-        return (
-          <span key={index} className="flex gap-2">
-            {value.marker !== undefined ? (
-              <span className={`w-4 shrink-0 ${value.marker === 'match' ? 'text-doom-blue' : 'text-doom-faint'}`}>
-                {value.marker === 'match' ? '>>' : ''}
-              </span>
-            ) : null}
-            <span className="shrink-0 text-right text-doom-faint" style={{ width: `${gutter}ch` }}>
-              {value.line}
-            </span>
-            <span
-              className={`min-w-0 whitespace-pre-wrap break-words ${value.marker === 'match' ? 'text-doom-hi' : 'text-doom-text'}`}
-            >
-              {value.content}
-            </span>
-          </span>
-        );
-      })}
-    </div>
-  );
-}

package/web/hashlineView.ts

@@ -1,138 +0,0 @@
-import type { ToolResultView } from '@agimon-ai/doompi-web-contracts';
-
-/**
- * The hashline wire format, parsed the way the TUI's hashlineRendering does:
- * `@file path#tag` opens a file, `N#abc|content` is an anchored line, and a
- * `>> ` or three-space prefix marks grep matches and their context. The
- * patterns are copied from doompi-hashline because a cockpit plugin may only
- * import its own pure modules and the web contract.
- */
-const FILE_HEADER_PATTERN = /^@file (.+)#([A-Za-z0-9_-]{8})$/u;
-const TAGGED_LINE_PATTERN = /^(>> | {3})?(\d+)#[a-z]{3}\|(.*)$/u;
-const MATCH_PREFIX = '>> ';
-const CONTEXT_PREFIX = '   ';
-const IMAGE_PLACEHOLDER = '[Image attached]';
-
-export const READ_COLLAPSED_LINES = 10;
-export const GREP_COLLAPSED_LINES = 15;
-
-export type HashlineResultKind = 'read' | 'grep';
-export type TaggedLineMarker = 'match' | 'context';
-
-export interface TaggedLine {
-  readonly line: number;
-  readonly content: string;
-  readonly marker: TaggedLineMarker | undefined;
-}
-
-export type PresentedLine =
-  | { readonly type: 'file'; readonly path: string }
-  | { readonly type: 'tagged'; readonly value: TaggedLine }
-  | { readonly type: 'plain'; readonly text: string };
-
-export interface HashlineBody {
-  readonly shown: readonly PresentedLine[];
-  /** Lines the collapsed view holds back; zero once expanded. */
-  readonly hidden: number;
-  /** The bracketed pagination or compaction note the tool appends after its lines. */
-  readonly notice: string | undefined;
-  /** Widest line number among the shown anchored lines, in characters. */
-  readonly gutter: number;
-}
-
-interface TextBlock {
-  readonly type: string;
-  readonly text?: string;
-}
-
-function isTextBlock(block: unknown): block is TextBlock {
-  return typeof block === 'object' && block !== null && typeof (block as TextBlock).type === 'string';
-}
-
-/**
- * The result's text as lines: tabs widened, CRLF folded, trailing blanks
- * dropped. A result with no text but an image block reads as the TUI's
- * placeholder. The joined `output` stands in when no result view exists.
- */
-export function resultTextLines(result: ToolResultView | null, output: string): string[] {
-  const blocks = result?.content.filter(isTextBlock) ?? [];
-  const text =
-    result === null ? output : blocks.flatMap((block) => (block.type === 'text' ? [block.text ?? ''] : [])).join('\n');
-  if (text.length === 0) {
-    return blocks.some((block) => block.type === 'image') ? [IMAGE_PLACEHOLDER] : [];
-  }
-  const lines = text.replaceAll('\t', '  ').replaceAll('\r\n', '\n').split('\n');
-  while (lines.at(-1) === '') lines.pop();
-  return lines;
-}
-
-/** Detaches the tool's trailing `[...]` note so the body numbers file content only. */
-export function takeTrailingNotice(lines: string[]): string | undefined {
-  const last = lines.at(-1);
-  if (last === undefined || !last.startsWith('[') || !last.endsWith(']')) return undefined;
-  lines.pop();
-  while (lines.at(-1) === '') lines.pop();
-  return last;
-}
-
-export function parseTaggedLine(value: string): TaggedLine | undefined {
-  const match = TAGGED_LINE_PATTERN.exec(value);
-  const lineText = match?.[2];
-  const content = match?.[3];
-  if (lineText === undefined || content === undefined) return undefined;
-  const line = Number.parseInt(lineText, 10);
-  if (!Number.isSafeInteger(line) || line < 1) return undefined;
-  const prefix = match?.[1];
-  const marker = prefix === MATCH_PREFIX ? 'match' : prefix === CONTEXT_PREFIX ? 'context' : undefined;
-  return { line, content, marker };
-}
-
-export function parseFileHeader(value: string): string | undefined {
-  return FILE_HEADER_PATTERN.exec(value)?.[1];
-}
-
-/**
- * Lines as the card presents them. A read shows one file, so its header is
- * dropped; a grep groups anchored matches under each file's path.
- */
-export function presentHashlineLines(lines: readonly string[], kind: HashlineResultKind): PresentedLine[] {
-  const presented: PresentedLine[] = [];
-  for (const line of lines) {
-    const path = parseFileHeader(line);
-    if (path !== undefined) {
-      if (kind !== 'read') presented.push({ type: 'file', path });
-      continue;
-    }
-    const tagged = parseTaggedLine(line);
-    if (tagged !== undefined) {
-      presented.push({ type: 'tagged', value: tagged });
-      continue;
-    }
-    presented.push({ type: 'plain', text: line });
-  }
-  return presented;
-}
-
-/** The body a card shows for one result, collapsed to the kind's line budget unless expanded. */
-export function hashlineBody(
-  result: ToolResultView | null,
-  output: string,
-  kind: HashlineResultKind,
-  expanded: boolean,
-): HashlineBody {
-  const lines = resultTextLines(result, output);
-  const notice = takeTrailingNotice(lines);
-  const presented = presentHashlineLines(lines, kind);
-  const budget = kind === 'read' ? READ_COLLAPSED_LINES : GREP_COLLAPSED_LINES;
-  const shown = expanded ? presented : presented.slice(0, budget);
-  const gutter = shown.reduce(
-    (widest, line) => (line.type === 'tagged' ? Math.max(widest, String(line.value.line).length) : widest),
-    1,
-  );
-  return { shown, hidden: presented.length - shown.length, notice, gutter };
-}
-
-/** The `key · key` detail list beside a call's primary argument, with absent values dropped. */
-export function compactDetails(values: ReadonlyArray<string | undefined>): string[] {
-  return values.filter((value): value is string => value !== undefined && value.length > 0);
-}