@epam/ai-dial-chat-shared 1.3.0-dev.33 → 1.3.0-dev.331

package/components/NotificationStack/NotificationStack.js

@@ -0,0 +1,111 @@
+import { mergeClasses as e } from "../../utils/merge-class.js";
+import { copyToClipboard as t } from "../../utils/copy-to-clipboard.js";
+import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r, GhostIconButton as i, LiveRegion as a, LiveRegionElement as o, Notification as s } from "@epam/ai-dial-ui-kit";
+import { memo as c, useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { IconCopy as _ } from "@tabler/icons-react";
+import { createPortal as v } from "react-dom";
+//#region src/components/NotificationStack/NotificationStack.tsx
+var y = 2e3, b = "pointer-events-none fixed inset-x-0 bottom-[calc(1.5rem+env(safe-area-inset-bottom))] z-70 flex max-h-[calc(100dvh-3rem)] flex-col items-center gap-2 overflow-y-auto px-4 desktop:inset-s-auto desktop:me-6 desktop:w-[min(600px,calc(100vw-3rem))] desktop:items-end desktop:px-0", x = ({ requestId: s, labels: c, className: u }) => {
+	let [d, f] = p("idle");
+	l(() => {
+		if (d === "idle") return;
+		let e = window.setTimeout(() => f("idle"), y);
+		return () => window.clearTimeout(e);
+	}, [d]);
+	let m = async () => {
+		try {
+			let e = await t(s);
+			f(e ? "copied" : "failed");
+		} catch {
+			f("failed");
+		}
+	}, v = "";
+	return d === "copied" ? v = c.requestIdCopied : d === "failed" && (v = c.requestIdCopyFailed), /* @__PURE__ */ g("div", {
+		className: e("mt-1 flex min-w-0 items-center gap-1", u),
+		children: [
+			/* @__PURE__ */ g("span", {
+				className: "text-start",
+				children: [c.requestId, ":"]
+			}),
+			/* @__PURE__ */ h("span", {
+				dir: "ltr",
+				className: "min-w-0 truncate",
+				children: s
+			}),
+			/* @__PURE__ */ h(i, {
+				icon: /* @__PURE__ */ h(_, {
+					size: n.SM,
+					"aria-hidden": !0,
+					stroke: r
+				}),
+				"aria-label": c.copyRequestIdAriaLabel,
+				onClick: () => void m()
+			}),
+			/* @__PURE__ */ h(a, {
+				visuallyHidden: !0,
+				as: o.Span,
+				children: v
+			})
+		]
+	});
+}, S = c(({ item: e, onDismiss: t, dismissDelayMs: n, labels: r, requestIdClassName: i }) => {
+	l(() => {
+		if (e.requestId || e.action) return;
+		let r = setTimeout(() => t(e.id), n);
+		return () => clearTimeout(r);
+	}, [
+		e.id,
+		e.requestId,
+		e.action,
+		t,
+		n
+	]);
+	let a = d(() => /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+		className: "max-h-[30vh] overflow-y-auto wrap-anywhere",
+		children: e.message
+	}), e.requestId && /* @__PURE__ */ h(x, {
+		requestId: e.requestId,
+		labels: r,
+		className: i
+	})] }), [
+		e.message,
+		e.requestId,
+		r,
+		i
+	]);
+	return /* @__PURE__ */ h(s, {
+		className: "pointer-events-auto w-full max-w-[min(600px,100%)] desktop:w-auto",
+		variant: e.variant,
+		title: e.title,
+		message: a,
+		action: e.action,
+		closable: !0,
+		closeAriaLabel: r.close,
+		onClose: () => t(e.id)
+	});
+}), C = c(({ items: e, onDismiss: t, labels: n, dismissDelayMs: r = 5e3, className: i = b, requestIdClassName: a = "dial-tiny-text" }) => {
+	let o = f(null), s = f(/* @__PURE__ */ new Set()), c = d(() => ({
+		requestId: n?.requestId ?? "Request ID",
+		copyRequestIdAriaLabel: n?.copyRequestIdAriaLabel ?? "Copy request ID",
+		requestIdCopied: n?.requestIdCopied ?? "Request ID copied",
+		requestIdCopyFailed: n?.requestIdCopyFailed ?? "Couldn't copy request ID",
+		close: n?.close ?? "Close notification"
+	}), [n]);
+	return u(() => {
+		let t = o.current, n = s.current;
+		t && e.some(({ id: e }) => !n.has(e)) && (t.scrollTop = t.scrollHeight), s.current = new Set(e.map(({ id: e }) => e));
+	}, [e]), e.length ? v(/* @__PURE__ */ h("div", {
+		ref: o,
+		className: i,
+		children: e.map((e) => /* @__PURE__ */ h(S, {
+			item: e,
+			onDismiss: t,
+			dismissDelayMs: r,
+			labels: c,
+			requestIdClassName: a
+		}, e.id))
+	}), document.body) : null;
+});
+//#endregion
+export { C as NotificationStack };

package/components/PanelEmptyState/PanelEmptyState.d.ts

@@ -0,0 +1,32 @@
+import { FC, ReactNode } from 'react';
+/** CSS custom-property overrides for the `PanelEmptyState` component. */
+export interface PanelEmptyStateColors {
+    /** Label text color. */
+    label?: string;
+    /** Description text color. */
+    description?: string;
+}
+/** Props for `PanelEmptyState`. */
+export interface PanelEmptyStateProps {
+    /** Primary message of the empty state. */
+    label: string;
+    /** Secondary line under the label, e.g. what to do next. */
+    description?: string;
+    /** Optional way forward, such as a button, rendered under the text. */
+    action?: ReactNode;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: PanelEmptyStateColors;
+    /** CSS class applied to the label text, on top of the kit's title typography. */
+    labelClassName?: string;
+    /** CSS class applied to the description text, on top of the kit's description typography. */
+    descriptionClassName?: string;
+    /** CSS class applied to the empty-state container. */
+    containerClassName?: string;
+    /** Decorative illustration above the label. Defaults to the kit's `NoDataContent` illustration. */
+    icon?: ReactNode;
+    /** Announces the empty state to assistive tech as it appears, e.g. after a search. */
+    live?: boolean;
+}
+/** Centered empty-state block for use inside a sidebar panel body. */
+export declare const PanelEmptyState: FC<PanelEmptyStateProps>;
+//# sourceMappingURL=PanelEmptyState.d.ts.map

package/components/PanelEmptyState/PanelEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/PanelEmptyState/PanelEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,yEAAyE;AACzE,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6FAA6F;IAC7F,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mGAAmG;IACnG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sFAAsF;IACtF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,sEAAsE;AACtE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmCpD,CAAC"}

package/components/PanelEmptyState/PanelEmptyState.js

@@ -5,14 +5,24 @@ import { NoDataContent as r } from "@epam/ai-dial-ui-kit";
 import { memo as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/PanelEmptyState/PanelEmptyState.tsx
-var o = i(({ label: i, colors: o, labelClassName: s = "dial-tiny-text", containerClassName: c, icon: l }) => /* @__PURE__ */ a("div", {
-	style: t({ "--pes-label-color": o?.label }),
-	children: /* @__PURE__ */ a(r, {
-		title: i,
-		icon: l,
-		titleClassName: e(n.label, s),
-		className: c
-	})
-}));
+var o = i(({ label: i, description: o, action: s, colors: c, labelClassName: l, descriptionClassName: u, containerClassName: d, icon: f, live: p }) => {
+	let m = t({
+		"--pes-label-color": c?.label,
+		"--pes-description-color": c?.description
+	});
+	return /* @__PURE__ */ a("div", {
+		style: m,
+		children: /* @__PURE__ */ a(r, {
+			title: i,
+			description: o,
+			action: s,
+			icon: f,
+			live: p,
+			titleClassName: e(n.label, l),
+			descriptionClassName: e(n.description, u),
+			className: d
+		})
+	});
+});
 //#endregion
 export { o as PanelEmptyState };

package/components/PanelEmptyState/PanelEmptyState.module.scss.js

@@ -1,3 +1,7 @@
-var e = { label: "_label_12p89_1" };
+//#region src/components/PanelEmptyState/PanelEmptyState.module.scss
+var e = "_label_1qwvo_1", t = "_description_1qwvo_5", n = {
+	label: e,
+	description: t
+};
 //#endregion
-export { e as default };
+export { n as default, t as description, e as label };

package/components/ResourceSummary/ResourceSummary.d.ts

@@ -0,0 +1,49 @@
+import { FC, ReactNode } from 'react';
+import { EntityHeaderItem } from '../../models/entity';
+/** CSS custom-property overrides for the `ResourceSummary` row. */
+export interface ResourceSummaryColors {
+    /** Row border color. Defaults to `--stroke-tertiary`. */
+    border?: string;
+    /** Row background color. Defaults to `--bg-layer-sunken`. */
+    background?: string;
+    /** Version tag border color. Defaults to `--stroke-tertiary`. */
+    versionTagBorder?: string;
+    /** Version tag background color. Defaults to `--bg-control-accent-alpha`. */
+    versionTagBackground?: string;
+    /** Version tag text color. Defaults to `--text-accent`. */
+    versionTagText?: string;
+}
+/** Typography overrides for the `ResourceSummary` row. */
+export interface ResourceSummaryTypography {
+    /** Typography class applied to the version tag. Defaults to `'dial-tiny-text'`. */
+    versionTagClassName?: string;
+}
+/** Style overrides for `ResourceSummary`. */
+export interface ResourceSummaryStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: ResourceSummaryColors;
+    /** Typography class overrides. */
+    typography?: ResourceSummaryTypography;
+}
+/** Props for `ResourceSummary`. */
+export interface ResourceSummaryProps {
+    /** Entity shown in the row as an icon, type label, name, and version tag. Ignored when `children` is set. */
+    item?: EntityHeaderItem;
+    /** Row content rendered instead of the entity header and version tag. */
+    children?: ReactNode;
+    /** Version tag text; `{version}` is replaced with `item.version`. The tag is omitted when `item.version` is empty. Defaults to `'Version {version} · current'`. */
+    versionLabel?: string;
+    /** Whether the version is shown as a trailing tag. When `false` it is shown inline after the name instead. Defaults to `true`. */
+    hasVersionTag?: boolean;
+    /** Size of the entity icon. Defaults to `40`. */
+    iconSize?: number;
+    /** CSS class applied to the row. */
+    className?: string;
+    /** Style overrides. */
+    styles?: ResourceSummaryStyles;
+    /** Color overrides applied as CSS custom properties. Prefer `styles.colors`. */
+    colors?: ResourceSummaryColors;
+}
+/** Bordered summary row pairing an entity's identity block with its current-version tag. */
+export declare const ResourceSummary: FC<ResourceSummaryProps>;
+//# sourceMappingURL=ResourceSummary.d.ts.map

package/components/ResourceSummary/ResourceSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ResourceSummary/ResourceSummary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,mEAAmE;AACnE,MAAM,WAAW,qBAAqB;IACpC,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,0DAA0D;AAC1D,MAAM,WAAW,yBAAyB;IACxC,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,6CAA6C;AAC7C,MAAM,WAAW,qBAAqB;IACpC,wDAAwD;IACxD,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,kCAAkC;IAClC,UAAU,CAAC,EAAE,yBAAyB,CAAC;CACxC;AAED,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,6GAA6G;IAC7G,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mKAAmK;IACnK,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kIAAkI;IAClI,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,gFAAgF;IAChF,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,4FAA4F;AAC5F,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2DpD,CAAC"}

package/components/ResourceSummary/ResourceSummary.module.scss.js

@@ -1,6 +1,7 @@
-var e = {
-	row: "_row_1csuq_1",
-	versionTag: "_versionTag_1csuq_7"
+//#region src/components/ResourceSummary/ResourceSummary.module.scss
+var e = "_row_1csuq_1", t = "_versionTag_1csuq_7", n = {
+	row: e,
+	versionTag: t
 };
 //#endregion
-export { e as default };
+export { n as default, e as row, t as versionTag };

package/components/TextRefinementField/TextRefinementField.d.ts

@@ -0,0 +1,33 @@
+import { FC, ReactNode } from 'react';
+import { TextRefinementResult } from '../../hooks/useTextRefinement';
+import { TextRefinementLabels } from '../../models/text-refinement';
+/** Props for `TextRefinementField`. */
+export interface TextRefinementFieldProps {
+    /** When false, renders `children` alone — no label row, actions, or feedback. */
+    isEnabled: boolean;
+    /** Id of the labelled control; also the prefix for the label and error ids. */
+    fieldId: string;
+    /** Visible field label; names the group. */
+    label: string;
+    /** Class applied to the `<label>`, after the kit `Label` defaults. */
+    labelClassName?: string;
+    /** Marks the label as required. */
+    required?: boolean;
+    /** Action, status, and error copy. */
+    labels?: TextRefinementLabels;
+    /** The field's `useTextRefinement` result. */
+    refinement: TextRefinementResult;
+    /** Disables both actions. */
+    disabled: boolean;
+    /** Class applied to the status message and the error message. */
+    feedbackClassName?: string;
+    /** Class applied to the error message, after `feedbackClassName`. */
+    errorClassName?: string;
+    /** Caption shown at the end of the row below the control, beside the refinement status — e.g. a character counter. */
+    caption?: string;
+    /** The refinable control, whose id must equal `fieldId`; it is made read-only while a request is pending. */
+    children: ReactNode;
+}
+/** Label row with Refine, Restore original and Regenerate actions and live feedback around one refinable field. */
+export declare const TextRefinementField: FC<TextRefinementFieldProps>;
+//# sourceMappingURL=TextRefinementField.d.ts.map

package/components/TextRefinementField/TextRefinementField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextRefinementField.d.ts","sourceRoot":"","sources":["../../../src/components/TextRefinementField/TextRefinementField.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA2B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,uCAAuC;AACvC,MAAM,WAAW,wBAAwB;IACvC,iFAAiF;IACjF,SAAS,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,EAAE,oBAAoB,CAAC;IACjC,6BAA6B;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sHAAsH;IACtH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6GAA6G;IAC7G,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,mHAAmH;AACnH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA2K5D,CAAC"}

package/components/TextRefinementField/TextRefinementField.js

@@ -1,86 +1,115 @@
 import { mergeClasses as e } from "../../utils/merge-class.js";
 import { TextRefinementState as t } from "../../hooks/useTextRefinement.js";
-import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, Spinner as l } from "@epam/ai-dial-ui-kit";
-import { useRef as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { IconSparkles as m } from "@tabler/icons-react";
+import { CaptionText as n, DIAL_ICON_SIZE as r, DIAL_KIT_ICON_STROKE as i, ElementSize as a, ErrorText as o, GhostButton as s, Label as c, LiveRegionPoliteness as l, Spinner as u } from "@epam/ai-dial-ui-kit";
+import { useLayoutEffect as d, useRef as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { IconRestore as g, IconSparkles as _ } from "@tabler/icons-react";
 //#region src/components/TextRefinementField/TextRefinementField.tsx
-var h = ({ isEnabled: h, fieldId: g, label: _, labelClassName: v, required: y, labels: b, refinement: x, disabled: S, feedbackClassName: C, errorClassName: w, children: T }) => {
-	let E = u(null);
-	if (!h) return /* @__PURE__ */ f(d, { children: T });
-	let D = x.state === t.Error, O = {
+var v = ({ isEnabled: v, fieldId: y, label: b, labelClassName: x, required: S, labels: C, refinement: w, disabled: T, feedbackClassName: E, errorClassName: D, caption: O, children: k }) => {
+	let A = f(null), j = f(null), M = v && w.isPending;
+	d(() => {
+		if (!M) return;
+		let e = Array.from(j.current?.querySelectorAll("input, textarea") ?? []).find((e) => e.id === y);
+		if (!e) return;
+		let t = e.readOnly;
+		return e.readOnly = !0, () => {
+			e.readOnly = t;
+		};
+	}, [M, y]);
+	let N = O && /* @__PURE__ */ m(n, {
+		text: O,
+		className: "ms-auto shrink-0 text-end"
+	});
+	if (!v) return N ? /* @__PURE__ */ h("div", {
+		className: "flex min-w-0 flex-col gap-1",
+		children: [k, N]
+	}) : /* @__PURE__ */ m(p, { children: k });
+	let P = w.state === t.Error, F = w.canUndo, I = C?.refineWithAiLabel ?? "Refine with AI";
+	M ? I = C?.refineRefiningLabel ?? "Refining" : F && (I = C?.refineRegenerateLabel ?? "Regenerate");
+	let L = w.state === t.Pending || w.state === t.Success || w.state === t.Restored, R = {
 		[t.Idle]: "",
-		[t.Pending]: b?.refinePendingAriaLabel ?? "Refining text",
-		[t.Success]: b?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
-		[t.Restored]: b?.refineUndoAriaLabel ?? "Original text restored.",
-		[t.Unchanged]: b?.refineUnchangedAriaLabel ?? "No changes were needed.",
+		[t.Pending]: C?.refinePendingAriaLabel ?? "Refining text",
+		[t.Success]: C?.refineSuccessAriaLabel ?? "Text refined",
+		[t.Restored]: C?.refineUndoAriaLabel ?? "Original text restored.",
+		[t.Unchanged]: C?.refineUnchangedAriaLabel ?? "No changes were needed.",
 		[t.Error]: ""
-	}[x.state];
-	return /* @__PURE__ */ p("div", {
+	}[w.state];
+	return /* @__PURE__ */ h("div", {
 		className: "flex min-w-0 flex-col gap-1",
 		role: "group",
-		"aria-labelledby": g + "-label",
-		"aria-describedby": D ? g + "-refinement-error" : void 0,
+		"aria-labelledby": y + "-label",
+		"aria-describedby": P ? y + "-refinement-error" : void 0,
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex min-w-0 flex-wrap items-center gap-x-3",
-				children: [/* @__PURE__ */ f(c, {
-					id: g + "-label",
-					htmlFor: g,
-					className: v,
-					label: _,
-					required: y
-				}), /* @__PURE__ */ p("div", {
-					ref: E,
+				children: [/* @__PURE__ */ m(c, {
+					id: y + "-label",
+					htmlFor: y,
+					className: x,
+					label: b,
+					required: S
+				}), /* @__PURE__ */ h("div", {
+					ref: A,
 					className: "ms-auto flex min-w-0 flex-wrap items-center",
-					children: [/* @__PURE__ */ f(s, {
+					children: [F && !M && /* @__PURE__ */ m(s, {
 						size: a.Small,
-						label: b?.refineWithAiLabel ?? "Refine with AI",
-						disabled: S || !x.canRefine,
+						label: C?.refineUndoLabel ?? "Restore original",
+						disabled: T,
 						onClick: () => {
-							x.refine();
+							w.undo();
+							let e = A.current?.querySelectorAll("button");
+							e?.[e.length - 1]?.focus();
 						},
-						iconBefore: x.isPending ? /* @__PURE__ */ f("span", {
+						iconBefore: /* @__PURE__ */ m(g, {
+							size: r.SM,
+							stroke: i,
+							"aria-hidden": !0
+						})
+					}), /* @__PURE__ */ m(s, {
+						size: a.Small,
+						label: I,
+						disabled: T || !w.canRefine,
+						onClick: () => {
+							w.refine();
+						},
+						iconBefore: M ? /* @__PURE__ */ m("span", {
 							"aria-hidden": !0,
-							children: /* @__PURE__ */ f(l, {
+							children: /* @__PURE__ */ m(u, {
 								size: r.SM,
 								ariaLabel: ""
 							})
-						}) : /* @__PURE__ */ f(m, {
+						}) : /* @__PURE__ */ m(_, {
 							size: r.SM,
 							stroke: i,
 							"aria-hidden": !0
 						})
-					}), x.canUndo && /* @__PURE__ */ f(s, {
-						size: a.Small,
-						label: b?.refineUndoLabel ?? "Undo",
-						disabled: S,
-						onClick: () => {
-							x.undo(), E.current?.querySelector("button")?.focus();
-						}
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
-				"aria-busy": x.isPending,
-				children: T
+			/* @__PURE__ */ m("div", {
+				ref: j,
+				"aria-busy": w.isPending,
+				children: k
 			}),
-			/* @__PURE__ */ f("div", {
-				role: "status",
-				"aria-live": "polite",
-				children: /* @__PURE__ */ f(n, {
-					text: O,
-					className: C
-				})
+			/* @__PURE__ */ h("div", {
+				className: "flex min-w-0 items-start gap-3",
+				children: [/* @__PURE__ */ m("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ m(n, {
+						text: R,
+						announce: l.Polite,
+						className: e(E, L && "sr-only")
+					})
+				}), N]
 			}),
-			D && /* @__PURE__ */ f(o, {
-				role: "alert",
-				id: g + "-refinement-error",
-				className: e(C, w),
-				text: b?.refineErrorLabel ?? "Could not refine this text. Please try again."
+			/* @__PURE__ */ m(o, {
+				id: y + "-refinement-error",
+				announce: l.Assertive,
+				className: e(E, D),
+				text: P ? C?.refineErrorLabel ?? "Could not refine this text. Please try again." : ""
 			})
 		]
 	});
 };
 //#endregion
-export { h as TextRefinementField };
+export { v as TextRefinementField };

package/constants/breakpoint.d.ts

@@ -0,0 +1,15 @@
+/** The viewport width (inclusive) where the desktop presentation begins. */
+export declare const DESKTOP_BREAKPOINT_PX = 1280;
+/** The largest viewport width that still renders the mobile/tablet presentation. */
+export declare const MOBILE_MAX_WIDTH_PX: number;
+/** `matchMedia` query matching the desktop band (1280px and wider). */
+export declare const DESKTOP_MEDIA_QUERY = "(min-width: 1280px)";
+/** `matchMedia` query matching the mobile/tablet band (up to 1279px). */
+export declare const MOBILE_MEDIA_QUERY = "(max-width: 1279px)";
+/** Inclusive boundary for anchored menus and bounded tablet panels, independent of layout. */
+export declare const TABLET_BREAKPOINT_PX = 768;
+/** Phone menu presentation, including fractional widths below 768px. */
+export declare const PHONE_MEDIA_QUERY = "(width < 768px)";
+/** Bounded overlays without changing the app's mobile layout policy. */
+export declare const TABLET_MEDIA_QUERY = "(768px <= width < 1280px)";
+//# sourceMappingURL=breakpoint.d.ts.map

package/constants/breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../src/constants/breakpoint.ts"],"names":[],"mappings":"AAKA,4EAA4E;AAC5E,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAE1C,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,QAA4B,CAAC;AAE7D,uEAAuE;AACvE,eAAO,MAAM,mBAAmB,wBAA4C,CAAC;AAE7E,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,wBAA0C,CAAC;AAE1E,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,wEAAwE;AACxE,eAAO,MAAM,iBAAiB,oBAAwC,CAAC;AAEvE,wEAAwE;AACxE,eAAO,MAAM,kBAAkB,8BAAsE,CAAC"}

package/constants/breakpoint.js

@@ -1,4 +1,4 @@
 //#region src/constants/breakpoint.ts
-var e = 1280, t = e - 1, n = `(min-width: ${e}px)`, r = `(max-width: ${t}px)`;
+var e = 1280, t = 1279, n = `(min-width: ${e}px)`, r = `(max-width: ${t}px)`, i = 768, a = "(width < 768px)", o = `(768px <= width < ${e}px)`;
 //#endregion
-export { e as DESKTOP_BREAKPOINT_PX, n as DESKTOP_MEDIA_QUERY, t as MOBILE_MAX_WIDTH_PX, r as MOBILE_MEDIA_QUERY };
+export { e as DESKTOP_BREAKPOINT_PX, n as DESKTOP_MEDIA_QUERY, t as MOBILE_MAX_WIDTH_PX, r as MOBILE_MEDIA_QUERY, a as PHONE_MEDIA_QUERY, i as TABLET_BREAKPOINT_PX, o as TABLET_MEDIA_QUERY };

package/constants/dial.d.ts

@@ -0,0 +1,5 @@
+/** Reserved folder name used to mark a hidden storage folder. */
+export declare const HIDDEN_FILE = ".dial_folder";
+/** DIAL Core bucket that holds published (organization-wide) resources, readable by every user. */
+export declare const PUBLIC_BUCKET = "public";
+//# sourceMappingURL=dial.d.ts.map

package/constants/dial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dial.d.ts","sourceRoot":"","sources":["../../src/constants/dial.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,mGAAmG;AACnG,eAAO,MAAM,aAAa,WAAW,CAAC"}

package/constants/entity-colors.d.ts

@@ -0,0 +1,6 @@
+import { CatalogEntityType } from '../types/entity-type';
+/** Text color per entity type — used for the type label, featured chip, and drop shadow. */
+export declare const ENTITY_TYPE_COLOR: Record<CatalogEntityType, string>;
+/** Background color per entity type — used for the featured chip surface. */
+export declare const ENTITY_TYPE_BG_COLOR: Record<CatalogEntityType, string>;
+//# sourceMappingURL=entity-colors.d.ts.map

package/constants/entity-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-colors.d.ts","sourceRoot":"","sources":["../../src/constants/entity-colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAM/D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAMlE,CAAC"}

package/constants/icon.d.ts

@@ -0,0 +1,14 @@
+import { DIAL_ICON_SIZE } from '@epam/ai-dial-ui-kit';
+/** Base props for medium-sized Tabler icons (MD size, icon stroke, `aria-hidden`). */
+export declare const BASE_MD_ICON_PROPS: {
+    size: DIAL_ICON_SIZE;
+    stroke: number;
+    'aria-hidden': boolean;
+};
+/** Base props for large Tabler icons (LG size, icon stroke, `aria-hidden`). */
+export declare const BASE_LG_ICON_PROPS: {
+    size: DIAL_ICON_SIZE;
+    stroke: number;
+    'aria-hidden': boolean;
+};
+//# sourceMappingURL=icon.d.ts.map

package/constants/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/constants/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAwB,MAAM,sBAAsB,CAAC;AAE5E,sFAAsF;AACtF,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC"}

package/constants/markdown-editor.d.ts

@@ -0,0 +1,2 @@
+export declare const MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME = "[&_.wmde-markdown>ol]:list-decimal [&_.wmde-markdown_ul]:list-disc [&_.wmde-markdown_ul_ul]:list-[circle] [&_.wmde-markdown_ul_ul_ul]:list-[square]";
+//# sourceMappingURL=markdown-editor.d.ts.map

package/constants/markdown-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../src/constants/markdown-editor.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,uCAAuC,wJACmG,CAAC"}

package/constants/mime-types.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Maps common MIME types to canonical file extensions.
+ *
+ * The standard entries follow MDN's common media types table. Project-specific
+ * aliases are retained for MIME values produced by existing integrations.
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/MIME_types/Common_types
+ */
+export declare const MIME_TYPE_EXT_MAP: Record<string, string>;
+/** MIME type wildcard that matches any content type. */
+export declare const MIME_TYPE_WILDCARD = "*/*";
+/** MIME type prefix shared by all audio content types. */
+export declare const MIME_TYPE_AUDIO_PREFIX = "audio/";
+/**
+ * Maps non-canonical MIME type spellings to the canonical type they denote.
+ *
+ * Deployments declare their `inputAttachmentTypes` by hand, while DIAL Core
+ * stores the content type a browser or an upload client reported, so the two
+ * sides routinely disagree on which of several equivalent spellings to use for
+ * the same format (`text/json` vs `application/json`). Resolving both through
+ * this map before comparing them keeps a declared type matching the files it
+ * is meant to describe.
+ *
+ * Only aliases for one and the same format belong here — never a pair of
+ * distinct formats that happen to share an extension.
+ */
+export declare const MIME_TYPE_ALIASES: Record<string, string>;
+//# sourceMappingURL=mime-types.d.ts.map

package/constants/mime-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mime-types.d.ts","sourceRoot":"","sources":["../../src/constants/mime-types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6GpD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,kBAAkB,QAAQ,CAAC;AACxC,0DAA0D;AAC1D,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAqEpD,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,13 @@
+export declare const CHAT_SHARED_CLASS: {
+    /** The bordered container of a fenced code block. */
+    readonly codeBlock: "dial-chat-shared-code-block";
+    /** The code block's sticky header, holding the language label and actions. */
+    readonly codeBlockHeader: "dial-chat-shared-code-block-header";
+    /** The bordered container of a Markdown table. */
+    readonly table: "dial-chat-shared-table";
+    /** The scrolling box around a Markdown table, which owns its overflow. */
+    readonly tableScroll: "dial-chat-shared-table-scroll";
+    /** The scrolling box around a display-math block. */
+    readonly mathBlock: "dial-chat-shared-math-block";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,iBAAiB;IAC5B,qDAAqD;;IAErD,8EAA8E;;IAE9E,kDAAkD;;IAElD,0EAA0E;;IAE1E,qDAAqD;;CAE7C,CAAC"}

package/constants/resizable-fields.d.ts

@@ -0,0 +1,5 @@
+export declare const RESIZABLE_TEXTAREA_CLASS_NAME = "max-h-[50vh]";
+export declare const RESIZABLE_FIELD_MAX_HEIGHT_CSS_VARIABLE = "--resizable-field-max-height";
+export declare const MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:max-h-[var(--resizable-field-max-height,70vh)]";
+export declare const MARKDOWN_EDITOR_FILL_HEIGHT_CLASS_NAME = "[&_.w-md-editor:not(.w-md-editor-fullscreen)]:!h-[var(--resizable-field-max-height,70vh)]";
+//# sourceMappingURL=resizable-fields.d.ts.map

package/constants/resizable-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-fields.d.ts","sourceRoot":"","sources":["../../src/constants/resizable-fields.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,6BAA6B,iBAAiB,CAAC;AAQ5D,eAAO,MAAM,uCAAuC,iCACpB,CAAC;AAkBjC,eAAO,MAAM,qCAAqC,iGAC8C,CAAC;AAWjG,eAAO,MAAM,sCAAsC,8FAC0C,CAAC"}

package/constants/select-list.d.ts

@@ -0,0 +1,4 @@
+export declare const SELECT_LIST_MAX_HEIGHT_PX = 344;
+/** Tailwind form of {@link SELECT_LIST_MAX_HEIGHT_PX}, for the options scroll box. */
+export declare const SELECT_LIST_MAX_HEIGHT_CLASS_NAME = "max-h-[344px]";
+//# sourceMappingURL=select-list.d.ts.map

package/constants/select-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-list.d.ts","sourceRoot":"","sources":["../../src/constants/select-list.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAE7C,sFAAsF;AACtF,eAAO,MAAM,iCAAiC,kBAAkB,CAAC"}

package/constants/tag-input.d.ts

@@ -0,0 +1,2 @@
+export declare const TAG_INPUT_TAG_CLASS_NAME = "bg-layer-sunken";
+//# sourceMappingURL=tag-input.d.ts.map

package/constants/tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../src/constants/tag-input.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,wBAAwB,oBAAoB,CAAC"}