@opentiny/tiny-robot 0.4.0-alpha.2 → 0.4.0-alpha.4

package/dist/bubble/index.js

@@ -1,12 +1,14 @@
-import { B as b, a, b as r, c as u, d as B, u as l, e as t, f as n, g as d } from "../index2.js";
+import { B as a, a as b, b as u, c as r, d as l, u as t, e as n, f as B, g as o, h as d, i } from "../index2.js";
 export {
-  b as Bubble,
-  a as BubbleList,
-  r as BubbleProvider,
-  u as BubbleRendererMatchPriority,
-  B as BubbleRenderers,
-  l as useBubbleBoxRenderer,
-  t as useBubbleContentRenderer,
-  n as useBubbleStateChangeFn,
-  d as useOmitMessageFields
+  a as Bubble,
+  b as BubbleList,
+  u as BubbleProvider,
+  r as BubbleRendererMatchPriority,
+  l as BubbleRenderers,
+  t as useBubbleBoxRenderer,
+  n as useBubbleContentRenderer,
+  B as useBubbleStateChangeFn,
+  o as useMessageContent,
+  d as useOmitMessageFields,
+  i as useToolCall
 };

package/dist/index.d.ts

@@ -52,7 +52,10 @@ contentIndex?: number;
 placement: "start" | "end";
 shape: "corner" | "rounded" | "none";
 contentRenderMode: "single" | "split";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+contentResolver: (message: BubbleMessage) => ChatMessageContent | undefined;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+bubbleRef: HTMLDivElement;
+}, HTMLDivElement>;
 
 declare const __VLS_component_10: DefineComponent<__VLS_PublicProps_3, {
 children: ComputedRef<(HTMLElement | SVGElement)[]>;
@@ -225,6 +228,57 @@ declare const __VLS_component_13: DefineComponent<WelcomeProps, {}, {}, {}, {},
 align: "left" | "center" | "right" | string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+declare const __VLS_component_14: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:visible": (value: boolean) => any;
+} & {
+refresh: (tab: "installed" | "market") => any;
+"update:visible": (visible: boolean) => any;
+"market-category-change": (category: string) => any;
+"tab-change": (activeTab: "installed" | "market") => any;
+"plugin-toggle": (plugin: PluginInfo, enabled: boolean) => any;
+"plugin-delete": (plugin: PluginInfo) => any;
+"plugin-add": (plugin: PluginInfo) => any;
+"plugin-create": (type: "code" | "form", data: PluginCreationData) => any;
+"tool-toggle": (plugin: PluginInfo, toolId: string, enabled: boolean) => any;
+"update:activeCount": (count: number) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
+onRefresh?: ((tab: "installed" | "market") => any) | undefined;
+"onUpdate:visible"?: ((value: boolean) => any) | undefined;
+"onMarket-category-change"?: ((category: string) => any) | undefined;
+"onTab-change"?: ((activeTab: "installed" | "market") => any) | undefined;
+"onPlugin-toggle"?: ((plugin: PluginInfo, enabled: boolean) => any) | undefined;
+"onPlugin-delete"?: ((plugin: PluginInfo) => any) | undefined;
+"onPlugin-add"?: ((plugin: PluginInfo) => any) | undefined;
+"onPlugin-create"?: ((type: "code" | "form", data: PluginCreationData) => any) | undefined;
+"onTool-toggle"?: ((plugin: PluginInfo, toolId: string, enabled: boolean) => any) | undefined;
+"onUpdate:activeCount"?: ((count: number) => any) | undefined;
+}>, {
+title: string;
+loading: boolean;
+installedPlugins: PluginInfo[];
+marketPlugins: PluginInfo[];
+searchPlaceholder: string;
+enableSearch: boolean;
+installedSearchFn: (query: string, item: PluginInfo) => boolean;
+marketSearchFn: (query: string, item: PluginInfo) => boolean;
+marketCategoryOptions: MarketCategoryOption[];
+marketCategoryPlaceholder: string;
+enableMarketCategoryFilter: boolean;
+defaultActiveTab: "installed" | "market";
+showInstalledTab: boolean;
+showMarketTab: boolean;
+popupConfig: PopupConfig;
+installedTabTitle: string;
+marketTabTitle: string;
+showCustomAddButton: boolean;
+customAddButtonText: string;
+allowPluginToggle: boolean;
+allowToolToggle: boolean;
+allowPluginDelete: boolean;
+allowPluginAdd: boolean;
+marketLoading: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare const __VLS_component_2: DefineComponent<BubbleListProps, {
 scrollToBottom: (behavior?: ScrollBehavior) => Promise<void>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
@@ -242,6 +296,7 @@ messageIndex: number;
 contentIndex?: number;
 }) => any) | undefined;
 }>, {
+contentResolver: (message: BubbleMessage) => ChatMessageContent | undefined;
 groupStrategy: "consecutive" | "divider" | ((messages: BubbleMessage[], dividerRole?: string) => BubbleMessageGroup[]);
 dividerRole: string;
 fallbackRole: string;
@@ -982,7 +1037,9 @@ declare type __VLS_PublicProps_6 = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BubbleSlots> & BubbleSlots;
-    refs: {};
+    refs: {
+        bubbleRef: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 
@@ -1134,6 +1191,15 @@ declare function __VLS_template_13(): {
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_14(): {
+    attrs: Partial<{}>;
+    slots: {
+        'header-actions'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: Readonly<BubbleListSlots> & BubbleListSlots;
@@ -1806,6 +1872,8 @@ declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
 
 declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
 
+declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -1852,6 +1920,12 @@ declare type __VLS_WithTemplateSlots_13<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_14<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -1980,7 +2054,14 @@ export { Bubble }
 export { Bubble as TrBubble }
 
 export declare type BubbleBoxRendererMatch = {
-    find: (messages: BubbleMessage[], contentIndex?: number) => boolean;
+    /**
+     * 匹配函数，用于判断是否应该使用此渲染器
+     * @param messages - 消息数组
+     * @param resolvedContents - 每个消息经过 contentResolver 解析后的内容数组，与 messages 一一对应
+     * @param contentIndex - 内容索引，用于指定要渲染的内容项（当 content 为数组时）
+     * @returns 如果匹配则返回 true，否则返回 false
+     */
+    find: (messages: BubbleMessage[], resolvedContents: BubbleMessage['content'][], contentIndex: number | undefined) => boolean;
     renderer: Component<BubbleBoxRendererProps>;
     priority?: number;
     attributes?: Record<string, string>;
@@ -1989,7 +2070,14 @@ export declare type BubbleBoxRendererMatch = {
 export declare type BubbleBoxRendererProps = Pick<BubbleProps, 'placement' | 'shape'>;
 
 export declare type BubbleContentRendererMatch = {
-    find: (message: BubbleMessage, contentIndex?: number) => boolean;
+    /**
+     * 匹配函数，用于判断是否应该使用此渲染器
+     * @param message - 消息对象
+     * @param resolvedContent - 消息经过 contentResolver 解析后的内容
+     * @param contentIndex - 内容索引，用于指定要渲染的内容项（当 content 为数组时）
+     * @returns 如果匹配则返回 true，否则返回 false
+     */
+    find: (message: BubbleMessage, resolvedContent: BubbleMessage['content'], contentIndex: number | undefined) => boolean;
     renderer: Component<BubbleContentRendererProps>;
     priority?: number;
     attributes?: Record<string, string>;
@@ -2044,6 +2132,7 @@ export declare interface BubbleListProps {
      */
     roleConfigs?: Record<string, BubbleRoleConfig>;
     contentRenderMode?: BubbleProps['contentRenderMode'];
+    contentResolver?: BubbleProps['contentResolver'];
     /**
      * 是否自动滚动到底部。需要满足以下条件：
      * - BubbleList 是可滚动容器（需要 scrollHeight > clientHeight）
@@ -2086,6 +2175,7 @@ export declare type BubbleProps = BubbleMessage & {
     placement?: 'start' | 'end';
     shape?: 'corner' | 'rounded' | 'none';
     contentRenderMode?: 'single' | 'split';
+    contentResolver?: (message: BubbleMessage) => ChatMessageContent | undefined;
     fallbackBoxRenderer?: Component<BubbleBoxRendererProps>;
     fallbackContentRenderer?: Component<BubbleContentRendererProps>;
 };
@@ -2103,7 +2193,7 @@ export declare interface BubbleProviderProps {
     contentRendererMatches?: BubbleContentRendererMatch[];
     fallbackBoxRenderer?: Component<BubbleBoxRendererProps>;
     fallbackContentRenderer?: Component<BubbleContentRendererProps>;
-    initialStore?: Record<string, unknown>;
+    store?: Record<string, unknown>;
 }
 
 /**
@@ -2142,10 +2232,10 @@ export declare const BubbleRenderers: {
         };
     });
     Image: DefineComponent<    {
-    message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
+    message: BubbleMessage<ChatMessageContentItem[], Record<string, unknown>>;
     contentIndex?: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
-    message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
+    message: BubbleMessage<ChatMessageContentItem[], Record<string, unknown>>;
     contentIndex?: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLImageElement>;
     Loading: DefineComponent<    {
@@ -2174,7 +2264,9 @@ export declare const BubbleRenderers: {
     open?: boolean;
     }>;
     contentIndex?: number;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    detailRef: HTMLParagraphElement;
+    }, any>;
     Text: DefineComponent<    {
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
     contentIndex?: number;
@@ -2184,19 +2276,21 @@ export declare const BubbleRenderers: {
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     Tool: DefineComponent<BubbleContentRendererProps<ChatMessageContent, {
     toolCall?: Record<string, {
-    status?: "success" | "running" | "failed" | "cancelled";
+    status?: ToolCallStatus;
     open?: boolean;
     }>;
     }> & {
-    toolIndex: number;
+    toolCallIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BubbleContentRendererProps<ChatMessageContent, {
     toolCall?: Record<string, {
-    status?: "success" | "running" | "failed" | "cancelled";
+    status?: ToolCallStatus;
     open?: boolean;
     }>;
     }> & {
-    toolIndex: number;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+    toolCallIndex: number;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    detailRef: HTMLDivElement;
+    }, HTMLDivElement>;
     ToolRole: DefineComponent<    {
     message: BubbleMessage<string, Record<string, unknown>>;
     contentIndex?: number;
@@ -2441,56 +2535,7 @@ declare const _default_34: __VLS_WithTemplateSlots_12<typeof __VLS_component_12,
 
 declare const _default_35: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
-declare const _default_36: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:visible": (value: boolean) => any;
-} & {
-refresh: (tab: "installed" | "market") => any;
-"update:visible": (visible: boolean) => any;
-"market-category-change": (category: string) => any;
-"tab-change": (activeTab: "installed" | "market") => any;
-"plugin-toggle": (plugin: PluginInfo, enabled: boolean) => any;
-"plugin-delete": (plugin: PluginInfo) => any;
-"plugin-add": (plugin: PluginInfo) => any;
-"plugin-create": (type: "code" | "form", data: PluginCreationData) => any;
-"tool-toggle": (plugin: PluginInfo, toolId: string, enabled: boolean) => any;
-"update:activeCount": (count: number) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
-onRefresh?: ((tab: "installed" | "market") => any) | undefined;
-"onUpdate:visible"?: ((value: boolean) => any) | undefined;
-"onMarket-category-change"?: ((category: string) => any) | undefined;
-"onTab-change"?: ((activeTab: "installed" | "market") => any) | undefined;
-"onPlugin-toggle"?: ((plugin: PluginInfo, enabled: boolean) => any) | undefined;
-"onPlugin-delete"?: ((plugin: PluginInfo) => any) | undefined;
-"onPlugin-add"?: ((plugin: PluginInfo) => any) | undefined;
-"onPlugin-create"?: ((type: "code" | "form", data: PluginCreationData) => any) | undefined;
-"onTool-toggle"?: ((plugin: PluginInfo, toolId: string, enabled: boolean) => any) | undefined;
-"onUpdate:activeCount"?: ((count: number) => any) | undefined;
-}>, {
-title: string;
-loading: boolean;
-installedPlugins: PluginInfo[];
-marketPlugins: PluginInfo[];
-searchPlaceholder: string;
-enableSearch: boolean;
-installedSearchFn: (query: string, item: PluginInfo) => boolean;
-marketSearchFn: (query: string, item: PluginInfo) => boolean;
-marketCategoryOptions: MarketCategoryOption[];
-marketCategoryPlaceholder: string;
-enableMarketCategoryFilter: boolean;
-defaultActiveTab: "installed" | "market";
-showInstalledTab: boolean;
-showMarketTab: boolean;
-popupConfig: PopupConfig;
-installedTabTitle: string;
-marketTabTitle: string;
-showCustomAddButton: boolean;
-customAddButtonText: string;
-allowPluginToggle: boolean;
-allowToolToggle: boolean;
-allowPluginDelete: boolean;
-allowPluginAdd: boolean;
-marketLoading: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default_36: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 declare const _default_37: DefineComponent<McpAddFormProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 cancel: () => any;
@@ -3371,7 +3416,7 @@ export declare type ThemeType = 'light' | 'dark';
 /**
  * 工具调用接口（支持 OpenAI 格式）
  */
-declare interface ToolCall {
+export declare interface ToolCall {
     id: string;
     type: 'function' | string;
     function: {
@@ -3381,6 +3426,10 @@ declare interface ToolCall {
     [x: string]: any;
 }
 
+declare type ToolCallStatus = (typeof toolCallStatus)[number];
+
+declare const toolCallStatus: readonly ["running", "success", "failed", "cancelled"];
+
 declare interface TooltipContentProps {
     show?: boolean;
     content: string;
@@ -3414,6 +3463,12 @@ export declare function useAutoScroll(target: MaybeComputedElementRef, source: M
     bottomThreshold?: number;
 }): {
     scrollToBottom: (behavior?: ScrollBehavior) => Promise<void>;
+    arrivedState: {
+        left: boolean;
+        right: boolean;
+        top: boolean;
+        bottom: boolean;
+    };
 };
 
 export declare function useBubbleBoxRenderer(messages: MaybeRefOrGetter<BubbleMessage[]>, contentIndex?: number): ComputedRef<{
@@ -3425,6 +3480,12 @@ export declare function useBubbleContentRenderer(message: MaybeRefOrGetter<Bubbl
 
 export declare function useBubbleStateChangeFn(): (key: string, _value: unknown) => void;
 
+export declare const useMessageContent: <T extends ChatMessageContent = ChatMessageContent>(props: Readonly<BubbleContentRendererProps<T>>) => {
+    content: ComputedRef<ChatMessageContent | undefined>;
+    contentItem: ComputedRef<ChatMessageContentItem | undefined>;
+    contentText: ComputedRef<string>;
+};
+
 /**
  * Omit specified fields from message and return computed props
  * @param props - The original props containing the message
@@ -3456,6 +3517,28 @@ export declare const useTheme: () => {
     setColorMode: (mode: ColorMode) => boolean;
 };
 
+export declare const useToolCall: (props: BubbleContentRendererProps<ChatMessageContent, {
+    toolCall?: Record<string, {
+        status?: ToolCallStatus;
+        open?: boolean;
+    }>;
+}> & {
+    toolCallIndex: number;
+}) => {
+    toolCall: ComputedRef<ToolCall | undefined>;
+    toolCallWithResult: Readonly<Ref<    {
+    readonly arguments?: any;
+    readonly result?: any;
+    }, {
+    readonly arguments?: any;
+    readonly result?: any;
+    }>>;
+    state: ComputedRef<    {
+    status: "success" | "running" | "failed" | "cancelled" | undefined;
+    open: boolean | undefined;
+    }>;
+};
+
 export declare function useTouchDevice(): {
     isTouchDevice: Ref<boolean, boolean>;
 };

package/dist/index.js

@@ -1,20 +1,20 @@
 import z from "./attachments/index.js";
 import { B as b, a as x, b as S } from "./index2.js";
-import { c as ve, d as fe, h as _e, u as ge, e as he, f as De, g as Te } from "./index2.js";
+import { c as ve, d as fe, j as _e, u as ge, e as he, f as De, g as Te, h as Fe, i as ze } from "./index2.js";
 import E from "./container/index.js";
 import P from "./conversations/index.js";
 import B from "./drag-overlay/index.js";
-import L from "./dropdown-menu/index.js";
-import y from "./feedback/index.js";
-import { H as C } from "./index3.js";
-import { u as ze } from "./index3.js";
+import C from "./dropdown-menu/index.js";
+import L from "./feedback/index.js";
+import { H as y } from "./index3.js";
+import { u as xe } from "./index3.js";
 import O from "./icon-button/index.js";
-import { Prompt as A, Prompts as H } from "./prompts/index.js";
-import M from "./sender/index.js";
-import j, { SuggestionPillButton as R } from "./suggestion-pills/index.js";
+import { Prompt as M, Prompts as j } from "./prompts/index.js";
+import A from "./sender/index.js";
+import H, { SuggestionPillButton as R } from "./suggestion-pills/index.js";
 import w from "./suggestion-popover/index.js";
 import k from "./theme-provider/index.js";
-import { useTheme as xe } from "./theme-provider/index.js";
+import { useTheme as Ee } from "./theme-provider/index.js";
 import W from "./welcome/index.js";
 import $ from "./mcp-server-picker/index.js";
 import I from "./mcp-add-form/index.js";
@@ -151,14 +151,14 @@ const ue = {
   E,
   P,
   B,
+  C,
   L,
   y,
-  C,
   O,
-  A,
-  H,
   M,
   j,
+  A,
+  H,
   R,
   w,
   k,
@@ -183,17 +183,17 @@ export {
   E as Container,
   P as Conversations,
   B as DragOverlay,
-  L as DropdownMenu,
-  y as Feedback,
-  C as History,
+  C as DropdownMenu,
+  L as Feedback,
+  y as History,
   O as IconButton,
   I as McpAddForm,
   $ as McpServerPicker,
-  A as Prompt,
-  H as Prompts,
-  M as Sender,
+  M as Prompt,
+  j as Prompts,
+  A as Sender,
   R as SuggestionPillButton,
-  j as SuggestionPills,
+  H as SuggestionPills,
   w as SuggestionPopover,
   k as ThemeProvider,
   z as TrAttachments,
@@ -203,17 +203,17 @@ export {
   E as TrContainer,
   P as TrConversations,
   B as TrDragOverlay,
-  L as TrDropdownMenu,
-  y as TrFeedback,
-  C as TrHistory,
+  C as TrDropdownMenu,
+  L as TrFeedback,
+  y as TrHistory,
   O as TrIconButton,
   I as TrMcpAddForm,
   $ as TrMcpServerPicker,
-  A as TrPrompt,
-  H as TrPrompts,
-  M as TrSender,
+  M as TrPrompt,
+  j as TrPrompts,
+  A as TrSender,
   R as TrSuggestionPillButton,
-  j as TrSuggestionPills,
+  H as TrSuggestionPills,
   w as TrSuggestionPopover,
   k as TrThemeProvider,
   W as TrWelcome,
@@ -223,8 +223,10 @@ export {
   ge as useBubbleBoxRenderer,
   he as useBubbleContentRenderer,
   De as useBubbleStateChangeFn,
-  Te as useOmitMessageFields,
-  xe as useTheme,
-  ze as useTouchDevice,
+  Te as useMessageContent,
+  Fe as useOmitMessageFields,
+  Ee as useTheme,
+  ze as useToolCall,
+  xe as useTouchDevice,
   ue as vDropzone
 };