@opentiny/tiny-robot 0.4.0-alpha.1 → 0.4.0-alpha.3

package/dist/bubble/index.js

@@ -1,12 +1,13 @@
-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 b, a, b as r, c as u, d as t, u as n, e as B, f as l, g as d, h as o } 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
+  t as BubbleRenderers,
+  n as useBubbleBoxRenderer,
+  B as useBubbleContentRenderer,
+  l as useBubbleStateChangeFn,
+  d as useMessageContent,
+  o as useOmitMessageFields
 };

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<    {
@@ -2441,56 +2531,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;
@@ -3425,6 +3466,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

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, i as _e, u as ge, e as he, f as De, g as Te, h as Fe } 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 "./feedback/index.js";
+import { H as y } from "./index3.js";
+import { u as be } 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 { Prompt as M, Prompts as A } from "./prompts/index.js";
+import H from "./sender/index.js";
 import j, { 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 Se } 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";
@@ -152,12 +152,12 @@ const ue = {
   P,
   B,
   L,
-  y,
   C,
+  y,
   O,
+  M,
   A,
   H,
-  M,
   j,
   R,
   w,
@@ -184,14 +184,14 @@ export {
   P as Conversations,
   B as DragOverlay,
   L as DropdownMenu,
-  y as Feedback,
-  C as History,
+  C 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,
+  A as Prompts,
+  H as Sender,
   R as SuggestionPillButton,
   j as SuggestionPills,
   w as SuggestionPopover,
@@ -204,14 +204,14 @@ export {
   P as TrConversations,
   B as TrDragOverlay,
   L as TrDropdownMenu,
-  y as TrFeedback,
-  C as TrHistory,
+  C 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,
+  A as TrPrompts,
+  H as TrSender,
   R as TrSuggestionPillButton,
   j as TrSuggestionPills,
   w as TrSuggestionPopover,
@@ -223,8 +223,9 @@ 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,
+  Se as useTheme,
+  be as useTouchDevice,
   ue as vDropzone
 };