@epam/ai-dial-attachment-input 1.0.0-dev.462 → 1.0.0-dev.469

package/components/AttachmentCard/AttachmentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCard/AttachmentCard.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAKvE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsVlD,CAAC"}
+{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCard/AttachmentCard.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,KAAK,EAAE,EAAgD,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAKvE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsWlD,CAAC"}

package/components/AttachmentFileRow/AttachmentFileRow.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AttachmentFileRowProps } from '../../models/AttachmentFileRow';
+/**
+ * Non-previewable attachment tile: a uniform neutral square holding the
+ * glyph, extension label, and filename together (no external caption, no
+ * per-type color). Type is communicated by glyph + extension text only;
+ * color is reserved for upload state (failed = red tile + icon-only retry,
+ * uploading = progress bar). Download/retry are icon-only, matching the
+ * rest of the app.
+ */
+export declare const AttachmentFileRow: FC<AttachmentFileRowProps>;
+//# sourceMappingURL=AttachmentFileRow.d.ts.map

package/components/AttachmentFileRow/AttachmentFileRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentFileRow.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentFileRow/AttachmentFileRow.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,EAAE,EAAuC,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAU7E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAuKxD,CAAC"}

package/components/AttachmentGroup/AttachmentGroup.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AttachmentGroupProps } from '../../models/AttachmentGroup';
+/**
+ * Adaptive attachment group for an already-sent message: every attachment —
+ * image or file — renders as one uniform 84x84 rounded-square tile, wrapped
+ * in a single grid. 5+ attachments collapse behind a "+N" tile; expanding
+ * reveals a same-shaped collapse tile to show less again. Type is
+ * communicated by glyph + extension text only; color is reserved for
+ * upload state. Download actions are icon-only, matching the rest of the app.
+ */
+export declare const AttachmentGroup: FC<AttachmentGroupProps>;
+//# sourceMappingURL=AttachmentGroup.d.ts.map

package/components/AttachmentGroup/AttachmentGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentGroup/AttachmentGroup.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAczE;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAqJpD,CAAC"}

package/components/AttachmentMoreTile/AttachmentMoreTile.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { AttachmentMoreTileProps } from '../../models/AttachmentMoreTile';
+/**
+ * Square placeholder tile shown in the attachment grid: a "+N" tile when
+ * collapsed (activating it expands the group), or — via `children` — a
+ * collapse-icon tile in the same tile form for "show less".
+ */
+export declare const AttachmentMoreTile: FC<AttachmentMoreTileProps>;
+//# sourceMappingURL=AttachmentMoreTile.d.ts.map

package/components/AttachmentMoreTile/AttachmentMoreTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentMoreTile.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentMoreTile/AttachmentMoreTile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAG/E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAmB1D,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._card_11tpd_1{border-color:var(--ci-card-border,var(--stroke-secondary,#d1dbea));background:var(--ci-card-bg,var(--bg-layer-0,#fcfcfc))}._cardError_11tpd_6{border-color:var(--ci-card-border-error,var(--stroke-error,#ae2f2f))}._cardSelected_11tpd_10{background:var(--ci-card-bg-selected,var(--bg-accent-primary-alpha,#7da4ff2e));border-color:var(--ci-card-border-selected,var(--stroke-accent-primary,#124ace))}._cardPrompt_11tpd_15:hover,._cardPasted_11tpd_16:hover{background:var(--ci-card-bg-hover,var(--controls-bg-neutral-hover,#d1dbea))}._name_11tpd_20{color:var(--ci-card-name,var(--text-primary,#161b2d))}._meta_11tpd_24{color:var(--ci-card-meta,var(--text-secondary,#575f73))}._loadingOverlay_11tpd_28{background:var(--ci-loading-overlay-bg,var(--bg-blackout,#0c101d4d))}._actionBtn_11tpd_32{color:var(--ci-card-action-color,var(--text-primary,#161b2d))}._actionBtn_11tpd_32:hover{background:var(--ci-card-remove-bg-hover,var(--bg-layer-3,#fcfcfc))}._card_11tpd_1:focus-within{outline-color:var(--ci-card-focus-outline,var(--controls-stroke-focus,#eef1f7))}._removeBtnImage_11tpd_43{background:var(--ci-card-remove-bg,var(--bg-layer-2,#eef1f7));color:var(--ci-card-remove-color,var(--text-primary,#161b2d))}._removeBtnImage_11tpd_43:hover{background:var(--ci-card-remove-bg-hover,var(--bg-layer-3,#fcfcfc))}
+._card_1wsze_1{border-color:var(--ci-card-border,var(--stroke-secondary,#d1dbea));background:var(--ci-card-bg,var(--bg-layer-0,#fcfcfc))}._cardError_1wsze_6{border-color:var(--ci-card-border-error,var(--stroke-error,#ae2f2f))}._cardSelected_1wsze_10{background:var(--ci-card-bg-selected,var(--bg-accent-primary-alpha,#7da4ff2e));border-color:var(--ci-card-border-selected,var(--stroke-accent-primary,#124ace))}._cardPrompt_1wsze_15:hover,._cardPasted_1wsze_16:hover{background:var(--ci-card-bg-hover,var(--controls-bg-neutral-hover,#d1dbea))}._name_1wsze_20{color:var(--ci-card-name,var(--text-primary,#161b2d))}._meta_1wsze_24{color:var(--ci-card-meta,var(--text-secondary,#575f73))}._loadingOverlay_1wsze_28{background:var(--ci-loading-overlay-bg,var(--bg-blackout,#0c101d4d))}._actionBtn_1wsze_32{color:var(--ci-card-action-color,var(--text-primary,#161b2d))}._actionBtn_1wsze_32:hover{background:var(--ci-card-remove-bg-hover,var(--bg-layer-3,#fcfcfc))}._card_1wsze_1:focus-within{outline-color:var(--ci-card-focus-outline,var(--controls-stroke-focus,#eef1f7))}._removeBtnImage_1wsze_43{background:var(--ci-card-remove-bg,var(--bg-layer-2,#eef1f7));color:var(--ci-card-remove-color,var(--text-primary,#161b2d))}._removeBtnImage_1wsze_43:hover{background:var(--ci-card-remove-bg-hover,var(--bg-layer-3,#fcfcfc))}._hoverDownloadIcon_1wsze_51{background:var(--ci-card-hover-icon-bg,var(--bg-layer-2,#161b2d));color:var(--ci-card-hover-icon-color,var(--text-primary,#eef1f7))}._tile_1x7ag_2{background:var(--ci-tile-bg,var(--bg-layer-3,#1d2439));border-color:var(--ci-tile-border,var(--stroke-secondary,#d1dbea))}._tile_1x7ag_2:hover{border-color:var(--ci-tile-border-hover,#0000001f)}._tile_1x7ag_2:focus-visible{outline-color:var(--ci-tile-focus-outline,var(--controls-stroke-focus,#eef1f7))}._tileLight_1x7ag_27{background:var(--ci-tile-bg,var(--bg-layer-6,#f8fafc))}._tileError_1x7ag_31{background:var(--ci-tile-bg-error,var(--bg-error,#402027));border-color:var(--ci-tile-border-error,var(--stroke-error,#f76464))}._tileError_1x7ag_31:hover{border-color:var(--ci-tile-border-error,var(--stroke-error,#f76464))}._tileError_1x7ag_31 ._nameText_1x7ag_38,._tileError_1x7ag_31 ._typeText_1x7ag_39{color:var(--ci-tile-error-text,var(--text-error,#ae2f2f))}._nameText_1x7ag_38{color:var(--ci-tile-name-text,var(--text-primary,#161b2d))}._typeText_1x7ag_39{color:var(--ci-tile-type-text,var(--text-secondary,#575f73))}._retryIcon_1x7ag_51{color:var(--ci-tile-error-text,var(--text-error,#ae2f2f))}._hoverIcon_1x7ag_55{background:var(--ci-tile-hover-icon-bg,var(--bg-layer-2,#161b2d));color:var(--ci-tile-hover-icon-color,var(--text-primary,#eef1f7))}._track_1x7ag_60{background:var(--ci-tile-track-bg,var(--bg-layer-1,#0c101d))}._indeterminateFill_1x7ag_64{background:var(--ci-tile-fill-bg,var(--bg-accent-primary,#5c8dea));animation:1.2s ease-in-out infinite _attachment-tile-indeterminate_1x7ag_1}@media (prefers-reduced-motion:reduce){._indeterminateFill_1x7ag_64{animation:none}}@keyframes _attachment-tile-indeterminate_1x7ag_1{0%{transform:translate(-100%)}to{transform:translate(300%)}}._tile_kvom5_1{background:var(--ci-more-tile-bg,var(--bg-layer-2,#161b2d));border-color:var(--ci-more-tile-border,var(--stroke-secondary,#d1dbea));color:var(--ci-more-tile-color,var(--text-secondary,#575f73))}._tile_kvom5_1:hover{background:var(--ci-more-tile-bg-hover,var(--bg-accent-primary-alpha,#7da4ff2e));color:var(--ci-more-tile-color-hover,var(--bg-accent-primary,#2764d9));border-color:var(--ci-more-tile-border-hover,color-mix(in srgb, var(--stroke-accent-primary,#7da4ff) 50%, transparent))}._tile_kvom5_1:focus-visible{outline-color:var(--ci-more-tile-focus-outline,var(--controls-stroke-focus,#eef1f7))}._container_4zxg9_1{background:var(--ci-group-bg,var(--bg-layer-2,#161b2d));border-color:var(--ci-group-border,var(--stroke-secondary,#d1dbea))}._headerIcon_4zxg9_6,._headerLabel_4zxg9_7,._downloadAllButton_4zxg9_8{color:var(--text-secondary,#575f73)}._imageTile_4zxg9_12{--ci-card-bg:var(--bg-layer-3,#1d2439)}
 /*$vite$:1*/

package/index.d.ts

@@ -1,15 +1,23 @@
 export { AttachmentCard } from './components/AttachmentCard/AttachmentCard';
 export { AttachmentTray } from './components/AttachmentTray/AttachmentTray';
+export { AttachmentGroup } from './components/AttachmentGroup/AttachmentGroup';
+export { AttachmentFileRow } from './components/AttachmentFileRow/AttachmentFileRow';
+export { AttachmentMoreTile } from './components/AttachmentMoreTile/AttachmentMoreTile';
 export { FileDndOverlay } from './components/FileDndOverlay/FileDndOverlay';
 export type { AttachmentCardProps, AttachmentCardColors, AttachmentCardTypography, } from './models/AttachmentCard';
 export type { AttachmentTrayProps } from './models/AttachmentTray';
+export type { AttachmentGroupProps } from './models/AttachmentGroup';
+export type { AttachmentFileRowProps } from './models/AttachmentFileRow';
+export type { AttachmentMoreTileProps } from './models/AttachmentMoreTile';
 export type { FileDndOverlayProps } from './models/FileDndOverlay';
 export { useClipboardPaste } from './hooks/useClipboardPaste';
 export { useLazyImageLoad, LazyImageLoadStatus, } from './hooks/useLazyImageLoad';
 export { generateAttachmentId } from './utils/generateAttachmentId';
-export { getAttachmentCardState } from './utils/getAttachmentCardState';
+export { getAttachmentCardState, getExtFromContentType, } from './utils/getAttachmentCardState';
 export type { AttachmentCardState } from './utils/getAttachmentCardState';
 export { getAttachmentIcon } from './utils/getAttachmentIcon';
+export { getAttachmentTilesPlan, AttachmentTilesLayout, ATTACHMENT_COLLAPSE_THRESHOLD, ATTACHMENT_COLLAPSED_VISIBLE_COUNT, } from './utils/getAttachmentGroupLayout';
+export type { AttachmentTilesPlan } from './utils/getAttachmentGroupLayout';
 export { getNameWithoutExtension } from './utils/getNameWithoutExtension';
 export { mimeTypesToExtensionLabels, isMimeTypeAllowed, } from './utils/attachment-mime';
 export { MAX_UPLOADS_PER_MINUTE } from './constants/upload';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EACL,0BAA0B,EAC1B,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,YAAY,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EACL,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,6BAA6B,EAC7B,kCAAkC,GACnC,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EACL,0BAA0B,EAC1B,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}

package/index.js

@@ -1,16 +1,16 @@
-import { AttachmentErrorReason as e, AttachmentType as t, Highlight as n, MIME_TYPE_EXT_MAP as r, RequestStatus as i, buildCssVars as a, mergeClasses as o } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as s, DialGhostIconButton as c, DialSkeleton as l, DialSkeletonVariant as u, DialSpinner as d, ElementSize as f } from "@epam/ai-dial-ui-kit";
-import { IconClipboard as p, IconDownload as ee, IconFile as m, IconFileDescription as h, IconFileTypeBmp as g, IconFileTypeCss as _, IconFileTypeCsv as v, IconFileTypeDoc as te, IconFileTypeDocx as ne, IconFileTypeHtml as y, IconFileTypeJpg as b, IconFileTypeJs as x, IconFileTypeJsx as S, IconFileTypePdf as C, IconFileTypePhp as w, IconFileTypePng as T, IconFileTypePpt as E, IconFileTypeRs as D, IconFileTypeSql as O, IconFileTypeSvg as k, IconFileTypeTs as A, IconFileTypeTsx as j, IconFileTypeTxt as M, IconFileTypeVue as N, IconFileTypeXls as P, IconFileTypeXml as F, IconFileTypeZip as re, IconFileX as ie, IconMusic as I, IconPhoto as L, IconReload as ae, IconTerminal2 as R, IconVideo as z, IconX as oe } from "@tabler/icons-react";
-import { useCallback as B, useEffect as V, useMemo as se, useRef as H, useState as U } from "react";
-import { Fragment as W, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { AttachmentErrorReason as e, AttachmentType as t, CodeBlockTheme as n, Highlight as r, MIME_TYPE_EXT_MAP as i, RequestStatus as a, buildCssVars as o, mergeClasses as s } from "@epam/ai-dial-chat-shared";
+import { DIAL_ICON_SIZE as c, DialGhostIconButton as l, DialSkeleton as u, DialSkeletonVariant as d, DialSpinner as f, ElementSize as p } from "@epam/ai-dial-ui-kit";
+import { IconChevronUp as m, IconClipboard as h, IconDownload as g, IconFile as _, IconFileDescription as v, IconFileTypeBmp as y, IconFileTypeCss as b, IconFileTypeCsv as x, IconFileTypeDoc as S, IconFileTypeDocx as C, IconFileTypeHtml as w, IconFileTypeJpg as T, IconFileTypeJs as E, IconFileTypeJsx as D, IconFileTypePdf as O, IconFileTypePhp as k, IconFileTypePng as A, IconFileTypePpt as j, IconFileTypeRs as M, IconFileTypeSql as N, IconFileTypeSvg as P, IconFileTypeTs as F, IconFileTypeTsx as I, IconFileTypeTxt as L, IconFileTypeVue as ee, IconFileTypeXls as te, IconFileTypeXml as ne, IconFileTypeZip as R, IconFileX as z, IconMusic as B, IconPaperclip as V, IconPhoto as H, IconReload as re, IconTerminal2 as ie, IconVideo as ae, IconX as oe } from "@tabler/icons-react";
+import { useCallback as U, useEffect as W, useMemo as se, useRef as ce, useState as G } from "react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
 //#region src/hooks/useLazyImageLoad.ts
-var q = /* @__PURE__ */ function(e) {
+var Y = /* @__PURE__ */ function(e) {
 	return e.Idle = "idle", e.Loading = "loading", e.Loaded = "loaded", e.Error = "error", e;
-}({}), ce = ({ enabled: e, src: t }) => {
-	let n = H(null), [r, i] = U("idle");
-	return V(() => {
+}({}), le = ({ enabled: e, src: t }) => {
+	let n = ce(null), [r, i] = G("idle");
+	return W(() => {
 		i(e && t ? "loading" : "idle");
-	}, [e, t]), V(() => {
+	}, [e, t]), W(() => {
 		let r = n.current;
 		if (!r || !e || !t) return;
 		let a = () => i("loaded"), o = () => i("error");
@@ -21,327 +21,521 @@ var q = /* @__PURE__ */ function(e) {
 		imageRef: n,
 		imageLoadStatus: r
 	};
-}, J = {
-	card: "_card_11tpd_1",
-	cardError: "_cardError_11tpd_6",
-	cardSelected: "_cardSelected_11tpd_10",
-	cardPrompt: "_cardPrompt_11tpd_15",
-	cardPasted: "_cardPasted_11tpd_16",
-	name: "_name_11tpd_20",
-	meta: "_meta_11tpd_24",
-	loadingOverlay: "_loadingOverlay_11tpd_28",
-	actionBtn: "_actionBtn_11tpd_32",
-	removeBtnImage: "_removeBtnImage_11tpd_43"
-}, Y = (e) => {
-	if (!e) return m;
+}, X = {
+	card: "_card_1wsze_1",
+	cardError: "_cardError_1wsze_6",
+	cardSelected: "_cardSelected_1wsze_10",
+	cardPrompt: "_cardPrompt_1wsze_15",
+	cardPasted: "_cardPasted_1wsze_16",
+	name: "_name_1wsze_20",
+	meta: "_meta_1wsze_24",
+	loadingOverlay: "_loadingOverlay_1wsze_28",
+	actionBtn: "_actionBtn_1wsze_32",
+	removeBtnImage: "_removeBtnImage_1wsze_43",
+	hoverDownloadIcon: "_hoverDownloadIcon_1wsze_51"
+}, Z = (e) => {
+	if (!e) return _;
 	if (e.startsWith("image/")) switch (e) {
 		case "image/jpeg":
-		case "image/jpg": return b;
-		case "image/png": return T;
-		case "image/svg+xml": return k;
-		case "image/bmp": return g;
-		default: return L;
+		case "image/jpg": return T;
+		case "image/png": return A;
+		case "image/svg+xml": return P;
+		case "image/bmp": return y;
+		default: return H;
 	}
-	if (e.startsWith("video/")) return z;
-	if (e.startsWith("audio/")) return I;
+	if (e.startsWith("video/")) return ae;
+	if (e.startsWith("audio/")) return B;
 	switch (e) {
-		case "application/pdf": return C;
+		case "application/pdf": return O;
 		case "application/msword":
-		case "application/vnd.ms-word": return te;
-		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return ne;
-		case "application/vnd.ms-powerpoint": return E;
-		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return E;
-		case "application/vnd.ms-excel": return P;
-		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return P;
+		case "application/vnd.ms-word": return S;
+		case "application/vnd.openxmlformats-officedocument.wordprocessingml.document": return C;
+		case "application/vnd.ms-powerpoint": return j;
+		case "application/vnd.openxmlformats-officedocument.presentationml.presentation": return j;
+		case "application/vnd.ms-excel": return te;
+		case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": return te;
 		case "application/zip":
 		case "application/x-zip-compressed":
 		case "application/x-rar-compressed":
 		case "application/x-7z-compressed":
 		case "application/gzip":
-		case "application/x-tar": return re;
-		case "text/csv": return v;
-		case "text/plain": return M;
+		case "application/x-tar": return R;
+		case "text/csv": return x;
+		case "text/plain": return L;
 		case "text/html":
-		case "application/xhtml+xml": return y;
+		case "application/xhtml+xml": return w;
 		case "text/xml":
-		case "application/xml": return F;
+		case "application/xml": return ne;
 		case "application/sql":
-		case "text/x-sql": return O;
+		case "text/x-sql": return N;
 		case "text/javascript":
-		case "application/javascript": return x;
-		case "text/jsx": return S;
+		case "application/javascript": return E;
+		case "text/jsx": return D;
 		case "application/typescript":
-		case "text/typescript": return A;
-		case "text/tsx": return j;
-		case "text/css": return _;
+		case "text/typescript": return F;
+		case "text/tsx": return I;
+		case "text/css": return b;
 		case "text/x-php":
-		case "application/x-php": return w;
+		case "application/x-php": return k;
 		case "text/x-rustsrc":
-		case "application/x-rust": return D;
-		case "text/x-vue": return N;
-		default: return m;
+		case "application/x-rust": return M;
+		case "text/x-vue": return ee;
+		default: return _;
 	}
-}, X = (e) => {
+}, ue = (e) => {
 	let { type: n, contentType: r } = e;
-	return n === t.Prompt ? R : n === t.Pasted ? p : n === t.Image ? L : Y(r ?? "");
-}, Z = (e) => {
-	let t = e.toLowerCase().split(";")[0].trim(), n = r[t];
+	return n === t.Prompt ? ie : n === t.Pasted ? h : n === t.Image ? H : Z(r ?? "");
+}, de = (e) => {
+	let t = e.toLowerCase().split(";")[0].trim(), n = i[t];
 	if (n) return n;
-	let i = t.split("/")[1];
-	if (i && !i.startsWith("vnd.") && !i.includes("+")) return i;
-}, le = (e) => {
+	let r = t.split("/")[1];
+	if (r && !r.startsWith("vnd.") && !r.includes("+")) return r;
+}, fe = (e) => {
 	let { type: n, name: r, contentType: i } = e;
 	if (n === t.Prompt) return "Prompt";
 	if (n === t.Pasted) return "Pasted";
 	if (n === t.Image) return "Image";
 	if (i) {
-		let e = Z(i);
+		let e = de(i);
 		if (e) return `.${e}`;
 	}
 	let a = r.lastIndexOf(".");
 	return a > 0 && a < r.length - 1 ? `.${r.slice(a + 1).toLowerCase()}` : r;
-}, ue = (e, n, r) => {
-	let { type: a, status: s, previewUrl: c, url: l } = e, u = s === i.Loading, d = s === i.Error, f = a === t.Image && !!(c ?? l) && !d, p = a === t.Audio && !d, ee = o(J.card, d && J.cardError, n && J.cardSelected, !d && !n && a === t.Prompt && J.cardPrompt, !d && !n && a === t.Pasted && J.cardPasted);
+}, pe = (e, n, r) => {
+	let { type: i, status: o, previewUrl: c, url: l } = e, u = o === a.Loading, d = o === a.Error, f = i === t.Image && !!(c ?? l) && !d, p = i === t.Audio && !d, m = s(X.card, d && X.cardError, n && X.cardSelected, !d && !n && i === t.Prompt && X.cardPrompt, !d && !n && i === t.Pasted && X.cardPasted);
 	return {
 		isLoading: u,
 		isError: d,
 		isImage: f,
 		isAudio: p,
 		areActionsVisible: d || r,
-		BottomIcon: X(e),
-		typeLabel: le(e),
-		cardColorClass: ee,
-		removeBtnClass: f ? J.removeBtnImage : J.actionBtn
+		BottomIcon: ue(e),
+		typeLabel: fe(e),
+		cardColorClass: m,
+		removeBtnClass: f ? X.removeBtnImage : X.actionBtn
 	};
-}, Q = (e) => {
+}, me = (e) => {
 	let t = e.lastIndexOf(".");
 	return t > 0 ? e.slice(0, t) : e;
-}, de = ({ attachment: r, searchQuery: i = "", onRemove: p, onRetry: m, onExpand: h, onClick: g, isSelected: _, shouldAlwaysShowActions: v, removeLabel: te = "Remove attachment", retryLabel: ne = "Retry upload", clickLabel: y = "Open attachment", colors: b, typography: x, roundedClassName: S = "rounded", className: C }) => {
-	let { id: w, name: T } = r, E = r.previewUrl ?? r.url, D = r.type === t.Pasted, O = D && h !== void 0, k = g !== void 0 && !O, A = O || k, j = se(() => D ? T : Q(T), [D, T]), M = a({
-		"--ci-card-border": b?.border,
-		"--ci-card-bg": b?.background,
-		"--ci-card-name": b?.nameText,
-		"--ci-card-meta": b?.metaText
-	}), { isLoading: N, isError: P, isImage: F, isAudio: re, areActionsVisible: ie, BottomIcon: I, typeLabel: R, cardColorClass: z, removeBtnClass: B } = se(() => ue(r, _ ?? !1, v ?? !1), [
-		r,
-		_,
-		v
-	]), { imageRef: V, imageLoadStatus: H } = ce({
-		enabled: F,
-		src: E
-	}), U = () => {
-		O && h ? h(w) : k && g && g(w);
-	}, Y = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), U());
+}, he = ({ attachment: n, searchQuery: i = "", onRemove: a, onRetry: m, onExpand: h, onClick: _, isSelected: v, shouldAlwaysShowActions: y, removeLabel: b = "Remove attachment", retryLabel: x = "Retry upload", clickLabel: S = "Open attachment", colors: C, typography: w, roundedClassName: T = "rounded-xl", showHoverDownloadIcon: E = !1, className: D }) => {
+	let { id: O, name: k } = n, A = n.previewUrl ?? n.url, j = n.type === t.Pasted, M = j && h !== void 0, N = se(() => j ? k : me(k), [j, k]), P = o({
+		"--ci-card-border": C?.border,
+		"--ci-card-bg": C?.background,
+		"--ci-card-name": C?.nameText,
+		"--ci-card-meta": C?.metaText
+	}), { isLoading: F, isError: I, isImage: L, isAudio: ee, areActionsVisible: te, BottomIcon: ne, typeLabel: R, cardColorClass: z, removeBtnClass: B } = se(() => pe(n, v ?? !1, y ?? !1), [
+		n,
+		v,
+		y
+	]), V = _ !== void 0 && !M && !F && !I, ie = M || V, { imageRef: ae, imageLoadStatus: U } = le({
+		enabled: L,
+		src: A
+	}), W = () => {
+		M && h ? h(O) : V && _ && _(O);
+	}, ce = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), W());
 	};
-	if (re) return /* @__PURE__ */ K("div", {
-		style: M,
-		className: o("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", S, z, C),
-		children: [/* @__PURE__ */ K("div", {
+	if (ee) return /* @__PURE__ */ J("div", {
+		style: P,
+		className: s("group flex w-full min-w-[280px] max-w-[300px] flex-col gap-2 border p-3", T, z, D),
+		children: [/* @__PURE__ */ J("div", {
 			className: "flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ G("span", {
-				title: r.name,
-				className: o(x?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", J.name),
-				children: i ? /* @__PURE__ */ G(n, {
-					text: r.name,
+			children: [/* @__PURE__ */ q("span", {
+				title: n.name,
+				className: s(w?.fontClassName ?? "dial-tiny-text", "min-w-0 truncate", X.name),
+				children: i ? /* @__PURE__ */ q(r, {
+					text: n.name,
 					query: i,
 					maxLines: 1
-				}) : r.name
-			}), g && /* @__PURE__ */ G(c, {
-				icon: /* @__PURE__ */ G(ee, {
-					size: s.SM,
+				}) : n.name
+			}), _ && /* @__PURE__ */ q(l, {
+				icon: /* @__PURE__ */ q(g, {
+					size: c.SM,
 					"aria-hidden": !0
 				}),
-				size: f.Small,
-				className: o("h-6 w-6 shrink-0 rounded", B),
-				"aria-label": y,
+				size: p.Small,
+				className: s("h-6 w-6 shrink-0 rounded", B),
+				"aria-label": S,
 				onClick: (e) => {
-					e.stopPropagation(), g(w);
+					e.stopPropagation(), _(O);
 				}
 			})]
-		}), r.playUrl && /* @__PURE__ */ G("audio", {
+		}), n.playUrl && /* @__PURE__ */ q("audio", {
 			controls: !0,
-			src: r.playUrl,
+			src: n.playUrl,
 			className: "w-full",
 			preload: "metadata"
 		})]
 	});
-	let X = o("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", S, z, !F && "flex-col gap-3 p-3", A && "cursor-pointer", C), Z = /* @__PURE__ */ K(W, { children: [
-		F ? /* @__PURE__ */ K("div", {
+	let G = s("group relative flex h-[100px] w-[100px] flex-shrink-0 border focus-within:outline focus-within:outline-1 focus-within:outline-offset-1", T, z, !L && "flex-col gap-3 p-3", ie && "cursor-pointer", D), Z = /* @__PURE__ */ J(K, { children: [
+		L ? /* @__PURE__ */ J("div", {
 			className: "relative h-full w-full overflow-hidden",
-			children: [H !== q.Loaded && /* @__PURE__ */ G(l, {
-				variant: u.Rectangular,
+			children: [U !== Y.Loaded && /* @__PURE__ */ q(u, {
+				variant: d.Rectangular,
 				width: "100%",
 				height: "100%",
-				active: H === q.Loading,
-				overlay: /* @__PURE__ */ G(L, {
-					size: s.LG,
-					className: x?.placeholderIconClassName ?? "text-secondary",
+				active: U === Y.Loading,
+				overlay: /* @__PURE__ */ q(H, {
+					size: c.LG,
+					className: w?.placeholderIconClassName ?? "text-secondary",
 					"aria-hidden": !0
 				}),
-				className: o("absolute inset-0", S)
-			}), /* @__PURE__ */ G("img", {
-				ref: V,
-				src: E,
-				alt: T,
+				className: s("absolute inset-0", T)
+			}), /* @__PURE__ */ q("img", {
+				ref: ae,
+				src: A,
+				alt: k,
 				loading: "lazy",
 				decoding: "async",
-				className: o("h-full w-full object-cover transition-opacity duration-200", H === q.Loaded ? "opacity-100" : "opacity-0", S)
+				className: s("h-full w-full object-cover transition-opacity duration-200", U === Y.Loaded ? "opacity-100" : "opacity-0", T)
 			})]
-		}) : P ? /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ K("div", {
+		}) : I ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ G(I, {
-				size: s.SM,
-				className: o("shrink-0", J.meta),
+			children: [/* @__PURE__ */ q(ne, {
+				size: c.SM,
+				className: s("shrink-0", X.meta),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ G("span", {
+			}), /* @__PURE__ */ q("span", {
 				title: R,
-				className: o(x?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", J.meta),
+				className: s(w?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
 				children: R
 			})]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ G("div", {
-				title: j,
-				className: o(x?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", J.name),
-				children: i ? /* @__PURE__ */ G(n, {
-					text: j,
+			children: /* @__PURE__ */ q("div", {
+				title: N,
+				className: s(w?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
+				children: i ? /* @__PURE__ */ q(r, {
+					text: N,
 					query: i,
 					maxLines: 3
-				}) : j
+				}) : N
 			})
-		})] }) : /* @__PURE__ */ K(W, { children: [/* @__PURE__ */ G("div", {
+		})] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("div", {
 			className: "min-w-0 flex-1",
-			children: /* @__PURE__ */ G("div", {
-				title: j,
-				className: o(x?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", J.name),
-				children: i ? /* @__PURE__ */ G(n, {
-					text: j,
+			children: /* @__PURE__ */ q("div", {
+				title: N,
+				className: s(w?.fontClassName ?? "dial-tiny-text", "line-clamp-3 break-words", X.name),
+				children: i ? /* @__PURE__ */ q(r, {
+					text: N,
 					query: i,
 					maxLines: 3
-				}) : j
+				}) : N
 			})
-		}), /* @__PURE__ */ K("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "flex flex-row items-center gap-1 overflow-hidden",
-			children: [/* @__PURE__ */ G(I, {
-				size: s.SM,
-				className: o("shrink-0", J.meta),
+			children: [/* @__PURE__ */ q(ne, {
+				size: c.SM,
+				className: s("shrink-0", X.meta),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ G("span", {
+			}), /* @__PURE__ */ q("span", {
 				title: R,
-				className: o(x?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", J.meta),
+				className: s(w?.metaClassName ?? "dial-tiny-text", "min-w-0 truncate", X.meta),
 				children: R
 			})]
 		})] }),
-		N && /* @__PURE__ */ G("span", {
-			className: o("absolute inset-0 flex items-center justify-center", S, J.loadingOverlay),
-			children: /* @__PURE__ */ G(d, {
+		F && /* @__PURE__ */ q("span", {
+			className: s("absolute inset-0 flex items-center justify-center", T, X.loadingOverlay),
+			children: /* @__PURE__ */ q(f, {
 				size: 40,
 				ariaLabel: "Loading attachment",
 				className: "z-50"
 			})
 		}),
-		!N && /* @__PURE__ */ K("div", {
-			className: o("absolute end-1 top-1 flex gap-1 transition-opacity", ie ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
-			children: [P && m && r.errorReason !== e.UnsupportedType && /* @__PURE__ */ G(c, {
-				icon: /* @__PURE__ */ G(ae, {
-					size: s.SM,
-					"aria-hidden": !0
+		!F && /* @__PURE__ */ J("div", {
+			className: s("absolute end-1 top-1 flex gap-1 transition-opacity", te ? "opacity-100" : "opacity-0 group-focus-within:opacity-100 group-hover:opacity-100 mobile:opacity-100"),
+			children: [
+				I && m && n.errorReason !== e.UnsupportedType && /* @__PURE__ */ q(l, {
+					icon: /* @__PURE__ */ q(re, {
+						size: c.SM,
+						"aria-hidden": !0
+					}),
+					size: p.Small,
+					className: s("h-6 w-6 rounded", B),
+					"aria-label": x,
+					onClick: (e) => {
+						e.stopPropagation(), m(O);
+					}
 				}),
-				size: f.Small,
-				className: o("h-6 w-6 rounded", B),
-				"aria-label": ne,
-				onClick: (e) => {
-					e.stopPropagation(), m(w);
-				}
-			}), p && /* @__PURE__ */ G(c, {
-				icon: /* @__PURE__ */ G(oe, {
-					size: s.SM,
-					"aria-hidden": !0
+				a && /* @__PURE__ */ q(l, {
+					icon: /* @__PURE__ */ q(oe, {
+						size: c.SM,
+						"aria-hidden": !0
+					}),
+					size: p.Small,
+					className: s("h-6 w-6 rounded", B),
+					"aria-label": b,
+					onClick: (e) => {
+						e.stopPropagation(), a?.(O);
+					}
 				}),
-				size: f.Small,
-				className: o("h-6 w-6 rounded", B),
-				"aria-label": te,
-				onClick: (e) => {
-					e.stopPropagation(), p?.(w);
-				}
-			})]
+				E && !a && !I && /* @__PURE__ */ q(g, {
+					size: c.SM,
+					"aria-hidden": !0,
+					className: s("h-6 w-6 rounded-lg p-1", X.hoverDownloadIcon)
+				})
+			]
 		})
 	] });
-	return A ? /* @__PURE__ */ G("div", {
-		style: M,
-		className: X,
-		onClick: U,
-		onKeyDown: Y,
+	return ie ? /* @__PURE__ */ q("div", {
+		style: P,
+		className: G,
+		onClick: W,
+		onKeyDown: ce,
 		tabIndex: 0,
 		role: "button",
-		"aria-label": k ? y : void 0,
+		"aria-label": V ? S : void 0,
 		children: Z
-	}) : /* @__PURE__ */ G("div", {
-		style: M,
-		className: X,
+	}) : /* @__PURE__ */ q("div", {
+		style: P,
+		className: G,
 		children: Z
 	});
-}, fe = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, ariaLabel: i = "Attached files", removeLabel: a, retryLabel: s, onAttachmentClick: c, clickLabel: l, className: u }) => e.length === 0 ? null : /* @__PURE__ */ G("div", {
+}, ge = ({ attachments: e, onRemove: t, onRetry: n, onExpand: r, ariaLabel: i = "Attached files", removeLabel: a, retryLabel: o, onAttachmentClick: c, clickLabel: l, className: u }) => e.length === 0 ? null : /* @__PURE__ */ q("div", {
 	role: "list",
 	"aria-label": i,
-	className: o("flex w-full min-w-0 gap-2 overflow-x-auto", u),
-	children: e.map((e) => /* @__PURE__ */ G("div", {
+	className: s("flex w-full min-w-0 gap-2 overflow-x-auto", u),
+	children: e.map((e) => /* @__PURE__ */ q("div", {
 		role: "listitem",
-		children: /* @__PURE__ */ G(de, {
+		children: /* @__PURE__ */ q(he, {
 			attachment: e,
 			onRemove: t,
 			onRetry: n,
 			onExpand: r,
 			removeLabel: a,
-			retryLabel: s,
+			retryLabel: o,
 			onClick: c ? () => c(e) : void 0,
 			clickLabel: l
 		})
 	}, e.id))
-}), pe = ({ isVisible: e, isAttachmentsAllowed: t = !0, title: n, subtitle: r, iconClassName: i = "text-accent-primary", deniedIconClassName: a = "text-error", titleClassName: s = "heading-3 font-semibold", subtitleClassName: c = "dial-small-text" }) => {
+}), _e = /* @__PURE__ */ function(e) {
+	return e.None = "none", e.AllVisible = "all-visible", e.Collapsed = "collapsed", e;
+}({}), ve = 5, ye = 4, be = (e, t) => e <= 0 ? {
+	layout: "none",
+	visibleCount: 0,
+	hiddenCount: 0
+} : e < 5 || t ? {
+	layout: "all-visible",
+	visibleCount: e,
+	hiddenCount: 0
+} : {
+	layout: "collapsed",
+	visibleCount: 4,
+	hiddenCount: e - 4
+}, Q = {
+	tile: "_tile_1x7ag_2",
+	tileLight: "_tileLight_1x7ag_27",
+	tileError: "_tileError_1x7ag_31",
+	nameText: "_nameText_1x7ag_38",
+	typeText: "_typeText_1x7ag_39",
+	retryIcon: "_retryIcon_1x7ag_51",
+	hoverIcon: "_hoverIcon_1x7ag_55",
+	track: "_track_1x7ag_60",
+	indeterminateFill: "_indeterminateFill_1x7ag_64",
+	"attachment-tile-indeterminate": "_attachment-tile-indeterminate_1x7ag_1"
+}, xe = {
+	[e.Network]: "Upload failed · network error",
+	[e.UnsupportedType]: "Upload failed · unsupported file type"
+}, Se = ({ attachment: t, onClick: r, onRetry: i, clickLabel: o = "Download attachment", retryLabel: u = "Retry upload", theme: d = n.Dark, className: f }) => {
+	let { id: m, name: h, status: _, errorReason: v } = t, y = _ === a.Loading, b = _ === a.Error, x = b && (v && xe[v] || "Upload failed"), { BottomIcon: S, typeLabel: C } = pe(t, !1, !1), w = !b && !y && r !== void 0, T = b && !!i && v !== e.UnsupportedType, E = w || T ? "pe-5" : void 0, D = () => {
+		w && r?.(t);
+	}, O = (e) => {
+		(e.key === "Enter" || e.key === " ") && w && (e.preventDefault(), D());
+	}, k = s("group relative flex size-[84px] flex-col justify-between gap-1 overflow-hidden rounded-xl border p-1.5", Q.tile, !b && d === n.Light && Q.tileLight, b && Q.tileError), A = /* @__PURE__ */ q("div", {
+		title: h,
+		className: s("dial-caption-text line-clamp-2 min-w-0 break-words", Q.nameText, !b && E),
+		children: h
+	}), j = /* @__PURE__ */ J("div", {
+		className: s("flex items-center gap-1 overflow-hidden", b && E),
+		children: [/* @__PURE__ */ q(S, {
+			size: 16,
+			className: Q.typeText,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ q("span", {
+			className: s("dial-caption-text truncate", Q.typeText),
+			children: C
+		})]
+	}), M = /* @__PURE__ */ J(K, { children: [
+		b ? /* @__PURE__ */ J(K, { children: [j, A] }) : /* @__PURE__ */ J(K, { children: [A, j] }),
+		y && /* @__PURE__ */ q("div", {
+			role: "progressbar",
+			"aria-label": "Uploading",
+			className: s("absolute inset-x-2 bottom-2 h-[3px] overflow-hidden rounded-full", Q.track),
+			children: /* @__PURE__ */ q("div", { className: s("h-full w-1/3 rounded-full", Q.indeterminateFill) })
+		}),
+		w && /* @__PURE__ */ q(g, {
+			size: c.SM,
+			"aria-hidden": !0,
+			className: s("absolute end-1 top-1 h-6 w-6 rounded-lg p-1 opacity-0 transition-opacity group-hover:opacity-100 mobile:opacity-100", Q.hoverIcon)
+		}),
+		T && /* @__PURE__ */ q(l, {
+			icon: /* @__PURE__ */ q(re, {
+				size: c.SM,
+				"aria-hidden": !0
+			}),
+			size: p.Small,
+			className: s("absolute end-1 top-1 h-6 w-6 rounded-lg", Q.retryIcon),
+			"aria-label": u,
+			onClick: (e) => {
+				e.stopPropagation(), i(m);
+			}
+		})
+	] });
+	return /* @__PURE__ */ q("div", {
+		className: s("inline-flex", f),
+		children: w ? /* @__PURE__ */ q("div", {
+			role: "button",
+			tabIndex: 0,
+			"aria-label": o,
+			onClick: D,
+			onKeyDown: O,
+			className: s(k, "cursor-pointer focus-within:outline focus-within:outline-1 focus-within:outline-offset-1"),
+			children: M
+		}) : /* @__PURE__ */ q("div", {
+			className: k,
+			title: x || void 0,
+			children: M
+		})
+	});
+}, Ce = { tile: "_tile_kvom5_1" }, we = ({ count: e, onClick: t, ariaLabel: n, children: r, className: i }) => /* @__PURE__ */ q("button", {
+	type: "button",
+	onClick: t,
+	"aria-label": n ?? `Show ${e} more attachments`,
+	className: s("dial-small-semi-text flex size-[84px] items-center justify-center rounded-xl border", Ce.tile, i),
+	children: r ?? /* @__PURE__ */ q("bdi", {
+		dir: "ltr",
+		children: `+${e}`
+	})
+}), $ = {
+	container: "_container_4zxg9_1",
+	headerIcon: "_headerIcon_4zxg9_6",
+	headerLabel: "_headerLabel_4zxg9_7",
+	downloadAllButton: "_downloadAllButton_4zxg9_8",
+	imageTile: "_imageTile_4zxg9_12"
+}, Te = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`, Ee = ({ attachments: e, onAttachmentClick: n, onDownloadAll: r, onRetry: i, getSizeLabel: o, ariaLabel: u = "Attachments", clickLabel: d = "Download attachment", retryLabel: f = "Retry upload", showLessLabel: p = "Show less", downloadAllLabel: h = "Download all", theme: v, className: y }) => {
+	let [b, x] = G(!1), S = se(() => be(e.length, b), [e.length, b]);
+	if (e.length === 0) return null;
+	let C = e.some((e) => e.type === t.Image), w = e.some((e) => e.type !== t.Image), T = C && w, E = e.length >= 5, D = T ? V : C ? H : _, O = Te(e.length, "attachment"), k = e.slice(0, S.visibleCount);
+	return /* @__PURE__ */ J("div", {
+		role: "group",
+		"aria-label": u,
+		className: s("rounded-2xl border p-3", E ? "w-full min-w-0 max-w-[492px]" : "max-w-[420px]", $.container, y),
+		children: [/* @__PURE__ */ J("div", {
+			className: "mb-3 flex min-h-6 items-center gap-2",
+			children: [
+				/* @__PURE__ */ q(D, {
+					size: c.SM,
+					className: s("shrink-0", $.headerIcon),
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ q("span", {
+					className: s("dial-tiny-semi-text", $.headerLabel),
+					children: O
+				}),
+				e.length >= 2 && (r || n) && /* @__PURE__ */ q(l, {
+					icon: /* @__PURE__ */ q(g, {
+						size: c.SM,
+						"aria-hidden": !0
+					}),
+					className: s("ms-auto h-6 w-6 rounded-lg", $.downloadAllButton),
+					"aria-label": h,
+					onClick: () => {
+						let t = e.filter((e) => e.status === a.Idle);
+						r ? r(t) : t.forEach((e) => n?.(e));
+					}
+				})
+			]
+		}), /* @__PURE__ */ J("div", {
+			role: "list",
+			"aria-label": O,
+			className: s("gap-3", E ? "grid grid-cols-[repeat(5,84px)] overflow-x-auto" : "flex flex-wrap"),
+			children: [
+				k.map((e) => /* @__PURE__ */ q("div", {
+					role: "listitem",
+					children: e.type === t.Image ? /* @__PURE__ */ q(he, {
+						attachment: e,
+						onClick: n ? () => n(e) : void 0,
+						onRetry: i,
+						clickLabel: d,
+						retryLabel: f,
+						roundedClassName: "rounded-xl",
+						showHoverDownloadIcon: !0,
+						className: s("size-[84px]", $.imageTile)
+					}) : /* @__PURE__ */ q(Se, {
+						attachment: e,
+						sizeLabel: o?.(e),
+						onClick: n,
+						onRetry: i,
+						clickLabel: d,
+						retryLabel: f,
+						theme: v
+					})
+				}, e.id)),
+				S.layout === _e.Collapsed && /* @__PURE__ */ q("div", {
+					role: "listitem",
+					children: /* @__PURE__ */ q(we, {
+						count: S.hiddenCount,
+						onClick: () => x(!0)
+					})
+				}),
+				E && b && /* @__PURE__ */ q("div", {
+					role: "listitem",
+					children: /* @__PURE__ */ q(we, {
+						count: 0,
+						onClick: () => x(!1),
+						ariaLabel: p,
+						children: /* @__PURE__ */ q(m, {
+							size: c.MD,
+							"aria-hidden": !0
+						})
+					})
+				})
+			]
+		})]
+	});
+}, De = ({ isVisible: e, isAttachmentsAllowed: t = !0, title: n, subtitle: r, iconClassName: i = "text-accent-primary", deniedIconClassName: a = "text-error", titleClassName: o = "heading-3 font-semibold", subtitleClassName: c = "dial-small-text" }) => {
 	if (!e) return null;
 	let l = n ?? (t ? "Attach files" : "No attachments allowed"), u = r ?? (t ? "Drop files here to attach them to message" : "Attachments can't be added to message"), d = t ? i : a, f = (e) => {
 		e.preventDefault();
-	}, p = t ? h : ie;
-	return /* @__PURE__ */ G("div", {
-		className: o("fixed inset-0 z-[9999] flex items-center justify-center bg-blackout backdrop-blur-sm", t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
+	}, p = t ? v : z;
+	return /* @__PURE__ */ q("div", {
+		className: s("fixed inset-0 z-[9999] flex items-center justify-center bg-blackout backdrop-blur-sm", t ? "pointer-events-none" : "pointer-events-auto cursor-not-allowed"),
 		onDragOver: t ? void 0 : f,
 		onDrop: t ? void 0 : f,
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ J("div", {
 			className: "flex flex-col items-center text-center",
 			children: [
-				/* @__PURE__ */ G(p, {
+				/* @__PURE__ */ q(p, {
 					size: 100,
 					className: d
 				}),
-				/* @__PURE__ */ G("span", {
-					className: o("mt-5", s),
+				/* @__PURE__ */ q("span", {
+					className: s("mt-5", o),
 					children: l
 				}),
-				/* @__PURE__ */ G("span", {
-					className: o("mt-4", c),
+				/* @__PURE__ */ q("span", {
+					className: s("mt-4", c),
 					children: u
 				})
 			]
 		})
 	});
-}, $ = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, me = (e, n) => ({ handlePaste: B((r) => {
+}, Oe = () => `${Date.now()}-${Math.random().toString(36).slice(2)}`, ke = (e, n) => ({ handlePaste: U((r) => {
 	if (!r.clipboardData) return;
-	let a = Array.from(r.clipboardData.items).filter((e) => e.kind === "file" && e.type.startsWith("image/")), o = r.clipboardData.getData("text/plain").length > 0;
-	if (a.length > 0 && !o) {
+	let i = Array.from(r.clipboardData.items).filter((e) => e.kind === "file" && e.type.startsWith("image/")), o = r.clipboardData.getData("text/plain").length > 0;
+	if (i.length > 0 && !o) {
 		let n = [];
-		for (let e of a) {
+		for (let e of i) {
 			let r = e.getAsFile();
 			if (!r) continue;
-			let a = new File([r], "Screenshot.png", { type: r.type }), o = {
-				id: $(),
+			let i = new File([r], "Screenshot.png", { type: r.type }), o = {
+				id: Oe(),
 				name: "Screenshot.png",
 				contentType: r.type,
-				file: a,
+				file: i,
 				type: t.Image,
-				status: i.Idle,
-				previewUrl: URL.createObjectURL(a)
+				status: a.Idle,
+				previewUrl: URL.createObjectURL(i)
 			};
 			n.push(o);
 		}
@@ -350,35 +544,35 @@ var q = /* @__PURE__ */ function(e) {
 	}
 	let s = r.clipboardData.getData("text/plain");
 	if (s.length > n) {
-		let n = s.trim(), a = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || "Pasted text", o = new File([s], a, { type: "text/plain" }), c = {
-			id: $(),
-			name: a,
+		let n = s.trim(), i = (n.length > 80 ? `${n.slice(0, 80).trimEnd()}…` : n) || "Pasted text", o = new File([s], i, { type: "text/plain" }), c = {
+			id: Oe(),
+			name: i,
 			contentType: "text/plain",
 			file: o,
 			type: t.Pasted,
-			status: i.Idle
+			status: a.Idle
 		};
 		r.preventDefault(), e([c]);
 	}
-}, [e, n]) }), he = {
+}, [e, n]) }), Ae = {
 	image: "Image files",
 	audio: "Audio files",
 	video: "Video files",
 	text: "Text files"
-}, ge = (e) => e.map((e) => {
+}, je = (e) => e.map((e) => {
 	if (e.endsWith("/*")) {
 		let t = e.slice(0, -2);
-		return he[t] ?? `${t} files`;
+		return Ae[t] ?? `${t} files`;
 	}
 	let t = e.split("/")[1];
 	return t == null ? e.toUpperCase() : t.toUpperCase();
-}).join(", "), _e = (e, t) => t.length === 0 ? !1 : t.some((t) => {
+}).join(", "), Me = (e, t) => t.length === 0 ? !1 : t.some((t) => {
 	if (t === "*" || t === "*/*") return !0;
 	if (t.endsWith("/*")) {
 		let n = t.slice(0, -2);
 		return e.startsWith(`${n}/`);
 	}
 	return e === t;
-}), ve = 100;
+}), Ne = 100;
 //#endregion
-export { de as AttachmentCard, fe as AttachmentTray, pe as FileDndOverlay, q as LazyImageLoadStatus, ve as MAX_UPLOADS_PER_MINUTE, $ as generateAttachmentId, ue as getAttachmentCardState, Y as getAttachmentIcon, Q as getNameWithoutExtension, _e as isMimeTypeAllowed, ge as mimeTypesToExtensionLabels, me as useClipboardPaste, ce as useLazyImageLoad };
+export { ye as ATTACHMENT_COLLAPSED_VISIBLE_COUNT, ve as ATTACHMENT_COLLAPSE_THRESHOLD, he as AttachmentCard, Se as AttachmentFileRow, Ee as AttachmentGroup, we as AttachmentMoreTile, _e as AttachmentTilesLayout, ge as AttachmentTray, De as FileDndOverlay, Y as LazyImageLoadStatus, Ne as MAX_UPLOADS_PER_MINUTE, Oe as generateAttachmentId, pe as getAttachmentCardState, Z as getAttachmentIcon, be as getAttachmentTilesPlan, de as getExtFromContentType, me as getNameWithoutExtension, Me as isMimeTypeAllowed, je as mimeTypesToExtensionLabels, ke as useClipboardPaste, le as useLazyImageLoad };

package/models/AttachmentCard.d.ts

@@ -49,6 +49,12 @@ export interface AttachmentCardProps {
     typography?: AttachmentCardTypography;
     /** Tailwind border-radius utility class applied to the card and its inner layers (e.g. `'rounded'`, `'rounded-lg'`). */
     roundedClassName?: string;
+    /**
+     * Shows a small decorative download-icon overlay on hover/focus, on top of
+     * the existing whole-card click-to-download interaction. Opt-in so the
+     * composer (which uses remove/retry actions, not download) is unaffected.
+     */
+    showHoverDownloadIcon?: boolean;
     /** Extra class name(s) merged onto the root element. */
     className?: string;
 }

package/models/AttachmentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../src/models/AttachmentCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sHAAsH;IACtH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,uHAAuH;IACvH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,wHAAwH;IACxH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"AttachmentCard.d.ts","sourceRoot":"","sources":["../../src/models/AttachmentCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,wEAAwE;AACxE,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,+DAA+D;AAC/D,MAAM,WAAW,wBAAwB;IACvC,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sHAAsH;IACtH,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8EAA8E;IAC9E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gGAAgG;IAChG,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,uHAAuH;IACvH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,wHAAwH;IACxH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/models/AttachmentFileRow.d.ts

@@ -0,0 +1,24 @@
+import { CodeBlockTheme, DisplayAttachment } from '@epam/ai-dial-chat-shared';
+/** Props accepted by the `AttachmentFileRow` component. */
+export interface AttachmentFileRowProps {
+    /** The non-previewable attachment this row represents. */
+    attachment: DisplayAttachment;
+    /** Byte size, when derivable; omitted from the meta line if absent. */
+    sizeLabel?: string;
+    /** Called when the user clicks the row or its download button. */
+    onClick?: (attachment: DisplayAttachment) => void;
+    /** Called when the user retries a failed upload. */
+    onRetry?: (id: string) => void;
+    /** Accessible label for the download action. Defaults to `'Download attachment'`. */
+    clickLabel?: string;
+    /** Accessible label for the retry action. Defaults to `'Retry upload'`. */
+    retryLabel?: string;
+    /**
+     * Tile surface color theme, matching the markdown code block's own
+     * light/dark surface (never plain white). Defaults to `'dark'`.
+     */
+    theme?: CodeBlockTheme;
+    /** Extra class name(s) merged onto the root element. */
+    className?: string;
+}
+//# sourceMappingURL=AttachmentFileRow.d.ts.map

package/models/AttachmentFileRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentFileRow.d.ts","sourceRoot":"","sources":["../../src/models/AttachmentFileRow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAEnC,2DAA2D;AAC3D,MAAM,WAAW,sBAAsB;IACrC,0DAA0D;IAC1D,UAAU,EAAE,iBAAiB,CAAC;IAC9B,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClD,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/models/AttachmentGroup.d.ts

@@ -0,0 +1,37 @@
+import { CodeBlockTheme, DisplayAttachment } from '@epam/ai-dial-chat-shared';
+/** Props accepted by the `AttachmentGroup` component. */
+export interface AttachmentGroupProps {
+    /** The message's full attachment list (images and files together). */
+    attachments: DisplayAttachment[];
+    /** Called when the user clicks/activates a previewable image tile or a file row (downloads it). */
+    onAttachmentClick?: (attachment: DisplayAttachment) => void;
+    /**
+     * Called with every currently downloadable attachment when the user
+     * activates the "download all" header action. Falls back to invoking
+     * `onAttachmentClick` once per downloadable attachment when omitted.
+     */
+    onDownloadAll?: (attachments: DisplayAttachment[]) => void;
+    /** Called when the user retries a failed upload. */
+    onRetry?: (id: string) => void;
+    /** Resolves the human-readable size label for an attachment, when derivable. Omitted from display when absent. */
+    getSizeLabel?: (attachment: DisplayAttachment) => string | undefined;
+    /** Accessible label for the group region. */
+    ariaLabel?: string;
+    /** Accessible label for each tile/row's click action. Defaults to `'Download attachment'`. */
+    clickLabel?: string;
+    /** Accessible label for each row's retry action. Defaults to `'Retry upload'`. */
+    retryLabel?: string;
+    /** Label for the "show less" header action, shown once the group has been expanded via the "+N" tile. Defaults to `'Show less'`. */
+    showLessLabel?: string;
+    /** Label for the "download all" header action, shown whenever the group has 2+ attachments. Defaults to `'Download all'`. */
+    downloadAllLabel?: string;
+    /**
+     * File tile surface color theme, matching the markdown code block's own
+     * light/dark surface (never plain white). Forwarded to each
+     * non-previewable file tile. Defaults to `'dark'`.
+     */
+    theme?: CodeBlockTheme;
+    /** Extra class name(s) merged onto the root element. */
+    className?: string;
+}
+//# sourceMappingURL=AttachmentGroup.d.ts.map

package/models/AttachmentGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentGroup.d.ts","sourceRoot":"","sources":["../../src/models/AttachmentGroup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AAEnC,yDAAyD;AACzD,MAAM,WAAW,oBAAoB;IACnC,sEAAsE;IACtE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,mGAAmG;IACnG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAC3D,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,kHAAkH;IAClH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;IACrE,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/models/AttachmentMoreTile.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+/** Props accepted by the `AttachmentMoreTile` component. */
+export interface AttachmentMoreTileProps {
+    /** Number of additional, not-yet-visible attachments. Only used for the default `"+N"` content/label. */
+    count: number;
+    /** Called when the tile is activated (expands or collapses the group). */
+    onClick: () => void;
+    /**
+     * Accessible label. Defaults to `'Show {count} more attachments'`; pass an
+     * explicit label (e.g. `'Show less'`) when overriding `children`.
+     */
+    ariaLabel?: string;
+    /** Overrides the default `"+N"` content, e.g. a collapse icon for the "show less" placeholder tile. */
+    children?: ReactNode;
+    /** Extra class name(s) merged onto the root element. */
+    className?: string;
+}
+//# sourceMappingURL=AttachmentMoreTile.d.ts.map

package/models/AttachmentMoreTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentMoreTile.d.ts","sourceRoot":"","sources":["../../src/models/AttachmentMoreTile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,4DAA4D;AAC5D,MAAM,WAAW,uBAAuB;IACtC,yGAAyG;IACzG,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-input",
   "description": "File attachment input components with upload validation, drag-and-drop, and progress tracking",
-  "version": "1.0.0-dev.462",
+  "version": "1.0.0-dev.469",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,8 +17,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.462",
-    "@epam/ai-dial-ui-kit": "0.12.0-dev.25",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.469",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"
   },

package/utils/getAttachmentCardState.d.ts

@@ -11,5 +11,7 @@ export interface AttachmentCardState {
     cardColorClass: string;
     removeBtnClass: string;
 }
+/** Derives a bare file extension (no leading dot) from a MIME type, e.g. `'application/pdf'` -> `'pdf'`. */
+export declare const getExtFromContentType: (contentType: string) => string | undefined;
 export declare const getAttachmentCardState: (attachment: DisplayAttachment, isSelected: boolean, shouldAlwaysShowActions: boolean) => AttachmentCardState;
 //# sourceMappingURL=getAttachmentCardState.d.ts.map

package/utils/getAttachmentCardState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getAttachmentCardState.d.ts","sourceRoot":"","sources":["../../src/utils/getAttachmentCardState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAKhD,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AA2CD,eAAO,MAAM,sBAAsB,GACjC,YAAY,iBAAiB,EAC7B,YAAY,OAAO,EACnB,yBAAyB,OAAO,KAC/B,mBAkCF,CAAC"}
+{"version":3,"file":"getAttachmentCardState.d.ts","sourceRoot":"","sources":["../../src/utils/getAttachmentCardState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAOnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAKhD,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CACxB;AAUD,4GAA4G;AAC5G,eAAO,MAAM,qBAAqB,GAChC,aAAa,MAAM,KAClB,MAAM,GAAG,SAUX,CAAC;AAuBF,eAAO,MAAM,sBAAsB,GACjC,YAAY,iBAAiB,EAC7B,YAAY,OAAO,EACnB,yBAAyB,OAAO,KAC/B,mBAkCF,CAAC"}

package/utils/getAttachmentGroupLayout.d.ts

@@ -0,0 +1,23 @@
+/** How the unified attachment tile grid should render for a given total attachment count. */
+export declare enum AttachmentTilesLayout {
+    /** No attachments. */
+    None = "none",
+    /** Below the collapse threshold, or expanded: every tile shown. */
+    AllVisible = "all-visible",
+    /** At/above the collapse threshold, not yet expanded: a few tiles + a "+N" tile. */
+    Collapsed = "collapsed"
+}
+export interface AttachmentTilesPlan {
+    layout: AttachmentTilesLayout;
+    /** Number of tiles to actually render. */
+    visibleCount: number;
+    /** Number of attachments hidden behind the "+N" tile (0 unless `layout` is `Collapsed`). */
+    hiddenCount: number;
+}
+/** Total attachment count at/above which the grid collapses behind a "+N" tile by default. */
+export declare const ATTACHMENT_COLLAPSE_THRESHOLD = 5;
+/** Number of tiles shown before the "+N" tile while collapsed. */
+export declare const ATTACHMENT_COLLAPSED_VISIBLE_COUNT = 4;
+/** Decides how the unified tile grid should render for `totalCount` attachments, given whether the group is expanded. */
+export declare const getAttachmentTilesPlan: (totalCount: number, isExpanded: boolean) => AttachmentTilesPlan;
+//# sourceMappingURL=getAttachmentGroupLayout.d.ts.map

package/utils/getAttachmentGroupLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAttachmentGroupLayout.d.ts","sourceRoot":"","sources":["../../src/utils/getAttachmentGroupLayout.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,oBAAY,qBAAqB;IAC/B,sBAAsB;IACtB,IAAI,SAAS;IACb,mEAAmE;IACnE,UAAU,gBAAgB;IAC1B,oFAAoF;IACpF,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,0CAA0C;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,8FAA8F;AAC9F,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAC/C,kEAAkE;AAClE,eAAO,MAAM,kCAAkC,IAAI,CAAC;AAEpD,yHAAyH;AACzH,eAAO,MAAM,sBAAsB,GACjC,YAAY,MAAM,EAClB,YAAY,OAAO,KAClB,mBAoBF,CAAC"}