@aidapt/caity-chat 3.0.0

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@aidapt/caity-chat",
+  "private": false,
+  "version": "3.0.0",
+  "type": "module",
+  "main": "./dist/lib/index.js",
+  "module": "./dist/lib/index.js",
+  "types": "./dist/lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/lib/index.js"
+    },
+    "./standalone": {
+      "import": "./dist/lib/standalone.js"
+    }
+  },
+  "sideEffects": [
+    "./dist/lib/standalone.js"
+  ],
+  "files": [
+    "dist/lib/",
+    "src/types/caity-chat.d.ts",
+    "src/types/template-slots.d.ts"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "scripts": {
+    "dev": "vite --port 5175 --mode development --host",
+    "prod": "vite --host --mode production",
+    "build:debugger": "tsc -b && vite build --mode development",
+    "build": "tsc -b && vite build --mode production && npm run generate:schema && npm run generate:templates",
+    "build:lib": "tsc -b && vite build --mode lib && vite build --mode standalone",
+    "pack": "npm run build:lib && node scripts/pack.mjs",
+    "build:all": "npm run build && npm run build:debugger && npm run pack ",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:run": "vitest run",
+    "test:e2e": "npm run build && playwright test",
+    "generate:schema": "tsx scripts/generateAspectSchema.ts",
+    "generate:templates": "tsx scripts/generateTemplateManifest.ts",
+    "audit:colors": "tsx scripts/colorAudit.ts",
+    "test-ci:main": "bash scripts/test-ci.sh main",
+    "test-ci:release": "bash scripts/test-ci.sh release",
+    "test-ci:reset": "bash scripts/test-ci.sh reset"
+  },
+  "dependencies": {
+    "abcjs": "^6.6.2",
+    "classnames": "^2.5.1",
+    "date-fns": "^4.1.0",
+    "katex": "^0.16.33",
+    "lucide-react": "^0.574.0",
+    "mermaid": "^11.14.0",
+    "react-dropzone": "^15.0.0",
+    "react-hook-form": "^7.71.1",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "sanitize-html": "^2.17.1",
+    "zustand": "^5.0.11"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@playwright/test": "^1.58.2",
+    "@tailwindcss/vite": "^4.1.18",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.0.18",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "jsdom": "^28.1.0",
+    "tailwindcss": "^4.1.18",
+    "tsx": "^4.21.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.48.0",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.2.0",
+    "vitest": "^4.0.18"
+  }
+}

package/src/types/caity-chat.d.ts

@@ -0,0 +1,213 @@
+/**
+ * JSX type definitions for CAITY Skill Chat Web Components.
+ *
+ * Usage: copy this file (and `template-slots.d.ts`) into your project's
+ * types folder and include them in your tsconfig.json.
+ */
+
+import 'react';
+import type { TemplateSlotDataMap } from './template-slots';
+
+/**
+ * Attributi condivisi da tutti gli elementi template-slot.
+ *
+ * `TData` è il tipo dell'oggetto `data` passato alla render function:
+ * ```ts
+ * window[render](data: TData, container: HTMLElement, nodes: Node[]) => void
+ * ```
+ *
+ * Esempio:
+ * ```tsx
+ * // data è tipato come Message grazie a CaitySlotProps<Message>
+ * window.myFn = (data, container) => { console.log(data.content) }
+ *
+ * <caity-msg-toolbox render="myFn">...</caity-msg-toolbox>
+ * ```
+ */
+type CaitySlotProps<TData = unknown> = React.DetailedHTMLProps<
+    React.HTMLAttributes<HTMLElement> & {
+        /**
+         * Nome di una funzione globale (`window[render]`) chiamata dopo
+         * ogni iniezione del template.
+         *
+         * Firma: `(data: TData, container: HTMLElement, nodes: Node[]) => void`
+         */
+        render?: string;
+    },
+    HTMLElement
+>;
+
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            // ── Elemento host ──────────────────────────────────────────────────────
+            'caity-chat': React.DetailedHTMLProps<
+                React.HTMLAttributes<HTMLElement> & {
+                    /** Identificatore dell'applicazione passato all'endpoint di setup. */
+                    app?: string;
+                    /** URL base dell'API. */
+                    'api-url'?: string;
+                    /** Token di autenticazione. */
+                    token?: string;
+                    /** Lingua di traduzione dei messaggi */
+                    lang?: string
+                    /** Skill Aspect di cortesia */
+                    'skill-aspect'?: string
+                },
+                HTMLElement
+            >;
+
+            // TEMPLATE_SLOTS_BEGIN — sezione auto-generata da `npm run generate:templates`
+
+            /** data: `{ file: { name: string; type?: string; }; onRemove: () => void; removeTooltip: s…` */
+            'caity-attachment-chip': CaitySlotProps<TemplateSlotDataMap['caity-attachment-chip']>;
+
+            /** data: `{ attachments: File[]; retryFileRefs: FileReference[]; handleRemove: (index: num…` */
+            'caity-attachment-list': CaitySlotProps<TemplateSlotDataMap['caity-attachment-list']>;
+
+            /** data: `string` */
+            'caity-background-notice': CaitySlotProps<TemplateSlotDataMap['caity-background-notice']>;
+
+            /** data: nessuno */
+            'caity-bot-avatar-icon': CaitySlotProps<TemplateSlotDataMap['caity-bot-avatar-icon']>;
+
+            /** data: nessuno */
+            'caity-chat-container': CaitySlotProps<TemplateSlotDataMap['caity-chat-container']>;
+
+            /** data: `{ isChatOpen: boolean; onClick: () => void; }` */
+            'caity-chat-floating-button': CaitySlotProps<TemplateSlotDataMap['caity-chat-floating-button']>;
+
+            /** data: nessuno */
+            'caity-chat-window': CaitySlotProps<TemplateSlotDataMap['caity-chat-window']>;
+
+            /** data: `{ contextTitle: string | undefined; contextTooltip: string | undefined; }` */
+            'caity-context-message': CaitySlotProps<TemplateSlotDataMap['caity-context-message']>;
+
+            /** data: nessuno */
+            'caity-error-message': CaitySlotProps<TemplateSlotDataMap['caity-error-message']>;
+
+            /** data: nessuno */
+            'caity-footer': CaitySlotProps<TemplateSlotDataMap['caity-footer']>;
+
+            /** data: `string` */
+            'caity-greeting-message': CaitySlotProps<TemplateSlotDataMap['caity-greeting-message']>;
+
+            /** data: nessuno */
+            'caity-header': CaitySlotProps<TemplateSlotDataMap['caity-header']>;
+
+            /** data: `{}` */
+            'caity-header-dropdown': CaitySlotProps<TemplateSlotDataMap['caity-header-dropdown']>;
+
+            /** data: nessuno — modalità `inline` */
+            'caity-header-dropdown-item': CaitySlotProps<TemplateSlotDataMap['caity-header-dropdown-item']>;
+
+            /** data: nessuno */
+            'caity-header-item': CaitySlotProps<TemplateSlotDataMap['caity-header-item']>;
+
+            /** data: nessuno */
+            'caity-header-logo': CaitySlotProps<TemplateSlotDataMap['caity-header-logo']>;
+
+            /** data: nessuno */
+            'caity-input': CaitySlotProps<TemplateSlotDataMap['caity-input']>;
+
+            /** data: `{ availableCharsLabel: string; charLimit: CharLimitState; maxChars: number; curr…` */
+            'caity-input-chars-alert': CaitySlotProps<TemplateSlotDataMap['caity-input-chars-alert']>;
+
+            /** data: `{ value: string; disabled: boolean; placeholder: string | undefined; onChange: (…` */
+            'caity-input-textarea': CaitySlotProps<TemplateSlotDataMap['caity-input-textarea']>;
+
+            /** data: `{ message: Message; }` */
+            'caity-machine-message': CaitySlotProps<TemplateSlotDataMap['caity-machine-message']>;
+
+            /** data: `{ downloadFileFromUrl: (url: string, filename?: string) => Promise<void>; downlo…` */
+            'caity-machine-message-attachment-chip': CaitySlotProps<TemplateSlotDataMap['caity-machine-message-attachment-chip']>;
+
+            /** data: `Message[]` */
+            'caity-messages': CaitySlotProps<TemplateSlotDataMap['caity-messages']>;
+
+            /** data: `Message` */
+            'caity-msg-action-item': CaitySlotProps<TemplateSlotDataMap['caity-msg-action-item']>;
+
+            /** data: `Message` */
+            'caity-msg-actions': CaitySlotProps<TemplateSlotDataMap['caity-msg-actions']>;
+
+            /** data: `{ collapsedTooltip: string; uncollapsedTooltip: string; collapsed: boolean; onCo…` */
+            'caity-msg-collapse': CaitySlotProps<TemplateSlotDataMap['caity-msg-collapse']>;
+
+            /** data: `{ message: Message; tooltip: string; handleCopy: () => void; }` */
+            'caity-msg-copy': CaitySlotProps<TemplateSlotDataMap['caity-msg-copy']>;
+
+            /** data: `Message` */
+            'caity-msg-debug': CaitySlotProps<TemplateSlotDataMap['caity-msg-debug']>;
+
+            /** data: `{ message: Message; sendFeedback: (messageId: string, value: number, comment?: s…` */
+            'caity-msg-feedback': CaitySlotProps<TemplateSlotDataMap['caity-msg-feedback']>;
+
+            /** data: `{ message: Message; prepareRetry: (messageId: string) => void; cancelRetry: () =…` */
+            'caity-msg-retry': CaitySlotProps<TemplateSlotDataMap['caity-msg-retry']>;
+
+            /** data: `{ message: Message; option: string; idx: number; handleOptionClick: (option: str…` */
+            'caity-msg-select-option': CaitySlotProps<TemplateSlotDataMap['caity-msg-select-option']>;
+
+            /** data: `{ message: Message; handleOptionClick: (option: string) => void; }` */
+            'caity-msg-select-options': CaitySlotProps<TemplateSlotDataMap['caity-msg-select-options']>;
+
+            /** data: `{ message: Message; sourcesTooltip: string; }` */
+            'caity-msg-sources': CaitySlotProps<TemplateSlotDataMap['caity-msg-sources']>;
+
+            /** data: `{ timeLabel: string; enableMessageTime: true; }` */
+            'caity-msg-time': CaitySlotProps<TemplateSlotDataMap['caity-msg-time']>;
+
+            /** data: `Message` */
+            'caity-msg-toolbox': CaitySlotProps<TemplateSlotDataMap['caity-msg-toolbox']>;
+
+            /** data: `{ message: Message; tooltip: string; isActive: boolean; state: TTSState; ttsStat…` */
+            'caity-msg-tts': CaitySlotProps<TemplateSlotDataMap['caity-msg-tts']>;
+
+            /** data: `{ onClick: () => void; label: string; }` */
+            'caity-scroll-to-bottom-button': CaitySlotProps<TemplateSlotDataMap['caity-scroll-to-bottom-button']>;
+
+            /** data: nessuno */
+            'caity-slow-response-abort-message': CaitySlotProps<TemplateSlotDataMap['caity-slow-response-abort-message']>;
+
+            /** data: nessuno */
+            'caity-slow-response-warning-message': CaitySlotProps<TemplateSlotDataMap['caity-slow-response-warning-message']>;
+
+            /** data: `{ question: string; onClick: () => void; }` */
+            'caity-static-question-item': CaitySlotProps<TemplateSlotDataMap['caity-static-question-item']>;
+
+            /** data: `string[]` */
+            'caity-static-questions': CaitySlotProps<TemplateSlotDataMap['caity-static-questions']>;
+
+            /** data: nessuno */
+            'caity-time-divider-message': CaitySlotProps<TemplateSlotDataMap['caity-time-divider-message']>;
+
+            /** data: `{ disabled: boolean; sttButtonProps: { sttState: STTState; sttDuration: number; …` */
+            'caity-toolbox': CaitySlotProps<TemplateSlotDataMap['caity-toolbox']>;
+
+            /** data: nessuno — modalità `inline` */
+            'caity-toolbox-item': CaitySlotProps<TemplateSlotDataMap['caity-toolbox-item']>;
+
+            /** data: `{ disabled: boolean; open: () => void; enableAttachments: boolean; attachTooltip…` */
+            'caity-toolbox-item-attachment': CaitySlotProps<TemplateSlotDataMap['caity-toolbox-item-attachment']>;
+
+            /** data: `{ sendTooltip: string; disabled: boolean; onSend: () => void; }` */
+            'caity-toolbox-item-send': CaitySlotProps<TemplateSlotDataMap['caity-toolbox-item-send']>;
+
+            /** data: `{ sttState: STTState; sttDuration: number; sttError: string | null; startSTT: ()…` */
+            'caity-toolbox-item-stt': CaitySlotProps<TemplateSlotDataMap['caity-toolbox-item-stt']>;
+
+            /** data: `{ message: Message; isLastUserMessage?: boolean; isHidden?: boolean; isHiddenByG…` */
+            'caity-user-message': CaitySlotProps<TemplateSlotDataMap['caity-user-message']>;
+
+            /** data: `{ attachments: { fileName: string; id: string; }[]; }` */
+            'caity-user-message-attachment-container': CaitySlotProps<TemplateSlotDataMap['caity-user-message-attachment-container']>;
+
+            /** data: `{ message: Message; }` */
+            'caity-user-message-content': CaitySlotProps<TemplateSlotDataMap['caity-user-message-content']>;
+
+            // TEMPLATE_SLOTS_END
+
+        }
+    }
+}

package/src/types/template-slots.d.ts

@@ -0,0 +1,167 @@
+// Auto-generated by scripts/generateTemplateManifest.ts — DO NOT EDIT
+// Rigenera con: npm run generate:templates
+
+/**
+ * Mappa ogni slot al tipo dell'oggetto `data` che riceve.
+ *
+ * Usa `TemplateSlotData<K>` per tipizzare le render function:
+ *
+ * ```ts
+ * window.myRender = function(
+ *   data: TemplateSlotData<'caity-msg-toolbox'>,
+ *   container: HTMLElement,
+ *   nodes: Node[],
+ * ) { ... }
+ * ```
+ */
+export interface TemplateSlotDataMap {
+  /** Slot definito in `src/components/chat/input/tools/attachments/AttachmentChip.tsx:42` */
+  'caity-attachment-chip': { file: { name: string; type?: string; }; onRemove: () => void; removeTooltip: string; ext: string; }
+
+  /** Slot definito in `src/components/chat/input/tools/attachments/AttachmentList.tsx:30` */
+  'caity-attachment-list': { attachments: File[]; retryFileRefs: FileReference[]; handleRemove: (index: number) => void; handleRemoveRetryRef: (index: number) => void; }
+
+  /** Slot definito in `src/components/chat/messages/BackgroundNotice.tsx:42` */
+  'caity-background-notice': string
+
+  /** Slot definito in `src/components/chat/messages/senders/MachineMessage.tsx:98` */
+  'caity-bot-avatar-icon': undefined
+
+  /** Slot definito in `src/components/chat/ChatContainer.tsx:51` */
+  'caity-chat-container': undefined
+
+  /** Slot definito in `src/components/chat/ChatFloatingTrigger.tsx:21` */
+  'caity-chat-floating-button': { isChatOpen: boolean; onClick: () => void; }
+
+  /** Slot definito in `src/components/chat/ChatContainer.tsx:44` */
+  'caity-chat-window': undefined
+
+  /** Slot definito in `src/components/chat/messages/system/ContextMessage.tsx:20` */
+  'caity-context-message': { contextTitle: string | undefined; contextTooltip: string | undefined; }
+
+  /** Slot definito in `src/components/chat/messages/senders/ErrorMessage.tsx:56` */
+  'caity-error-message': undefined
+
+  /** Slot definito in `src/components/chat/footer/ChatFooter.tsx:10` */
+  'caity-footer': undefined
+
+  /** Slot definito in `src/components/chat/messages/system/GreetingMessage.tsx:23` */
+  'caity-greeting-message': string
+
+  /** Slot definito in `src/components/chat/header/ChatHeader.tsx:14` */
+  'caity-header': undefined
+
+  /** Slot definito in `src/components/chat/header/ChatHeaderDropdown.tsx:140` */
+  'caity-header-dropdown': {}
+
+  /** Slot definito in `src/components/chat/header/ChatHeaderDropdown.tsx:153` */
+  'caity-header-dropdown-item': undefined
+
+  /** Slot definito in `src/components/chat/header/ChatHeader.tsx:36` */
+  'caity-header-item': undefined
+
+  /** Slot definito in `src/components/chat/header/ChatHeader.tsx:24` */
+  'caity-header-logo': undefined
+
+  /** Slot definito in `src/components/chat/input/ChatInput.tsx:134` */
+  'caity-input': undefined
+
+  /** Slot definito in `src/components/chat/input/tools/InputToolbox.tsx:66` */
+  'caity-input-chars-alert': { availableCharsLabel: string; charLimit: CharLimitState; maxChars: number; currentInputLength: number; }
+
+  /** Slot definito in `src/components/chat/input/InputTextarea.tsx:33` */
+  'caity-input-textarea': { value: string; disabled: boolean; placeholder: string | undefined; onChange: (value: string) => void; onKeyDown: (e: KeyboardEvent<HTMLTextAreaElement>) => void; }
+
+  /** Slot definito in `src/components/chat/messages/senders/MachineMessage.tsx:90` */
+  'caity-machine-message': { message: Message; }
+
+  /** Slot definito in `src/components/chat/messages/markdown/AssetLink.tsx:146` */
+  'caity-machine-message-attachment-chip': { downloadFileFromUrl: (url: string, filename?: string) => Promise<void>; downloadTooltip: string; ext: string; safeUrl: string; key: string; }
+
+  /** Slot definito in `src/components/chat/messages/ChatMessages.tsx:117` */
+  'caity-messages': Message[]
+
+  /** Slot definito in `src/components/chat/messages/toolbox/MachineToolbox.tsx:44` */
+  'caity-msg-action-item': Message
+
+  /** Slot definito in `src/components/chat/messages/toolbox/MachineToolbox.tsx:40` */
+  'caity-msg-actions': Message
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/CollapseButton.tsx:20` */
+  'caity-msg-collapse': { collapsedTooltip: string; uncollapsedTooltip: string; collapsed: boolean; onCollapseToggle: () => void; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/CopyButton.tsx:32` */
+  'caity-msg-copy': { message: Message; tooltip: string; handleCopy: () => void; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/DebugButton.tsx:21` */
+  'caity-msg-debug': Message
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/FeedbackButtons.tsx:39` */
+  'caity-msg-feedback': { message: Message; sendFeedback: (messageId: string, value: number, comment?: string) => Promise<void>; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/RetryButton.tsx:34` */
+  'caity-msg-retry': { message: Message; prepareRetry: (messageId: string) => void; cancelRetry: () => void; isEditing: boolean; tooltip: string; disabled: boolean; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/forms/SelectOptions.tsx:53` */
+  'caity-msg-select-option': { message: Message; option: string; idx: number; handleOptionClick: (option: string) => void; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/forms/SelectOptions.tsx:46` */
+  'caity-msg-select-options': { message: Message; handleOptionClick: (option: string) => void; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/SourcesChip.tsx:133` */
+  'caity-msg-sources': { message: Message; sourcesTooltip: string; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/TimeLabel.tsx:23` */
+  'caity-msg-time': { timeLabel: string; enableMessageTime: true; }
+
+  /** Slot definito in `src/components/chat/messages/toolbox/MachineToolbox.tsx:37` */
+  'caity-msg-toolbox': Message
+
+  /** Slot definito in `src/components/chat/messages/toolbox/tools/TTSButton.tsx:30` */
+  'caity-msg-tts': { message: Message; tooltip: string; isActive: boolean; state: TTSState; ttsState: TTSState; playingMessageId: string | null; playTTS: (messageId: string, text: string) => void; stopTTS: () => void; }
+
+  /** Slot definito in `src/components/chat/messages/ScrollToBottomButton.tsx:13` */
+  'caity-scroll-to-bottom-button': { onClick: () => void; label: string; }
+
+  /** Slot definito in `src/components/chat/messages/senders/WarningMessage.tsx:22` */
+  'caity-slow-response-abort-message': undefined
+
+  /** Slot definito in `src/components/chat/messages/senders/WarningMessage.tsx:15` */
+  'caity-slow-response-warning-message': undefined
+
+  /** Slot definito in `src/components/chat/input/tools/StaticQuestions.tsx:24` */
+  'caity-static-question-item': { question: string; onClick: () => void; }
+
+  /** Slot definito in `src/components/chat/input/tools/StaticQuestions.tsx:14` */
+  'caity-static-questions': string[]
+
+  /** Slot definito in `src/components/chat/messages/system/TimeDividerMessage.tsx:16` */
+  'caity-time-divider-message': undefined
+
+  /** Slot definito in `src/components/chat/input/tools/InputToolbox.tsx:80` */
+  'caity-toolbox': { disabled: boolean; sttButtonProps: { sttState: STTState; sttDuration: number; sttError: string | null; startSTT: () => void; stopSTT: () => void; enableVoiceService: boolean | undefined; voiceOptions: VoiceServiceOptions | undefined; disabled: boolean; tooltip: string; }; attachmentButtonProps: { disabled: boolean; open: () => void; enableAttachments: boolean; attachTooltip: string; }; sendButtonProps: { disabled: boolean; onSend: () => void; sendTooltip: string; }; }
+
+  /** Slot definito in `src/components/chat/input/tools/InputToolbox.tsx:92` */
+  'caity-toolbox-item': undefined
+
+  /** Slot definito in `src/components/chat/input/tools/attachments/AttachmentButton.tsx:9` */
+  'caity-toolbox-item-attachment': { disabled: boolean; open: () => void; enableAttachments: boolean; attachTooltip: string; }
+
+  /** Slot definito in `src/components/chat/input/tools/SendButton.tsx:13` */
+  'caity-toolbox-item-send': { sendTooltip: string; disabled: boolean; onSend: () => void; }
+
+  /** Slot definito in `src/components/chat/input/tools/STTButton.tsx:41` */
+  'caity-toolbox-item-stt': { sttState: STTState; sttDuration: number; sttError: string | null; startSTT: () => void; stopSTT: () => void; enableVoiceService?: boolean; disabled: boolean; voiceServiceOptions?: VoiceServiceOptions; tooltip: string; }
+
+  /** Slot definito in `src/components/chat/messages/senders/UserMessage.tsx:104` */
+  'caity-user-message': { message: Message; isLastUserMessage?: boolean; isHidden?: boolean; isHiddenByGuardrail?: boolean; isOutOfContext?: boolean; }
+
+  /** Slot definito in `src/components/chat/messages/senders/UserMessage.tsx:112` */
+  'caity-user-message-attachment-container': { attachments: { fileName: string; id: string; }[]; }
+
+  /** Slot definito in `src/components/chat/messages/senders/UserMessage.tsx:150` */
+  'caity-user-message-content': { message: Message; }
+}
+
+/** Estrae il tipo di `data` per uno slot specifico. */
+export type TemplateSlotData<K extends keyof TemplateSlotDataMap> = TemplateSlotDataMap[K]