@vectorx/agent-simulator 0.1.0

package/lib/webview-ui/components/ThinkingBlock.js

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThinkingBlock = void 0;
+const antd_1 = require("antd");
+const antd_style_1 = require("antd-style");
+const react_1 = __importStar(require("react"));
+const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
+    thinkingContainer: css `
+		border: 1px solid ${token.colorBorder};
+		border-radius: 8px;
+		overflow: hidden;
+		background: ${token.colorBgElevated};
+		margin-bottom: 12px;
+		width: 100%;
+	`,
+    transparentCollapse: css `
+		background: transparent;
+		border: none;
+	`,
+    labelContainer: css `
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		font-size: 13px;
+		font-weight: 500;
+		color: ${token.colorTextSecondary};
+	`,
+    contentContainer: css `
+		font-size: 12px;
+		line-height: 1.6;
+		color: ${token.colorTextSecondary};
+	`,
+}));
+const ThinkingBlock = ({ message }) => {
+    const { styles } = useStyles();
+    const [elapsedTime, setElapsedTime] = (0, react_1.useState)(0);
+    const intervalRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (message.isThinking && message.timestamp) {
+            const startTime = message.timestamp;
+            intervalRef.current = setInterval(() => {
+                const seconds = (Date.now() - startTime) / 1000;
+                setElapsedTime(seconds);
+            }, 50);
+        }
+        else {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+            }
+        }
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+            }
+        };
+    }, [message.isThinking, message.timestamp]);
+    const timeText = message.isThinking
+        ? `思考中... (用时 ${elapsedTime.toFixed(2)} 秒)`
+        : `已完成思考 (总用时 ${elapsedTime.toFixed(2)} 秒)`;
+    const collapseItems = [
+        {
+            key: "1",
+            label: (react_1.default.createElement("div", { className: styles.labelContainer },
+                react_1.default.createElement("span", null, message.isThinking ? "🤔" : "✅"),
+                timeText)),
+            children: react_1.default.createElement("div", { className: styles.contentContainer }, message.reasoningContent || "..."),
+        },
+    ];
+    return (react_1.default.createElement("div", { className: styles.thinkingContainer },
+        react_1.default.createElement(antd_1.Collapse, { items: collapseItems, size: "small", defaultActiveKey: ["1"], ghost: true, expandIconPosition: "end", className: styles.transparentCollapse })));
+};
+exports.ThinkingBlock = ThinkingBlock;

package/lib/webview-ui/components/ToolUseBlock.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolUseBlock = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("react");
+const _1 = require(".");
+const ToolUseBlock = ({ tool_name, tool_args, result, isResponse }) => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const headerText = isResponse ? `工具调用结果: ${tool_name}` : `工具调用: ${tool_name}`;
+    const content = isResponse ? result : tool_args;
+    return (react_1.default.createElement("div", { className: "tool-use-block" },
+        react_1.default.createElement(_1.ToolUseBlockHeader, { toolName: headerText, isExpanded: isExpanded, onToggleExpand: () => setIsExpanded(!isExpanded) }),
+        isExpanded && (react_1.default.createElement("div", { className: "tool-use-body" },
+            react_1.default.createElement("pre", null,
+                react_1.default.createElement("code", null, JSON.stringify(content, null, 2)))))));
+};
+exports.ToolUseBlock = ToolUseBlock;

package/lib/webview-ui/components/ToolUseBlockHeader.js

@@ -0,0 +1,48 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolUseBlockHeader = void 0;
+const icons_1 = require("@ant-design/icons");
+const antd_style_1 = require("antd-style");
+const react_1 = __importDefault(require("react"));
+const useStyles = (0, antd_style_1.createStyles)(({ token, css }) => ({
+    header: css `
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    user-select: none;
+    color: ${token.colorTextSecondary};
+    font-weight: 500;
+    font-size: 13px;
+    padding: 4px 8px;
+    border-radius: 4px;
+    &:hover {
+      background: ${token.colorBgLayout};
+    }
+  `,
+    icon: css `
+    margin-right: 6px;
+  `,
+}));
+const ToolUseBlockHeader = (_a) => {
+    var { toolName, isExpanded, onToggleExpand, icon, className } = _a, props = __rest(_a, ["toolName", "isExpanded", "onToggleExpand", "icon", "className"]);
+    const { styles, cx } = useStyles();
+    return (react_1.default.createElement("div", Object.assign({ className: cx(styles.header, className), onClick: onToggleExpand }, props),
+        isExpanded ? react_1.default.createElement(icons_1.CaretDownOutlined, { className: styles.icon }) : react_1.default.createElement(icons_1.CaretRightOutlined, { className: styles.icon }),
+        icon && react_1.default.createElement("span", { className: styles.icon }, icon),
+        toolName));
+};
+exports.ToolUseBlockHeader = ToolUseBlockHeader;

package/lib/webview-ui/components/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ThinkingBlock"), exports);
+__exportStar(require("./KnowledgeBaseSearchBlock"), exports);
+__exportStar(require("./ToolUseBlock"), exports);
+__exportStar(require("./MarkdownRenderer"), exports);
+__exportStar(require("./MessageRenderer"), exports);
+__exportStar(require("./ToolUseBlockHeader"), exports);
+__exportStar(require("./KnowledgeBaseSearchResult"), exports);

package/lib/webview-ui/constants.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOG_PANEL_HEIGHT = exports.AGENT_PLACEHOLDER = exports.MOCK_QUESTIONS = exports.MOCK_SUGGESTIONS = void 0;
+exports.MOCK_SUGGESTIONS = [
+    { label: "写一篇关于AI的文章", value: "report" },
+    { label: "画一幅画", value: "draw" },
+    {
+        label: "检查一些知识",
+        value: "knowledge",
+        icon: "OpenAIFilled",
+        children: [
+            { label: "关于React", value: "react" },
+            { label: "关于Ant Design", value: "antd" },
+        ],
+    },
+];
+exports.MOCK_QUESTIONS = [
+    "帮我写一篇关于AI的文章, 20字",
+    "帮我写一篇关于AI的文章",
+    "帮我写一篇关于广州的旅游攻略",
+    "帮我写一篇购物笔记",
+];
+exports.AGENT_PLACEHOLDER = "Generating content, please wait...";
+exports.LOG_PANEL_HEIGHT = 480;

package/lib/webview-ui/contexts/ThemeContext.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeHook = exports.ThemeProvider = void 0;
+const react_1 = __importStar(require("react"));
+const ThemeContext = (0, react_1.createContext)(undefined);
+const ThemeProvider = ({ children, isDark }) => {
+    return react_1.default.createElement(ThemeContext.Provider, { value: { isDark } }, children);
+};
+exports.ThemeProvider = ThemeProvider;
+const useThemeHook = () => {
+    const context = (0, react_1.useContext)(ThemeContext);
+    if (context === undefined) {
+        throw new Error("useTheme must be used within a ThemeProvider");
+    }
+    return context;
+};
+exports.useThemeHook = useThemeHook;

package/lib/webview-ui/hooks/useAgentStatus.js

@@ -0,0 +1,96 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAgentStatus = void 0;
+const react_1 = require("react");
+const agent_service_1 = require("../services/agent-service");
+const useAgentStatus = (pollInterval = 5000) => {
+    const [agentSimulatorInfo, setAgentSimulatorInfo] = (0, react_1.useState)();
+    const [debugStatus, setDebugStatus] = (0, react_1.useState)("connecting");
+    const [isConnecting, setIsConnecting] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const pollTimerRef = (0, react_1.useRef)(null);
+    const timeoutRef = (0, react_1.useRef)(null);
+    const fetchAgentInfo = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const info = yield agent_service_1.apiService.getAgentInfo();
+            setAgentSimulatorInfo(info);
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "获取 Agent 信息失败");
+        }
+    }), []);
+    const fetchAgentStatus = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const data = yield agent_service_1.apiService.getAgentStatus();
+            setDebugStatus(data.status === "normal" ? "normal" : "error");
+            setIsConnecting(false);
+            setError(null);
+        }
+        catch (err) {
+            setDebugStatus("error");
+            setIsConnecting(false);
+            setError(err instanceof Error ? err.message : "检查 Agent 状态失败");
+        }
+    }), []);
+    const startTimeout = (0, react_1.useCallback)(() => {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+            setDebugStatus("timeout");
+            setIsConnecting(false);
+        }, 10000);
+    }, []);
+    const clearTimeoutRef = (0, react_1.useCallback)(() => {
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+    }, []);
+    const startPolling = (0, react_1.useCallback)(() => {
+        if (pollTimerRef.current)
+            clearInterval(pollTimerRef.current);
+        pollTimerRef.current = setInterval(fetchAgentStatus, pollInterval);
+    }, [fetchAgentStatus, pollInterval]);
+    const stopPolling = (0, react_1.useCallback)(() => {
+        if (pollTimerRef.current)
+            clearInterval(pollTimerRef.current);
+        pollTimerRef.current = null;
+    }, []);
+    const retryConnection = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        setIsConnecting(true);
+        setDebugStatus("connecting");
+        setError(null);
+        startTimeout();
+        yield Promise.all([fetchAgentInfo(), fetchAgentStatus()]);
+        clearTimeoutRef();
+    }), [fetchAgentInfo, fetchAgentStatus, startTimeout, clearTimeoutRef]);
+    (0, react_1.useEffect)(() => {
+        setIsConnecting(true);
+        setDebugStatus("connecting");
+        setError(null);
+        startTimeout();
+        Promise.all([fetchAgentInfo(), fetchAgentStatus()]).then(clearTimeoutRef);
+        startPolling();
+        return () => {
+            stopPolling();
+            clearTimeoutRef();
+        };
+    }, [fetchAgentInfo, fetchAgentStatus, startPolling, stopPolling, startTimeout, clearTimeoutRef]);
+    return {
+        agentSimulatorInfo,
+        debugStatus,
+        isConnecting,
+        error,
+        retryConnection,
+    };
+};
+exports.useAgentStatus = useAgentStatus;

package/lib/webview-ui/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = void 0;
+const react_1 = __importDefault(require("react"));
+const client_1 = __importDefault(require("react-dom/client"));
+const App_1 = __importDefault(require("./App"));
+require("./styles.css");
+const rootElement = document.getElementById("root");
+if (!rootElement)
+    throw new Error("Root element not found");
+client_1.default.createRoot(rootElement).render(react_1.default.createElement(react_1.default.StrictMode, null,
+    react_1.default.createElement(App_1.default, null)));
+var App_2 = require("./App");
+Object.defineProperty(exports, "App", { enumerable: true, get: function () { return __importDefault(App_2).default; } });

package/lib/webview-ui/services/agent-service.js

@@ -0,0 +1,33 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.apiService = void 0;
+class ApiService {
+    getAgentInfo() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield fetch(`/agentInfo/get`);
+            if (!response.ok) {
+                throw new Error(`获取 Agent 信息失败: ${response.status}`);
+            }
+            return response.json();
+        });
+    }
+    getAgentStatus() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield fetch(`/agentInfo/status`);
+            if (!response.ok) {
+                throw new Error(`获取 Agent 状态失败: ${response.status}`);
+            }
+            return response.json();
+        });
+    }
+}
+exports.apiService = new ApiService();

package/lib/webview-ui/services/logger-service.js

@@ -0,0 +1,51 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoggerService = exports.LogType = void 0;
+var LogType;
+(function (LogType) {
+    LogType["ACCESS"] = "ACCESS";
+    LogType["USERCODE"] = "USERCODE";
+})(LogType || (exports.LogType = LogType = {}));
+class LoggerService {
+    constructor(options) {
+        this.baseUrl = options.baseUrl;
+    }
+    getLogs(type) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const url = `${this.baseUrl}/@logs?type=${type}`;
+                const response = yield fetch(url);
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const data = yield response.json();
+                return data;
+            }
+            catch (error) {
+                console.error("Failed to fetch logs:", error);
+                return {
+                    success: false,
+                    data: [],
+                    error: error.message,
+                };
+            }
+        });
+    }
+    formatLogEntry(entry) {
+        const timestamp = new Date(entry["@timestamp"]).toLocaleString();
+        const level = entry.level.toUpperCase();
+        const message = entry.message;
+        const eventId = entry.eventId ? `[${entry.eventId}]` : "";
+        return `[${timestamp}] ${level} ${eventId} ${message}`;
+    }
+}
+exports.LoggerService = LoggerService;

package/lib/webview-ui/styles/copilot.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCopilotStyle = void 0;
+const antd_style_1 = require("antd-style");
+exports.useCopilotStyle = (0, antd_style_1.createStyles)(({ token, css }) => {
+    return {
+        copilotChat: css `
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      background: ${token.colorBgContainer};
+      color: ${token.colorText};
+    `,
+        headerTitle: css `
+      font-weight: 600;
+      font-size: 15px;
+    `,
+        headerButton: css `
+      font-size: 18px;
+    `,
+        conversations: css `
+      width: 300px;
+      .ant-conversations-list {
+        padding-inline-start: 0;
+      }
+    `,
+        chatList: css `
+      overflow: auto;
+      padding-block: 16px;
+      flex: 1;
+    `,
+        chatWelcome: css `
+      margin-inline: 16px;
+      padding: 12px 16px;
+      border-radius: 12px;
+      margin-bottom: 16px;
+    `,
+        loadingMessage: css `
+      background-image: linear-gradient(90deg, #ff6b23 0%, #af3cb8 31%, #53b6ff 89%);
+      background-size: 100% 2px;
+      background-repeat: no-repeat;
+      background-position: bottom;
+    `,
+        chatSend: css `
+      padding: 12px;
+    `,
+        sendAction: css `
+      display: flex;
+      align-items: center;
+      margin-bottom: 12px;
+      gap: 8px;
+    `,
+        speechButton: css `
+      font-size: 18px;
+      color: ${token.colorText} !important;
+    `,
+        markdownContent: css `
+      .markdown-content {
+        will-change: contents;
+        contain: content;
+
+        /* 优化代码块样式 */
+        pre {
+          background: ${token.colorBgTextHover};
+          padding: 12px;
+          border-radius: 6px;
+          margin: 8px 0;
+        }
+
+        /* 优化列表样式 */
+        ul, ol {
+          padding-left: 20px;
+          margin: 8px 0;
+        }
+
+        /* 优化引用样式 */
+        blockquote {
+          border-left: 4px solid ${token.colorPrimary};
+          margin: 8px 0;
+          padding: 4px 12px;
+          background: ${token.colorBgTextHover};
+        }
+
+        /* 优化链接样式 */
+        a {
+          color: ${token.colorPrimary};
+          text-decoration: none;
+
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+
+        /* 优化标题样式 */
+        h1, h2, h3, h4, h5, h6 {
+          margin: 16px 0 8px;
+          font-weight: 600;
+        }
+
+        /* 优化表格样式 */
+        table {
+          border-collapse: collapse;
+          width: 100%;
+          margin: 8px 0;
+
+          th, td {
+            border: 1px solid ${token.colorBorder};
+            padding: 8px;
+          }
+
+          th {
+            background: ${token.colorBgTextHover};
+          }
+        }
+      }
+    `,
+    };
+});

package/lib/webview-ui/styles/workarea.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWorkareaStyle = void 0;
+const antd_style_1 = require("antd-style");
+exports.useWorkareaStyle = (0, antd_style_1.createStyles)(({ token, css }) => {
+    return {
+        copilotWrapper: css `
+      max-width: 800px;
+      min-width: 300px;
+      width: 100%;
+      height: 100vh;
+      display: flex;
+      margin: 0 auto;
+    `,
+        workarea: css `
+      flex: 1;
+      background: ${token.colorBgLayout};
+      display: flex;
+      flex-direction: column;
+    `,
+        workareaHeader: css `
+      box-sizing: border-box;
+      height: 52px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 48px 0 28px;
+      border-bottom: 1px solid ${token.colorBorder};
+    `,
+        headerTitle: css `
+      font-weight: 600;
+      font-size: 15px;
+      color: ${token.colorText};
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    `,
+        headerButton: css `
+      background-image: linear-gradient(78deg, #8054f2 7%, #3895da 95%);
+      border-radius: 12px;
+      height: 24px;
+      width: 93px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: ${token.colorBgContainer};
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 600;
+      transition: all 0.3s;
+      &:hover {
+        opacity: 0.8;
+      }
+    `,
+        workareaBody: css `
+      flex: 1;
+      padding: 16px;
+      background: ${token.colorBgContainer};
+      border-radius: 16px;
+      min-height: 0;
+    `,
+        bodyContent: css `
+      overflow: auto;
+      height: 100%;
+      padding-right: 10px;
+    `,
+        bodyText: css `
+      color: ${token.colorText};
+      padding: 8px;
+    `,
+    };
+});

package/lib/webview-ui/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/webview-ui/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });