@vibe-forge/tsconfigs 0.7.1 → 0.8.0

package/dist/apps/client/src/components/chat/tools/task/components/TaskToolCard.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './TaskToolCard.scss';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { CodeBlock } from '#~/components/CodeBlock';
+import { connectionManager } from '#~/connectionManager.js';
+function parseTaskDescription(description) {
+    if (!description) {
+        return { title: '', content: '' };
+    }
+    const lines = description.split('\n');
+    const title = lines[0] || '';
+    const content = lines.slice(1).join('\n').trim();
+    return { title, content };
+}
+function getStatusIcon(status) {
+    switch (status) {
+        case 'running':
+            return 'play_circle';
+        case 'completed':
+            return 'check_circle';
+        case 'failed':
+            return 'error';
+        default:
+            return 'help_outline';
+    }
+}
+export function TaskToolCard({ description, status, logs, background, sessionId, titleFallback, metaChips, showExecutionIcon, foregroundLabel, backgroundLabel }) {
+    const navigate = useNavigate();
+    const [liveLogs, setLiveLogs] = useState(logs ?? []);
+    const [liveStatus, setLiveStatus] = useState(status);
+    const seenMessageIdsRef = useRef(new Set());
+    useEffect(() => {
+        setLiveLogs(logs ?? []);
+    }, [logs]);
+    useEffect(() => {
+        setLiveStatus(status);
+    }, [status]);
+    const { title, content } = parseTaskDescription(description);
+    const logText = useMemo(() => (liveLogs?.join('\n') ?? '').trim(), [liveLogs]);
+    const resolvedTitle = title || titleFallback || '';
+    const chips = (metaChips ?? []).filter((item) => Boolean(item));
+    const isForeground = background === false;
+    const executionClass = isForeground
+        ? 'task-tool-card__execution-icon--foreground'
+        : 'task-tool-card__execution-icon--background';
+    const executionLabel = isForeground ? foregroundLabel : backgroundLabel;
+    const displaySessionId = sessionId != null && sessionId !== '';
+    useEffect(() => {
+        if (!sessionId)
+            return;
+        const cleanup = connectionManager.connect(sessionId, {
+            onMessage(data) {
+                if (data.type === 'message') {
+                    const message = data.message;
+                    if (message.id && seenMessageIdsRef.current.has(message.id)) {
+                        return;
+                    }
+                    if (message.id) {
+                        seenMessageIdsRef.current.add(message.id);
+                    }
+                    const text = extractMessageText(message);
+                    if (text !== '') {
+                        setLiveLogs((prev) => [...prev, text]);
+                    }
+                }
+                else if (data.type === 'session_updated') {
+                    if (data.session?.id === sessionId) {
+                        const updatedStatus = data.session?.status;
+                        if (updatedStatus) {
+                            setLiveStatus(updatedStatus);
+                        }
+                    }
+                }
+            }
+        });
+        return () => {
+            cleanup?.();
+        };
+    }, [sessionId]);
+    return (_jsxs("div", { className: 'task-tool-card', children: [_jsxs("div", { className: 'task-tool-card__left', children: [_jsx("span", { className: `material-symbols-rounded task-tool-card__status-icon ${liveStatus ?? 'help_outline'}`, children: getStatusIcon(liveStatus) }), showExecutionIcon && (_jsx("span", { className: `material-symbols-rounded task-tool-card__execution-icon ${executionClass}`, title: executionLabel, children: isForeground ? 'desktop_windows' : 'schedule' }))] }), _jsxs("div", { className: 'task-tool-card__main', children: [_jsxs("div", { className: 'task-tool-card__header', children: [_jsx("div", { className: 'task-tool-card__title', children: resolvedTitle }), displaySessionId && (_jsx("button", { type: 'button', className: 'task-tool-card__session-id task-tool-card__session-link', onClick: () => navigate(`/session/${sessionId}`), children: sessionId }))] }), content && (_jsx("div", { className: 'task-tool-card__content', children: content })), chips.length > 0 && (_jsx("div", { className: 'task-tool-card__meta', children: chips.map((item) => (_jsx("span", { className: 'task-tool-card__meta-chip', children: item }, item))) })), logText !== '' && (_jsx(CodeBlock, { hideHeader: true, code: logText, lang: 'md' }))] })] }));
+}
+function extractMessageText(message) {
+    if (typeof message.content === 'string') {
+        return message.content;
+    }
+    if (Array.isArray(message.content)) {
+        return message.content
+            .map((c) => (c.type === 'text' ? c.text : ''))
+            .join('');
+    }
+    return '';
+}

package/dist/apps/client/src/components/chat/tools/task/index.d.ts

@@ -0,0 +1,6 @@
+import { GetTaskInfoTool } from './GetTaskInfoTool';
+import { ListTasksTool } from './ListTasksTool';
+import { StartTasksTool } from './StartTasksTool';
+export declare const taskToolRenders: Record<string, import("../defineToolRender").ToolRenderComponent>;
+export { GetTaskInfoTool, ListTasksTool, StartTasksTool };
+export { TaskToolCard } from './components/TaskToolCard';

package/dist/apps/client/src/components/chat/tools/task/index.js

@@ -0,0 +1,13 @@
+import { defineToolRenders } from '../defineToolRender';
+import { GetTaskInfoTool } from './GetTaskInfoTool';
+import { ListTasksTool } from './ListTasksTool';
+import { StartTasksTool } from './StartTasksTool';
+export const taskToolRenders = defineToolRenders({
+    StartTasks: StartTasksTool,
+    GetTaskInfo: GetTaskInfoTool,
+    ListTasks: ListTasksTool
+}, {
+    namespace: 'mcp__VibeForge__'
+});
+export { GetTaskInfoTool, ListTasksTool, StartTasksTool };
+export { TaskToolCard } from './components/TaskToolCard';

package/dist/apps/client/src/components/config/AppSettingsPanel.d.ts

@@ -0,0 +1,5 @@
+import '../ConfigView.scss';
+import type { TranslationFn } from './configUtils';
+export declare function AppSettingsPanel({ t }: {
+    t: TranslationFn;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/AppSettingsPanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../ConfigView.scss';
+import { Switch } from 'antd';
+import { useAtom } from 'jotai';
+import { showAnnouncementsAtom } from '#~/store/index.js';
+import { FieldRow } from './ConfigFieldRow';
+export function AppSettingsPanel({ t }) {
+    const [showAnnouncements, setShowAnnouncements] = useAtom(showAnnouncementsAtom);
+    return (_jsxs("div", { className: 'config-view__editor-wrap', children: [_jsx("div", { className: 'config-view__section-header', children: _jsxs("div", { className: 'config-view__section-title', children: [_jsx("span", { className: 'material-symbols-rounded config-view__section-icon', children: "tune" }), _jsx("span", { children: t('config.sections.appearance') })] }) }), _jsx("div", { className: 'config-view__card', children: _jsx(FieldRow, { title: t('config.appSettings.announcements.label'), description: t('config.appSettings.announcements.desc'), icon: 'campaign', children: _jsx(Switch, { checked: showAnnouncements, onChange: setShowAnnouncements }) }) })] }));
+}

package/dist/apps/client/src/components/config/ConfigAboutSection.d.ts

@@ -0,0 +1,5 @@
+import './ConfigAboutSection.scss';
+import type { AboutInfo } from '@vibe-forge/types';
+export declare const AboutSection: ({ value }: {
+    value?: AboutInfo;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigAboutSection.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ConfigAboutSection.scss';
+import { useTranslation } from 'react-i18next';
+export const AboutSection = ({ value }) => {
+    const { t } = useTranslation();
+    const aboutInfo = (value != null && typeof value === 'object')
+        ? value
+        : undefined;
+    const urls = aboutInfo?.urls;
+    const version = aboutInfo?.version;
+    const lastReleaseAt = aboutInfo?.lastReleaseAt;
+    return (_jsxs("div", { className: 'config-about', children: [_jsxs("div", { className: 'config-about__card', children: [_jsxs("div", { className: 'config-about__app', children: [_jsx("div", { className: 'config-about__app-icon', children: _jsx("span", { className: 'material-symbols-rounded', children: "auto_awesome" }) }), _jsxs("div", { className: 'config-about__app-info', children: [_jsx("div", { className: 'config-about__app-title', children: t('config.about.software') }), _jsxs("div", { className: 'config-about__app-meta', children: [_jsxs("span", { className: 'config-about__app-version', children: [t('config.about.version'), ": ", version ?? t('config.about.unknown')] }), _jsx("span", { className: 'config-about__app-date', children: lastReleaseAt ?? t('config.about.unknown') })] })] })] }), _jsx("a", { className: 'config-about__primary', href: urls?.releases ?? urls?.repo, target: '_blank', rel: 'noreferrer', children: t('config.about.checkUpdate') })] }), _jsxs("div", { className: 'config-about__list', children: [_jsxs("a", { className: 'config-about__item-row', href: urls?.docs ?? urls?.repo, target: '_blank', rel: 'noreferrer', children: [_jsxs("span", { className: 'config-about__item-left', children: [_jsx("span", { className: 'material-symbols-rounded config-about__item-icon', children: "menu_book" }), _jsx("span", { children: t('config.about.docs') })] }), _jsx("span", { className: 'material-symbols-rounded config-about__arrow', children: "open_in_new" })] }), _jsxs("a", { className: 'config-about__item-row', href: urls?.contact ?? urls?.repo, target: '_blank', rel: 'noreferrer', children: [_jsxs("span", { className: 'config-about__item-left', children: [_jsx("span", { className: 'material-symbols-rounded config-about__item-icon', children: "mail" }), _jsx("span", { children: t('config.about.contact') })] }), _jsx("span", { className: 'material-symbols-rounded config-about__arrow', children: "open_in_new" })] }), _jsxs("a", { className: 'config-about__item-row', href: urls?.issues ?? urls?.repo, target: '_blank', rel: 'noreferrer', children: [_jsxs("span", { className: 'config-about__item-left', children: [_jsx("span", { className: 'material-symbols-rounded config-about__item-icon', children: "bug_report" }), _jsx("span", { children: t('config.about.feedback') })] }), _jsx("span", { className: 'material-symbols-rounded config-about__arrow', children: "open_in_new" })] })] })] }));
+};

package/dist/apps/client/src/components/config/ConfigDisplayValue.d.ts

@@ -0,0 +1,8 @@
+import './ConfigDisplayValue.scss';
+import type { TranslationFn } from './configUtils';
+export declare const DisplayValue: ({ value, sectionKey, path, t }: {
+    value: unknown;
+    sectionKey: string;
+    path?: string[];
+    t: TranslationFn;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigDisplayValue.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './ConfigDisplayValue.scss';
+import { Empty } from 'antd';
+import { FieldRow } from './ConfigFieldRow';
+import { getFieldDescription, getFieldLabel, getTypeIcon, getValueType, isEmptyValue } from './configUtils';
+export const DisplayValue = ({ value, sectionKey, path = [], t }) => {
+    if (isEmptyValue(value)) {
+        return _jsx(Empty, { description: t('common.noData'), image: null });
+    }
+    if (Array.isArray(value)) {
+        const hasObject = value.some(item => item != null && typeof item === 'object');
+        if (hasObject) {
+            return _jsx("span", { className: 'config-view__pill', children: t('config.editor.complexValue') });
+        }
+        return (_jsx("div", { className: 'config-view__display-pill', children: value.map((item, index) => (_jsx("span", { className: 'config-view__pill', children: String(item) }, `${index}-${String(item)}`))) }));
+    }
+    if (value != null && typeof value === 'object') {
+        return (_jsx("div", { className: 'config-view__field-list', children: Object.entries(value).map(([key, itemValue]) => {
+                const label = getFieldLabel(t, sectionKey, [...path, key], key);
+                const description = getFieldDescription(t, sectionKey, [...path, key]);
+                return (_jsx(FieldRow, { title: label, description: description, icon: getTypeIcon(getValueType(itemValue)), children: _jsx(DisplayValue, { value: itemValue, sectionKey: sectionKey, path: [...path, key], t: t }) }, key));
+            }) }));
+    }
+    return _jsx("span", { className: 'config-view__pill', children: String(value) });
+};

package/dist/apps/client/src/components/config/ConfigEditors.d.ts

@@ -0,0 +1,11 @@
+import './ConfigEditors.scss';
+import type { TranslationFn } from './configUtils';
+export declare const ComplexTextEditor: ({ value, onChange }: {
+    value: unknown;
+    onChange?: (nextValue: unknown) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StringArrayEditor: ({ value, onChange, t }: {
+    value: string[];
+    onChange: (nextValue: string[]) => void;
+    t: TranslationFn;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigEditors.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ConfigEditors.scss';
+import { App, Button, Input, Tooltip } from 'antd';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+export const ComplexTextEditor = ({ value, onChange }) => {
+    const { message } = App.useApp();
+    const { t } = useTranslation();
+    const [textValue, setTextValue] = useState(() => JSON.stringify(value ?? {}, null, 2));
+    useEffect(() => {
+        setTextValue(JSON.stringify(value ?? {}, null, 2));
+    }, [value]);
+    return (_jsx(Input.TextArea, { className: 'config-view__complex-editor', value: textValue, onChange: (event) => {
+            setTextValue(event.target.value);
+        }, onBlur: () => {
+            try {
+                const parsed = JSON.parse(textValue);
+                onChange?.(parsed);
+                setTextValue(JSON.stringify(parsed ?? {}, null, 2));
+            }
+            catch {
+                void message.error(t('config.invalidJson'));
+                setTextValue(JSON.stringify(value ?? {}, null, 2));
+            }
+        }, placeholder: t('config.editor.complexPlaceholder'), autoSize: { minRows: 6 } }));
+};
+export const StringArrayEditor = ({ value, onChange, t }) => (_jsxs("div", { className: 'config-view__array-list', children: [value.map((item, index) => (_jsxs("div", { className: 'config-view__array-item', children: [_jsx(Input, { value: item, placeholder: t('config.editor.itemPlaceholder'), onChange: (event) => {
+                        const updated = value.slice();
+                        updated[index] = event.target.value;
+                        onChange(updated);
+                    } }), _jsx(Tooltip, { title: t('config.editor.remove'), children: _jsx(Button, { size: 'small', type: 'text', danger: true, className: 'config-view__icon-button config-view__icon-button--compact', "aria-label": t('config.editor.remove'), icon: _jsx("span", { className: 'material-symbols-rounded', children: "delete" }), onClick: () => {
+                            const updated = value.slice();
+                            updated.splice(index, 1);
+                            onChange(updated);
+                        } }) })] }, `${index}-${item}`))), _jsx(Tooltip, { title: t('config.editor.addItem'), children: _jsx(Button, { size: 'small', type: 'primary', className: 'config-view__icon-button config-view__icon-button--full', "aria-label": t('config.editor.addItem'), icon: _jsx("span", { className: 'material-symbols-rounded', children: "add" }), onClick: () => {
+                    onChange([...value, '']);
+                } }) })] }));

package/dist/apps/client/src/components/config/ConfigFieldRow.d.ts

@@ -0,0 +1,9 @@
+import './ConfigFieldRow.scss';
+import type { ReactNode } from 'react';
+export declare const FieldRow: ({ title, description, icon, layout, children }: {
+    title: string;
+    description?: string;
+    icon?: string;
+    layout?: "inline" | "stacked";
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigFieldRow.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ConfigFieldRow.scss';
+export const FieldRow = ({ title, description, icon, layout = 'inline', children }) => (_jsxs("div", { className: `config-view__field-row${layout === 'stacked' ? ' config-view__field-row--stacked' : ''}`, children: [_jsxs("div", { className: 'config-view__field-meta', children: [icon != null && (_jsx("span", { className: 'material-symbols-rounded config-view__field-icon', children: icon })), _jsxs("div", { className: 'config-view__field-text', children: [_jsx("div", { className: 'config-view__field-title', children: title }), description != null && description !== '' && (_jsx("div", { className: 'config-view__field-desc', children: description }))] })] }), _jsx("div", { className: 'config-view__field-control', children: children })] }));

package/dist/apps/client/src/components/config/ConfigSectionForm.d.ts

@@ -0,0 +1,13 @@
+import './ConfigSectionForm.scss';
+import type { FieldSpec } from './configSchema';
+import type { TranslationFn } from './configUtils';
+export declare const SectionForm: ({ sectionKey, fields: providedFields, value, onChange, mergedModelServices, mergedAdapters, selectedModelService, t }: {
+    sectionKey: string;
+    fields?: FieldSpec[];
+    value: unknown;
+    onChange: (nextValue: unknown) => void;
+    mergedModelServices: Record<string, unknown>;
+    mergedAdapters: Record<string, unknown>;
+    selectedModelService?: string;
+    t: TranslationFn;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigSectionForm.js

@@ -0,0 +1,237 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ConfigSectionForm.scss';
+import { Collapse, Empty, Input, InputNumber, Select, Slider, Switch } from 'antd';
+import { ComplexTextEditor, StringArrayEditor } from './ConfigEditors';
+import { FieldRow } from './ConfigFieldRow';
+import { ShortcutInput } from './ConfigShortcutInput';
+import { configGroupMeta, configSchema } from './configSchema';
+import { getFieldDescription, getFieldLabel, getTypeIcon, getValueByPath, getValueType, isEmptyValue, setValueByPath } from './configUtils';
+import { BooleanRecordEditor, ChannelRecordEditor, KeyValueEditor, McpServersRecordEditor, ModelServicesRecordEditor, RecordJsonEditor } from './record-editors/index';
+export const SectionForm = ({ sectionKey, fields: providedFields, value, onChange, mergedModelServices, mergedAdapters, selectedModelService, t }) => {
+    const fields = providedFields ?? configSchema[sectionKey] ?? [];
+    if (fields.length === 0) {
+        return _jsx(Empty, { description: t('common.noData'), image: null });
+    }
+    const directRecordSections = new Set(['models', 'modelServices', 'channels', 'adapters', 'plugins', 'mcp']);
+    const modelServiceEntries = Object.entries(mergedModelServices);
+    const modelServiceOptions = modelServiceEntries.map(([key, entry]) => {
+        const record = (entry != null && typeof entry === 'object') ? entry : {};
+        const title = typeof record.title === 'string' && record.title.trim() !== '' ? record.title : key;
+        const description = typeof record.description === 'string' ? record.description : '';
+        return {
+            value: key,
+            label: (_jsxs("div", { className: 'config-view__option', children: [_jsx("div", { className: 'config-view__option-title', children: title }), description !== '' && (_jsx("div", { className: 'config-view__option-desc', children: description }))] }))
+        };
+    });
+    const selectedServiceRecord = selectedModelService
+        ? mergedModelServices[selectedModelService]
+        : undefined;
+    const selectedServiceModels = (selectedServiceRecord != null && typeof selectedServiceRecord === 'object')
+        ? selectedServiceRecord.models
+        : undefined;
+    const modelOptions = Array.isArray(selectedServiceModels)
+        ? selectedServiceModels.filter(item => typeof item === 'string').map(item => ({
+            value: item,
+            label: _jsx("span", { children: item })
+        }))
+        : [];
+    const adapterOptions = Object.keys(mergedAdapters)
+        .map(key => ({
+        value: key,
+        label: _jsx("span", { children: key })
+    }));
+    const groupedFields = fields.reduce((acc, field) => {
+        const key = field.group ?? 'default';
+        if (!acc[key])
+            acc[key] = [];
+        acc[key].push(field);
+        return acc;
+    }, {});
+    const orderedGroups = ['base', 'permissions', 'env', 'items', 'default'].filter(key => groupedFields[key]?.length);
+    const notificationEventOrder = ['completed', 'failed', 'terminated', 'waiting_input'];
+    const getRecordKeyPlaceholder = (field) => {
+        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');
+        if (sectionKey === 'plugins') {
+            if (field.path.join('.') === 'extraKnownMarketplaces')
+                return t('config.editor.newMarketplaceName');
+            return t('config.editor.newPluginName');
+        }
+        if (sectionKey === 'mcp')
+            return t('config.editor.newMcpServerName');
+        if (sectionKey === 'general' && field.path.join('.') === 'env')
+            return t('config.editor.newEnvVarName');
+        return t('config.editor.fieldKey');
+    };
+    const renderField = (field) => {
+        const fieldValue = getValueByPath(value, field.path);
+        const valueToUse = fieldValue !== undefined ? fieldValue : field.defaultValue;
+        const label = field.labelKey
+            ? t(field.labelKey)
+            : getFieldLabel(t, sectionKey, field.path, field.path[field.path.length - 1] ?? '');
+        const description = field.descriptionKey
+            ? t(field.descriptionKey)
+            : getFieldDescription(t, sectionKey, field.path);
+        const icon = field.icon ?? getTypeIcon(getValueType(valueToUse));
+        const handleValueChange = (nextValue) => {
+            const nextSectionValue = setValueByPath(value, field.path, nextValue);
+            onChange(nextSectionValue);
+        };
+        let control = null;
+        const isStacked = ['multiline', 'json', 'record', 'string[]'].includes(field.type);
+        if (field.type === 'string') {
+            const placeholder = field.placeholderKey ? t(field.placeholderKey) : undefined;
+            if (field.sensitive === true) {
+                control = (_jsx(Input.Password, { value: typeof valueToUse === 'string' ? valueToUse : '', onChange: (event) => handleValueChange(event.target.value), placeholder: t('config.editor.secretPlaceholder') }));
+            }
+            else {
+                control = (_jsx(Input, { value: typeof valueToUse === 'string' ? valueToUse : '', onChange: (event) => handleValueChange(event.target.value), placeholder: placeholder }));
+            }
+        }
+        else if (field.type === 'multiline') {
+            const currentText = typeof valueToUse === 'string' ? valueToUse : '';
+            const placeholder = field.placeholderKey ? t(field.placeholderKey) : t('config.editor.multilinePlaceholder');
+            control = (_jsx("div", { className: 'config-view__multiline', children: _jsx(Input.TextArea, { className: 'config-view__multiline-input', value: currentText, onChange: (event) => handleValueChange(event.target.value), autoSize: { minRows: 3 }, placeholder: placeholder }) }));
+        }
+        else if (field.type === 'number') {
+            const isNotificationVolume = field.path.join('.') === 'notifications.volume';
+            if (isNotificationVolume) {
+                const sliderValue = typeof valueToUse === 'number' ? valueToUse : 0;
+                control = (_jsx(Slider, { className: 'config-view__slider', min: 0, max: 100, step: 1, value: sliderValue, onChange: (next) => handleValueChange(typeof next === 'number' ? next : 0) }));
+            }
+            else {
+                control = (_jsx(InputNumber, { value: typeof valueToUse === 'number' ? valueToUse : 0, onChange: (next) => handleValueChange(typeof next === 'number' ? next : 0) }));
+            }
+        }
+        else if (field.type === 'boolean') {
+            control = (_jsx(Switch, { checked: Boolean(valueToUse), onChange: (next) => handleValueChange(next) }));
+        }
+        else if (field.type === 'string[]') {
+            const current = Array.isArray(valueToUse) ? valueToUse.filter(item => typeof item === 'string') : [];
+            control = (_jsx(StringArrayEditor, { value: current, onChange: (next) => handleValueChange(next), t: t }));
+        }
+        else if (field.type === 'select') {
+            const isDefaultAdapter = sectionKey === 'general' && field.path.join('.') === 'defaultAdapter';
+            const isDefaultModelService = sectionKey === 'general' && field.path.join('.') === 'defaultModelService';
+            const isDefaultModel = sectionKey === 'general' && field.path.join('.') === 'defaultModel';
+            const options = isDefaultModelService
+                ? modelServiceOptions
+                : isDefaultModel
+                    ? modelOptions
+                    : isDefaultAdapter
+                        ? adapterOptions
+                        : (field.options ?? []).map(option => ({
+                            value: option.value,
+                            label: _jsx("span", { children: t(option.label) })
+                        }));
+            control = (_jsx(Select, { value: typeof valueToUse === 'string' && valueToUse !== '' ? valueToUse : undefined, options: options, onChange: (next) => handleValueChange(next), allowClear: true, disabled: isDefaultModel && modelOptions.length === 0, placeholder: t(isDefaultAdapter
+                    ? 'config.editor.defaultAdapterPlaceholder'
+                    : isDefaultModelService
+                        ? 'config.editor.defaultModelServicePlaceholder'
+                        : 'config.editor.defaultModelPlaceholder') }));
+        }
+        else if (field.type === 'json') {
+            control = (_jsx(ComplexTextEditor, { value: valueToUse, onChange: handleValueChange }));
+        }
+        else if (field.type === 'record') {
+            const recordValue = (valueToUse != null && typeof valueToUse === 'object')
+                ? valueToUse
+                : {};
+            if (field.recordKind === 'modelServices') {
+                control = (_jsx(ModelServicesRecordEditor, { value: recordValue, onChange: handleValueChange, t: t, keyPlaceholder: getRecordKeyPlaceholder(field) }));
+            }
+            else if (field.recordKind === 'channels') {
+                control = (_jsx(ChannelRecordEditor, { value: recordValue, onChange: handleValueChange, t: t, keyPlaceholder: getRecordKeyPlaceholder(field) }));
+            }
+            else if (field.recordKind === 'mcpServers') {
+                control = (_jsx(McpServersRecordEditor, { value: recordValue, onChange: handleValueChange, t: t, keyPlaceholder: getRecordKeyPlaceholder(field) }));
+            }
+            else if (field.recordKind === 'keyValue') {
+                control = (_jsx(KeyValueEditor, { value: recordValue, onChange: handleValueChange, t: t, keyPlaceholder: getRecordKeyPlaceholder(field) }));
+            }
+            else if (field.recordKind === 'boolean') {
+                control = (_jsx(BooleanRecordEditor, { value: recordValue, onChange: handleValueChange, t: t, keyPlaceholder: getRecordKeyPlaceholder(field) }));
+            }
+            else {
+                control = (_jsx(RecordJsonEditor, { value: recordValue, onChange: handleValueChange, t: t, keyPlaceholder: getRecordKeyPlaceholder(field) }));
+            }
+        }
+        else if (field.type === 'shortcut') {
+            const isMac = navigator.platform.includes('Mac');
+            control = (_jsx(ShortcutInput, { value: typeof valueToUse === 'string' ? valueToUse : '', onChange: (next) => handleValueChange(next), placeholder: t('config.editor.shortcutPlaceholder'), isMac: isMac, t: t }));
+        }
+        if (directRecordSections.has(sectionKey) && field.type === 'record') {
+            return (_jsx("div", { children: control }, `${field.path.join('.')}-${field.type}-${field.recordKind ?? ''}`));
+        }
+        return (_jsx(FieldRow, { title: label, description: description, icon: icon, layout: isStacked ? 'stacked' : 'inline', children: control }, `${field.path.join('.')}-${field.type}-${field.labelKey ?? ''}-${field.recordKind ?? ''}`));
+    };
+    return (_jsx("div", { className: 'config-view__field-stack', children: orderedGroups.map((groupKey) => {
+            const groupFields = groupedFields[groupKey] ?? [];
+            const hideEmptyGroups = new Set(['base', 'permissions']);
+            if (hideEmptyGroups.has(groupKey)) {
+                const hasGroupValues = groupFields.some((field) => {
+                    const fieldValue = getValueByPath(value, field.path);
+                    if (typeof fieldValue === 'boolean')
+                        return fieldValue;
+                    return !isEmptyValue(fieldValue);
+                });
+                if (!hasGroupValues) {
+                    return null;
+                }
+            }
+            if (groupKey === 'default') {
+                if (directRecordSections.has(sectionKey)) {
+                    return (_jsx("div", { children: groupFields.map(renderField) }, groupKey));
+                }
+                return (_jsx("div", { className: 'config-view__field-list', children: groupFields.map(renderField) }, groupKey));
+            }
+            const groupLabel = (() => {
+                const labelKey = configGroupMeta[sectionKey]?.[groupKey]?.labelKey;
+                if (labelKey)
+                    return t(labelKey);
+                return groupKey === 'base'
+                    ? t('config.sectionGroups.base')
+                    : groupKey === 'permissions'
+                        ? t('config.sectionGroups.permissions')
+                        : groupKey === 'env'
+                            ? t('config.sectionGroups.env')
+                            : sectionKey === 'plugins'
+                                ? t('config.sectionGroups.plugins')
+                                : t('config.sectionGroups.items');
+            })();
+            const visibleFields = groupFields.filter(field => field.hidden !== true);
+            const collapseFields = visibleFields.filter(field => field.collapse != null);
+            const nonCollapseFields = visibleFields.filter(field => field.collapse == null);
+            const collapseGroups = collapseFields.reduce((acc, field) => {
+                const meta = field.collapse;
+                if (!meta)
+                    return acc;
+                const existing = acc.get(meta.key);
+                if (existing) {
+                    existing.fields.push(field);
+                }
+                else {
+                    acc.set(meta.key, { meta, fields: [field] });
+                }
+                return acc;
+            }, new Map());
+            const collapseItems = Array.from(collapseGroups.values()).map((group) => ({
+                key: group.meta.key,
+                collapsible: 'header',
+                label: (_jsxs("div", { className: 'config-view__collapse-header', children: [_jsxs("div", { className: 'config-view__collapse-header-main', children: [_jsx("div", { className: 'config-view__collapse-title', children: t(group.meta.labelKey) }), group.meta.descKey && (_jsx("div", { className: 'config-view__collapse-desc', children: t(group.meta.descKey) }))] }), group.meta.togglePath && (_jsx(Switch, { checked: !getValueByPath(value, group.meta.togglePath), onChange: (next) => {
+                                const nextValue = setValueByPath(value, group.meta.togglePath, !next);
+                                onChange(nextValue);
+                            }, onClick: (_, event) => {
+                                event.stopPropagation();
+                            } }))] })),
+                children: (_jsx("div", { className: 'config-view__field-list', children: group.fields.map(renderField) }))
+            }));
+            return (_jsxs("div", { className: 'config-view__subsection', children: [_jsx("div", { className: 'config-view__subsection-title', children: groupLabel }), _jsxs("div", { className: 'config-view__subsection-body', children: [nonCollapseFields.map(renderField), collapseItems.length > 0 && (_jsx(Collapse, { className: 'config-view__collapse-group config-view__field-row', ghost: true, items: collapseItems }))] })] }, groupKey));
+        }) }));
+};

package/dist/apps/client/src/components/config/ConfigSectionPanel.d.ts

@@ -0,0 +1,18 @@
+import '../ConfigView.scss';
+import type { ReactNode } from 'react';
+import type { FieldSpec } from './configSchema';
+import type { TranslationFn } from './configUtils';
+export declare function ConfigSectionPanel({ sectionKey, title, icon, fields, value, onChange, mergedModelServices, mergedAdapters, selectedModelService, headerExtra, t, className }: {
+    sectionKey: string;
+    title: ReactNode;
+    icon?: ReactNode;
+    fields?: FieldSpec[];
+    value: unknown;
+    onChange: (nextValue: unknown) => void;
+    mergedModelServices: Record<string, unknown>;
+    mergedAdapters: Record<string, unknown>;
+    selectedModelService?: string;
+    headerExtra?: ReactNode;
+    t: TranslationFn;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigSectionPanel.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../ConfigView.scss';
+import { SectionForm } from './ConfigSectionForm';
+export function ConfigSectionPanel({ sectionKey, title, icon, fields, value, onChange, mergedModelServices, mergedAdapters, selectedModelService, headerExtra, t, className }) {
+    const wrapClassName = ['config-view__editor-wrap', className].filter(Boolean).join(' ');
+    const hasHeader = title != null || icon != null || headerExtra != null;
+    return (_jsxs("div", { className: wrapClassName, children: [hasHeader && (_jsxs("div", { className: 'config-view__section-header', children: [_jsxs("div", { className: 'config-view__section-title', children: [icon != null && (_jsx("span", { className: 'material-symbols-rounded config-view__section-icon', children: icon })), _jsx("span", { children: title })] }), headerExtra] })), _jsx("div", { className: 'config-view__card', children: _jsx(SectionForm, { sectionKey: sectionKey, fields: fields, value: value, onChange: onChange, mergedModelServices: mergedModelServices, mergedAdapters: mergedAdapters, selectedModelService: selectedModelService, t: t }) })] }));
+}

package/dist/apps/client/src/components/config/ConfigShortcutInput.d.ts

@@ -0,0 +1,8 @@
+import './ConfigShortcutInput.scss';
+export declare const ShortcutInput: ({ value, onChange, placeholder, isMac, t }: {
+    value: string;
+    onChange: (nextValue: string) => void;
+    placeholder: string;
+    isMac: boolean;
+    t: (key: string) => string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigShortcutInput.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './ConfigShortcutInput.scss';
+import { Button, Input, Tooltip } from 'antd';
+import { formatShortcutLabel, getShortcutFromEvent } from '../../utils/shortcutUtils';
+export const ShortcutInput = ({ value, onChange, placeholder, isMac, t }) => {
+    const label = value.trim() === '' ? '' : formatShortcutLabel(value, isMac);
+    return (_jsxs("div", { className: 'config-shortcut-input', children: [_jsx(Input, { value: label, placeholder: placeholder, readOnly: true, onKeyDown: (event) => {
+                    if (event.key === 'Backspace' || event.key === 'Delete') {
+                        event.preventDefault();
+                        onChange('');
+                        return;
+                    }
+                    const nextShortcut = getShortcutFromEvent(event);
+                    if (nextShortcut == null)
+                        return;
+                    event.preventDefault();
+                    onChange(nextShortcut);
+                } }), _jsx(Tooltip, { title: t('config.editor.clearShortcut'), children: _jsx(Button, { size: 'small', type: 'text', className: 'config-view__icon-button config-view__icon-button--compact', "aria-label": t('config.editor.clearShortcut'), icon: _jsx("span", { className: 'material-symbols-rounded', children: "close" }), onClick: () => onChange('') }) })] }));
+};

package/dist/apps/client/src/components/config/ConfigSourceSwitch.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { ConfigSource } from '@vibe-forge/core';
+export declare function ConfigSourceSwitch({ value, onChange, options }: {
+    value: ConfigSource;
+    onChange: (value: ConfigSource) => void;
+    options: Array<{
+        value: ConfigSource;
+        icon: string;
+        label: ReactNode;
+    }>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/apps/client/src/components/config/ConfigSourceSwitch.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Radio } from 'antd';
+export function ConfigSourceSwitch({ value, onChange, options }) {
+    return (_jsx(Radio.Group, { value: value, optionType: 'button', buttonStyle: 'solid', size: 'small', onChange: (event) => {
+            onChange(event.target.value);
+        }, options: options.map(opt => ({
+            value: opt.value,
+            label: (_jsxs("span", { className: 'config-view__source-option', children: [_jsx("span", { className: 'material-symbols-rounded', children: opt.icon }), _jsx("span", { children: opt.label })] }))
+        })) }));
+}

package/dist/apps/client/src/components/config/channelDefinitions.d.ts

@@ -0,0 +1,2 @@
+import type { ChannelDescriptor } from '@vibe-forge/core/channel';
+export declare const channelDefinitions: ChannelDescriptor[];

package/dist/apps/client/src/components/config/channelDefinitions.js

@@ -0,0 +1,4 @@
+import { channelDefinition } from '@vibe-forge/channel-lark';
+export const channelDefinitions = [
+    channelDefinition
+];