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

package/src/components/config/record-editors/SchemaRecordEditor.tsx

@@ -1,184 +0,0 @@
-import './RecordJsonEditor.scss'
-
-import { Button, Input, Select, Tooltip } from 'antd'
-import { useEffect, useMemo, useState } from 'react'
-
-import type { ConfigUiRecordMapSchema } from '@vibe-forge/types'
-
-import { ComplexTextEditor } from '../ConfigEditors'
-import { getValueByPath, setValueByPath } from '../configUtils'
-import type { TranslationFn } from '../configUtils'
-
-import { SchemaObjectEditor } from './SchemaObjectEditor'
-import { buildConfigUiObjectDefaultValue, resolveConfigUiRecordEntry } from './schemaRecordUtils'
-
-export const SchemaRecordEditor = ({
-  value,
-  schema,
-  onChange,
-  t,
-  keyPlaceholder
-}: {
-  value: Record<string, unknown>
-  schema: ConfigUiRecordMapSchema
-  onChange: (nextValue: Record<string, unknown>) => void
-  t: TranslationFn
-  keyPlaceholder: string
-}) => {
-  const [newKey, setNewKey] = useState('')
-  const [newKind, setNewKind] = useState(schema.entryKinds?.[0]?.key ?? '')
-  const entries = useMemo(() => Object.entries(value), [value])
-  const [collapsedKeys, setCollapsedKeys] = useState<Record<string, boolean>>(() => (
-    Object.fromEntries(entries.map(([key]) => [key, true]))
-  ))
-
-  useEffect(() => {
-    setCollapsedKeys(prev => {
-      const next: Record<string, boolean> = {}
-      for (const [key] of entries) {
-        next[key] = prev[key] ?? true
-      }
-      return next
-    })
-  }, [entries])
-
-  return (
-    <div className='config-view__record-list'>
-      {entries.map(([key, itemValue]) => {
-        const recordValue = (itemValue != null && typeof itemValue === 'object')
-          ? itemValue as Record<string, unknown>
-          : {}
-        const { itemSchema, isKnownEntry } = resolveConfigUiRecordEntry({
-          schema,
-          entryKey: key,
-          entryValue: recordValue
-        })
-        const isCollapsed = collapsedKeys[key] === true
-        const discriminatorField = schema.discriminatorField ?? 'type'
-        const discriminatorValue = schema.mode === 'discriminated'
-          ? getValueByPath(recordValue, [discriminatorField])
-          : undefined
-        const shouldRenderJsonFallback = !isKnownEntry && schema.unknownEditor === 'json'
-        const kindMeta = typeof discriminatorValue === 'string'
-          ? schema.entryKinds?.find(item => item.key === discriminatorValue)
-          : schema.entryKinds?.find(item => item.key === key)
-
-        return (
-          <div
-            key={key}
-            className={`config-view__record-card${isCollapsed ? ' config-view__record-card--collapsed' : ''}`}
-          >
-            <div className='config-view__record-title'>
-              <div className='config-view__record-title-left'>
-                <Tooltip title={isCollapsed ? t('config.editor.expand') : t('config.editor.collapse')}>
-                  <Button
-                    size='small'
-                    type='text'
-                    className='config-view__icon-button config-view__icon-button--compact'
-                    aria-label={isCollapsed ? t('config.editor.expand') : t('config.editor.collapse')}
-                    icon={
-                      <span className='material-symbols-rounded'>{isCollapsed ? 'chevron_right' : 'expand_more'}</span>
-                    }
-                    onClick={() => {
-                      setCollapsedKeys(prev => ({ ...prev, [key]: !isCollapsed }))
-                    }}
-                  />
-                </Tooltip>
-                <div className='config-view__record-heading'>
-                  <div>{key}</div>
-                  {kindMeta?.label != null && kindMeta.label !== key && (
-                    <div className='config-view__record-subtitle'>{kindMeta.label}</div>
-                  )}
-                  {kindMeta?.description != null && kindMeta.description !== '' && (
-                    <div className='config-view__record-desc'>{kindMeta.description}</div>
-                  )}
-                </div>
-              </div>
-              <Tooltip title={t('config.editor.remove')}>
-                <Button
-                  size='small'
-                  type='text'
-                  danger
-                  className='config-view__icon-button config-view__icon-button--compact'
-                  aria-label={t('config.editor.remove')}
-                  icon={<span className='material-symbols-rounded'>delete</span>}
-                  onClick={() => {
-                    const updated = { ...value }
-                    delete updated[key]
-                    onChange(updated)
-                  }}
-                />
-              </Tooltip>
-            </div>
-            <div className='config-view__record-body'>
-              {!shouldRenderJsonFallback && itemSchema != null && (
-                <SchemaObjectEditor
-                  value={recordValue}
-                  schema={itemSchema}
-                  onChange={(updated) => {
-                    onChange({ ...value, [key]: updated })
-                  }}
-                  t={t}
-                  hideFieldPaths={isKnownEntry && schema.mode === 'discriminated' ? [[discriminatorField]] : undefined}
-                />
-              )}
-              {shouldRenderJsonFallback && (
-                <ComplexTextEditor
-                  value={recordValue}
-                  onChange={(updated) => {
-                    onChange({ ...value, [key]: updated })
-                  }}
-                />
-              )}
-            </div>
-          </div>
-        )
-      })}
-      <div className='config-view__record-add'>
-        <div className='config-view__record-add-inputs'>
-          <Input
-            value={newKey}
-            placeholder={keyPlaceholder}
-            onChange={(event) => setNewKey(event.target.value)}
-          />
-          {schema.mode === 'discriminated' && (
-            <Select
-              value={newKind}
-              options={(schema.entryKinds ?? []).map(item => ({
-                value: item.key,
-                label: item.label ?? item.key
-              }))}
-              onChange={(nextValue) => setNewKind(nextValue)}
-            />
-          )}
-          <Tooltip title={t('common.confirm')}>
-            <Button
-              size='small'
-              type='primary'
-              className='config-view__icon-button'
-              aria-label={t('common.confirm')}
-              icon={<span className='material-symbols-rounded'>check</span>}
-              disabled={newKey.trim() === '' ||
-                Object.hasOwn(value, newKey) ||
-                (schema.mode === 'discriminated' && newKind.trim() === '')}
-              onClick={() => {
-                const nextSchema = schema.mode === 'discriminated'
-                  ? (schema.schemas[newKind] ?? schema.unknownSchema)
-                  : (schema.schemas[newKey] ?? schema.unknownSchema)
-                const nextEntry = buildConfigUiObjectDefaultValue(nextSchema)
-
-                if (schema.mode === 'discriminated') {
-                  const discriminatorField = schema.discriminatorField ?? 'type'
-                  Object.assign(nextEntry, setValueByPath(nextEntry, [discriminatorField], newKind))
-                }
-
-                onChange({ ...value, [newKey]: nextEntry })
-                setNewKey('')
-              }}
-            />
-          </Tooltip>
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/components/config/record-editors/index.tsx

@@ -1,7 +0,0 @@
-export { BooleanRecordEditor } from './BooleanRecordEditor'
-export { KeyValueEditor } from './KeyValueEditor'
-export { McpServersRecordEditor } from './McpServersRecordEditor'
-export { ModelServicesRecordEditor } from './ModelServicesRecordEditor'
-export { RecordJsonEditor } from './RecordJsonEditor'
-export { SchemaObjectEditor } from './SchemaObjectEditor'
-export { SchemaRecordEditor } from './SchemaRecordEditor'

package/src/components/config/record-editors/schemaRecordUtils.ts

@@ -1,55 +0,0 @@
-import type { ConfigUiObjectSchema, ConfigUiRecordMapSchema } from '@vibe-forge/types'
-
-import { getValueByPath, setValueByPath } from '../configUtils'
-
-export const toLabel = (value: string) => (
-  value
-    .replace(/_/g, ' ')
-    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-    .replace(/\b\w/g, char => char.toUpperCase())
-)
-
-export const buildConfigUiObjectDefaultValue = (schema: ConfigUiObjectSchema | undefined) => {
-  const initial: Record<string, unknown> = {}
-  for (const field of schema?.fields ?? []) {
-    if (field.defaultValue === undefined) continue
-    const nextValue = typeof field.defaultValue === 'object' && field.defaultValue != null
-      ? JSON.parse(JSON.stringify(field.defaultValue))
-      : field.defaultValue
-    Object.assign(initial, setValueByPath(initial, field.path, nextValue))
-  }
-  return initial
-}
-
-export const resolveConfigUiRecordEntry = ({
-  schema,
-  entryKey,
-  entryValue
-}: {
-  schema: ConfigUiRecordMapSchema
-  entryKey: string
-  entryValue: Record<string, unknown>
-}) => {
-  if (schema.mode === 'keyed') {
-    const matchedSchema = schema.schemas[entryKey]
-    return {
-      itemSchema: matchedSchema ?? schema.unknownSchema,
-      isKnownEntry: matchedSchema != null
-    }
-  }
-
-  const discriminatorField = schema.discriminatorField ?? 'type'
-  const discriminatorValue = getValueByPath(entryValue, [discriminatorField])
-  if (typeof discriminatorValue === 'string') {
-    const matchedSchema = schema.schemas[discriminatorValue]
-    return {
-      itemSchema: matchedSchema ?? schema.unknownSchema,
-      isKnownEntry: matchedSchema != null
-    }
-  }
-
-  return {
-    itemSchema: schema.unknownSchema,
-    isKnownEntry: false
-  }
-}

package/src/components/config/use-worktree-environment-auto-save.ts

@@ -1,386 +0,0 @@
-/* eslint-disable max-lines -- auto-save and conflict resolution share one state machine here. */
-import { useEffect, useRef } from 'react'
-
-import type { ConfigSource } from '@vibe-forge/core'
-import type {
-  WorktreeEnvironmentDetail,
-  WorktreeEnvironmentScriptKey,
-  WorktreeEnvironmentSummary
-} from '@vibe-forge/types'
-
-import { deleteWorktreeEnvironment, getApiErrorMessage, saveWorktreeEnvironment } from '#~/api'
-
-import { resolveRemoteConfigChangeAction, serializeComparableConfigValue } from './configConflict'
-import type { TranslationFn } from './configUtils'
-import {
-  buildDraftScripts,
-  toDisplayEnvironmentName,
-  toEnvironmentIdForSource
-} from './worktree-environment-panel-model'
-
-const AUTO_SAVE_DELAY_MS = 800
-
-const serializeDraftScripts = (scripts: Record<WorktreeEnvironmentScriptKey, string>) => (
-  serializeComparableConfigValue(scripts)
-)
-
-interface SyncedEnvironmentDraft {
-  id: string
-  name: string
-  scripts: string
-}
-
-interface MessageApi {
-  error: (content: string) => unknown
-}
-
-interface ModalApi {
-  confirm: (options: {
-    title: string
-    content: string
-    okText: string
-    cancelText: string
-    cancelButtonProps?: { danger?: boolean }
-    closable?: boolean
-    keyboard?: boolean
-    maskClosable?: boolean
-    onOk?: () => unknown
-    onCancel?: () => unknown
-  }) => unknown
-}
-
-export function useWorktreeEnvironmentAutoSave({
-  draftEnvironmentId,
-  draftScripts,
-  environments,
-  message,
-  modal,
-  nameDraft,
-  selectedEnvironment,
-  selectedId,
-  sourceKey,
-  refreshDetail,
-  refreshEnvironments,
-  setDraftEnvironmentId,
-  setDraftScripts,
-  setNameDraft,
-  setSelectedId,
-  t
-}: {
-  draftEnvironmentId?: string
-  draftScripts: Record<WorktreeEnvironmentScriptKey, string>
-  environments: WorktreeEnvironmentSummary[]
-  message: MessageApi
-  modal: ModalApi
-  nameDraft: string
-  selectedEnvironment?: WorktreeEnvironmentDetail
-  selectedId?: string
-  sourceKey: ConfigSource
-  refreshDetail: () => Promise<unknown>
-  refreshEnvironments: () => Promise<unknown>
-  setDraftEnvironmentId: (id?: string) => void
-  setDraftScripts: (scripts: Record<WorktreeEnvironmentScriptKey, string>) => void
-  setNameDraft: (value: string) => void
-  setSelectedId: (id: string) => void
-  t: TranslationFn
-}) {
-  const autoSaveTimerRef = useRef<ReturnType<typeof setTimeout>>()
-  const syncedDraftRef = useRef<SyncedEnvironmentDraft>()
-  const pendingConflictRef = useRef<{
-    remoteDraft: SyncedEnvironmentDraft
-    remoteScripts: Record<WorktreeEnvironmentScriptKey, string>
-  }>()
-  const draftStateRef = useRef<{
-    id?: string
-    name: string
-    scripts: Record<WorktreeEnvironmentScriptKey, string>
-    serializedScripts: string
-  }>({
-    id: draftEnvironmentId,
-    name: nameDraft,
-    scripts: draftScripts,
-    serializedScripts: serializeDraftScripts(draftScripts)
-  })
-  const blockedRef = useRef(false)
-  const conflictModalOpenRef = useRef(false)
-
-  const clearAutoSaveTimer = () => {
-    if (autoSaveTimerRef.current == null) return
-    clearTimeout(autoSaveTimerRef.current)
-    autoSaveTimerRef.current = undefined
-  }
-
-  const applyRemoteDraft = ({
-    remoteDraft,
-    remoteScripts
-  }: {
-    remoteDraft: SyncedEnvironmentDraft
-    remoteScripts: Record<WorktreeEnvironmentScriptKey, string>
-  }) => {
-    setDraftEnvironmentId(remoteDraft.id)
-    setDraftScripts(remoteScripts)
-    setNameDraft(remoteDraft.name)
-    syncedDraftRef.current = remoteDraft
-  }
-
-  useEffect(() => {
-    draftStateRef.current = {
-      id: draftEnvironmentId,
-      name: nameDraft,
-      scripts: draftScripts,
-      serializedScripts: serializeDraftScripts(draftScripts)
-    }
-  }, [draftEnvironmentId, draftScripts, nameDraft])
-
-  useEffect(() => {
-    if (selectedEnvironment == null) {
-      clearAutoSaveTimer()
-      setDraftEnvironmentId(undefined)
-      setDraftScripts(buildDraftScripts())
-      setNameDraft('')
-      syncedDraftRef.current = undefined
-      pendingConflictRef.current = undefined
-      blockedRef.current = false
-      conflictModalOpenRef.current = false
-      return
-    }
-
-    const remoteScripts = buildDraftScripts(selectedEnvironment)
-    const remoteDraft: SyncedEnvironmentDraft = {
-      id: selectedEnvironment.id,
-      name: toDisplayEnvironmentName(selectedEnvironment.id),
-      scripts: serializeDraftScripts(remoteScripts)
-    }
-    const syncedDraft = syncedDraftRef.current
-
-    if (syncedDraft == null) {
-      applyRemoteDraft({ remoteDraft, remoteScripts })
-      return
-    }
-
-    if (
-      syncedDraft.id === remoteDraft.id &&
-      syncedDraft.name === remoteDraft.name &&
-      syncedDraft.scripts === remoteDraft.scripts
-    ) {
-      return
-    }
-
-    const currentDraft = draftStateRef.current
-    const currentSerialized = serializeComparableConfigValue({
-      id: currentDraft.id ?? '',
-      name: currentDraft.name,
-      scripts: currentDraft.serializedScripts
-    })
-    const syncedSerialized = serializeComparableConfigValue({
-      ...syncedDraft
-    })
-    const remoteSerialized = serializeComparableConfigValue({
-      ...remoteDraft
-    })
-    const action = resolveRemoteConfigChangeAction({
-      baseSerialized: syncedSerialized,
-      draftSerialized: currentSerialized,
-      serverSerialized: remoteSerialized
-    })
-
-    if (action === 'sync-remote') {
-      clearAutoSaveTimer()
-      blockedRef.current = false
-      pendingConflictRef.current = undefined
-      applyRemoteDraft({ remoteDraft, remoteScripts })
-      return
-    }
-
-    if (action === 'conflict') {
-      clearAutoSaveTimer()
-      blockedRef.current = true
-      pendingConflictRef.current = { remoteDraft, remoteScripts }
-
-      if (conflictModalOpenRef.current) {
-        return
-      }
-
-      conflictModalOpenRef.current = true
-      modal.confirm({
-        title: t('config.conflict.title'),
-        content: t('config.conflict.description', {
-          source: t(`config.environments.sources.${sourceKey}`),
-          target: remoteDraft.name
-        }),
-        okText: t('config.conflict.keepLocal'),
-        cancelText: t('config.conflict.useRemote'),
-        cancelButtonProps: { danger: true },
-        closable: false,
-        keyboard: false,
-        maskClosable: false,
-        onOk: async () => {
-          const currentDraftState = draftStateRef.current
-          const currentSelectedId = currentDraftState.id ?? selectedId
-          const nextId = toEnvironmentIdForSource(currentDraftState.name, sourceKey)
-
-          if (currentSelectedId == null || nextId === '') {
-            void message.error(t('config.environments.saveFailed'))
-            throw new Error('worktree environment draft is not ready to save')
-          }
-
-          const saved = await saveEnvironmentDraft({
-            draftScripts: currentDraftState.scripts,
-            message,
-            nextId,
-            refreshDetail,
-            refreshEnvironments,
-            selectedId: currentSelectedId,
-            serializedScripts: serializeDraftScripts(currentDraftState.scripts),
-            setSelectedId,
-            sourceKey,
-            t
-          })
-
-          if (!saved) {
-            throw new Error('failed to save worktree environment draft')
-          }
-
-          blockedRef.current = false
-          pendingConflictRef.current = undefined
-          conflictModalOpenRef.current = false
-        },
-        onCancel: () => {
-          const pendingConflict = pendingConflictRef.current
-          if (pendingConflict != null) {
-            applyRemoteDraft(pendingConflict)
-          }
-          blockedRef.current = false
-          pendingConflictRef.current = undefined
-          conflictModalOpenRef.current = false
-        }
-      })
-      return
-    }
-
-    syncedDraftRef.current = remoteDraft
-    blockedRef.current = false
-    pendingConflictRef.current = undefined
-  }, [
-    message,
-    modal,
-    refreshDetail,
-    refreshEnvironments,
-    selectedEnvironment,
-    selectedId,
-    setDraftEnvironmentId,
-    setDraftScripts,
-    setNameDraft,
-    setSelectedId,
-    sourceKey,
-    t
-  ])
-
-  useEffect(() => () => {
-    clearAutoSaveTimer()
-  }, [])
-
-  useEffect(() => {
-    if (selectedId == null || draftEnvironmentId !== selectedId) return
-    if (blockedRef.current) {
-      clearAutoSaveTimer()
-      return
-    }
-    const nextId = toEnvironmentIdForSource(nameDraft, sourceKey)
-    if (nextId === '') return
-
-    const serializedScripts = serializeDraftScripts(draftScripts)
-    const syncedDraft = syncedDraftRef.current
-    if (syncedDraft?.id === selectedId && syncedDraft.name === nameDraft && syncedDraft.scripts === serializedScripts) {
-      return
-    }
-    if (
-      nextId !== selectedId && environments.some(environment => (
-        environment.id === nextId && environment.source === sourceKey
-      ))
-    ) {
-      void message.error(t('config.environments.exists'))
-      return
-    }
-
-    if (autoSaveTimerRef.current != null) {
-      clearAutoSaveTimer()
-    }
-    autoSaveTimerRef.current = setTimeout(() => {
-      if (blockedRef.current) return
-      void saveEnvironmentDraft({
-        draftScripts,
-        message,
-        nextId,
-        refreshDetail,
-        refreshEnvironments,
-        selectedId,
-        serializedScripts,
-        setSelectedId,
-        sourceKey,
-        t
-      })
-    }, AUTO_SAVE_DELAY_MS)
-
-    return () => {
-      clearAutoSaveTimer()
-    }
-  }, [
-    draftEnvironmentId,
-    draftScripts,
-    environments,
-    message,
-    nameDraft,
-    refreshDetail,
-    refreshEnvironments,
-    selectedId,
-    setSelectedId,
-    sourceKey,
-    t
-  ])
-
-  async function saveEnvironmentDraft({
-    draftScripts,
-    message,
-    nextId,
-    refreshDetail,
-    refreshEnvironments,
-    selectedId,
-    serializedScripts,
-    setSelectedId,
-    sourceKey,
-    t
-  }: {
-    draftScripts: Record<WorktreeEnvironmentScriptKey, string>
-    message: MessageApi
-    nextId: string
-    refreshDetail: () => Promise<unknown>
-    refreshEnvironments: () => Promise<unknown>
-    selectedId: string
-    serializedScripts: string
-    setSelectedId: (id: string) => void
-    sourceKey: ConfigSource
-    t: TranslationFn
-  }) {
-    try {
-      await saveWorktreeEnvironment(nextId, { scripts: draftScripts }, sourceKey)
-      if (nextId !== selectedId) {
-        await deleteWorktreeEnvironment(selectedId, sourceKey)
-        setSelectedId(nextId)
-      }
-      syncedDraftRef.current = {
-        id: nextId,
-        name: toDisplayEnvironmentName(nextId),
-        scripts: serializedScripts
-      }
-      await refreshEnvironments()
-      if (nextId === selectedId) {
-        await refreshDetail()
-      }
-      return true
-    } catch (error) {
-      void message.error(getApiErrorMessage(error, t('config.environments.saveFailed')))
-      return false
-    }
-  }
-}