@ray-js/t-agent-ui-ray 0.2.8-beta.2 → 0.2.8-beta.3

package/dist/PrivateImage/index.js

@@ -3,8 +3,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["src", "bizType"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo, useRef, useState } from 'react';
-import { Image, View } from '@ray-js/ray';
-import { getUrlByCloudKey, isLinkExpired, parseCloudKey, isFullLink } from '../utils/file';
+import { Image } from '@ray-js/ray';
+import { getUrlByCloudKey, isLinkExpired, parseCloudKey } from '../utils/file';
 import logger from '../logger';
 const PrivateImage = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
@@ -73,13 +73,10 @@ const PrivateImage = /*#__PURE__*/React.forwardRef((props, ref) => {
   //   }
   // }, [expired, url, bizType]);
 
-  if (loading || !url || !isFullLink(url)) {
-    return /*#__PURE__*/React.createElement(View, {
-      key: url,
-      className: rest.className,
-      style: rest.style
-    });
-  }
+  // if (loading || !url || !isFullLink(url)) {
+  //   return <View key={url} className={rest.className} style={rest.style} />;
+  // }
+
   return /*#__PURE__*/React.createElement(Image, _extends({
     ref: ref,
     key: url,
@@ -107,7 +104,7 @@ const PrivateImage = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
       (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, event);
     },
-    src: url
+    src: src
   }, rest));
 });
 export default PrivateImage;

package/dist/tiles/BubbleTile/index.d.ts

@@ -2,5 +2,19 @@ import './index.less';
 import React from 'react';
 import { BubbleTileData } from '@ray-js/t-agent';
 import { TileProps } from '../../types';
-declare const _default: React.MemoExoticComponent<(props: TileProps<BubbleTileData>) => React.JSX.Element>;
+/** Unified props passed to every overridable slot component of BubbleTile. */
+type BubbleTileSlotProps = TileProps<BubbleTileData>;
+export interface BubbleTileProps extends TileProps<BubbleTileData> {
+    /** Rendered at the top of the bubble content, before the children. */
+    Header?: React.ComponentType<BubbleTileSlotProps>;
+    /** Rendered at the bottom of the bubble content, after the children. */
+    Footer?: React.ComponentType<BubbleTileSlotProps>;
+    /** Overrides the default error / warning side icon. */
+    ErrorNotice?: React.ComponentType<BubbleTileSlotProps>;
+    /** Overrides the default loading indicator. */
+    LoadingIndicator?: React.ComponentType<BubbleTileSlotProps>;
+    /** Overrides the standalone error-alert bubble (empty assistant error message). */
+    ErrorBubble?: React.ComponentType<BubbleTileSlotProps>;
+}
+declare const _default: React.MemoExoticComponent<(props: BubbleTileProps) => React.JSX.Element>;
 export default _default;

package/dist/tiles/BubbleTile/index.js

@@ -1,26 +1,31 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.find.js";
 import "core-js/modules/esnext.iterator.map.js";
-import "core-js/modules/esnext.iterator.some.js";
 import './index.less';
 import { View } from '@ray-js/components';
-import React, { memo, useCallback, useMemo } from 'react';
+import React, { memo, useMemo } from 'react';
 import { BubbleTileStatus, ChatMessageStatus } from '@ray-js/t-agent';
 import TileRender from '../../TileRender';
 import { useLongPress, useRenderOptions, useTranslate } from '../../hooks';
-import RollBack from '../WorkflowTile/RollBack';
+import { getMessageContent as _getMessageContent } from '../../utils';
+import { useStableCallback } from '../../hooks/useStableCallback';
+
+/** Unified props passed to every overridable slot component of BubbleTile. */
+
 const BubbleTile = props => {
-  var _workflowTile$data;
   const {
-    renderLongPressAs,
-    formatErrorMessageAs
+    renderLongPressAs
   } = useRenderOptions();
   const {
     message,
     tile,
     isLatestMessage,
-    side
+    side,
+    Header,
+    Footer,
+    ErrorNotice = DefaultErrorNotice,
+    LoadingIndicator = DefaultLoadingIndicator,
+    ErrorBubble = DefaultErrorBubble
   } = props;
   const {
     status,
@@ -33,24 +38,7 @@ const BubbleTile = props => {
   const bubbleStatus = data.status || BubbleTileStatus.NORMAL;
   const t = useTranslate();
   const loading = status === ChatMessageStatus.START || status === ChatMessageStatus.UPDATING;
-
-  // 获取消息内容的函数
-  const getMessageContent = useCallback(() => {
-    let messageContent = '';
-    if (tile.children && tile.children.length > 0) {
-      // 查找文本类型的tile
-      const textTile = tile.children.find(child => child.type === 'text');
-      if (textTile && textTile.data && typeof textTile.data === 'object' && 'text' in textTile.data) {
-        messageContent = textTile.data.text;
-      }
-    }
-
-    // 如果是文本类型的tile，直接获取文本内容
-    if (tile.type === 'text' && tile.data && typeof tile.data === 'object' && 'text' in tile.data) {
-      messageContent = tile.data.text;
-    }
-    return messageContent;
-  }, [tile]);
+  const getMessageContent = useStableCallback(() => _getMessageContent(message));
   const longPressRes = useLongPress({
     message,
     actions: role === 'assistant' ? ['copy', 'multiSelect', 'delete', 'like', 'unlike'] : ['copy', 'multiSelect', 'delete'],
@@ -58,6 +46,7 @@ const BubbleTile = props => {
     disabled: loading
   });
   const longPressBlock = renderLongPressAs(longPressRes);
+  const slotProps = props;
   const isErrorBubble = useMemo(() => {
     let empty = true;
     for (let i = 0; i < children.length; i++) {
@@ -76,38 +65,13 @@ const BubbleTile = props => {
     }
     return empty && role === 'assistant' && bubbleStatus === BubbleTileStatus.ERROR && status === ChatMessageStatus.FINISH;
   }, [status, role, bubbleStatus, children]);
-  if (isErrorBubble) {
-    return /*#__PURE__*/React.createElement(View, _extends({
-      className: "t-agent-bubble-tile t-agent-bubble-tile-error-alert",
-      "data-testid": "t-agent-bubble-tile"
-    }, longPressRes.longPressProps), /*#__PURE__*/React.createElement(View, {
-      className: "t-agent-bubble-tile-error",
-      "data-testid": "t-agent-bubble-tile-error"
-    }), /*#__PURE__*/React.createElement(View, {
-      className: "t-agent-bubble-tile-error-alert-text"
-    }, formatErrorMessageAs(data.info, data.code) || t('t-agent.error.unknown-error')), longPressBlock);
-  }
-  const showInfo = () => {
-    if (data.info) {
-      ty.showToast({
-        title: formatErrorMessageAs(data.info, data.code),
-        icon: 'none'
-      });
-    }
-  };
   const showAbortedMessage = bubbleStatus === BubbleTileStatus.ABORTED;
-  const showRollBack = side === 'start' && children.some(child => child.type === 'workflow');
-  const workflowTile = children.find(child => child.type === 'workflow');
-  const workflowNode = workflowTile === null || workflowTile === void 0 || (_workflowTile$data = workflowTile.data) === null || _workflowTile$data === void 0 ? void 0 : _workflowTile$data.nodeId;
   return /*#__PURE__*/React.createElement(View, _extends({
-    className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side),
+    className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side, " ").concat(isErrorBubble ? 't-agent-bubble-tile-error-alert' : ''),
     "data-testid": "t-agent-bubble-tile"
-  }, longPressRes.longPressProps), side === 'end' && /*#__PURE__*/React.createElement(ErrorNotice, {
-    bubbleStatus: bubbleStatus,
-    showInfo: showInfo
-  }), /*#__PURE__*/React.createElement(View, {
+  }, longPressRes.longPressProps), isErrorBubble ? /*#__PURE__*/React.createElement(ErrorBubble, slotProps) : /*#__PURE__*/React.createElement(React.Fragment, null, side === 'end' && /*#__PURE__*/React.createElement(ErrorNotice, slotProps), /*#__PURE__*/React.createElement(View, {
     className: "t-agent-bubble-tile-bubble ".concat(loading ? 't-agent-bubble-tile-bubble-loading' : '')
-  }, (() => {
+  }, Header && /*#__PURE__*/React.createElement(Header, slotProps), (() => {
     return children.map(t => /*#__PURE__*/React.createElement(TileRender, {
       side: side,
       tile: t,
@@ -116,22 +80,47 @@ const BubbleTile = props => {
       isLatestMessage: isLatestMessage,
       notifyHeightChanged: props.notifyHeightChanged
     }));
-  })(), /*#__PURE__*/React.createElement(LoadingIndicator, {
-    status: status
-  }), showAbortedMessage && /*#__PURE__*/React.createElement(View, {
+  })(), /*#__PURE__*/React.createElement(LoadingIndicator, slotProps), showAbortedMessage && /*#__PURE__*/React.createElement(View, {
     className: "t-agent-bubble-tile-aborted"
-  }, t('t-agent.message.bubble.aborted'))), side === 'start' && /*#__PURE__*/React.createElement(ErrorNotice, {
-    bubbleStatus: bubbleStatus,
-    showInfo: showInfo
-  }), longPressBlock, showRollBack && !isLatestMessage && workflowNode && /*#__PURE__*/React.createElement(RollBack, {
-    nodeId: workflowNode
-  }));
+  }, t('t-agent.message.bubble.aborted')), Footer && /*#__PURE__*/React.createElement(Footer, slotProps)), side === 'start' && /*#__PURE__*/React.createElement(ErrorNotice, slotProps)), longPressBlock);
 };
-const ErrorNotice = /*#__PURE__*/memo(_ref => {
+const DefaultErrorBubble = /*#__PURE__*/memo(_ref => {
   let {
-    bubbleStatus,
-    showInfo
+    tile
   } = _ref;
+  const {
+    formatErrorMessageAs
+  } = useRenderOptions();
+  const t = useTranslate();
+  const {
+    data
+  } = tile;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tile-error",
+    "data-testid": "t-agent-bubble-tile-error"
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tile-error-alert-text"
+  }, formatErrorMessageAs(data.info, data.code) || t('t-agent.error.unknown-error')));
+});
+const DefaultErrorNotice = /*#__PURE__*/memo(_ref2 => {
+  let {
+    tile
+  } = _ref2;
+  const {
+    formatErrorMessageAs
+  } = useRenderOptions();
+  const {
+    data
+  } = tile;
+  const bubbleStatus = data.status || BubbleTileStatus.NORMAL;
+  const showInfo = () => {
+    if (data.info) {
+      ty.showToast({
+        title: formatErrorMessageAs(data.info, data.code),
+        icon: 'none'
+      });
+    }
+  };
   if (bubbleStatus === BubbleTileStatus.ERROR) {
     return /*#__PURE__*/React.createElement(View, {
       onClick: showInfo,
@@ -148,10 +137,13 @@ const ErrorNotice = /*#__PURE__*/memo(_ref => {
   }
   return null;
 });
-const LoadingIndicator = /*#__PURE__*/memo(_ref2 => {
+const DefaultLoadingIndicator = /*#__PURE__*/memo(_ref3 => {
   let {
+    message
+  } = _ref3;
+  const {
     status
-  } = _ref2;
+  } = message;
   if (status === ChatMessageStatus.START) {
     return /*#__PURE__*/React.createElement(View, {
       className: "t-agent-bubble-tile-bubble-loader"

package/dist/tiles/BubbleToolTile/audio-play.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14.666666984558105" height="11.259817123413086" viewBox="0 0 14.666666984558105 11.259817123413086"><path d="M3.7352133,4.2966166L6,2.4435894L6,8.8162832L3.7352133,6.9632831L1.3333334,6.9632831L1.3333334,4.2966166L3.7352133,4.2966166ZM0.66666669,8.2966156L3.2592599,8.2966156L6.7889338,11.184483C6.8484669,11.233217,6.9230666,11.259817,7,11.259817C7.1840668,11.259817,7.3333335,11.110617,7.3333335,10.926483L7.3333335,0.33334273C7.3333335,0.256396,7.3067336,0.18181595,7.2580004,0.12226264C7.1414003,-0.020217419,6.9314003,-0.041217327,6.7889338,0.075356007L3.2592599,2.9632626L0.66666669,2.9632626C0.29848003,2.9632626,0,3.2617359,0,3.6299293L0,7.6299496C0,7.9981494,0.29848003,8.2966156,0.66666669,8.2966156ZM14.666667,5.6298828C14.666667,7.8245497,13.7026,9.7940826,12.1748,11.138016L11.229667,10.192817C12.5172,9.09235,13.333334,7.4564166,13.333334,5.6298828C13.333334,3.8033233,12.5172,2.1674094,11.229667,1.0669293L12.1748,0.12174273C13.7026,1.4656695,14.666667,3.4351826,14.666667,5.6298828ZM11.333334,5.6298828C11.333334,4.3554163,10.737334,3.2202029,9.8088665,2.4877026L8.8561335,3.440443C9.547533,3.9222496,10,4.7232165,10,5.6298828C10,6.5365496,9.547533,7.3374834,8.8561335,7.8192825L9.8088665,8.7720165C10.737334,8.0395498,11.333334,6.904283,11.333334,5.6298828Z" fill="#427FF7" fill-opacity="1" style="mix-blend-mode:passthrough"/></svg>

package/dist/tiles/BubbleToolTile/audio-playing.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <g fill="#427ff7">
+    <rect x="2.4" width="2.4" rx="1.2" y="9" height="6">
+      <animate attributeName="height" values="6;18;6" dur="0.9s" begin="0s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+      <animate attributeName="y" values="9;3;9" dur="0.9s" begin="0s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+    </rect>
+    <rect x="6.6" width="2.4" rx="1.2" y="6" height="12">
+      <animate attributeName="height" values="6;18;6" dur="0.9s" begin="-0.3s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+      <animate attributeName="y" values="9;3;9" dur="0.9s" begin="-0.3s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+    </rect>
+    <rect x="10.8" width="2.4" rx="1.2" y="3" height="18">
+      <animate attributeName="height" values="6;18;6" dur="0.9s" begin="-0.6s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+      <animate attributeName="y" values="9;3;9" dur="0.9s" begin="-0.6s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+    </rect>
+    <rect x="15" width="2.4" rx="1.2" y="6" height="12">
+      <animate attributeName="height" values="6;18;6" dur="0.9s" begin="-0.15s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+      <animate attributeName="y" values="9;3;9" dur="0.9s" begin="-0.15s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+    </rect>
+    <rect x="19.2" width="2.4" rx="1.2" y="9" height="6">
+      <animate attributeName="height" values="6;18;6" dur="0.9s" begin="-0.45s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+      <animate attributeName="y" values="9;3;9" dur="0.9s" begin="-0.45s" repeatCount="indefinite" calcMode="spline" keyTimes="0;0.5;1" keySplines="0.4 0 0.6 1;0.4 0 0.6 1" />
+    </rect>
+  </g>
+</svg>

package/dist/tiles/BubbleToolTile/copy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_1631_18176"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_1631_18176)"><path d="M4.6665335,4.000002576464844L4.6665335,2.0000025664648438C4.6665335,1.6318159064648436,4.9650133,1.3333358764648438,5.3332002,1.3333358764648438L13.3332,1.3333358764648438C13.7014,1.3333358764648438,13.999866,1.6318159064648436,13.999866,2.0000025664648438L13.999866,11.333335876464844C13.999866,11.701535876464844,13.7014,12.000002876464844,13.3332,12.000002876464844L11.3332005,12.000002876464844L11.3332005,13.999402876464844C11.3332005,14.367936876464844,11.033267,14.666669876464844,10.6620007,14.666669876464844L2.6711067,14.666669876464844C2.3003932799999998,14.666669876464844,2,14.370269876464844,2,13.999402876464844L2.0017333031,4.667249476464844C2.0018000603,4.298742776464843,2.30176005,4.000002576464844,2.67294663,4.000002576464844L4.6665335,4.000002576464844ZM3.3349466000000003,5.333335876464844L3.3334599000000003,13.333335876464844L9.9998665,13.333335876464844L9.9998665,5.333335876464844L3.3349466000000003,5.333335876464844ZM5.9998664999999995,4.000002576464844L11.3332005,4.000002576464844L11.3332005,10.666669876464844L12.666533,10.666669876464844L12.666533,2.6666692764648436L5.9998664999999995,2.6666692764648436L5.9998664999999995,4.000002576464844Z" fill="#427FF7" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>

package/dist/tiles/BubbleToolTile/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+import { TileProps } from '../../types';
+export interface BubbleToolTileData {
+    /** 播放所需的音频参数，由 aistream 插件下发时写入 */
+    audio?: Record<string, any>;
+    [key: string]: any;
+}
+declare const _default: React.MemoExoticComponent<(props: TileProps<BubbleToolTileData>) => React.JSX.Element | null>;
+export default _default;

package/dist/tiles/BubbleToolTile/index.js

@@ -0,0 +1,63 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useEffect } from 'react';
+import { View } from '@ray-js/components';
+import './index.less';
+import { useAgentSessionValue, useTranslate } from '../../hooks';
+import { getMessageContent } from '../../utils';
+const BubbleToolTile = props => {
+  const {
+    message,
+    isLatestMessage,
+    notifyHeightChanged
+  } = props;
+  // playing 不是 tile 的本地状态，而是从 session 的全局播放状态派生：
+  // 真正的播放/停止由 withBuildIn 处理，并把 “是否正在播放 / 正在播放的消息 id”
+  // 写入 session，UI 通过 sessionChange 事件感知变化。
+  const [audioPlaying] = useAgentSessionValue('AIStream.audioPlaying');
+  const [playingMessageId] = useAgentSessionValue('AIStream.playingMessageId');
+  const playing = !!audioPlaying && playingMessageId === message.id;
+
+  // UI 只负责发指令
+
+  const show = message.role === 'assistant' && isLatestMessage;
+  const t = useTranslate();
+  useEffect(() => {
+    if (!show) {
+      notifyHeightChanged();
+    }
+  }, [show]);
+  if (!show) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tool-tile"
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tool-tile-divider"
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tool-tile-actions"
+  }, /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tool-tile-button ".concat(playing ? 't-agent-bubble-tool-tile-play-active' : 't-agent-bubble-tool-tile-play'),
+    "data-testid": "t-agent-bubble-tool-tile-play",
+    onClick: () => {
+      props.emitTileEvent({
+        action: 'toggle'
+      });
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-bubble-tool-tile-button t-agent-bubble-tool-tile-copy",
+    "data-testid": "t-agent-bubble-tool-tile-copy",
+    onClick: () => {
+      const text = getMessageContent(message);
+      ty.setClipboardData({
+        data: text,
+        success() {
+          ty.showToast({
+            title: t('t-agent.message.copy.success'),
+            icon: 'none'
+          });
+        }
+      });
+    }
+  })));
+};
+export default /*#__PURE__*/React.memo(BubbleToolTile);

package/dist/tiles/BubbleToolTile/index.less

@@ -0,0 +1,46 @@
+.t-agent-bubble-tool-tile {
+}
+
+.t-agent-bubble-tool-tile-divider {
+  flex: 1;
+  height: 1px;
+  background-color: var(--app-B3-N1);
+  opacity: 0.12;
+  margin: 16rpx 0;
+}
+
+.t-agent-bubble-tool-tile-actions {
+  display: flex;
+}
+
+.t-agent-bubble-tool-tile-button {
+  flex: 0 0 auto;
+  width: 48rpx;
+  height: 48rpx;
+  border-radius: 8rpx;
+  background-color: var(--app-B1);
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 28rpx 28rpx;
+  margin-right: 16rpx;
+
+  :first-child {
+    margin-right: 0;
+  }
+}
+
+.t-agent-bubble-tool-tile-play {
+  background-image: url("./audio-play.svg");
+}
+
+.t-agent-bubble-tool-tile-play-active {
+  background-image: url("./audio-playing.svg");
+}
+
+.t-agent-bubble-tool-tile-copy {
+  background-image: url("./copy.svg");
+}
+
+.t-agent-bubble-tool-tile-play-active {
+  opacity: 0.6;
+}

package/dist/tiles/TimeTile/index.js

@@ -1,8 +1,15 @@
 import "core-js/modules/web.dom-collections.iterator.js";
 import { View } from '@ray-js/components';
 import React, { useEffect, useMemo, useState } from 'react';
-import dayjs from 'dayjs';
 import './index.less';
+function formatDate(timestamp) {
+  const d = new Date(timestamp);
+  return [d.getFullYear(), String(d.getMonth() + 1).padStart(2, '0'), String(d.getDate()).padStart(2, '0')].join('-');
+}
+function formatTime(timestamp) {
+  const d = new Date(timestamp);
+  return [String(d.getHours()).padStart(2, '0'), String(d.getMinutes()).padStart(2, '0')].join(':');
+}
 export default function TimeTile(props) {
   const {
     tile
@@ -10,25 +17,19 @@ export default function TimeTile(props) {
   const {
     timestamp
   } = tile.data;
-  const [date, setDate] = useState(() => {
-    return dayjs(timestamp).format('YYYY-MM-DD');
-  });
+  const [today, setToday] = useState(() => formatDate(Date.now()));
   useEffect(() => {
-    // 在当天结束时更新一下
+    const now = new Date();
+    const nextDay = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
     const timer = setTimeout(() => {
-      setDate(dayjs(timestamp).format('YYYY-MM-DD'));
-    }, dayjs(timestamp).endOf('day').diff(Date.now()));
-    return () => {
-      clearTimeout(timer);
-    };
+      setToday(formatDate(Date.now()));
+    }, nextDay.getTime() - now.getTime());
+    return () => clearTimeout(timer);
   }, []);
   const time = useMemo(() => {
-    // 当天的时间只显示时间，其他显示日期和时间
-    if (date === dayjs(Date.now()).format('YYYY-MM-DD')) {
-      return dayjs(timestamp).format('HH:mm');
-    }
-    return dayjs(timestamp).format('YYYY-MM-DD HH:mm');
-  }, [timestamp, date]);
+    const tsDate = formatDate(timestamp);
+    return tsDate === today ? formatTime(timestamp) : "".concat(tsDate, " ").concat(formatTime(timestamp));
+  }, [timestamp, today]);
   return /*#__PURE__*/React.createElement(View, {
     className: "t-agent-time-tile"
   }, time);

package/dist/tiles/map.js

@@ -7,12 +7,12 @@ import VideoTile from './VideoTile';
 import ButtonGroupTile from './ButtonsTile';
 import RecommendationsTile from './RecommendationsTile';
 import CardTile from './CardTile';
-import WorkflowTile from './WorkflowTile';
 import DocumentsTile from './DocumentsTile';
 import OperateCardTile from './OperateCardTile';
 import ExecuteCardTile from './ExecuteCardTile';
 import DividerTile from './DividerTile';
 import FileTile from './FileTile';
+import BubbleToolTile from './BubbleToolTile';
 export const tileMap = {
   bubble: BubbleTile,
   image: ImageTile,
@@ -23,10 +23,10 @@ export const tileMap = {
   buttons: ButtonGroupTile,
   recommendations: RecommendationsTile,
   card: CardTile,
-  workflow: WorkflowTile,
   documents: DocumentsTile,
   operateCard: OperateCardTile,
   executeCard: ExecuteCardTile,
   divider: DividerTile,
-  file: FileTile
+  file: FileTile,
+  bubbleTool: BubbleToolTile
 };

package/dist/utils/getMessageContent.d.ts

@@ -0,0 +1,11 @@
+import { ChatMessageObject } from '@ray-js/t-agent';
+/**
+ * 从 message 中提取文本内容。
+ *
+ * 遍历 message 的所有 tile，取第一个能解析出文本的 tile：
+ * - 若 tile 自身为 `text` 类型，返回其文本；
+ * - 否则查找其 children 中的第一个 `text` 类型 tile 并返回文本。
+ *
+ * 可在任意 tile 中复用，例如长按复制消息内容。
+ */
+export declare function getMessageContent(message?: ChatMessageObject): string;

package/dist/utils/getMessageContent.js

@@ -0,0 +1,49 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.find.js";
+const getTileText = data => {
+  if (data && typeof data === 'object' && 'text' in data) {
+    return data.text || '';
+  }
+  return '';
+};
+const getTextFromTile = tile => {
+  if (!tile) {
+    return '';
+  }
+
+  // 如果是文本类型的 tile，直接获取文本内容
+  if (tile.type === 'text') {
+    return getTileText(tile.data);
+  }
+
+  // 查找子 tile 中的文本类型 tile
+  if (tile.children && tile.children.length > 0) {
+    const textTile = tile.children.find(child => child.type === 'text');
+    if (textTile) {
+      return getTileText(textTile.data);
+    }
+  }
+  return '';
+};
+
+/**
+ * 从 message 中提取文本内容。
+ *
+ * 遍历 message 的所有 tile，取第一个能解析出文本的 tile：
+ * - 若 tile 自身为 `text` 类型，返回其文本；
+ * - 否则查找其 children 中的第一个 `text` 类型 tile 并返回文本。
+ *
+ * 可在任意 tile 中复用，例如长按复制消息内容。
+ */
+export function getMessageContent(message) {
+  if (!message || !message.tiles || message.tiles.length === 0) {
+    return '';
+  }
+  for (let i = 0; i < message.tiles.length; i++) {
+    const content = getTextFromTile(message.tiles[i]);
+    if (content) {
+      return content;
+    }
+  }
+  return '';
+}

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export declare function routeScene(sceneId: string): void;
 export declare const systemInfo: any;
 export * from './formatMessage';
+export * from './getMessageContent';

package/dist/utils/index.js

@@ -12,4 +12,5 @@ export function routeScene(sceneId) {
   });
 }
 export const systemInfo = ty.getSystemInfoSync();
-export * from './formatMessage';
+export * from './formatMessage';
+export * from './getMessageContent';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.2.8-beta.2",
+  "version": "0.2.8-beta.3",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -27,7 +27,6 @@
   },
   "dependencies": {
     "clsx": "^1.2.1",
-    "dayjs": "^1.10.4",
     "echarts": "^5.5.0",
     "markdown-it": "^14.1.0",
     "markdown-it-emoji": "^3.0.0",
@@ -42,5 +41,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "450ca8d41536094b3bea57198fd7724ba6812438"
+  "gitHead": "938bc0c7da7d23dbbad8c3c14c97e5f4007f06f7"
 }

package/dist/tiles/WorkflowTile/RollBack/index.d.ts

@@ -1,5 +0,0 @@
-import './index.less';
-import React from 'react';
-export default function RollBack(props: {
-    nodeId: string;
-}): React.JSX.Element;

package/dist/tiles/WorkflowTile/RollBack/index.js

@@ -1,27 +0,0 @@
-import './index.less';
-import { Image, View } from '@ray-js/ray';
-import React from 'react';
-import rollback from './workflow-rollback.png';
-import { useTileProps } from '../../../hooks';
-export default function RollBack(props) {
-  const {
-    nodeId
-  } = props;
-  const {
-    emitTileEvent
-  } = useTileProps();
-  return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-workflow-rollback-tile",
-    onClick: async () => {
-      emitTileEvent({
-        type: 'rollback',
-        nodeId
-      });
-    }
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: rollback,
-    className: "t-agent-workflow-rollback-tile-image"
-  }), /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-workflow-rollback-tile-text"
-  }, "\u91CD\u9009"));
-}

package/dist/tiles/WorkflowTile/RollBack/index.less

@@ -1,20 +0,0 @@
-.t-agent-workflow-rollback-tile {
-  color: var(--app-B3-N1);
-  background-color: var(--app-B3);
-  border-radius: 9999px;
-  height: 36px;
-  margin-top: 8px;
-  width: fit-content;
-  line-height: 36px;
-  padding: 0 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  .t-agent-workflow-rollback-tile-image {
-    width: 20px;
-    height: 20px;
-    margin-right: 6px;
-  }
-  .t-agent-workflow-rollback-tile-text {
-  }
-}