@antv/dumi-theme-antv 0.8.0-beta.1 → 0.8.0-beta.3

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

@@ -207,7 +207,7 @@ export var createPureNewSession = function createPureNewSession(title) {
 export var createNewSession = function createNewSession(config) {
   // todo  埋点
   // 1. 创建一个新的会话
-  createPureNewSession();
+  createPureNewSession(config.promptText);
 
   // 2. 创建临时消息并存入 store
   AIChatStore.tempMessage = {
@@ -216,9 +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
   };
   if (config.jump) {
-    history.push("/zh/ai-playground/2");
+    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,

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

@@ -12,6 +12,7 @@ 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 传递的所有属性
 
@@ -47,6 +48,7 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   };
 
   // 6. 返回最终的 JSX 结构
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative',
@@ -55,19 +57,27 @@ export var MarkdownCodeBlock = function MarkdownCodeBlock(_ref) {
   }, /*#__PURE__*/React.createElement(Space, {
     className: styles.button
   }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u590D\u5236"
+    title: intl.formatMessage({
+      id: 'ai.markdown.copy'
+    })
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: function onClick() {
       return copyToClipboard(codeString);
     },
-    title: "\u590D\u5236"
+    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: "\u8FD0\u884C\u6B64\u4EE3\u7801\u7247\u6BB5"
+    title: intl.formatMessage({
+      id: 'ai.markdown.run'
+    })
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: handleRunCode,
-    title: "\u8FD0\u884C\u6B64\u4EE3\u7801\u7247\u6BB5"
+    title: intl.formatMessage({
+      id: 'ai.markdown.run'
+    })
   }, /*#__PURE__*/React.createElement(PlaySquareOutlined, null)))), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
     style: a11yLight,
     language: language,

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

@@ -11,7 +11,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { CheckOutlined, CopyOutlined, DislikeOutlined, LikeOutlined, PlusSquareOutlined, SyncOutlined } from '@ant-design/icons';
 import { Bubble } from '@ant-design/x';
 import { Button, Flex, Space, Tooltip } from 'antd';
-import { history, useSiteData } from 'dumi';
+import { history, useSiteData, useIntl } from 'dumi';
 import { findLast } from 'lodash-es';
 import React, { useEffect, useState } from 'react';
 import { useCopyToClipboard } from 'react-use';
@@ -53,6 +53,8 @@ function MsgBox(props) {
     title = props.title;
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var _useState = useState(!themeConfig.isAntVSite ? themeConfig.title : undefined),
     _useState2 = _slicedToArray(_useState, 2),
     lib = _useState2[0],
@@ -78,6 +80,10 @@ function MsgBox(props) {
   var latestUserMessage = findLast((_derivedSnap$activeSe = derivedSnap.activeSession) === null || _derivedSnap$activeSe === void 0 ? void 0 : _derivedSnap$activeSe.messages, function (msg) {
     return msg.role === 'user';
   });
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fileSummary = _useState10[0],
+    setFileSummary = _useState10[1];
   var streamingText = useStreamingText({
     url: 'https://webgw-pre.alipay.com/visqaservice/external/chat',
     method: 'POST',
@@ -133,7 +139,9 @@ function MsgBox(props) {
       (_derivedState$activeS2 = derivedState.activeSession) === null || _derivedState$activeS2 === void 0 || (_derivedState$activeS2 = _derivedState$activeS2.messages) === null || _derivedState$activeS2 === void 0 || _derivedState$activeS2.push({
         id: crypto.randomUUID(),
         role: 'assistant',
-        content: "\u62B1\u6B49\uFF0C\u6211\u6CA1\u80FD\u6210\u529F\u5904\u7406\u60A8\u7684\u8BF7\u6C42\uFF0C\u8BF7\u7A0D\u540E\u518D\u6B21\u63D0\u95EE",
+        content: formatMessage({
+          id: 'ai.msgbox.error.response'
+        }),
         createdAt: Date.now()
         // mode,
         // lib,
@@ -153,6 +161,7 @@ function MsgBox(props) {
       role: 'user',
       content: promptText,
       createdAt: Date.now(),
+      context: fileSummary,
       lib: lib
     });
     // **关键：开启 trigger，开始请求**
@@ -183,7 +192,7 @@ function MsgBox(props) {
       setIsStreaming(false);
     }
   }, [snap.activeSessionId]);
-  var showMessages = [].concat(_toConsumableArray(messages), _toConsumableArray((_derivedSnap$activeSe3 = derivedSnap.activeSession) === null || _derivedSnap$activeSe3 === void 0 ? void 0 : _derivedSnap$activeSe3.messages));
+  var showMessages = [].concat(_toConsumableArray(messages), _toConsumableArray(((_derivedSnap$activeSe3 = derivedSnap.activeSession) === null || _derivedSnap$activeSe3 === void 0 ? void 0 : _derivedSnap$activeSe3.messages) || []));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex, {
     gap: "middle",
     vertical: true,
@@ -198,21 +207,27 @@ function MsgBox(props) {
       footer: msg.role === 'assistant' && index > 0 ? /*#__PURE__*/React.createElement(Space, {
         size: "small"
       }, /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u70B9\u8D5E"
+        title: formatMessage({
+          id: 'ai.msgbox.like'
+        })
       }, /*#__PURE__*/React.createElement(Button, {
         color: "default",
         variant: "text",
         size: "small",
         icon: /*#__PURE__*/React.createElement(LikeOutlined, null)
       })), /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u70B9\u8E29"
+        title: formatMessage({
+          id: 'ai.msgbox.dislike'
+        })
       }, /*#__PURE__*/React.createElement(Button, {
         color: "default",
         variant: "text",
         size: "small",
         icon: /*#__PURE__*/React.createElement(DislikeOutlined, null)
       })), index === showMessages.length - 1 && /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u518D\u6765\u4E00\u6B21"
+        title: formatMessage({
+          id: 'ai.msgbox.retry'
+        })
       }, /*#__PURE__*/React.createElement(Button, {
         onClick: function onClick() {
           derivedState.activeSession.messages.pop();
@@ -223,7 +238,9 @@ function MsgBox(props) {
         size: "small",
         icon: /*#__PURE__*/React.createElement(SyncOutlined, null)
       })), /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u590D\u5236"
+        title: formatMessage({
+          id: 'ai.msgbox.copy'
+        })
       }, /*#__PURE__*/React.createElement(Button, {
         color: "default",
         variant: "text",
@@ -247,7 +264,9 @@ function MsgBox(props) {
       return history.push('/');
     },
     className: styles.newButton
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(PlusSquareOutlined, null), "\u5F00\u59CB\u65B0\u5BF9\u8BDD"))), /*#__PURE__*/React.createElement(PromptTextarea, {
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(PlusSquareOutlined, null), formatMessage({
+    id: 'ai.msgbox.start.new.chat'
+  })))), /*#__PURE__*/React.createElement(PromptTextarea, {
     size: "compact",
     mode: "implement",
     value: promptText,
@@ -263,7 +282,8 @@ function MsgBox(props) {
     },
     onConfirm: handleSubmit,
     lib: lib,
-    onLibChange: setLib
+    onLibChange: setLib,
+    onDataSummaryChange: setFileSummary
   })));
 }
 export default MsgBox;

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

@@ -1,13 +1,10 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import styles from "./index.module.less";
 import { ConversationsMenu } from "../ConversationsMenu";
 import { AIChatStore } from "../../../../model/AIChat";
-import { useSnapshot } from "valtio";
-import classnames from "classnames";
+import { useSnapshot } from 'valtio';
+import classnames from 'classnames';
+import SplitPane from 'react-split-pane';
 function SessionLayout(props) {
   var children = props.children;
   var snap = useSnapshot(AIChatStore);
@@ -16,10 +13,21 @@ function SessionLayout(props) {
   }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.container
-  }, /*#__PURE__*/React.createElement(ConversationsMenu, null), /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.msgBox, _defineProperty(_defineProperty({}, styles.msgBoxHalf, snap.codeBlock), styles.msgBoxFull, !snap.codeBlock))
-  }, children[0]), snap.codeBlock && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ConversationsMenu, null),
+  // @ts-ignore
+  snap.codeBlock ? /*#__PURE__*/React.createElement(SplitPane, {
+    split: "vertical",
+    defaultSize: "50vw",
+    primary: "second",
+    style: {
+      position: "unset"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.msgBox)
+  }, children[0]), /*#__PURE__*/React.createElement("div", {
     className: styles.taskBox
-  }, children[1]));
+  }, children[1])) : /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.msgBox, styles.msgBoxFull)
+  }, children[0]));
 }
 export { SessionLayout };

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

@@ -14,6 +14,7 @@
 }
 
 .msgBox {
+  height: 100%;
   padding: 16px;
   min-width: 400px;
   justify-content: space-between;
@@ -28,6 +29,7 @@
 }
 
 .taskBox {
+  height: calc(100% - 32px);
   margin: 16px;
   flex-grow: 1;
   background: #ffffff;