@lobehub/chat 1.84.3 → 1.84.5

package/src/features/PluginDevModal/PluginPreview/index.tsx

@@ -0,0 +1,72 @@
+import { LobeChatPluginManifest } from '@lobehub/chat-plugin-sdk';
+import { Block, Icon } from '@lobehub/ui';
+import { Form as AForm, Button, FormInstance, Typography } from 'antd';
+import { useTheme } from 'antd-style';
+import { FileCode } from 'lucide-react';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import ManifestPreviewer from '@/components/ManifestPreviewer';
+import PluginAvatar from '@/features/PluginStore/PluginItem/PluginAvatar';
+import PluginTag from '@/features/PluginStore/PluginItem/PluginTag';
+import { pluginHelpers } from '@/store/tool';
+
+import ApiVisualizer from './ApiVisualizer';
+import PluginEmptyState from './EmptyState';
+
+const PluginPreview = memo<{ form: FormInstance }>(({ form }) => {
+  const { t } = useTranslation('plugin');
+  const theme = useTheme();
+  const manifest: LobeChatPluginManifest = AForm.useWatch(['manifest'], form);
+  const meta = manifest?.meta;
+
+  if (!manifest)
+    return (
+      <Flexbox flex={2} height={'100%'} style={{ background: theme.colorBgLayout }}>
+        <PluginEmptyState />
+      </Flexbox>
+    );
+
+  return (
+    <Flexbox
+      flex={2}
+      gap={24}
+      padding={12}
+      style={{ background: theme.colorBgLayout, overflowY: 'auto' }}
+    >
+      <Block
+        gap={16}
+        horizontal
+        justify={'space-between'}
+        padding={16}
+        title={t('dev.preview.card')}
+        variant={'outlined'}
+      >
+        <Flexbox gap={16} horizontal>
+          <PluginAvatar avatar={pluginHelpers.getPluginAvatar(meta)} size={40} />
+          <Flexbox gap={2}>
+            <Flexbox align={'center'} gap={8} horizontal>
+              {pluginHelpers.getPluginTitle(meta) || 'Plugin Title'}
+              <PluginTag type={'customPlugin'} />
+            </Flexbox>
+            <Typography.Text style={{ fontSize: 12 }} type={'secondary'}>
+              {pluginHelpers.getPluginDesc(meta) || 'Plugin Description'}
+            </Typography.Text>
+          </Flexbox>
+        </Flexbox>
+
+        {manifest && (
+          <ManifestPreviewer manifest={manifest}>
+            <Flexbox>
+              <Button icon={<Icon icon={FileCode} />}>{t('dev.mcp.previewManifest')}</Button>
+            </Flexbox>
+          </ManifestPreviewer>
+        )}
+      </Block>
+      {manifest && <ApiVisualizer apis={manifest.api as any} />}
+    </Flexbox>
+  );
+});
+
+export default PluginPreview;

package/src/features/PluginDevModal/index.tsx

@@ -1,4 +1,4 @@
-import { Alert, Button, Icon, Modal, Segmented, Tag } from '@lobehub/ui';
+import { Alert, Button, Drawer, Icon, Segmented, Tag } from '@lobehub/ui';
 import { App, Form, Popconfirm } from 'antd';
 import { useResponsive } from 'antd-style';
 import { MoveUpRight } from 'lucide-react';
@@ -29,7 +29,9 @@ const DevModal = memo<DevModalProps>(
     const [configMode, setConfigMode] = useState<'url' | 'mcp'>('mcp');
     const { t } = useTranslation('plugin');
     const { message } = App.useApp();
+
     const [submitting, setSubmitting] = useState(false);
+
     const { mobile } = useResponsive();
     const [form] = Form.useForm();
     useEffect(() => {
@@ -106,83 +108,94 @@ const DevModal = memo<DevModalProps>(
           onOpenChange(false);
         }}
       >
-        <Modal
-          allowFullscreen
+        <Drawer
+          containerMaxWidth={'auto'}
           destroyOnClose
           footer={footer}
-          okText={t('dev.save')}
-          onCancel={(e) => {
+          height={'100vh'}
+          onClose={(e) => {
             e.stopPropagation();
             onOpenChange(false);
           }}
-          onOk={(e) => {
-            e.stopPropagation();
-            form.submit();
-          }}
           open={open}
+          placement={'bottom'}
+          push={false}
+          styles={{
+            body: {
+              padding: 0,
+            },
+            bodyContent: {
+              height: '100%',
+            },
+          }}
           title={t(isEditMode ? 'dev.title.edit' : 'dev.title.create')}
+          width={mobile ? '100%' : 800}
         >
           <Flexbox
-            gap={16}
+            gap={0}
+            height={'100%'}
+            horizontal
             onClick={(e) => {
               e.stopPropagation();
             }}
           >
-            <Segmented
-              block
-              onChange={(e) => {
-                setConfigMode(e as 'url' | 'mcp');
-              }}
-              options={[
-                {
-                  label: (
-                    <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
-                      {t('dev.manifest.mode.mcp')}
-                      <div>
-                        <Tag bordered={false} color={'warning'}>
-                          {t('dev.manifest.mode.mcpExp')}
-                        </Tag>
-                      </div>
-                    </Flexbox>
-                  ),
-                  value: 'mcp',
-                },
-                {
-                  label: t('dev.manifest.mode.url'),
-                  value: 'url',
-                },
-              ]}
-              value={configMode}
-              variant={'filled'}
-            />
+            <Flexbox flex={3} gap={16} padding={24} style={{ overflowY: 'auto' }}>
+              <Segmented
+                block
+                onChange={(e) => {
+                  setConfigMode(e as 'url' | 'mcp');
+                }}
+                options={[
+                  {
+                    label: (
+                      <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
+                        {t('dev.manifest.mode.mcp')}
+                        <div>
+                          <Tag bordered={false} color={'warning'}>
+                            {t('dev.manifest.mode.mcpExp')}
+                          </Tag>
+                        </div>
+                      </Flexbox>
+                    ),
+                    value: 'mcp',
+                  },
+                  {
+                    label: t('dev.manifest.mode.url'),
+                    value: 'url',
+                  },
+                ]}
+                value={configMode}
+                variant={'filled'}
+              />
 
-            {configMode === 'url' && (
-              <>
-                <Alert
-                  message={
-                    <Trans i18nKey={'dev.modalDesc'} ns={'plugin'}>
-                      添加自定义插件后，可用于插件开发验证，也可直接在会话中使用。插件开发文档请参考：
-                      <a
-                        href={WIKI_PLUGIN_GUIDE}
-                        rel="noreferrer"
-                        style={{ paddingInline: 8 }}
-                        target={'_blank'}
-                      >
-                        文档
-                      </a>
-                      <Icon icon={MoveUpRight} />
-                    </Trans>
-                  }
-                  showIcon
-                  type={'info'}
-                />
-                <UrlManifestForm form={form} isEditMode={isEditMode} />
-              </>
-            )}
-            {configMode === 'mcp' && <MCPManifestForm form={form} isEditMode={isEditMode} />}
+              {configMode === 'url' && (
+                <>
+                  <Alert
+                    message={
+                      <Trans i18nKey={'dev.modalDesc'} ns={'plugin'}>
+                        添加自定义插件后，可用于插件开发验证，也可直接在会话中使用。插件开发文档请参考：
+                        <a
+                          href={WIKI_PLUGIN_GUIDE}
+                          rel="noreferrer"
+                          style={{ paddingInline: 8 }}
+                          target={'_blank'}
+                        >
+                          文档
+                        </a>
+                        <Icon icon={MoveUpRight} />
+                      </Trans>
+                    }
+                    showIcon
+                    type={'info'}
+                  />
+                  <UrlManifestForm form={form} isEditMode={isEditMode} />
+                </>
+              )}
+              {configMode === 'mcp' && <MCPManifestForm form={form} isEditMode={isEditMode} />}
+            </Flexbox>
             <PluginPreview form={form} />
           </Flexbox>
-        </Modal>
+        </Drawer>
       </Form.Provider>
     );
   },

package/src/libs/agent-runtime/qwen/index.ts

@@ -24,10 +24,14 @@ export const LobeQwenAI = LobeOpenAICompatibleFactory({
   baseURL: 'https://dashscope.aliyuncs.com/compatible-mode/v1',
   chatCompletion: {
     handlePayload: (payload) => {
-      const { model, presence_penalty, temperature, top_p, enabledSearch, ...rest } = payload;
+      const { model, presence_penalty, temperature, thinking, top_p, enabledSearch, ...rest } = payload;
 
       return {
         ...rest,
+        ...( ['qwen3','qwen-turbo','qwen-plus']
+          .some(keyword => model.toLowerCase().includes(keyword))
+        ? { enable_thinking: thinking !== undefined ? thinking.type === 'enabled' : false }
+        : {}),
         frequency_penalty: undefined,
         model,
         presence_penalty: QwenLegacyModels.has(model)
@@ -70,11 +74,11 @@ export const LobeQwenAI = LobeOpenAICompatibleFactory({
   models: async ({ client }) => {
     const { LOBE_DEFAULT_MODEL_LIST } = await import('@/config/aiModels');
 
-    const functionCallKeywords = ['qwen-max', 'qwen-plus', 'qwen-turbo', 'qwen2.5'];
+    const functionCallKeywords = ['qwen-max', 'qwen-plus', 'qwen-turbo', 'qwen-long', 'qwen1.5', 'qwen2', 'qwen2.5', 'qwen3'];
 
     const visionKeywords = ['qvq', 'vl'];
 
-    const reasoningKeywords = ['qvq', 'qwq', 'deepseek-r1'];
+    const reasoningKeywords = ['qvq', 'qwq', 'deepseek-r1', 'qwen3'];
 
     const modelsPage = (await client.models.list()) as any;
     const modelList: QwenModelCard[] = modelsPage.data;

package/src/locales/default/plugin.ts

@@ -1,4 +1,5 @@
 export default {
+  confirm: '确定',
   debug: {
     arguments: '调用参数',
     function_call: '函数调用',
@@ -80,6 +81,13 @@ export default {
         required: '请输入 MCP 服务标识符',
       },
       previewManifest: '预览插件描述文件',
+      quickImport: '快速导入 JSON 配置',
+      quickImportError: {
+        empty: '输入内容不能为空',
+        invalidJson: '无效的 JSON 格式',
+        invalidStructure: 'JSON 格式无效',
+      },
+      stdioNotSupported: '当前环境不支持 stdio 类型的 MCP 插件',
       testConnection: '测试连接',
       testConnectionTip: '测试连接成功后 MCP 插件才可以被正常使用',
       type: {
@@ -148,8 +156,18 @@ export default {
       schema: 'Schema',
     },
     preview: {
+      api: {
+        noParams: '该工具没有参数',
+        noResults: '未找到符合搜索条件的 API',
+        params: '参数:',
+        searchPlaceholder: '搜索工具...',
+      },
       card: '预览插件展示效果',
       desc: '预览插件描述',
+      empty: {
+        desc: '完成配置后，将能够在此处预览插件支持的工具能力',
+        title: '配置插件后开始预览',
+      },
       title: '插件名称预览',
     },
     save: '安装插件',

package/src/features/PluginDevModal/PluginPreview.tsx

@@ -1,34 +0,0 @@
-import { Block } from '@lobehub/ui';
-import { Form as AForm, FormInstance, Typography } from 'antd';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import PluginAvatar from '@/features/PluginStore/PluginItem/PluginAvatar';
-import PluginTag from '@/features/PluginStore/PluginItem/PluginTag';
-import { pluginHelpers } from '@/store/tool';
-import { LobeToolCustomPlugin } from '@/types/tool/plugin';
-
-const PluginPreview = memo<{ form: FormInstance }>(({ form }) => {
-  const { t } = useTranslation('plugin');
-
-  const plugin: LobeToolCustomPlugin = AForm.useWatch([], form);
-  const meta = plugin?.manifest?.meta;
-
-  return (
-    <Block gap={16} horizontal padding={16} title={t('dev.preview.card')} variant={'outlined'}>
-      <PluginAvatar avatar={pluginHelpers.getPluginAvatar(meta)} size={40} />
-      <Flexbox gap={2}>
-        <Flexbox align={'center'} gap={8} horizontal>
-          {pluginHelpers.getPluginTitle(meta) || 'Plugin Title'}
-          <PluginTag type={'customPlugin'} />
-        </Flexbox>
-        <Typography.Text style={{ fontSize: 12 }} type={'secondary'}>
-          {pluginHelpers.getPluginDesc(meta) || 'Plugin Description'}
-        </Typography.Text>
-      </Flexbox>
-    </Block>
-  );
-});
-
-export default PluginPreview;