@antv/dumi-theme-antv 0.8.0-beta.0 → 0.8.0-beta.2

package/dist/hooks/useStreamingText.js

@@ -61,49 +61,69 @@ export var useStreamingText = function useStreamingText(_ref) {
               }
               throw new Error('Response body is null');
             case 8:
+              if (!(response.headers.get("content-type") === "application/json")) {
+                _context.next = 19;
+                break;
+              }
+              _context.t0 = onFinish === null || onFinish === void 0;
+              if (_context.t0) {
+                _context.next = 18;
+                break;
+              }
+              _context.t1 = onFinish;
+              _context.t2 = JSON;
+              _context.next = 15;
+              return response.json();
+            case 15:
+              _context.t3 = _context.sent;
+              _context.t4 = _context.t2.stringify.call(_context.t2, _context.t3);
+              (0, _context.t1)(_context.t4);
+            case 18:
+              return _context.abrupt("return");
+            case 19:
               reader = response.body.getReader();
               decoder = new TextDecoder();
               accumulatedText = '';
-            case 11:
+            case 22:
               if (!true) {
-                _context.next = 25;
+                _context.next = 36;
                 break;
               }
-              _context.next = 14;
+              _context.next = 25;
               return reader.read();
-            case 14:
+            case 25:
               _yield$reader$read = _context.sent;
               done = _yield$reader$read.done;
               value = _yield$reader$read.value;
               if (!done) {
-                _context.next = 20;
+                _context.next = 31;
                 break;
               }
               onFinish === null || onFinish === void 0 || onFinish(accumulatedText); // 流结束时调用 onFinish
-              return _context.abrupt("break", 25);
-            case 20:
+              return _context.abrupt("break", 36);
+            case 31:
               chunk = decoder.decode(value, {
                 stream: true
               });
               accumulatedText += chunk;
               setText(accumulatedText);
-              _context.next = 11;
+              _context.next = 22;
               break;
-            case 25:
-              _context.next = 30;
+            case 36:
+              _context.next = 41;
               break;
-            case 27:
-              _context.prev = 27;
-              _context.t0 = _context["catch"](0);
-              if (_context.t0.name !== 'AbortError') {
-                console.error('Streaming fetch error:', _context.t0);
-                onError === null || onError === void 0 || onError(_context.t0);
+            case 38:
+              _context.prev = 38;
+              _context.t5 = _context["catch"](0);
+              if (_context.t5.name !== 'AbortError') {
+                console.error('Streaming fetch error:', _context.t5);
+                onError === null || onError === void 0 || onError(_context.t5);
               }
-            case 30:
+            case 41:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 27]]);
+        }, _callee, null, [[0, 38]]);
       }));
       return function fetchData() {
         return _ref2.apply(this, arguments);

package/dist/hooks/useTypewriter.js

@@ -0,0 +1,69 @@
+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 { useState, useEffect } from 'react';
+
+// Hook的参数类型定义
+
+/**
+ * 一个自定义React Hook，用于实现打字机效果。
+ * @param {TypewriterOptions} options - 配置选项
+ * @returns {string} 当前应显示的文本
+ */
+export var useTypewriter = function useTypewriter(_ref) {
+  var texts = _ref.texts,
+    _ref$typingSpeed = _ref.typingSpeed,
+    typingSpeed = _ref$typingSpeed === void 0 ? 150 : _ref$typingSpeed,
+    _ref$pauseDelay = _ref.pauseDelay,
+    pauseDelay = _ref$pauseDelay === void 0 ? 2000 : _ref$pauseDelay;
+  // 当前显示第几个字符串
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    textIndex = _useState2[0],
+    setTextIndex = _useState2[1];
+  // 当前字符串显示到第几个字符
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    charIndex = _useState4[0],
+    setCharIndex = _useState4[1];
+  useEffect(function () {
+    // 获取当前要处理的完整字符串
+    var currentText = texts[textIndex];
+
+    // 如果当前字符索引小于字符串长度，说明还在打字过程中
+    if (charIndex < currentText.length) {
+      var typingTimeout = setTimeout(function () {
+        setCharIndex(function (prev) {
+          return prev + 1;
+        });
+      }, typingSpeed);
+
+      // 清除定时器，防止内存泄漏
+      return function () {
+        return clearTimeout(typingTimeout);
+      };
+    }
+    // 如果字已经打完
+    else {
+      var pauseTimeout = setTimeout(function () {
+        // 切换到下一个字符串
+        setTextIndex(function (prev) {
+          return (prev + 1) % texts.length;
+        });
+        // 重置字符索引，从头开始
+        setCharIndex(0);
+      }, pauseDelay);
+
+      // 清除定时器
+      return function () {
+        return clearTimeout(pauseTimeout);
+      };
+    }
+  }, [charIndex, textIndex, texts, typingSpeed, pauseDelay]);
+
+  // 根据当前状态截取并返回应该显示的字符串
+  return texts[textIndex].substring(0, charIndex);
+};

package/dist/locales/en.json

@@ -178,5 +178,95 @@
   "企业级 Node 开发框架": "Enterprise-class Node development framework",
   "Sketch 工具集": "Sketch Tool set",
   "互动图形解决方案": "Interactive solution",
-  "前端智能研发": "AI Coding Assistant"
+  "前端智能研发": "AI Coding Assistant",
+  "ai.placeholder.implement": "What would you like to visualize today?",
+  "ai.placeholder.solve": "What visualization problem would you like to solve today?",
+  "ai.mode.implement": "Develop",
+  "ai.mode.solve": "Q&A",
+  "ai.upload.tooltip": "Only supports csv,json,tsv,txt files. For performance and cost reasons, only the first few lines will be used as samples",
+  "ai.upload.data": "Upload Data",
+  "ai.upload.image": "Upload Image",
+  "ai.upload.analyzing": "Analyzing...",
+  "ai.upload.file.empty": "File is empty.",
+  "ai.upload.file.parse.error": "File content format error, unable to parse.",
+  "ai.upload.file.read.error": "Failed to read file.",
+  "ai.upload.file.type.error": "Unsupported file type. Please upload {types} files.",
+  "ai.upload.file.size.error": "File size cannot exceed {size}MB!",
+  "ai.upload.file.parse.type.error": "Unsupported file parsing type",
+  "ai.upload.file.summary.truncated": "... (Data summary truncated)",
+  "ai.upload.file.full.content": "User uploaded a data file, its complete content is as follows:\n\n{fileContent}",
+  "ai.upload.file.table.summary": "This is tabular data containing approximately {rowCount} rows and {columnCount} columns.\nColumn headers are: {header}\nFirst {maxLines} rows of sample data:\n{sampleRows}",
+  "ai.upload.file.json.array.summary": "This is a JSON array containing {dataLength} objects.\nKeys for each object are: {keys}\nFirst {maxLines} sample objects:\n{sampleData}",
+  "ai.upload.file.json.object.summary": "This is a JSON object. Its structure and partial data are as follows:",
+  "ai.msgbox.like": "Like",
+  "ai.msgbox.dislike": "Dislike",
+  "ai.msgbox.retry": "Try Again",
+  "ai.msgbox.copy": "Copy",
+  "ai.msgbox.start.new.chat": "Start New Chat",
+  "ai.msgbox.send.tip": "Please enter content before sending",
+  "ai.msgbox.error.response": "Sorry, I couldn't successfully process your request, please try again later",
+  "ai.recommend.title": "Featured Cases",
+  "ai.recommend.refresh": "Refresh",
+  "ai.recommend.card.caseName": "Case Name",
+  "ai.recommend.card.description": "Description",
+  "ai.markdown.copy": "Copy",
+  "ai.markdown.run": "Run this code snippet",
+  "ai.toolbar.assistant": "AI Assistant",
+  "ai.toolbar.restore": "Restore",
+  "ai.toolbar.execute": "Execute Code",
+  "ai.toolbar.open.codesandbox": "Open in CodeSandbox",
+  "ai.toolbar.open.stackblitz": "Open in StackBlitz",
+  "ai.toolbar.open.riddle": "Open in Riddle",
+  "ai.toolbar.html.code": "HTML Code",
+  "ai.conversations.expand": "Expand",
+  "ai.conversations.collapse": "Collapse",
+  "ai.conversations.new": "Start New Chat",
+  "ai.conversations.history": "History",
+  "ai.conversations.rename": "Rename",
+  "ai.conversations.pin": "Pin",
+  "ai.conversations.delete": "Delete",
+  "ai.conversations.edit.title": "Edit Conversation Name",
+  "ai.chooseLib.placeholder": "Choose Technology Stack",
+  "ai.search.try": "Try",
+  "ai.search.visualization": "Q&A",
+  "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.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",
+  "header.wx.qrcode.title": "Scan QR Code to Follow",
+  "feedback.page.helpful": "Was this page helpful?",
+  "feedback.page.easy.understand": "Easy to understand",
+  "feedback.page.solved.problem": "Solved my problem",
+  "feedback.page.other": "Other",
+  "feedback.page.missing.info": "Missing information I need",
+  "feedback.page.too.complex": "Too complicated/Too many steps",
+  "feedback.page.outdated": "Content is outdated",
+  "feedback.page.code.issue": "Sample/Code issue",
+  "feedback.page.reason.title": "🚀 What is the reason for your feedback?",
+  "feedback.page.issue.alert": "If something is broken or if you need a reply to a problem you've encountered, please ",
+  "feedback.page.issue.report": "open an issue instead",
+  "feedback.page.issue.alert.end": ". Otherwise, the team won't be able to answer back or ask for more information.",
+  "feedback.section.improve": "How can we improve",
+  "feedback.section.improve.end": "section? ",
+  "feedback.result.success": "Feedback Submitted",
+  "feedback.result.error": "Error, please try again later",
+  "feedback.result.thanks": "Thank you for your feedback!",
+  "feedback.result.github.issue": "Go head to GitHub issue if the problem persists.",
+  "feedback.result.problem.type": "What kind of problem are you facing?",
+  "feedback.result.reason": "🚀 What is the reason for your feedback?",
+  "feedback.result.easy.understand": "Easy to understand",
+  "feedback.result.solved.problem": "Resolved my problem",
+  "feedback.result.other": "Other",
+  "feedback.result.missing.info": "Missing the information I need",
+  "feedback.result.too.complex": "Too complicated / Too many steps",
+  "feedback.result.outdated": "Out of date",
+  "feedback.result.code.issue": "Sample / code issue",
+  "feedback.result.previous": "Previous",
+  "feedback.result.next": "Next",
+  "feedback.result.demo.error": "Demo code error, please check",
+  "feedback.result.reading.time": "Reading needs",
+  "feedback.result.minutes": "minutes",
+  "feedback.result.no.results": "No query result found"
 }

package/dist/locales/zh.json

@@ -177,5 +177,95 @@
   "企业级 Node 开发框架": "企业级 Node 开发框架",
   "Sketch 工具集": "Sketch 工具集",
   "互动图形解决方案": "互动图形解决方案",
-  "前端智能研发": "前端智能研发"
+  "前端智能研发": "前端智能研发",
+  "ai.placeholder.implement": "今天，你想可视化什么？",
+  "ai.placeholder.solve": "今天，你想解决什么可视化问题？",
+  "ai.mode.implement": "可视化研发",
+  "ai.mode.solve": "可视化答疑",
+  "ai.upload.tooltip": "仅支持csv,json,tsv,txt文件，为了性能和成本，只会使用文件的前几行作为样本",
+  "ai.upload.data": "上传数据",
+  "ai.upload.image": "上传图片",
+  "ai.upload.analyzing": "分析中...",
+  "ai.upload.file.empty": "文件为空。",
+  "ai.upload.file.parse.error": "文件内容格式错误，无法解析。",
+  "ai.upload.file.read.error": "读取文件失败。",
+  "ai.upload.file.type.error": "不支持的文件类型。请上传 {types} 文件。",
+  "ai.upload.file.size.error": "文件大小不能超过 {size}MB!",
+  "ai.upload.file.parse.type.error": "不支持的文件解析类型",
+  "ai.upload.file.summary.truncated": "... (数据摘要已截断)",
+  "ai.upload.file.full.content": "用户上传了一个数据文件，其完整内容如下：\n\n{fileContent}",
+  "ai.upload.file.table.summary": "这是一个包含约 {rowCount} 行和 {columnCount} 列的表格数据。\n列名（Header）是: {header}\n前{maxLines}行样本数据如下:\n{sampleRows}",
+  "ai.upload.file.json.array.summary": "这是一个包含 {dataLength} 个对象的JSON数组。\n每个对象的键（Keys）是: {keys}\n前{maxLines}个样本对象如下:\n{sampleData}",
+  "ai.upload.file.json.object.summary": "这是一个JSON对象。其结构和部分数据如下：",
+  "ai.msgbox.like": "点赞",
+  "ai.msgbox.dislike": "点踩",
+  "ai.msgbox.retry": "再来一次",
+  "ai.msgbox.copy": "复制",
+  "ai.msgbox.start.new.chat": "开始新对话",
+  "ai.msgbox.send.tip": "请输入内容后发送指令",
+  "ai.msgbox.error.response": "抱歉，我没能成功处理您的请求，请稍后再次提问",
+  "ai.recommend.title": "精选案例",
+  "ai.recommend.refresh": "换一批",
+  "ai.recommend.card.caseName": "案例名",
+  "ai.recommend.card.description": "描述信息",
+  "ai.markdown.copy": "复制",
+  "ai.markdown.run": "运行此代码片段",
+  "ai.toolbar.assistant": "AI 助手",
+  "ai.toolbar.restore": "还原",
+  "ai.toolbar.execute": "执行代码",
+  "ai.toolbar.open.codesandbox": "在 CodeSandbox 中打开",
+  "ai.toolbar.open.stackblitz": "在 StackBlitz 中打开",
+  "ai.toolbar.open.riddle": "在 Riddle 中打开",
+  "ai.toolbar.html.code": "HTML 代码",
+  "ai.conversations.expand": "展开",
+  "ai.conversations.collapse": "收起",
+  "ai.conversations.new": "开始新对话",
+  "ai.conversations.history": "历史对话",
+  "ai.conversations.rename": "重命名",
+  "ai.conversations.pin": "置顶",
+  "ai.conversations.delete": "删除",
+  "ai.conversations.edit.title": "编辑对话名称",
+  "ai.chooseLib.placeholder": "选择技术栈",
+  "ai.search.try": "试试",
+  "ai.search.visualization": "可视化答疑",
+  "ai.assistant.editor.intro": "我是AntV AI助手。您可以随时向我提问，让我为您：\n\n1、解读当前图表的代码配置。\n2、通过自然语言对话，基于当前案例生成新代码以定制图表。",
+  "ai.placeholder.whatis": "{title}是什么？",
+  "header.ai.code": "AI生码",
+  "header.china.mirror.title": "AntV 系列网站部署在 gh-pages 上，若访问速度不佳，可以前往国内镜像站点。",
+  "header.china.mirror.temp.close": "暂时关闭",
+  "header.china.mirror.no.more": "不再提醒",
+  "header.wx.qrcode.title": "微信扫一扫关注",
+  "feedback.page.helpful": "这个页面对你有帮助吗？",
+  "feedback.page.easy.understand": "容易理解",
+  "feedback.page.solved.problem": "解决了我的问题",
+  "feedback.page.other": "其它",
+  "feedback.page.missing.info": "缺少我需要的信息",
+  "feedback.page.too.complex": "过于复杂/步骤太多",
+  "feedback.page.outdated": "内容更新不及时",
+  "feedback.page.code.issue": "示例/代码有问题",
+  "feedback.page.reason.title": "🚀 留下你的真实感受",
+  "feedback.page.issue.alert": "如果遇到问题或发现某些功能无法正常工作，请通过",
+  "feedback.page.issue.report": "提交问题报告",
+  "feedback.page.issue.alert.end": "来反馈。否则，团队将无法提供进一步的答复或获取更多信息。",
+  "feedback.section.improve": "你认为",
+  "feedback.section.improve.end": "部分如何改进更好？",
+  "feedback.result.success": "谢谢你的反馈意见！",
+  "feedback.result.error": "报错了，请稍后再试",
+  "feedback.result.thanks": "感谢你的支持！",
+  "feedback.result.github.issue": "如果问题持续，请前往 GitHub 提交 issue。",
+  "feedback.result.problem.type": "你遇到的问题是什么？",
+  "feedback.result.reason": "🚀 留下你的真实感受",
+  "feedback.result.easy.understand": "容易理解",
+  "feedback.result.solved.problem": "有效解决了我的问题",
+  "feedback.result.other": "其它",
+  "feedback.result.missing.info": "缺少我需要的信息",
+  "feedback.result.too.complex": "过于复杂/步骤太多",
+  "feedback.result.outdated": "内容更新不及时",
+  "feedback.result.code.issue": "示例/代码有问题",
+  "feedback.result.previous": "上一篇",
+  "feedback.result.next": "下一篇",
+  "feedback.result.demo.error": "演示代码报错，请检查",
+  "feedback.result.reading.time": "阅读时间约",
+  "feedback.result.minutes": "分钟",
+  "feedback.result.no.results": "没有找到查询结果"
 }

package/dist/model/AIChat.js

@@ -48,6 +48,11 @@ subscribe(AIChatStore, function () {
   // 异步保存，不阻塞UI
   localforage.setItem(STORAGE_KEY, stateToPersist);
 });
+export var clearEmptySession = function clearEmptySession() {
+  AIChatStore.sessions = AIChatStore.sessions.filter(function (s) {
+    return s.messages.length > 0;
+  });
+};
 
 // --- 初始化逻辑 ---
 export var initializeStore = /*#__PURE__*/function () {
@@ -113,11 +118,12 @@ export var initializeStore = /*#__PURE__*/function () {
           })) {
             AIChatStore.activeSessionId = ((_AIChatStore$sessions = AIChatStore.sessions[0]) === null || _AIChatStore$sessions === void 0 ? void 0 : _AIChatStore$sessions.id) || null;
           }
+          clearEmptySession();
 
           // 4. 标记初始化完成，这将触发持久化订阅
           AIChatStore.isInitialized = true;
           // console.log('Valtio store initialized:', snapshot(AIChatStore));
-        case 21:
+        case 22:
         case "end":
           return _context.stop();
       }
@@ -188,18 +194,20 @@ export var handlePinSession = function handlePinSession(sessionId) {
 subscribeKey(AIChatStore, 'activeSessionId', function () {
   AIChatStore.codeBlock = null;
 });
-export var createNewSession = function createNewSession(config) {
-  // todo  埋点
-  // 1. 创建一个新的会话
+export var createPureNewSession = function createPureNewSession(title) {
   var newSessionId = crypto.randomUUID();
   AIChatStore.sessions.unshift({
     id: newSessionId,
-    title: config.promptText.substring(0, 20),
-    // 使用输入内容作为初始标题
+    title: title !== null && title !== void 0 ? title : 'New Conversation',
     createdAt: Date.now(),
     messages: []
   });
   AIChatStore.activeSessionId = newSessionId;
+};
+export var createNewSession = function createNewSession(config) {
+  // todo  埋点
+  // 1. 创建一个新的会话
+  createPureNewSession(config.promptText);
 
   // 2. 创建临时消息并存入 store
   AIChatStore.tempMessage = {
@@ -208,7 +216,11 @@ export var createNewSession = function createNewSession(config) {
     content: config.promptText,
     createdAt: Date.now(),
     mode: config.mode,
-    lib: config.lib
+    lib: config.lib,
+    context: config.context
   };
-  history.push("/zh/ai-playground/2");
+  if (config.jump) {
+    var _config$lang;
+    history.push("/".concat((_config$lang = config.lang) !== null && _config$lang !== void 0 ? _config$lang : 'zh', "/ai-playground"));
+  }
 };

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

@@ -13,6 +13,7 @@ import { useSnapshot } from 'valtio';
 import { AIChatStore, handleDeleteSession, handlePinSession, handleRenameSession } from "../../../../model/AIChat";
 import { history } from 'dumi';
 import { useSetState } from "ahooks";
+import { useIntl } from 'dumi';
 export var ConversationsMenu = function ConversationsMenu() {
   var _useSetState = useSetState({
       open: false,
@@ -33,23 +34,33 @@ export var ConversationsMenu = function ConversationsMenu() {
   var toggleCollapsed = function toggleCollapsed() {
     setCollapsed(!collapsed);
   };
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var items = [{
     key: 'fold',
     extra: !collapsed ? /*#__PURE__*/React.createElement(MenuFoldOutlined, null) : null,
     onClick: toggleCollapsed,
     label: null,
     icon: !collapsed ? null : /*#__PURE__*/React.createElement(MenuUnfoldOutlined, null),
-    title: '展开'
+    title: collapsed ? formatMessage({
+      id: 'ai.conversations.expand'
+    }) : formatMessage({
+      id: 'ai.conversations.collapse'
+    })
   }, {
     key: 'new',
     icon: /*#__PURE__*/React.createElement(PlusSquareOutlined, null),
-    label: '开始新对话',
+    label: formatMessage({
+      id: 'ai.conversations.new'
+    }),
     onClick: function onClick() {
       return history.push('/');
     }
   }, {
     key: 'history',
-    label: '历史对话',
+    label: formatMessage({
+      id: 'ai.conversations.history'
+    }),
     icon: /*#__PURE__*/React.createElement(HistoryOutlined, null),
     children: snap.sessions.map(function (session) {
       return {
@@ -62,7 +73,9 @@ export var ConversationsMenu = function ConversationsMenu() {
           menu: {
             items: [{
               key: 'edit',
-              label: '重命名',
+              label: formatMessage({
+                id: 'ai.conversations.rename'
+              }),
               icon: /*#__PURE__*/React.createElement(EditOutlined, null),
               onClick: function onClick(_ref) {
                 var domEvent = _ref.domEvent;
@@ -75,7 +88,9 @@ export var ConversationsMenu = function ConversationsMenu() {
               }
             }, {
               key: 'top',
-              label: '置顶',
+              label: formatMessage({
+                id: 'ai.conversations.pin'
+              }),
               icon: /*#__PURE__*/React.createElement(VerticalAlignTopOutlined, null),
               onClick: function onClick(_ref2) {
                 var domEvent = _ref2.domEvent;
@@ -84,7 +99,9 @@ export var ConversationsMenu = function ConversationsMenu() {
               }
             }, {
               key: 'delete',
-              label: '删除',
+              label: formatMessage({
+                id: 'ai.conversations.delete'
+              }),
               icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
               onClick: function onClick(_ref3) {
                 var domEvent = _ref3.domEvent;
@@ -118,7 +135,9 @@ export var ConversationsMenu = function ConversationsMenu() {
       return handleSelectSession(key);
     }
   }), /*#__PURE__*/React.createElement(Modal, {
-    title: "\u7F16\u8F91\u5BF9\u8BDD\u540D\u79F0",
+    title: formatMessage({
+      id: 'ai.conversations.edit.title'
+    }),
     open: state.open,
     centered: true,
     maskClosable: false,
@@ -132,6 +151,9 @@ export var ConversationsMenu = function ConversationsMenu() {
       return setState({
         open: false
       });
+    },
+    okButtonProps: {
+      disabled: !state.rename
     }
   }, /*#__PURE__*/React.createElement(Input, {
     showCount: true,

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

@@ -1,7 +1,18 @@
+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 React from 'react';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 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 { Space, Tooltip } from "antd";
+import styles from "./MarkdownCodeBlock.module.less";
+import { useIntl } from 'dumi';
 
 // 定义 props 类型，它将接收 react-markdown 传递的所有属性
 
@@ -9,6 +20,10 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   var inline = _ref.inline,
     className = _ref.className,
     children = _ref.children;
+  var _useCopyToClipboard = useCopyToClipboard(),
+    _useCopyToClipboard2 = _slicedToArray(_useCopyToClipboard, 2),
+    copyState = _useCopyToClipboard2[0],
+    copyToClipboard = _useCopyToClipboard2[1];
   // 1. 处理行内代码：如果是行内代码，不做特殊处理，直接返回一个 <code> 标签
   if (inline || typeof children === 'string' && !children.includes("\n")) {
     return /*#__PURE__*/React.createElement("code", {
@@ -23,8 +38,8 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   // 3. 将 children 转换为字符串，并移除末尾的换行符
   var codeString = String(children).replace(/\n$/, '');
 
-  // 4. 实现核心逻辑：判断是否显示“运行”按钮
-  var showRunButton = codeString.trim().startsWith('import');
+  // 4. 判断是否显示“运行”按钮
+  var showRunButton = /\bimport\b/.test(codeString);
 
   // 5. 定义运行代码的逻辑
   var handleRunCode = function handleRunCode() {
@@ -33,29 +48,37 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   };
 
   // 6. 返回最终的 JSX 结构
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative',
       margin: '1em 0'
     }
-  }, showRunButton && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement(Space, {
+    className: styles.button
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: intl.formatMessage({
+      id: 'ai.markdown.copy'
+    })
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
-    onClick: handleRunCode,
-    style: {
-      position: 'absolute',
-      top: '0.5em',
-      right: '0.5em',
-      zIndex: 1,
-      padding: '5px 10px',
-      border: 'none',
-      borderRadius: '5px',
-      backgroundColor: '#4a4a4a',
-      color: 'white',
-      cursor: 'pointer',
-      fontSize: '0.8em'
+    onClick: function onClick() {
+      return copyToClipboard(codeString);
     },
-    title: "\u8FD0\u884C\u6B64\u4EE3\u7801\u7247\u6BB5"
-  }, "\u8FD0\u884C"), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
+    title: intl.formatMessage({
+      id: 'ai.markdown.copy'
+    })
+  }, copyState.value === codeString ? /*#__PURE__*/React.createElement(CheckOutlined, null) : /*#__PURE__*/React.createElement(CopyOutlined, null))), showRunButton && /*#__PURE__*/React.createElement(Tooltip, {
+    title: intl.formatMessage({
+      id: 'ai.markdown.run'
+    })
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleRunCode,
+    title: intl.formatMessage({
+      id: 'ai.markdown.run'
+    })
+  }, /*#__PURE__*/React.createElement(PlaySquareOutlined, null)))), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
     style: a11yLight,
     language: language,
     PreTag: "div" // 使用 div 作为外层标签，避免 pre 标签的默认样式冲突

package/dist/pages/AIPlayground/components/MarkdownComponent/MarkdownCodeBlock.module.less

@@ -0,0 +1,14 @@
+.button {
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+  z-index: 1;
+  button {
+    background-color: #4a4a4a;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 0.8em;
+  }
+}

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

@@ -20,7 +20,7 @@ export var MarkdownComponent = function MarkdownComponent(_ref) {
           rest = _objectWithoutProperties(props, _excluded);
         return /*#__PURE__*/React.createElement("p", _extends({
           style: {
-            marginBottom: '1em',
+            marginBottom: 'unset',
             lineHeight: '1.6'
           }
         }, rest));