@aintela/chat 0.2.16 → 0.2.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +56 -41
- package/dist/components.js +5196 -5089
- package/dist/components.js.map +1 -1
- package/dist/src/components/AiChat/AiChatContext.d.ts +1 -0
- package/dist/src/components/AiChat/AiChatTypes.d.ts +1 -0
- package/dist/src/components/AiChat/ChatPane/AgentAvatar.d.ts +19 -0
- package/dist/src/components/AiChat/ChatPane/MessagePersona.d.ts +8 -0
- package/package.json +1 -1
|
@@ -66,6 +66,7 @@ export interface AiChatContextState {
|
|
|
66
66
|
}) => {
|
|
67
67
|
label: string;
|
|
68
68
|
initials?: string;
|
|
69
|
+
picture?: string;
|
|
69
70
|
};
|
|
70
71
|
/** Custom renderer for the user-message body (the persona row is still shown above it). */
|
|
71
72
|
userMessageRenderer?: ComponentType<UserMessageRendererProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type AgentIconVariant = 'luzes' | 'pista' | 'marshaller' | 'radar' | 'spark' | 'chevrons' | 'marca';
|
|
3
|
+
export interface AgentIconProps {
|
|
4
|
+
variant?: AgentIconVariant;
|
|
5
|
+
size?: number;
|
|
6
|
+
strokeWidth?: number;
|
|
7
|
+
color?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare function AgentIcon({ variant, size, strokeWidth, color, style, }: AgentIconProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export type AgentAvatarTone = 'lime' | 'ink' | 'chrome';
|
|
12
|
+
export interface AgentAvatarProps {
|
|
13
|
+
variant?: AgentIconVariant;
|
|
14
|
+
tone?: AgentAvatarTone;
|
|
15
|
+
size?: number;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
export declare function AgentAvatar({ variant, tone, size, style, }: AgentAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default AgentAvatar;
|
|
@@ -2,8 +2,16 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { Interaction } from '../../../models/Interaction';
|
|
3
3
|
interface MessagePersonaProps {
|
|
4
4
|
isUser: boolean;
|
|
5
|
+
authenticated?: boolean;
|
|
5
6
|
message: Interaction;
|
|
7
|
+
tone: 'chrome' | 'light';
|
|
6
8
|
}
|
|
9
|
+
/**
|
|
10
|
+
* Left indent (px) that aligns a message body under the persona label instead of the avatar:
|
|
11
|
+
* avatar width (30) + the persona row `gap: 1` (8px). Message bodies apply this when `showPersona`
|
|
12
|
+
* is on so the paragraph text starts after the avatar, matching the header row.
|
|
13
|
+
*/
|
|
14
|
+
export declare const PERSONA_CONTENT_INDENT = 38;
|
|
7
15
|
/**
|
|
8
16
|
* Persona header row above a message — an avatar + "{NAME} · {time}". Rendered only when the host
|
|
9
17
|
* enables `showPersona`. The label/initials come from `resolvePersona` (default: generic
|