cx-chat 0.0.1

package/src/views/page-system/agent-config/index.tsx

@@ -0,0 +1,370 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { Save, RefreshCw, MessageSquare, Settings, Database } from 'lucide-react';
+import { useToast } from '../../../contexts/ToastContext';
+import { useTranslation } from 'react-i18next';
+import { useStickyHeader } from '../../../hooks/useStickyHeader';
+import { CxButton, CxInput, CxSelect } from '@cx-ui';
+import { getAgentConfigAPI, saveAgentConfigAPI } from '@api/system/agent-config';
+import { DICT_DATA, DICT_KEY } from '@/meta/index-dict';
+import { useAuth } from '@/contexts/AuthContext'
+interface SystemSettings {
+    [key: string]: any;
+}
+
+interface SettingRowProps {
+    label: string;
+    settingKey: string;
+    type?: string;
+    placeholder?: any;
+    icon?: any;
+    currentValue: any;
+    originalValue: any;
+    selectOptions?: any[];
+    onChange: (key: string, value: any) => void;
+    t: any;
+}
+
+/** 单行配置项：标签 + Cx 输入/下拉。 */
+const SettingRow: React.FC<SettingRowProps> = ({
+    label,
+    settingKey,
+    type = "text",
+    placeholder = "",
+    icon: Icon,
+    currentValue,
+    originalValue,
+    selectOptions,
+    onChange,
+    t
+}) => {
+    const { commonDictRevision } = useAuth()
+    const LLMDictOptions = useMemo(
+        () => DICT_DATA[DICT_KEY.LLM].option,
+        [commonDictRevision],
+    )
+    const isModified = currentValue !== originalValue;
+
+    /** 获取下拉框 options（支持父组件传入覆盖）。 */
+    const getSelectOptions = () => {
+        if (Array.isArray(selectOptions) && selectOptions.length > 0) return selectOptions
+        // 兼容历史逻辑：如果未显式传入 options，则默认使用对话 LLM 字典
+        return LLMDictOptions
+    }
+
+    /** 获取 select 的 value，空值统一转为 undefined。 */
+    const getSelectValue = () => (currentValue === '' || currentValue == null ? undefined : currentValue)
+
+    return (
+        <div className={`flex items-start justify-between p-4 bg-gray-50 dark:bg-gray-800/50 rounded-lg border transition-colors group ${isModified ? 'border-blue-500/40' : 'border-gray-100 dark:border-gray-700 hover:border-blue-500/30'}`}>
+            <div className="flex-1 mr-4">
+                <div className="flex items-center gap-2 mb-1 relative">
+                    {Icon && <Icon size={16} className="text-gray-400" />}
+                    <label className="text-sm font-medium text-gray-700 dark:text-gray-300 relative">
+                        {label}
+                    </label>
+                </div>
+
+                {type === "textarea" ? (
+                    <CxInput
+                        type="textarea"
+                        value={currentValue || ""}
+                        onChange={(e) => onChange(settingKey, e.target.value)}
+                        placeholder={typeof placeholder === 'string' ? placeholder : ''}
+                        rows={4}
+                        className="w-full text-sm font-mono"
+                    />
+                ) : type === "select" ? (
+                    <CxSelect
+                        className="w-full"
+                        value={getSelectValue()}
+                        onChange={(v) => onChange(settingKey, v)}
+                        fieldNames={{ label: 'name', value: 'value' }}
+                        options={getSelectOptions()}
+                    />
+                ) : (
+                    <CxInput
+                        type={type === 'password' ? 'password' : 'text'}
+                        value={currentValue || ""}
+                        onChange={(e) => onChange(settingKey, e.target.value)}
+                        placeholder={typeof placeholder === 'string' ? placeholder : ''}
+                        className="w-full text-sm font-mono"
+                    />
+                )}
+            </div>
+        </div>
+    );
+};
+
+const SystemSettingsPage: React.FC = () => {
+    const { t } = useTranslation();
+    const { showToast } = useToast();
+    // Sticky Header
+    const titleRef = useStickyHeader(t('system.agent_config.title'));
+
+    const [settings, setSettings] = useState<SystemSettings>({});
+    const [originalSettings, setOriginalSettings] = useState<SystemSettings>({});
+    const [isLoading, setIsLoading] = useState(true);
+    const [savingGroup, setSavingGroup] = useState<'llm' | 'embedding' | null>(null);
+    const { commonDictRevision } = useAuth()
+
+    const LLMDictOptions = useMemo(
+        () => DICT_DATA[DICT_KEY.LLM].option,
+        [commonDictRevision],
+    )
+    const OCRLLMDictOptions = useMemo(
+        () => DICT_DATA[DICT_KEY.OCRLLM].option,
+        [commonDictRevision],
+    )
+
+    const CHAT_KEYS = [
+        'chatProvider',
+        'chatModel',
+        'chatBaseUrl',
+        'chatApiKey',
+        'chatTemperature',
+        'suggestedRepliesTemperature',
+    ] as const;
+    const OCR_KEYS = [
+        'ocrProvider',
+        'ocrModel',
+        'ocrBaseUrl',
+        'ocrApiKey',
+        'ocrTemperature',
+    ] as const;
+
+    /** 获取 Agent 配置详情并回填到页面。 */
+    const fetchSettings = async () => {
+        setIsLoading(true);
+        try {
+            const data = await getAgentConfigAPI({});
+            // axios 拦截器成功时直接返回业务体；这里做一次兼容兜底
+            const body = (data as any)?.data ?? data;
+            setSettings(body || {});
+            setOriginalSettings(body || {});
+        } catch (error) {
+            // console.error('Failed to fetch settings:', error);
+            // showToast(t('system.agent_config.messages.load_error'), 'error');
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    useEffect(() => {
+        fetchSettings();
+    }, []);
+
+    const handleChange = (key: string, value: any) => {
+        setSettings(prev => ({ ...prev, [key]: value }));
+    };
+
+    /** 保存 Agent 配置：按模块保存（只要模块内有变更就触发保存）。 */
+    const handleSaveGroup = async (group: 'llm' | 'embedding') => {
+        const keys = group === 'llm' ? CHAT_KEYS : OCR_KEYS;
+        const changedKeys = keys.filter((k) => settings[k] !== originalSettings[k]);
+        if (changedKeys.length === 0) return;
+
+        setSavingGroup(group);
+        try {
+            // 这里用 saveAgentConfigAPI 统一保存。
+            // 注意：后端可能要求模块字段完整（例如 OCR LLM 需要 provider），因此按模块提交完整字段。
+            const payload: Record<string, any> = {};
+            for (const k of keys) payload[k] = settings[k];
+            await saveAgentConfigAPI(payload);
+            setOriginalSettings((prev) => {
+                const next = { ...prev };
+                for (const k of changedKeys) next[k] = settings[k];
+                return next;
+            });
+            // showToast(t('system.agent_config.messages.save_success'), 'success');
+        } catch (error) {
+            // showToast(t('system.agent_config.messages.save_error'), 'error');
+        } finally {
+            setSavingGroup(null);
+        }
+    };
+
+    if (isLoading) {
+        return (
+            <div className="flex items-center justify-center p-12">
+                <RefreshCw size={32} className="animate-spin text-blue-600" />
+            </div>
+        );
+    }
+
+    return (
+        <div className="p-8 mx-auto space-y-8 pb-20">
+            <div className="flex justify-between items-center" ref={titleRef}>
+                <div>
+                    <h1 className="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 flex items-center gap-3">
+                        <Settings className="text-blue-400" size={32} />
+                        {t('system.agent_config.title')}
+                    </h1>
+                    <p className="text-gray-500 dark:text-gray-400 mt-1">
+                        {t('system.agent_config.description')}
+                    </p>
+                </div>
+                <CxButton.Icon
+                    type="default"
+                    icon={<RefreshCw size={20} />}
+                    title={t('common.refresh')}
+                    onClick={fetchSettings}
+                    className="text-gray-500"
+                />
+            </div>
+
+            {/* Warning Banner (已按需求隐藏) */}
+
+            <div className="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden p-6">
+                {/* LLM Section */}
+                <section className="space-y-6">
+                    <div className="flex items-center justify-between border-b pb-4 dark:border-gray-700">
+                        <h2 className="text-lg font-semibold flex items-center gap-2 text-gray-900 dark:text-white">
+                            <MessageSquare size={20} className="text-blue-500" />
+                            {t('system.agent_config.llm_config')}
+                        </h2>
+                        <CxButton.Icon
+                            type="primary"
+                            icon={savingGroup === 'llm' ? <RefreshCw size={18} className="animate-spin" /> : <Save size={18} />}
+                            disabled={savingGroup !== null || CHAT_KEYS.every((k) => settings[k] === originalSettings[k])}
+                            title={t('common.save')}
+                            onClick={() => handleSaveGroup('llm')}
+                        />
+                    </div>
+                    <div className="grid gap-4">
+                        <SettingRow
+                            label={t('system.agent_config.llm_provider')}
+                            settingKey="chatProvider"
+                            type="select"
+                            selectOptions={LLMDictOptions}
+                            currentValue={settings.chatProvider}
+                            originalValue={originalSettings.chatProvider}
+                            onChange={handleChange}
+                            t={t}
+                        />
+
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <SettingRow
+                                label={t('system.agent_config.llm_model')}
+                                settingKey="chatModel"
+                                currentValue={settings.chatModel}
+                                originalValue={originalSettings.chatModel}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.llm_base_url')}
+                                settingKey="chatBaseUrl"
+                                currentValue={settings.chatBaseUrl}
+                                originalValue={originalSettings.chatBaseUrl}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.llm_api_key')}
+                                settingKey="chatApiKey"
+                                type="text"
+                                currentValue={settings.chatApiKey}
+                                originalValue={originalSettings.chatApiKey}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.llm_chat_temperature')}
+                                settingKey="chatTemperature"
+                                type="text"
+                                placeholder="0 ~ 2"
+                                currentValue={settings.chatTemperature}
+                                originalValue={originalSettings.chatTemperature}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.llm_guided_question_temperature')}
+                                settingKey="suggestedRepliesTemperature"
+                                type="text"
+                                placeholder="0 ~ 2"
+                                currentValue={settings.suggestedRepliesTemperature}
+                                originalValue={originalSettings.suggestedRepliesTemperature}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                        </div>
+                    </div>
+                </section>
+            </div>
+
+            <div className="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden p-6 relative">
+                {/* Embedding Section */}
+                <section className="space-y-6">
+                    <div className="flex items-center justify-between border-b pb-4 dark:border-gray-700">
+                        <h2 className="text-lg font-semibold flex items-center gap-2 text-gray-900 dark:text-white">
+                            <Database size={20} className="text-purple-500" />
+                            {t('system.agent_config.embedding_config')}
+                        </h2>
+                        <CxButton.Icon
+                            type="primary"
+                            icon={savingGroup === 'embedding' ? <RefreshCw size={18} className="animate-spin" /> : <Save size={18} />}
+                            disabled={savingGroup !== null || OCR_KEYS.every((k) => settings[k] === originalSettings[k])}
+                            title={t('common.save')}
+                            onClick={() => handleSaveGroup('embedding')}
+                        />
+                    </div>
+                    <div className="grid gap-4">
+                        <SettingRow
+                            label={t('system.agent_config.embedding_provider')}
+                            settingKey="ocrProvider"
+                            type="select"
+                            selectOptions={OCRLLMDictOptions}
+                            currentValue={settings.ocrProvider}
+                            originalValue={originalSettings.ocrProvider}
+                            onChange={handleChange}
+                            t={t}
+                        />
+
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                            <SettingRow
+                                label={t('system.agent_config.embedding_model')}
+                                settingKey="ocrModel"
+                                currentValue={settings.ocrModel}
+                                originalValue={originalSettings.ocrModel}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.embedding_base_url')}
+                                settingKey="ocrBaseUrl"
+                                currentValue={settings.ocrBaseUrl}
+                                originalValue={originalSettings.ocrBaseUrl}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.embedding_api_key')}
+                                settingKey="ocrApiKey"
+                                type="text"
+                                currentValue={settings.ocrApiKey}
+                                originalValue={originalSettings.ocrApiKey}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                            <SettingRow
+                                label={t('system.agent_config.ocr_llm_temperature')}
+                                settingKey="ocrTemperature"
+                                type="text"
+                                placeholder="0 ~ 2"
+                                currentValue={settings.ocrTemperature}
+                                originalValue={originalSettings.ocrTemperature}
+                                onChange={handleChange}
+                                t={t}
+                            />
+                        </div>
+                    </div>
+                </section>
+            </div>
+
+
+        </div>
+    );
+};
+
+export default SystemSettingsPage;

package/src/views/page-system/department/departmentFormShared.ts

@@ -0,0 +1,36 @@
+import type { Rule } from 'antd/es/form'
+import type { TFunction } from 'i18next'
+
+export type DepartmentFormValues = {
+  name: string
+  code: string
+  parentId?: number
+  sortOrder: number
+  description: string
+}
+
+export function emptyDepartmentFormValues(): DepartmentFormValues {
+  return {
+    name: '',
+    code: '',
+    parentId: undefined,
+    sortOrder: 1,
+    description: '',
+  }
+}
+
+export function buildDepartmentFormRules(
+  t: TFunction,
+  mode: 'add' | 'edit' = 'add',
+): {
+  name: Rule[]
+  code: Rule[]
+  sortOrder: Rule[]
+} {
+  return {
+    name: [{ required: true, message: t('system.department.rules.name.required') }],
+    code: [{ required: true, message: t('system.department.rules.code.required') }],
+    sortOrder: [{ required: true, message: t('common.sort_order_required') }],
+  }
+}
+