@antv/dumi-theme-antv 0.8.0-beta.10 → 0.8.0-beta.12

package/dist/components/AI/HomeDialog/PromptTextarea/ChooseLib/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Dropdown } from "antd";
 import { useProducts } from "../../../../../hooks/useProducts";
-import { useLocale, useIntl, FormattedMessage } from "dumi";
+import { useLocale, FormattedMessage } from "dumi";
 import styles from "./index.module.less";
 export function ChooseLib(props) {
   var _data$find;
@@ -35,7 +35,6 @@ export function ChooseLib(props) {
       }
     };
   });
-  var intl = useIntl();
   return /*#__PURE__*/React.createElement(Dropdown, {
     menu: {
       items: items

package/dist/components/AI/HomeDialog/PromptTextarea/index.js

@@ -12,7 +12,7 @@ import { DatasourceCard } from "./DatasourceCard";
 import { useEventListener } from 'ahooks';
 import classnames from 'classnames';
 import _ from 'lodash';
-import React, { useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import styles from "./index.module.less";
 import { SendButton } from "./SendButton";
 import { ChooseLib } from "./ChooseLib";
@@ -21,6 +21,7 @@ import { ic } from "../../../../slots/hooks";
 import { useTypewriter } from "../../../../hooks/useTypewriter";
 import { authStore, showLoginModal } from "../../../../model/auth";
 import { useSnapshot } from "valtio";
+import { AIChatStore } from "../../../../model/AIChat";
 var PLACEHOLDER = {
   implement: 'ai.placeholder.implement',
   solve: 'ai.placeholder.solve'
@@ -34,15 +35,20 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
     onCancel = props.onCancel,
     loading = props.loading,
     mode = props.mode,
-    lib = props.lib,
-    onLibChange = props.onLibChange,
     _props$showAction = props.showAction,
     showAction = _props$showAction === void 0 ? true : _props$showAction;
+  var snap = useSnapshot(AIChatStore);
   var authSnap = useSnapshot(authStore);
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var textareaRef = useRef(null);
-
+  var _useSiteData = useSiteData(),
+    themeConfig = _useSiteData.themeConfig;
+  useEffect(function () {
+    if (!themeConfig.isAntVSite && !snap.lib) {
+      AIChatStore.lib = themeConfig.title;
+    }
+  }, [themeConfig.isAntVSite, themeConfig.title]);
   // 将fileMeta状态移到组件内部管理
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -55,8 +61,6 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
     focus = _useState4[0],
     setFocus = _useState4[1];
   var isCompact = size === 'compact';
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
   var typedPlaceholder = useTypewriter({
     texts: [formatMessage({
       id: 'ai.placeholder.whatis'
@@ -145,9 +149,11 @@ export var PromptTextarea = /*#__PURE__*/React.memo(function PromptTextareaInner
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.dataActions
   }, showAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChooseLib, {
-    value: lib,
-    onChange: onLibChange,
-    size: size
+    size: size,
+    value: snap.lib,
+    onChange: function onChange(s) {
+      return AIChatStore.lib = s;
+    }
   }))), /*#__PURE__*/React.createElement("div", {
     className: styles.actions
   }, loading ? /*#__PURE__*/React.createElement("img", {

package/dist/components/AI/HomeDialog/RecommendCase/index.js

@@ -29,19 +29,19 @@ export var RecommendCase = function RecommendCase(props) {
     list = _useState4[0],
     setList = _useState4[1];
   var fetchList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var data;
+    var _themeConfig$ai, data;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           setLoading(true);
           data = [];
-          if (!(themeConfig !== null && themeConfig !== void 0 && themeConfig.recommend)) {
+          if (!(themeConfig !== null && themeConfig !== void 0 && (_themeConfig$ai = themeConfig.ai) !== null && _themeConfig$ai !== void 0 && _themeConfig$ai.recommend)) {
             _context.next = 9;
             break;
           }
           _context.next = 6;
-          return fetch(themeConfig.recommend).then(function (res) {
+          return fetch(themeConfig.ai.recommend).then(function (res) {
             return res.json();
           });
         case 6:

package/dist/components/AI/HomeDialog/RecommendCase/index.module.less

@@ -1,4 +1,5 @@
 .container {
+  position: relative;
   margin-top: 32px;
   margin-left: auto;
   margin-right: auto;

package/dist/components/AI/HomeDialog/index.js

@@ -13,30 +13,24 @@ import { ModeSelector } from "./ModeSelector";
 import { useLocalStorageState } from 'ahooks';
 import { AIMode } from "../constant";
 import classnames from 'classnames';
-import { useSiteData, useLocale } from 'dumi';
+import { useLocale } from 'dumi';
 import { createNewSession } from "../../../model/AIChat";
 export function HomeDialog(props) {
   var locale = useLocale();
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
-  var _useState = useState(!themeConfig.isAntVSite ? themeConfig.title : undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    lib = _useState2[0],
-    setLib = _useState2[1];
   var _useLocalStorageState = useLocalStorageState('use-local-storage-ai-mode-type', {
       defaultValue: AIMode.implement
     }),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
     mode = _useLocalStorageState2[0],
     setMode = _useLocalStorageState2[1];
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    promptText = _useState2[0],
+    setPromptText = _useState2[1];
   var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    promptText = _useState4[0],
-    setPromptText = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fileSummary = _useState6[0],
-    setFileSummary = _useState6[1];
+    fileSummary = _useState4[0],
+    setFileSummary = _useState4[1];
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.content, props.className),
     style: props.style
@@ -49,10 +43,6 @@ export function HomeDialog(props) {
   }), /*#__PURE__*/React.createElement(PromptTextarea, {
     mode: mode,
     value: promptText,
-    lib: lib,
-    onLibChange: function onLibChange(v) {
-      setLib(v);
-    },
     onChange: function onChange(val) {
       setPromptText(val);
     },
@@ -60,7 +50,6 @@ export function HomeDialog(props) {
       createNewSession({
         promptText: promptText,
         mode: mode,
-        lib: lib,
         jump: true,
         context: fileSummary,
         lang: locale.id

package/dist/locales/en.json

@@ -218,6 +218,7 @@
   "ai.toolbar.open.stackblitz": "Open in StackBlitz",
   "ai.toolbar.open.riddle": "Open in Riddle",
   "ai.toolbar.html.code": "HTML Code",
+  "ai.toolbar.clear.conversation": "Clear Conversation",
   "ai.conversations.expand": "Expand",
   "ai.conversations.collapse": "Collapse",
   "ai.conversations.new": "Start New Chat",
@@ -232,6 +233,9 @@
   "ai.assistant.editor.intro": "I am AntV AI Assistant. You can ask me questions at any time to:\n1. Interpret the code configuration of the current chart.\n2. Generate new code based on the current case through natural language dialogue to customize the chart.",
   "ai.placeholder.whatis": "What is {title}?",
   "header.ai.code": "AI Code Generation",
+  "header.user.history": "History",
+  "header.user.logout": "Logout",
+  "header.user.deleteAccount": "Delete Account",
   "header.china.mirror.title": "AntV series websites are deployed on gh-pages. If the access speed is poor, you can visit the domestic mirror site.",
   "header.china.mirror.temp.close": "Close Temporarily",
   "header.china.mirror.no.more": "Don't Remind Again",

package/dist/locales/zh.json

@@ -217,6 +217,7 @@
   "ai.toolbar.open.stackblitz": "在 StackBlitz 中打开",
   "ai.toolbar.open.riddle": "在 Riddle 中打开",
   "ai.toolbar.html.code": "HTML 代码",
+  "ai.toolbar.clear.conversation": "清空对话",
   "ai.conversations.expand": "展开",
   "ai.conversations.collapse": "收起",
   "ai.conversations.new": "开始新对话",
@@ -231,6 +232,9 @@
   "ai.assistant.editor.intro": "我是AntV AI助手。您可以随时向我提问，让我为您：\n\n1、解读当前图表的代码配置。\n2、通过自然语言对话，基于当前案例生成新代码以定制图表。",
   "ai.placeholder.whatis": "{title}是什么？",
   "header.ai.code": "AI生码",
+  "header.user.history": "历史会话",
+  "header.user.logout": "退出登录",
+  "header.user.deleteAccount": "注销账号",
   "header.china.mirror.title": "AntV 系列网站部署在 gh-pages 上，若访问速度不佳，可以前往国内镜像站点。",
   "header.china.mirror.temp.close": "暂时关闭",
   "header.china.mirror.no.more": "不再提醒",

package/dist/model/AIChat.js

@@ -27,7 +27,8 @@ var initialState = {
   sessions: [],
   activeSessionId: null,
   tempMessage: null,
-  codeBlock: null
+  codeBlock: null,
+  lib: null
 };
 
 // --- valtio Store 创建 ---
@@ -53,6 +54,11 @@ export var clearEmptySession = function clearEmptySession() {
   AIChatStore.sessions = AIChatStore.sessions.filter(function (s) {
     return s.messages.length > 0;
   });
+  if (AIChatStore.sessions.every(function (s) {
+    return s.id !== AIChatStore.activeSessionId;
+  }) && AIChatStore.sessions.length > 0) {
+    AIChatStore.activeSessionId = AIChatStore.sessions[0].id;
+  }
 };
 
 // --- 初始化逻辑 ---

package/dist/pages/AIPlayground/components/ConversationsMenu/index.js

@@ -13,6 +13,7 @@ import { useSnapshot } from 'valtio';
 import { AIChatStore, createPureNewSession, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
 import { useSetState } from "ahooks";
 import { useIntl } from 'dumi';
+import { isUUID } from "../../../../utils";
 export var ConversationsMenu = function ConversationsMenu() {
   var _useSetState = useSetState({
       open: false,
@@ -28,7 +29,9 @@ export var ConversationsMenu = function ConversationsMenu() {
     setCollapsed = _useState2[1];
   var snap = useSnapshot(AIChatStore);
   var handleSelectSession = function handleSelectSession(sessionId) {
-    AIChatStore.activeSessionId = sessionId;
+    if (isUUID(sessionId)) {
+      AIChatStore.activeSessionId = sessionId;
+    }
   };
   var toggleCollapsed = function toggleCollapsed() {
     setCollapsed(!collapsed);

package/dist/pages/AIPlayground/components/MarkdownComponent/MarkdownCodeBlock.js

@@ -6,13 +6,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
-import { a11yLight } from "react-syntax-highlighter/dist/cjs/styles/hljs";
+import { a11yLight } from 'react-syntax-highlighter/dist/cjs/styles/hljs';
 import { AIChatStore } from "../../../../model/AIChat";
-import { useCopyToClipboard } from "react-use";
-import { CheckOutlined, CopyOutlined, PlaySquareOutlined } from "@ant-design/icons";
-import { Button, Space, Tooltip } from "antd";
+import { useCopyToClipboard } from 'react-use';
+import { CheckOutlined, CopyOutlined, PlaySquareOutlined } from '@ant-design/icons';
+import { Button, Space, Tooltip } from 'antd';
 import styles from "./MarkdownCodeBlock.module.less";
-import { useIntl } from 'dumi';
+import { useIntl } from 'dumi'; // 定义 props 类型，它将接收 react-markdown 传递的所有属性
 
 // 定义 props 类型，它将接收 react-markdown 传递的所有属性
 
@@ -28,7 +28,7 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
     copyState = _useCopyToClipboard2[0],
     copyToClipboard = _useCopyToClipboard2[1];
   // 1. 处理行内代码：如果是行内代码，不做特殊处理，直接返回一个 <code> 标签
-  if (inline || typeof children === 'string' && !children.includes("\n")) {
+  if (inline || typeof children === 'string' && !children.includes('\n')) {
     return /*#__PURE__*/React.createElement("code", {
       className: className
     }, children);
@@ -88,5 +88,9 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
     PreTag: "div" // 使用 div 作为外层标签，避免 pre 标签的默认样式冲突
     ,
     showLineNumbers: false // (可选) 显示行号
+    ,
+    customStyle: {
+      paddingTop: '2em'
+    }
   }, codeString));
 };

package/dist/pages/AIPlayground/components/MsgBox/index.js

@@ -9,13 +9,13 @@ import { Bubble } from '@ant-design/x';
 import { Button, Flex, Space, Tooltip } from 'antd';
 import { useChat } from '@ai-sdk/react';
 import { TextStreamChatTransport } from 'ai';
-import { useIntl, useSiteData } from 'dumi';
+import { useIntl } from 'dumi';
 import { findLast } from 'lodash-es';
 import React, { useEffect, useState, useMemo, useRef } from 'react';
 import { useCopyToClipboard } from 'react-use';
 import { useSnapshot } from 'valtio';
 import { PromptTextarea } from "../../../../components/AI/HomeDialog/PromptTextarea";
-import { AIChatStore, createPureNewSession, derivedState } from "../../../../model/AIChat";
+import { AIChatStore, clearEmptySession, createPureNewSession, derivedState } from "../../../../model/AIChat";
 import { getCodeFromMarkdown, isPreviewable } from "../../../../utils/code";
 import { MarkdownComponent } from "../MarkdownComponent";
 import styles from "./index.module.less";
@@ -70,22 +70,16 @@ function MsgBox(props) {
     simple = _props$simple === void 0 ? false : _props$simple,
     onCodegen = props.onCodegen,
     title = props.title;
-  var _useSiteData = useSiteData(),
-    themeConfig = _useSiteData.themeConfig;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
-  var _useState = useState(!themeConfig.isAntVSite ? themeConfig.title : undefined),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
-    lib = _useState2[0],
-    setLib = _useState2[1];
+    promptText = _useState2[0],
+    setPromptText = _useState2[1];
   var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    promptText = _useState4[0],
-    setPromptText = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fileSummary = _useState6[0],
-    setFileSummary = _useState6[1];
+    fileSummary = _useState4[0],
+    setFileSummary = _useState4[1];
   var snap = useSnapshot(AIChatStore);
   var derivedSnap = useSnapshot(derivedState);
   var _useCopyToClipboard = useCopyToClipboard(),
@@ -118,13 +112,15 @@ function MsgBox(props) {
           // xxx
         },
         // body 可以是函数，用于获取最新的动态值
-        body: {
-          gptConversationId: activeSessionIdRef.current,
-          anonymousUserId: anonymousUserIdRef.current,
-          mountId: 'container',
-          antvContext: (latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.context) || props.context,
-          library: (latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.lib) || lib,
-          mode: latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.mode
+        body: function body() {
+          return {
+            gptConversationId: activeSessionIdRef.current,
+            anonymousUserId: anonymousUserIdRef.current,
+            mountId: 'container',
+            antvContext: (latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.context) || props.context,
+            library: AIChatStore.lib,
+            mode: latestUserMessage === null || latestUserMessage === void 0 ? void 0 : latestUserMessage.mode
+          };
         }
       }),
       messages: convertedInitialMessages,
@@ -141,6 +137,8 @@ function MsgBox(props) {
             var codeBlock = getCodeFromMarkdown(messageContent).code;
             AIChatStore.codeBlock = codeBlock;
             onCodegen === null || onCodegen === void 0 || onCodegen(codeBlock);
+          } else {
+            AIChatStore.codeBlock = '';
           }
           (_derivedState$activeS = derivedState.activeSession) === null || _derivedState$activeS === void 0 || (_derivedState$activeS = _derivedState$activeS.messages) === null || _derivedState$activeS === void 0 || _derivedState$activeS.push({
             id: crypto.randomUUID(),
@@ -188,7 +186,7 @@ function MsgBox(props) {
     }, {
       body: {
         context: fileSummary,
-        lib: lib,
+        lib: snap.lib,
         mode: 'implement'
       }
     });
@@ -199,7 +197,7 @@ function MsgBox(props) {
       content: promptText,
       createdAt: Date.now(),
       context: fileSummary,
-      lib: lib
+      lib: snap.lib
     });
     chatScrollIntoView();
   };
@@ -240,6 +238,11 @@ function MsgBox(props) {
     if (simple) {
       createPureNewSession(title);
     }
+    return function () {
+      if (simple) {
+        clearEmptySession();
+      }
+    };
   }, []);
   useEffect(function () {
     chatScrollIntoView();
@@ -323,8 +326,6 @@ function MsgBox(props) {
       marginBottom: 0
     },
     onConfirm: handleSubmit,
-    lib: lib,
-    onLibChange: setLib,
     onDataSummaryChange: setFileSummary
   })));
 }

package/dist/pages/AIPlayground/components/SessionLayout/index.js

@@ -1,26 +1,43 @@
-import React from 'react';
-import styles from "./index.module.less";
-import { ConversationsMenu } from "../ConversationsMenu";
-import { AIChatStore } from "../../../../model/AIChat";
-import { useSnapshot } from 'valtio';
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classnames from 'classnames';
+import React, { useState } from 'react';
 import SplitPane from 'react-split-pane';
+import { useSnapshot } from 'valtio';
+import { AIChatStore } from "../../../../model/AIChat";
+import { ConversationsMenu } from "../ConversationsMenu";
+import styles from "./index.module.less";
 function SessionLayout(props) {
   var children = props.children;
   var snap = useSnapshot(AIChatStore);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
   if (!Array.isArray(children)) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container
-  }, /*#__PURE__*/React.createElement(ConversationsMenu, null),
+  }, /*#__PURE__*/React.createElement(ConversationsMenu, null), snap.codeBlock ?
+  /*#__PURE__*/
   // @ts-ignore
-  snap.codeBlock ? /*#__PURE__*/React.createElement(SplitPane, {
+  React.createElement(SplitPane, {
     split: "vertical",
-    defaultSize: "50vw",
+    defaultSize: '50vw',
+    onDragStarted: function onDragStarted() {
+      return setIsDragging(true);
+    },
+    onDragFinished: function onDragFinished() {
+      return setIsDragging(false);
+    },
     primary: "second",
     style: {
-      position: "unset"
+      position: 'unset'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.msgBox)
@@ -28,6 +45,16 @@ function SessionLayout(props) {
     className: styles.taskBox
   }, children[1])) : /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.msgBox, styles.msgBoxFull)
-  }, children[0]));
+  }, children[0]), isDragging && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 9999,
+      cursor: 'col-resize' // 或 'row-resize' 用于水平分割
+    }
+  }));
 }
 export { SessionLayout };

package/dist/pages/AIPlayground/components/SessionLayout/index.module.less

@@ -21,7 +21,7 @@
 }
 
 .msgBoxHalf {
-  max-width: 30vw;
+  max-width: 40vw;
 }
 
 .msgBoxFull {
@@ -32,5 +32,5 @@
   height: calc(100% - 32px);
   margin: 16px;
   flex-grow: 1;
-  background: #fff;
+  background: transparent;
 }

package/dist/pages/AIPlayground/components/TaskBox/index.js

@@ -61,7 +61,6 @@ function TaskBox() {
       displayMode: "code-and-preview",
       initialView: "preview",
       theme: "light",
-      editable: true,
       code: wrap2VisionSnap(snap.codeBlock),
       requestProxy: requestProxy,
       isStreaming: false,
@@ -74,6 +73,7 @@ function TaskBox() {
     return /*#__PURE__*/React.createElement(CodeRunner, {
       isPlayground: true,
       showAI: false,
+      showEditor: false,
       size: 0.5,
       topic: snap.anonymousUserId,
       example: snap.activeSessionId,

package/dist/slots/CodeEditor/index.js

@@ -13,9 +13,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import MonacoEditor, { loader } from '@monaco-editor/react';
-import { Drawer, Switch } from 'antd';
+import { Button, Drawer, Switch, Tooltip } from 'antd';
 import { autoType as d3AutoType, dsvFormat } from 'd3-dsv';
-import { useLocale, useSiteData, useIntl, useLocation } from 'dumi';
+import { useIntl, useLocale, useLocation, useSiteData } from 'dumi';
 import { debounce, noop } from 'lodash-es';
 import { format } from 'prettier';
 import parserBabel from 'prettier/parser-babel';
@@ -26,6 +26,7 @@ import styles from "./index.module.less";
 import { EDITOR_TABS, Toolbar } from "./Toolbar";
 import { compile, execute, replaceInsertCss } from "./utils";
 import MsgBox from "../../pages/AIPlayground/components/MsgBox";
+import { ClearOutlined } from '@ant-design/icons';
 loader.config({
   'vs/nls': {
     availableLanguages: {
@@ -59,7 +60,8 @@ var CodeEditor = function CodeEditor(_ref) {
     _ref$onFullscreen = _ref.onFullscreen,
     onFullscreen = _ref$onFullscreen === void 0 ? noop : _ref$onFullscreen,
     _ref$showAI = _ref.showAI,
-    showAI = _ref$showAI === void 0 ? true : _ref$showAI;
+    showAI = _ref$showAI === void 0 ? true : _ref$showAI,
+    style = _ref.style;
   var umiLocation = useLocation();
   var locale = useLocale();
   var _useSiteData = useSiteData(),
@@ -109,6 +111,10 @@ var CodeEditor = function CodeEditor(_ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     showAIDrawer = _useState14[0],
     setShowAIDrawer = _useState14[1];
+  var _useState15 = useState("_"),
+    _useState16 = _slicedToArray(_useState15, 2),
+    msgBoxKey = _useState16[0],
+    setMsgBoxKey = _useState16[1];
   var containerId = "playgroundScriptContainer_".concat(exampleId);
 
   // 出发 auto resize
@@ -394,7 +400,8 @@ var CodeEditor = function CodeEditor(_ref) {
     setCode(source);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: styles.editor
+    className: styles.editor,
+    style: style
   }, /*#__PURE__*/React.createElement(Toolbar, {
     fileExtension: fileExtension,
     sourceCode: code,
@@ -464,7 +471,6 @@ var CodeEditor = function CodeEditor(_ref) {
         monacoRef.current = editor;
       }
     }), /*#__PURE__*/React.createElement(Drawer, {
-      placement: "right",
       closable: true,
       open: showAIDrawer,
       getContainer: false,
@@ -473,9 +479,19 @@ var CodeEditor = function CodeEditor(_ref) {
       },
       rootClassName: styles.drawer,
       width: '80%',
-      key: "".concat(umiLocation.hash, "_").concat(umiLocation.key)
-    }, /*#__PURE__*/React.createElement(MsgBox, {
       key: "".concat(umiLocation.hash, "_").concat(umiLocation.key),
+      extra: /*#__PURE__*/React.createElement(Tooltip, {
+        title: intl.formatMessage({
+          id: 'ai.toolbar.clear.conversation'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "link",
+        onClick: function onClick() {
+          return setMsgBoxKey(crypto.randomUUID());
+        }
+      }, /*#__PURE__*/React.createElement(ClearOutlined, null)))
+    }, /*#__PURE__*/React.createElement(MsgBox, {
+      key: "".concat(umiLocation.hash, "_").concat(umiLocation.key, "_").concat(msgBoxKey),
       simple: true,
       messages: [{
         id: crypto.randomUUID(),

package/dist/slots/CodeEditor/index.module.less

@@ -20,7 +20,6 @@
       div.ant-drawer-header {
         padding-bottom: unset;
         border-bottom: unset;
-        flex-direction: row-reverse;
 
         .ant-drawer-header-title {
           flex: unset;

package/dist/slots/CodeRunner/index.js

@@ -34,7 +34,9 @@ var CodeRunner = function CodeRunner(_ref) {
     _ref$notFound = _ref.notFound,
     notFound = _ref$notFound === void 0 ? /*#__PURE__*/React.createElement(NotFound, null) : _ref$notFound,
     _ref$showAI = _ref.showAI,
-    showAI = _ref$showAI === void 0 ? true : _ref$showAI;
+    showAI = _ref$showAI === void 0 ? true : _ref$showAI,
+    _ref$showEditor = _ref.showEditor,
+    showEditor = _ref$showEditor === void 0 ? true : _ref$showEditor;
   var demoInfo = getDemoInfo(exampleTopics, topic, example, demo);
 
   // 找不到，啥也别干了，404 页面
@@ -61,18 +63,13 @@ var CodeRunner = function CodeRunner(_ref) {
     githubUrl: githubUrl
   });
   var exampleId = "".concat(topic, "_").concat(example, "_").concat(demo);
-  return /*#__PURE__*/React.createElement(InViewSuspense, {
-    fallback: null
-  }, /*#__PURE__*/React.createElement(SplitPane, {
-    split: "vertical",
-    defaultSize: "".concat((1 - size) * 100, "%"),
-    minSize: 100
-  }, /*#__PURE__*/React.createElement(CodePreview, {
+  var codePreview = /*#__PURE__*/React.createElement(CodePreview, {
     exampleId: exampleId,
     error: error,
     header: header,
     isPlayground: isPlayground
-  }), /*#__PURE__*/React.createElement(ClientOnly, null, /*#__PURE__*/React.createElement(CodeEditor, {
+  });
+  var codeEditor = /*#__PURE__*/React.createElement(ClientOnly, null, /*#__PURE__*/React.createElement(CodeEditor, {
     exampleId: exampleId,
     source: source,
     relativePath: relativePath,
@@ -83,7 +80,19 @@ var CodeRunner = function CodeRunner(_ref) {
     onReady: noop,
     playground: playground,
     title: ic(title),
-    showAI: showAI
-  }))));
+    showAI: showAI,
+    style: {
+      display: showEditor ? 'block' : 'none'
+    }
+  }));
+  return /*#__PURE__*/React.createElement(InViewSuspense, {
+    fallback: null
+  },
+  // @ts-ignore
+  showEditor ? /*#__PURE__*/React.createElement(SplitPane, {
+    split: "vertical",
+    defaultSize: "".concat((1 - size) * 100, "%"),
+    minSize: 100
+  }, codePreview, codeEditor) : /*#__PURE__*/React.createElement(React.Fragment, null, codePreview, codeEditor));
 };
 export default CodeRunner;

package/dist/slots/Header/index.js

@@ -13,10 +13,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { CaretDownFilled, DownOutlined, GithubOutlined, LinkOutlined, LogoutOutlined, MenuOutlined, UserDeleteOutlined, WechatOutlined } from '@ant-design/icons';
+import { CaretDownFilled, DownOutlined, GithubOutlined, LinkOutlined, LogoutOutlined, MenuOutlined, MessageOutlined, UserDeleteOutlined, WechatOutlined } from '@ant-design/icons';
 import { Alert, Button, Dropdown, Menu, Modal, Popover } from 'antd';
 import cx from 'classnames';
-import { FormattedMessage, Link, useLocale, useSiteData } from 'dumi';
+import { FormattedMessage, Link, useLocale, useSiteData, useIntl, history } from 'dumi';
 import { get, map, size } from 'lodash-es';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useMedia } from 'react-use';
@@ -85,6 +85,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     bannerVisible = _useState2[0],
     setBannerVisible = _useState2[1];
+  var intl = useIntl();
   var showChinaMirror = !!internalSite;
   var chinaMirrorUrl = get(internalSite, 'url');
   var _useState3 = useState(false),
@@ -412,12 +413,24 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, /*#__PURE__*/React.createElement(Dropdown, {
     menu: {
       items: [{
+        key: 'history',
+        label: /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            return history.push("/".concat(lang || 'zh', "/ai-playground"));
+          }
+        }, intl.formatMessage({
+          id: 'header.user.history'
+        })),
+        icon: /*#__PURE__*/React.createElement(MessageOutlined, null)
+      }, {
         key: 'logout',
         label: /*#__PURE__*/React.createElement("a", {
           onClick: function onClick() {
             return logout();
           }
-        }, "\u9000\u51FA\u767B\u5F55"),
+        }, intl.formatMessage({
+          id: 'header.user.logout'
+        })),
         icon: /*#__PURE__*/React.createElement(LogoutOutlined, null)
       }, {
         key: 'deleteAccount',
@@ -426,7 +439,9 @@ var HeaderComponent = function HeaderComponent(_ref) {
             logout();
             clearAllChatData();
           }
-        }, "\u6CE8\u9500\u8D26\u53F7"),
+        }, intl.formatMessage({
+          id: 'header.user.deleteAccount'
+        })),
         icon: /*#__PURE__*/React.createElement(UserDeleteOutlined, null)
       }]
     }

package/dist/utils/index.js

@@ -0,0 +1,7 @@
+export function isUUID(str) {
+  if (typeof str !== 'string') {
+    return false;
+  }
+  var regex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+  return regex.test(str);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.10",
+  "version": "0.8.0-beta.12",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",
@@ -62,7 +62,6 @@
     "@ant-design/x": "^1.6.1",
     "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
     "@babel/standalone": "^7.26.2",
-    "@codesandbox/sandpack-react": "^2.20.0",
     "@docsearch/css": "^3.8.0",
     "@docsearch/react": "^3.8.0",
     "@emotion/server": "^11.11.0",