@agimon-ai/doompi-grep 0.0.1-alpha.2 → 0.0.1-alpha.20

package/README.md

@@ -16,7 +16,7 @@ packages use the same hashline protocol.
 ## Requirements
 
 - Node.js 22.19.0 or newer
-- Pi 0.84.2 and Pi TUI 0.84.2
+- Pi 0.84.4 and Pi TUI 0.84.4
 
 ## Install
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-grep",
-  "version": "0.0.1-alpha.2",
+  "version": "0.0.1-alpha.20",
   "description": "Snapshot-bound hashline grep for Pi and DoomPi.",
   "keywords": [
     "ai",
@@ -14,10 +14,20 @@
     "pi-package"
   ],
   "homepage": "https://agimon.ai",
+  "bugs": {
+    "url": "https://github.com/AgiFlow/doompi/issues"
+  },
   "license": "MIT",
   "author": "Vuong Ngo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AgiFlow/doompi.git",
+    "directory": "packages/default/doompi-grep"
+  },
   "files": [
-    "dist"
+    "dist",
+    "src/web",
+    "src/exports/webClient.ts"
   ],
   "type": "module",
   "main": "./dist/index.cjs",
@@ -41,23 +51,30 @@
   },
   "dependencies": {
     "@deepseek-ai/cordis": "4.0.1",
-    "typebox": "1.3.16",
-    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.30",
-    "@agimon-ai/doompi-ui": "0.0.1-alpha.30",
-    "@agimon-ai/doompi-hashline": "0.0.1-alpha.2"
+    "typebox": "1.3.19",
+    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.47",
+    "@agimon-ai/doompi-ui": "0.0.1-alpha.48",
+    "@agimon-ai/doompi-hashline": "0.0.1-alpha.19",
+    "@agimon-ai/doompi-web-components": "0.0.1-alpha.8",
+    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.11"
   },
   "devDependencies": {
-    "@earendil-works/pi-coding-agent": "0.84.2",
-    "@earendil-works/pi-tui": "0.84.2",
-    "@types/node": "26.2.0",
+    "@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.4.0",
+    "@types/react": "19.2.18",
     "@vitest/coverage-v8": "4.1.11",
+    "@vscode/ripgrep": "1.18.0",
+    "react": "19.2.8",
     "tsdown": "0.22.14",
     "typescript": "7.0.2",
     "vitest": "4.1.11"
   },
   "peerDependencies": {
-    "@earendil-works/pi-coding-agent": "0.84.2",
-    "@earendil-works/pi-tui": "0.84.2"
+    "@earendil-works/pi-coding-agent": "0.84.4",
+    "@earendil-works/pi-tui": "0.84.4"
   },
   "peerDependenciesMeta": {
     "@earendil-works/pi-coding-agent": {
@@ -70,6 +87,11 @@
   "engines": {
     "node": ">=22.19.0"
   },
+  "doompiWeb": {
+    "pluginId": "grep",
+    "channels": [],
+    "client": "./src/exports/webClient.ts"
+  },
   "pi": {
     "extensions": [
       "./dist/extensions/pi.mjs"
@@ -78,7 +100,7 @@
   "scripts": {
     "build": "tsdown",
     "test": "vitest --run",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p src/web/tsconfig.json",
     "lint": "oxlint . && oxfmt . --check",
     "fixcode": "oxlint . --fix && oxfmt ."
   }

package/src/exports/webClient.ts

@@ -0,0 +1 @@
+export { webPlugin } from '../web/index.ts';

package/src/web/GrepToolMessage.tsx

@@ -0,0 +1,65 @@
+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 { grepCallView } from './grepToolView.ts';
+
+/**
+ * The grep tool's timeline item, the web half of its renderCall and
+ * renderResult: the call summary in the header and the anchored lines with
+ * a line-number gutter in the body, collapsed to the TUI's budget until the
+ * item expands. A failure shows the tool's message in red instead.
+ */
+export function GrepToolMessage({ args, result, output, running, isError }: ToolMessageRenderProps) {
+  const view = grepCallView(args);
+  const collapsed = result === null || isError ? null : hashlineBody(result, output, 'grep', false);
+  return (
+    <MessageItem tone={toolTone({ running, isError })} expandable={collapsed !== null && collapsed.hidden > 0}>
+      {({ expanded }) => {
+        const body =
+          result === null || isError ? null : expanded ? hashlineBody(result, output, 'grep', true) : collapsed;
+        return (
+          <>
+            <MessageItemHeader title="grep">
+              <span data-testid="tool-call-grep" className="flex min-w-0 flex-1 items-center gap-2">
+                <span className="truncate text-doom-text">{view.pattern}</span>
+                {view.details.length > 0 ? (
+                  <span className="shrink-0 text-doom-faint">· {view.details.join(' · ')}</span>
+                ) : null}
+              </span>
+            </MessageItemHeader>
+            {isError ? (
+              <MessageItemBody data-testid="tool-result-grep" className="flex flex-col">
+                <MessageItemStatus tone="error">failed</MessageItemStatus>
+                {resultTextLines(result, output).map((line, index) => (
+                  <span key={`${String(index)}-${line}`} className="whitespace-pre-wrap break-words text-doom-red">
+                    {line}
+                  </span>
+                ))}
+              </MessageItemBody>
+            ) : body === null ? (
+              running ? (
+                <MessageItemBody data-testid="tool-result-grep">
+                  <MessageItemStatus tone="running">running</MessageItemStatus>
+                </MessageItemBody>
+              ) : null
+            ) : body.shown.length === 0 && body.notice === undefined ? null : (
+              <MessageItemBody data-testid="tool-result-grep" className="flex flex-col gap-1">
+                <HashlineLines lines={body.shown} gutter={body.gutter} />
+                {body.hidden > 0 ? <MessageItemStatus expands>{body.hidden} more lines</MessageItemStatus> : null}
+                {body.notice !== undefined ? <span className="text-doom-faint">{body.notice}</span> : null}
+              </MessageItemBody>
+            )}
+          </>
+        );
+      }}
+    </MessageItem>
+  );
+}

package/src/web/grepToolView.ts

@@ -0,0 +1,21 @@
+import { compactDetails } from '@agimon-ai/doompi-web-components';
+
+export interface GrepCallView {
+  readonly pattern: string;
+  /** Search path, glob, case flag, and limit, as the TUI's call heading lists them. */
+  readonly details: readonly string[];
+}
+
+/** What the grep call heading shows: the pattern, then where and how it searched. */
+export function grepCallView(args: Readonly<Record<string, unknown>>): GrepCallView {
+  const limit = typeof args.limit === 'number' && Number.isFinite(args.limit) ? args.limit : undefined;
+  return {
+    pattern: typeof args.pattern === 'string' ? args.pattern : '',
+    details: compactDetails([
+      typeof args.path === 'string' && args.path.length > 0 ? args.path : '.',
+      typeof args.glob === 'string' ? args.glob : undefined,
+      args.ignoreCase === true ? 'ignore case' : undefined,
+      limit === undefined ? undefined : `${limit} matches`,
+    ]),
+  };
+}

package/src/web/index.ts

@@ -0,0 +1,11 @@
+import { defineWebPlugin } from '@agimon-ai/doompi-web-contracts';
+import { GrepToolMessage } from './GrepToolMessage.tsx';
+
+/**
+ * This package's cockpit presence: the grep tool's timeline card, the web
+ * half of the TUI's renderCall and renderResult for hashline searches.
+ */
+export const webPlugin = defineWebPlugin({
+  id: 'grep',
+  toolRenderers: [{ tools: ['grep'], message: GrepToolMessage }],
+});

package/src/web/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "allowImportingTsExtensions": true,
+    "forceConsistentCasingInFileNames": true,
+    "types": ["node"]
+  },
+  "include": [".", "../types", "../exports/webClient.ts"]
+}