@vibe-forge/tsconfigs 0.7.2 → 0.9.0

package/dist/apps/client/src/components/chat/session-timeline-panel/types.d.ts

@@ -0,0 +1,42 @@
+export type TimelineEventType = 'tool__StartTasks' | 'tool__AskUserQuestion' | 'tool__Edit' | 'tool__ResumeTask' | 'user__Prompt';
+interface TimelineBaseEvent {
+    startTime: string;
+    endTime: string;
+}
+export type TimelineEvent = TimelineBaseEvent & ({
+    type: 'tool__StartTasks';
+    tasks?: Record<string, Task>;
+} | {
+    type: 'tool__AskUserQuestion';
+} | {
+    type: 'tool__Edit';
+} | {
+    type: 'tool__ResumeTask';
+} | {
+    type: 'user__Prompt';
+});
+export interface Task {
+    startTime: string;
+    endTime: string;
+    description?: string;
+    model?: string;
+    events?: TimelineEvent[];
+}
+export type TimelineInteractionPayload = {
+    kind: 'event';
+    event: TimelineEvent;
+} | {
+    kind: 'task';
+    name: string;
+    task: Task;
+};
+export interface TimelineInteraction {
+    id: string;
+    label: string;
+    payload: TimelineInteractionPayload;
+}
+export interface TimelineDiagram {
+    code: string;
+    interactions: TimelineInteraction[];
+}
+export {};

package/dist/apps/client/src/components/chat/session-timeline-panel/types.js

@@ -0,0 +1 @@
+export {};

package/dist/apps/client/src/components/chat/session-timeline-panel/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function sanitizeId(value: string): string;
+export declare function parseTime(value: string): number;
+export declare function normalizeTime(value: string): string;

package/dist/apps/client/src/components/chat/session-timeline-panel/utils.js

@@ -0,0 +1,18 @@
+export function sanitizeId(value) {
+    return value.replace(/\W/g, '_');
+}
+export function parseTime(value) {
+    const [hours, minutes, seconds] = value.split(':').map(Number);
+    return (hours || 0) * 3600 + (minutes || 0) * 60 + (seconds || 0);
+}
+export function normalizeTime(value) {
+    const [hours, minutes, seconds] = value.split(':');
+    const normalizePart = (part) => {
+        const parsed = Number.parseInt(part ?? '0', 10);
+        if (Number.isFinite(parsed)) {
+            return `${parsed}`.padStart(2, '0');
+        }
+        return '00';
+    };
+    return `${normalizePart(hours)}:${normalizePart(minutes)}:${normalizePart(seconds)}`;
+}

package/dist/apps/client/src/components/chat/tools/DefaultTool.d.ts

@@ -0,0 +1,9 @@
+import type { ChatMessageContent } from '@vibe-forge/core';
+export declare function DefaultTool({ item, resultItem }: {
+    item: Extract<ChatMessageContent, {
+        type: 'tool_use';
+    }>;
+    resultItem?: Extract<ChatMessageContent, {
+        type: 'tool_result';
+    }>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/DefaultTool.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CodeBlock } from '#~/components/CodeBlock';
+import { MarkdownContent } from '#~/components/MarkdownContent';
+import { safeJsonStringify, toSerializable } from '#~/utils/safe-serialize';
+import { useTranslation } from 'react-i18next';
+import { ToolCallBox } from './core/ToolCallBox';
+function parseStructuredInput(value) {
+    if (typeof value !== 'string') {
+        return value;
+    }
+    const trimmed = value.trim();
+    if ((trimmed.startsWith('{') && trimmed.endsWith('}')) ||
+        (trimmed.startsWith('[') && trimmed.endsWith(']'))) {
+        try {
+            return JSON.parse(trimmed);
+        }
+        catch {
+            return value;
+        }
+    }
+    return value;
+}
+function resolveImageSource(value) {
+    const directUrl = typeof value.url === 'string'
+        ? value.url
+        : typeof value.src === 'string'
+            ? value.src
+            : typeof value.image_url === 'string'
+                ? value.image_url
+                : typeof value.imageUrl === 'string'
+                    ? value.imageUrl
+                    : typeof value.dataUrl === 'string'
+                        ? value.dataUrl
+                        : null;
+    if (directUrl) {
+        return directUrl;
+    }
+    const source = value.source != null && typeof value.source === 'object'
+        ? value.source
+        : null;
+    const data = typeof value.data === 'string'
+        ? value.data
+        : typeof value.base64 === 'string'
+            ? value.base64
+            : source != null && typeof source.data === 'string'
+                ? source.data
+                : null;
+    if (!data) {
+        return null;
+    }
+    const mimeType = typeof value.mimeType === 'string'
+        ? value.mimeType
+        : typeof value.mime_type === 'string'
+            ? value.mime_type
+            : source != null && typeof source.media_type === 'string'
+                ? source.media_type
+                : source != null && typeof source.mimeType === 'string'
+                    ? source.mimeType
+                    : source != null && typeof source.mime_type === 'string'
+                        ? source.mime_type
+                        : 'image/png';
+    return `data:${mimeType};base64,${data}`;
+}
+function parseBlock(value) {
+    if (value == null || typeof value !== 'object') {
+        return null;
+    }
+    const obj = value;
+    const rawType = typeof obj.type === 'string' ? obj.type.toLowerCase() : '';
+    if (rawType === 'text' || rawType === 'markdown' || rawType === 'md') {
+        const text = typeof obj.text === 'string'
+            ? obj.text
+            : typeof obj.content === 'string'
+                ? obj.content
+                : null;
+        if (text == null) {
+            return null;
+        }
+        const rawFormat = typeof obj.format === 'string' ? obj.format.toLowerCase() : 'markdown';
+        const format = rawType === 'text'
+            ? (rawFormat === 'text' || rawFormat === 'plain' ? 'text' : 'markdown')
+            : 'markdown';
+        return { type: 'text', text, format };
+    }
+    if (rawType === 'image') {
+        const src = resolveImageSource(obj);
+        if (!src) {
+            return null;
+        }
+        const alt = typeof obj.alt === 'string' ? obj.alt : undefined;
+        const title = typeof obj.title === 'string' ? obj.title : undefined;
+        const width = typeof obj.width === 'number' ? obj.width : undefined;
+        const height = typeof obj.height === 'number' ? obj.height : undefined;
+        return { type: 'image', src, alt, title, width, height };
+    }
+    return null;
+}
+function getStructuredBlocks(value) {
+    const serializable = toSerializable(value);
+    const parsed = parseStructuredInput(serializable);
+    if (Array.isArray(parsed)) {
+        const blocks = parsed.map(parseBlock);
+        return blocks.every(Boolean) ? blocks : null;
+    }
+    if (parsed != null && typeof parsed === 'object') {
+        const container = parsed;
+        const content = container.content ?? container.items ?? container.blocks;
+        if (Array.isArray(content)) {
+            const blocks = content.map(parseBlock);
+            return blocks.every(Boolean) ? blocks : null;
+        }
+    }
+    const single = parseBlock(parsed);
+    return single ? [single] : null;
+}
+function StructuredToolResult({ blocks }) {
+    return (_jsx("div", { className: 'tool-result-structured', children: blocks.map((block, index) => {
+            if (block.type === 'text') {
+                return (_jsx("div", { className: 'tool-result-text', children: block.format === 'markdown'
+                        ? _jsx(MarkdownContent, { content: block.text })
+                        : _jsx("div", { className: 'tool-result-text-content', children: block.text }) }, `text-${index}`));
+            }
+            return (_jsxs("div", { className: 'tool-result-image-wrapper', children: [_jsx("img", { className: 'tool-result-image', src: block.src, alt: block.alt ?? '', width: block.width, height: block.height }), block.title != null && block.title.length > 0 && (_jsx("div", { className: 'tool-result-image-caption', children: block.title }))] }, `image-${index}`));
+        }) }));
+}
+export function DefaultTool({ item, resultItem }) {
+    const { t } = useTranslation();
+    const structuredBlocks = resultItem != null ? getStructuredBlocks(resultItem.content) : null;
+    return (_jsxs("div", { className: 'tool-group', children: [_jsx(ToolCallBox, { header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "build" }), _jsx("span", { className: 'tool-header-title', children: item.name }), _jsx("span", { className: 'tool-header-hint', children: t('chat.tools.call') })] }), content: _jsx("div", { className: 'tool-content', children: _jsx(CodeBlock, { code: safeJsonStringify(item.input != null ? item.input : {}, 2), lang: 'json' }) }) }), resultItem != null && (_jsx(ToolCallBox, { type: 'result', isError: resultItem.is_error, header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: resultItem.is_error === true ? 'error' : 'check_circle' }), _jsx("span", { className: 'tool-header-title', children: t('chat.result') })] }), content: _jsx("div", { className: 'tool-content', children: structuredBlocks != null
+                        ? _jsx(StructuredToolResult, { blocks: structuredBlocks })
+                        : (typeof resultItem.content === 'string'
+                            ? (resultItem.content.startsWith('```')
+                                ? _jsx(MarkdownContent, { content: resultItem.content })
+                                : _jsx(CodeBlock, { code: resultItem.content, lang: 'text' }))
+                            : _jsx(CodeBlock, { code: safeJsonStringify(resultItem.content, 2), lang: 'json' })) }) }))] }));
+}

package/dist/apps/client/src/components/chat/tools/adapter-claude/BashTool.d.ts

@@ -0,0 +1,2 @@
+import './BashTool.scss';
+export declare const BashTool: ({ item, resultItem }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/BashTool.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './BashTool.scss';
+import { CodeBlock } from '#~/components/CodeBlock';
+import { safeJsonStringify } from '#~/utils/safe-serialize';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+export const BashTool = defineToolRender(({ item, resultItem }) => {
+    const { t } = useTranslation();
+    const input = (item.input != null ? item.input : {});
+    const command = input.command ?? '';
+    const reason = (input.description != null && input.description !== '')
+        ? input.description
+        : (input.reason != null && input.reason !== '')
+            ? input.reason
+            : (input.thought != null && input.thought !== '')
+                ? input.thought
+                : '';
+    const timeout = input.timeout;
+    const runInBackground = input.run_in_background;
+    const dangerouslyDisableSandbox = input.dangerouslyDisableSandbox;
+    const reasonLine = reason.replaceAll('\n', ' ').replace(/\s+/g, ' ').trim();
+    const commandLine = command.split('\n')[0] ?? '';
+    const hasMoreCommand = command.trim() !== commandLine.trim();
+    const showCommandExpand = hasMoreCommand || commandLine.length > 80;
+    const [showCommandDetail, setShowCommandDetail] = useState(false);
+    return (_jsx("div", { className: 'tool-group bash-tool', children: _jsx(ToolCallBox, { defaultExpanded: true, type: resultItem != null ? 'result' : 'call', isError: resultItem?.is_error ?? false, header: _jsxs("div", { className: 'bash-tool__header', children: [_jsx("span", { className: 'material-symbols-rounded bash-tool__icon', children: "terminal" }), _jsxs("div", { className: 'bash-tool__header-main', children: [_jsx("div", { className: 'bash-tool__reason-row', children: _jsx("span", { className: 'bash-tool__reason-text tool-header-hint', children: reasonLine !== '' ? reasonLine : commandLine }) }), reasonLine !== '' && (_jsx("div", { className: 'bash-tool__command-row', children: _jsxs("span", { className: `bash-tool__command-text tool-header-mono${showCommandExpand ? ' bash-tool__command-text--clickable' : ''}`, title: showCommandExpand ? t('chat.tools.viewCommand') : undefined, onClick: (e) => {
+                                        if (!showCommandExpand)
+                                            return;
+                                        e.stopPropagation();
+                                        setShowCommandDetail(prev => !prev);
+                                    }, children: [commandLine, hasMoreCommand ? ' …' : ''] }) }))] }), _jsxs("div", { className: 'bash-tool__header-tags', children: [typeof timeout === 'number' && Number.isFinite(timeout) && (_jsxs("span", { className: 'tool-icon-tag', title: `${t('chat.tools.timeout')}: ${timeout}ms`, children: [_jsx("span", { className: 'material-symbols-rounded tool-icon-tag__icon', children: "timer" }), _jsx("span", { className: 'tool-icon-tag__text', children: timeout % 1000 === 0 ? `${timeout / 1000}s` : `${timeout}ms` })] })), runInBackground === true && (_jsx("span", { className: 'tool-icon-tag', title: t('chat.tools.runInBackground'), children: _jsx("span", { className: 'material-symbols-rounded tool-icon-tag__icon', children: "schedule" }) })), dangerouslyDisableSandbox === true && (_jsx("span", { className: 'tool-icon-tag', title: t('chat.tools.dangerouslyDisableSandbox'), children: _jsx("span", { className: 'material-symbols-rounded tool-icon-tag__icon', children: "shield_lock" }) }))] })] }), content: _jsxs("div", { className: 'tool-content', children: [showCommandDetail && (_jsx("div", { className: 'bash-tool__command-detail', children: _jsx("div", { className: 'tool-code-wrapper', children: _jsx(CodeBlock, { code: command, lang: 'shell', hideHeader: true }) }) })), _jsx("div", { className: 'tool-scroll', children: _jsx("div", { className: 'tool-code-wrapper', children: resultItem
+                                ? (typeof resultItem.content === 'string'
+                                    ? _jsx(CodeBlock, { code: resultItem.content, lang: 'text', hideHeader: true })
+                                    : _jsx(CodeBlock, { code: safeJsonStringify(resultItem.content, 2), lang: 'json', hideHeader: true }))
+                                : (_jsx("div", { className: 'tool-placeholder', children: t('chat.result') })) }) })] }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/GlobTool.d.ts

@@ -0,0 +1,2 @@
+import './GlobTool.scss';
+export declare const GlobTool: ({ item, resultItem }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/GlobTool.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './GlobTool.scss';
+import { safeJsonStringify } from '#~/utils/safe-serialize';
+import { useMemo } from 'react';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+import { FileList } from './components/FileList';
+import { normalizeResultLines } from './utils';
+export const GlobTool = defineToolRender(({ item, resultItem }) => {
+    const input = (item.input != null ? item.input : {});
+    const pattern = (input.pattern != null && input.pattern !== '') ? input.pattern : '*';
+    const path = input.path;
+    const fileCount = useMemo(() => {
+        if (!resultItem)
+            return null;
+        const lines = normalizeResultLines(resultItem.content);
+        const count = lines.filter(line => line.trim() !== '').length;
+        return count;
+    }, [resultItem]);
+    return (_jsx("div", { className: 'tool-group glob-tool', children: _jsx(ToolCallBox, { header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "search" }), _jsx("span", { className: 'tool-header-title', children: "Glob" }), _jsx("span", { className: 'tool-header-secondary', children: pattern }), fileCount !== null && (_jsxs("span", { className: 'tool-header-chip', children: [fileCount, " files"] }))] }), content: _jsxs("div", { className: 'tool-content', children: [path && (_jsx("div", { className: 'tool-input-grid', children: _jsxs("div", { className: 'tool-input-item', children: [_jsx("span", { className: 'tool-input-label', children: "Path" }), _jsx("span", { className: 'tool-input-value', children: path })] }) })), resultItem
+                        ? (_jsx("div", { className: 'result-content', children: _jsx(FileList, { content: typeof resultItem.content === 'string'
+                                    ? resultItem.content
+                                    : safeJsonStringify(resultItem.content) }) }))
+                        : (_jsx("div", { className: 'tool-placeholder', children: "Searching..." }))] }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/GrepTool.d.ts

@@ -0,0 +1,2 @@
+import './GrepTool.scss';
+export declare const GrepTool: ({ item, resultItem }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/GrepTool.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './GrepTool.scss';
+import { CodeBlock } from '#~/components/CodeBlock';
+import { safeJsonStringify } from '#~/utils/safe-serialize';
+import { useMemo } from 'react';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+import { FileList } from './components/FileList';
+import { normalizeResultLines } from './utils';
+export const GrepTool = defineToolRender(({ item, resultItem }) => {
+    const input = (item.input != null ? item.input : {});
+    const pattern = (input.pattern != null && input.pattern !== '') ? input.pattern : '';
+    const path = input.path;
+    const outputMode = input.output_mode || 'files_with_matches';
+    const fileGlob = input.glob;
+    const fileCount = useMemo(() => {
+        if (!resultItem)
+            return null;
+        const lines = normalizeResultLines(resultItem.content);
+        const count = lines.filter(line => line.trim() !== '').length;
+        return count;
+    }, [resultItem]);
+    return (_jsx("div", { className: 'tool-group grep-tool', children: _jsx(ToolCallBox, { header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "find_in_page" }), _jsx("span", { className: 'tool-header-title', children: "Grep" }), _jsx("span", { className: 'tool-header-secondary', children: pattern }), fileCount !== null && (_jsxs("span", { className: 'tool-header-chip', children: [fileCount, " matches"] }))] }), content: _jsxs("div", { className: 'tool-content', children: [(path || fileGlob || outputMode) && (_jsxs("div", { className: 'tool-input-grid', children: [path && (_jsxs("div", { className: 'tool-input-item', children: [_jsx("span", { className: 'tool-input-label', children: "Path" }), _jsx("span", { className: 'tool-input-value', children: path })] })), fileGlob && (_jsxs("div", { className: 'tool-input-item', children: [_jsx("span", { className: 'tool-input-label', children: "Glob" }), _jsx("span", { className: 'tool-input-value', children: fileGlob })] })), _jsxs("div", { className: 'tool-input-item', children: [_jsx("span", { className: 'tool-input-label', children: "Mode" }), _jsx("span", { className: 'tool-input-value', children: outputMode })] })] })), resultItem
+                        ? (_jsx("div", { className: 'result-content', children: outputMode === 'files_with_matches'
+                                ? (_jsx(FileList, { content: typeof resultItem.content === 'string'
+                                        ? resultItem.content
+                                        : safeJsonStringify(resultItem.content) }))
+                                : (_jsx(CodeBlock, { code: typeof resultItem.content === 'string'
+                                        ? resultItem.content
+                                        : safeJsonStringify(resultItem.content, 2), lang: 'text' })) }))
+                        : (_jsx("div", { className: 'tool-placeholder', children: "Searching..." }))] }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/LSTool.d.ts

@@ -0,0 +1,2 @@
+import './LsTool.scss';
+export declare const LsTool: ({ item, resultItem }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/LSTool.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './LsTool.scss';
+import { CodeBlock } from '#~/components/CodeBlock';
+import { safeJsonStringify } from '#~/utils/safe-serialize';
+import { useMemo } from 'react';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+import { FileList } from './components/FileList';
+export const LsTool = defineToolRender(({ item, resultItem }) => {
+    const input = (item.input != null ? item.input : {});
+    const path = (input.path != null && input.path !== '') ? input.path : 'current directory';
+    const ignore = input.ignore;
+    const shouldShowList = (content) => {
+        if (typeof content !== 'string')
+            return false;
+        const lines = content.split('\n').filter(l => l.trim());
+        if (lines.length > 0 && lines[0].includes('drwxr'))
+            return false;
+        return true;
+    };
+    const processContent = (content) => {
+        const lines = content.split('\n').filter(line => line.trim() !== '');
+        if (lines.length > 0) {
+            lines.pop();
+        }
+        return lines;
+    };
+    const fileCount = useMemo(() => {
+        if (!resultItem)
+            return null;
+        if (typeof resultItem.content !== 'string')
+            return null;
+        if (!shouldShowList(resultItem.content))
+            return null;
+        const lines = processContent(resultItem.content);
+        return lines.length;
+    }, [resultItem]);
+    return (_jsx("div", { className: 'tool-group ls-tool', children: _jsx(ToolCallBox, { header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "folder_open" }), _jsx("span", { className: 'tool-header-title', children: "LS" }), _jsx("span", { className: 'tool-header-secondary', children: path }), fileCount !== null && (_jsxs("span", { className: 'tool-header-chip', children: [fileCount, " files"] }))] }), content: _jsxs("div", { className: 'tool-content', children: [ignore && ignore.length > 0 && (_jsx("div", { className: 'tool-input-grid', children: _jsxs("div", { className: 'tool-input-item', children: [_jsx("span", { className: 'tool-input-label', children: "Ignore" }), _jsx("span", { className: 'tool-input-value', children: JSON.stringify(ignore) })] }) })), resultItem
+                        ? (_jsx("div", { className: 'result-content', children: shouldShowList(resultItem.content)
+                                ? (_jsx(FileList, { content: processContent(resultItem.content), removeRoot: true, defaultCollapsed: true }))
+                                : (_jsx(CodeBlock, { code: typeof resultItem.content === 'string'
+                                        ? resultItem.content
+                                        : safeJsonStringify(resultItem.content, 2), lang: 'text' })) }))
+                        : (_jsx("div", { className: 'tool-placeholder', children: "Listing files..." }))] }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/ReadTool.d.ts

@@ -0,0 +1,2 @@
+import './ReadTool.scss';
+export declare const ReadTool: ({ item, resultItem }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/ReadTool.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ReadTool.scss';
+import { CodeBlock } from '#~/components/CodeBlock';
+import { safeJsonStringify } from '#~/utils/safe-serialize';
+import { useTranslation } from 'react-i18next';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+import { getFileInfo, getLanguageFromPath } from './utils';
+export const ReadTool = defineToolRender(({ item, resultItem }) => {
+    const { t } = useTranslation();
+    const input = (item.input != null ? item.input : {});
+    const { filePath } = getFileInfo(input.file_path);
+    const language = getLanguageFromPath(filePath);
+    const offset = input.offset;
+    const limit = input.limit;
+    const cleanContent = (content) => {
+        if (typeof content !== 'string')
+            return safeJsonStringify(content, 2);
+        return content.split('\n')
+            .filter(line => /^\s*\d+→/.test(line))
+            .map(line => line.replace(/^\s*\d+→/, ''))
+            .join('\n');
+    };
+    return (_jsx("div", { className: 'tool-group read-tool', children: _jsx(ToolCallBox, { header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "visibility" }), _jsx("span", { className: 'tool-header-primary tool-header-mono tool-header-row-text', children: filePath }), (typeof offset === 'number' && Number.isFinite(offset)) && (_jsxs("span", { className: 'tool-header-chip', children: [t('chat.tools.offset'), ":", offset] })), (typeof limit === 'number' && Number.isFinite(limit)) && (_jsxs("span", { className: 'tool-header-chip', children: [t('chat.tools.limit'), ":", limit] }))] }), content: _jsx("div", { className: 'tool-content', children: resultItem
+                    ? (_jsx("div", { className: 'result-content', children: _jsx(CodeBlock, { code: cleanContent(resultItem.content), lang: language, hideHeader: true }) }))
+                    : (_jsx("div", { className: 'tool-placeholder', children: t('chat.tools.reading') })) }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/TodoTool.d.ts

@@ -0,0 +1,2 @@
+import './TodoTool.scss';
+export declare const TodoTool: ({ item }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/TodoTool.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './TodoTool.scss';
+import { useTranslation } from 'react-i18next';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+export const TodoTool = defineToolRender(({ item }) => {
+    const { t } = useTranslation();
+    const input = (item.input != null ? item.input : {});
+    const todos = (input.todos ?? []);
+    const totalCount = todos.length;
+    const completedCount = todos.filter(todo => todo.status === 'completed').length;
+    const inProgressCount = todos.filter(todo => todo.status === 'in_progress').length;
+    const pendingCount = totalCount - completedCount - inProgressCount;
+    return (_jsx("div", { className: 'tool-group todo-tool', children: _jsx(ToolCallBox, { defaultExpanded: true, header: _jsxs("div", { className: 'tool-header-content', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "task_alt" }), _jsx("span", { className: 'tool-header-title', children: t('chat.tools.todo') }), totalCount > 0 && (_jsxs("span", { className: 'tool-header-chip', children: [totalCount, " total"] })), inProgressCount > 0 && (_jsxs("span", { className: 'tool-header-chip', children: [inProgressCount, " doing"] })), pendingCount > 0 && (_jsxs("span", { className: 'tool-header-chip', children: [pendingCount, " todo"] })), completedCount > 0 && (_jsxs("span", { className: 'tool-header-chip', children: [completedCount, " done"] }))] }), content: _jsx("div", { className: 'tool-content', children: todos.map((todo, idx) => (_jsxs("div", { className: `todo-item ${todo.status}`, children: [_jsx("span", { className: 'material-symbols-rounded status-icon', children: todo.status === 'completed'
+                                ? 'check_circle'
+                                : todo.status === 'in_progress'
+                                    ? 'clock_loader_40'
+                                    : 'radio_button_unchecked' }), _jsxs("div", { className: 'todo-info', children: [_jsx("span", { className: 'todo-text', children: todo.content }), (todo.activeForm != null && todo.activeForm !== '') && todo.status === 'in_progress' && (_jsx("span", { className: 'active-form', children: todo.activeForm }))] })] }, idx))) }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/WriteTool.d.ts

@@ -0,0 +1,2 @@
+import './WriteTool.scss';
+export declare const WriteTool: ({ item, resultItem }: import("../defineToolRender").ToolRenderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/chat/tools/adapter-claude/WriteTool.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './WriteTool.scss';
+import { CodeBlock } from '#~/components/CodeBlock';
+import { ToolCallBox } from '../core/ToolCallBox';
+import { defineToolRender } from '../defineToolRender';
+import { getFileInfo, getLanguageFromPath } from './utils';
+export const WriteTool = defineToolRender(({ item, resultItem }) => {
+    const input = (item.input != null ? item.input : {});
+    const { filePath } = getFileInfo(input.file_path);
+    const content = input.content ?? '';
+    const language = getLanguageFromPath(filePath);
+    return (_jsx("div", { className: 'tool-group write-tool', children: _jsx(ToolCallBox, { defaultExpanded: false, header: _jsxs("div", { className: 'write-tool__header', children: [_jsxs("div", { className: 'write-tool__header-left', children: [_jsx("span", { className: 'material-symbols-rounded tool-header-icon', children: "edit_note" }), _jsx("span", { className: 'tool-header-primary tool-header-mono tool-header-row-text', children: filePath })] }), resultItem != null && (_jsx("span", { className: `write-tool__status-icon ${resultItem.is_error ? 'error' : 'success'}`, children: _jsx("span", { className: 'material-symbols-rounded', children: resultItem.is_error === true ? 'error' : 'check_circle' }) }))] }), content: _jsx("div", { className: 'tool-content', children: _jsx("div", { className: 'tool-scroll', children: _jsx("div", { className: 'tool-code-wrapper', children: _jsx(CodeBlock, { code: content, lang: language, showLineNumbers: true }) }) }) }) }) }));
+});

package/dist/apps/client/src/components/chat/tools/adapter-claude/components/FileList.d.ts

@@ -0,0 +1,8 @@
+import './FileList.scss';
+interface FileListProps {
+    content: string | string[];
+    removeRoot?: boolean;
+    defaultCollapsed?: boolean;
+}
+export declare function FileList({ content, removeRoot, defaultCollapsed }: FileListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/apps/client/src/components/chat/tools/adapter-claude/components/FileList.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import './FileList.scss';
+export function FileList({ content, removeRoot = false, defaultCollapsed = false }) {
+    const nodes = useMemo(() => {
+        let lines = [];
+        if (Array.isArray(content)) {
+            lines = content;
+        }
+        else if (typeof content === 'string') {
+            if (content.trim().startsWith('[') && content.trim().endsWith(']')) {
+                try {
+                    const parsed = JSON.parse(content);
+                    if (Array.isArray(parsed)) {
+                        lines = parsed.map(String);
+                    }
+                    else {
+                        lines = content.split('\n');
+                    }
+                }
+                catch (e) {
+                    lines = content.split('\n');
+                }
+            }
+            else {
+                lines = content.split('\n');
+            }
+        }
+        lines = lines.filter(line => line.trim() !== '');
+        let parsedNodes = [];
+        lines.forEach(line => {
+            const leadingSpaces = line.match(/^\s*/)?.[0].length || 0;
+            const depth = Math.floor(leadingSpaces / 2);
+            let name = line.trim();
+            if (name.startsWith('- ')) {
+                name = name.substring(2);
+            }
+            const isDir = name.endsWith('/') || name.endsWith('\\');
+            parsedNodes.push({
+                rawLine: line,
+                name,
+                path: name,
+                depth,
+                isDir
+            });
+        });
+        if (removeRoot && parsedNodes.length > 1 && parsedNodes[0].isDir) {
+            if (parsedNodes[1].depth > parsedNodes[0].depth) {
+                const rootDepth = parsedNodes[0].depth;
+                parsedNodes.shift();
+                const minDepth = Math.min(...parsedNodes.map(n => n.depth));
+                parsedNodes = parsedNodes.map(n => ({
+                    ...n,
+                    depth: n.depth - minDepth
+                }));
+            }
+        }
+        return parsedNodes;
+    }, [content, removeRoot]);
+    const [collapsedIndices, setCollapsedIndices] = useState(new Set());
+    const hasDirectories = useMemo(() => {
+        return nodes.some(node => node.isDir);
+    }, [nodes]);
+    useEffect(() => {
+        if (defaultCollapsed) {
+            const newSet = new Set();
+            nodes.forEach((node, index) => {
+                if (node.isDir) {
+                    newSet.add(index);
+                }
+            });
+            setCollapsedIndices(newSet);
+        }
+        else {
+            setCollapsedIndices(new Set());
+        }
+    }, [nodes, defaultCollapsed]);
+    const toggleCollapse = (index) => {
+        const newSet = new Set(collapsedIndices);
+        if (newSet.has(index)) {
+            newSet.delete(index);
+        }
+        else {
+            newSet.add(index);
+        }
+        setCollapsedIndices(newSet);
+    };
+    if (nodes.length === 0) {
+        return _jsx("div", { className: 'file-list-empty', children: "No files found" });
+    }
+    const getIcon = (node) => {
+        if (node.isDir) {
+            return { name: 'folder', className: 'folder' };
+        }
+        const ext = node.name.split('.').pop()?.toLowerCase();
+        if (ext && ['ts', 'tsx', 'js', 'jsx', 'py', 'java', 'c', 'cpp', 'go', 'rs'].includes(ext)) {
+            return { name: 'code', className: 'file' };
+        }
+        if (ext && ['md', 'txt', 'json', 'yml', 'yaml', 'xml', 'html', 'css', 'scss'].includes(ext)) {
+            return { name: 'description', className: 'file' };
+        }
+        if (ext && ['png', 'jpg', 'jpeg', 'gif', 'svg', 'ico'].includes(ext)) {
+            return { name: 'image', className: 'file' };
+        }
+        return { name: 'draft', className: 'file' };
+    };
+    const renderNodes = () => {
+        const elements = [];
+        let hideDepth = null;
+        nodes.forEach((node, index) => {
+            if (hideDepth !== null) {
+                if (node.depth > hideDepth) {
+                    return;
+                }
+                else {
+                    hideDepth = null;
+                }
+            }
+            const icon = getIcon(node);
+            const isCollapsed = collapsedIndices.has(index);
+            if (isCollapsed) {
+                hideDepth = node.depth;
+            }
+            elements.push(_jsxs("div", { className: `file-list-item ${node.isDir ? 'is-dir' : ''}`, style: { paddingLeft: `${node.depth * 20 + 12}px` }, onClick: () => node.isDir && toggleCollapse(index), children: [hasDirectories && (_jsxs(_Fragment, { children: [node.isDir && (_jsx("span", { className: 'material-symbols-rounded toggle-icon', children: isCollapsed ? 'arrow_right' : 'arrow_drop_down' })), !node.isDir && _jsx("span", { className: 'spacer' })] })), _jsx("span", { className: `material-symbols-rounded file-icon ${icon.className}`, children: icon.name }), _jsx("span", { className: 'file-path', children: node.name })] }, index));
+        });
+        return elements;
+    };
+    return (_jsx("div", { className: 'file-list-container', children: renderNodes() }));
+}

package/dist/apps/client/src/components/chat/tools/adapter-claude/index.d.ts

@@ -0,0 +1,9 @@
+import { BashTool } from './BashTool';
+import { GlobTool } from './GlobTool';
+import { GrepTool } from './GrepTool';
+import { LsTool } from './LSTool';
+import { ReadTool } from './ReadTool';
+import { TodoTool } from './TodoTool';
+import { WriteTool } from './WriteTool';
+export declare const adapterClaudeToolRenders: Record<string, import("../defineToolRender").ToolRenderComponent>;
+export { BashTool, GlobTool, GrepTool, LsTool, ReadTool, TodoTool, WriteTool };