@htmlbricks/hb-bundle/types/elements/messages-box/webcomponent.type.d.ts

Single IIFE loader for all HTML Bricks hb-* web components from the jsDelivr CDN, with optional Subresource Integrity; includes agent/LLM docs and theme CSS variables.

// type that is used to define a chat message
export type TMessage = {
	id: string;
	text: string;
	timestamp: Date;
	type: "text" | "image" | "video" | "audio" | "file";
	status?: "pending" | "sent" | "received" | "read";
	system?: boolean;
	reply?: boolean;
	quotedMessageId?: string;
	authorId?: string;
	uri?: string;
};

// type that is used to define a chat partecipant
export type TAuthor = {
	id: string;
	name: string;
	avatar?: string;
	status: "online" | "offline" | "away" | "busy";
	me?: boolean;
};

export type TMessageSend = {
	text?: string;
};

export type Component = {
	id?: string;
	style?: string;
	messages: TMessage[];
	authors: TAuthor[];
	options?: {
		showTimestamp?: boolean;
		showAvatar?: boolean;
		showName?: boolean;
		bubbles?: boolean;
	};
	message?: TMessageSend;
};

export type Events = {
	sendMessage: {
		text?: string;
		id: string;
		tags: string[];
		files: {
			id: string;
			name: string;
			mimetype: string;
			fileSize: number;
			/** Runtime value is a browser `File`; typed as `unknown` for JSON schema generation. */
			content: unknown;
			objectUrl?: string;
		}[];
	};
};