@lobehub/chat 1.18.1 → 1.19.0

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

@@ -23,7 +23,8 @@ export const LobeOpenRouterAI = LobeOpenAICompatibleFactory({
         description: model.description,
         displayName: model.name,
         enabled: LOBE_DEFAULT_MODEL_LIST.find((m) => model.id.endsWith(m.id))?.enabled || false,
-        functionCall: model.description.includes('function calling'),
+        functionCall:
+          model.description.includes('function calling') || model.description.includes('tools'),
         id: model.id,
         maxTokens:
           typeof model.top_provider.max_completion_tokens === 'number'

package/src/libs/agent-runtime/types/type.ts

@@ -22,6 +22,7 @@ export interface CreateChatCompletionOptions {
 }
 
 export enum ModelProvider {
+  Ai21 = 'ai21',
   Ai360 = 'ai360',
   Anthropic = 'anthropic',
   Azure = 'azure',
@@ -29,6 +30,7 @@ export enum ModelProvider {
   Bedrock = 'bedrock',
   DeepSeek = 'deepseek',
   FireworksAI = 'fireworksai',
+  Github = 'github',
   Google = 'google',
   Groq = 'groq',
   Minimax = 'minimax',

package/src/locales/default/chat.ts

@@ -7,6 +7,12 @@ export default {
   agentDefaultMessageWithSystemRole: '你好，我是 **{{name}}**，{{systemRole}}，让我们开始对话吧！',
   agentDefaultMessageWithoutEdit: '你好，我是 **{{name}}**，让我们开始对话吧！',
   agentsAndConversations: '助手与会话',
+  artifact: {
+    generating: '生成中',
+    thinking: '思考中',
+    thought: '思考过程',
+    unknownTitle: '未命名作品',
+  },
   backToBottom: '跳转至当前',
   chatList: {
     longMessageDetail: '查看详情',
@@ -160,6 +166,7 @@ export default {
     clear: '删除语音',
   },
   updateAgent: '更新助理信息',
+
   upload: {
     action: {
       fileUpload: '上传文件',

package/src/locales/default/error.ts

@@ -107,6 +107,9 @@ export default {
     SubscriptionPlanLimit:
       '您的订阅额度已用尽，无法使用该功能，请升级到更高计划，或购买资源包后继续使用',
 
+    // Github Token
+    InvalidGithubToken: 'Github PAT 不正确或为空，请检查 Github PAT 后重试',
+
     /* eslint-enable */
   },
   stt: {

package/src/locales/default/modelProvider.ts

@@ -52,6 +52,13 @@ export default {
       title: '使用自定义 Bedrock 鉴权信息',
     },
   },
+  github: {
+    personalAccessToken: {
+      desc: '填入你的 Github PAT，点击[这里](https://github.com/settings/tokens) 创建',
+      placeholder: 'ghp_xxxxxx',
+      title: 'Github PAT',
+    },
+  },
   ollama: {
     checker: {
       desc: '测试代理地址是否正确填写',

package/src/locales/default/portal.ts

@@ -6,13 +6,29 @@ export default {
       file: '文件',
     },
   },
+  Plugins: '插件',
   actions: {
     genAiMessage: '创建助手消息',
     summary: '总结',
     summaryTooltip: '总结当前内容',
   },
+  artifacts: {
+    display: {
+      code: '代码',
+      preview: '预览',
+    },
+    svg: {
+      copyAsImage: '复制为图片',
+      copyFail: '复制失败，错误原因:{{error}}',
+      copySuccess: '图片复制成功',
+      download: {
+        png: '下载为 PNG',
+        svg: '下载为 SVG',
+      },
+    },
+  },
   emptyArtifactList: '当前 Artifacts 列表为空，请在会话中按需使用插件后再查看',
-  emptyKnowledgeList: '当前知识列表为空，请在会话中按需开启知识库后再查看',
+  emptyKnowledgeList: '当前知识列表为空',
   files: '文件',
   messageDetail: '消息详情',
   title: '工作区',

package/src/server/globalConfig/index.ts

@@ -6,6 +6,7 @@ import { getLLMConfig } from '@/config/llm';
 import {
   BedrockProviderCard,
   FireworksAIProviderCard,
+  GithubProviderCard,
   GoogleProviderCard,
   GroqProviderCard,
   NovitaProviderCard,
@@ -45,6 +46,9 @@ export const getServerGlobalConfig = () => {
     ENABLED_GROQ,
     GROQ_MODEL_LIST,
 
+    ENABLED_GITHUB,
+    GITHUB_MODEL_LIST,
+
     ENABLED_DEEPSEEK,
     ENABLED_PERPLEXITY,
     ENABLED_ANTHROPIC,
@@ -60,6 +64,7 @@ export const getServerGlobalConfig = () => {
     ENABLED_STEPFUN,
     ENABLED_BAICHUAN,
     ENABLED_TAICHU,
+    ENABLED_AI21,
     ENABLED_AI360,
 
     ENABLED_SILICONCLOUD,
@@ -97,6 +102,7 @@ export const getServerGlobalConfig = () => {
     enabledAccessCode: ACCESS_CODES?.length > 0,
     enabledOAuthSSO: enableNextAuth,
     languageModel: {
+      ai21: { enabled: ENABLED_AI21 },
       ai360: { enabled: ENABLED_AI360 },
       anthropic: {
         enabled: ENABLED_ANTHROPIC,
@@ -130,6 +136,14 @@ export const getServerGlobalConfig = () => {
         }),
       },
 
+      github: {
+        enabled: ENABLED_GITHUB,
+        enabledModels: extractEnabledModels(GITHUB_MODEL_LIST),
+        serverModelCards: transformToChatModelCards({
+          defaultChatModels: GithubProviderCard.chatModels,
+          modelString: GITHUB_MODEL_LIST,
+        }),
+      },
       google: {
         enabled: ENABLED_GOOGLE,
         enabledModels: extractEnabledModels(GOOGLE_MODEL_LIST),

package/src/store/chat/slices/message/selectors.ts

@@ -16,7 +16,7 @@ import { MetaData } from '@/types/meta';
 import { merge } from '@/utils/merge';
 
 import { chatHelpers } from '../../helpers';
-import type { ChatStore } from '../../store';
+import type { ChatStoreState } from '../../initialState';
 
 const getMeta = (message: ChatMessage) => {
   switch (message.role) {
@@ -36,10 +36,10 @@ const getMeta = (message: ChatMessage) => {
   }
 };
 
-const currentChatKey = (s: ChatStore) => messageMapKey(s.activeId, s.activeTopicId);
+const currentChatKey = (s: ChatStoreState) => messageMapKey(s.activeId, s.activeTopicId);
 
 // 当前激活的消息列表
-const currentChats = (s: ChatStore): ChatMessage[] => {
+const currentChats = (s: ChatStoreState): ChatMessage[] => {
   if (!s.activeId) return [];
 
   const messages = s.messagesMap[currentChatKey(s)] || [];
@@ -47,19 +47,19 @@ const currentChats = (s: ChatStore): ChatMessage[] => {
   return messages.map((i) => ({ ...i, meta: getMeta(i) }));
 };
 
-const currentToolMessages = (s: ChatStore) => {
+const currentToolMessages = (s: ChatStoreState) => {
   const messages = currentChats(s);
 
   return messages.filter((m) => m.role === 'tool');
 };
 
-const currentUserMessages = (s: ChatStore) => {
+const currentUserMessages = (s: ChatStoreState) => {
   const messages = currentChats(s);
 
   return messages.filter((m) => m.role === 'user');
 };
 
-const currentUserFiles = (s: ChatStore) => {
+const currentUserFiles = (s: ChatStoreState) => {
   const userMessages = currentUserMessages(s);
 
   return userMessages
@@ -70,7 +70,7 @@ const currentUserFiles = (s: ChatStore) => {
 
 const initTime = Date.now();
 
-const showInboxWelcome = (s: ChatStore): boolean => {
+const showInboxWelcome = (s: ChatStoreState): boolean => {
   const isInbox = s.activeId === INBOX_SESSION_ID;
   if (!isInbox) return false;
 
@@ -83,7 +83,7 @@ const showInboxWelcome = (s: ChatStore): boolean => {
 // Custom message for new assistant initialization
 const currentChatsWithGuideMessage =
   (meta: MetaData) =>
-  (s: ChatStore): ChatMessage[] => {
+  (s: ChatStoreState): ChatMessage[] => {
     // skip tool message
     const data = currentChats(s).filter((m) => m.role !== 'tool');
 
@@ -120,47 +120,49 @@ const currentChatsWithGuideMessage =
     return [emptyInboxGuideMessage];
   };
 
-const currentChatIDsWithGuideMessage = (s: ChatStore) => {
+const currentChatIDsWithGuideMessage = (s: ChatStoreState) => {
   const meta = sessionMetaSelectors.currentAgentMeta(useSessionStore.getState());
 
   return currentChatsWithGuideMessage(meta)(s).map((s) => s.id);
 };
 
-const currentChatsWithHistoryConfig = (s: ChatStore): ChatMessage[] => {
+const currentChatsWithHistoryConfig = (s: ChatStoreState): ChatMessage[] => {
   const chats = currentChats(s);
   const config = agentSelectors.currentAgentChatConfig(useAgentStore.getState());
 
   return chatHelpers.getSlicedMessagesWithConfig(chats, config);
 };
 
-const chatsMessageString = (s: ChatStore): string => {
+const chatsMessageString = (s: ChatStoreState): string => {
   const chats = currentChatsWithHistoryConfig(s);
   return chats.map((m) => m.content).join('');
 };
 
-const getMessageById = (id: string) => (s: ChatStore) =>
+const getMessageById = (id: string) => (s: ChatStoreState) =>
   chatHelpers.getMessageById(currentChats(s), id);
 
-const getMessageByToolCallId = (id: string) => (s: ChatStore) => {
+const getMessageByToolCallId = (id: string) => (s: ChatStoreState) => {
   const messages = currentChats(s);
   return messages.find((m) => m.tool_call_id === id);
 };
-const getTraceIdByMessageId = (id: string) => (s: ChatStore) => getMessageById(id)(s)?.traceId;
+const getTraceIdByMessageId = (id: string) => (s: ChatStoreState) => getMessageById(id)(s)?.traceId;
 
-const latestMessage = (s: ChatStore) => currentChats(s).at(-1);
+const latestMessage = (s: ChatStoreState) => currentChats(s).at(-1);
 
-const currentChatLoadingState = (s: ChatStore) => !s.messagesInit;
+const currentChatLoadingState = (s: ChatStoreState) => !s.messagesInit;
 
-const isCurrentChatLoaded = (s: ChatStore) => !!s.messagesMap[currentChatKey(s)];
+const isCurrentChatLoaded = (s: ChatStoreState) => !!s.messagesMap[currentChatKey(s)];
 
-const isMessageEditing = (id: string) => (s: ChatStore) => s.messageEditingIds.includes(id);
-const isMessageLoading = (id: string) => (s: ChatStore) => s.messageLoadingIds.includes(id);
+const isMessageEditing = (id: string) => (s: ChatStoreState) => s.messageEditingIds.includes(id);
+const isMessageLoading = (id: string) => (s: ChatStoreState) => s.messageLoadingIds.includes(id);
 
-const isMessageGenerating = (id: string) => (s: ChatStore) => s.chatLoadingIds.includes(id);
-const isMessageInRAGFlow = (id: string) => (s: ChatStore) => s.messageRAGLoadingIds.includes(id);
-const isPluginApiInvoking = (id: string) => (s: ChatStore) => s.pluginApiLoadingIds.includes(id);
+const isMessageGenerating = (id: string) => (s: ChatStoreState) => s.chatLoadingIds.includes(id);
+const isMessageInRAGFlow = (id: string) => (s: ChatStoreState) =>
+  s.messageRAGLoadingIds.includes(id);
+const isPluginApiInvoking = (id: string) => (s: ChatStoreState) =>
+  s.pluginApiLoadingIds.includes(id);
 
-const isToolCallStreaming = (id: string, index: number) => (s: ChatStore) => {
+const isToolCallStreaming = (id: string, index: number) => (s: ChatStoreState) => {
   const isLoading = s.toolCallingStreamIds[id];
 
   if (!isLoading) return false;
@@ -168,15 +170,15 @@ const isToolCallStreaming = (id: string, index: number) => (s: ChatStore) => {
   return isLoading[index];
 };
 
-const isAIGenerating = (s: ChatStore) => s.chatLoadingIds.length > 0;
-const isInRAGFlow = (s: ChatStore) => s.messageRAGLoadingIds.length > 0;
-const isCreatingMessage = (s: ChatStore) => s.isCreatingMessage;
-const isHasMessageLoading = (s: ChatStore) => s.messageLoadingIds.length > 0;
+const isAIGenerating = (s: ChatStoreState) => s.chatLoadingIds.length > 0;
+const isInRAGFlow = (s: ChatStoreState) => s.messageRAGLoadingIds.length > 0;
+const isCreatingMessage = (s: ChatStoreState) => s.isCreatingMessage;
+const isHasMessageLoading = (s: ChatStoreState) => s.messageLoadingIds.length > 0;
 
 /**
  * this function is used to determine whether the send button should be disabled
  */
-const isSendButtonDisabledByMessage = (s: ChatStore) =>
+const isSendButtonDisabledByMessage = (s: ChatStoreState) =>
   // 1. when there is message loading
   isHasMessageLoading(s) ||
   // 2. when is creating the topic

package/src/store/chat/slices/portal/action.ts

@@ -2,16 +2,17 @@ import { StateCreator } from 'zustand/vanilla';
 
 import { ChatStore } from '@/store/chat/store';
 
-import { PortalFile } from './initialState';
+import { PortalArtifact, PortalFile } from './initialState';
 
 export interface ChatPortalAction {
+  closeArtifact: () => void;
   closeFilePreview: () => void;
   closeMessageDetail: () => void;
   closeToolUI: () => void;
+  openArtifact: (artifact: PortalArtifact) => void;
   openFilePreview: (portal: PortalFile) => void;
   openMessageDetail: (messageId: string) => void;
   openToolUI: (messageId: string, identifier: string) => void;
-
   togglePortal: (open?: boolean) => void;
 }
 
@@ -21,6 +22,10 @@ export const chatPortalSlice: StateCreator<
   [],
   ChatPortalAction
 > = (set, get) => ({
+  closeArtifact: () => {
+    get().togglePortal(false);
+    set({ portalArtifact: undefined }, false, 'closeArtifact');
+  },
   closeFilePreview: () => {
     set({ portalFile: undefined }, false, 'closeFilePreview');
   },
@@ -30,6 +35,11 @@ export const chatPortalSlice: StateCreator<
   closeToolUI: () => {
     set({ portalToolMessage: undefined }, false, 'closeToolUI');
   },
+  openArtifact: (artifact) => {
+    get().togglePortal(true);
+
+    set({ portalArtifact: artifact }, false, 'openArtifact');
+  },
   openFilePreview: (portal) => {
     get().togglePortal(true);
 
@@ -49,4 +59,7 @@ export const chatPortalSlice: StateCreator<
     const showInspector = open === undefined ? !get().showPortal : open;
     set({ showPortal: showInspector }, false, 'toggleInspector');
   },
+  // updateArtifactContent: (content) => {
+  //   set({ portalArtifact: content }, false, 'updateArtifactContent');
+  // },
 });

package/src/store/chat/slices/portal/initialState.ts

@@ -4,7 +4,17 @@ export interface PortalFile {
   fileId: string;
 }
 
+export interface PortalArtifact {
+  children?: string;
+  id: string;
+  identifier?: string;
+  title?: string;
+  type?: string;
+}
+
 export interface ChatPortalState {
+  portalArtifact?: PortalArtifact;
+  portalArtifactDisplayMode?: 'code' | 'preview';
   portalFile?: PortalFile;
   portalMessageDetail?: string;
   portalToolMessage?: { id: string; identifier: string };
@@ -12,5 +22,6 @@ export interface ChatPortalState {
 }
 
 export const initialChatPortalState: ChatPortalState = {
+  portalArtifactDisplayMode: 'preview',
   showPortal: false,
 };

package/src/store/chat/slices/portal/selectors.test.ts

@@ -21,12 +21,12 @@ describe('chatDockSelectors', () => {
 
   describe('toolUIMessageId', () => {
     it('should return undefined when dockToolMessage is not set', () => {
-      expect(chatPortalSelectors.artifactMessageId(createState())).toBeUndefined();
+      expect(chatPortalSelectors.toolMessageId(createState())).toBeUndefined();
     });
 
     it('should return the id when dockToolMessage is set', () => {
       const state = createState({ portalToolMessage: { id: 'test-id', identifier: 'test' } });
-      expect(chatPortalSelectors.artifactMessageId(state)).toBe('test-id');
+      expect(chatPortalSelectors.toolMessageId(state)).toBe('test-id');
     });
   });
 
@@ -36,8 +36,8 @@ describe('chatDockSelectors', () => {
         portalToolMessage: { id: 'test-id', identifier: 'test' },
         showPortal: false,
       });
-      expect(chatPortalSelectors.isArtifactMessageUIOpen('test-id')(state)).toBe(false);
-      expect(chatPortalSelectors.isArtifactMessageUIOpen('other-id')(state)).toBe(false);
+      expect(chatPortalSelectors.isPluginUIOpen('test-id')(state)).toBe(false);
+      expect(chatPortalSelectors.isPluginUIOpen('other-id')(state)).toBe(false);
     });
 
     it('should return true when id matches and showDock is true', () => {
@@ -45,18 +45,18 @@ describe('chatDockSelectors', () => {
         portalToolMessage: { id: 'test-id', identifier: 'test' },
         showPortal: true,
       });
-      expect(chatPortalSelectors.isArtifactMessageUIOpen('test-id')(state)).toBe(true);
+      expect(chatPortalSelectors.isPluginUIOpen('test-id')(state)).toBe(true);
     });
   });
 
   describe('showToolUI', () => {
     it('should return false when dockToolMessage is not set', () => {
-      expect(chatPortalSelectors.showArtifactUI(createState())).toBe(false);
+      expect(chatPortalSelectors.showPluginUI(createState())).toBe(false);
     });
 
     it('should return true when dockToolMessage is set', () => {
       const state = createState({ portalToolMessage: { id: 'test-id', identifier: 'test' } });
-      expect(chatPortalSelectors.showArtifactUI(state)).toBe(true);
+      expect(chatPortalSelectors.showPluginUI(state)).toBe(true);
     });
   });
 
@@ -70,4 +70,26 @@ describe('chatDockSelectors', () => {
       expect(chatPortalSelectors.toolUIIdentifier(state)).toBe('test');
     });
   });
+
+  describe('showFilePreview', () => {
+    it('should return false when portalFile is not set', () => {
+      expect(chatPortalSelectors.showFilePreview(createState())).toBe(false);
+    });
+
+    it('should return true when portalFile is set', () => {
+      const state = createState({ portalFile: { fileId: 'file-id', chunkText: 'chunk' } });
+      expect(chatPortalSelectors.showFilePreview(state)).toBe(true);
+    });
+  });
+
+  describe('previewFileId', () => {
+    it('should return undefined when portalFile is not set', () => {
+      expect(chatPortalSelectors.previewFileId(createState())).toBeUndefined();
+    });
+
+    it('should return the fileId when portalFile is set', () => {
+      const state = createState({ portalFile: { fileId: 'file-id', chunkText: 'chunk' } });
+      expect(chatPortalSelectors.previewFileId(state)).toBe('file-id');
+    });
+  });
 });

package/src/store/chat/slices/portal/selectors.ts

@@ -1,27 +1,71 @@
+import { ARTIFACT_TAG_CLOSED_REGEX, ARTIFACT_TAG_REGEX } from '@/const/plugin';
 import type { ChatStoreState } from '@/store/chat';
 
-const artifactMessageId = (s: ChatStoreState) => s.portalToolMessage?.id;
+import { chatSelectors } from '../message/selectors';
+
 const showPortal = (s: ChatStoreState) => s.showPortal;
 
-const isArtifactMessageUIOpen = (id: string) => (s: ChatStoreState) =>
-  artifactMessageId(s) === id && showPortal(s);
+const showMessageDetail = (s: ChatStoreState) => !!s.portalMessageDetail;
+const messageDetailId = (s: ChatStoreState) => s.portalMessageDetail;
+
+const showPluginUI = (s: ChatStoreState) => !!s.portalToolMessage;
+
+const toolMessageId = (s: ChatStoreState) => s.portalToolMessage?.id;
+const isPluginUIOpen = (id: string) => (s: ChatStoreState) =>
+  toolMessageId(s) === id && showPortal(s);
+const toolUIIdentifier = (s: ChatStoreState) => s.portalToolMessage?.identifier;
 
-const showArtifactUI = (s: ChatStoreState) => !!s.portalToolMessage;
 const showFilePreview = (s: ChatStoreState) => !!s.portalFile;
-const showMessageDetail = (s: ChatStoreState) => !!s.portalMessageDetail;
 const previewFileId = (s: ChatStoreState) => s.portalFile?.fileId;
-const messageDetailId = (s: ChatStoreState) => s.portalMessageDetail;
 const chunkText = (s: ChatStoreState) => s.portalFile?.chunkText;
 
+const showArtifactUI = (s: ChatStoreState) => !!s.portalArtifact;
+const artifactTitle = (s: ChatStoreState) => s.portalArtifact?.title;
+const artifactIdentifier = (s: ChatStoreState) => s.portalArtifact?.identifier || '';
+const artifactMessageId = (s: ChatStoreState) => s.portalArtifact?.id;
+const artifactType = (s: ChatStoreState) => s.portalArtifact?.type;
+
+const artifactMessageContent = (id: string) => (s: ChatStoreState) => {
+  const message = chatSelectors.getMessageById(id)(s);
+  return message?.content || '';
+};
+
+const artifactCode = (id: string) => (s: ChatStoreState) => {
+  const messageContent = artifactMessageContent(id)(s);
+  const result = messageContent.match(ARTIFACT_TAG_REGEX);
+
+  return result?.groups?.content || '';
+};
+
+const isArtifactTagClosed = (id: string) => (s: ChatStoreState) => {
+  const content = artifactMessageContent(id)(s);
+
+  return ARTIFACT_TAG_CLOSED_REGEX.test(content || '');
+};
+
+/* eslint-disable sort-keys-fix/sort-keys-fix, typescript-sort-keys/interface */
 export const chatPortalSelectors = {
-  artifactMessageId,
-  chunkText,
-  isArtifactMessageUIOpen,
-  messageDetailId,
+  isPluginUIOpen,
+
   previewFileId,
-  showArtifactUI,
   showFilePreview,
+  chunkText,
+
+  messageDetailId,
   showMessageDetail,
+
+  showPluginUI,
   showPortal,
-  toolUIIdentifier: (s: ChatStoreState) => s.portalToolMessage?.identifier,
+
+  toolMessageId,
+  toolUIIdentifier,
+
+  showArtifactUI,
+  artifactTitle,
+  artifactIdentifier,
+  artifactMessageId,
+  artifactType,
+  artifactCode,
+  artifactMessageContent,
+  isArtifactTagClosed,
 };

package/src/styles/loading.ts

@@ -0,0 +1,28 @@
+import { css } from 'antd-style';
+
+export const dotLoading = css`
+  &::after {
+    content: '\\2026'; /* ascii code for the ellipsis character */
+
+    overflow: hidden;
+    display: inline-block;
+
+    width: 0;
+
+    vertical-align: bottom;
+
+    animation: ellipsis steps(4, end) 900ms infinite;
+  }
+
+  @keyframes ellipsis {
+    to {
+      width: 1.25em;
+    }
+  }
+
+  @keyframes ellipsis {
+    to {
+      width: 1.25em;
+    }
+  }
+`;

package/src/tools/artifacts/index.ts

@@ -0,0 +1,13 @@
+import { systemPrompt } from '@/tools/artifacts/systemRole';
+import { BuiltinToolManifest } from '@/types/tool';
+
+export const ArtifactsManifest: BuiltinToolManifest = {
+  api: [],
+  identifier: 'lobe-artifacts',
+  meta: {
+    avatar: `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiIHJ4PSI1MTIiIGZpbGw9IiNDNDc4NUIiLz48cGF0aCBkPSJNNTEyIDYxMmM1NS4yMjggMCAxMDAtNDQuNzcyIDEwMC0xMDBzLTQ0Ljc3Mi0xMDAtMTAwLTEwMC0xMDAgNDQuNzcyLTEwMCAxMDAgNDQuNzcyIDEwMCAxMDAgMTAwWiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjU2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNTEyIDY2MmExNDkuOTk4IDE0OS45OTggMCAwIDEtOTIuNTk3IDEzOC41ODIgMTUwLjAwMiAxNTAuMDAyIDAgMCAxLTIwNC41MjEtMTA5LjMxOCAxNDkuOTk4IDE0OS45OTggMCAwIDEgNjMuNzgzLTE1My45ODRBMTQ5Ljk5MiAxNDkuOTkyIDAgMCAxIDM2MiA1MTJhMTQ5Ljk5OSAxNDkuOTk5IDAgMSAxIDE1MC0xNTAgMTQ5Ljk5OCAxNDkuOTk4IDAgMCAxIDI5Ny4xMTgtMjkuMjYzQTE1MCAxNTAgMCAwIDEgNjYyIDUxMmMyOS42NjcgMCA1OC42NjggOC43OTcgODMuMzM1IDI1LjI4YTE0OS45OTUgMTQ5Ljk5NSAwIDAgMSA2My43ODMgMTUzLjk4NEExNTAgMTUwIDAgMCAxIDUxMiA2NjJaTTUxMiAzNjJ2NTBNMzYyIDUxMmg1ME02NjIgNTEyaC01ME01MTIgNjYydi01ME0zNzguNjY3IDM3OC42NjdsNjIuNjY2IDYyLjY2Nk01ODIuNjY3IDQ0MS4zMzNsNjIuNjY2LTYyLjY2Nk0zNzguNjY3IDY0NS4zMzNsNjIuNjY2LTYyLjY2Nk01ODIuNjY3IDU4Mi42NjdsNjIuNjY2IDYyLjY2NiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjU2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=`,
+    title: 'Artifacts',
+  },
+  systemRole: systemPrompt,
+  type: 'builtin',
+};