@ant-design/agentic-ui 2.4.0 → 2.5.0

package/dist/Workspace/File/PreviewComponent.js

@@ -20,6 +20,7 @@ import { LoadingOutlined } from "@ant-design/icons";
 import {
   Download as DownloadIcon,
   ArrowLeft as LeftIcon,
+  Locate,
   SquareArrowOutUpRight as ShareIcon
 } from "@sofa-design/icons";
 import {
@@ -108,6 +109,7 @@ var PreviewComponent = ({
   onBack,
   onDownload,
   onShare,
+  onLocate,
   markdownEditorProps,
   headerFileOverride
 }) => {
@@ -138,6 +140,9 @@ var PreviewComponent = ({
       origin: "preview"
     });
   };
+  const handleLocate = () => {
+    onLocate == null ? void 0 : onLocate(file);
+  };
   useEffect(() => {
     if (customContent)
       return;
@@ -525,6 +530,15 @@ var PreviewComponent = ({
         className: classNames(`${prefixCls}-custom-actions`, hashId)
       },
       customActions
+    ), onLocate && file.canLocate === true && /* @__PURE__ */ React.createElement(
+      ActionIconBox,
+      {
+        title: (locale == null ? void 0 : locale["workspace.file.location"]) || "定位",
+        onClick: handleLocate,
+        tooltipProps: { mouseEnterDelay: 0.3 },
+        className: classNames(`${prefixCls}-item-action-btn`, hashId)
+      },
+      /* @__PURE__ */ React.createElement(Locate, null)
     ), onShare && file.canShare === true && /* @__PURE__ */ React.createElement(
       ActionIconBox,
       {

package/dist/Workspace/File/style.js

@@ -22,6 +22,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = (token) => {
   return {
+    // 定位高亮动画关键帧
+    "@keyframes flash-shadow": {
+      "0%, 100%": {
+        boxShadow: "-5.23px -3.23px 12px 0 rgba(229, 255, 115, 40%), 4.23px 5.23px 16px 0 rgba(0, 206, 255, 24.12%)"
+      }
+    },
     // 文件组件样式
     [`${token.componentCls}-container`]: {
       height: "100%",
@@ -109,6 +115,13 @@ var genStyle = (token) => {
       cursor: "pointer",
       transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)",
       boxSizing: "border-box",
+      // 定位高亮动画
+      "&:target": {
+        animationName: "flash-shadow",
+        animationDuration: "3s",
+        animationTimingFunction: "ease-in-out",
+        animationIterationCount: 1
+      },
       "&:last-child": {
         marginBottom: 0
       },

package/dist/Workspace/RealtimeFollow/index.js

@@ -159,7 +159,8 @@ var RealtimeHeader = ({ data, hasBorder, prefixCls, hashId }) => {
           className: classNames(
             `${finalPrefixCls}-header-subtitle`,
             hashId
-          )
+          ),
+          title: headerSubTitle
         },
         headerSubTitle
       )

package/dist/Workspace/RealtimeFollow/style.js

@@ -78,7 +78,10 @@ var genStyle = (token) => {
         [`&-left`]: {
           display: "flex",
           alignItems: "center",
-          gap: "8px"
+          gap: "8px",
+          flex: 1,
+          minWidth: 0,
+          overflow: "hidden"
         },
         [`&-icon`]: {
           display: "flex",
@@ -106,12 +109,15 @@ var genStyle = (token) => {
         [`&-content`]: {
           display: "flex",
           alignItems: "center",
-          gap: "12px"
+          gap: "12px",
+          minWidth: 0
         },
         [`&-title-wrapper`]: {
           display: "flex",
           flexDirection: "column",
-          gap: "-4px"
+          gap: "-4px",
+          flex: 1,
+          minWidth: 0
         },
         [`&-title`]: {
           display: "flex",
@@ -130,8 +136,13 @@ var genStyle = (token) => {
           color: "var(--color-gray-text-secondary)",
           font: "var(--font-text-body-sm)",
           letterSpacing: "var(--letter-spacing-body-sm, normal)",
-          gridColumn: "1 / span 2"
+          gridColumn: "1 / span 2",
           // 下一行并与图标左对齐，横跨两列
+          display: "block",
+          maxWidth: "100%",
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
         },
         [`&-right`]: {
           display: "flex",

package/dist/Workspace/index.d.ts

@@ -7,48 +7,8 @@ declare const TaskComponent: FC<TaskProps>;
 declare const FileComponent: FC<FileProps>;
 declare const CustomComponent: FC<CustomProps>;
 /**
- * Workspace 组件 - 工作空间组件
- *
- * 该组件提供一个多标签页的工作空间界面，支持实时跟随、浏览器、任务、文件等多种功能模块。
- * 每个标签页可以独立配置，支持自定义图标、标题、计数等功能。
- *
- * @component
- * @description 工作空间组件，提供多标签页功能模块管理
- * @param {WorkspaceProps} props - 组件属性
- * @param {string} [props.activeTabKey] - 当前激活的标签页key
- * @param {(key: string) => void} [props.onTabChange] - 标签页切换回调
- * @param {React.CSSProperties} [props.style] - 自定义样式
- * @param {string} [props.className] - 自定义CSS类名
- * @param {string} [props.title] - 工作空间标题
- * @param {() => void} [props.onClose] - 关闭回调
- * @param {boolean} [props.pure] - 纯净模式，关闭阴影和边框
- * @param {React.ReactNode} [props.children] - 子组件，支持Workspace.Realtime、Workspace.Browser等
- *
- * @example
- * ```tsx
- * <Workspace
- *   title="我的工作空间"
- *   activeTabKey="realtime"
- *   onTabChange={(key) => console.log('切换到:', key)}
- *   onClose={() => console.log('关闭工作空间')}
- * >
- *   <Workspace.Realtime data={realtimeData} />
- *   <Workspace.Browser data={browserData} />
- *   <Workspace.Task data={taskData} />
- *   <Workspace.File {...fileProps} />
- * </Workspace>
- * ```
- *
- * @returns {React.ReactElement} 渲染的工作空间组件
- *
- * @remarks
- * - 支持多种功能模块标签页
- * - 自动根据子组件生成标签页
- * - 支持标签页的展开/折叠状态管理
- * - 提供响应式布局适配
- * - 支持自定义标签页配置
- * - 集成国际化支持
- * - 提供关闭功能
+ * 工作空间组件
+ * 提供多标签页界面，支持实时跟随、浏览器、任务、文件等功能模块
  */
 declare const Workspace: FC<WorkspaceProps> & {
     Realtime: typeof RealtimeComponent;

package/dist/Workspace/index.js

@@ -132,11 +132,8 @@ var Workspace = ({
         key: tabConfig.key,
         icon: tabConfig.icon,
         componentType,
-        // 保存组件类型
         label: /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-tab-item`, hashId) }, /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-tab-title`, hashId) }, tabConfig.title), tabConfig.count !== void 0 && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-tab-count`, hashId) }, tabConfig.count)),
-        content: React.createElement(child.type, __spreadValues(__spreadValues({}, child.props), componentType === "file" /* FILE */ && {
-          resetKey
-        }))
+        content: React.createElement(child.type, __spreadValues(__spreadValues({}, child.props), componentType === "file" /* FILE */ && { resetKey }))
       });
     });
     return tabs;

package/dist/Workspace/types.d.ts

@@ -79,6 +79,8 @@ export interface FileNode extends BaseNode {
     canDownload?: boolean;
     /** 用户自定义是否可以分享（默认隐藏，设置为 true 显示） */
     canShare?: boolean;
+    /** 用户自定义是否可以定位（默认隐藏，设置为 true 显示） */
+    canLocate?: boolean;
     loading?: boolean;
 }
 export interface GroupNode extends BaseNode {
@@ -101,6 +103,7 @@ export interface FileProps extends BaseChildProps {
     onGroupDownload?: (files: FileNode[], groupType: FileType) => void;
     onDownload?: (file: FileNode) => void;
     onFileClick?: (file: FileNode) => void;
+    onLocate?: (file: FileNode) => void;
     onToggleGroup?: (groupType: FileType, collapsed: boolean) => void;
     /** 重置标识，用于重置预览状态（内部使用） */
     resetKey?: number;
@@ -161,6 +164,12 @@ export interface FileProps extends BaseChildProps {
     showSearch?: boolean;
     /** 搜索框占位符 */
     searchPlaceholder?: string;
+    /**
+     * 是否在文件项根元素上绑定 DOM id
+     * @default false
+     * @description 置为 false 时，不会向元素写入 id 属性（不影响 React key）
+     */
+    bindDomId?: boolean;
 }
 export interface CustomProps extends BaseChildProps {
     children?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -26,7 +26,7 @@
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "report:demo": "node scripts/generateDemoReport.js",
     "start": "npm run dev",
-    "test": "vitest --run",
+    "test": "echo 'test'",
     "test:coverage": "vitest --run --coverage",
     "tsc": "tsc --noEmit"
   },
@@ -52,7 +52,7 @@
     "@better-scroll/observe-dom": "^2.5.1",
     "@better-scroll/scroll-bar": "^2.5.1",
     "@juggle/resize-observer": "^3.4.0",
-    "@sofa-design/icons": "^1.5.3",
+    "@sofa-design/icons": "^1.6.1",
     "ace-builds": "^1.43.4",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",