@vibe-forge/client 3.0.0-alpha.6 → 3.0.0

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

@@ -1,50 +0,0 @@
-import './WriteTool.scss'
-import { CodeBlock } from '#~/components/CodeBlock'
-import type { ToolInputs } from '@vibe-forge/core'
-import React from 'react'
-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 : {}) as ToolInputs['adapter:claude-code:Write']
-  const { filePath } = getFileInfo(input.file_path)
-  const content = input.content ?? ''
-  const language = getLanguageFromPath(filePath)
-
-  return (
-    <div className='tool-group write-tool'>
-      <ToolCallBox
-        defaultExpanded={false}
-        header={
-          <div className='write-tool__header'>
-            <div className='write-tool__header-left'>
-              <span className='material-symbols-rounded tool-header-icon'>edit_note</span>
-              <span className='tool-header-primary tool-header-mono tool-header-row-text'>{filePath}</span>
-            </div>
-            {resultItem != null && (
-              <span className={`write-tool__status-icon ${resultItem.is_error ? 'error' : 'success'}`}>
-                <span className='material-symbols-rounded'>
-                  {resultItem.is_error === true ? 'error' : 'check_circle'}
-                </span>
-              </span>
-            )}
-          </div>
-        }
-        content={
-          <div className='tool-content'>
-            <div className='tool-scroll'>
-              <div className='tool-code-wrapper'>
-                <CodeBlock
-                  code={content}
-                  lang={language}
-                  showLineNumbers={true}
-                />
-              </div>
-            </div>
-          </div>
-        }
-      />
-    </div>
-  )
-})

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

@@ -1,109 +0,0 @@
-import { asBoolean, asString, pushField } from './claude-tool-shared'
-import type { ClaudeToolField } from './claude-tool-shared'
-import { getFileInfo, getLanguageFromPath } from './utils'
-
-interface BuilderParams {
-  baseName: string
-  record: Record<string, unknown> | null
-  fields: ClaudeToolField[]
-  usedKeys: Set<string>
-}
-
-export function buildClaudeEditToolPresentation(params: BuilderParams) {
-  const { baseName, record, fields, usedKeys } = params
-
-  if (baseName === 'TodoWrite') {
-    const todos = Array.isArray(record?.todos)
-      ? record.todos.flatMap((todo) => {
-        if (todo == null || typeof todo !== 'object') {
-          return []
-        }
-        const data = todo as Record<string, unknown>
-        const content = asString(data.content)
-        const status = asString(data.status)
-        const activeForm = asString(data.activeForm)
-        if (content == null) {
-          return []
-        }
-        const detail = status === 'in_progress' && activeForm != null && activeForm !== content
-          ? ` (${activeForm})`
-          : ''
-        return [`[${status ?? 'pending'}] ${content}${detail}`]
-      })
-      : undefined
-
-    pushField(fields, usedKeys, 'todos', {
-      labelKey: 'chat.tools.fields.todos',
-      fallbackLabel: 'Todos',
-      format: 'list',
-      value: todos
-    })
-    return { handled: true, primary: todos != null ? `${todos.length} todos` : undefined }
-  }
-
-  if (baseName === 'Edit') {
-    const filePath = asString(record?.file_path)
-    const primary = filePath != null ? getFileInfo(filePath).filePath : undefined
-    const language = getLanguageFromPath(primary ?? '')
-    const replaceAll = asBoolean(record?.replace_all)
-
-    pushField(fields, usedKeys, 'replace_all', {
-      labelKey: 'chat.tools.fields.replaceAll',
-      fallbackLabel: 'Replace All',
-      format: 'inline',
-      value: replaceAll != null ? String(replaceAll) : undefined
-    })
-    pushField(fields, usedKeys, 'old_string', {
-      labelKey: 'chat.tools.fields.oldString',
-      fallbackLabel: 'Old String',
-      format: 'code',
-      value: asString(record?.old_string),
-      lang: language
-    })
-    pushField(fields, usedKeys, 'new_string', {
-      labelKey: 'chat.tools.fields.newString',
-      fallbackLabel: 'New String',
-      format: 'code',
-      value: asString(record?.new_string),
-      lang: language
-    })
-    usedKeys.add('file_path')
-    return { handled: true, primary }
-  }
-
-  if (baseName !== 'NotebookEdit') {
-    return { handled: false }
-  }
-
-  const notebookPath = asString(record?.notebook_path)
-  const primary = notebookPath != null ? getFileInfo(notebookPath).filePath : undefined
-  const cellType = asString(record?.cell_type)
-
-  pushField(fields, usedKeys, 'cell_id', {
-    labelKey: 'chat.tools.fields.cellId',
-    fallbackLabel: 'Cell ID',
-    format: 'inline',
-    value: asString(record?.cell_id)
-  })
-  pushField(fields, usedKeys, 'cell_type', {
-    labelKey: 'chat.tools.fields.cellType',
-    fallbackLabel: 'Cell Type',
-    format: 'inline',
-    value: cellType
-  })
-  pushField(fields, usedKeys, 'edit_mode', {
-    labelKey: 'chat.tools.fields.editMode',
-    fallbackLabel: 'Edit Mode',
-    format: 'inline',
-    value: asString(record?.edit_mode)
-  })
-  pushField(fields, usedKeys, 'new_source', {
-    labelKey: 'chat.tools.fields.newSource',
-    fallbackLabel: 'New Source',
-    format: 'code',
-    value: asString(record?.new_source),
-    lang: cellType === 'markdown' ? 'markdown' : 'text'
-  })
-  usedKeys.add('notebook_path')
-  return { handled: true, primary }
-}

package/src/components/chat/tools/adapter-claude/claude-tool-field-sections.tsx

@@ -1,83 +0,0 @@
-import { Tooltip } from 'antd'
-import React from 'react'
-
-import { TOOL_TOOLTIP_PROPS, getToolFieldIcon } from '../core/tool-display'
-import { renderToolBlockField } from '../core/tool-field-sections'
-import type { ClaudeToolField, ClaudeToolQuestion } from './claude-tool-presentation'
-
-type Translate = (key: string, options?: Record<string, unknown>) => string
-
-export { ToolInlineFields as ClaudeToolInlineFields } from '../core/tool-field-sections'
-
-const getSectionHeader = (icon: string, label: string) => (
-  <div className='tool-detail-section__header'>
-    <Tooltip title={label} {...TOOL_TOOLTIP_PROPS}>
-      <span className='tool-detail-section__icon material-symbols-rounded'>{icon}</span>
-    </Tooltip>
-  </div>
-)
-
-export function renderClaudeBlockField(field: ClaudeToolField, index: number, t: Translate) {
-  const label = t(field.labelKey, { defaultValue: field.fallbackLabel })
-  const sectionHeader = getSectionHeader(getToolFieldIcon(field.labelKey, field.format), label)
-
-  if (field.format === 'questions') {
-    const questions = Array.isArray(field.value) ? field.value as ClaudeToolQuestion[] : []
-    return (
-      <div
-        className='tool-detail-section claude-generic-tool__section'
-        key={`${field.labelKey}-${index}`}
-      >
-        {sectionHeader}
-        <div className='claude-generic-tool__questions'>
-          {questions.map((question, questionIndex) => (
-            <div
-              className='claude-generic-tool__question'
-              key={`${question.header ?? question.question}-${questionIndex}`}
-            >
-              <div className='claude-generic-tool__question-header'>
-                <div className='claude-generic-tool__question-title'>
-                  {question.header ?? `${label} ${questionIndex + 1}`}
-                </div>
-                <Tooltip
-                  title={question.multiSelect
-                    ? t('chat.tools.multiSelect')
-                    : t('chat.tools.singleSelect')}
-                  {...TOOL_TOOLTIP_PROPS}
-                >
-                  <span className='claude-generic-tool__question-mode material-symbols-rounded'>
-                    {question.multiSelect ? 'checklist' : 'radio_button_checked'}
-                  </span>
-                </Tooltip>
-              </div>
-              <div
-                className='tool-detail-section__text'
-                title={question.question}
-              >
-                {question.question}
-              </div>
-              {question.options.length > 0 && (
-                <div className='claude-generic-tool__question-options'>
-                  {question.options.map(option => (
-                    <div className='claude-generic-tool__question-option' key={option.label}>
-                      <div className='claude-generic-tool__question-option-label'>{option.label}</div>
-                      {option.description != null && option.description !== '' && (
-                        <div className='claude-generic-tool__question-option-description'>
-                          {option.description}
-                        </div>
-                      )}
-                    </div>
-                  ))}
-                </div>
-              )}
-            </div>
-          ))}
-        </div>
-      </div>
-    )
-  }
-
-  return renderToolBlockField(field, index, t, {
-    sectionClassName: 'tool-detail-section claude-generic-tool__section'
-  })
-}

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

@@ -1,135 +0,0 @@
-import { asBoolean, asNumber, asString, asStringArray, pushField } from './claude-tool-shared'
-import type { ClaudeToolField } from './claude-tool-shared'
-import { getFileInfo, getLanguageFromPath } from './utils'
-
-interface BuilderParams {
-  baseName: string
-  record: Record<string, unknown> | null
-  fields: ClaudeToolField[]
-  usedKeys: Set<string>
-}
-
-export function buildClaudeOperationToolPresentation(params: BuilderParams) {
-  const { baseName, record, fields, usedKeys } = params
-
-  if (baseName === 'Bash') {
-    const command = asString(record?.command)
-    const description = asString(record?.description) ?? asString(record?.reason) ?? asString(record?.thought)
-
-    pushField(fields, usedKeys, 'description', {
-      labelKey: 'chat.tools.fields.description',
-      fallbackLabel: 'Description',
-      format: 'text',
-      value: description
-    })
-    pushField(fields, usedKeys, 'command', {
-      labelKey: 'chat.tools.fields.command',
-      fallbackLabel: 'Command',
-      format: 'code',
-      value: command,
-      lang: 'bash'
-    })
-    pushField(fields, usedKeys, 'timeout', {
-      labelKey: 'chat.tools.fields.timeout',
-      fallbackLabel: 'Timeout',
-      format: 'inline',
-      value: asNumber(record?.timeout)
-    })
-    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, 'dangerouslyDisableSandbox', {
-      labelKey: 'chat.tools.fields.disableSandbox',
-      fallbackLabel: 'Disable Sandbox',
-      format: 'inline',
-      value: asBoolean(record?.dangerouslyDisableSandbox) != null
-        ? String(record?.dangerouslyDisableSandbox)
-        : undefined
-    })
-    return { handled: true, primary: description ?? command?.split('\n')[0] }
-  }
-
-  if (baseName === 'Read') {
-    const filePath = asString(record?.file_path)
-    const primary = filePath != null ? getFileInfo(filePath).filePath : undefined
-
-    pushField(fields, usedKeys, 'offset', {
-      labelKey: 'chat.tools.fields.offset',
-      fallbackLabel: 'Offset',
-      format: 'inline',
-      value: asNumber(record?.offset)
-    })
-    pushField(fields, usedKeys, 'limit', {
-      labelKey: 'chat.tools.fields.limit',
-      fallbackLabel: 'Limit',
-      format: 'inline',
-      value: asNumber(record?.limit)
-    })
-    usedKeys.add('file_path')
-    return { handled: true, primary }
-  }
-
-  if (baseName === 'Write') {
-    const filePath = asString(record?.file_path)
-    const primary = filePath != null ? getFileInfo(filePath).filePath : undefined
-    const language = getLanguageFromPath(primary ?? '')
-
-    pushField(fields, usedKeys, 'content', {
-      labelKey: 'chat.tools.fields.content',
-      fallbackLabel: 'Content',
-      format: 'code',
-      value: asString(record?.content),
-      lang: language
-    })
-    usedKeys.add('file_path')
-    return { handled: true, primary }
-  }
-
-  if (baseName === 'LS') {
-    pushField(fields, usedKeys, 'ignore', {
-      labelKey: 'chat.tools.fields.ignore',
-      fallbackLabel: 'Ignore',
-      format: 'list',
-      value: asStringArray(record?.ignore)
-    })
-    return { handled: true, primary: asString(record?.path) ?? 'current directory' }
-  }
-
-  if (baseName === 'Glob') {
-    pushField(fields, usedKeys, 'path', {
-      labelKey: 'chat.tools.fields.path',
-      fallbackLabel: 'Path',
-      format: 'text',
-      value: asString(record?.path)
-    })
-    usedKeys.add('pattern')
-    return { handled: true, primary: asString(record?.pattern) ?? '*' }
-  }
-
-  if (baseName === 'Grep') {
-    pushField(fields, usedKeys, 'path', {
-      labelKey: 'chat.tools.fields.path',
-      fallbackLabel: 'Path',
-      format: 'text',
-      value: asString(record?.path)
-    })
-    pushField(fields, usedKeys, 'glob', {
-      labelKey: 'chat.tools.fields.glob',
-      fallbackLabel: 'Glob',
-      format: 'text',
-      value: asString(record?.glob)
-    })
-    pushField(fields, usedKeys, 'output_mode', {
-      labelKey: 'chat.tools.fields.mode',
-      fallbackLabel: 'Mode',
-      format: 'inline',
-      value: asString(record?.output_mode)
-    })
-    usedKeys.add('pattern')
-    return { handled: true, primary: asString(record?.pattern) }
-  }
-  return { handled: false }
-}

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

@@ -1,61 +0,0 @@
-import { buildClaudeEditToolPresentation } from './claude-tool-edit-builders'
-import { buildClaudeOperationToolPresentation } from './claude-tool-operation-builders'
-import { CLAUDE_TOOL_META, addDetailsField, isRecord } from './claude-tool-shared'
-import type {
-  ClaudeToolField,
-  ClaudeToolPresentation,
-  ClaudeToolQuestion,
-  ClaudeToolQuestionOption
-} from './claude-tool-shared'
-import { buildClaudeSystemToolPresentation } from './claude-tool-system-builders'
-import { buildClaudeTaskToolPresentation } from './claude-tool-task-builders'
-
-export type { ClaudeToolField, ClaudeToolPresentation, ClaudeToolQuestion, ClaudeToolQuestionOption }
-
-export const getClaudeToolBaseName = (name: string) => (
-  name.startsWith('adapter:claude-code:') ? name.slice('adapter:claude-code:'.length) : name
-)
-
-export const isClaudeToolName = (name: string) => (
-  name.startsWith('adapter:claude-code:') || name in CLAUDE_TOOL_META
-)
-
-export function buildClaudeToolPresentation(name: string, input: unknown): ClaudeToolPresentation {
-  const baseName = getClaudeToolBaseName(name)
-  const meta = CLAUDE_TOOL_META[baseName] ?? {
-    titleKey: 'chat.tools.unknown',
-    fallbackTitle: baseName,
-    icon: 'build'
-  }
-  const record = isRecord(input) ? input : null
-  const fields: ClaudeToolField[] = []
-  const usedKeys = new Set<string>()
-  const editResult = buildClaudeEditToolPresentation({ baseName, record, fields, usedKeys })
-  const operationResult = editResult.handled
-    ? { handled: false as const, primary: undefined as string | undefined }
-    : buildClaudeOperationToolPresentation({ baseName, record, fields, usedKeys })
-  const systemResult = editResult.handled || operationResult.handled
-    ? { handled: false as const, primary: undefined as string | undefined }
-    : buildClaudeSystemToolPresentation({ baseName, record, fields, usedKeys })
-  const taskResult = editResult.handled || operationResult.handled || systemResult.handled
-    ? { handled: false as const, primary: undefined as string | undefined }
-    : buildClaudeTaskToolPresentation({ baseName, record, fields, usedKeys })
-  const primary = editResult.handled
-    ? editResult.primary
-    : operationResult.handled
-    ? operationResult.primary
-    : systemResult.handled
-    ? systemResult.primary
-    : taskResult.primary
-
-  addDetailsField(fields, record, usedKeys)
-
-  return {
-    baseName,
-    titleKey: meta.titleKey,
-    fallbackTitle: meta.fallbackTitle,
-    icon: meta.icon,
-    primary,
-    fields
-  }
-}

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

@@ -1,185 +0,0 @@
-export type ClaudeToolFieldFormat = 'inline' | 'text' | 'code' | 'list' | 'json' | 'questions'
-
-export interface ClaudeToolQuestionOption {
-  label: string
-  description?: string
-}
-
-export interface ClaudeToolQuestion {
-  header?: string
-  question: string
-  options: ClaudeToolQuestionOption[]
-  multiSelect: boolean
-}
-
-export interface ClaudeToolField {
-  labelKey: string
-  fallbackLabel: string
-  format: ClaudeToolFieldFormat
-  value: unknown
-  lang?: string
-}
-
-export interface ClaudeToolPresentation {
-  baseName: string
-  titleKey: string
-  fallbackTitle: string
-  icon: string
-  primary?: string
-  fields: ClaudeToolField[]
-}
-
-export const CLAUDE_TOOL_META: Record<string, Pick<ClaudeToolPresentation, 'titleKey' | 'fallbackTitle' | 'icon'>> = {
-  AskUserQuestion: { titleKey: 'chat.tools.askUserQuestion', fallbackTitle: 'Ask User Question', icon: 'help' },
-  Bash: { titleKey: 'chat.tools.bash', fallbackTitle: 'Bash', icon: 'terminal' },
-  Edit: { titleKey: 'chat.tools.editTool', fallbackTitle: 'Edit File', icon: 'edit' },
-  EnterPlanMode: { titleKey: 'chat.tools.enterPlanMode', fallbackTitle: 'Enter Plan Mode', icon: 'rule_settings' },
-  ExitPlanMode: { titleKey: 'chat.tools.exitPlanMode', fallbackTitle: 'Exit Plan Mode', icon: 'exit_to_app' },
-  Glob: { titleKey: 'chat.tools.globTool', fallbackTitle: 'Glob', icon: 'search' },
-  Grep: { titleKey: 'chat.tools.grepTool', fallbackTitle: 'Grep', icon: 'find_in_page' },
-  LS: { titleKey: 'chat.tools.lsTool', fallbackTitle: 'List Directory', icon: 'folder_open' },
-  NotebookEdit: { titleKey: 'chat.tools.notebookEdit', fallbackTitle: 'Notebook Edit', icon: 'edit_note' },
-  Read: { titleKey: 'chat.tools.read', fallbackTitle: 'Read File', icon: 'visibility' },
-  Skill: { titleKey: 'chat.tools.skill', fallbackTitle: 'Skill', icon: 'auto_awesome' },
-  Task: { titleKey: 'chat.tools.claudeTask', fallbackTitle: 'Claude Task', icon: 'smart_toy' },
-  TaskCreate: { titleKey: 'chat.tools.taskCreate', fallbackTitle: 'Create Task', icon: 'add_task' },
-  TaskGet: { titleKey: 'chat.tools.taskGet', fallbackTitle: 'Get Task', icon: 'info' },
-  TaskList: { titleKey: 'chat.tools.taskList', fallbackTitle: 'List Tasks', icon: 'list_alt' },
-  TaskUpdate: { titleKey: 'chat.tools.taskUpdate', fallbackTitle: 'Update Task', icon: 'edit_calendar' },
-  TodoWrite: { titleKey: 'chat.tools.todo', fallbackTitle: 'Task Planning', icon: 'task_alt' },
-  WebFetch: { titleKey: 'chat.tools.webFetch', fallbackTitle: 'Web Fetch', icon: 'language' },
-  WebSearch: { titleKey: 'chat.tools.webSearch', fallbackTitle: 'Web Search', icon: 'travel_explore' },
-  Write: { titleKey: 'chat.tools.write', fallbackTitle: 'Write File', icon: 'edit_note' }
-}
-
-export const isRecord = (value: unknown): value is Record<string, unknown> => (
-  value != null && typeof value === 'object' && !Array.isArray(value)
-)
-
-export const asString = (value: unknown) => (
-  typeof value === 'string' && value.trim() !== '' ? value : undefined
-)
-
-export const asNumber = (value: unknown) => (
-  typeof value === 'number' && Number.isFinite(value) ? value : undefined
-)
-
-export const asBoolean = (value: unknown) => (
-  typeof value === 'boolean' ? value : undefined
-)
-
-export const asStringArray = (value: unknown) => {
-  if (!Array.isArray(value)) {
-    return undefined
-  }
-
-  const items = value
-    .filter(item => typeof item === 'string' && item.trim() !== '')
-    .map(item => item.trim())
-  return items.length > 0 ? items : undefined
-}
-
-export const pushField = (
-  fields: ClaudeToolField[],
-  usedKeys: Set<string>,
-  key: string,
-  field: Omit<ClaudeToolField, 'value'> & { value: unknown }
-) => {
-  const { value } = field
-  if (value == null || value === '') {
-    return
-  }
-  if (Array.isArray(value) && value.length === 0) {
-    return
-  }
-  if (isRecord(value) && Object.keys(value).length === 0) {
-    return
-  }
-
-  usedKeys.add(key)
-  fields.push(field)
-}
-
-export const toQuestionList = (value: unknown): ClaudeToolQuestion[] | undefined => {
-  if (!Array.isArray(value)) {
-    return undefined
-  }
-
-  const questions: ClaudeToolQuestion[] = []
-  for (const item of value) {
-    if (!isRecord(item)) {
-      continue
-    }
-
-    const question = asString(item.question)
-    if (question == null) {
-      continue
-    }
-
-    const options: ClaudeToolQuestionOption[] = []
-    if (Array.isArray(item.options)) {
-      for (const option of item.options) {
-        if (!isRecord(option)) {
-          continue
-        }
-
-        const label = asString(option.label)
-        if (label == null) {
-          continue
-        }
-
-        options.push({
-          label,
-          description: asString(option.description)
-        })
-      }
-    }
-
-    questions.push({
-      header: asString(item.header),
-      question,
-      options,
-      multiSelect: item.multiSelect === true
-    })
-  }
-
-  return questions.length > 0 ? questions : undefined
-}
-
-export const getDescriptionTitle = (value: string | undefined) => (
-  value != null && value !== '' ? value.split('\n')[0]?.trim() || value : undefined
-)
-
-export const addDetailsField = (
-  fields: ClaudeToolField[],
-  record: Record<string, unknown> | null,
-  usedKeys: Set<string>
-) => {
-  if (record == null) {
-    return
-  }
-
-  const details = Object.fromEntries(
-    Object.entries(record).filter(([key, value]) => {
-      if (usedKeys.has(key) || value == null) {
-        return false
-      }
-      if (typeof value === 'string') {
-        return value.trim() !== ''
-      }
-      if (Array.isArray(value)) {
-        return value.length > 0
-      }
-      return !isRecord(value) || Object.keys(value).length > 0
-    })
-  )
-
-  if (Object.keys(details).length > 0) {
-    fields.push({
-      labelKey: 'chat.tools.fields.details',
-      fallbackLabel: 'Details',
-      format: 'json',
-      value: details
-    })
-  }
-}