@aleph-alpha/chat-kit 2.1.1 → 2.2.0

package/dist/components/base/CkDropZoneOverlay/CkDropZoneOverlay.vue.d.ts

@@ -0,0 +1,31 @@
+import type { CkDropZoneOverlayProps, CkDropZoneRejection } from './types';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<CkDropZoneOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    files: (files: File[]) => any;
+    rejected: (rejections: CkDropZoneRejection[]) => any;
+}, string, import("vue").PublicProps, Readonly<CkDropZoneOverlayProps> & Readonly<{
+    onFiles?: ((files: File[]) => any) | undefined;
+    onRejected?: ((rejections: CkDropZoneRejection[]) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    disabled: boolean;
+    accept: string;
+    maxFileSizeBytes: number;
+    maxFiles: number;
+    heading: string;
+    hint: string;
+    showErrors: boolean;
+    errorTimeoutMs: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CkDropZoneOverlay.vue.d.ts.map

package/dist/components/base/CkDropZoneOverlay/CkDropZoneOverlay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkDropZoneOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkDropZoneOverlay/CkDropZoneOverlay.vue"],"names":[],"mappings":"AAsRA,OAAO,KAAK,EAEV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAkYjB,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/base/CkDropZoneOverlay/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CkDropZoneOverlay } from './CkDropZoneOverlay.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/base/CkDropZoneOverlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkDropZoneOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,mBAAmB,SAAS,CAAC"}

package/dist/components/base/CkDropZoneOverlay/types.d.ts

@@ -0,0 +1,88 @@
+/** Why a dropped file was rejected. */
+export type CkDropZoneRejectionReason = 'unsupported-type' | 'too-large' | 'too-many';
+export interface CkDropZoneRejection {
+    /** The offending file, when the rejection concerns a specific file. */
+    file?: File;
+    /** Machine-readable reason, for consumers building their own messaging. */
+    reason: CkDropZoneRejectionReason;
+    /** Default human-readable (English) message used by the built-in toast. */
+    message: string;
+}
+/**
+ * Full-window drag-and-drop overlay. Listens for file drags anywhere on the
+ * page, reveals a teleported overlay, validates dropped files against `accept`,
+ * `maxFileSizeBytes` and `maxFiles`, and emits the accepted files.
+ *
+ * Purely presentational and self-contained: it owns its own drag state and has
+ * no knowledge of the host app. All limits and copy are configurable, and
+ * rejection handling can be delegated to the consumer via the `rejected` event.
+ *
+ * @category Form Inputs
+ * @useCases page-level file attachment, drag-and-drop upload, chat composer
+ * @keywords drag and drop, drop zone, file upload, overlay, attachments
+ * @related CkFileItemsList, CkPromptInput
+ */
+export interface CkDropZoneOverlayProps {
+    /**
+     * HTML `accept` string used to validate dropped files (extensions, MIME
+     * types and `type/*` wildcards). Empty string accepts everything.
+     * @default ''
+     */
+    accept?: string;
+    /**
+     * Reject files larger than this many bytes.
+     * @default Number.POSITIVE_INFINITY
+     */
+    maxFileSizeBytes?: number;
+    /**
+     * Maximum number of files accepted per drop. Excess files are dropped and
+     * reported as a single rejection.
+     * @default Number.POSITIVE_INFINITY
+     */
+    maxFiles?: number;
+    /**
+     * When true, the overlay never appears and window drag events are ignored,
+     * so the page behaves normally (e.g. while a response is streaming or the
+     * attachment limit is already reached).
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Heading text. Defaults to a sensible singular/plural string derived from
+     * `maxFiles` (e.g. "Drop a file here to add to chat" vs "Drop files here to
+     * add to chat").
+     */
+    heading?: string;
+    /**
+     * Secondary hint shown under the heading (e.g. supported formats / limits).
+     * Pass an empty string to hide it.
+     * @default 'Add txt, docx, pdf, md, or csv'
+     */
+    hint?: string;
+    /**
+     * `aria-label` for the overlay dialog.
+     * @default 'Drop files anywhere to attach'
+     */
+    ariaLabel?: string;
+    /**
+     * Render the built-in error toast for rejected files. Set to `false` to take
+     * over messaging via the `rejected` event.
+     * @default true
+     */
+    showErrors?: boolean;
+    /**
+     * How long the built-in error toast stays visible, in milliseconds.
+     * @default 4000
+     */
+    errorTimeoutMs?: number;
+}
+export interface CkDropZoneOverlayEmits {
+    /** Files that passed validation, capped to `maxFiles`. */
+    (event: 'files', files: File[]): void;
+    /**
+     * Rejected files / drops. Emitted alongside the built-in toast so consumers
+     * can integrate their own notification system (and disable `showErrors`).
+     */
+    (event: 'rejected', rejections: CkDropZoneRejection[]): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/base/CkDropZoneOverlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkDropZoneOverlay/types.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,MAAM,MAAM,yBAAyB,GACjC,kBAAkB,GAClB,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2EAA2E;IAC3E,MAAM,EAAE,yBAAyB,CAAC;IAClC,2EAA2E;IAC3E,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,0DAA0D;IAC1D,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC;CAC9D"}

package/dist/components/base/CkFeedbackDialog/CkFeedbackDialog.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CkFeedbackDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/CkFeedbackDialog.vue"],"names":[],"mappings":"AA4SA,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AA6gBjB,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CkFeedbackDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFeedbackDialog/CkFeedbackDialog.vue"],"names":[],"mappings":"AAiUA,OAAO,KAAK,EACV,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AAohBjB,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/base/index.d.ts

@@ -3,6 +3,8 @@ export { CkAgentMessage } from './CkAgentMessage';
 export { CkConversationLayout } from './CkConversationLayout';
 export type { CkConversationLayoutProps } from './CkConversationLayout';
 export { CkCopyMessageActionButton } from './CkCopyMessageActionButton';
+export { CkDropZoneOverlay } from './CkDropZoneOverlay';
+export type { CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, } from './CkDropZoneOverlay';
 export { CkFeedbackButton } from './CkFeedbackButton';
 export type { CkFeedbackButtonProps, CkFeedbackValue, } from './CkFeedbackButton';
 export { CkFeedbackDialog } from './CkFeedbackDialog';

package/dist/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,WAAW,EACX,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export { CkAgentMessage, CkConversationLayout, CkCopyMessageActionButton, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageActionButton, CkModelSelector, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './base';
-export type { CkConversationLayoutProps, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkUserMessageProps, } from './base';
+export { CkAgentMessage, CkConversationLayout, CkCopyMessageActionButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistoryItem, CkHistoryWrapper, CkMarkdownRenderer, CkMessageActionButton, CkModelSelector, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './base';
+export type { CkConversationLayoutProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkUserMessageProps, } from './base';
 export { CkConversation, CkHistory, CkInput } from './composed';
 export type { CkConversationProps, CkHistoryEmits, CkHistoryProps, } from './composed';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAChE,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAChE,YAAY,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,GACf,MAAM,YAAY,CAAC"}

package/dist/components/index.js

@@ -1,24 +1,25 @@
-import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "../CkInput.vue_vue_type_script_setup_true_lang-DPZedAQS.js";
+import { _, a, b, C, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t } from "../CkInput.vue_vue_type_script_setup_true_lang-CjfKRuZs.js";
 export {
   _ as CkAgentMessage,
   a as CkConversation,
   b as CkConversationLayout,
   C as CkCopyMessageActionButton,
-  c as CkFeedbackButton,
-  d as CkFeedbackDialog,
-  e as CkFileItemsList,
-  f as CkHistory,
-  g as CkHistoryItem,
-  h as CkHistoryWrapper,
-  i as CkInput,
-  j as CkMarkdownRenderer,
-  k as CkMessageActionButton,
-  l as CkModelSelector,
-  m as CkPromptActionButton,
-  n as CkPromptInput,
-  o as CkPromptInputDisclaimer,
-  p as CkPromptStopButton,
-  q as CkSendIcon,
-  r as CkStopIcon,
-  s as CkUserMessage
+  c as CkDropZoneOverlay,
+  d as CkFeedbackButton,
+  e as CkFeedbackDialog,
+  f as CkFileItemsList,
+  g as CkHistory,
+  h as CkHistoryItem,
+  i as CkHistoryWrapper,
+  j as CkInput,
+  k as CkMarkdownRenderer,
+  l as CkMessageActionButton,
+  m as CkModelSelector,
+  n as CkPromptActionButton,
+  o as CkPromptInput,
+  p as CkPromptInputDisclaimer,
+  q as CkPromptStopButton,
+  r as CkSendIcon,
+  s as CkStopIcon,
+  t as CkUserMessage
 };

package/dist/composables/fileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/fileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAItE,eAAO,MAAM,2BAA2B,EAAE,oBAsEzC,CAAC;AAEF,QAAA,MAA2B,kCAAkC,+FACF,CAAC;AAE5D,OAAO,EAAE,kCAAkC,EAAE,4BAA4B,EAAE,CAAC;AAE5E,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,EAC1B,SAAS,EACT,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/fileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAItE,eAAO,MAAM,2BAA2B,EAAE,oBA0FzC,CAAC;AAEF,QAAA,MAA2B,kCAAkC,+FACF,CAAC;AAE5D,OAAO,EAAE,kCAAkC,EAAE,4BAA4B,EAAE,CAAC;AAE5E,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,EAC1B,SAAS,EACT,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/composables/index.js

@@ -1,4 +1,4 @@
-import { c, d, u, b, e, f } from "../index-BPXg1Yf6.js";
+import { c, d, u, b, e, f } from "../index-CfXEGjc7.js";
 export {
   c as createDocumentUploadProvider,
   d as defaultDocumentUploadConfig,

package/dist/{index-BPXg1Yf6.js → index-CfXEGjc7.js}

@@ -1534,40 +1534,60 @@ const defaultDocumentUploadConfig = {
   workflowConfig: {
     name: WORKFLOW_ID,
     workflow_name: "DocumentAI",
-    definition: { workflow_name: "DocumentAI" },
     parameters: {
-      initialization: {
-        store: { batch_size: 10, pages_per_part: 25 }
+      chunk_extraction: {
+        chunker: {
+          batch_size: 1,
+          chunk_overlap: 200,
+          chunk_size: 1200,
+          include_image_descriptions: false,
+          kind: "recursive",
+          separators: ["\n\n", "\n", " ", ".", ",", ""]
+        }
       },
       document_extraction: {
-        pdf_reader: { kind: "pypdf", batch_size: 10 },
         docx_reader: {
-          kind: "docx",
           batch_size: 10,
+          kind: "docx",
           split_by_sections: false
         },
-        pptx_reader: { kind: "pptx", batch_size: 10, include_notes: true },
-        xlsx_reader: {
-          kind: "xlsx",
+        markdown_reader: {
           batch_size: 10,
-          max_rows: 1e4,
-          max_cols: 100,
-          include_empty_sheets: false
+          kind: "markdown"
+        },
+        pdf_reader: {
+          batch_size: 10,
+          ignore_headers_footers: true,
+          kind: "vision",
+          max_tokens: 16384,
+          model: "gemini-2.5-flash",
+          retries: 3,
+          timeout: 120,
+          workers: 4
         },
-        markdown_reader: { kind: "markdown", batch_size: 10 },
         plaintext_reader: {
-          kind: "plaintext",
           batch_size: 10,
+          kind: "plaintext",
           max_content_size: 5e5,
           min_space_ratio: 0.02
+        },
+        pptx_reader: {
+          batch_size: 10,
+          include_notes: true,
+          kind: "pptx"
+        },
+        xlsx_reader: {
+          batch_size: 10,
+          include_empty_sheets: false,
+          kind: "xlsx",
+          max_cols: 100,
+          max_rows: 1e4
         }
       },
-      chunk_extraction: {
-        chunker: {
-          kind: "naive",
-          batch_size: 1,
-          include_image_descriptions: false,
-          chunk_size: 200
+      initialization: {
+        store: {
+          batch_size: 10,
+          pages_per_part: 25
         }
       }
     },

package/dist/index.d.ts

@@ -5,8 +5,8 @@ export { useChat, useConversationSessions, useConversations, } from './composabl
 export type { ChatActions, ChatState, ConversationSession, CreateConversationInput, MessageHandler, MutationOptions, UseChatReturn, UseConversationSessionsReturn, UseConversationsOptions, UseConversationsReturn, } from './composables';
 export { SdkError, createDocumentUploadProvider, defaultDocumentUploadConfig, defaultEndpoints, useDocumentUploadWithDefaultConfig, } from './composables/fileUpload';
 export type { DocumentUploadConfig, DocumentUploadProvider, FileEntry, FileStatus, } from './composables/fileUpload';
-export { CkAgentMessage, CkConversation, CkConversationLayout, CkCopyMessageActionButton, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkInput, CkMarkdownRenderer, CkMessageActionButton, CkModelSelector, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './components';
-export type { CkConversationLayoutProps, CkConversationProps, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkUserMessageProps, } from './components';
+export { CkAgentMessage, CkConversation, CkConversationLayout, CkCopyMessageActionButton, CkDropZoneOverlay, CkFeedbackButton, CkFeedbackDialog, CkFileItemsList, CkHistory, CkHistoryItem, CkHistoryWrapper, CkInput, CkMarkdownRenderer, CkMessageActionButton, CkModelSelector, CkPromptActionButton, CkPromptStopButton, CkPromptInput, CkPromptInputDisclaimer, CkSendIcon, CkStopIcon, CkUserMessage, } from './components';
+export type { CkConversationLayoutProps, CkConversationProps, CkDropZoneOverlayProps, CkDropZoneOverlayEmits, CkDropZoneRejection, CkDropZoneRejectionReason, CkFeedbackButtonProps, CkFeedbackDialogEmits, CkFeedbackDialogProps, CkFeedbackDialogSubmitPayload, CkFeedbackReason, CkFeedbackSentiment, CkFeedbackValue, CkFileEntry, CkFileItemsListEmits, CkFileItemsListProps, CkHistoryEmits, CkHistoryItemEmits, CkHistoryItemProps, CkHistoryProps, CkHistoryWrapperProps, CkMarkdownElementClasses, CkMarkdownRendererProps, CkModelOption, CkModelSelectorProps, CkModelSelectorEmits, CkUserMessageProps, } from './components';
 export { formatRelativeTime } from './helpers';
 export type { BaseMessage, Conversation, ConversationTree, MessageContent, MessageContentStatus, MessageMetadata, MessageReasoningContent, MessageRole, MessageStatus, MessageTextContent, MessageToolContent, TreeMessage, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AASpB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,aAAa,EACb,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,UAAU,GACX,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AASpB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EACL,OAAO,EACP,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,aAAa,EACb,6BAA6B,EAC7B,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,kCAAkC,GACnC,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,UAAU,GACX,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,uBAAuB,EACvB,UAAU,EACV,UAAU,EACV,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,oBAAoB,EACpB,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,YAAY,EACV,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACvB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,36 +1,37 @@
 import { u } from "./useMessageHandler-CMdy-lm0.js";
 import { C, d, p, u as u2, a } from "./useChatKitLabels-ZutacPad.js";
-import { S, c, d as d2, a as a2, u as u3, b, e, f } from "./index-BPXg1Yf6.js";
-import { _, a as a3, b as b2, C as C2, c as c2, d as d3, e as e2, f as f2, g, h, i, j, k, l, m, n, o, p as p2, q, r, s, t } from "./CkInput.vue_vue_type_script_setup_true_lang-DPZedAQS.js";
+import { S, c, d as d2, a as a2, u as u3, b, e, f } from "./index-CfXEGjc7.js";
+import { _, a as a3, b as b2, C as C2, c as c2, d as d3, e as e2, f as f2, g, h, i, j, k, l, m, n, o, p as p2, q, r, s, t, u as u4 } from "./CkInput.vue_vue_type_script_setup_true_lang-CjfKRuZs.js";
 export {
   C as CHAT_KIT_LABELS,
   _ as CkAgentMessage,
   a3 as CkConversation,
   b2 as CkConversationLayout,
   C2 as CkCopyMessageActionButton,
-  c2 as CkFeedbackButton,
-  d3 as CkFeedbackDialog,
-  e2 as CkFileItemsList,
-  f2 as CkHistory,
-  g as CkHistoryItem,
-  h as CkHistoryWrapper,
-  i as CkInput,
-  j as CkMarkdownRenderer,
-  k as CkMessageActionButton,
-  l as CkModelSelector,
-  m as CkPromptActionButton,
-  n as CkPromptInput,
-  o as CkPromptInputDisclaimer,
-  p2 as CkPromptStopButton,
-  q as CkSendIcon,
-  r as CkStopIcon,
-  s as CkUserMessage,
+  c2 as CkDropZoneOverlay,
+  d3 as CkFeedbackButton,
+  e2 as CkFeedbackDialog,
+  f2 as CkFileItemsList,
+  g as CkHistory,
+  h as CkHistoryItem,
+  i as CkHistoryWrapper,
+  j as CkInput,
+  k as CkMarkdownRenderer,
+  l as CkMessageActionButton,
+  m as CkModelSelector,
+  n as CkPromptActionButton,
+  o as CkPromptInput,
+  p2 as CkPromptInputDisclaimer,
+  q as CkPromptStopButton,
+  r as CkSendIcon,
+  s as CkStopIcon,
+  t as CkUserMessage,
   S as SdkError,
   c as createDocumentUploadProvider,
   d as defaultChatKitLabels,
   d2 as defaultDocumentUploadConfig,
   a2 as defaultEndpoints,
-  t as formatRelativeTime,
+  u4 as formatRelativeTime,
   p as provideChatKitLabels,
   u3 as useChat,
   u2 as useChatKitLabels,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/base/CkDropZoneOverlay/CkDropZoneIllustration.vue

@@ -0,0 +1,125 @@
+<script setup lang="ts">
+defineOptions({ name: 'CkDropZoneIllustration' });
+</script>
+
+<template>
+  <svg
+    width="208"
+    height="144"
+    viewBox="0 0 208 144"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-hidden="true"
+    focusable="false"
+  >
+    <g clip-path="url(#ck-drop-zone-clip)">
+      <path
+        d="M0 71.5391C0 32.0292 32.0292 0 71.5391 0H135.739C175.249 0 207.278 32.0292 207.278 71.5391C207.278 111.049 175.249 143.078 135.739 143.078H71.5392C32.0292 143.078 0 111.049 0 71.5391Z"
+        fill="#F2EBE8"
+      />
+      <path
+        d="M120.899 98.2608L134.973 45.7385C135.223 44.805 136.182 44.251 137.116 44.5011L172.976 54.1098C173.909 54.3599 174.463 55.3195 174.213 56.2531L160.14 108.775C159.89 109.709 158.93 110.263 157.997 110.013L122.137 100.404C121.203 100.154 120.649 99.1943 120.899 98.2608Z"
+        fill="#FFCCBB"
+        stroke="#333333"
+      />
+      <g>
+        <path
+          d="M153.839 69.86L144.18 67.2718C143.118 66.9871 142.015 67.6235 141.731 68.686L137.589 84.1409C137.305 85.2034 137.941 86.3056 139.004 86.5904L150.595 89.6962C151.657 89.9809 152.76 89.3445 153.044 88.282L156.668 74.759L153.839 69.86Z"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M153.839 69.86L153.063 72.7578C152.921 73.2891 153.239 73.8402 153.77 73.9825L156.668 74.759"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M143.783 76.4828L151.51 78.5534"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M143.006 79.3806L150.733 81.4511"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M142.23 82.2784L147.059 83.5725"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </g>
+      <path
+        d="M86.3795 98.2608L72.3062 45.7385C72.0561 44.805 71.0965 44.251 70.1629 44.5011L34.3029 54.1098C33.3694 54.3599 32.8153 55.3195 33.0655 56.2531L47.1388 108.775C47.3889 109.709 48.3485 110.263 49.2821 110.013L85.1421 100.404C86.0756 100.154 86.6297 99.1943 86.3795 98.2608Z"
+        fill="#FFE9B5"
+        stroke="#333333"
+      />
+      <g>
+        <path
+          d="M60.3294 76.0227L58.0001 67.3293C60.3057 66.7116 62.7623 67.035 64.8294 68.2284C66.8966 69.4219 68.405 71.3877 69.0228 73.6933L60.3294 76.0227Z"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M55.3303 68.8899C54.4077 69.3934 53.5755 70.0573 52.8752 70.8559C51.7015 72.1942 50.9511 73.8504 50.7187 75.6152C50.4864 77.38 50.7826 79.1741 51.5699 80.7706C52.3572 82.367 53.6002 83.6942 55.1417 84.5842C56.6833 85.4742 58.4541 85.8871 60.2304 85.7707C62.0066 85.6543 63.7084 85.0138 65.1206 83.9302C66.5328 82.8465 67.5919 81.3685 68.1641 79.6829C68.5135 78.6536 68.6717 77.5751 68.6371 76.4998"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </g>
+      <path
+        d="M76.5186 107.5L76.5185 35C76.5185 33.6193 77.6378 32.5 79.0185 32.5H128.519C129.899 32.5 131.019 33.6193 131.019 35V107.5C131.019 108.881 129.899 110 128.519 110H79.0186C77.6378 110 76.5186 108.881 76.5186 107.5Z"
+        fill="#FFB3DD"
+        stroke="#333333"
+      />
+      <g>
+        <path
+          d="M107.519 56.8335H95.519C94.419 56.8335 93.519 57.7335 93.519 58.8335V82.1665C93.519 83.2675 94.419 84.1665 95.519 84.1665H111.519C112.619 84.1665 113.519 83.2675 113.519 82.1665V64.8335L107.519 56.8335Z"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M107.519 56.8335V62.8335C107.519 63.9335 108.419 64.8335 109.519 64.8335H113.519"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M103.519 78.8335V70.8335"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+        <path
+          d="M99.519 74.8335L103.519 70.8335L107.519 74.8335"
+          stroke="#1D1D1B"
+          stroke-width="1.75"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="ck-drop-zone-clip">
+        <rect width="208" height="144" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/components/base/CkDropZoneOverlay/CkDropZoneOverlay.spec.ts

@@ -0,0 +1,104 @@
+import { render } from '@testing-library/vue';
+import { afterEach, describe, expect, it } from 'vitest';
+import { nextTick } from 'vue';
+import CkDropZoneOverlay from './CkDropZoneOverlay.vue';
+
+/**
+ * jsdom has no real `DataTransfer`/`DragEvent`, so we fake the minimal surface
+ * the component reads: `dataTransfer.types` (drag detection) and
+ * `dataTransfer.files` (the drop payload).
+ */
+function fileDragEvent(type: string, files: File[] = []): Event {
+  const event = new Event(type, { bubbles: true, cancelable: true });
+  Object.defineProperty(event, 'dataTransfer', {
+    value: { types: ['Files'], files },
+  });
+  return event;
+}
+
+const overlay = () =>
+  document.querySelector<HTMLElement>('[data-slot="drop-zone-overlay"]');
+const errorToast = () =>
+  document.querySelector<HTMLElement>('[data-slot="drop-zone-errors"]');
+
+async function enterDrag() {
+  window.dispatchEvent(fileDragEvent('dragenter'));
+  await nextTick();
+}
+
+afterEach(() => {
+  // Reset window drag state between tests in case a drop didn't fire.
+  window.dispatchEvent(fileDragEvent('drop'));
+});
+
+describe('CkDropZoneOverlay', () => {
+  it('is hidden until a file drag enters the window', async () => {
+    render(CkDropZoneOverlay);
+    expect(overlay()).toBeNull();
+
+    await enterDrag();
+    expect(overlay()).not.toBeNull();
+  });
+
+  it('stays hidden while disabled', async () => {
+    render(CkDropZoneOverlay, { props: { disabled: true } });
+    await enterDrag();
+    expect(overlay()).toBeNull();
+  });
+
+  it('emits accepted files on drop', async () => {
+    const { emitted } = render(CkDropZoneOverlay);
+    await enterDrag();
+
+    const file = new File(['hello'], 'report.pdf', { type: 'application/pdf' });
+    overlay()!.dispatchEvent(fileDragEvent('drop', [file]));
+    await nextTick();
+
+    expect(emitted('files')).toEqual([[[file]]]);
+  });
+
+  it('rejects files that do not match `accept`', async () => {
+    const { emitted } = render(CkDropZoneOverlay, {
+      props: { accept: '.pdf' },
+    });
+    await enterDrag();
+
+    const file = new File(['x'], 'image.png', { type: 'image/png' });
+    overlay()!.dispatchEvent(fileDragEvent('drop', [file]));
+    await nextTick();
+
+    expect(emitted('files')).toBeUndefined();
+    const rejected = emitted('rejected') as unknown[][] | undefined;
+    expect(rejected).toBeTruthy();
+    expect(rejected![0][0]).toMatchObject([{ reason: 'unsupported-type' }]);
+    expect(errorToast()).not.toBeNull();
+  });
+
+  it('caps the drop to `maxFiles` and reports the overflow', async () => {
+    const { emitted } = render(CkDropZoneOverlay, { props: { maxFiles: 1 } });
+    await enterDrag();
+
+    const a = new File(['a'], 'a.txt', { type: 'text/plain' });
+    const b = new File(['b'], 'b.txt', { type: 'text/plain' });
+    overlay()!.dispatchEvent(fileDragEvent('drop', [a, b]));
+    await nextTick();
+
+    expect(emitted('files')).toEqual([[[a]]]);
+    const rejected = emitted('rejected') as unknown[][];
+    expect(rejected[0][0]).toMatchObject([{ reason: 'too-many' }]);
+  });
+
+  it('suppresses the built-in toast when showErrors is false', async () => {
+    const { emitted } = render(CkDropZoneOverlay, {
+      props: { accept: '.pdf', showErrors: false },
+    });
+    await enterDrag();
+
+    const file = new File(['x'], 'image.png', { type: 'image/png' });
+    overlay()!.dispatchEvent(fileDragEvent('drop', [file]));
+    await nextTick();
+
+    expect(emitted('rejected')).toBeTruthy();
+    expect(errorToast()).toBeNull();
+  });
+});