@vibe-forge/client 0.7.3 → 0.8.0

package/src/components/chat/sender/Sender.tsx

@@ -7,7 +7,8 @@ import { useTranslation } from 'react-i18next'
 import useSWR from 'swr'
 
 import type { PermissionMode } from '#~/hooks/chat/use-chat-permission-mode'
-import type { AskUserQuestionParams, ChatMessageContent, SessionInfo, SessionStatus } from '@vibe-forge/core'
+import type { SessionInfo } from '@vibe-forge/types'
+import type { AskUserQuestionParams, ChatMessageContent, SessionStatus } from '@vibe-forge/core'
 import { isShortcutMatch } from '../../../utils/shortcutUtils'
 import type { CompletionItem } from './CompletionMenu'
 import { CompletionMenu } from './CompletionMenu'
@@ -35,6 +36,9 @@ interface PendingImage {
   mimeType?: string
 }
 
+type SessionAssetDiagnostic = NonNullable<Extract<SessionInfo, { type: 'init' }>['assetDiagnostics']>[number]
+type SessionSelectionWarning = NonNullable<Extract<SessionInfo, { type: 'init' }>['selectionWarnings']>[number]
+
 interface SenderToolGroup {
   key: 'chrome-devtools' | 'system'
   label: string
@@ -135,18 +139,26 @@ export function Sender({
 
   const isThinking = sessionStatus === 'running'
   const groupedTools: SenderToolGroup[] = sessionInfo != null && sessionInfo.type === 'init'
-    ? [
-        {
-          key: 'chrome-devtools',
-          label: t('chat.toolGroupChromeDevtools'),
-          tools: sessionInfo.tools.filter(tool => tool.startsWith('mcp__ChromeDevtools__'))
-        },
-        {
-          key: 'system',
-          label: t('chat.toolGroupSystem'),
-          tools: sessionInfo.tools.filter(tool => !tool.startsWith('mcp__ChromeDevtools__'))
-        }
-      ].filter(group => group.tools.length > 0)
+    ? ([
+      {
+        key: 'chrome-devtools',
+        label: t('chat.toolGroupChromeDevtools'),
+        tools: sessionInfo.tools.filter((tool: string) => tool.startsWith('mcp__ChromeDevtools__'))
+      },
+      {
+        key: 'system',
+        label: t('chat.toolGroupSystem'),
+        tools: sessionInfo.tools.filter((tool: string) => !tool.startsWith('mcp__ChromeDevtools__'))
+      }
+    ] satisfies SenderToolGroup[]).filter((group): group is SenderToolGroup => group.tools.length > 0)
+    : []
+  const assetWarnings = sessionInfo != null && sessionInfo.type === 'init'
+    ? (sessionInfo.assetDiagnostics ?? []).filter((diagnostic: SessionAssetDiagnostic) =>
+      diagnostic.status === 'skipped'
+    )
+    : []
+  const selectionWarnings = sessionInfo != null && sessionInfo.type === 'init'
+    ? (sessionInfo.selectionWarnings ?? [])
     : []
   const toolCascaderOptions: SenderToolOption[] = groupedTools.map(group => ({
     value: group.key,
@@ -171,6 +183,19 @@ export function Sender({
   const [historyIndex, setHistoryIndex] = useState(-1)
   const [draft, setDraft] = useState('')
 
+  const formatSelectionWarning = (warning: SessionSelectionWarning) => {
+    const reason = warning.reason === 'excluded'
+      ? t('chat.selectionWarningReasonExcluded')
+      : t('chat.selectionWarningReasonNotIncluded')
+
+    return t('chat.selectionWarningFallback', {
+      adapter: warning.adapter,
+      requestedModel: warning.requestedModel,
+      resolvedModel: warning.resolvedModel,
+      reason
+    })
+  }
+
   const readFileAsDataUrl = (file: File) => {
     return new Promise<string>((resolve, reject) => {
       const reader = new FileReader()
@@ -240,7 +265,7 @@ export function Sender({
       if (input.trim() !== '') {
         content.push({ type: 'text', text: input.trim() })
       }
-      content.push(...pendingImages.map(img => ({
+      content.push(...pendingImages.map((img): ChatMessageContent => ({
         type: 'image',
         url: img.url,
         name: img.name,
@@ -521,19 +546,19 @@ export function Sender({
       if (sessionInfo?.type === 'init') {
         const info = sessionInfo
         if (charBeforeCursor === '/') {
-          items = (info.slashCommands != null ? info.slashCommands : []).map(cmd => ({
+          items = (info.slashCommands != null ? info.slashCommands : []).map((cmd: string) => ({
             label: `/${cmd}`,
             value: cmd,
             icon: 'terminal'
           }))
         } else if (charBeforeCursor === '@') {
-          items = (info.agents != null ? info.agents : []).map(agent => ({
+          items = (info.agents != null ? info.agents : []).map((agent: string) => ({
             label: `@${agent}`,
             value: agent,
             icon: 'smart_toy'
           }))
         } else if (charBeforeCursor === '#') {
-          items = (info.tools != null ? info.tools : []).map(tool => ({
+          items = (info.tools != null ? info.tools : []).map((tool: string) => ({
             label: `#${tool}`,
             value: tool,
             icon: 'check_box'
@@ -578,7 +603,7 @@ export function Sender({
           <div className='interaction-question' style={{ fontWeight: 'bold' }}>
             {interactionRequest.payload.question}
           </div>
-          {interactionRequest.payload.options?.map((option) => (
+          {interactionRequest.payload.options?.map((option: NonNullable<AskUserQuestionParams['options']>[number]) => (
             <Button
               key={option.label}
               block
@@ -689,6 +714,61 @@ export function Sender({
 
             {sessionInfo != null && sessionInfo.type === 'init' && (
               <div className='session-info-toolbar'>
+                {selectionWarnings.length > 0 && (
+                  <Tooltip
+                    placement='topLeft'
+                    title={
+                      <div className='asset-warning-tooltip'>
+                        <div className='asset-warning-tooltip__title'>{t('chat.selectionWarningsTitle')}</div>
+                        {selectionWarnings.slice(0, 5).map((warning: SessionSelectionWarning, index: number) => (
+                          <div key={`${warning.adapter}:${warning.requestedModel}:${index}`} className='asset-warning-tooltip__item'>
+                            <span>{formatSelectionWarning(warning)}</span>
+                          </div>
+                        ))}
+                        {selectionWarnings.length > 5 && (
+                          <div className='asset-warning-tooltip__more'>
+                            {t('chat.assetWarningsMore', { count: selectionWarnings.length - 5 })}
+                          </div>
+                        )}
+                      </div>
+                    }
+                  >
+                    <div className='info-item asset-warning-item'>
+                      <span className='info-item-leading'>
+                        <span className='material-symbols-rounded'>warning</span>
+                      </span>
+                      <span className='info-text'>{t('chat.selectionWarningsCount', { count: selectionWarnings.length })}</span>
+                    </div>
+                  </Tooltip>
+                )}
+                {assetWarnings.length > 0 && (
+                  <Tooltip
+                    placement='topLeft'
+                    title={
+                      <div className='asset-warning-tooltip'>
+                        <div className='asset-warning-tooltip__title'>{t('chat.assetWarningsTitle')}</div>
+                        {assetWarnings.slice(0, 5).map((warning: SessionAssetDiagnostic) => (
+                          <div key={warning.assetId} className='asset-warning-tooltip__item'>
+                            <code>{warning.assetId}</code>
+                            <span>{warning.reason}</span>
+                          </div>
+                        ))}
+                        {assetWarnings.length > 5 && (
+                          <div className='asset-warning-tooltip__more'>
+                            {t('chat.assetWarningsMore', { count: assetWarnings.length - 5 })}
+                          </div>
+                        )}
+                      </div>
+                    }
+                  >
+                    <div className='info-item asset-warning-item'>
+                      <span className='info-item-leading'>
+                        <span className='material-symbols-rounded'>warning</span>
+                      </span>
+                      <span className='info-text'>{t('chat.assetWarningsCount', { count: assetWarnings.length })}</span>
+                    </div>
+                  </Tooltip>
+                )}
                 <Cascader
                   open={showToolsList}
                   options={toolCascaderOptions}

package/src/components/chat/session-timeline-panel/git-graph.ts

@@ -1,4 +1,11 @@
-import type { Task, TimelineDiagram, TimelineEvent, TimelineEventType, TimelineInteraction, TimelineInteractionPayload } from './types'
+import type {
+  Task,
+  TimelineDiagram,
+  TimelineEvent,
+  TimelineEventType,
+  TimelineInteraction,
+  TimelineInteractionPayload
+} from './types'
 import { parseTime, sanitizeId } from './utils'
 
 interface MermaidLabels {

package/src/components/chat/session-timeline-panel/index.scss

@@ -19,10 +19,10 @@
 
 .session-timeline-mermaid__interactive {
   cursor: pointer;
-  transition: filter 0.2s ease, opacity 0.2s ease;
+  transition: filter .2s ease, opacity .2s ease;
 }
 
 .session-timeline-mermaid__interactive:hover {
   filter: drop-shadow(0 0 6px var(--primary-color));
-  opacity: 0.9;
+  opacity: .9;
 }

package/src/components/chat/tools/DefaultTool.tsx

@@ -1,9 +1,9 @@
-import type { ChatMessageContent } from '@vibe-forge/core'
-import { useTranslation } from 'react-i18next'
 import { CodeBlock } from '#~/components/CodeBlock'
 import { MarkdownContent } from '#~/components/MarkdownContent'
-import { ToolCallBox } from './core/ToolCallBox'
 import { safeJsonStringify, toSerializable } from '#~/utils/safe-serialize'
+import type { ChatMessageContent } from '@vibe-forge/core'
+import { useTranslation } from 'react-i18next'
+import { ToolCallBox } from './core/ToolCallBox'
 
 interface StructuredTextBlock {
   type: 'text'

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

@@ -1,10 +1,10 @@
 import './BashTool.scss'
+import { CodeBlock } from '#~/components/CodeBlock'
+import { safeJsonStringify } from '#~/utils/safe-serialize'
 import type { ToolInputs } from '@vibe-forge/core'
 import React, { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { CodeBlock } from '#~/components/CodeBlock'
 import { ToolCallBox } from '../core/ToolCallBox'
-import { safeJsonStringify } from '#~/utils/safe-serialize'
 import { defineToolRender } from '../defineToolRender'
 
 export const BashTool = defineToolRender(({ item, resultItem }) => {

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

@@ -1,8 +1,8 @@
 import './GlobTool.scss'
-import React, { useMemo } from 'react'
+import { safeJsonStringify } from '#~/utils/safe-serialize'
 import type { ToolInputs } from '@vibe-forge/core'
+import React, { useMemo } from 'react'
 import { ToolCallBox } from '../core/ToolCallBox'
-import { safeJsonStringify } from '#~/utils/safe-serialize'
 import { defineToolRender } from '../defineToolRender'
 import { FileList } from './components/FileList'
 import { normalizeResultLines } from './utils'

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

@@ -1,8 +1,8 @@
 import './GrepTool.scss'
-import React, { useMemo } from 'react'
 import { CodeBlock } from '#~/components/CodeBlock'
-import { ToolCallBox } from '../core/ToolCallBox'
 import { safeJsonStringify } from '#~/utils/safe-serialize'
+import React, { useMemo } from 'react'
+import { ToolCallBox } from '../core/ToolCallBox'
 import { defineToolRender } from '../defineToolRender'
 import { FileList } from './components/FileList'
 import { normalizeResultLines } from './utils'

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

@@ -1,10 +1,10 @@
 import './LsTool.scss'
-import React, { useMemo } from 'react'
-import type { ToolInputs } from '@vibe-forge/core'
-import { defineToolRender } from '../defineToolRender'
 import { CodeBlock } from '#~/components/CodeBlock'
-import { ToolCallBox } from '../core/ToolCallBox'
 import { safeJsonStringify } from '#~/utils/safe-serialize'
+import type { ToolInputs } from '@vibe-forge/core'
+import React, { useMemo } from 'react'
+import { ToolCallBox } from '../core/ToolCallBox'
+import { defineToolRender } from '../defineToolRender'
 import { FileList } from './components/FileList'
 
 export const LsTool = defineToolRender(({ item, resultItem }) => {

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

@@ -1,2 +1 @@
-.read-tool {
-}
+.read-tool {}

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

@@ -1,10 +1,10 @@
 import './ReadTool.scss'
+import { CodeBlock } from '#~/components/CodeBlock'
+import { safeJsonStringify } from '#~/utils/safe-serialize'
+import type { ToolInputs } from '@vibe-forge/core'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ToolInputs } from '@vibe-forge/core'
-import { CodeBlock } from '#~/components/CodeBlock'
 import { ToolCallBox } from '../core/ToolCallBox'
-import { safeJsonStringify } from '#~/utils/safe-serialize'
 import { defineToolRender } from '../defineToolRender'
 import { getFileInfo, getLanguageFromPath } from './utils'
 

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

@@ -1,7 +1,7 @@
 import './TodoTool.scss'
+import type { ToolInputs } from '@vibe-forge/core'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ToolInputs } from '@vibe-forge/core'
 
 import { ToolCallBox } from '../core/ToolCallBox'
 import { defineToolRender } from '../defineToolRender'

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

@@ -1,7 +1,7 @@
 import './WriteTool.scss'
-import React from 'react'
-import type { ToolInputs } from '@vibe-forge/core'
 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'

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

@@ -1,5 +1,7 @@
 .file-list-container {
-  font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'Consolas', 'Courier New', monospace;
+  font-family:
+    'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'Consolas',
+    'Courier New', monospace;
   font-size: 12px;
   line-height: 1.4;
   border-radius: 6px;
@@ -16,7 +18,7 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  transition: background-color 0.2s ease;
+  transition: background-color .2s ease;
 
   &:hover {
     background-color: var(--tag-bg);

package/src/components/chat/tools/core/ToolCallBox.scss

@@ -133,44 +133,43 @@
         border-radius: 0;
       }
 
-        .tool-result-structured {
-          display: flex;
-          flex-direction: column;
-          gap: 12px;
-          padding: 12px;
-        }
-
-        .tool-result-text {
-          font-size: 13px;
-          color: var(--text-color);
-        }
-
-        .tool-result-text-content {
-          white-space: pre-wrap;
-          line-height: 1.6;
-        }
-
-        .tool-result-image-wrapper {
-          display: flex;
-          flex-direction: column;
-          gap: 6px;
-        }
-
-        .tool-result-image {
-          max-width: 100%;
-          border-radius: 6px;
-          border: 1px solid var(--border-color);
-          background: var(--bg-color);
-        }
-
-        .tool-result-image-caption {
-          font-size: 12px;
-          color: var(--sub-text-color);
-        }
+      .tool-result-structured {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        padding: 12px;
+      }
+
+      .tool-result-text {
+        font-size: 13px;
+        color: var(--text-color);
+      }
+
+      .tool-result-text-content {
+        white-space: pre-wrap;
+        line-height: 1.6;
+      }
+
+      .tool-result-image-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+      }
+
+      .tool-result-image {
+        max-width: 100%;
+        border-radius: 6px;
+        border: 1px solid var(--border-color);
+        background: var(--bg-color);
+      }
+
+      .tool-result-image-caption {
+        font-size: 12px;
+        color: var(--sub-text-color);
+      }
     }
   }
 
-
   .tool-header-content {
     display: flex;
     align-items: center;

package/src/components/chat/tools/core/ToolGroup.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next'
 import { MessageFooter } from '../../messages/MessageFooter'
 import { ToolRenderer } from './ToolRenderer'
 
-type ToolGroupProps = {
+interface ToolGroupProps {
   items: {
     item: Extract<ChatMessageContent, { type: 'tool_use' }>
     resultItem?: Extract<ChatMessageContent, { type: 'tool_result' }>
@@ -112,10 +112,10 @@ const areToolGroupPropsEqual = (prev: ToolGroupProps, next: ToolGroupProps) => {
   }
   if (prev.footer == null && next.footer == null) return true
   if (prev.footer == null || next.footer == null) return false
-  return prev.footer.originalMessage === next.footer.originalMessage
-    && prev.footer.createdAt === next.footer.createdAt
-    && prev.footer.model === next.footer.model
-    && prev.footer.usage === next.footer.usage
+  return prev.footer.originalMessage === next.footer.originalMessage &&
+    prev.footer.createdAt === next.footer.createdAt &&
+    prev.footer.model === next.footer.model &&
+    prev.footer.usage === next.footer.usage
 }
 
 export const ToolGroup = React.memo(ToolGroupComponent, areToolGroupPropsEqual)

package/src/components/chat/tools/plugin-chrome-devtools/ChromeDevtoolsTool.tsx

@@ -3,8 +3,8 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 import { CodeBlock } from '#~/components/CodeBlock'
-import { ToolCallBox } from '../core/ToolCallBox'
 import { safeJsonStringify } from '#~/utils/safe-serialize'
+import { ToolCallBox } from '../core/ToolCallBox'
 import { defineToolRender } from '../defineToolRender'
 
 const formatToolName = (name: string) => {

package/src/components/chat/tools/task/GetTaskInfoTool.tsx

@@ -1,8 +1,8 @@
 import './GetTaskInfoTool.scss'
 
+import type { ToolInputs } from '@vibe-forge/core'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ToolInputs } from '@vibe-forge/core'
 
 import { ToolCallBox } from '../core/ToolCallBox'
 import { defineToolRender } from '../defineToolRender'

package/src/components/chat/tools/task/StartTasksTool.tsx

@@ -1,8 +1,8 @@
 import './StartTasksTool.scss'
 
+import type { ToolInputs } from '@vibe-forge/core'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { ToolInputs } from '@vibe-forge/core'
 
 import { ToolCallBox } from '../core/ToolCallBox'
 import { defineToolRender } from '../defineToolRender'
@@ -54,7 +54,7 @@ export const StartTasksTool = defineToolRender(({ item, resultItem }) => {
         content={
           <div className='tool-content'>
             <div className='start-tasks-tool__list'>
-              {tasks.map((task, idx) => {
+              {tasks.map((task: StartTask, idx: number) => {
                 const { description, type, name, adapter, background } = task
                 const { status, taskId, logs = [] } = taskResults?.[idx] ?? {}
                 const metaChips = [

package/src/components/chat/tools/task/components/TaskRow.tsx

@@ -3,10 +3,10 @@ import './TaskRow.scss'
 import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 
-import type { ChatMessage, WSEvent } from '@vibe-forge/core'
+import type { ChatMessage, ChatMessageContent, WSEvent } from '@vibe-forge/core'
 
-import { connectionManager } from '#~/connectionManager.js'
 import { MarkdownContent } from '#~/components/MarkdownContent'
+import { connectionManager } from '#~/connectionManager.js'
 
 export interface TaskRowProps {
   description?: string
@@ -135,7 +135,7 @@ export function TaskRow({
         )}
         {chips.length > 0 && (
           <div className='task-row__meta'>
-            {chips.map((item) => (
+            {chips.map((item: string) => (
               <span className='task-row__meta-chip' key={item}>{item}</span>
             ))}
           </div>
@@ -156,7 +156,7 @@ function extractMessageText(message: ChatMessage): string {
   }
   if (Array.isArray(message.content)) {
     return message.content
-      .map((c) => (c.type === 'text' ? c.text : ''))
+      .map((c: ChatMessageContent) => (c.type === 'text' ? c.text : ''))
       .join('')
   }
   return ''

package/src/components/chat/tools/task/components/TaskToolCard.tsx

@@ -3,10 +3,10 @@ import './TaskToolCard.scss'
 import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 
-import type { ChatMessage, WSEvent } from '@vibe-forge/core'
+import type { ChatMessage, ChatMessageContent, WSEvent } from '@vibe-forge/core'
 
-import { connectionManager } from '#~/connectionManager.js'
 import { CodeBlock } from '#~/components/CodeBlock'
+import { connectionManager } from '#~/connectionManager.js'
 
 export interface TaskToolCardProps {
   description?: string
@@ -149,7 +149,7 @@ export function TaskToolCard({
         )}
         {chips.length > 0 && (
           <div className='task-tool-card__meta'>
-            {chips.map((item) => (
+            {chips.map((item: string) => (
               <span className='task-tool-card__meta-chip' key={item}>{item}</span>
             ))}
           </div>
@@ -172,7 +172,7 @@ function extractMessageText(message: ChatMessage): string {
   }
   if (Array.isArray(message.content)) {
     return message.content
-      .map((c) => (c.type === 'text' ? c.text : ''))
+      .map((c: ChatMessageContent) => (c.type === 'text' ? c.text : ''))
       .join('')
   }
   return ''

package/src/components/config/ConfigAboutSection.tsx

@@ -1,6 +1,6 @@
 import './ConfigAboutSection.scss'
 
-import type { AboutInfo } from '@vibe-forge/core'
+import type { AboutInfo } from '@vibe-forge/types'
 import { useTranslation } from 'react-i18next'
 
 export const AboutSection = ({ value }: { value?: AboutInfo }) => {

package/src/components/config/ConfigSectionForm.tsx

@@ -50,7 +50,7 @@ export const SectionForm = ({
   if (fields.length === 0) {
     return <Empty description={t('common.noData')} image={null} />
   }
-  const directRecordSections = new Set(['modelServices', 'channels', 'adapters', 'plugins', 'mcp'])
+  const directRecordSections = new Set(['models', 'modelServices', 'channels', 'adapters', 'plugins', 'mcp'])
 
   const modelServiceEntries = Object.entries(mergedModelServices)
   const modelServiceOptions: Array<{ value: string; label: ReactNode }> = modelServiceEntries.map(([key, entry]) => {
@@ -97,6 +97,7 @@ export const SectionForm = ({
   const notificationEventOrder = ['completed', 'failed', 'terminated', 'waiting_input']
 
   const getRecordKeyPlaceholder = (field: FieldSpec) => {
+    if (sectionKey === 'models') return t('config.editor.newModelSelectorName')
     if (sectionKey === 'modelServices') return t('config.editor.newModelServiceName')
     if (sectionKey === 'channels') return t('config.editor.newChannelName')
     if (sectionKey === 'adapters') return t('config.editor.newAdapterName')

package/src/components/config/ConfigSectionPanel.tsx

@@ -3,8 +3,8 @@ import '../ConfigView.scss'
 import type { ReactNode } from 'react'
 
 import { SectionForm } from './ConfigSectionForm'
-import type { TranslationFn } from './configUtils'
 import type { FieldSpec } from './configSchema'
+import type { TranslationFn } from './configUtils'
 
 export function ConfigSectionPanel({
   sectionKey,

package/src/components/config/ConfigShortcutInput.scss

@@ -7,5 +7,5 @@
 .config-shortcut-input .ant-input {
   text-align: center;
   font-weight: 600;
-  letter-spacing: 0.5px;
+  letter-spacing: .5px;
 }

package/src/components/config/ConfigSourceSwitch.tsx

@@ -6,7 +6,7 @@ import type { ConfigSource } from '@vibe-forge/core'
 export function ConfigSourceSwitch({
   value,
   onChange,
-  options,
+  options
 }: {
   value: ConfigSource
   onChange: (value: ConfigSource) => void

package/src/components/config/configSchema.ts

@@ -79,7 +79,13 @@ export const configSchema: Record<string, FieldSpec[]> = {
     { path: ['permissions', 'deny'], type: 'string[]', defaultValue: [], icon: 'block', group: 'permissions' },
     { path: ['permissions', 'ask'], type: 'string[]', defaultValue: [], icon: 'help', group: 'permissions' },
     { path: ['env'], type: 'record', recordKind: 'keyValue', defaultValue: {}, icon: 'terminal', group: 'env' },
-    { path: ['notifications', 'disabled'], type: 'boolean', defaultValue: false, icon: 'notifications', group: 'items' },
+    {
+      path: ['notifications', 'disabled'],
+      type: 'boolean',
+      defaultValue: false,
+      icon: 'notifications',
+      group: 'items'
+    },
     { path: ['notifications', 'volume'], type: 'number', defaultValue: 100, icon: 'volume_down', group: 'items' },
     {
       path: ['notifications', 'events', 'completed', 'title'],
@@ -251,6 +257,15 @@ export const configSchema: Record<string, FieldSpec[]> = {
     },
     { path: ['customInstructions'], type: 'multiline', defaultValue: '', icon: 'description' }
   ],
+  models: [
+    {
+      path: [],
+      type: 'record',
+      recordKind: 'json',
+      defaultValue: {},
+      icon: 'tune'
+    }
+  ],
   modelServices: [
     {
       path: [],

package/src/components/config/index.tsx

@@ -1,5 +1,5 @@
 export { AboutSection } from './ConfigAboutSection'
 export { DisplayValue } from './ConfigDisplayValue'
+export { SectionForm } from './ConfigSectionForm'
 export { ConfigSectionPanel } from './ConfigSectionPanel'
 export { ConfigSourceSwitch } from './ConfigSourceSwitch'
-export { SectionForm } from './ConfigSectionForm'