@lobehub/chat 0.92.0 → 0.94.0

package/CHANGELOG.md

@@ -2,6 +2,64 @@
 
 # Changelog
 
+## [Version 0.94.0](https://github.com/lobehub/lobe-chat/compare/v0.93.0...v0.94.0)
+
+<sup>Released on **2023-10-18**</sup>
+
+#### ✨ Features
+
+- **misc**: Add agent share.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add agent share ([953d7c7](https://github.com/lobehub/lobe-chat/commit/953d7c7))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.93.0](https://github.com/lobehub/lobe-chat/compare/v0.92.0...v0.93.0)
+
+<sup>Released on **2023-10-18**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor chain.
+
+#### ✨ Features
+
+- **misc**: Support multi-language translate.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor chain ([49c4863](https://github.com/lobehub/lobe-chat/commit/49c4863))
+
+#### What's improved
+
+- **misc**: Support multi-language translate ([548bc5d](https://github.com/lobehub/lobe-chat/commit/548bc5d))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.92.0](https://github.com/lobehub/lobe-chat/compare/v0.91.0...v0.92.0)
 
 <sup>Released on **2023-10-18**</sup>

package/docs/Deploy-with-Azure-OpenAI.md

@@ -27,7 +27,7 @@ You can fill in the corresponding configuration items as needed:
 
 - **APIKey**: The API key you applied for on the Azure OpenAI account page, which can be found in the "Keys and Endpoints" section.
 - **API Address**: Azure API address, which can be found in the "Keys and Endpoints" section when checking resources from the Azure portal.
-- **Azure Api Version**: The API version of Azure, which follows the YYYY-MM-DD format, refer to the [latest version][azure-api-verion-url].
+- **Azure Api Version**: The API version of Azure, which follows the YYYY-MM-DD format, refer to the [latest version][azure-api-version-url].
 
 After completing the above field configuration, click on "Check". If the prompt says "Check Passed", it means the configuration was successful.
 
@@ -42,12 +42,12 @@ If you want the deployed version to be directly configured with Azure OpenAI for
 | `USE_AZURE_OPENAI`   | Yes      | Set this value to `1` to enable Azure OpenAI configuration                        | -                  | `1`                                                           |
 | `AZURE_API_KEY`      | Yes      | This is the API key you applied for on the Azure OpenAI account page              | -                  | `c55168be3874490ef0565d9779ecd5a6`                            |
 | `OPENAI_PROXY_URL`   | Yes      | Azure API address, can be found in the "Keys and Endpoints" section               | -                  | `https://docs-test-001.openai.azure.com`                      |
-| `AZURE_API_VERSION`  | No       | Azure's API version, follows the YYYY-MM-DD format                                | 2023-08-01-preview | `2023-05-15`, refer to [latest version][azure-api-verion-url] |
+| `AZURE_API_VERSION`  | No       | Azure's API version, follows the YYYY-MM-DD format                                | 2023-08-01-preview | `2023-05-15`, refer to [latest version][azure-api-version-url] |
 | `ACCESS_CODE`        | No       | Add a password to access this service, the password should be 6 digits or letters | -                  | `awCT74` or `e3@09!`                                          |
 
 > **Note**\
 > When you enable `USE_AZURE_OPENAI` on the server side, users will not be able to modify and use the OpenAI key in the front-end configuration.
 
-[azure-api-verion-url]: https://learn.microsoft.com/zh-cn/azure/ai-services/openai/reference#chat-completions
+[azure-api-version-url]: https://learn.microsoft.com/zh-cn/azure/ai-services/openai/reference#chat-completions
 [azure-openai-url]: https://learn.microsoft.com/zh-cn/azure/ai-services/openai/concepts/models
 [rfc]: https://github.com/lobehub/lobe-chat/discussions/178

package/locales/en_US/chat.json

@@ -1,23 +1,23 @@
 {
-  "agentDefaultMessage": "Hello, I'm **{{name}}**. You can start chatting with me right away or go to [Assistant Settings](/chat/settings#session={{id}}) to improve my information.",
+  "agentDefaultMessage": "Hello, I'm **{{name}}**. You can start chatting with me right away or go to [Agent Settings](/chat/settings#session={{id}}) to improve my information.",
   "agentDefaultMessageWithSystemRole": "Hello, I'm **{{name}}**, {{systemRole}}. Let's start the conversation!",
   "backToBottom": "Go to Latest Messages",
   "clearCurrentMessages": "Clear Current Session Messages",
   "confirmClearCurrentMessages": "You are about to clear the current session messages. Once cleared, they cannot be recovered. Please confirm your operation.",
-  "confirmRemoveSessionItemAlert": "You are about to delete this assistant. Once deleted, it cannot be recovered. Please confirm your operation.",
-  "defaultAgent": "Custom Assistant",
-  "defaultSession": "Custom Assistant",
+  "confirmRemoveSessionItemAlert": "You are about to delete this agent. Once deleted, it cannot be recovered. Please confirm your operation.",
+  "defaultAgent": "Custom Agent",
+  "defaultSession": "Custom Agent",
   "historyRange": "History Range",
   "inbox": {
-    "defaultMessage": "Hello, I'm your intelligent assistant. You can ask me any questions, and I will do my best to answer you. If you need a more professional or customized assistant, you can click on `+` to create a custom assistant.",
-    "desc": "Activate brain clusters and spark thinking. Your intelligent assistant is here to communicate with you about everything.",
+    "defaultMessage": "Hello, I'm your intelligent agent. You can ask me any questions, and I will do my best to answer you. If you need a more professional or customized agent, you can click on `+` to create a custom agent.",
+    "desc": "Activate brain clusters and spark thinking. Your intelligent agent is here to communicate with you about everything.",
     "title": "Chat Randomly"
   },
-  "newAgent": "Create New Assistant",
+  "newAgent": "Create New Agent",
   "noDescription": "No description available",
   "regenerate": "Regenerate",
   "roleAndArchive": "Roles and Archives",
-  "searchAgentPlaceholder": "Search assistants and conversations...",
+  "searchAgentPlaceholder": "Search agents and conversations...",
   "send": "Send",
   "sendPlaceholder": "Enter chat content...",
   "shareModal": {
@@ -29,7 +29,7 @@
     "withBackground": "Include Background Image",
     "withFooter": "Include Footer",
     "withPluginInfo": "Include Plugin Information",
-    "withSystemRole": "Include Assistant Role Setting"
+    "withSystemRole": "Include Agent Role Setting"
   },
   "stop": "Stop",
   "temp": "Temporary",
@@ -50,6 +50,6 @@
     "clear": "Clear Translation"
   },
   "translateTo": "Translate",
-  "updateAgent": "Update Assistant Information",
+  "updateAgent": "Update Agent Information",
   "warp": "Line Break"
 }

package/locales/en_US/setting.json

@@ -235,6 +235,13 @@
     },
     "title": "Theme Settings"
   },
+  "submitAgentModal": {
+    "tooltips": "Share to Assistant Market",
+    "button": "Submit Assistant",
+    "identifier": "Identifier",
+    "metaMiss": "Please complete the assistant information before submitting. It should include name, description, and tags.",
+    "placeholder": "Please enter a unique identifier for the assistant, such as web-development."
+  },
   "tab": {
     "agent": "Default Agent",
     "common": "Common Settings",

package/locales/ja_JP/setting.json

@@ -222,6 +222,13 @@
     },
     "title": "テーマ設定"
   },
+  "submitAgentModal": {
+    "tooltips": "アシスタントマーケットに共有する",
+    "button": "助手を提出する",
+    "identifier": "識別子 エージェントの識別子",
+    "metaMiss": "エージェント情報を入力してから提出してください。名前、説明、およびタグが必要です",
+    "placeholder": "エージェントの識別子を入力してください。一意である必要があります。例：web-development"
+  },
   "tab": {
     "agent": "デフォルトのアシスタント",
     "common": "一般設定",

package/locales/ko_KR/setting.json

@@ -222,6 +222,13 @@
     },
     "title": "테마 설정"
   },
+  "submitAgentModal": {
+    "tooltips": "도우미 마켓에 공유",
+    "button": "도우미 제출",
+    "identifier": "식별자 도우미 식별자",
+    "metaMiss": "도우미 정보를 입력한 후 제출하세요. 이름, 설명 및 태그를 포함해야 합니다.",
+    "placeholder": "도우미의 식별자를 입력하세요. 고유해야 하며, 예를 들어 web-development과 같은 형식이어야 합니다."
+  },
   "tab": {
     "agent": "기본 도우미",
     "common": "일반 설정",

package/locales/ru_RU/common.json

@@ -1,7 +1,8 @@
 {
   "about": "Наш Github",
   "advanceSettings": "Дополнительные настройки",
-  "agentDefaultMessage": "Здравствуйте, я **{{name}}**. Вы можете начать общаться со мной прямо сейчас или перейти на [Assistant Settings](/chat/settings#session={{id}}) для моей настройки.",
+  "agentDefaultMessage": "Здравствуйте, я **{{name}}**. Вы можете начать общаться со мной прямо сейчас или перейти на [Agent Settings](/chat/settings#session={{id}}) для моей настройки.",
+  "agentMaxToken": "Максимальная длина сессии",
   "agentModel": "Модель",
   "agentProfile": "Информация о помощнике",
   "appInitializing": "LobeChat запускается, пожалуйста, подождите...",

package/locales/ru_RU/setting.json

@@ -235,6 +235,13 @@
     },
     "title": "Настройки темы"
   },
+  "submitAgentModal": {
+    "tooltips": "Поделиться на рынке помощников",
+    "button": "Отправить агента",
+    "identifier": "Идентификатор агента",
+    "metaMiss": "Пожалуйста, заполните информацию об агенте перед отправкой. Необходимо указать имя, описание и метки",
+    "placeholder": "Введите идентификатор агента, который должен быть уникальным, например, web-development"
+  },
   "tab": {
     "agent": "Помощник по умолчанию",
     "common": "Общие настройки",

package/locales/zh_CN/setting.json

@@ -222,6 +222,13 @@
     },
     "title": "主题设置"
   },
+  "submitAgentModal": {
+    "button": "提交助手",
+    "identifier": "identifier 助手标识符",
+    "metaMiss": "请补全助手信息后提交，需要包含名称、描述和标签",
+    "placeholder": "请输入助手的标识符，需要是唯一的，比如 web-development",
+    "tooltips": "分享到助手市场"
+  },
   "tab": {
     "agent": "默认助手",
     "common": "通用设置",

package/locales/zh_TW/setting.json

@@ -235,6 +235,13 @@
     },
     "title": "主題設定"
   },
+  "submitAgentModal": {
+    "tooltips": "分享到助手市場",
+    "button": "提交助手",
+    "identifier": "助手識別符",
+    "metaMiss": "請補全助手資訊後提交，需要包含名稱、描述和標籤",
+    "placeholder": "請輸入助手的識別符，需要是唯一的，例如 web-development"
+  },
   "tab": {
     "agent": "預設助理",
     "common": "通用設定",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.92.0",
+  "version": "0.94.0",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",
@@ -69,7 +69,7 @@
     "@emoji-mart/data": "^1",
     "@emoji-mart/react": "^1",
     "@icons-pack/react-simple-icons": "^9",
-    "@lobehub/chat-plugin-sdk": "^1.17.8",
+    "@lobehub/chat-plugin-sdk": "latest",
     "@lobehub/chat-plugins-gateway": "latest",
     "@lobehub/ui": "latest",
     "@vercel/analytics": "^1",
@@ -79,7 +79,7 @@
     "antd-style": "^3.5",
     "brotli-wasm": "^1",
     "chroma-js": "^2",
-    "copy-to-clipboard": "^3.3.3",
+    "copy-to-clipboard": "^3",
     "dayjs": "^1",
     "emoji-mart": "^5",
     "fast-deep-equal": "^3",
@@ -98,6 +98,7 @@
     "openai": "^4.10.0",
     "polished": "^4",
     "posthog-js": "^1",
+    "query-string": "^8",
     "react": "^18",
     "react-dom": "^18",
     "react-hotkeys-hook": "^4",
@@ -146,7 +147,7 @@
     "eslint": "^8",
     "husky": "^8",
     "jsdom": "^22",
-    "lint-staged": "^15.0.0",
+    "lint-staged": "^15",
     "lodash": "^4",
     "next-pwa": "^5",
     "node-fetch": "^3",

package/scripts/i18nWorkflow/utils.ts

@@ -13,9 +13,12 @@ export const readJSON = (filePath: string) => {
   return JSON.parse(data);
 };
 
+export const replaceAssistantToAgent = (text: string) =>
+  text.replaceAll('assistant', 'agent').replaceAll('Assistant', 'Agent');
+
 export const writeJSON = (filePath: string, data: any) => {
   const jsonStr = JSON.stringify(data, null, 2);
-  writeFileSync(filePath, jsonStr, 'utf8');
+  writeFileSync(filePath, replaceAssistantToAgent(jsonStr), 'utf8');
 };
 
 export const genResourcesContent = (locales: string[]) => {

package/src/app/chat/features/Conversation/ChatList/Actions/customAction.ts

@@ -2,14 +2,16 @@ import { ActionIconGroupItems } from '@lobehub/ui/es/ActionIconGroup';
 import { LanguagesIcon } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 
+import { localeOptions } from '@/locales/options';
+
 export const useCustomActions = () => {
   const { t } = useTranslation('chat');
 
   const translate = {
-    // children: localeOptions.map((i) => ({
-    //   key: i.value,
-    //   label: t(`lang.${i.value}`, { ns: 'common' }),
-    // })),
+    children: localeOptions.map((i) => ({
+      key: i.value,
+      label: t(`lang.${i.value}`, { ns: 'common' }),
+    })),
     icon: LanguagesIcon,
     key: 'translate',
     label: t('translateTo'),

package/src/app/chat/features/Conversation/ChatList/index.tsx

@@ -5,7 +5,6 @@ import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 
 import { PREFIX_KEY, REGENERATE_KEY } from '@/const/hotkeys';
-import { settingsSelectors, useGlobalStore } from '@/store/global';
 import { useSessionChatInit, useSessionStore } from '@/store/session';
 import { agentSelectors, chatSelectors } from '@/store/session/selectors';
 
@@ -43,14 +42,11 @@ const List = memo(() => {
     ];
   });
 
-  const targetLang = useGlobalStore(settingsSelectors.currentLanguage);
-
   const hotkeys = [PREFIX_KEY, REGENERATE_KEY].join('+');
 
   useHotkeys(
     hotkeys,
     () => {
-      console.log(111);
       const lastMessage = data.at(-1);
       if (!lastMessage || lastMessage.id === 'default' || lastMessage.role === 'system') return;
       resendMessage(lastMessage.id);
@@ -68,17 +64,28 @@ const List = memo(() => {
       enableHistoryCount={enableHistoryCount}
       historyCount={historyCount}
       loadingId={chatLoadingId}
-      onActionsClick={{
-        del: ({ id }) => deleteMessage(id),
-        regenerate: ({ id, error }) => {
-          resendMessage(id);
+      onActionsClick={(action, { id, error }) => {
+        switch (action.key) {
+          case 'del': {
+            deleteMessage(id);
+            break;
+          }
+          case 'regenerate': {
+            resendMessage(id);
+
+            // if this message is an error message, we need to delete it
+            if (error) deleteMessage(id);
+            break;
+          }
+        }
 
-          // if this message is an error message, we need to delete it
-          if (error) deleteMessage(id);
-        },
-        translate: ({ id }) => {
-          translateMessage(id, targetLang);
-        },
+        // click the menu item with translate item, the result is:
+        // key: 'en-US'
+        // keyPath: ['en-US','translate']
+        if (action.keyPath.at(-1) === 'translate') {
+          const lang = action.keyPath[0];
+          translateMessage(id, lang);
+        }
       }}
       onMessageChange={(id, content) =>
         dispatchMessage({ id, key: 'content', type: 'updateMessage', value: content })

package/src/app/chat/features/TopicListContent/SystemRole/index.tsx

@@ -5,6 +5,7 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
+import AgentInfo from '@/features/AgentInfo';
 import { useSessionChatInit, useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 
@@ -15,8 +16,9 @@ const SystemRole = memo(() => {
   const [openModal, setOpenModal] = useState(false);
   const [editing, setEditing] = useState(false);
   const { styles } = useStyles();
-  const [systemRole, updateAgentConfig] = useSessionStore((s) => [
+  const [systemRole, meta, updateAgentConfig] = useSessionStore((s) => [
     agentSelectors.currentAgentSystemRole(s),
+    agentSelectors.currentAgentMeta(s),
     s.updateAgentConfig,
   ]);
 
@@ -57,6 +59,7 @@ const SystemRole = memo(() => {
             <EditableMessage
               classNames={{ markdown: styles.prompt }}
               editing={editing}
+              model={{ extra: <AgentInfo meta={meta} style={{ marginBottom: 16 }} /> }}
               onChange={(e) => {
                 updateAgentConfig({ systemRole: e });
               }}

package/src/app/chat/settings/(desktop)/{Header/Desktop.tsx → features/Header.tsx}

@@ -1,11 +1,12 @@
 import { ChatHeader, ChatHeaderTitle } from '@lobehub/ui';
 import { useRouter } from 'next/navigation';
-import { ReactNode, memo } from 'react';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import HeaderContent from '@/app/chat/settings/features/HeaderContent';
 import { pathString } from '@/utils/url';
 
-const Header = memo<{ children: ReactNode }>(({ children }) => {
+const Header = memo(() => {
   const { t } = useTranslation('setting');
   const router = useRouter();
 
@@ -13,7 +14,7 @@ const Header = memo<{ children: ReactNode }>(({ children }) => {
     <ChatHeader
       left={<ChatHeaderTitle title={t('header.session')} />}
       onBackClick={() => router.push(pathString('/chat', { hash: location.hash }))}
-      right={children}
+      right={<HeaderContent />}
       showBackButton
     />
   );

package/src/app/chat/settings/(desktop)/layout.desktop.tsx

@@ -5,7 +5,7 @@ import SafeSpacing from '@/components/SafeSpacing';
 import { HEADER_HEIGHT } from '@/const/layoutTokens';
 
 import Layout from '../../(desktop)/layout.desktop';
-import Header from './Header';
+import Header from './features/Header';
 
 export default memo(({ children }: PropsWithChildren) => (
   <Layout>

package/src/app/chat/settings/{components/Header/Mobile.tsx → (mobile)/features/Header.tsx}

@@ -1,11 +1,12 @@
 import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui';
 import { useRouter } from 'next/navigation';
-import { type ReactNode, memo } from 'react';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import HeaderContent from '@/app/chat/settings/features/HeaderContent';
 import { pathString } from '@/utils/url';
 
-const Header = memo<{ children: ReactNode }>(({ children }) => {
+const Header = memo(() => {
   const { t } = useTranslation('setting');
   const router = useRouter();
 
@@ -13,7 +14,7 @@ const Header = memo<{ children: ReactNode }>(({ children }) => {
     <MobileNavBar
       center={<MobileNavBarTitle title={t('header.session')} />}
       onBackClick={() => router.push(pathString('/chat/mobile', { hash: location.hash }))}
-      right={children}
+      right={<HeaderContent />}
       showBackButton
     />
   );

package/src/app/chat/settings/(mobile)/layout.mobile.tsx

@@ -2,7 +2,7 @@ import { PropsWithChildren, memo } from 'react';
 
 import AppLayoutMobile from '@/layout/AppLayout.mobile';
 
-import Header from './Header';
+import Header from './features/Header';
 
 export default memo(({ children }: PropsWithChildren) => (
   <AppLayoutMobile navBar={<Header />}>{children}</AppLayoutMobile>

package/src/app/chat/settings/{components/Header/index.tsx → features/HeaderContent.tsx}

@@ -9,9 +9,12 @@ import { MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { exportSingleAgent, exportSingleSession } from '@/helpers/export';
 import { useSessionStore } from '@/store/session';
 
+import SubmitAgentButton from './SubmitAgentButton';
+
 export const HeaderContent = memo<{ mobile?: boolean }>(() => {
   const { t } = useTranslation('setting');
   const id = useSessionStore((s) => s.activeId);
+
   const { mobile } = useResponsive();
 
   const items = useMemo<MenuProps['items']>(
@@ -41,8 +44,13 @@ export const HeaderContent = memo<{ mobile?: boolean }>(() => {
   const size = mobile ? MOBILE_HEADER_ICON_SIZE : { fontSize: 24 };
 
   return (
-    <Dropdown arrow={false} menu={{ items }} trigger={['click']}>
-      <ActionIcon icon={HardDriveDownload} size={size} title={t('export', { ns: 'common' })} />
-    </Dropdown>
+    <>
+      <SubmitAgentButton />
+      <Dropdown arrow={false} menu={{ items }} trigger={['click']}>
+        <ActionIcon icon={HardDriveDownload} size={size} title={t('export', { ns: 'common' })} />
+      </Dropdown>
+    </>
   );
 });
+
+export default HeaderContent;

package/src/app/chat/settings/features/SubmitAgentButton/Inner.tsx

@@ -0,0 +1,86 @@
+import { Alert, Button, Divider, Input } from 'antd';
+import { useTheme } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { kebabCase } from 'lodash-es';
+import qs from 'query-string';
+import { memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import MobilePadding from '@/components/MobilePadding';
+import { AGENTS_INDEX_GITHUB_ISSUE } from '@/const/url';
+import AgentInfo from '@/features/AgentInfo';
+import { useGlobalStore } from '@/store/global';
+import { useSessionStore } from '@/store/session';
+import { agentSelectors } from '@/store/session/slices/agentConfig';
+
+const Inner = memo(() => {
+  const { t } = useTranslation('setting');
+  const [identifier, setIdentifier] = useState('');
+  const systemRole = useSessionStore(agentSelectors.currentAgentSystemRole);
+  const theme = useTheme();
+  const meta = useSessionStore(agentSelectors.currentAgentMeta, isEqual);
+  const language = useGlobalStore((s) => s.settings.language);
+
+  const isMetaPass = Boolean(
+    meta && meta.title && meta.description && (meta.tags as string[])?.length > 0 && meta.avatar,
+  );
+
+  const handleSubmit = () => {
+    const body = [
+      '### systemRole',
+      systemRole,
+      '### identifier',
+      identifier,
+      '### avatar',
+      meta.avatar,
+      '### title',
+      meta.title,
+      '### description',
+      meta.description,
+      '### tags',
+      (meta.tags as string[]).join(', '),
+      '### locale',
+      language === 'auto' ? navigator.language : language,
+    ].join('\n\n');
+
+    const url = qs.stringifyUrl({
+      query: { body, labels: '🤖 Agent PR', title: `[Agent] ${meta.title}` },
+      url: AGENTS_INDEX_GITHUB_ISSUE,
+    });
+
+    window.open(url, '_blank');
+  };
+
+  return (
+    <Flexbox gap={16}>
+      <MobilePadding>
+        {!isMetaPass && (
+          <Alert message={t('submitAgentModal.metaMiss')} showIcon type={'warning'} />
+        )}
+        <AgentInfo meta={meta} systemRole={systemRole} />
+        <Divider style={{ margin: '8px 0' }} />
+        <strong>
+          <span style={{ color: theme.colorError, marginRight: 4 }}>*</span>
+          {t('submitAgentModal.identifier')}
+        </strong>
+        <Input
+          onChange={(e) => setIdentifier(kebabCase(e.target.value))}
+          placeholder={t('submitAgentModal.placeholder')}
+          value={identifier}
+        />
+        <Button
+          block
+          disabled={!isMetaPass || !identifier}
+          onClick={handleSubmit}
+          size={'large'}
+          type={'primary'}
+        >
+          {t('submitAgentModal.button')}
+        </Button>
+      </MobilePadding>
+    </Flexbox>
+  );
+});
+
+export default Inner;

package/src/app/chat/settings/features/SubmitAgentButton/index.tsx

@@ -0,0 +1,37 @@
+import { ActionIcon, Modal } from '@lobehub/ui';
+import { useResponsive } from 'antd-style';
+import { Share2 } from 'lucide-react';
+import { memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
+
+import Inner from './Inner';
+
+const SubmitAgentButton = memo(() => {
+  const { t } = useTranslation('setting');
+  const { mobile } = useResponsive();
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const size = mobile ? MOBILE_HEADER_ICON_SIZE : { fontSize: 24 };
+  return (
+    <>
+      <ActionIcon
+        icon={Share2}
+        onClick={() => setIsModalOpen(true)}
+        size={size}
+        title={t('submitAgentModal.tooltips')}
+      />
+      <Modal
+        centered={false}
+        footer={null}
+        onCancel={() => setIsModalOpen(false)}
+        open={isModalOpen}
+        title={t('submitAgentModal.tooltips')}
+      >
+        <Inner />
+      </Modal>
+    </>
+  );
+});
+
+export default SubmitAgentButton;