@antv/dumi-theme-antv 0.8.0-beta.13 → 0.8.0-beta.15

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

@@ -9,7 +9,7 @@ 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 { Spin } from 'antd';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Card } from "./Card";
 import styles from "./index.module.less";
 import { ReloadOutlined } from "@ant-design/icons";
@@ -27,54 +27,60 @@ export var RecommendCase = function RecommendCase(props) {
     setLoading = _useState2[1];
   var _useSiteData = useSiteData(),
     themeConfig = _useSiteData.themeConfig;
-  var _useState3 = useState(RecommendJson),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     list = _useState4[0],
     setList = _useState4[1];
   var _useLibrary = useLibrary(),
     _useLibrary$data = _useLibrary.data,
     library = _useLibrary$data === void 0 ? [] : _useLibrary$data;
-  var fetchList = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _themeConfig$ai, data, url;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.prev = 0;
-          setLoading(true);
-          data = [];
-          url = themeConfig.isAntVSite ? "".concat(getBaseSiteDataUrl(), "/").concat(sample(library).toLowerCase(), "/recommend.json") : (themeConfig === null || themeConfig === void 0 || (_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.recommend) || "".concat(getBaseSiteDataUrl(), "/").concat(themeConfig.title, "/recommend.json");
-          if (!url) {
-            _context.next = 10;
+  var fetchList = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _themeConfig$ai, data, url;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            data = [];
+            url = themeConfig.isAntVSite && library.length ? "".concat(getBaseSiteDataUrl(), "/").concat(sample(library).toLowerCase(), "/recommend.json") : (themeConfig === null || themeConfig === void 0 || (_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.recommend) || "".concat(getBaseSiteDataUrl(), "/").concat(themeConfig.title, "/recommend.json");
+            if (!url) {
+              _context.next = 10;
+              break;
+            }
+            _context.next = 7;
+            return fetch(url).then(function (res) {
+              return res.json();
+            });
+          case 7:
+            data = _context.sent;
+            _context.next = 11;
             break;
-          }
-          _context.next = 7;
-          return fetch(url).then(function (res) {
-            return res.json();
-          });
-        case 7:
-          data = _context.sent;
-          _context.next = 11;
-          break;
-        case 10:
-          data = RecommendJson;
-        case 11:
-          setList(sampleSize(data, 4));
-          _context.next = 17;
-          break;
-        case 14:
-          _context.prev = 14;
-          _context.t0 = _context["catch"](0);
-          console.log(_context.t0);
-        case 17:
-          _context.prev = 17;
-          setLoading(false);
-          return _context.finish(17);
-        case 20:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[0, 14, 17, 20]]);
-  })), [list]);
+          case 10:
+            data = RecommendJson;
+          case 11:
+            setList(sampleSize(data, 4));
+            _context.next = 18;
+            break;
+          case 14:
+            _context.prev = 14;
+            _context.t0 = _context["catch"](0);
+            setList(RecommendJson);
+            console.log(_context.t0);
+          case 18:
+            _context.prev = 18;
+            setLoading(false);
+            return _context.finish(18);
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 14, 18, 21]]);
+    }));
+    return function fetchList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     fetchList();
   }, []);

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

@@ -45,7 +45,8 @@ export function HomeDialog(props) {
         mode: snap.mode,
         jump: true,
         context: fileSummary,
-        lang: locale.id
+        lang: locale.id,
+        entry_point: 'home'
       });
     },
     style: props.promptTextareaStyle,

package/dist/locales/en.json

@@ -207,6 +207,7 @@
   "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.msgbox.continue.from.here": "Continue from here",
   "ai.recommend.title": "Featured Cases",
   "ai.recommend.refresh": "Refresh",
   "ai.recommend.card.caseName": "Case Name",
@@ -229,12 +230,16 @@
   "ai.conversations.pin": "Pin",
   "ai.conversations.delete": "Delete",
   "ai.conversations.edit.title": "Edit Conversation Name",
+  "ai.conversations.ok": "OK",
+  "ai.conversations.cancel": "Cancel",
+  "ai.msgbox.delete": "Delete",
+  "ai.msgbox.auto.fix": "Auto Fix",
+  "ai.msgbox.auto.fix.prompt": "This code encountered a problem during execution. Here is the exact error message it threw.",
   "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.user.history": "History",
   "header.user.logout": "Logout",
   "header.user.deleteAccount": "Delete Account",

package/dist/locales/zh.json

@@ -222,18 +222,23 @@
   "ai.toolbar.clear.conversation": "清空对话",
   "ai.conversations.expand": "展开",
   "ai.conversations.collapse": "收起",
+  "ai.msgbox.continue.from.here": "从这里继续",
   "ai.conversations.new": "开始新对话",
   "ai.conversations.history": "历史对话",
   "ai.conversations.rename": "重命名",
   "ai.conversations.pin": "置顶",
   "ai.conversations.delete": "删除",
   "ai.conversations.edit.title": "编辑对话名称",
+  "ai.conversations.ok": "确定",
+  "ai.conversations.cancel": "取消",
+  "ai.msgbox.delete": "删除",
+  "ai.msgbox.auto.fix": "自动修复",
+  "ai.msgbox.auto.fix.prompt": "这个代码在执行时遇到了问题。下面是它抛出的确切错误信息。",
   "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.user.history": "历史会话",
   "header.user.logout": "退出登录",
   "header.user.deleteAccount": "注销账号",

package/dist/model/AIChat.js

@@ -15,6 +15,7 @@ import FingerprintJS from '@fingerprintjs/fingerprintjs';
 import { history } from "dumi";
 import { message } from "antd";
 import { AIMode } from "../components/AI/constant";
+import { trackEvent } from "../utils/analytics";
 
 // --- 配置 ---
 // 定义需要持久化的 state key
@@ -30,7 +31,8 @@ var initialState = {
   tempMessage: null,
   codeBlock: null,
   lib: null,
-  mode: AIMode.implement
+  mode: AIMode.implement,
+  errorMsg: null
 };
 
 // --- valtio Store 创建 ---
@@ -205,9 +207,11 @@ subscribeKey(AIChatStore, 'activeSessionId', function () {
 });
 export var createPureNewSession = function createPureNewSession(title) {
   var newConversationName = 'New Conversation';
-  if (AIChatStore.sessions.some(function (s) {
+  var existNewSession = AIChatStore.sessions.find(function (s) {
     return s.title === newConversationName && s.messages.length === 0;
-  })) {
+  });
+  if (existNewSession) {
+    AIChatStore.activeSessionId = existNewSession.id;
     return;
   }
   var newSessionId = crypto.randomUUID();
@@ -220,7 +224,6 @@ export var createPureNewSession = function createPureNewSession(title) {
   AIChatStore.activeSessionId = newSessionId;
 };
 export var createNewSession = function createNewSession(config) {
-  // todo  埋点
   // 1. 创建一个新的会话
   createPureNewSession(config.promptText);
 
@@ -238,6 +241,16 @@ export var createNewSession = function createNewSession(config) {
     var _config$lang;
     history.push("/".concat((_config$lang = config.lang) !== null && _config$lang !== void 0 ? _config$lang : 'zh', "/ai-playground"));
   }
+  // 埋点
+  if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object') {
+    trackEvent('start_ai_chat', {
+      entry_point: config.entry_point,
+      mode: AIChatStore.mode,
+      lib: AIChatStore.lib,
+      page_title: document.title,
+      location: location.href
+    });
+  }
 };
 
 /**
@@ -287,4 +300,14 @@ export var clearAllChatData = /*#__PURE__*/function () {
   return function clearAllChatData() {
     return _ref2.apply(this, arguments);
   };
-}();
+}();
+export function deleteMessage(msgId) {
+  derivedState.activeSession.messages = derivedState.activeSession.messages.filter(function (m) {
+    return m.id !== msgId;
+  });
+}
+export function branchMessage(index) {
+  var messages = derivedState.activeSession.messages.slice(0, index + 1);
+  createPureNewSession(messages[0].content);
+  AIChatStore.sessions[0].messages = messages;
+}

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

@@ -156,7 +156,13 @@ export var ConversationsMenu = function ConversationsMenu() {
     },
     okButtonProps: {
       disabled: !state.rename
-    }
+    },
+    okText: formatMessage({
+      id: 'ai.conversations.ok'
+    }),
+    cancelText: formatMessage({
+      id: 'ai.conversations.cancel'
+    })
   }, /*#__PURE__*/React.createElement(Input, {
     showCount: true,
     maxLength: 100,

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

@@ -1,10 +1,11 @@
+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 _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 { CheckOutlined, CopyOutlined, PlusSquareOutlined, SyncOutlined } from '@ant-design/icons';
+import { BranchesOutlined, CheckOutlined, CopyOutlined, DeleteOutlined, PlusSquareOutlined, SyncOutlined, ToolOutlined } from '@ant-design/icons';
 import { Bubble } from '@ant-design/x';
 import { Button, Flex, Space, Tooltip } from 'antd';
 import { useChat } from '@ai-sdk/react';
@@ -15,13 +16,14 @@ 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, clearEmptySession, createPureNewSession, derivedState } from "../../../../model/AIChat";
+import { AIChatStore, branchMessage, clearEmptySession, createPureNewSession, deleteMessage, derivedState } from "../../../../model/AIChat";
 import { getCodeFromMarkdown, isPreviewable } from "../../../../utils/code";
 import { MarkdownComponent } from "../MarkdownComponent";
 import styles from "./index.module.less";
 import { useAutoScroll } from "./useAutoScroll";
 import { getBaseURL } from "../../../../utils/env";
 import { AIMode } from "../../../../components/AI/constant";
+import { trackEvent } from "../../../../utils/analytics";
 var avatar = {
   icon: /*#__PURE__*/React.createElement("img", {
     draggable: false,
@@ -188,9 +190,9 @@ function MsgBox(props) {
       text: promptText
     }, {
       body: {
-        context: fileSummary,
-        lib: snap.lib,
-        mode: snap.mode
+        // context: fileSummary,
+        // lib: snap.lib,
+        // mode: snap.mode,
       }
     });
     setPromptText('');
@@ -203,6 +205,16 @@ function MsgBox(props) {
       lib: snap.lib
     });
     chatScrollIntoView();
+    // 埋点
+    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object') {
+      trackEvent('start_ai_chat', {
+        entry_point: simple ? 'Drawer' : 'MsgBox',
+        mode: AIChatStore.mode,
+        lib: AIChatStore.lib,
+        page_title: document.title,
+        location: location.href
+      });
+    }
   };
 
   // 同步 Valtio store -> useChat state
@@ -254,12 +266,36 @@ function MsgBox(props) {
   useEffect(function () {
     chatScrollIntoView();
     stop();
+    AIChatStore.errorMsg = null;
   }, [snap.activeSessionId]);
 
   // 将 messages 数组作为依赖项。当它变化时，Hook 会运行。
   var _useAutoScroll = useAutoScroll(messages),
     containerRef = _useAutoScroll.containerRef,
     anchorRef = _useAutoScroll.anchorRef;
+  var autofix = function autofix() {
+    var _derivedState$activeS6;
+    var autoFixPromptText = "".concat(formatMessage({
+      id: 'ai.msgbox.auto.fix.prompt'
+    }), ": [").concat(snap.errorMsg, "]");
+    sendMessage({
+      text: autoFixPromptText
+    }, {
+      body: {
+        antvContext: snap.codeBlock
+      }
+    });
+    AIChatStore.errorMsg = null;
+    (_derivedState$activeS6 = derivedState.activeSession) === null || _derivedState$activeS6 === void 0 || (_derivedState$activeS6 = _derivedState$activeS6.messages) === null || _derivedState$activeS6 === void 0 || _derivedState$activeS6.push({
+      id: crypto.randomUUID(),
+      role: 'user',
+      content: autoFixPromptText,
+      createdAt: Date.now(),
+      context: snap.codeBlock,
+      lib: snap.lib
+    });
+    chatScrollIntoView();
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Flex, {
     gap: "middle",
     vertical: true,
@@ -274,9 +310,9 @@ function MsgBox(props) {
         showRunButton: !props.simple
       }),
       avatar: msg.role === 'assistant' ? avatar : null,
-      footer: msg.role === 'assistant' && index > 0 && index === messages.length - 1 && status === 'ready' ? /*#__PURE__*/React.createElement(Space, {
+      footer: status === 'ready' && /*#__PURE__*/React.createElement(Space, {
         size: "small"
-      }, /*#__PURE__*/React.createElement(Tooltip, {
+      }, msg.role === 'assistant' && index === messages.length - 1 && /*#__PURE__*/React.createElement(Tooltip, {
         title: formatMessage({
           id: 'ai.msgbox.retry'
         })
@@ -301,7 +337,31 @@ function MsgBox(props) {
           return copyToClipboard(textContent);
         },
         icon: copyState.value === textContent ? /*#__PURE__*/React.createElement(CheckOutlined, null) : /*#__PURE__*/React.createElement(CopyOutlined, null)
-      }))) : null,
+      })), /*#__PURE__*/React.createElement(Tooltip, {
+        title: formatMessage({
+          id: 'ai.msgbox.continue.from.here'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        color: "default",
+        variant: "text",
+        size: "small",
+        onClick: function onClick() {
+          return branchMessage(index);
+        },
+        icon: /*#__PURE__*/React.createElement(BranchesOutlined, null)
+      })), msg.role === 'assistant' && /*#__PURE__*/React.createElement(Tooltip, {
+        title: formatMessage({
+          id: 'ai.msgbox.delete'
+        })
+      }, /*#__PURE__*/React.createElement(Button, {
+        color: "default",
+        variant: "text",
+        size: "small",
+        onClick: function onClick() {
+          return deleteMessage(msg.id);
+        },
+        icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+      }))),
       placement: msg.role === 'user' ? 'end' : 'start'
     });
   }), (status === 'streaming' || status === 'submitted') && ((_messages = messages[messages.length - 1]) === null || _messages === void 0 ? void 0 : _messages.role) === 'user' && /*#__PURE__*/React.createElement(Bubble, {
@@ -321,7 +381,14 @@ function MsgBox(props) {
     className: styles.newButton
   }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(PlusSquareOutlined, null), formatMessage({
     id: 'ai.msgbox.start.new.chat'
-  }))))), /*#__PURE__*/React.createElement(PromptTextarea, {
+  }))), snap.errorMsg && status === 'ready' && /*#__PURE__*/React.createElement(Button, {
+    onClick: autofix,
+    color: "danger",
+    variant: "filled",
+    icon: /*#__PURE__*/React.createElement(ToolOutlined, null)
+  }, formatMessage({
+    id: 'ai.msgbox.auto.fix'
+  })))), /*#__PURE__*/React.createElement(PromptTextarea, {
     size: "compact",
     value: promptText,
     onChange: setPromptText,

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

@@ -38,7 +38,8 @@ function SessionLayout(props) {
     primary: "second",
     style: {
       position: 'unset'
-    }
+    },
+    minSize: 100
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(styles.msgBox)
   }, children[0]), /*#__PURE__*/React.createElement("div", {

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

@@ -2,8 +2,9 @@
   display: flex;
   gap: 12px;
   background: #f6f7fb;
-  height: calc(100vh - 64px);
   padding: 0;
+  flex-grow: 1;
+  overflow-y: auto;
 }
 
 .msgBox, .taskBox{

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

@@ -1,3 +1,7 @@
+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); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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; }
@@ -75,25 +79,99 @@ export function generateDependencies(codeString) {
   }
   return dependencies;
 }
+
+/**
+ * 基于代码内容，启发式地判断其最合适的文件扩展名。
+ * @param {string} code - 要分析的前端代码字符串。
+ * @returns {'tsx' | 'jsx' | 'ts' | 'js'} - 推断出的文件扩展名（不含点）。
+ */
+export function getLanguageExtension(code) {
+  // --- 特征检测函数 ---
+
+  /**
+   * 检查代码是否包含 JSX 语法。
+   * 这是一个启发式检查，它查找类似HTML标签的模式。
+   * - 匹配 <div...>, <MyComponent...>, </tag>, <Component/>, <>
+   */
+  var containsJsx = function containsJsx(text) {
+    // 1. 查找开/闭标签 <...> 或自闭合标签 <.../>
+    // 2. 忽略可能误判的比较操作，如 `i < j`
+    // 这个正则查找一个'<'符号，后面不能是'!' (注释)或'=' (小于等于)，
+    // 并且后面跟着一个合法的标签名（字母开头）或闭合标签'/'。
+    // 这比简单的 /<...>/ 更可靠。
+    var jsxRegex = /<(?![\s!=])([a-zA-Z][a-zA-Z0-9-]*|\/|)/;
+    return jsxRegex.test(text);
+  };
+
+  /**
+   * 检查代码是否包含 TypeScript 语法。
+   * 这是一个启发式检查，查找TS独有的关键字和语法模式。
+   */
+  var containsTypeScript = function containsTypeScript(text) {
+    // 检查点 1: 类型/接口定义（非常明确的信号）
+    // 匹配 `type MyType = ...` 或 `interface MyInterface { ... }`
+    var typeDefinitionRegex = /\b(interface|type)\s+[A-Z][a-zA-Z0-9]*\b/;
+    if (typeDefinitionRegex.test(text)) {
+      return true;
+    }
+
+    // 检查点 2: 变量或参数的类型注解（强信号）
+    // 匹配 `: string`, `: number`, `: MyType` 等
+    // 这个正则查找一个冒号，后面跟着一个类型（通常大写字母开头或ts内置类型）
+    var typeAnnotationRegex = /:\s*([A-Z][a-zA-Z0-9<>.]*|string|number|boolean|any\[?\]?)/;
+    if (typeAnnotationRegex.test(text)) {
+      return true;
+    }
+
+    // 检查点 3: 其他TS关键字
+    // 匹配 `as someType`, `implements`, `private`, `public`, `protected` 等
+    var tsKeywordsRegex = /\b(as|implements|private|public|protected|readonly)\s+[a-zA-Z]/;
+    if (tsKeywordsRegex.test(text)) {
+      return true;
+    }
+    return false;
+  };
+
+  // --- 决策逻辑 ---
+
+  if (containsJsx(code)) {
+    if (containsTypeScript(code)) {
+      return 'tsx';
+    }
+    return 'jsx';
+  } else {
+    if (containsTypeScript(code)) {
+      return 'ts';
+    }
+    return 'js';
+  }
+}
 export function wrap2VisionSnap() {
   var codeBlock = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var ext = getLanguageExtension(codeBlock);
+  var mainFile = "/src/index.".concat(ext);
+  var appFile = "/src/App.".concat(ext);
   var dependencies = generateDependencies(codeBlock);
   var rootElementType = dependencies['@antv/f2'] ? 'canvas' : 'div';
+  var dependenciesJSON = {
+    "name": "AntV-adapted-project",
+    "version": "1.0.0",
+    "main": mainFile,
+    "dependencies": dependencies
+  };
   return {
-    modules: {
+    modules: _defineProperty(_defineProperty({
       '/package.json': {
         fpath: '/package.json',
-        code: "{\n  \"name\": \"AntV-adapted-project\",\n  \"version\": \"1.0.0\",\n  \"main\": \"/src/index.jsx\",\n  \"dependencies\": ".concat(JSON.stringify(dependencies, null, 2), "\n}")
-      },
-      '/src/index.jsx': {
-        fpath: '/src/index.jsx',
-        code: "\n// --- Adapter Script ---\n\n// 1. \u627E\u5230\u7F16\u8F91\u5668\u73AF\u5883\u63D0\u4F9B\u7684\u6839\u8282\u70B9 #root\nconst rootElement = document.getElementById('root');\n\nif (rootElement) {\n  // 2. \u5728 #root \u5185\u90E8\u521B\u5EFA\u4E00\u4E2A ".concat(rootElementType, "\n  const containerElement = document.createElement('").concat(rootElementType, "');\n\n  // 3. \u5C06\u8FD9\u4E2A div \u7684 id \u8BBE\u7F6E\u4E3A 'container'\uFF0C\u4EE5\u6EE1\u8DB3\u7528\u6237\u4EE3\u7801\u7684\u9700\u6C42\n  containerElement.id = 'container';\n\n  // 4. \u5C06\u5B83\u6DFB\u52A0\u5230 #root \u4E2D\n  rootElement.appendChild(containerElement);\n\n  // 5. \u73B0\u5728 DOM \u4E2D\u5DF2\u7ECF\u5B58\u5728 #container\uFF0C\u5B89\u5168\u5730\u5BFC\u5165\u5E76\u6267\u884C\u7528\u6237\u7684\u4EE3\u7801\n  import('./App.jsx');\n\n}\n      ")
-      },
-      '/src/App.jsx': {
-        fpath: '/src/App.jsx',
-        code: codeBlock
+        code: JSON.stringify(dependenciesJSON, null, 2)
       }
-    }
+    }, mainFile, {
+      fpath: mainFile,
+      code: "\n// --- Adapter Script ---\n\n// 1. \u627E\u5230\u7F16\u8F91\u5668\u73AF\u5883\u63D0\u4F9B\u7684\u6839\u8282\u70B9 #root\nconst rootElement = document.getElementById('root');\n\nif (rootElement) {\n  // 2. \u5728 #root \u5185\u90E8\u521B\u5EFA\u4E00\u4E2A ".concat(rootElementType, "\n  const containerElement = document.createElement('").concat(rootElementType, "');\n\n  // 3. \u5C06\u8FD9\u4E2A div \u7684 id \u8BBE\u7F6E\u4E3A 'container'\uFF0C\u4EE5\u6EE1\u8DB3\u7528\u6237\u4EE3\u7801\u7684\u9700\u6C42\n  containerElement.id = 'container';\n\n  // 4. \u5C06\u5B83\u6DFB\u52A0\u5230 #root \u4E2D\n  rootElement.appendChild(containerElement);\n\n  // 5. \u73B0\u5728 DOM \u4E2D\u5DF2\u7ECF\u5B58\u5728 #container\uFF0C\u5B89\u5168\u5730\u5BFC\u5165\u5E76\u6267\u884C\u7528\u6237\u7684\u4EE3\u7801\n  import('./App.").concat(ext, "');\n\n}\n      ")
+    }), appFile, {
+      fpath: [appFile],
+      code: codeBlock
+    })
   };
 }
 export function wrap2Sandpack() {

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

@@ -48,7 +48,15 @@ function TaskBox() {
   if (loading) {
     return /*#__PURE__*/React.createElement(Loading, null);
   }
-  if (themeConfig.isAntVSite || ((_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.codeRunner) === "VisionSnap" || !((_themeConfig$ai2 = themeConfig.ai) !== null && _themeConfig$ai2 !== void 0 && _themeConfig$ai2.codeRunner) || snap.lib !== 'F2') {
+  var wrappedVisionSnapCode = wrap2VisionSnap(snap.codeBlock);
+  var handleEsmLoadFailed = function handleEsmLoadFailed(err) {
+    // F2的异常没法修，VisionSnap的异常信息不准确
+    if (!wrappedVisionSnapCode.modules["/package.json"].code.includes("@antv/f2")) {
+      var _err$data;
+      AIChatStore.errorMsg = ((_err$data = err.data) === null || _err$data === void 0 || (_err$data = _err$data.error) === null || _err$data === void 0 || (_err$data = _err$data.split('\n')) === null || _err$data === void 0 ? void 0 : _err$data[1]) || JSON.stringify(err) || err.message;
+    }
+  };
+  if (themeConfig.isAntVSite || ((_themeConfig$ai = themeConfig.ai) === null || _themeConfig$ai === void 0 ? void 0 : _themeConfig$ai.codeRunner) === "VisionSnap" || !((_themeConfig$ai2 = themeConfig.ai) !== null && _themeConfig$ai2 !== void 0 && _themeConfig$ai2.codeRunner) || !wrappedVisionSnapCode.modules["/package.json"].code.includes("@antv/f2")) {
     return /*#__PURE__*/React.createElement(ErrorBoundary, {
       FallbackComponent: ErrorFallback
     }, /*#__PURE__*/React.createElement(sdk.VisionPreview, {
@@ -61,13 +69,14 @@ function TaskBox() {
       displayMode: "code-and-preview",
       initialView: "preview",
       theme: "light",
-      code: wrap2VisionSnap(snap.codeBlock),
+      code: wrappedVisionSnapCode,
       requestProxy: requestProxy,
       isStreaming: false,
       proxyOptions: {
         isWAN: true
       },
-      src: "https://www.weavefox.cn/_visionsnap_render/index.html?version=3.2.15&enableInspector=1"
+      src: "https://www.weavefox.cn/_visionsnap_render/index.html?version=3.2.15&enableInspector=1",
+      onEsmLoadFailed: handleEsmLoadFailed
     }));
   } else {
     return /*#__PURE__*/React.createElement(CodeRunner, {

package/dist/pages/AIPlayground/index.js

@@ -3,7 +3,10 @@ import { SessionLayout } from "./components/SessionLayout";
 import MsgBox from "./components/MsgBox";
 import TaskBox from "./components/TaskBox";
 import Header from "dumi/theme/slots/Header";
+import styles from "./index.module.less";
 function AIPlayground() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(SessionLayout, null, /*#__PURE__*/React.createElement(MsgBox, null), /*#__PURE__*/React.createElement(TaskBox, null)));
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.aiPlayground
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(SessionLayout, null, /*#__PURE__*/React.createElement(MsgBox, null), /*#__PURE__*/React.createElement(TaskBox, null)));
 }
 export default AIPlayground;

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

@@ -0,0 +1,5 @@
+.aiPlayground {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}

package/dist/slots/Header/Search/SearchResult.js

@@ -2,7 +2,7 @@ import { useIntl, useSiteData } from 'dumi';
 import React from 'react';
 import styles from "./SearchResult.module.less";
 import classnames from "classnames";
-import { createNewSession } from "../../../model/AIChat";
+import { AIChatStore, createNewSession } from "../../../model/AIChat";
 import { authStore, showLoginModal } from "../../../model/auth";
 import { useSnapshot } from "valtio";
 var getHighlightInfo = function getHighlightInfo(textSegments) {
@@ -25,12 +25,14 @@ export var SearchResult = function SearchResult(_ref) {
   var intl = useIntl();
   var authSnap = useSnapshot(authStore);
   function pureSearch() {
+    AIChatStore.mode = 'solve';
     createNewSession({
       promptText: keywords,
       mode: 'solve',
       lib: !themeConfig.isAntVSite ? themeConfig.title : undefined,
       jump: true,
-      lang: intl.locale === 'zh' ? 'zh' : 'en'
+      lang: intl.locale === 'zh' ? 'zh' : 'en',
+      entry_point: 'SearchResult'
     });
   }
   return /*#__PURE__*/React.createElement("div", {

package/dist/slots/Header/index.js

@@ -18,7 +18,7 @@ import { Alert, Button, Dropdown, Menu, Modal, Popover } from 'antd';
 import cx from 'classnames';
 import { FormattedMessage, Link, useLocale, useSiteData, useIntl, history } from 'dumi';
 import { get, map, size } from 'lodash-es';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useMedia } from 'react-use';
 import { getPurePathname } from "../../utils/location";
 import { ic, icWithLocale } from "../hooks";
@@ -57,9 +57,6 @@ var HeaderComponent = function HeaderComponent(_ref) {
     showAntVProductsCard = _ref$showAntVProducts === void 0 ? true : _ref$showAntVProducts,
     _ref$showLanguageSwit = _ref.showLanguageSwitcher,
     showLanguageSwitcher = _ref$showLanguageSwit === void 0 ? true : _ref$showLanguageSwit,
-    _ref$showWeavefox = _ref.showWeavefox,
-    showWeavefox = _ref$showWeavefox === void 0 ? {} : _ref$showWeavefox,
-    isInternalUser = _ref.isInternalUser,
     logo = _ref.logo,
     onLanguageChange = _ref.onLanguageChange,
     _ref$showWxQrcode = _ref.showWxQrcode,
@@ -154,8 +151,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
       }),
       link: ''
     }, logo),
-    img = _img$link$logo.img,
-    link = _img$link$logo.link;
+    img = _img$link$logo.img;
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   useEffect(function () {
@@ -190,27 +186,13 @@ var HeaderComponent = function HeaderComponent(_ref) {
   var handleSwitchLanguage = function handleSwitchLanguage() {
     onLanguageChange === null || onLanguageChange === void 0 || onLanguageChange(lang);
   };
-  var weavefox = useMemo(function () {
-    var configKey = isInternalUser ? 'internal' : 'public';
-    var configValue = showWeavefox[configKey];
-    if (!configValue) return /*#__PURE__*/React.createElement(React.Fragment, null);
-    var defaultLink = isInternalUser ? 'https://weavefox.antgroup-inc.cn/agent/@huiyu.zjt/AntV' : 'https://weavefox.alipay.com/agent/@ufox-b8tydq-0758/202505AP7vfl00422922';
-    var href = typeof configValue === 'string' ? configValue : defaultLink;
-    return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("a", {
-      href: href,
-      target: "_blank",
-      rel: "noreferrer"
-    }, /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "header.ai.code"
-    })));
-  }, [isInternalUser, showWeavefox]);
   var menu = /*#__PURE__*/React.createElement("ul", {
     className: cx(styles.menu, _defineProperty(_defineProperty({}, styles.popup, !isWide), styles.popupHidden, !popupMenuVisible))
   }, /** 最左侧的菜单，一般是 教程、API、示例，或者其他自定义，有配置文件中的 `navs` 决定 */
   size(navs) ? /*#__PURE__*/React.createElement(Navs, {
     navs: navs,
     path: pathname
-  }) : null, weavefox, /** 生态产品 */
+  }) : null, /** 生态产品 */
   size(ecosystems) ? /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Dropdown, {
     className: styles.ecoSystems,
     overlay: /*#__PURE__*/React.createElement(Menu, null, map(ecosystems, function (_ref2) {

package/dist/utils/analytics.js

@@ -0,0 +1,16 @@
+/**
+ * 统一的事件跟踪函数
+ * @param {string} eventName - 事件名称，如 'button_click'
+ * @param {object} params - 事件相关的参数
+ */
+export var trackEvent = function trackEvent(eventName) {
+  var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (typeof window === 'undefined') {
+    return false;
+  }
+  if (window.gtag) {
+    window.gtag('event', eventName, params);
+  } else {
+    console.warn('[Analytics] gtag is not available.');
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/dumi-theme-antv",
-  "version": "0.8.0-beta.13",
+  "version": "0.8.0-beta.15",
   "description": "AntV website theme based on dumi2.",
   "keywords": [
     "dumi",