@runtypelabs/persona 2.0.0 → 2.1.0

package/dist/index.d.cts

@@ -814,6 +814,28 @@ type AgentWidgetTheme = {
      * @default "16px"
      */
     panelBorderRadius?: string;
+    /**
+     * Box-shadow for user message bubbles (bubble message layout).
+     * @example "none" | "0 1px 2px rgba(0,0,0,0.05)"
+     */
+    messageUserShadow?: string;
+    /**
+     * Box-shadow for assistant message bubbles (bubble message layout).
+     * Overrides the default subtle assistant shadow when set.
+     */
+    messageAssistantShadow?: string;
+    /**
+     * Box-shadow for tool-call / function-call rows.
+     */
+    toolBubbleShadow?: string;
+    /**
+     * Box-shadow for reasoning (“thinking”) rows.
+     */
+    reasoningBubbleShadow?: string;
+    /**
+     * Box-shadow on the composer (input) container.
+     */
+    composerShadow?: string;
 };
 type AgentWidgetDockConfig = {
     /**
@@ -1208,6 +1230,8 @@ type AgentWidgetApprovalConfig = {
     }, decision: 'approved' | 'denied') => Promise<Response | ReadableStream<Uint8Array> | void>;
 };
 type AgentWidgetToolCallConfig = {
+    /** Box-shadow for tool-call bubbles; overrides `theme.toolBubbleShadow` when set. */
+    shadow?: string;
     backgroundColor?: string;
     borderColor?: string;
     borderWidth?: string;
@@ -4303,6 +4327,8 @@ interface MessageTokens {
         background: TokenReference<'color'>;
         text: TokenReference<'color'>;
         borderRadius: TokenReference<'radius'>;
+        /** User bubble box-shadow (token ref or raw CSS, e.g. `none`). */
+        shadow?: string;
     };
     assistant: {
         background: TokenReference<'color'>;
@@ -4371,6 +4397,20 @@ interface AttachmentTokens {
         border: TokenReference<'color'>;
     };
 }
+/** Tool-call row chrome (collapsible tool bubbles). */
+interface ToolBubbleTokens {
+    /** Box-shadow for tool bubbles (token ref or raw CSS, e.g. `none`). */
+    shadow: string;
+}
+/** Reasoning / “thinking” row chrome. */
+interface ReasoningBubbleTokens {
+    shadow: string;
+}
+/** Composer (message input) chrome. */
+interface ComposerChromeTokens {
+    /** Box-shadow on the composer form (raw CSS, e.g. `none`). */
+    shadow: string;
+}
 interface ComponentTokens {
     button: ButtonTokens;
     input: InputTokens;
@@ -4383,6 +4423,9 @@ interface ComponentTokens {
     voice: VoiceTokens;
     approval: ApprovalTokens;
     attachment: AttachmentTokens;
+    toolBubble: ToolBubbleTokens;
+    reasoningBubble: ReasoningBubbleTokens;
+    composer: ComposerChromeTokens;
 }
 interface PaletteExtras {
     transitions?: Record<string, string>;

package/dist/index.d.ts

@@ -814,6 +814,28 @@ type AgentWidgetTheme = {
      * @default "16px"
      */
     panelBorderRadius?: string;
+    /**
+     * Box-shadow for user message bubbles (bubble message layout).
+     * @example "none" | "0 1px 2px rgba(0,0,0,0.05)"
+     */
+    messageUserShadow?: string;
+    /**
+     * Box-shadow for assistant message bubbles (bubble message layout).
+     * Overrides the default subtle assistant shadow when set.
+     */
+    messageAssistantShadow?: string;
+    /**
+     * Box-shadow for tool-call / function-call rows.
+     */
+    toolBubbleShadow?: string;
+    /**
+     * Box-shadow for reasoning (“thinking”) rows.
+     */
+    reasoningBubbleShadow?: string;
+    /**
+     * Box-shadow on the composer (input) container.
+     */
+    composerShadow?: string;
 };
 type AgentWidgetDockConfig = {
     /**
@@ -1208,6 +1230,8 @@ type AgentWidgetApprovalConfig = {
     }, decision: 'approved' | 'denied') => Promise<Response | ReadableStream<Uint8Array> | void>;
 };
 type AgentWidgetToolCallConfig = {
+    /** Box-shadow for tool-call bubbles; overrides `theme.toolBubbleShadow` when set. */
+    shadow?: string;
     backgroundColor?: string;
     borderColor?: string;
     borderWidth?: string;
@@ -4303,6 +4327,8 @@ interface MessageTokens {
         background: TokenReference<'color'>;
         text: TokenReference<'color'>;
         borderRadius: TokenReference<'radius'>;
+        /** User bubble box-shadow (token ref or raw CSS, e.g. `none`). */
+        shadow?: string;
     };
     assistant: {
         background: TokenReference<'color'>;
@@ -4371,6 +4397,20 @@ interface AttachmentTokens {
         border: TokenReference<'color'>;
     };
 }
+/** Tool-call row chrome (collapsible tool bubbles). */
+interface ToolBubbleTokens {
+    /** Box-shadow for tool bubbles (token ref or raw CSS, e.g. `none`). */
+    shadow: string;
+}
+/** Reasoning / “thinking” row chrome. */
+interface ReasoningBubbleTokens {
+    shadow: string;
+}
+/** Composer (message input) chrome. */
+interface ComposerChromeTokens {
+    /** Box-shadow on the composer form (raw CSS, e.g. `none`). */
+    shadow: string;
+}
 interface ComponentTokens {
     button: ButtonTokens;
     input: InputTokens;
@@ -4383,6 +4423,9 @@ interface ComponentTokens {
     voice: VoiceTokens;
     approval: ApprovalTokens;
     attachment: AttachmentTokens;
+    toolBubble: ToolBubbleTokens;
+    reasoningBubble: ReasoningBubbleTokens;
+    composer: ComposerChromeTokens;
 }
 interface PaletteExtras {
     transitions?: Record<string, string>;