@vibe-forge/client 0.7.4 → 0.8.0

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

@@ -42,47 +42,49 @@ export const RecordJsonEditor = ({
             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')}>
+            <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>
+                <span>{key}</span>
+              </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={isCollapsed ? t('config.editor.expand') : t('config.editor.collapse')}
-                  icon={<span className='material-symbols-rounded'>{isCollapsed ? 'chevron_right' : 'expand_more'}</span>}
+                  aria-label={t('config.editor.remove')}
+                  icon={<span className='material-symbols-rounded'>delete</span>}
                   onClick={() => {
-                    setCollapsedKeys(prev => ({ ...prev, [key]: !isCollapsed }))
+                    const updated = { ...value }
+                    delete updated[key]
+                    onChange(updated)
                   }}
                 />
               </Tooltip>
-              <span>{key}</span>
             </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)
+            <div className='config-view__record-body'>
+              <ComplexTextEditor
+                value={itemValue}
+                onChange={(next) => {
+                  onChange({ ...value, [key]: next })
                 }}
               />
-            </Tooltip>
-          </div>
-          <div className='config-view__record-body'>
-            <ComplexTextEditor
-              value={itemValue}
-              onChange={(next) => {
-                onChange({ ...value, [key]: next })
-              }}
-            />
+            </div>
           </div>
-        </div>
         )
       })}
       <div className='config-view__record-add'>

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

@@ -1,5 +1,5 @@
-export { ChannelRecordEditor } from './ChannelRecordEditor'
 export { BooleanRecordEditor } from './BooleanRecordEditor'
+export { ChannelRecordEditor } from './ChannelRecordEditor'
 export { KeyValueEditor } from './KeyValueEditor'
 export { McpServersRecordEditor } from './McpServersRecordEditor'
 export { ModelServicesRecordEditor } from './ModelServicesRecordEditor'

package/src/components/knowledge-base/components/EmptyState.tsx

@@ -4,7 +4,7 @@ import { Empty } from 'antd'
 
 import { ActionButton } from './ActionButton'
 
-type EmptyStateProps = {
+interface EmptyStateProps {
   description: string
   actionLabel?: string
   onAction?: () => void

package/src/components/knowledge-base/components/EntitiesTab.tsx

@@ -42,7 +42,7 @@ export function EntitiesTab({
       <SectionHeader
         title={t('knowledge.entities.title')}
         description={t('knowledge.entities.desc')}
-        actions={(
+        actions={
           <Space>
             <ActionButton
               icon={<span className='material-symbols-rounded'>download</span>}
@@ -58,7 +58,7 @@ export function EntitiesTab({
               {t('knowledge.entities.create')}
             </ActionButton>
           </Space>
-        )}
+        }
       />
       <FilterBar
         query={query}

package/src/components/knowledge-base/components/EntityItem.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next'
 import type { EntitySummary } from '#~/api.js'
 import { MetaList } from './MetaList'
 
-type EntityItemProps = {
+interface EntityItemProps {
   entity: EntitySummary
 }
 

package/src/components/knowledge-base/components/EntityList.tsx

@@ -9,7 +9,7 @@ import { EntityItem } from './EntityItem'
 import { KnowledgeList } from './KnowledgeList'
 import { LoadingState } from './LoadingState'
 
-type EntityListProps = {
+interface EntityListProps {
   isLoading: boolean
   entities: EntitySummary[]
   filteredEntities: EntitySummary[]

package/src/components/knowledge-base/components/FilterBar.tsx

@@ -2,12 +2,12 @@ import './FilterBar.scss'
 
 import { Input, Select } from 'antd'
 
-type FilterOption = {
+interface FilterOption {
   label: string
   value: string
 }
 
-type FilterBarProps = {
+interface FilterBarProps {
   query: string
   tagOptions: FilterOption[]
   tagFilter: string[]

package/src/components/knowledge-base/components/FlowsTab.tsx

@@ -10,7 +10,7 @@ import { SectionHeader } from './SectionHeader'
 import { SpecList } from './SpecList'
 import { TabContent } from './TabContent'
 
-type FlowsTabProps = {
+interface FlowsTabProps {
   specs: SpecSummary[]
   filteredSpecs: SpecSummary[]
   isLoading: boolean

package/src/components/knowledge-base/components/KnowledgeList.tsx

@@ -3,7 +3,7 @@ import './KnowledgeList.scss'
 import { List } from 'antd'
 import type { ReactNode } from 'react'
 
-type KnowledgeListProps<T> = {
+interface KnowledgeListProps<T> {
   data: T[]
   renderItem: (item: T) => ReactNode
 }

package/src/components/knowledge-base/components/MetaList.tsx

@@ -1,6 +1,6 @@
 import './MetaList.scss'
 
-type MetaListProps = {
+interface MetaListProps {
   items: string[]
 }
 

package/src/components/knowledge-base/components/RuleItem.tsx

@@ -8,7 +8,7 @@ import { getRuleDetail } from '#~/api.js'
 import { MarkdownContent } from '#~/components/MarkdownContent'
 import { LoadingState } from './LoadingState'
 
-type RuleItemProps = {
+interface RuleItemProps {
   rule: RuleSummary
 }
 

package/src/components/knowledge-base/components/RuleList.tsx

@@ -9,7 +9,7 @@ import { KnowledgeList } from './KnowledgeList'
 import { LoadingState } from './LoadingState'
 import { RuleItem } from './RuleItem'
 
-type RuleListProps = {
+interface RuleListProps {
   isLoading: boolean
   rules: RuleSummary[]
   filteredRules: RuleSummary[]

package/src/components/knowledge-base/components/RulesTab.tsx

@@ -9,7 +9,7 @@ import { RuleList } from './RuleList'
 import { SectionHeader } from './SectionHeader'
 import { TabContent } from './TabContent'
 
-type RulesTabProps = {
+interface RulesTabProps {
   rules: RuleSummary[]
   filteredRules: RuleSummary[]
   isLoading: boolean
@@ -35,7 +35,7 @@ export function RulesTab({
       <SectionHeader
         title={t('knowledge.rules.title')}
         description={t('knowledge.rules.desc')}
-        actions={(
+        actions={
           <Space>
             <ActionButton
               icon={<span className='material-symbols-rounded'>download</span>}
@@ -51,7 +51,7 @@ export function RulesTab({
               {t('knowledge.rules.create')}
             </ActionButton>
           </Space>
-        )}
+        }
       />
       <div className='knowledge-base-view__filters'>
         <Input

package/src/components/knowledge-base/components/SectionHeader.tsx

@@ -2,7 +2,7 @@ import './SectionHeader.scss'
 
 import type { ReactNode } from 'react'
 
-type SectionHeaderProps = {
+interface SectionHeaderProps {
   title: string
   description: string
   actions?: ReactNode

package/src/components/knowledge-base/components/SkillsTab.tsx

@@ -8,7 +8,7 @@ import { EmptyState } from './EmptyState'
 import { SectionHeader } from './SectionHeader'
 import { TabContent } from './TabContent'
 
-type SkillsTabProps = {
+interface SkillsTabProps {
   onCreate: () => void
   onImport: () => void
 }
@@ -21,7 +21,7 @@ export function SkillsTab({ onCreate, onImport }: SkillsTabProps) {
       <SectionHeader
         title={t('knowledge.skills.title')}
         description={t('knowledge.skills.desc')}
-        actions={(
+        actions={
           <Space>
             <ActionButton
               icon={<span className='material-symbols-rounded'>download</span>}
@@ -37,7 +37,7 @@ export function SkillsTab({ onCreate, onImport }: SkillsTabProps) {
               {t('knowledge.skills.create')}
             </ActionButton>
           </Space>
-        )}
+        }
       />
       <EmptyState
         description={t('knowledge.skills.empty')}

package/src/components/knowledge-base/components/SpecItem.tsx

@@ -11,7 +11,7 @@ import { MarkdownContent } from '#~/components/MarkdownContent'
 import { LoadingState } from './LoadingState'
 import { MetaList } from './MetaList'
 
-type SpecItemProps = {
+interface SpecItemProps {
   spec: SpecSummary
 }
 

package/src/components/knowledge-base/components/SpecList.tsx

@@ -9,7 +9,7 @@ import { KnowledgeList } from './KnowledgeList'
 import { LoadingState } from './LoadingState'
 import { SpecItem } from './SpecItem'
 
-type SpecListProps = {
+interface SpecListProps {
   isLoading: boolean
   specs: SpecSummary[]
   filteredSpecs: SpecSummary[]

package/src/components/knowledge-base/components/TabContent.tsx

@@ -2,7 +2,7 @@ import './TabContent.scss'
 
 import type { ReactNode } from 'react'
 
-type TabContentProps = {
+interface TabContentProps {
   children: ReactNode
   className?: string
 }

package/src/components/knowledge-base/components/TabLabel.tsx

@@ -1,6 +1,6 @@
 import './TabLabel.scss'
 
-type TabLabelProps = {
+interface TabLabelProps {
   icon: string
   label: string
 }

package/src/components/sidebar/SessionItem.scss

@@ -196,7 +196,6 @@
           }
         }
       }
-
     }
   }
 

package/src/components/sidebar/SessionItem.tsx

@@ -221,7 +221,7 @@ export function SessionItem({
             </Tooltip>
           </div>
           <div className='tags-container'>
-            {session.tags?.map(tag => {
+            {session.tags?.map((tag: string) => {
               const automationTag = parseAutomationTag(tag)
               if (automationTag) {
                 const href = `/automation?rule=${encodeURIComponent(automationTag.ruleId)}`

package/src/hooks/chat/model-selector.ts

@@ -1,150 +1,144 @@
-import type { ModelServiceConfig } from '@vibe-forge/core'
-
-export interface ServiceModelEntry {
-  serviceKey: string
-  model: string
-  selectorValue: string
-}
-
-const normalizeNonEmptyString = (value: string | undefined) => {
-  const normalized = typeof value === 'string' ? value.trim() : ''
-  return normalized === '' ? undefined : normalized
+import type { AdapterBuiltinModel, ModelMetadataConfig, ServiceModelEntry } from '@vibe-forge/types'
+import {
+  buildServiceModelSelector,
+  listServiceModels,
+  mergeAdapterConfigs,
+  normalizeNonEmptyString,
+  parseServiceModelSelector,
+  resolveAdapterConfiguredDefaultModel,
+  resolveAdapterModelCompatibility,
+  resolveDefaultModelSelection,
+  resolveModelDefaultAdapter,
+  resolveModelSelection,
+  resolveServiceModelSelector
+} from '@vibe-forge/utils/model-selection'
+
+export type { ServiceModelEntry }
+export {
+  buildServiceModelSelector,
+  listServiceModels,
+  mergeAdapterConfigs,
+  normalizeNonEmptyString,
+  parseServiceModelSelector,
+  resolveAdapterModelCompatibility,
+  resolveServiceModelSelector
 }
 
-export const buildServiceModelSelector = (serviceKey: string, modelName: string) => `${serviceKey},${modelName}`
-
-export const parseServiceModelSelector = (value: string | undefined) => {
-  const normalizedValue = normalizeNonEmptyString(value)
-  if (!normalizedValue || !normalizedValue.includes(',')) return undefined
-
-  const [serviceKey, modelName] = normalizedValue.split(/,(.+)/)
-  const normalizedServiceKey = normalizeNonEmptyString(serviceKey)
-  const normalizedModelName = normalizeNonEmptyString(modelName)
-  if (!normalizedServiceKey || !normalizedModelName) return undefined
-
-  return {
-    serviceKey: normalizedServiceKey,
-    modelName: normalizedModelName,
-    selectorValue: buildServiceModelSelector(normalizedServiceKey, normalizedModelName)
-  }
+export const resolveChatModelSelection = (params: {
+  value?: string
+  builtinModels?: Iterable<string>
+  serviceModels: ServiceModelEntry[]
+  defaultModelService?: string
+  preserveUnknown?: boolean
+}) => {
+  return resolveModelSelection({
+    value: params.value,
+    builtinModels: params.builtinModels,
+    serviceModels: params.serviceModels,
+    preferredServiceKey: params.defaultModelService,
+    preserveUnknown: params.preserveUnknown
+  })
 }
 
-export const listServiceModels = (modelServices: Record<string, ModelServiceConfig>) => {
-  const list: ServiceModelEntry[] = []
-
-  for (const [serviceKey, serviceValue] of Object.entries(modelServices)) {
-    const normalizedServiceKey = normalizeNonEmptyString(serviceKey)
-    if (!normalizedServiceKey) continue
-
-    const service = (serviceValue != null && typeof serviceValue === 'object')
-      ? serviceValue
-      : undefined
-    const models = Array.isArray(service?.models) ? service.models : []
-
-    for (const model of models) {
-      const normalizedModel = normalizeNonEmptyString(model)
-      if (!normalizedModel) continue
-
-      list.push({
-        serviceKey: normalizedServiceKey,
-        model: normalizedModel,
-        selectorValue: buildServiceModelSelector(normalizedServiceKey, normalizedModel)
-      })
-    }
-  }
-
-  return list
+export const resolveDefaultChatModelSelection = (params: {
+  defaultModel?: string
+  defaultModelService?: string
+  builtinModels?: Iterable<string>
+  serviceModels: ServiceModelEntry[]
+  preserveUnknownDefaultModel?: boolean
+}) => {
+  return resolveDefaultModelSelection({
+    defaultModel: params.defaultModel,
+    defaultModelService: params.defaultModelService,
+    builtinModels: params.builtinModels,
+    serviceModels: params.serviceModels,
+    preserveUnknownDefaultModel: params.preserveUnknownDefaultModel
+  })
 }
 
-const findExactServiceModel = (serviceModels: ServiceModelEntry[], serviceKey: string, modelName: string) => (
-  serviceModels.find(entry => entry.serviceKey === serviceKey && entry.model === modelName)
-)
-
-export const resolveServiceModelSelector = (params: {
+export const resolveChatAdapterSelection = (params: {
   value?: string
-  serviceModels: ServiceModelEntry[]
-  preferredServiceKey?: string
+  availableAdapters: Iterable<string>
+  defaultAdapter?: string
+  preserveUnknown?: boolean
 }) => {
   const normalizedValue = normalizeNonEmptyString(params.value)
-  if (!normalizedValue) return undefined
+  const adapterKeys = Array.from(params.availableAdapters)
+  const adapterSet = new Set(adapterKeys)
+  const normalizedDefaultAdapter = normalizeNonEmptyString(params.defaultAdapter)
 
-  const parsed = parseServiceModelSelector(normalizedValue)
-  if (parsed) {
-    const exactMatch = findExactServiceModel(params.serviceModels, parsed.serviceKey, parsed.modelName)
-    if (exactMatch) return exactMatch.selectorValue
+  if (normalizedValue) {
+    if (adapterSet.has(normalizedValue)) return normalizedValue
+    if (params.preserveUnknown === true) return normalizedValue
   }
+  if (normalizedDefaultAdapter && adapterSet.has(normalizedDefaultAdapter)) return normalizedDefaultAdapter
+  return adapterKeys[0]
+}
 
-  const modelName = parsed?.modelName ?? normalizedValue
-  const candidates = params.serviceModels.filter(entry => entry.model === modelName)
-  if (candidates.length === 0) return undefined
-
-  const preferredKeys = [parsed?.serviceKey, normalizeNonEmptyString(params.preferredServiceKey)]
-    .filter((value, index, array): value is string => Boolean(value) && array.indexOf(value) === index)
-
-  for (const preferredKey of preferredKeys) {
-    const candidate = candidates.find(entry => entry.serviceKey === preferredKey)
-    if (candidate) return candidate.selectorValue
-  }
+const findBuiltinModelAdapters = (
+  model: string | undefined,
+  adapterBuiltinModels: Record<string, AdapterBuiltinModel[]>
+) => {
+  const normalizedModel = normalizeNonEmptyString(model)
+  if (!normalizedModel) return []
 
-  return candidates[0]?.selectorValue
+  return Object.entries(adapterBuiltinModels)
+    .filter(([, models]) => Array.isArray(models) && models.some(item => item?.value === normalizedModel))
+    .map(([adapterKey]) => adapterKey)
 }
 
-export const resolveChatModelSelection = (params: {
-  value?: string
-  builtinModels?: Iterable<string>
-  serviceModels: ServiceModelEntry[]
-  defaultModelService?: string
+export const resolveAdapterForChatModelSelection = (params: {
+  model?: string
+  availableAdapters: Iterable<string>
+  defaultAdapter?: string
+  adapterBuiltinModels?: Record<string, AdapterBuiltinModel[]>
+  modelMetadata?: Record<string, ModelMetadataConfig>
 }) => {
-  const normalizedValue = normalizeNonEmptyString(params.value)
-  if (!normalizedValue) return undefined
+  const adapterKeys = Array.from(params.availableAdapters)
+  const adapterSet = new Set(adapterKeys)
+  const metadataAdapter = resolveModelDefaultAdapter({
+    model: params.model,
+    models: params.modelMetadata
+  })
+  if (metadataAdapter && adapterSet.has(metadataAdapter)) return metadataAdapter
 
-  const builtinModelSet = new Set(
-    Array.from(params.builtinModels ?? [])
-      .map(item => normalizeNonEmptyString(item))
-      .filter((item): item is string => Boolean(item))
+  const builtinAdapters = findBuiltinModelAdapters(
+    params.model,
+    params.adapterBuiltinModels ?? {}
   )
+  const normalizedDefaultAdapter = normalizeNonEmptyString(params.defaultAdapter)
+  if (normalizedDefaultAdapter && builtinAdapters.includes(normalizedDefaultAdapter)) return normalizedDefaultAdapter
+  if (builtinAdapters.length > 0) return builtinAdapters[0]
 
-  if (builtinModelSet.has(normalizedValue)) return normalizedValue
-
-  return resolveServiceModelSelector({
-    value: normalizedValue,
-    serviceModels: params.serviceModels,
-    preferredServiceKey: params.defaultModelService
+  return resolveChatAdapterSelection({
+    availableAdapters: adapterKeys,
+    defaultAdapter: params.defaultAdapter
   })
 }
 
-export const resolveDefaultChatModelSelection = (params: {
+export const resolveModelForChatAdapterSelection = (params: {
+  adapter?: string
+  adapters?: Record<string, unknown>
   defaultModel?: string
   defaultModelService?: string
   builtinModels?: Iterable<string>
+  fallbackBuiltinModels?: Iterable<string>
   serviceModels: ServiceModelEntry[]
 }) => {
-  const builtinModels = Array.from(params.builtinModels ?? [])
-    .map(item => normalizeNonEmptyString(item))
-    .filter((item): item is string => Boolean(item))
-  const builtinModelSet = new Set(builtinModels)
-  const normalizedDefaultModel = normalizeNonEmptyString(params.defaultModel)
-
-  if (normalizedDefaultModel) {
-    const parsed = parseServiceModelSelector(normalizedDefaultModel)
-    const resolvedServiceModel = resolveServiceModelSelector({
-      value: normalizedDefaultModel,
-      serviceModels: params.serviceModels,
-      preferredServiceKey: parsed?.serviceKey ?? params.defaultModelService
-    })
-    if (resolvedServiceModel) return resolvedServiceModel
-
-    if (builtinModelSet.has(normalizedDefaultModel)) return normalizedDefaultModel
-    if (parsed?.modelName && builtinModelSet.has(parsed.modelName)) return parsed.modelName
-  }
-
-  const normalizedDefaultModelService = normalizeNonEmptyString(params.defaultModelService)
-  if (normalizedDefaultModelService) {
-    const defaultServiceModel = params.serviceModels.find(entry => entry.serviceKey === normalizedDefaultModelService)
-    if (defaultServiceModel) return defaultServiceModel.selectorValue
-  }
-
-  if (builtinModels.length > 0) return builtinModels[0]
+  const adapterConfiguredModel = resolveAdapterConfiguredDefaultModel({
+    adapterConfig: params.adapter != null ? params.adapters?.[params.adapter] : undefined,
+    builtinModels: params.builtinModels,
+    serviceModels: params.serviceModels,
+    preferredServiceKey: params.defaultModelService,
+    preserveUnknown: false
+  })
+  if (adapterConfiguredModel) return adapterConfiguredModel
 
-  return params.serviceModels[0]?.selectorValue
+  return resolveDefaultChatModelSelection({
+    defaultModel: params.defaultModel,
+    defaultModelService: params.defaultModelService,
+    builtinModels: params.builtinModels ?? params.fallbackBuiltinModels,
+    serviceModels: params.serviceModels,
+    preserveUnknownDefaultModel: false
+  })
 }

package/src/hooks/chat/use-chat-adapter.ts

@@ -1,10 +1,10 @@
-import { type ReactNode, createElement } from 'react'
-import { useEffect, useMemo, useState } from 'react'
+import { createElement, useEffect, useMemo, useState } from 'react'
+import type { ReactNode } from 'react'
 import useSWR from 'swr'
 
 import { getConfig } from '#~/api.js'
 import { getAdapterDisplay } from '#~/resources/adapters.js'
-import type { ConfigResponse } from '@vibe-forge/core'
+import type { ConfigResponse } from '@vibe-forge/types'
 
 const ADAPTER_STORAGE_KEY = 'vf_chat_adapter'
 

package/src/hooks/chat/use-chat-interaction.ts

@@ -1,7 +1,7 @@
 import { useCallback, useState } from 'react'
 
-import type { AskUserQuestionParams } from '@vibe-forge/core'
 import { connectionManager } from '#~/connectionManager.js'
+import type { AskUserQuestionParams } from '@vibe-forge/core'
 
 export function useChatInteraction({ sessionId }: { sessionId?: string }) {
   const [interactionRequest, setInteractionRequest] = useState<{ id: string; payload: AskUserQuestionParams } | null>(