内置扩展已启用但是没有调用插件

[YanHua95]

问题描述

本地开发将插件配置为内置扩展，但是没有调用插件返回插件ui，只有通过安装第三方插件的方式才正常调用插件。
已经在src/tools/index.ts文件添加本地的插件作为内置扩展，配置如下
export const builtinTools: LobeBuiltinTool[] = [ { identifier: FormulaMaster.identifier, manifest: FormulaMaster, type: 'builtin', }, ];

manifest属性值如下，为插件manifest配置
{ $schema: "../../../../../../node_modules/@lobehub/chat-plugin-sdk/schema.json", api: [ { url: "http://localhost:3010/plugin/formula-master/api/generate-formula", name: "generate-formula", description: "根据配方需求，生成配方", parameters: { properties: { priceRequirement: { description: "价格要求", type: "string" }, }, required: [], type: "object" } } ], gateway: "http://localhost:3010/plugin/gateway", author: "jarvis", createdAt: "2025-06-27", identifier: "formula-master", meta: { avatar: "🔥", title: "助手大师", description: "生成配方，优化配方" }, type: "standalone", ui: { url: "http://localhost:3010/plugin/formula-master/ui", height: 200 }, version: "1", systemRole: "" }

实际效果

实际效果只是思考生成插件所需的参数，但是没有调用插件

期望效果

期望效果调用插件返回插件ui

[lobehubbot]

👀 @YanHua95

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[dosubot[bot]]

你的内置插件没有显示 UI，是因为 Lobe Chat 的内置扩展（builtin plugin）系统要求你为每个内置插件单独实现一个渲染组件（render component），并在 BuiltinToolsRenders 里注册。仅在 src/tools/index.ts 里添加插件配置还不够。

具体做法如下：

1. 实现渲染组件：在你的插件目录下新建一个 React 组件（比如 src/tools/formula-master/Render/index.tsx），实现 UI 逻辑。可以参考 DallE 或 WebBrowsing 的写法，组件需要导出为 default 并实现 BuiltinRenderProps 接口。

2. 注册渲染组件：在 src/tools/renders.ts 文件中，将你的插件 identifier 和渲染组件加入 BuiltinToolsRenders 映射。例如：

   import FormulaMasterRender from './formula-master/Render';
   
   export const BuiltinToolsRenders: Record<string, BuiltinRender> = {
     ...,
     ['formula-master']: FormulaMasterRender as BuiltinRender,
   };

   identifier 必须和 manifest 里的保持完全一致。

3. 测试：重启前端，触发插件调用，确认 UI 是否正常显示。可以在 render 组件里加个明显的元素或 console.log 方便调试。

只有在 BuiltinToolsRenders 注册过的内置插件才会被渲染 UI，否则不会显示（源码参考）。

第三方插件用的是动态 iframe 渲染机制，内置扩展则必须手动注册渲染组件。你可以直接参考 DallE 和 WebBrowsing 的实现方式来开发自己的 UI 组件。

如还有问题，建议检查浏览器控制台和应用日志，排查是否有报错或警告。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}   

[dosubot[bot]]

你的内置插件没有显示 UI，是因为 Lobe Chat 的内置扩展（builtin）和第三方插件（standalone）在 UI 渲染机制上有区别。内置扩展除了在 builtinTools 注册 manifest 外，还必须在 src/tools/renders.ts 里用 identifier 注册一个渲染组件，否则 UI 不会被调用（即使 manifest 里有 ui.url 字段）参考。

你需要做两步：

1. 在 src/tools/ 下新建一个渲染组件，比如 formula-master/Render/index.tsx，内容可以简单包一层 iframe，例如：

   import { memo } from 'react';
   import IFrameRender from '@/features/PluginsUI/Render/StandaloneType/Iframe';
   import type { BuiltinRenderProps } from '@/features/PluginsUI/Render/BuiltinType/type';
   
   const FormulaMasterRender = memo<BuiltinRenderProps<any>>(({ content, messageId }) => (
     <IFrameRender
       id={messageId}
       url="http://localhost:3010/plugin/formula-master/ui"
       height={200}
     />
   ));
   
   export default FormulaMasterRender;

2. 在 src/tools/renders.ts 里引入并注册：

   import FormulaMasterRender from './formula-master/Render';
   
   export const BuiltinToolsRenders = {
     // ...已有的
     'formula-master': FormulaMasterRender,
   };

这样就能让内置扩展像第三方插件一样正常显示 UI 了。如果还有问题，建议检查浏览器控制台是否有报错，或确认 feature flag 没有禁用插件相关功能。

参考：renders.ts 源码

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}