@vibe-forge/client 3.0.0-alpha.5 → 3.0.0-alpha.7

package/src/components/chat/tools/adapter-claude/claude-tool-summary.ts

@@ -1,76 +0,0 @@
-import { buildClaudeToolPresentation, getClaudeToolBaseName } from './claude-tool-presentation'
-import { isRecord, toQuestionList } from './claude-tool-shared'
-import { getFileInfo } from './utils'
-
-type Translate = (key: string, options?: Record<string, unknown>) => string
-
-const getRecord = (input: unknown) => (isRecord(input) ? input : null)
-
-const joinSummary = (title: string, primary?: string) => (
-  primary != null && primary !== '' ? `${title} ${primary}` : title
-)
-
-export function getClaudeToolSummaryText(name: string, input: unknown, t: Translate) {
-  const baseName = getClaudeToolBaseName(name)
-  const record = getRecord(input)
-
-  if (baseName === 'Bash') {
-    const description = [record?.description, record?.reason, record?.thought]
-      .find(value => typeof value === 'string' && value.trim() !== '')
-    const command = typeof record?.command === 'string' ? record.command : ''
-    const commandLine = command.split('\n')[0]?.trim()
-    return typeof description === 'string' && description.trim() !== ''
-      ? description.trim()
-      : joinSummary(t('chat.tools.bash', { defaultValue: 'Bash' }), commandLine)
-  }
-
-  if (baseName === 'Read' || baseName === 'Write' || baseName === 'Edit') {
-    const pathValue = typeof record?.file_path === 'string' ? getFileInfo(record.file_path).filePath : undefined
-    const titleKey = baseName === 'Read'
-      ? 'chat.tools.read'
-      : baseName === 'Write'
-      ? 'chat.tools.write'
-      : 'chat.tools.editTool'
-    const fallback = baseName === 'Read' ? 'Read File' : baseName === 'Write' ? 'Write File' : 'Edit File'
-    return joinSummary(t(titleKey, { defaultValue: fallback }), pathValue)
-  }
-
-  if (baseName === 'NotebookEdit') {
-    const notebookPath = typeof record?.notebook_path === 'string'
-      ? getFileInfo(record.notebook_path).filePath
-      : undefined
-    return joinSummary(t('chat.tools.notebookEdit', { defaultValue: 'Notebook Edit' }), notebookPath)
-  }
-
-  if (baseName === 'LS') {
-    const pathValue = typeof record?.path === 'string' && record.path !== '' ? record.path : 'current directory'
-    return joinSummary(t('chat.tools.lsTool', { defaultValue: 'List Directory' }), pathValue)
-  }
-
-  if (baseName === 'Glob') {
-    const pattern = typeof record?.pattern === 'string' && record.pattern !== '' ? record.pattern : '*'
-    return joinSummary(t('chat.tools.globTool', { defaultValue: 'Glob' }), pattern)
-  }
-
-  if (baseName === 'Grep') {
-    const pattern = typeof record?.pattern === 'string' ? record.pattern : undefined
-    return joinSummary(t('chat.tools.grepTool', { defaultValue: 'Grep' }), pattern)
-  }
-
-  if (baseName === 'TodoWrite') {
-    const count = Array.isArray(record?.todos) ? record.todos.length : 0
-    return joinSummary(t('chat.tools.todo', { defaultValue: 'Task Planning' }), count > 0 ? `${count}` : undefined)
-  }
-
-  if (baseName === 'AskUserQuestion') {
-    const firstQuestion = toQuestionList(record?.questions)?.[0]
-    return joinSummary(
-      t('chat.tools.askUserQuestion', { defaultValue: 'Ask User Question' }),
-      firstQuestion?.header ?? firstQuestion?.question
-    )
-  }
-
-  const presentation = buildClaudeToolPresentation(name, input)
-  const title = t(presentation.titleKey, { defaultValue: presentation.fallbackTitle })
-  return joinSummary(title, presentation.primary)
-}

package/src/components/chat/tools/adapter-claude/claude-tool-system-builders.ts

@@ -1,125 +0,0 @@
-import { asBoolean, asString, asStringArray, pushField, toQuestionList } from './claude-tool-shared'
-import type { ClaudeToolField } from './claude-tool-shared'
-
-interface BuilderParams {
-  baseName: string
-  record: Record<string, unknown> | null
-  fields: ClaudeToolField[]
-  usedKeys: Set<string>
-}
-
-export function buildClaudeSystemToolPresentation(params: BuilderParams) {
-  const { baseName, record, fields, usedKeys } = params
-
-  if (baseName === 'WebFetch') {
-    pushField(fields, usedKeys, 'prompt', {
-      labelKey: 'chat.tools.fields.prompt',
-      fallbackLabel: 'Prompt',
-      format: 'text',
-      value: asString(record?.prompt)
-    })
-    usedKeys.add('url')
-    return { handled: true, primary: asString(record?.url) }
-  }
-
-  if (baseName === 'WebSearch') {
-    pushField(fields, usedKeys, 'allowed_domains', {
-      labelKey: 'chat.tools.fields.allowedDomains',
-      fallbackLabel: 'Allowed Domains',
-      format: 'list',
-      value: asStringArray(record?.allowed_domains)
-    })
-    pushField(fields, usedKeys, 'blocked_domains', {
-      labelKey: 'chat.tools.fields.blockedDomains',
-      fallbackLabel: 'Blocked Domains',
-      format: 'list',
-      value: asStringArray(record?.blocked_domains)
-    })
-    usedKeys.add('query')
-    return { handled: true, primary: asString(record?.query) }
-  }
-
-  if (baseName === 'AskUserQuestion') {
-    const questions = toQuestionList(record?.questions)
-
-    pushField(fields, usedKeys, 'questions', {
-      labelKey: 'chat.tools.fields.questions',
-      fallbackLabel: 'Questions',
-      format: 'questions',
-      value: questions
-    })
-    pushField(fields, usedKeys, 'answers', {
-      labelKey: 'chat.tools.fields.answers',
-      fallbackLabel: 'Answers',
-      format: 'json',
-      value: record?.answers != null && typeof record.answers === 'object' ? record.answers : undefined
-    })
-    pushField(fields, usedKeys, 'metadata', {
-      labelKey: 'chat.tools.fields.metadata',
-      fallbackLabel: 'Metadata',
-      format: 'json',
-      value: record?.metadata != null && typeof record.metadata === 'object' ? record.metadata : undefined
-    })
-    return { handled: true, primary: questions?.[0]?.header ?? questions?.[0]?.question }
-  }
-
-  if (baseName === 'Skill') {
-    pushField(fields, usedKeys, 'args', {
-      labelKey: 'chat.tools.fields.args',
-      fallbackLabel: 'Args',
-      format: 'text',
-      value: asString(record?.args)
-    })
-    usedKeys.add('skill')
-    return { handled: true, primary: asString(record?.skill) }
-  }
-
-  if (baseName === 'EnterPlanMode') {
-    return { handled: true }
-  }
-
-  if (baseName !== 'ExitPlanMode') {
-    return { handled: false }
-  }
-
-  pushField(fields, usedKeys, 'pushToRemote', {
-    labelKey: 'chat.tools.fields.pushToRemote',
-    fallbackLabel: 'Push To Remote',
-    format: 'inline',
-    value: asBoolean(record?.pushToRemote) != null ? String(record?.pushToRemote) : undefined
-  })
-  pushField(fields, usedKeys, 'remoteSessionId', {
-    labelKey: 'chat.tools.fields.remoteSession',
-    fallbackLabel: 'Remote Session',
-    format: 'inline',
-    value: asString(record?.remoteSessionId)
-  })
-  pushField(fields, usedKeys, 'remoteSessionUrl', {
-    labelKey: 'chat.tools.fields.remoteSessionUrl',
-    fallbackLabel: 'Remote Session URL',
-    format: 'text',
-    value: asString(record?.remoteSessionUrl)
-  })
-  pushField(fields, usedKeys, 'allowedPrompts', {
-    labelKey: 'chat.tools.fields.allowedPrompts',
-    fallbackLabel: 'Allowed Prompts',
-    format: 'list',
-    value: Array.isArray(record?.allowedPrompts)
-      ? record.allowedPrompts.flatMap((item) => {
-        if (item == null || typeof item !== 'object') {
-          return []
-        }
-        const data = item as Record<string, unknown>
-        const tool = asString(data.tool)
-        const prompt = asString(data.prompt)
-        return prompt != null ? [`${tool ?? 'Tool'}: ${prompt}`] : []
-      })
-      : undefined
-  })
-  usedKeys.add('remoteSessionTitle')
-
-  return {
-    handled: true,
-    primary: asString(record?.remoteSessionTitle) ?? asString(record?.remoteSessionId)
-  }
-}

package/src/components/chat/tools/adapter-claude/claude-tool-task-builders.ts

@@ -1,148 +0,0 @@
-import { asBoolean, asNumber, asString, asStringArray, getDescriptionTitle, pushField } from './claude-tool-shared'
-import type { ClaudeToolField } from './claude-tool-shared'
-
-interface BuilderParams {
-  baseName: string
-  record: Record<string, unknown> | null
-  fields: ClaudeToolField[]
-  usedKeys: Set<string>
-}
-
-export function buildClaudeTaskToolPresentation(params: BuilderParams) {
-  const { baseName, record, fields, usedKeys } = params
-
-  if (baseName === 'Task') {
-    const description = asString(record?.description)
-
-    pushField(fields, usedKeys, 'description', {
-      labelKey: 'chat.tools.fields.description',
-      fallbackLabel: 'Description',
-      format: 'text',
-      value: description
-    })
-    pushField(fields, usedKeys, 'prompt', {
-      labelKey: 'chat.tools.fields.prompt',
-      fallbackLabel: 'Prompt',
-      format: 'text',
-      value: asString(record?.prompt)
-    })
-    pushField(fields, usedKeys, 'subagent_type', {
-      labelKey: 'chat.tools.fields.subagentType',
-      fallbackLabel: 'Subagent Type',
-      format: 'inline',
-      value: asString(record?.subagent_type)
-    })
-    pushField(fields, usedKeys, 'model', {
-      labelKey: 'chat.tools.fields.model',
-      fallbackLabel: 'Model',
-      format: 'inline',
-      value: asString(record?.model)
-    })
-    pushField(fields, usedKeys, 'resume', {
-      labelKey: 'chat.tools.fields.resume',
-      fallbackLabel: 'Resume',
-      format: 'inline',
-      value: asString(record?.resume)
-    })
-    pushField(fields, usedKeys, 'run_in_background', {
-      labelKey: 'chat.tools.fields.runInBackground',
-      fallbackLabel: 'Run In Background',
-      format: 'inline',
-      value: asBoolean(record?.run_in_background) != null ? String(record?.run_in_background) : undefined
-    })
-    pushField(fields, usedKeys, 'max_turns', {
-      labelKey: 'chat.tools.fields.maxTurns',
-      fallbackLabel: 'Max Turns',
-      format: 'inline',
-      value: asNumber(record?.max_turns)
-    })
-    return { handled: true, primary: getDescriptionTitle(description) ?? asString(record?.subagent_type) }
-  }
-
-  if (baseName === 'TaskCreate') {
-    pushField(fields, usedKeys, 'description', {
-      labelKey: 'chat.tools.fields.description',
-      fallbackLabel: 'Description',
-      format: 'text',
-      value: asString(record?.description)
-    })
-    pushField(fields, usedKeys, 'activeForm', {
-      labelKey: 'chat.tools.fields.activeForm',
-      fallbackLabel: 'Active Form',
-      format: 'text',
-      value: asString(record?.activeForm)
-    })
-    pushField(fields, usedKeys, 'metadata', {
-      labelKey: 'chat.tools.fields.metadata',
-      fallbackLabel: 'Metadata',
-      format: 'json',
-      value: record?.metadata != null && typeof record.metadata === 'object' ? record.metadata : undefined
-    })
-    usedKeys.add('subject')
-    return { handled: true, primary: asString(record?.subject) }
-  }
-
-  if (baseName === 'TaskGet') {
-    usedKeys.add('taskId')
-    return { handled: true, primary: asString(record?.taskId) }
-  }
-
-  if (baseName === 'TaskUpdate') {
-    pushField(fields, usedKeys, 'subject', {
-      labelKey: 'chat.tools.fields.subject',
-      fallbackLabel: 'Subject',
-      format: 'text',
-      value: asString(record?.subject)
-    })
-    pushField(fields, usedKeys, 'description', {
-      labelKey: 'chat.tools.fields.description',
-      fallbackLabel: 'Description',
-      format: 'text',
-      value: asString(record?.description)
-    })
-    pushField(fields, usedKeys, 'activeForm', {
-      labelKey: 'chat.tools.fields.activeForm',
-      fallbackLabel: 'Active Form',
-      format: 'text',
-      value: asString(record?.activeForm)
-    })
-    pushField(fields, usedKeys, 'status', {
-      labelKey: 'chat.tools.fields.status',
-      fallbackLabel: 'Status',
-      format: 'inline',
-      value: asString(record?.status)
-    })
-    pushField(fields, usedKeys, 'owner', {
-      labelKey: 'chat.tools.fields.owner',
-      fallbackLabel: 'Owner',
-      format: 'inline',
-      value: asString(record?.owner)
-    })
-    pushField(fields, usedKeys, 'addBlocks', {
-      labelKey: 'chat.tools.fields.addBlocks',
-      fallbackLabel: 'Add Blocks',
-      format: 'list',
-      value: asStringArray(record?.addBlocks)
-    })
-    pushField(fields, usedKeys, 'addBlockedBy', {
-      labelKey: 'chat.tools.fields.addBlockedBy',
-      fallbackLabel: 'Add Blocked By',
-      format: 'list',
-      value: asStringArray(record?.addBlockedBy)
-    })
-    pushField(fields, usedKeys, 'metadata', {
-      labelKey: 'chat.tools.fields.metadata',
-      fallbackLabel: 'Metadata',
-      format: 'json',
-      value: record?.metadata != null && typeof record.metadata === 'object' ? record.metadata : undefined
-    })
-    usedKeys.add('taskId')
-    return { handled: true, primary: asString(record?.taskId) }
-  }
-
-  if (baseName === 'TaskList') {
-    return { handled: true }
-  }
-
-  return { handled: false }
-}

package/src/components/chat/tools/adapter-claude/components/FileList.scss

@@ -1,67 +0,0 @@
-.file-list-container {
-  font-family:
-    'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'Consolas',
-    'Courier New', monospace;
-  font-size: 12px;
-  line-height: 1.4;
-  border-radius: 6px;
-  background: var(--bg-color);
-  color: var(--text-color);
-}
-
-.file-list-item {
-  display: flex;
-  align-items: center;
-  padding: 2px 8px;
-  cursor: pointer;
-  user-select: none;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  transition: background-color .2s ease;
-
-  &:hover {
-    background-color: var(--tag-bg);
-  }
-
-  &.is-dir {
-    font-weight: 500;
-  }
-}
-
-.file-icon {
-  font-size: 14px;
-  margin-right: 4px;
-  color: var(--sub-text-color);
-
-  &.folder {
-    color: var(--primary-color);
-  }
-
-  &.file {
-    color: var(--sub-text-color);
-  }
-}
-
-.toggle-icon {
-  font-size: 14px;
-  margin-right: 4px;
-  color: var(--sub-text-color);
-}
-
-.spacer {
-  width: 14px;
-  margin-right: 4px;
-}
-
-.file-path {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.file-list-empty {
-  padding: 8px 12px;
-  color: var(--sub-text-color);
-  font-size: 12px;
-  text-align: center;
-}

package/src/components/chat/tools/adapter-claude/components/FileList.tsx

@@ -1,185 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react'
-import './FileList.scss'
-
-interface FileNode {
-  rawLine: string
-  name: string
-  path: string
-  depth: number
-  isDir: boolean
-}
-
-interface FileListProps {
-  content: string | string[]
-  removeRoot?: boolean
-  defaultCollapsed?: boolean
-}
-
-export function FileList({ content, removeRoot = false, defaultCollapsed = false }: FileListProps) {
-  const nodes = useMemo(() => {
-    let lines: string[] = []
-    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: FileNode[] = []
-
-    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<Set<number>>(new Set())
-
-  const hasDirectories = useMemo(() => {
-    return nodes.some(node => node.isDir)
-  }, [nodes])
-
-  useEffect(() => {
-    if (defaultCollapsed) {
-      const newSet = new Set<number>()
-      nodes.forEach((node, index) => {
-        if (node.isDir) {
-          newSet.add(index)
-        }
-      })
-      setCollapsedIndices(newSet)
-    } else {
-      setCollapsedIndices(new Set())
-    }
-  }, [nodes, defaultCollapsed])
-
-  const toggleCollapse = (index: number) => {
-    const newSet = new Set(collapsedIndices)
-    if (newSet.has(index)) {
-      newSet.delete(index)
-    } else {
-      newSet.add(index)
-    }
-    setCollapsedIndices(newSet)
-  }
-
-  if (nodes.length === 0) {
-    return <div className='file-list-empty'>No files found</div>
-  }
-
-  const getIcon = (node: FileNode) => {
-    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: React.ReactNode[] = []
-    let hideDepth: number | null = 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(
-        <div
-          key={index}
-          className={`file-list-item ${node.isDir ? 'is-dir' : ''}`}
-          style={{ paddingLeft: `${node.depth * 20 + 12}px` }}
-          onClick={() => node.isDir && toggleCollapse(index)}
-        >
-          {hasDirectories && (
-            <>
-              {node.isDir && (
-                <span className='material-symbols-rounded toggle-icon'>
-                  {isCollapsed ? 'arrow_right' : 'arrow_drop_down'}
-                </span>
-              )}
-              {!node.isDir && <span className='spacer' />}
-            </>
-          )}
-
-          <span className={`material-symbols-rounded file-icon ${icon.className}`}>
-            {icon.name}
-          </span>
-          <span className='file-path'>{node.name}</span>
-        </div>
-      )
-    })
-    return elements
-  }
-
-  return (
-    <div className='file-list-container'>
-      {renderNodes()}
-    </div>
-  )
-}

package/src/components/chat/tools/adapter-claude/index.ts

@@ -1,31 +0,0 @@
-import type {} from '@vibe-forge/adapter-claude-code/schema'
-
-import { defineToolRenders } from '../defineToolRender'
-import { GenericClaudeTool } from './GenericClaudeTool'
-export { buildClaudeToolPresentation, getClaudeToolBaseName, isClaudeToolName } from './claude-tool-presentation'
-export { getClaudeToolSummaryText } from './claude-tool-summary'
-
-export const adapterClaudeToolRenders = defineToolRenders({
-  AskUserQuestion: GenericClaudeTool,
-  Bash: GenericClaudeTool,
-  Edit: GenericClaudeTool,
-  EnterPlanMode: GenericClaudeTool,
-  ExitPlanMode: GenericClaudeTool,
-  LS: GenericClaudeTool,
-  Glob: GenericClaudeTool,
-  Grep: GenericClaudeTool,
-  NotebookEdit: GenericClaudeTool,
-  Read: GenericClaudeTool,
-  Skill: GenericClaudeTool,
-  Task: GenericClaudeTool,
-  TaskCreate: GenericClaudeTool,
-  TaskGet: GenericClaudeTool,
-  TaskList: GenericClaudeTool,
-  TaskUpdate: GenericClaudeTool,
-  WebFetch: GenericClaudeTool,
-  WebSearch: GenericClaudeTool,
-  Write: GenericClaudeTool,
-  TodoWrite: GenericClaudeTool
-}, { namespace: 'adapter:claude-code:' })
-
-export { GenericClaudeTool }

package/src/components/chat/tools/adapter-claude/utils.ts

@@ -1,54 +0,0 @@
-export function getFileInfo(filePath?: string) {
-  const resolvedPath = (filePath != null && filePath !== '') ? filePath : 'unknown file'
-  const lastSlashIndex = resolvedPath.lastIndexOf('/')
-  const fileName = lastSlashIndex >= 0 ? resolvedPath.slice(lastSlashIndex + 1) : resolvedPath
-  const dirPath = lastSlashIndex >= 0 ? resolvedPath.slice(0, lastSlashIndex) : ''
-
-  return { filePath: resolvedPath, fileName, dirPath }
-}
-
-export function getLanguageFromPath(path: string) {
-  const extPart = path.split('.').pop()
-  const ext = (extPart != null && extPart !== '') ? extPart.toLowerCase() : ''
-  const langMap: Record<string, string> = {
-    'js': 'javascript',
-    'jsx': 'jsx',
-    'ts': 'typescript',
-    'tsx': 'tsx',
-    'py': 'python',
-    'md': 'markdown',
-    'json': 'json',
-    'scss': 'scss',
-    'css': 'css',
-    'html': 'html',
-    'sh': 'bash',
-    'yml': 'yaml',
-    'yaml': 'yaml',
-    'sql': 'sql'
-  }
-  return langMap[ext] || 'text'
-}
-
-export function normalizeResultLines(content: unknown): string[] {
-  if (Array.isArray(content)) {
-    return content.map(String)
-  }
-
-  if (typeof content !== 'string') {
-    return []
-  }
-
-  const trimmed = content.trim()
-  if (trimmed.startsWith('[') && trimmed.endsWith(']')) {
-    try {
-      const parsed = JSON.parse(trimmed)
-      if (Array.isArray(parsed)) {
-        return parsed.map(String)
-      }
-    } catch {
-      return content.split('\n')
-    }
-  }
-
-  return content.split('\n')
-}