@ant-design/agentic-ui 2.28.6 → 2.28.7-beta.0

package/dist/Bubble/Bubble.js

@@ -50,7 +50,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { memo } from "react";
+import { memo, useMemo } from "react";
 import React from "react";
 import { debugInfo } from "../Utils/debugUtils";
 import { AIBubble } from "./AIBubble";
@@ -104,19 +104,22 @@ import { UserBubble } from "./UserBubble";
  * @returns {React.ReactElement} 渲染的聊天气泡组件
  */ export var Bubble = /*#__PURE__*/ memo(function(props) {
     var originData = props.originData;
-    /** 判断是否有可编辑的字符串内容 */ var hasEditableContent = !!(originData === null || originData === void 0 ? void 0 : originData.originContent) || typeof (originData === null || originData === void 0 ? void 0 : originData.content) === 'string';
-    /** 获取初始内容：优先 originContent，回退到字符串 content */ var initialContent = hasEditableContent ? originData === null || originData === void 0 ? void 0 : originData.content : '';
-    /**
-   * Schema Editor Bridge Hook
-   * @description 开发环境自动启用，生产环境返回原始内容
-   */ var content = useSchemaEditorBridge(props.id, initialContent).content;
+    var isStringContent = typeof (originData === null || originData === void 0 ? void 0 : originData.content) === 'string';
+    /** Schema Editor Bridge - 开发环境自动启用 */ var content = useSchemaEditorBridge(props.id, isStringContent ? originData.content : '').content;
     debugInfo('useSchemaEditorBridge', content);
     /** 根据角色自动选择组件 */ var isUserMessage = props.placement === undefined ? (originData === null || originData === void 0 ? void 0 : originData.role) === 'user' : props.placement === 'right';
+    /** 稳定 originData 引用 */ var memoizedOriginData = useMemo(function() {
+        return originData ? _object_spread({}, originData, isStringContent && {
+            content: content
+        }) : undefined;
+    }, [
+        originData,
+        isStringContent,
+        content
+    ]);
     /** 构建传递给子组件的 props */ var bubbleProps = _object_spread_props(_object_spread({}, props), {
         placement: props.placement || (isUserMessage ? 'right' : 'left'),
-        originData: originData ? _object_spread({}, originData, hasEditableContent && {
-            content: content
-        }) : undefined
+        originData: memoizedOriginData
     });
     debugInfo('bubbleProps', {
         isUserMessage: isUserMessage,

package/dist/Bubble/schema-editor/SchemaEditorBridgeManager.d.ts

@@ -1,4 +1,4 @@
-import type { SchemaValue } from '@schema-editor/host-sdk/core';
+import type { SchemaValue } from '@schema-element-editor/host-sdk/core';
 /**
  * Bubble 处理器接口
  * @description 每个 Bubble 组件注册时提供的处理器
@@ -42,8 +42,8 @@ export declare class SchemaEditorBridgeManager {
     private static instance;
     /** Bubble 处理器注册表：id -> handler */
     private registry;
-    /** Bridge 清理函数 */
-    private cleanup;
+    /** Bridge 实例 */
+    private bridge;
     /** 是否启用 */
     private enabled;
     /** 预览 Root */

package/dist/Bubble/schema-editor/SchemaEditorBridgeManager.js

@@ -30,7 +30,7 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-import { createSchemaEditorBridge } from "@schema-editor/host-sdk/core";
+import { createSchemaElementEditorBridge } from "@schema-element-editor/host-sdk/core";
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { MarkdownEditor } from "../../MarkdownEditor";
@@ -64,7 +64,7 @@ import { MarkdownEditor } from "../../MarkdownEditor";
     function SchemaEditorBridgeManager() {
         _class_call_check(this, SchemaEditorBridgeManager);
         /** Bubble 处理器注册表：id -> handler */ _define_property(this, "registry", new Map());
-        /** Bridge 清理函数 */ _define_property(this, "cleanup", null);
+        /** Bridge 实例 */ _define_property(this, "bridge", null);
         /** 是否启用 */ _define_property(this, "enabled", false);
         /** 预览 Root */ _define_property(this, "previewRoot", null);
         /** 当前正在编辑的 Bubble id */ _define_property(this, "currentEditingId", null);
@@ -140,8 +140,8 @@ import { MarkdownEditor } from "../../MarkdownEditor";
    * 启动 Bridge（幂等，已启动时直接返回）
    */ function startBridge() {
                 var _this = this;
-                if (this.cleanup) return;
-                this.cleanup = createSchemaEditorBridge({
+                if (this.bridge) return;
+                this.bridge = createSchemaElementEditorBridge({
                     getSchema: function(params) {
                         var handler = _this.registry.get(params);
                         if (!handler) {
@@ -184,9 +184,9 @@ import { MarkdownEditor } from "../../MarkdownEditor";
             value: /**
    * 停止 Bridge
    */ function stopBridge() {
-                if (this.cleanup) {
-                    this.cleanup();
-                    this.cleanup = null;
+                if (this.bridge) {
+                    this.bridge.cleanup();
+                    this.bridge = null;
                 }
             }
         },

package/dist/Hooks/useLanguage.d.ts

@@ -378,6 +378,10 @@ export declare function useLanguage(): {
         'common.configFile': string;
         'upload.notConfigured': string;
         'upload.failed': string;
+        'browser.noResults': string;
+        'browser.totalResults': string;
+        'browser.searching': string;
+        'layout.header.title': string;
     };
     setLanguage: ((language: "zh-CN" | "en-US") => void) | undefined;
     toggleLanguage: () => void;

package/dist/I18n/locales.d.ts

@@ -342,6 +342,10 @@ export declare const cnLabels: {
     'common.configFile': string;
     'upload.notConfigured': string;
     'upload.failed': string;
+    'browser.noResults': string;
+    'browser.totalResults': string;
+    'browser.searching': string;
+    'layout.header.title': string;
 };
 /**
  * 英文标签映射对象

package/dist/I18n/locales.js

@@ -362,7 +362,11 @@
     'common.configFile': '配置文件',
     // Upload related
     'upload.notConfigured': '图片上传功能未配置',
-    'upload.failed': '图片上传失败'
+    'upload.failed': '图片上传失败',
+    'browser.noResults': '暂无结果',
+    'browser.totalResults': '共${count}个结果',
+    'browser.searching': '搜索中',
+    'layout.header.title': 'AI 助手'
 };
 /**
  * 英文标签映射对象
@@ -726,5 +730,9 @@
     'common.configFile': 'Configuration file',
     // Upload related
     'upload.notConfigured': 'Image upload function not configured',
-    'upload.failed': 'Image upload failed'
+    'upload.failed': 'Image upload failed',
+    'browser.noResults': 'No results found',
+    'browser.totalResults': 'Total ${count} results',
+    'browser.searching': 'Searching...',
+    'layout.header.title': 'AI Assistant'
 };

package/dist/Workspace/Browser/index.d.ts

@@ -1,31 +1,58 @@
-import { type FC } from 'react';
-import { MarkdownEditorProps } from '../../MarkdownEditor';
-/**
- * BrowserList 组件输入数据
- */
-export interface BrowserItemInput {
-    /** 浏览器标题 */
-    title?: string;
-    /** 内容（Markdown 格式） */
-    content: string;
-    /** Markdown 编辑器配置 */
-    markdownEditorProps?: Partial<MarkdownEditorProps>;
+import React from 'react';
+export type BrowserItem = {
+    id: string;
+    title: string;
+    site: string;
+    url: string;
+    icon?: string;
+    description?: string;
+};
+export type BrowserSuggestion = {
+    id: string;
+    label: string;
+    count: number;
+};
+export declare const RESULT_COUNT_TAG_STYLE: React.CSSProperties;
+export declare const SUGGESTION_ITEM_STYLE: React.CSSProperties;
+export interface BrowserItemProps {
+    item: BrowserItem;
+    itemStyle?: React.CSSProperties;
+    className?: string;
 }
-/**
- * BrowserList 组件
- *
- * 在工作空间中显示浏览器内容，支持 Markdown 渲染
- *
- * @example
- * ```tsx
- * <BrowserList
- *   data={{
- *     title: "网页内容",
- *     content: "# 标题\n内容"
- *   }}
- * />
- * ```
- */
-export declare const BrowserList: FC<{
-    data: BrowserItemInput;
-}>;
+export declare const BrowserItemComponent: React.FC<BrowserItemProps>;
+export interface BrowserHeaderProps {
+    activeLabel: string;
+    onBack?: () => void;
+}
+export declare const BrowserHeader: React.FC<BrowserHeaderProps>;
+export interface BrowserListProps {
+    items: BrowserItem[];
+    activeLabel: string;
+    onBack?: () => void;
+    customHeader?: React.ReactNode;
+    showHeader?: boolean;
+    countFormatter?: (count: number) => string;
+    emptyText?: string;
+    loading?: boolean;
+    loadingText?: string;
+}
+export declare const BrowserList: React.FC<BrowserListProps>;
+export type BrowserProps = {
+    /**
+     * 搜索建议列表
+     */
+    suggestions: BrowserSuggestion[];
+    /**
+     * 根据选中的搜索建议请求对应的结果列表
+     */
+    request: (suggestion: BrowserSuggestion) => {
+        items: BrowserItem[];
+        loading?: boolean;
+    };
+    suggestionIcon?: React.ReactNode;
+    countFormatter?: (count: number) => string;
+    emptyText?: string;
+    loadingText?: string;
+};
+declare const Browser: React.FC<BrowserProps>;
+export default Browser;

package/dist/Workspace/Browser/index.js

@@ -1,3 +1,11 @@
+function _array_like_to_array(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 _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    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 _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -50,61 +85,249 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { ConfigProvider } from "antd";
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { ArrowLeft, Search } from "@sofa-design/icons";
+import { Avatar, Button, ConfigProvider, Empty, Image, List, Spin, Tag, Tooltip } from "antd";
 import classNames from "classnames";
-import React, { useContext } from "react";
-import { MarkdownEditor } from "../../MarkdownEditor";
+import React, { useContext, useMemo, useState } from "react";
+import { I18nContext, compileTemplate } from "../../I18n";
 import { useBrowserStyle } from "./style";
-var EDITOR_FULL_WIDTH_STYLE = {
-    width: '100%'
-};
-var EDITOR_NO_PADDING_STYLE = {
-    padding: 0
+export var RESULT_COUNT_TAG_STYLE = {
+    height: 20,
+    background: 'var(--color-gray-control-fill-active)',
+    borderRadius: 200,
+    display: 'flex',
+    alignItems: 'center',
+    font: 'var(--font-text-number-xs)',
+    color: 'var(--color-gray-text-secondary)'
 };
-var isTestEnvironment = function() {
-    return process.env.NODE_ENV === 'test';
+export var SUGGESTION_ITEM_STYLE = {
+    padding: 4,
+    margin: 4,
+    cursor: 'pointer'
 };
-var getDefaultEditorProps = function() {
-    return _object_spread({
-        readonly: true,
-        toc: false,
-        style: EDITOR_FULL_WIDTH_STYLE,
-        contentStyle: EDITOR_NO_PADDING_STYLE
-    }, isTestEnvironment() ? {
-        typewriter: false
-    } : {});
-};
-var mergeEditorProps = function(customProps) {
-    return _object_spread({}, getDefaultEditorProps(), customProps);
+var renderSiteAvatar = function(site, icon) {
+    if (icon) {
+        return /*#__PURE__*/ React.createElement(Image, {
+            src: icon,
+            width: 20,
+            height: 20,
+            preview: false,
+            style: {
+                borderRadius: 4
+            },
+            alt: site
+        });
+    }
+    var letter = (site[0] || 'W').toUpperCase();
+    return /*#__PURE__*/ React.createElement(Avatar, {
+        size: 20
+    }, letter);
 };
-/**
- * BrowserList 组件
- *
- * 在工作空间中显示浏览器内容，支持 Markdown 渲染
- *
- * @example
- * ```tsx
- * <BrowserList
- *   data={{
- *     title: "网页内容",
- *     content: "# 标题\n内容"
- *   }}
- * />
- * ```
- */ export var BrowserList = function(param) {
-    var data = param.data;
+var useBrowserContext = function() {
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
-    var prefixCls = getPrefixCls('workspace-browser');
+    var prefixCls = getPrefixCls('browser');
     var _useBrowserStyle = useBrowserStyle(prefixCls), wrapSSR = _useBrowserStyle.wrapSSR, hashId = _useBrowserStyle.hashId;
-    var editorProps = mergeEditorProps(data.markdownEditorProps);
+    return {
+        prefixCls: prefixCls,
+        wrapSSR: wrapSSR,
+        hashId: hashId
+    };
+};
+export var BrowserItemComponent = function(param) {
+    var item = param.item, _param_itemStyle = param.itemStyle, itemStyle = _param_itemStyle === void 0 ? SUGGESTION_ITEM_STYLE : _param_itemStyle, className = param.className;
+    var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
+    var handleSiteClick = function() {
+        window.open(item.url);
+    };
+    return wrapSSR(/*#__PURE__*/ React.createElement(List.Item, {
+        className: className,
+        style: itemStyle
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            width: '100%'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-result-item-title-wrapper"), hashId)
+    }, /*#__PURE__*/ React.createElement(Tooltip, {
+        title: item.title,
+        mouseEnterDelay: 0.5
+    }, /*#__PURE__*/ React.createElement("a", {
+        href: item.url,
+        target: "_blank",
+        rel: "noreferrer",
+        style: {
+            color: 'inherit'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-result-item-title"), hashId)
+    }, item.title)))), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-result-item-site"), hashId),
+        onClick: handleSiteClick
+    }, renderSiteAvatar(item.site, item.icon), /*#__PURE__*/ React.createElement(Tooltip, {
+        title: item.site,
+        mouseEnterDelay: 1
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-result-item-site-text"), hashId)
+    }, item.site))))));
+};
+export var BrowserHeader = function(param) {
+    var activeLabel = param.activeLabel, onBack = param.onBack;
+    var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-header-left"), hashId)
+    }, onBack && /*#__PURE__*/ React.createElement(Button, {
+        type: "text",
+        icon: /*#__PURE__*/ React.createElement(ArrowLeft, {
+            style: {
+                color: 'var(--color-gray-text-quaternary)'
+            }
+        }),
+        onClick: onBack
+    }), /*#__PURE__*/ React.createElement(Tooltip, {
+        title: activeLabel,
+        mouseEnterDelay: 0.5
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-header-title"), hashId)
+    }, activeLabel))));
+};
+export var BrowserList = function(param) {
+    var items = param.items, activeLabel = param.activeLabel, onBack = param.onBack, customHeader = param.customHeader, _param_showHeader = param.showHeader, showHeader = _param_showHeader === void 0 ? true : _param_showHeader, countFormatter = param.countFormatter, emptyText = param.emptyText, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, loadingText = param.loadingText;
+    var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
+    var locale = useContext(I18nContext).locale;
+    var safeItems = Array.isArray(items) ? items : [];
+    var mergedEmptyText = emptyText || locale['browser.noResults'] || 'No results found';
+    var mergedLoadingText = loadingText || locale['browser.searching'] || 'Searching...';
+    var totalResultsTemplate = locale['browser.totalResults'] || 'Total ${count} results';
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: classNames(prefixCls, hashId),
         "data-testid": "browser-list"
-    }, data.title && /*#__PURE__*/ React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("header", {
+        className: classNames("".concat(prefixCls, "-header-wrapper"), hashId),
+        style: {
+            borderBottom: showHeader ? '1px solid rgba(20, 22, 28, 0.1)' : 'none'
+        }
+    }, showHeader && (customHeader || /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-header"), hashId)
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames("".concat(prefixCls, "-title"), hashId)
-    }, data.title)), /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({}, editorProps), {
-        initValue: data.content
-    }))));
+    }, /*#__PURE__*/ React.createElement(BrowserHeader, {
+        activeLabel: activeLabel,
+        onBack: onBack || function() {}
+    }), /*#__PURE__*/ React.createElement(Tag, {
+        style: RESULT_COUNT_TAG_STYLE
+    }, typeof countFormatter === 'function' ? countFormatter(safeItems.length) : compileTemplate(totalResultsTemplate, {
+        count: String(safeItems.length)
+    }))))), /*#__PURE__*/ React.createElement(List, {
+        dataSource: safeItems,
+        split: false,
+        loading: false,
+        locale: {
+            emptyText: loading && safeItems.length === 0 ? /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    padding: '48px 0',
+                    textAlign: 'center'
+                }
+            }, /*#__PURE__*/ React.createElement(Spin, null), /*#__PURE__*/ React.createElement("div", {
+                style: {
+                    marginTop: 8
+                }
+            }, mergedLoadingText)) : /*#__PURE__*/ React.createElement(Empty, {
+                description: mergedEmptyText
+            })
+        },
+        renderItem: function(item) {
+            return /*#__PURE__*/ React.createElement(BrowserItemComponent, {
+                key: item.id,
+                item: item,
+                className: classNames("".concat(prefixCls, "-result-item"), hashId),
+                itemStyle: SUGGESTION_ITEM_STYLE
+            });
+        },
+        footer: null
+    })));
+};
+var Browser = function(param) {
+    var suggestions = param.suggestions, request = param.request, suggestionIcon = param.suggestionIcon, countFormatter = param.countFormatter, emptyText = param.emptyText, loadingText = param.loadingText;
+    var _useState = _sliced_to_array(useState('suggestions'), 2), currentView = _useState[0], setCurrentView = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), activeSuggestion = _useState1[0], setActiveSuggestion = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(''), 2), activeLabel = _useState2[0], setActiveLabel = _useState2[1];
+    var locale = useContext(I18nContext).locale;
+    var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
+    var _useMemo = useMemo(function() {
+        if (!activeSuggestion) {
+            return {
+                items: [],
+                loading: false
+            };
+        }
+        var result = request(activeSuggestion);
+        return {
+            items: result.items || [],
+            loading: result.loading || false
+        };
+    }, [
+        activeSuggestion,
+        request
+    ]), results = _useMemo.items, loading = _useMemo.loading;
+    var handleExecuteSearch = function(suggestion) {
+        setActiveSuggestion(suggestion);
+        setActiveLabel(suggestion.label);
+        setCurrentView('results');
+    };
+    var totalResultsTemplate = locale['browser.totalResults'] || 'Total ${count} results';
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", null, currentView === 'suggestions' && /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(List, {
+        dataSource: suggestions,
+        split: false,
+        renderItem: function(item) {
+            return /*#__PURE__*/ React.createElement(List.Item, {
+                style: SUGGESTION_ITEM_STYLE,
+                onClick: function() {
+                    return handleExecuteSearch(item);
+                },
+                className: classNames("".concat(prefixCls, "-suggestion"), hashId),
+                actions: [
+                    /*#__PURE__*/ React.createElement("div", {
+                        key: "count",
+                        style: {
+                            marginInlineStart: '-8px'
+                        }
+                    }, /*#__PURE__*/ React.createElement(Tag, {
+                        style: _object_spread_props(_object_spread({}, RESULT_COUNT_TAG_STYLE), {
+                            marginRight: '-8px'
+                        })
+                    }, typeof countFormatter === 'function' ? countFormatter(item.count) : compileTemplate(totalResultsTemplate, {
+                        count: String(item.count)
+                    })))
+                ]
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(prefixCls, "-suggestion-content"), hashId)
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(prefixCls, "-suggestion-icon"), hashId)
+            }, suggestionIcon || /*#__PURE__*/ React.createElement(Search, null)), /*#__PURE__*/ React.createElement(Tooltip, {
+                title: item.label,
+                mouseEnterDelay: 0.5
+            }, /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(prefixCls, "-suggestion-text"), hashId)
+            }, item.label))));
+        }
+    })), currentView === 'results' && /*#__PURE__*/ React.createElement(BrowserList, {
+        items: results,
+        activeLabel: activeLabel,
+        onBack: function() {
+            return setCurrentView('suggestions');
+        },
+        countFormatter: countFormatter,
+        emptyText: emptyText,
+        loading: loading,
+        loadingText: loadingText
+    })));
 };
+export default Browser;

package/dist/Workspace/Browser/style.js

@@ -50,10 +50,127 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import { Keyframes } from "@ant-design/cssinjs";
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
-var genStyle = function() {
-    return {
-    };
+var fadeInUp = new Keyframes('fadeInUp', {
+    from: {
+        opacity: 0,
+        transform: 'translateY(8px)'
+    },
+    to: {
+        opacity: 1,
+        transform: 'translateY(0)'
+    }
+});
+var genStyle = function(token) {
+    var componentCls = token.componentCls;
+    var _obj, _obj1, _obj2;
+    return _define_property({}, componentCls, {
+        '&-suggestion': (_obj1 = {
+            '&:hover': {
+                borderRadius: 'var(--radius-control-base)',
+                background: 'var(--color-gray-control-fill-hover)'
+            }
+        }, _define_property(_obj1, "".concat(componentCls, "-suggestion-content"), (_obj = {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '4px',
+            width: '100%',
+            overflow: 'hidden'
+        }, _define_property(_obj, "".concat(componentCls, "-suggestion-icon"), {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '24px',
+            height: '24px',
+            padding: 'var(--padding-1x)',
+            borderRadius: '200px',
+            border: '1px solid var(--color-gray-border-dark)',
+            color: 'var(--color-gray-text-secondary)'
+        }), _define_property(_obj, "".concat(componentCls, "-suggestion-text"), {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            font: 'var(--font-text-body-sm)',
+            letterSpacing: 'var(--letter-spacing-body-sm, normal)',
+            color: 'var(--color-gray-text-secondary)'
+        }), _obj)), _define_property(_obj1, '.ant-tag', {
+            marginInlineEnd: '0'
+        }), _obj1),
+        '&-header': _define_property({
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            height: '48px',
+            width: 'calc(100% - 20px)',
+            padding: '4px',
+            margin: '4px',
+            '.ant-tag': {
+                marginInlineEnd: '0'
+            }
+        }, "".concat(componentCls, "-header-left"), _define_property({
+            display: 'flex',
+            alignItems: 'center',
+            gap: '4px',
+            overflow: 'hidden',
+            flex: 1,
+            minWidth: 0
+        }, "".concat(componentCls, "-header-title"), {
+            flex: 1,
+            minWidth: 0,
+            marginRight: '4px',
+            fontWeight: 500,
+            fontSize: '14px',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            color: 'var(--color-gray-text-default)'
+        })),
+        '&-header-wrapper': {
+            marginLeft: '-16px',
+            marginRight: '-16px'
+        },
+        '&-result-item': (_obj2 = {
+            width: '100%',
+            overflow: 'hidden',
+            padding: '4px',
+            animationName: fadeInUp,
+            animationDuration: '0.3s',
+            animationTimingFunction: 'ease-out',
+            animationFillMode: 'both',
+            '&:hover': {
+                borderRadius: '12px',
+                background: 'var(--color-gray-control-fill-hover)'
+            }
+        }, _define_property(_obj2, "".concat(componentCls, "-result-item-title"), {
+            fontSize: '12px',
+            color: 'var(--color-gray-text-default)',
+            display: 'block',
+            maxWidth: '100%',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }), _define_property(_obj2, "".concat(componentCls, "-result-item-title-wrapper"), {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            fontSize: '14px',
+            color: 'var(--color-gray-text-default)'
+        }), _define_property(_obj2, "".concat(componentCls, "-result-item-site-text"), {
+            font: 'var(--font-text-paragraph-sm)',
+            letterSpacing: 'var(--letter-spacing-paragraph-sm, normal)',
+            color: 'var(--color-gray-text-light)'
+        }), _define_property(_obj2, "".concat(componentCls, "-result-item-site"), {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '4px',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            fontSize: '12px',
+            cursor: 'pointer'
+        }), _obj2)
+    });
 };
 export function useBrowserStyle(prefixCls) {
     return useEditorStyleRegister('WorkspaceBrowser', function(token) {

package/dist/Workspace/index.js

@@ -78,7 +78,7 @@ import { ConfigProvider, Segmented } from "antd";
 import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { I18nContext } from "../I18n";
-import { BrowserList } from "./Browser";
+import Browser from "./Browser";
 import { File } from "./File";
 import { RealtimeFollowList } from "./RealtimeFollow";
 import { useWorkspaceStyle } from "./style";
@@ -135,11 +135,12 @@ var RealtimeComponent = function(param) {
         data: data
     }) : null;
 };
-var BrowserComponent = function(param) {
-    var data = param.data;
-    return data ? /*#__PURE__*/ React.createElement(BrowserList, {
-        data: data
-    }) : null;
+// Updated BrowserComponent to support both new and old API (for backward compatibility if needed, though strictly we should move to new)
+// For now, if data is present (old API), use BrowserList directly (assuming data matches old structure, but BrowserList now expects specific props too)
+// Actually, BrowserList props also changed. So we should just use Browser (default export) which handles suggestions/results.
+// The new BrowserProps interface has suggestions/getItemsById.
+var BrowserComponent = function(props) {
+    return /*#__PURE__*/ React.createElement(Browser, props);
 };
 var TaskComponent = function(param) {
     var data = param.data, onItemClick = param.onItemClick;

package/dist/Workspace/types.d.ts

@@ -1,8 +1,9 @@
 import React, { type ReactNode } from 'react';
 import type { MarkdownEditorProps } from '../MarkdownEditor';
-import type { BrowserItemInput } from './Browser';
+import type { BrowserProps as InternalBrowserProps } from './Browser';
 import type { RealtimeFollowData } from './RealtimeFollow';
 import type { TaskItem, TaskItemInput } from './Task';
+export type { BrowserItem, BrowserSuggestion } from './Browser';
 export interface TabConfiguration {
     key?: string;
     icon?: ReactNode;
@@ -34,8 +35,7 @@ export interface BaseChildProps {
 export interface RealtimeProps extends BaseChildProps {
     data?: RealtimeFollowData;
 }
-export interface BrowserProps extends BaseChildProps {
-    data?: BrowserItemInput;
+export interface BrowserProps extends BaseChildProps, InternalBrowserProps {
 }
 export interface TaskProps extends BaseChildProps {
     data?: TaskItemInput;

package/dist/Workspace/types.js

@@ -45,6 +45,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import React from "react";
+// ... (rest of the file content unchanged)
 // 文件类型分类
 export var FileCategory = /*#__PURE__*/ function(FileCategory) {
     FileCategory["Text"] = "text";

package/dist/index.d.ts

@@ -87,8 +87,7 @@ export * from './MarkdownInputField/AttachmentButton/AttachmentFileList/Attachme
 export * from './MarkdownInputField/AttachmentButton/AttachmentFileList';
 export * from './MarkdownInputField/AttachmentButton/utils';
 /**
- * Schema Editor Chrome 插件底层 SDK
+ * Schema Element Editor Chrome 插件底层 SDK
  * @description 原始 SDK 导出，一般用户无需直接使用
- * 推荐通过 Bubble 组件的 schemaEditorConfig 属性集成
  */
-export * from '@schema-editor/host-sdk';
+export * from '@schema-element-editor/host-sdk';

package/dist/index.js

@@ -103,7 +103,6 @@ export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList/Attachme
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList";
 export * from "./MarkdownInputField/AttachmentButton/utils";
 /**
- * Schema Editor Chrome 插件底层 SDK
+ * Schema Element Editor Chrome 插件底层 SDK
  * @description 原始 SDK 导出，一般用户无需直接使用
- * 推荐通过 Bubble 组件的 schemaEditorConfig 属性集成
- */ export * from "@schema-editor/host-sdk";
+ */ export * from "@schema-element-editor/host-sdk";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.28.6",
+  "version": "2.28.7-beta.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -53,7 +53,7 @@
     "@better-scroll/scroll-bar": "^2.5.1",
     "@galacean/effects": "^2.6.5",
     "@juggle/resize-observer": "^3.4.0",
-    "@schema-editor/host-sdk": "^1.2.0",
+    "@schema-element-editor/host-sdk": "^2.0.0",
     "@sofa-design/icons": "^1.6.1",
     "ace-builds": "^1.43.4",
     "ajv": "^8.17.1",