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

package/dist/LowCodeCardRender/index.js

@@ -1,3 +1,4 @@
+/* istanbul ignore file */
 import './index.less';
 import { View } from '@ray-js/components';
 import React from 'react';

package/dist/MessageInput/MessageInputAIStream/index.js

@@ -16,10 +16,9 @@ import cameraSvg from '../icons/camera.svg';
 import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useTranslate } from '../../hooks';
 import AsrInput from './AsrInput';
 import logger from '../../logger';
-import { systemInfo } from '../../utils';
 import { useSleep } from '../../hooks/useSleep';
 import { useStableCallback } from '../../hooks/useStableCallback';
-import { authorize } from '../../utils/ttt';
+import { authorize, initAudioRecorder } from '../../utils/ttt';
 export let MessageInputState = /*#__PURE__*/function (MessageInputState) {
   MessageInputState["PENDING"] = "pending";
   MessageInputState["RECORDING"] = "recording";
@@ -258,28 +257,7 @@ export default function MessageInputAIStream(props) {
         }
         if (!initAudioRef.current) {
           initAudioRef.current = true;
-          await new Promise(resolve => {
-            if (!ty.aistream.initAudioRecorder || systemInfo.brand === 'devtools') {
-              resolve();
-              return;
-            }
-            try {
-              logger.debug('MessageInputAIStream', 'initAudioRecorder');
-              ty.aistream.initAudioRecorder({
-                success: () => {
-                  logger.debug('MessageInputAIStream', 'initAudioRecorder success');
-                  resolve();
-                },
-                fail: error => {
-                  logger.error('MessageInputAIStream', 'initAudioRecorder error', error);
-                  resolve();
-                }
-              });
-            } catch (error) {
-              logger.error('MessageInputAIStream', 'initAudioRecorder error', error);
-              resolve();
-            }
-          });
+          await initAudioRecorder();
         }
         setText('');
         setMode('voice');

package/dist/MessageInput/index.js

@@ -1,3 +1,4 @@
+/* istanbul ignore file */
 import MessageInputAIStream, { MessageInputState } from './MessageInputAIStream';
 export { MessageInputState };
 export default MessageInputAIStream;

package/dist/MessageList/ScrollBottomView.d.ts

@@ -10,8 +10,8 @@ interface ScrollBottomViewOptions {
 }
 export declare function useScrollBottomView(options: ScrollBottomViewOptions): {
     scrollToBottom: ({ animation, follow }: {
-        animation?: boolean | undefined;
-        follow?: boolean | undefined;
+        animation?: boolean;
+        follow?: boolean;
     }) => Promise<boolean>;
     scrollViewLoading: boolean;
     scrollIntoViewId: string;

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/contexts.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChatAgent, ChatMessageObject, UIPlugin } from '@ray-js/t-agent';
 import { RenderOptions, TileProps } from './types';
 import { ChatSession } from '@ray-js/t-agent';

package/dist/hooks/context.d.ts

@@ -7,5 +7,5 @@ export declare const useKeyboardHeight: () => number;
 export declare const useOnEvent: (eventName: string, callback: (details: any) => void) => void;
 export declare const useEmitEvent: () => <T extends keyof import("@ray-js/t-agent").UIEventMap>(eventName: T, detail: import("@ray-js/t-agent").UIEventMap[T]) => void;
 export declare const useTileProps: () => import("../types").TileProps<any, any>;
-export declare const useSendAction: () => (action: TTTAction) => void;
+export declare const useSendAction: () => ((action: TTTAction) => void);
 export declare const useAgentSessionValue: <S = any>(key: string) => readonly [S, Dispatch<SetStateAction<S>>];

package/dist/hooks/useAttachmentInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputBlock } from '@ray-js/t-agent';
 export type UploadFile = {
     id: string;
@@ -18,5 +17,5 @@ export declare function useAttachmentInput({ local }?: {
     setUploaded: import("react").Dispatch<import("react").SetStateAction<UploadFile[]>>;
     uploading: boolean;
     loadBlocks: (blocks: InputBlock[], append?: boolean) => void;
-    upload: (type: 'image' | 'video' | 'camera' | 'album', count?: any) => Promise<void>;
+    upload: (type: "image" | "video" | "camera" | "album", count?: any) => Promise<void>;
 };

package/dist/i18n/strings.js

@@ -1,3 +1,4 @@
+/* istanbul ignore file */
 export default {
   'zh-Hans': {
     't-agent.build-in.button.create_scene_manually': '手动创建场景',

package/dist/index.js

@@ -1,3 +1,4 @@
+/* istanbul ignore file */
 import ChatContainer from './ChatContainer';
 import MessageInput from './MessageInput';
 import MessageList from './MessageList';

package/dist/renderOption.js

@@ -72,13 +72,14 @@ const defaultRenderLongPressAs = res => {
   return /*#__PURE__*/React.createElement(LongPressActionMenu, res.menuProps);
 };
 const i18nTranslate = key => I18n.t(key);
+const formatErrorMessageAs = (message, code) => {
+  if (code) {
+    return translateWith("t-agent.error.".concat(code), i18nTranslate);
+  }
+  return message;
+};
 export const defaultRenderOptions = {
-  formatErrorMessageAs: (message, code) => {
-    if (code) {
-      return translateWith("t-agent.error.".concat(code), i18nTranslate);
-    }
-    return message;
-  },
+  formatErrorMessageAs,
   renderTileAs: defaultChatTileAs,
   renderCustomBlockAs: defaultRenderCustomBlockAs,
   customBlockTypes: defaultCustomBlockTypes,

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, any>) => 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/CardTile/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.less';
 import { CardTileData } from '@ray-js/t-agent';
 import { TileProps } from '../../types';
-declare const _default: React.MemoExoticComponent<(props: TileProps<CardTileData, any>) => React.JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<(props: TileProps<CardTileData>) => React.JSX.Element | null>;
 export default _default;

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

@@ -4,5 +4,5 @@ import { TileProps } from '../../types';
 interface DividerTileData {
     text?: string;
 }
-declare const _default: React.MemoExoticComponent<(props: TileProps<DividerTileData, any>) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: TileProps<DividerTileData>) => React.JSX.Element>;
 export default _default;

package/dist/tiles/OperateCardTile/Expand.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './Expand.less';
 export declare enum SceneType {
-    EXECUTE = 1,
+    EXECUTE = 1,// 一键执行
     AUTO = 2
 }
 type DeviceInfoItem = any;

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

@@ -5,5 +5,5 @@ interface TileData {
     text: string;
     markdown?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: TileProps<TileData, any>) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: TileProps<TileData>) => React.JSX.Element>;
 export default _default;

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/TipTile/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import './index.less';
 import { TipTileData } from '@ray-js/t-agent';
 import { TileProps } from '../../types';
-declare const _default: React.MemoExoticComponent<(props: TileProps<TipTileData, any>) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: TileProps<TipTileData>) => React.JSX.Element>;
 export default _default;