@lobehub/chat 0.66.0 → 0.68.0

package/src/features/PluginDevModal/index.tsx

@@ -1,13 +1,13 @@
 import { Icon } from '@lobehub/ui';
 import { App, Button, ConfigProvider, Form, Modal, Popconfirm } from 'antd';
-import { createStyles, useTheme } from 'antd-style';
+import { createStyles } from 'antd-style';
 import { LucideBlocks } from 'lucide-react';
 import { lighten } from 'polished';
-import { memo, useEffect } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { DevPlugin } from '@/store/plugin/initialState';
+import { CustomPlugin } from '@/types/plugin';
 
 import ManifestForm from './ManifestForm';
 import MetaForm from './MetaForm';
@@ -26,33 +26,31 @@ const useStyles = createStyles(({ css, token, prefixCls }) => ({
 }));
 
 interface DevModalProps {
+  mode?: 'edit' | 'create';
   onDelete?: () => void;
   onOpenChange: (open: boolean) => void;
-  onSave?: (value: DevPlugin) => void;
-  onValueChange?: (value: Partial<DevPlugin>) => void;
+  onSave?: (value: CustomPlugin) => Promise<void> | void;
+  onValueChange?: (value: Partial<CustomPlugin>) => void;
   open?: boolean;
-  showDelete?: boolean;
-  value?: DevPlugin;
+  value?: CustomPlugin;
 }
 
 const DevModal = memo<DevModalProps>(
-  ({ open, showDelete, value, onValueChange, onSave, onOpenChange, onDelete }) => {
+  ({ open, mode = 'create', value, onValueChange, onSave, onOpenChange, onDelete }) => {
+    const isEditMode = mode === 'edit';
     const { t } = useTranslation('plugin');
-
-    const [form] = Form.useForm();
-    const theme = useTheme();
-
-    const { styles } = useStyles();
-
+    const { styles, theme } = useStyles();
     const { message } = App.useApp();
 
+    const [submitting, setSubmitting] = useState(false);
+    const [form] = Form.useForm();
     useEffect(() => {
       form.setFieldsValue(value);
     }, []);
 
     const footer = (
       <Flexbox horizontal justify={'space-between'} style={{ marginTop: 24 }}>
-        {showDelete ? (
+        {isEditMode ? (
           <Popconfirm
             okButtonProps={{
               danger: true,
@@ -80,24 +78,30 @@ const DevModal = memo<DevModalProps>(
             {t('cancel', { ns: 'common' })}
           </Button>
           <Button
+            loading={submitting}
             onClick={() => {
               form.submit();
             }}
             type={'primary'}
           >
-            {t('dev.save')}
+            {t(isEditMode ? 'dev.update' : 'dev.save')}
           </Button>
         </Flexbox>
       </Flexbox>
     );
+
     return (
       <Form.Provider
         onFormChange={() => {
           onValueChange?.(form.getFieldsValue());
         }}
-        onFormFinish={(_, info) => {
-          onSave?.(info.values as DevPlugin);
-          message.success(t('dev.saveSuccess'));
+        onFormFinish={async (_, info) => {
+          if (onSave) {
+            setSubmitting(true);
+            await onSave?.(info.values as CustomPlugin);
+            setSubmitting(false);
+          }
+          message.success(t(isEditMode ? 'dev.updateSuccess' : 'dev.saveSuccess'));
           onOpenChange(false);
         }}
       >
@@ -121,7 +125,6 @@ const DevModal = memo<DevModalProps>(
               form.submit();
             }}
             open={open}
-            style={{ height: 750 }}
             title={
               <Flexbox gap={8} horizontal>
                 <Icon icon={LucideBlocks} />
@@ -139,9 +142,9 @@ const DevModal = memo<DevModalProps>(
               {/*    { children: <ManifestForm />, key: 'manifest', label: t('dev.tabs.manifest') },*/}
               {/*  ]}*/}
               {/*/>*/}
-              <PluginPreview />
-              <ManifestForm form={form} mode={'url'} />
-              <MetaForm form={form} />
+              <PluginPreview form={form} />
+              <ManifestForm form={form} />
+              <MetaForm form={form} mode={mode} />
             </Flexbox>
           </Modal>
         </ConfigProvider>

package/src/locales/default/plugin.ts

@@ -43,16 +43,19 @@ export default {
         label: '首页',
       },
       identifier: {
-        desc: '插件的唯一标识，仅支持英文字符、数字、破折号 - 、下划线 _',
+        desc: '插件的唯一标识，将从 manifest 中自动识别',
         errorDuplicate: '标识符和已有插件重复，请修改标识符',
         label: '标识符',
         pattenErrorMessage: '只能输入英文字符、数字 、- 和_ 这两个符号',
       },
       manifest: {
         desc: 'LobeChat 将会通过该链接安装插件',
-        invalid: '输入的 manifest 链接无效，或 manifest 不符合规范',
+        jsonInvalid: ' manifest 不符合规范，校验结果: \n\n {{error}}',
         label: '插件描述文件 Url 地址',
-        urlError: '请输入一个有效的网址',
+        preview: '预览 Manifest',
+        refresh: '刷新',
+        requestError: '请求该链接失败，请输入一个有效的链接，并检查链接是否允许跨域访问',
+        urlError: '该链接没有返回 JSON 格式的内容, 请输入一个有效的链接',
       },
       title: {
         desc: '插件标题',
@@ -73,13 +76,14 @@ export default {
       manifest: '功能描述清单 (Manifest)',
       meta: '插件元信息',
     },
-
     title: '添加自定义插件',
+    update: '更新',
+    updateSuccess: '插件设置更新成功',
   },
   list: {
     item: {
       'local.config': '配置',
-      'local.title': '本地',
+      'local.title': '自定义',
     },
   },
 

package/src/pages/chat/features/Conversation/ChatList/Plugins/IFrameRender/hooks.ts

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+
+import { onPluginFetchMessage, onPluginReady } from './utils';
+
+export const useOnPluginReady = (onReady: () => void) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      onPluginReady(e, onReady);
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, []);
+};
+
+export const useOnPluginFetchMessage = (onRequest: (data: any) => void, deps: any[] = []) => {
+  useEffect(() => {
+    const fn = (e: MessageEvent) => {
+      onPluginFetchMessage(e, onRequest);
+    };
+
+    window.addEventListener('message', fn);
+    return () => {
+      window.removeEventListener('message', fn);
+    };
+  }, deps);
+};

package/src/pages/chat/features/Conversation/ChatList/Plugins/IFrameRender/index.tsx

@@ -0,0 +1,62 @@
+import { PluginRenderProps } from '@lobehub/chat-plugin-sdk';
+import { Skeleton } from 'antd';
+import { memo, useEffect, useRef, useState } from 'react';
+
+import { useOnPluginFetchMessage, useOnPluginReady } from './hooks';
+import { sendMessageToPlugin } from './utils';
+
+interface IFrameRenderProps extends PluginRenderProps {
+  height?: number;
+  url: string;
+  width?: number;
+}
+
+const IFrameRender = memo<IFrameRenderProps>(({ url, width = 800, height = 300, ...props }) => {
+  const [loading, setLoading] = useState(true);
+  const [readyForRender, setReady] = useState(false);
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  useOnPluginReady(() => setReady(true));
+
+  // 当 props 发生变化时，主动向 iframe 发送数据
+  useEffect(() => {
+    const iframeWin = iframeRef.current?.contentWindow;
+
+    if (iframeWin && readyForRender) {
+      sendMessageToPlugin(iframeWin, props);
+    }
+  }, [readyForRender, props]);
+
+  // 当接收到来自 iframe 的请求时，触发发送数据
+  useOnPluginFetchMessage(() => {
+    const iframeWin = iframeRef.current?.contentWindow;
+    if (iframeWin) {
+      sendMessageToPlugin(iframeWin, props);
+    }
+  }, [props]);
+
+  return (
+    <>
+      {loading && <Skeleton active style={{ width }} />}
+      <iframe
+        // @ts-ignore
+        allowtransparency="true"
+        height={height}
+        hidden={loading}
+        onLoad={() => {
+          setLoading(false);
+        }}
+        ref={iframeRef}
+        src={url}
+        style={{
+          border: 0,
+          // iframe 在 color-scheme:dark 模式下无法透明
+          // refs: https://www.jianshu.com/p/bc5a37bb6a7b
+          colorScheme: 'light',
+        }}
+        width={width}
+      />
+    </>
+  );
+});
+export default IFrameRender;

package/src/pages/chat/features/Conversation/ChatList/Plugins/IFrameRender/utils.ts

@@ -0,0 +1,17 @@
+import { PluginChannel } from '@lobehub/chat-plugin-sdk';
+
+export const onPluginReady = (e: MessageEvent, onReady: () => void) => {
+  if (e.data.type === PluginChannel.pluginReadyForRender) {
+    onReady();
+  }
+};
+
+export const onPluginFetchMessage = (e: MessageEvent, onRequest: (data: any) => void) => {
+  if (e.data.type === PluginChannel.fetchPluginMessage) {
+    onRequest(e.data);
+  }
+};
+
+export const sendMessageToPlugin = (window: Window, props: any) => {
+  window.postMessage({ props, type: PluginChannel.renderPlugin }, '*');
+};

package/src/pages/chat/features/Conversation/ChatList/Plugins/PluginMessage.tsx

@@ -1,12 +1,13 @@
 import { Loading3QuartersOutlined } from '@ant-design/icons';
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
 import { usePluginStore } from '@/store/plugin';
 import { ChatMessage } from '@/types/chatMessage';
 
-import CustomRender from './CustomRender';
+import IFrameRender from './IFrameRender';
+import SystemJsRender from './SystemJsRender';
 
 export interface FunctionMessageProps extends ChatMessage {
   loading?: boolean;
@@ -23,6 +24,8 @@ const PluginMessage = memo<FunctionMessageProps>(({ content, name }) => {
     isJSON = false;
   }
 
+  const contentObj = useMemo(() => (isJSON ? JSON.parse(content) : content), [content]);
+
   // if (!loading)
 
   if (!isJSON) {
@@ -36,10 +39,23 @@ const PluginMessage = memo<FunctionMessageProps>(({ content, name }) => {
     );
   }
 
-  if (!manifest?.ui?.url) return;
+  if (!manifest?.ui) return;
+
+  const ui = manifest.ui;
+
+  if (!ui.url) return;
+
+  if (ui.mode === 'module')
+    return <SystemJsRender content={contentObj} name={name || 'unknown'} url={ui.url} />;
 
   return (
-    <CustomRender content={JSON.parse(content)} name={name || 'unknown'} url={manifest.ui?.url} />
+    <IFrameRender
+      content={contentObj}
+      height={ui.height}
+      name={name || 'unknown'}
+      url={ui.url}
+      width={ui.width}
+    />
   );
 });
 

package/src/pages/chat/features/Conversation/ChatList/Plugins/{CustomRender.tsx → SystemJsRender/index.tsx}

@@ -2,12 +2,13 @@ import { PluginRender, PluginRenderProps } from '@lobehub/chat-plugin-sdk';
 import { Skeleton } from 'antd';
 import { memo, useEffect, useState } from 'react';
 
-import { system } from './dynamticLoader';
+import { system } from './utils';
 
-interface CustomRenderProps extends PluginRenderProps {
+interface SystemJsRenderProps extends PluginRenderProps {
   url: string;
 }
-const CustomRender = memo<CustomRenderProps>(({ url, ...props }) => {
+
+const SystemJsRender = memo<SystemJsRenderProps>(({ url, ...props }) => {
   const [component, setComp] = useState<PluginRender | null>(null);
 
   useEffect(() => {
@@ -31,4 +32,4 @@ const CustomRender = memo<CustomRenderProps>(({ url, ...props }) => {
 
   return <Render {...props} />;
 });
-export default CustomRender;
+export default SystemJsRender;

package/src/store/plugin/initialState.ts

@@ -1,38 +1,9 @@
-import { LobeChatPluginManifest, LobeChatPluginMeta } from '@lobehub/chat-plugin-sdk';
+import { CustomPluginState, initialCustomPluginState } from './slices/customPlugin';
+import { PluginState, initialPluginState } from './slices/plugin';
 
-import { PluginManifestMap } from '@/types/plugin';
-
-export type PluginManifestLoadingState = Record<string, boolean>;
-export type PluginsSettings = Record<string, any>;
-
-export interface DevPlugin extends LobeChatPluginMeta {
-  apiMode: 'openapi' | 'simple';
-  enableSettings: boolean;
-  manifestConfig?: LobeChatPluginManifest;
-  manifestMode: 'local' | 'url';
-}
-
-export interface PluginStoreState {
-  devPluginList: DevPlugin[];
-  manifestPrepared: boolean;
-  newDevPlugin: Partial<DevPlugin>;
-  pluginList: LobeChatPluginMeta[];
-  pluginManifestLoading: PluginManifestLoadingState;
-  pluginManifestMap: PluginManifestMap;
-  pluginsSettings: PluginsSettings;
-}
-export const defaultDevPlugin: Partial<DevPlugin> = {
-  apiMode: 'simple',
-  enableSettings: false,
-  manifestMode: 'url',
-};
+export type PluginStoreState = PluginState & CustomPluginState;
 
 export const initialState: PluginStoreState = {
-  devPluginList: [],
-  manifestPrepared: false,
-  newDevPlugin: defaultDevPlugin,
-  pluginList: [],
-  pluginManifestLoading: {},
-  pluginManifestMap: {},
-  pluginsSettings: {},
+  ...initialPluginState,
+  ...initialCustomPluginState,
 };

package/src/store/plugin/selectors.ts

@@ -1,3 +1,6 @@
+import { uniqBy } from 'lodash-es';
+import { ChatCompletionFunctions } from 'openai-edge/types/api';
+
 import { PLUGIN_SCHEMA_SEPARATOR } from '@/const/plugin';
 import { pluginHelpers } from '@/store/plugin/helpers';
 
@@ -5,12 +8,12 @@ import { PluginStoreState } from './initialState';
 
 const enabledSchema =
   (enabledPlugins: string[] = []) =>
-  (s: PluginStoreState) => {
-    return Object.values(s.pluginManifestMap)
-      .filter((p) => {
-        // 如果不存在 enabledPlugins，那么全部不启用
-        if (!enabledPlugins) return false;
+  (s: PluginStoreState): ChatCompletionFunctions[] => {
+    // 如果不存在 enabledPlugins，那么全部不启用
+    if (!enabledPlugins) return [];
 
+    const list = Object.values(s.pluginManifestMap)
+      .filter((p) => {
         // 如果存在 enabledPlugins，那么只启用 enabledPlugins 中的插件
         return enabledPlugins.includes(p.identifier);
       })
@@ -21,15 +24,17 @@ const enabledSchema =
           name: manifest.identifier + PLUGIN_SCHEMA_SEPARATOR + m.name,
         })),
       );
+
+    return uniqBy(list, 'name');
   };
 
-const pluginList = (s: PluginStoreState) => [...s.pluginList, ...s.devPluginList];
+const pluginList = (s: PluginStoreState) => [...s.pluginList, ...s.customPluginList];
 
 const getPluginMetaById = (id: string) => (s: PluginStoreState) =>
   pluginHelpers.getPluginFormList(pluginList(s), id);
 
 const getDevPluginById = (id: string) => (s: PluginStoreState) =>
-  s.devPluginList.find((i) => i.identifier === id);
+  s.customPluginList.find((i) => i.identifier === id);
 
 const getPluginManifestById = (id: string) => (s: PluginStoreState) => s.pluginManifestMap[id];
 const getPluginSettingsById = (id: string) => (s: PluginStoreState) => s.pluginsSettings[id];

package/src/store/plugin/slices/customPlugin/action.ts

@@ -0,0 +1,64 @@
+import { merge } from 'lodash-es';
+import { StateCreator } from 'zustand/vanilla';
+
+import { CustomPlugin } from '@/types/plugin';
+import { setNamespace } from '@/utils/storeDebug';
+
+import { PluginStore } from '../../store';
+import { defaultCustomPlugin } from './initialState';
+import { CustomPluginListDispatch, devPluginListReducer } from './reducers/customPluginList';
+
+const t = setNamespace('customPlugin');
+
+/**
+ * 代理行为接口
+ */
+export interface CustomPluginAction {
+  deleteCustomPlugin: (id: string) => void;
+  dispatchCustomPluginList: (payload: CustomPluginListDispatch) => void;
+  saveToCustomPluginList: (value: CustomPlugin) => void;
+  updateCustomPlugin: (id: string, value: CustomPlugin) => void;
+  updateNewCustomPlugin: (value: Partial<CustomPlugin>) => void;
+}
+
+export const createCustomPluginSlice: StateCreator<
+  PluginStore,
+  [['zustand/devtools', never]],
+  [],
+  CustomPluginAction
+> = (set, get) => ({
+  deleteCustomPlugin: (id) => {
+    const { dispatchCustomPluginList, dispatchPluginManifest, deletePluginSettings } = get();
+    // 1.删除插件项
+    dispatchCustomPluginList({ id, type: 'deleteItem' });
+    // 2.删除本地 manifest 记录
+    dispatchPluginManifest({ id, type: 'deleteManifest' });
+    // 3.删除插件配置
+    deletePluginSettings(id);
+  },
+  dispatchCustomPluginList: (payload) => {
+    const { customPluginList } = get();
+
+    const nextList = devPluginListReducer(customPluginList, payload);
+    set({ customPluginList: nextList }, false, t('dispatchCustomPluginList', payload));
+  },
+  saveToCustomPluginList: (value) => {
+    get().dispatchCustomPluginList({ plugin: value, type: 'addItem' });
+    set({ newCustomPlugin: defaultCustomPlugin }, false, t('saveToCustomPluginList'));
+  },
+  updateCustomPlugin: (id, value) => {
+    const { dispatchCustomPluginList, fetchPluginManifest } = get();
+    // 1. 更新 list 项信息
+    dispatchCustomPluginList({ id, plugin: value, type: 'updateItem' });
+    // 2. 更新 重新拉取 manifest
+    fetchPluginManifest(id);
+  },
+
+  updateNewCustomPlugin: (newCustomPlugin) => {
+    set(
+      { newCustomPlugin: merge({}, get().newCustomPlugin, newCustomPlugin) },
+      false,
+      t('updateNewDevPlugin'),
+    );
+  },
+});

package/src/store/plugin/slices/customPlugin/index.ts

@@ -0,0 +1,3 @@
+export * from './action';
+export * from './initialState';
+// export * from './selectors';

package/src/store/plugin/slices/customPlugin/initialState.ts

@@ -0,0 +1,16 @@
+import { CustomPlugin } from '@/types/plugin';
+
+export interface CustomPluginState {
+  customPluginList: CustomPlugin[];
+  newCustomPlugin: Partial<CustomPlugin>;
+}
+export const defaultCustomPlugin: Partial<CustomPlugin> = {
+  apiMode: 'simple',
+  enableSettings: false,
+  manifestMode: 'url',
+};
+
+export const initialCustomPluginState: CustomPluginState = {
+  customPluginList: [],
+  newCustomPlugin: defaultCustomPlugin,
+};

package/src/store/plugin/{reducers/devPluginList.ts → slices/customPlugin/reducers/customPluginList.ts}

@@ -1,11 +1,11 @@
 import { produce } from 'immer';
 
-import { DevPlugin } from '../initialState';
+import { CustomPlugin } from '@/types/plugin';
 
-export type DevListState = DevPlugin[];
+export type DevListState = CustomPlugin[];
 
 export type AddPluginAction = {
-  plugin: DevPlugin;
+  plugin: CustomPlugin;
   type: 'addItem';
 };
 
@@ -16,15 +16,15 @@ export type DeletePluginAction = {
 
 export type UpdatePluginAction = {
   id: string;
-  plugin: DevPlugin;
+  plugin: CustomPlugin;
   type: 'updateItem';
 };
 
-export type DevListDispatch = AddPluginAction | DeletePluginAction | UpdatePluginAction;
+export type CustomPluginListDispatch = AddPluginAction | DeletePluginAction | UpdatePluginAction;
 
 export const devPluginListReducer = (
   state: DevListState,
-  payload: DevListDispatch,
+  payload: CustomPluginListDispatch,
 ): DevListState => {
   switch (payload.type) {
     case 'addItem': {

package/src/store/plugin/{action.ts → slices/plugin/action.ts}

@@ -14,10 +14,8 @@ import { pluginSelectors } from '@/store/plugin/selectors';
 import { LobeSessions } from '@/types/session';
 import { setNamespace } from '@/utils/storeDebug';
 
-import { DevPlugin, defaultDevPlugin } from './initialState';
-import { DevListDispatch, devPluginListReducer } from './reducers/devPluginList';
+import { PluginStore } from '../../store';
 import { PluginDispatch, pluginManifestReducer } from './reducers/manifest';
-import { PluginStore } from './store';
 
 const t = setNamespace('plugin');
 
@@ -26,12 +24,10 @@ const t = setNamespace('plugin');
  */
 export interface PluginAction {
   checkLocalEnabledPlugins: (sessions: LobeSessions) => void;
-  dispatchDevPluginList: (payload: DevListDispatch) => void;
+  deletePluginSettings: (id: string) => void;
   dispatchPluginManifest: (payload: PluginDispatch) => void;
-  fetchPluginManifest: (name: string) => Promise<void>;
-  saveToDevList: (value: DevPlugin) => void;
+  fetchPluginManifest: (identifier: string) => Promise<void>;
   updateManifestLoadingState: (key: string, value: boolean | undefined) => void;
-  updateNewDevPlugin: (value: Partial<DevPlugin>) => void;
   updatePluginSettings: <T>(id: string, settings: Partial<T>) => void;
   useFetchPluginList: () => SWRResponse<LobeChatPluginsMarketIndex>;
 }
@@ -56,15 +52,18 @@ export const createPluginSlice: StateCreator<
 
     const plugins = uniq(enabledPlugins);
 
-    await Promise.all(plugins.map((name) => fetchPluginManifest(name)));
+    await Promise.all(plugins.map((identifier) => fetchPluginManifest(identifier)));
 
     set({ manifestPrepared: true }, false, t('checkLocalEnabledPlugins'));
   },
-  dispatchDevPluginList: (payload) => {
-    const { devPluginList } = get();
-
-    const nextList = devPluginListReducer(devPluginList, payload);
-    set({ devPluginList: nextList }, false, t('dispatchDevList', payload));
+  deletePluginSettings: (id) => {
+    set(
+      produce((draft) => {
+        draft.pluginsSettings[id] = undefined;
+      }),
+      false,
+      t('deletePluginSettings'),
+    );
   },
   dispatchPluginManifest: (payload) => {
     const { pluginManifestMap } = get();
@@ -72,6 +71,7 @@ export const createPluginSlice: StateCreator<
 
     set({ pluginManifestMap: nextManifest }, false, t('dispatchPluginManifest', payload));
   },
+
   fetchPluginManifest: async (name) => {
     const plugin = pluginSelectors.getPluginMetaById(name)(get());
     // 1. 校验文件
@@ -113,11 +113,6 @@ export const createPluginSlice: StateCreator<
     // 4. 存储 manifest 信息
     get().dispatchPluginManifest({ id: plugin.identifier, plugin: data, type: 'addManifest' });
   },
-  saveToDevList: (value) => {
-    get().dispatchDevPluginList({ plugin: value, type: 'addItem' });
-    set({ newDevPlugin: defaultDevPlugin }, false, t('saveToDevList'));
-  },
-
   updateManifestLoadingState: (key, value) => {
     set(
       produce((draft) => {
@@ -127,13 +122,6 @@ export const createPluginSlice: StateCreator<
       t('updateManifestLoadingState'),
     );
   },
-  updateNewDevPlugin: (newDevPlugin) => {
-    set(
-      { newDevPlugin: merge({}, get().newDevPlugin, newDevPlugin) },
-      false,
-      t('updateNewDevPlugin'),
-    );
-  },
   updatePluginSettings: (id, settings) => {
     set(
       produce((draft) => {

package/src/store/plugin/slices/plugin/index.ts

@@ -0,0 +1,3 @@
+export * from './action';
+export * from './initialState';
+// export * from './selectors';

package/src/store/plugin/slices/plugin/initialState.ts

@@ -0,0 +1,22 @@
+import { LobeChatPluginMeta } from '@lobehub/chat-plugin-sdk';
+
+import { PluginManifestMap } from '@/types/plugin';
+
+export type PluginManifestLoadingState = Record<string, boolean>;
+export type PluginsSettings = Record<string, any>;
+
+export interface PluginState {
+  manifestPrepared: boolean;
+  pluginList: LobeChatPluginMeta[];
+  pluginManifestLoading: PluginManifestLoadingState;
+  pluginManifestMap: PluginManifestMap;
+  pluginsSettings: PluginsSettings;
+}
+
+export const initialPluginState: PluginState = {
+  manifestPrepared: false,
+  pluginList: [],
+  pluginManifestLoading: {},
+  pluginManifestMap: {},
+  pluginsSettings: {},
+};