@luzmo/lucero 1.0.3-alpha.8 → 2.0.0

package/components/{prompt-box-Bj0qIPOy.js → prompt-box-y7qWHF3P.js}

@@ -15,21 +15,21 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e, t } from "./decorate-aGxJUVxg.js";
-import { n } from "./sized-mixin-DaBoZkVS.js";
-import "./icon-CwBAE1eU.js";
-import "./action-button-DC-ZFZTm.js";
-import { m as r } from "./overlay-BbQuYBxp.js";
-import "./overlay-mdk7-NOt.js";
-import "./button-D1a4B85S.js";
-import "./text-field-BoGAvXvh.js";
-import "./tags-CBL5oFEo.js";
-import { t as i } from "./voice-recorder-477xPHRU.js";
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+import "./icon-DB1DRieA.js";
+import "./action-button-cULkUUi6.js";
+import { m as r } from "./overlay-CyBsHuOL.js";
+import "./overlay-DdIs4w5M.js";
+import "./button-BtWr5Lag.js";
+import "./text-field-C2MHZbTp.js";
+import "./skeleton-loader-C0LH3prK.js";
+import { t as i } from "./voice-recorder-CTg3kRxx.js";
 import { html as a, nothing as o, unsafeCSS as s } from "lit";
 import { property as c, query as l, state as u } from "lit/decorators.js";
-import { luzmoArrowEnter as d, luzmoArrowUp as f, luzmoCheck as p, luzmoClear as m, luzmoMicrophone as h, luzmoStop as ee } from "@luzmo/icons";
+import { luzmoArrowEnter as d, luzmoArrowUp as f, luzmoCheck as p, luzmoClear as m, luzmoFileCsv as h, luzmoFileDoc as g, luzmoFileExcel as _, luzmoFilePdf as v, luzmoFileVideo as y, luzmoMicrophone as b, luzmoStop as ee } from "@luzmo/icons";
 //#region src/components/prompt-box/controllers/attachments-controller.ts
-var te = class {
+var x = class {
 	constructor(e) {
 		this._attachments = [], this._idCounter = 0, this._host = e, e.addController(this);
 	}
@@ -66,6 +66,19 @@ var te = class {
 		let t = this._attachments.find((t) => t.id === e);
 		t && (t.previewUrl && URL.revokeObjectURL(t.previewUrl), this._attachments = this._attachments.filter((t) => t.id !== e), this._dispatchChange(), this._host.requestUpdate());
 	}
+	setAttachmentLoading(e, t) {
+		let n = this._attachments.findIndex((t) => t.id === e);
+		if (n === -1) return;
+		let r = this._attachments[n];
+		!!r.loading !== t && (this._attachments = [
+			...this._attachments.slice(0, n),
+			{
+				...r,
+				loading: t
+			},
+			...this._attachments.slice(n + 1)
+		], this._dispatchChange(), this._host.requestUpdate());
+	}
 	clearAttachments() {
 		this._revokeAllPreviewUrls(), this._attachments = [], this._dispatchChange(), this._host.requestUpdate();
 	}
@@ -118,7 +131,7 @@ var te = class {
 			detail: { attachments: this._attachments }
 		}));
 	}
-}, g = class {
+}, te = class {
 	constructor(e) {
 		this._voiceRecorder = null, this.isRecording = !1, this.duration = 0, this.audioLevel = 0, this.shouldFocusFinishButton = !1, this._host = e, e.addController(this);
 	}
@@ -191,38 +204,38 @@ var te = class {
 };
 //#endregion
 //#region src/components/prompt-box/range-from-point.ts
-function _(e, t) {
+function S(e, t) {
 	let n = document.createRange();
 	return n.setStart(e, t), n.collapse(!0), n;
 }
-function v(e, t, n) {
+function C(e, t, n) {
 	let r = e.getBoundingClientRect(), i = t - r.left, a = n - r.top;
 	return i * i + a * a;
 }
-function y(e, t, n, r) {
+function ne(e, t, n, r) {
 	let i = 0, a = t;
 	for (; a - i > 1;) {
 		let t = i + a >>> 1, r = document.createRange();
 		r.setStart(e, t), r.collapse(!0), r.getBoundingClientRect().left < n ? i = t : a = t;
 	}
-	let o = _(e, i), s = v(o, n, r), c = _(e, a), l = v(c, n, r);
+	let o = S(e, i), s = C(o, n, r), c = S(e, a), l = C(c, n, r);
 	return l < s && (o = c, s = l), {
 		range: o,
 		distSq: s
 	};
 }
-function b(e, t, n, r) {
+function re(e, t, n, r) {
 	let i = null, a = Infinity;
 	for (let [o, s] of e.childNodes.entries()) if (s !== r) {
 		if (s.nodeType === Node.TEXT_NODE) {
 			let e = (s.textContent ?? "").length;
 			if (e === 0) continue;
-			let r = y(s, e, t, n);
+			let r = ne(s, e, t, n);
 			r.distSq < a && (a = r.distSq, i = r.range);
 		} else if (s.nodeType === Node.ELEMENT_NODE) {
 			let r = s.getBoundingClientRect();
 			if (r.width === 0 && r.height === 0) continue;
-			let c = r.left + r.width / 2, l = _(e, o), u = _(e, o + 1), d = t < c ? l : u, f = n - (r.top + r.height / 2), p = t < c ? t - r.left : t - r.right, m = p * p + f * f;
+			let c = r.left + r.width / 2, l = S(e, o), u = S(e, o + 1), d = t < c ? l : u, f = n - (r.top + r.height / 2), p = t < c ? t - r.left : t - r.right, m = p * p + f * f;
 			m < a && (a = m, i = d);
 		}
 	}
@@ -232,22 +245,22 @@ function b(e, t, n, r) {
 	}
 	return i;
 }
-function x(e, t, n, r, i) {
+function w(e, t, n, r, i) {
 	if (Number.isNaN(n) || Number.isNaN(r)) return null;
 	let a = null, o = e;
 	if (o?.caretPositionFromPoint) {
 		let e = o.caretPositionFromPoint(n, r);
-		e && (a = _(e.offsetNode, e.offset));
+		e && (a = S(e.offsetNode, e.offset));
 	} else o?.caretRangeFromPoint && (a = o.caretRangeFromPoint(n, r));
 	if (!a) if ("caretPositionFromPoint" in document) {
 		let e = document.caretPositionFromPoint(n, r);
-		e && (a = _(e.offsetNode, e.offset));
+		e && (a = S(e.offsetNode, e.offset));
 	} else "caretRangeFromPoint" in document && (a = document.caretRangeFromPoint(n, r));
-	return (!a || !t.contains(a.startContainer)) && (a = b(t, n, r, i)), a;
+	return (!a || !t.contains(a.startContainer)) && (a = re(t, n, r, i)), a;
 }
 //#endregion
 //#region src/components/prompt-box/selection-utils.ts
-function S(e) {
+function T(e) {
 	if (e) {
 		let t = e.getSelection?.();
 		if (t && t.rangeCount > 0) return t.getRangeAt(0);
@@ -266,7 +279,7 @@ function S(e) {
 	} catch {}
 	return null;
 }
-function C(e, t) {
+function E(e, t) {
 	let n = document.getSelection();
 	if (n) try {
 		n.setBaseAndExtent(e, t, e, t);
@@ -275,19 +288,19 @@ function C(e, t) {
 		r.setStart(e, t), r.collapse(!0), n.removeAllRanges(), n.addRange(r);
 	}
 }
-function w(e) {
+function D(e) {
 	return e === " " || e === "\n" || e === "\xA0";
 }
-function T(e) {
-	let t = S(e);
+function O(e) {
+	let t = T(e);
 	if (!t || !t.collapsed) return !1;
 	let n = t.startContainer, r = t.startOffset;
 	if (n.nodeType === Node.TEXT_NODE) {
-		if (r >= 2) return w(n.textContent?.charAt(r - 2) ?? "");
+		if (r >= 2) return D(n.textContent?.charAt(r - 2) ?? "");
 		let e = n.previousSibling;
 		if (!e || e.nodeType === Node.ELEMENT_NODE && e.classList?.contains("element-badge")) return !0;
 		let t = e.textContent ?? "";
-		return t.length === 0 ? !0 : w(t.at(-1) ?? "");
+		return t.length === 0 || D(t.at(-1) ?? "");
 	}
 	if (n.nodeType === Node.ELEMENT_NODE) {
 		if (r === 0) return !0;
@@ -295,13 +308,13 @@ function T(e) {
 		if (!e || e.nodeType === Node.ELEMENT_NODE && e.classList?.contains("element-badge")) return !0;
 		if (e.nodeType === Node.TEXT_NODE) {
 			let t = e.textContent ?? "";
-			return t.length === 0 ? !0 : w(t.at(-1) ?? "");
+			return t.length === 0 || D(t.at(-1) ?? "");
 		}
 	}
 	return !1;
 }
-function E(e, t) {
-	let n = S(e);
+function ie(e, t) {
+	let n = T(e);
 	if (!n) {
 		if (!t) return null;
 		let e = t.getBoundingClientRect();
@@ -338,22 +351,22 @@ function E(e, t) {
 		y: o.bottom
 	};
 }
-function ne(e, t) {
-	let n = S(e);
+function ae(e, t) {
+	let n = T(e);
 	if (!n || !n.collapsed) return null;
 	let r = n.startContainer, i = n.startOffset;
 	if (r.nodeType !== Node.TEXT_NODE) return null;
 	let a = (r.textContent ?? "").slice(0, Math.max(0, i)), o = a.lastIndexOf(t);
 	return o === -1 ? null : a.slice(Math.max(0, o + 1));
 }
-function D(e, t) {
+function k(e, t) {
 	if (e.focus(), !t) return;
 	let n = e.querySelector(`[data-element-id="${t}"]`);
 	if (!n) return;
 	let r = n.nextSibling;
 	if (r && r.nodeType === Node.TEXT_NODE) {
 		let e = r.textContent ?? "", t = e.indexOf(" ");
-		C(r, t === -1 ? e.length : t + 1);
+		E(r, t === -1 ? e.length : t + 1);
 		return;
 	}
 	let i = document.getSelection();
@@ -361,14 +374,14 @@ function D(e, t) {
 	let a = document.createRange();
 	a.setStartAfter(n), a.collapse(!0), i.removeAllRanges(), i.addRange(a);
 }
-function O(e, t, n, r) {
-	let i = S(e);
+function oe(e, t, n, r) {
+	let i = T(e);
 	if (i) {
 		let e = i.startContainer, r = i.startOffset;
 		if (e.nodeType === Node.TEXT_NODE && t.contains(e)) {
 			let t = e.textContent ?? "", i = t.slice(0, Math.max(0, r)).lastIndexOf(n);
 			if (i !== -1) {
-				e.textContent = t.slice(0, Math.max(0, i)) + t.slice(Math.max(0, r)), C(e, i);
+				e.textContent = t.slice(0, Math.max(0, i)) + t.slice(Math.max(0, r)), E(e, i);
 				return;
 			}
 		}
@@ -377,14 +390,14 @@ function O(e, t, n, r) {
 	for (; s = o.nextNode();) {
 		let e = s.textContent ?? "", n = e.lastIndexOf(a);
 		if (n !== -1) {
-			s.textContent = e.slice(0, Math.max(0, n)) + e.slice(Math.max(0, n + a.length)), t.focus(), C(s, n);
+			s.textContent = e.slice(0, Math.max(0, n)) + e.slice(Math.max(0, n + a.length)), t.focus(), E(s, n);
 			return;
 		}
 	}
 }
 //#endregion
 //#region src/components/prompt-box/types.ts
-var k = "application/x-luzmo-element", A = class {
+var A = "application/x-luzmo-element", j = class {
 	constructor(e) {
 		this._elements = /* @__PURE__ */ new Map(), this._idCounter = 0, this._dragCaret = null, this.isDragOver = !1, this.richInputElement = null, this.handleRichInput = () => {
 			this.syncValue(), this._host.dispatchEvent(new Event("input", {
@@ -399,7 +412,7 @@ var k = "application/x-luzmo-element", A = class {
 			}
 			let t = e.clipboardData?.getData("text/plain") ?? "";
 			if (t) {
-				let e = S(this._host.shadowRoot);
+				let e = T(this._host.shadowRoot);
 				if (e) {
 					e.deleteContents(), e.insertNode(document.createTextNode(t)), e.collapse(!1);
 					let n = document.getSelection();
@@ -420,7 +433,7 @@ var k = "application/x-luzmo-element", A = class {
 				this._host.requestUpdate();
 				return;
 			}
-			let t = e.dataTransfer?.getData(k);
+			let t = e.dataTransfer?.getData(A);
 			if (!t) {
 				this._host.requestUpdate();
 				return;
@@ -429,7 +442,7 @@ var k = "application/x-luzmo-element", A = class {
 				let n = JSON.parse(t);
 				if (n.elementType && n.label) {
 					this.richInputElement?.focus();
-					let t = this.richInputElement ? x(this._host.shadowRoot, this.richInputElement, e.clientX, e.clientY, this._dragCaret) : null;
+					let t = this.richInputElement ? w(this._host.shadowRoot, this.richInputElement, e.clientX, e.clientY, this._dragCaret) : null;
 					this._insertElementAtRange(n.elementType, n.label, n.data ?? null, void 0, t);
 				}
 				this._host.requestUpdate();
@@ -490,16 +503,16 @@ var k = "application/x-luzmo-element", A = class {
 				let t = e.previousSibling;
 				t?.classList?.contains("element-badge") && this._ensureSpaceAfter(t);
 			}
-			this._ensureSpaceAfter(s), D(c, a), l = !0;
+			this._ensureSpaceAfter(s), k(c, a), l = !0;
 		}
-		return l || (c.append(s), this._ensureSpaceAfter(s), D(c, a)), this.syncValue(), this._host.dispatchEvent(new CustomEvent("luzmo-element-inserted", {
+		return l || (c.append(s), this._ensureSpaceAfter(s), k(c, a)), this.syncValue(), this._host.dispatchEvent(new CustomEvent("luzmo-element-inserted", {
 			bubbles: !0,
 			composed: !0,
 			detail: { element: o }
 		})), a;
 	}
 	_getSelectionRange() {
-		return S(this._host.shadowRoot);
+		return T(this._host.shadowRoot);
 	}
 	removeElement(e) {
 		let t = this._elements.get(e);
@@ -527,7 +540,7 @@ var k = "application/x-luzmo-element", A = class {
 		this._elements.clear(), this.richInputElement && (this.richInputElement.innerHTML = "");
 	}
 	handleBadgeDelete(e) {
-		let t = S(this._host.shadowRoot);
+		let t = T(this._host.shadowRoot);
 		if (!t || !t.collapsed) return !1;
 		let n = e === "Backspace" ? this._findBadgeBefore(t.startContainer, t.startOffset) : e === "Delete" ? this._findBadgeAfter(t.startContainer, t.startOffset) : null;
 		return n?.dataset.elementId ? (this.removeElement(n.dataset.elementId), !0) : !1;
@@ -650,7 +663,7 @@ var k = "application/x-luzmo-element", A = class {
 			this._hideDragCaret();
 			return;
 		}
-		let n = x(this._host.shadowRoot, this.richInputElement, e, t, this._dragCaret);
+		let n = w(this._host.shadowRoot, this.richInputElement, e, t, this._dragCaret);
 		if (!n) {
 			this._hideDragCaret();
 			return;
@@ -672,13 +685,13 @@ var k = "application/x-luzmo-element", A = class {
 	}
 	_positionCaretAtPoint(e, t) {
 		if (!this.richInputElement) return;
-		let n = x(this._host.shadowRoot, this.richInputElement, e, t, this._dragCaret);
+		let n = w(this._host.shadowRoot, this.richInputElement, e, t, this._dragCaret);
 		if (n) {
 			let e = document.getSelection();
 			e && (e.removeAllRanges(), e.addRange(n));
 		}
 	}
-}, j = class {
+}, M = class {
 	constructor(e) {
 		this._triggers = [], this.activeTrigger = null, this.searchString = "", this.virtualElement = null, this.highlightedIndex = 0, this.pointerMovedSinceKeyNav = !0, this.hoveredIndex = -1, this.filteredOptions = [], this.richInputElement = null, this.handleOverlayClosed = () => {
 			this.close();
@@ -727,13 +740,13 @@ var k = "application/x-luzmo-element", A = class {
 	}
 	handleInput(e) {
 		if (this.activeTrigger) {
-			let e = ne(this._host.shadowRoot, this.activeTrigger) ?? this._extractTriggerSearchFromContent(this.activeTrigger);
+			let e = ae(this._host.shadowRoot, this.activeTrigger) ?? this._extractTriggerSearchFromContent(this.activeTrigger);
 			e === null ? this.close() : (this.searchString = e, this._updateFilteredOptions(), this.highlightedIndex = this._findSelectableIndex(0, 1), this._dispatchChange(!0), this._host.requestUpdate(), document.dispatchEvent(new Event("luzmo-update-overlays")));
 		} else this._detectTrigger(e);
 	}
 	open(e) {
 		if (!this._triggers.find((t) => t.key === e)) return;
-		let t = E(this._host.shadowRoot, this.richInputElement);
+		let t = ie(this._host.shadowRoot, this.richInputElement);
 		if (!t) return;
 		this.activeTrigger = e, this.searchString = "", this._updateFilteredOptions(), this.highlightedIndex = this._findSelectableIndex(0, 1);
 		let n = this.richInputElement?.getBoundingClientRect().top ?? t.y;
@@ -761,7 +774,7 @@ var k = "application/x-luzmo-element", A = class {
 	_detectTrigger(e) {
 		if (this._host.disabled || this._host.readonly || this._host.pending) return;
 		let t = e?.data ?? "";
-		t.length !== 1 || !this._isTriggerKey(t) || T(this._host.shadowRoot) && this.open(t);
+		t.length !== 1 || !this._isTriggerKey(t) || O(this._host.shadowRoot) && this.open(t);
 	}
 	_extractTriggerSearchFromContent(e) {
 		let t = this.richInputElement?.textContent ?? "";
@@ -827,11 +840,11 @@ var k = "application/x-luzmo-element", A = class {
 	selectOption(e) {
 		if (!this.activeTrigger || !this.richInputElement) return;
 		let t = this.activeTrigger, n = this.richInputElement, r = this._host.shadowRoot;
-		O(r, n, t, this.searchString);
+		oe(r, n, t, this.searchString);
 		let i = e.elementType ?? t, a = this._host.insertElement(i, e.label, e.data ?? null, e.icon);
-		D(n, a), this.close(), this._host.updateComplete.then(() => {
+		k(n, a), this.close(), this._host.updateComplete.then(() => {
 			requestAnimationFrame(() => {
-				D(n, a);
+				k(n, a);
 			});
 		});
 	}
@@ -846,38 +859,38 @@ var k = "application/x-luzmo-element", A = class {
 			}
 		}));
 	}
-}, M = !1, N = 0;
-function P() {
-	M = !0;
-}
+}, N = !1, P = 0;
 function F() {
-	M = !1;
+	N = !0;
 }
 function I() {
-	document.addEventListener("keydown", P, !0), document.addEventListener("mousedown", F, !0), document.addEventListener("pointerdown", F, !0);
+	N = !1;
 }
 function L() {
-	document.removeEventListener("keydown", P, !0), document.removeEventListener("mousedown", F, !0), document.removeEventListener("pointerdown", F, !0);
+	document.addEventListener("keydown", F, !0), document.addEventListener("mousedown", I, !0), document.addEventListener("pointerdown", I, !0);
 }
 function R() {
-	N === 0 && typeof window < "u" && I(), N++;
+	document.removeEventListener("keydown", F, !0), document.removeEventListener("mousedown", I, !0), document.removeEventListener("pointerdown", I, !0);
 }
 function z() {
-	N--, N <= 0 && (N = 0, L());
+	P === 0 && typeof window < "u" && L(), P++;
 }
 function B() {
-	return M;
+	P--, P <= 0 && (P = 0, R());
+}
+function V() {
+	return N;
 }
 //#endregion
 //#region src/components/prompt-box/prompt-box-templates.ts
-function V(e, t, n) {
+function H(e, t, n) {
 	return a`
     <div class="top-actions ${t ? "" : "empty"}" part="top-actions">
       <slot name="top-actions" @slotchange=${n}></slot>
     </div>
   `;
 }
-function H(e, t, n) {
+function U(e, t, n) {
 	return a`
     <div
       class="bottom-actions ${t ? "" : "empty"}"
@@ -887,7 +900,18 @@ function H(e, t, n) {
     </div>
   `;
 }
-function U(e) {
+function W(e, t, n) {
+	return a`
+    <div
+      class="error ${t ? "" : "empty"}"
+      part="error"
+      role=${t ? "alert" : o}
+    >
+      <slot name="error" @slotchange=${n}></slot>
+    </div>
+  `;
+}
+function G(e) {
 	let t = [];
 	for (let n = 0; n < 5; n++) {
 		let r = 1 - Math.abs(n - 2) * .15, i = .3 + e.recordingController.audioLevel * .7 * r, o = Math.max(.2, Math.min(1, i));
@@ -899,7 +923,7 @@ function U(e) {
     <div class="waveform" part="waveform" aria-hidden="true">${t}</div>
   `;
 }
-function W(e) {
+function K(e) {
 	let t = e.handleRecordButtonSlotChange, n = e.hasRecordButton, r = e.recordingController.isRecording, i = () => {
 		e.recordingController.cancel();
 	}, o = (t) => {
@@ -908,21 +932,19 @@ function W(e) {
 	return n || !e.recording ? a`<slot name="record-button" @slotchange=${t}></slot>` : r ? a`
       <slot name="record-button" @slotchange=${t}></slot>
       <div class="recording-ui" part="recording-ui">
-        <luzmo-action-button
+        <luzmo-button
           class="cancel-recording-button"
           part="cancel-recording-button"
           .size=${e.size}
+          icon-only
+          quiet
           ?disabled=${e.disabled}
           @click=${i}
           aria-label="Cancel recording"
         >
-          <luzmo-icon
-            slot="icon"
-            .icon=${m}
-            .size=${e.size}
-          ></luzmo-icon>
-        </luzmo-action-button>
-        ${U(e)}
+          <luzmo-icon slot="icon" .icon=${m}></luzmo-icon>
+        </luzmo-button>
+        ${G(e)}
         <span class="recording-duration" part="recording-duration">
           ${e.recordingController.formatDuration()}
         </span>
@@ -941,25 +963,21 @@ function W(e) {
       </div>
     ` : a`
     <slot name="record-button" @slotchange=${t}></slot>
-    <luzmo-action-button
+    <luzmo-button
       class="record-button"
       part="record-button"
-      quiet
       .size=${e.size}
+      icon-only
+      quiet
       ?disabled=${e.disabled}
-      ?readonly=${e.pending}
       @click=${o}
       aria-label="Record"
     >
-      <luzmo-icon
-        slot="icon"
-        .icon=${h}
-        .size=${e.size}
-      ></luzmo-icon>
-    </luzmo-action-button>
+      <luzmo-icon slot="icon" .icon=${b}></luzmo-icon>
+    </luzmo-button>
   `;
 }
-function re(e) {
+function q(e) {
 	let t = e.handleSubmitButtonSlotChange, n = e.recordingController.isRecording, r = () => {
 		e.submit();
 	}, i = () => {
@@ -1001,12 +1019,12 @@ function re(e) {
     </luzmo-button>
   `;
 }
-function G(e, t) {
+function se(e, t) {
 	if (!t) return e;
 	let n = e.toLowerCase().indexOf(t.toLowerCase());
 	return n === -1 ? e : a`${e.slice(0, n)}<mark class="trigger-option-highlight">${e.slice(n, n + t.length)}</mark>${e.slice(n + t.length)}`;
 }
-function K(e, t) {
+function ce(e, t) {
 	return a`
     <div
       class="trigger-option-header"
@@ -1022,7 +1040,7 @@ function K(e, t) {
     </div>
   `;
 }
-function q(e, t, n, r, i) {
+function le(e, t, n, r, i) {
 	let s = () => {
 		e.selectTriggerOption(t);
 	}, c = () => {
@@ -1036,7 +1054,7 @@ function q(e, t, n, r, i) {
         ></luzmo-icon>` : o}
     <div class="trigger-option-content">
       <span class="trigger-option-label"
-        >${i?.highlightSearch && p ? G(t.label, p) : t.label}</span
+        >${i?.highlightSearch && p ? se(t.label, p) : t.label}</span
       >
       ${t.description ? a`<span class="trigger-option-description"
             >${t.description}</span
@@ -1054,16 +1072,16 @@ function q(e, t, n, r, i) {
     >
       ${m}
       ${u ? a`<luzmo-icon
-            class="trigger-option-enter-icon"
-            .icon=${d}
-            size="s"
-          ></luzmo-icon>` : o}
+              class="trigger-option-enter-icon"
+              .icon=${d}
+              size="s"
+            ></luzmo-icon>` : o}
     </div>
   `;
 }
-function J(e, t, n, r) {
+function ue(e, t, n, r) {
 	let i = [];
-	for (let [a, o] of t.entries()) o.header ? i.push(K(o, r)) : i.push(q(e, o, a, n, r));
+	for (let [a, o] of t.entries()) o.header ? i.push(ce(o, r)) : i.push(le(e, o, a, n, r));
 	return a`
     <div
       class="trigger-options"
@@ -1075,18 +1093,18 @@ function J(e, t, n, r) {
     </div>
   `;
 }
-function Y(e) {
+function J(e) {
 	return a`<slot name=${e} style="display: none;"></slot>`;
 }
-function X(e) {
+function de(e) {
 	let t = e.triggerMenuController;
 	if (!t.hasTriggers) {
 		let e = [];
-		for (let n of t.allSlotNames) e.push(Y(n));
+		for (let n of t.allSlotNames) e.push(J(n));
 		return a`${e}`;
 	}
 	let n = t.activeConfig, r = n?.slotName ?? null, i = t.filteredOptions.length > 0, s = t.activeTrigger !== null, c = [];
-	for (let e of t.allSlotNames) e !== r && c.push(Y(e));
+	for (let e of t.allSlotNames) e !== r && c.push(J(e));
 	return a`
     <luzmo-overlay
       part="trigger-menu-overlay"
@@ -1099,12 +1117,12 @@ function X(e) {
       @keydown=${t.handleOverlayKeydown}
     >
       ${s && r ? a`<slot name=${r}></slot>` : o}
-      ${s && i ? J(e, t.filteredOptions, t.highlightedIndex, n) : o}
+      ${s && i ? ue(e, t.filteredOptions, t.highlightedIndex, n) : o}
     </luzmo-overlay>
     ${c}
   `;
 }
-function ie(e) {
+function fe(e) {
 	let t = !e.readonly && !e.pending && !e.disabled, n = e.richInputController;
 	return a`
     <div
@@ -1126,8 +1144,8 @@ function ie(e) {
     ></div>
   `;
 }
-function ae(e) {
-	return e.allowElements ? ie(e) : a`
+function pe(e) {
+	return e.allowElements ? fe(e) : a`
     <luzmo-text-field
       class="input-field"
       part="input"
@@ -1150,73 +1168,113 @@ function ae(e) {
     ></luzmo-text-field>
   `;
 }
-function oe(e, t) {
+var Y = {
+	pdf: v,
+	csv: h,
+	xls: _,
+	xlsx: _,
+	mp4: y,
+	mov: y,
+	webm: y,
+	avi: y,
+	mkv: y
+}, me = /* @__PURE__ */ new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+function X(e) {
+	return e.trim().toLowerCase().replace(/^\./, "");
+}
+function he(e) {
+	let t = e.lastIndexOf(".");
+	if (!(t <= 0 || t === e.length - 1)) return X(e.slice(t + 1));
+}
+function ge(e) {
+	if (!e || Object.keys(e).length === 0) return Y;
+	let t = { ...Y };
+	for (let [n, r] of Object.entries(e)) {
+		let e = X(n);
+		!e || me.has(e) || (t[e] = r);
+	}
+	return t;
+}
+function _e(e, t) {
+	let n = he(e.name);
+	return n ? t[n] ?? g : g;
+}
+function ve(e, t) {
 	return a`
-    <div class="image-attachment" part="image-attachment">
-      <img
-        src=${t.previewUrl || ""}
-        alt=${t.file.name}
-        class="image-preview"
-      />
+    <div
+      class="image-attachment"
+      part="image-attachment"
+      title=${t.file.name}
+      aria-busy=${t.loading ? "true" : o}
+    >
+      ${t.loading ? a`
+              <luzmo-skeleton-loader
+                class="attachment-skeleton"
+                part="attachment-skeleton"
+              ></luzmo-skeleton-loader>
+            ` : a`
+              <img
+                src=${t.previewUrl || ""}
+                alt=${t.file.name}
+                class="image-preview"
+              />
+            `}
       <luzmo-clear-button
         class="attachment-remove"
         .size=${e.size}
         ?disabled=${e.disabled || e.pending}
-        label="Remove ${t.file.name}"
+        label=${e.removeAttachmentLabel(t.file.name)}
         data-attachment-id=${t.id}
-        @click=${(t) => {
-		let n = t.currentTarget.dataset.attachmentId;
-		n && e.attachmentsController.removeAttachment(n);
-	}}
+        @click=${e.handleAttachmentRemoveClick}
       ></luzmo-clear-button>
     </div>
   `;
 }
-function se(e, t) {
+function ye(e, t, n) {
 	return a`
-    <luzmo-tag
+    <div
       class="file-attachment"
       part="file-attachment"
-      .size=${e.tagSize}
-      deletable
-      ?disabled=${e.disabled || e.pending}
-      data-attachment-id=${t.id}
-      @delete=${(t) => {
-		let n = t.target.dataset.attachmentId;
-		n && (t.preventDefault(), e.attachmentsController.removeAttachment(n));
-	}}
+      title=${t.file.name}
+      aria-busy=${t.loading ? "true" : o}
     >
-      ${t.file.name}
-    </luzmo-tag>
+      ${t.loading ? a`
+              <luzmo-skeleton-loader
+                class="attachment-skeleton"
+                part="attachment-skeleton"
+              ></luzmo-skeleton-loader>
+            ` : a`
+              <luzmo-icon
+                class="file-attachment-icon"
+                .icon=${_e(t.file, n)}
+              ></luzmo-icon>
+            `}
+      <luzmo-clear-button
+        class="attachment-remove"
+        .size=${e.size}
+        ?disabled=${e.disabled || e.pending}
+        label=${e.removeAttachmentLabel(t.file.name)}
+        data-attachment-id=${t.id}
+        @click=${e.handleAttachmentRemoveClick}
+      ></luzmo-clear-button>
+    </div>
   `;
 }
-function ce(e) {
+function be(e) {
 	let t = e.attachmentsController;
 	if (!t.hasAttachments) return o;
-	let n = t.imageAttachments, r = t.fileAttachments, i = [];
-	for (let t of n) i.push(oe(e, t));
-	let s = [];
-	for (let t of r) s.push(se(e, t));
+	let n = ge(e.fileIcons), r = t.imageAttachments, i = t.fileAttachments, s = [];
+	for (let t of r) s.push(ve(e, t));
+	for (let t of i) s.push(ye(e, t, n));
 	return a`
-    <div class="attachments" part="attachments">
-      ${n.length > 0 ? a`
-            <div class="image-attachments" part="image-attachments">
-              ${i}
-            </div>
-          ` : o}
-      ${r.length > 0 ? a`
-            <luzmo-tags
-              class="file-attachments"
-              part="file-attachments"
-              .size=${e.tagSize}
-            >
-              ${s}
-            </luzmo-tags>
-          ` : o}
-    </div>
+    <div class="attachments" part="attachments">${s}</div>
   `;
 }
-function le(e) {
+function xe(e) {
 	return !e.allowImages && !e.allowFiles ? o : a`
     <input
       type="file"
@@ -1239,7 +1297,7 @@ function Q(e) {
 	let t = [];
 	return e.matches(Z) && t.push(e), t.push(...e.querySelectorAll(Z)), t;
 }
-function ue(e, t, n) {
+function Se(e, t, n) {
 	if (!e) return;
 	let r = e.querySelector("slot[name=\"submit-button\"]");
 	for (let e of r?.assignedElements() ?? []) for (let r of Q(e)) n ? (r.setAttribute("pending", ""), r.removeAttribute("disabled"), r.removeAttribute("readonly")) : t ? (r.removeAttribute("pending"), r.setAttribute("disabled", ""), r.removeAttribute("readonly")) : (r.removeAttribute("pending"), r.removeAttribute("disabled"), r.removeAttribute("readonly"));
@@ -1252,8 +1310,8 @@ function ue(e, t, n) {
 		for (let e of i?.assignedElements() ?? []) for (let r of Q(e)) t || n ? (r.setAttribute("disabled", ""), r.removeAttribute("readonly")) : (r.removeAttribute("disabled"), r.removeAttribute("readonly"));
 	}
 }
-function de(e) {
-	let t = [], n = new Set([
+function Ce(e) {
+	let t = [], n = /* @__PURE__ */ new Set([
 		"luzmo-switch",
 		"luzmo-checkbox",
 		"luzmo-radio"
@@ -1271,7 +1329,7 @@ function de(e) {
 }
 //#endregion
 //#region src/components/prompt-box/prompt-box.module.scss?inline
-var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-font-family));font-size:var(--luzmo-prompt-box-font-size,var(--prompt-box-font-size));line-height:var(--luzmo-prompt-box-line-height,var(--prompt-box-line-height));color:var(--highcontrast-prompt-box-text-color,var(--luzmo-prompt-box-text-color,var(--prompt-box-text-color)));flex-direction:column;width:100%;display:flex}:host([disabled]){opacity:var(--luzmo-prompt-box-disabled-opacity,var(--prompt-box-disabled-opacity));pointer-events:none}.container{gap:var(--luzmo-prompt-box-gap,var(--prompt-box-gap));padding:var(--luzmo-prompt-box-vertical-padding,var(--prompt-box-vertical-padding)) var(--luzmo-prompt-box-horizontal-padding,var(--prompt-box-horizontal-padding));background-color:var(--highcontrast-prompt-box-background-color,var(--luzmo-prompt-box-background-color,var(--prompt-box-background-color)));border-radius:var(--luzmo-prompt-box-border-radius,var(--prompt-box-border-radius));border-width:var(--luzmo-prompt-box-border-width,var(--prompt-box-border-width));border-style:solid;border-color:var(--highcontrast-prompt-box-border-color,var(--luzmo-prompt-box-border-color,var(--prompt-box-border-color)));box-shadow:var(--luzmo-prompt-box-shadow,var(--prompt-box-shadow));transition:border-color var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out, box-shadow var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-direction:column;display:flex}.container.input-focused{border-color:var(--highcontrast-prompt-box-border-color-focus,var(--luzmo-prompt-box-border-color-focus,var(--prompt-box-border-color-focus)))}.container.drag-over{border-color:var(--luzmo-prompt-box-border-color-drag,var(--luzmo-primary,#0064fa))}:host(:focus-visible) .container,:host(.focus-visible) .container{border-color:var(--highcontrast-prompt-box-border-color-focus,var(--luzmo-prompt-box-border-color-focus,var(--prompt-box-border-color-focus)));box-shadow:var(--luzmo-prompt-box-shadow-focus,var(--prompt-box-shadow-focus))}:host(:focus){outline:none}.top-actions{align-items:center;gap:var(--luzmo-prompt-box-top-actions-gap,var(--prompt-box-top-actions-gap));opacity:var(--luzmo-prompt-box-actions-opacity,var(--prompt-box-actions-opacity,1));transition:opacity var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-wrap:wrap;display:flex}.top-actions.empty{display:none}.hidden-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.attachments{gap:var(--luzmo-prompt-box-attachments-gap,var(--prompt-box-attachments-gap,8px));flex-direction:column;display:flex}.image-attachments{gap:var(--luzmo-prompt-box-image-attachments-gap,var(--prompt-box-image-attachments-gap,8px));flex-wrap:wrap;display:flex}.image-attachment{width:var(--luzmo-prompt-box-image-preview-size,var(--prompt-box-image-preview-size,80px));height:var(--luzmo-prompt-box-image-preview-size,var(--prompt-box-image-preview-size,80px));border-radius:var(--luzmo-prompt-box-image-border-radius,var(--prompt-box-image-border-radius,8px));background-color:var(--luzmo-prompt-box-image-background,var(--prompt-box-image-background,#0000000d));display:inline-flex;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%}.attachment-remove{width:var(--luzmo-prompt-box-remove-button-size,var(--prompt-box-remove-button-size,24px));height:var(--luzmo-prompt-box-remove-button-size,var(--prompt-box-remove-button-size,24px));background-color:var(--luzmo-prompt-box-remove-button-background,var(--prompt-box-remove-button-background,#00000080));--luzmo-clear-button-icon-color:var(--luzmo-prompt-box-remove-button-icon-color,var(--prompt-box-remove-button-icon-color,#fff));border-radius:50%;position:absolute;top:4px;right:4px}.attachment-remove:hover{background-color:var(--luzmo-prompt-box-remove-button-background-hover,var(--prompt-box-remove-button-background-hover,#000000b3))}.file-attachments{--luzmo-tag-border-radius:16px;gap:var(--luzmo-prompt-box-file-attachments-gap,var(--prompt-box-file-attachments-gap,4px));flex-wrap:wrap;display:flex}.file-attachment{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.input-wrapper{flex:1;display:flex;position:relative}.input-field{--luzmo-text-field-focus-indicator-width:0;--luzmo-text-field-border-width:0;--luzmo-text-field-width:100%;--luzmo-text-field-min-width:0;--luzmo-text-field-placeholder-text-color-default:var(--luzmo-prompt-box-placeholder-color,var(--prompt-box-placeholder-color));flex:1;width:100%;min-width:0}.actions-row{justify-content:space-between;align-items:center;gap:var(--luzmo-prompt-box-actions-gap,var(--prompt-box-actions-gap));display:flex}.bottom-actions{align-items:center;gap:var(--luzmo-prompt-box-bottom-actions-gap,var(--prompt-box-bottom-actions-gap));opacity:var(--luzmo-prompt-box-actions-opacity,var(--prompt-box-actions-opacity,1));transition:opacity var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-wrap:wrap;flex:1;display:flex}.button-group{align-items:center;gap:var(--luzmo-prompt-box-button-group-gap,var(--prompt-box-button-group-gap));margin-left:auto;display:flex}.record-button,.cancel-recording-button{--luzmo-action-button-border-radius:var(--luzmo-prompt-box-record-button-border-radius,50%);--luzmo-action-button-focus-indicator-border-radius:var(--luzmo-prompt-box-record-button-focus-indicator-border-radius,50%)}.submit-button{margin-inline-start:var(--luzmo-prompt-box-submit-button-margin-inline-start,var(--prompt-box-submit-button-margin-inline-start))}.recording-ui{align-items:center;gap:var(--luzmo-prompt-box-recording-gap,var(--prompt-box-recording-gap));display:flex}.waveform{align-items:center;gap:var(--luzmo-prompt-box-waveform-gap,var(--prompt-box-waveform-gap,3px));height:var(--luzmo-prompt-box-waveform-height,var(--prompt-box-waveform-height,24px));padding:0 4px;display:flex}.waveform-bar{width:var(--luzmo-prompt-box-waveform-bar-width,var(--prompt-box-waveform-bar-width,3px));height:calc(var(--bar-height,.3) * var(--luzmo-prompt-box-waveform-height,var(--prompt-box-waveform-height,24px)));background-color:var(--luzmo-prompt-box-waveform-bar-color,var(--prompt-box-waveform-bar-color,currentColor));border-radius:var(--luzmo-prompt-box-waveform-bar-radius,var(--prompt-box-waveform-bar-radius,2px));min-height:4px;transition:height 50ms ease-out;animation:1s ease-in-out infinite waveform-pulse}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.1s}.waveform-bar:nth-child(5){animation-delay:0s}@keyframes waveform-pulse{0%,to{opacity:.6}50%{opacity:1}}.recording-duration{font-family:var(--luzmo-prompt-box-recording-duration-font-family,var(--prompt-box-recording-duration-font-family,monospace));font-size:var(--luzmo-prompt-box-recording-duration-font-size,var(--prompt-box-recording-duration-font-size,14px));font-weight:var(--luzmo-prompt-box-recording-duration-font-weight,var(--prompt-box-recording-duration-font-weight,500));color:var(--luzmo-prompt-box-recording-duration-color,var(--prompt-box-recording-duration-color,currentColor));text-align:center}.rich-input{width:100%;min-width:0;min-height:1.5em;max-height:var(--luzmo-prompt-box-max-height,var(--prompt-box-max-height,200px));padding:var(--luzmo-prompt-box-rich-input-padding,var(--prompt-box-rich-input-padding,4px 0));font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;flex:1;overflow-y:auto}.rich-input:empty:before{content:attr(data-placeholder);color:var(--luzmo-prompt-box-placeholder-color,var(--prompt-box-placeholder-color));pointer-events:none}.rich-input[contenteditable=false]{opacity:.5;cursor:default}.drag-caret{background:var(--luzmo-primary,#0064fa);pointer-events:none;border-radius:1px;width:2px}.element-badge{align-items:center;gap:var(--luzmo-prompt-box-badge-gap,var(--prompt-box-badge-gap,6px));vertical-align:baseline;padding:var(--luzmo-prompt-box-badge-padding,var(--prompt-box-badge-padding,1px 6px));background-color:var(--luzmo-prompt-box-badge-background,var(--prompt-box-badge-background,rgba(var(--luzmo-primary-rgb,0, 100, 250), .1)));color:var(--luzmo-prompt-box-badge-color,var(--prompt-box-badge-color,var(--luzmo-primary,#0064fa)));border-radius:var(--luzmo-prompt-box-badge-border-radius,var(--prompt-box-badge-border-radius,4px));font-size:var(--luzmo-prompt-box-badge-font-size,var(--prompt-box-badge-font-size,.9em));font-weight:var(--luzmo-prompt-box-badge-font-weight,var(--prompt-box-badge-font-weight,500));cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:var(--luzmo-prompt-box-badge-max-width,var(--prompt-box-badge-max-width,200px));margin:0 1px;line-height:1.4;display:inline-flex}.element-badge-icon{flex-shrink:0;display:inline-flex}.element-badge-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.element-badge-remove{appearance:none;font:inherit;color:inherit;width:var(--luzmo-prompt-box-badge-remove-size,var(--prompt-box-badge-remove-size,14px));height:var(--luzmo-prompt-box-badge-remove-size,var(--prompt-box-badge-remove-size,14px));font-size:var(--luzmo-prompt-box-badge-remove-font-size,var(--prompt-box-badge-remove-font-size,12px));cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:opacity .1s,background-color .1s;display:inline-flex}.element-badge-remove:hover{opacity:1;background-color:var(--luzmo-prompt-box-badge-remove-hover-background,var(--prompt-box-badge-remove-hover-background,#0000001a))}.element-badge-remove:focus-visible{opacity:1;outline:2px solid var(--luzmo-primary,#0064fa);outline-offset:1px}:host([single-line]) .container{align-items:center;gap:var(--luzmo-prompt-box-single-line-gap,var(--prompt-box-single-line-gap));flex-direction:row}:host([single-line]) .top-actions{flex-wrap:nowrap;flex-shrink:0}:host([single-line]) .attachments{max-height:var(--luzmo-prompt-box-single-line-attachments-max-height,var(--prompt-box-single-line-attachments-max-height));flex-direction:row;flex-shrink:0;align-items:center;overflow:hidden}:host([single-line]) .image-attachments{flex-wrap:nowrap}:host([single-line]) .image-attachment{width:var(--luzmo-prompt-box-single-line-image-size,var(--prompt-box-single-line-image-size));height:var(--luzmo-prompt-box-single-line-image-size,var(--prompt-box-single-line-image-size))}:host([single-line]) .file-attachments{flex-wrap:nowrap}:host([single-line]) .input-wrapper{min-width:0}:host([single-line]) .input-field{--luzmo-text-area-min-block-size-quiet:auto;--luzmo-text-field-spacing-block-start:0px;--luzmo-text-field-spacing-block-end:0px}:host([single-line]) .rich-input{min-height:unset;padding:0}:host([single-line]) .actions-row{flex-shrink:0}:host([single-line]) .bottom-actions{flex-wrap:nowrap;flex:0}::slotted([slot=top-actions]),::slotted([slot=bottom-actions]){align-items:center;display:inline-flex}::slotted([slot=record-button]){display:inline-flex}::slotted([slot=submit-button]){margin-inline-start:var(--luzmo-prompt-box-submit-button-margin-inline-start,var(--prompt-box-submit-button-margin-inline-start));display:inline-flex}luzmo-overlay[part=trigger-menu-overlay]{--luzmo-overlay-min-width:0}.trigger-options{min-width:var(--luzmo-prompt-box-trigger-menu-min-width,var(--prompt-box-trigger-menu-min-width,250px));max-width:var(--luzmo-prompt-box-trigger-menu-max-width,var(--prompt-box-trigger-menu-max-width,400px));max-height:var(--luzmo-prompt-box-trigger-menu-max-height,var(--prompt-box-trigger-menu-max-height,300px));flex-direction:column;display:flex;overflow-y:auto}.trigger-options::-webkit-scrollbar{width:var(--luzmo-prompt-box-trigger-menu-scrollbar-width,var(--prompt-box-trigger-menu-scrollbar-width))}.trigger-options::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-trigger-menu-scrollbar-track-background,var(--prompt-box-trigger-menu-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-trigger-menu-scrollbar-track-border-radius,var(--prompt-box-trigger-menu-scrollbar-track-border-radius))}.trigger-options::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-background,var(--prompt-box-trigger-menu-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-border-radius,var(--prompt-box-trigger-menu-scrollbar-thumb-border-radius))}.trigger-options::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-hover-background,var(--prompt-box-trigger-menu-scrollbar-thumb-hover-background))}.trigger-options{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-trigger-menu-scrollbar-thumb-background,var(--prompt-box-trigger-menu-scrollbar-thumb-background)) var(--luzmo-prompt-box-trigger-menu-scrollbar-track-background,var(--prompt-box-trigger-menu-scrollbar-track-background));background-color:var(--luzmo-prompt-box-trigger-menu-background,var(--prompt-box-trigger-menu-background,var(--luzmo-background-color,#fff)));border:1px solid var(--luzmo-prompt-box-trigger-menu-border-color,var(--prompt-box-trigger-menu-border-color,var(--luzmo-border-color,#0000001a)));border-radius:var(--luzmo-prompt-box-trigger-menu-border-radius,var(--prompt-box-trigger-menu-border-radius,var(--luzmo-border-radius-100,8px)));box-shadow:0 2px 8px var(--luzmo-prompt-box-trigger-menu-shadow-color,var(--prompt-box-trigger-menu-shadow-color,#0000001f))}.trigger-option{align-items:center;gap:var(--luzmo-prompt-box-trigger-option-gap,var(--prompt-box-trigger-option-gap,10px));min-block-size:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));padding-block:var(--luzmo-prompt-box-trigger-option-padding-block,var(--prompt-box-trigger-option-padding-block,4px));padding-inline:var(--luzmo-prompt-box-trigger-option-padding-inline,var(--prompt-box-trigger-option-padding-inline,10px));cursor:pointer;box-sizing:border-box;scroll-margin-block:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));transition:background-color .1s;display:flex}.trigger-option.has-description{padding-block:var(--luzmo-prompt-box-trigger-option-description-padding-block,var(--prompt-box-trigger-option-description-padding-block,4px));min-block-size:auto}.trigger-option.hovered,.trigger-option.highlighted{background-color:var(--luzmo-prompt-box-trigger-option-background-hover,var(--prompt-box-trigger-option-background-hover,var(--luzmo-background-color-hover,#0000000f)))}.trigger-option-icon{width:var(--luzmo-prompt-box-trigger-option-icon-width,var(--prompt-box-trigger-option-icon-width,20px));color:var(--luzmo-prompt-box-trigger-option-icon-color,var(--prompt-box-trigger-option-icon-color,var(--luzmo-font-color,inherit)));font-size:var(--luzmo-prompt-box-trigger-option-icon-size,var(--prompt-box-trigger-option-icon-size,var(--luzmo-font-size,14px)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-option-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.trigger-option-label{font-size:var(--luzmo-prompt-box-trigger-option-font-size,var(--prompt-box-trigger-option-font-size,var(--luzmo-font-size,14px)));line-height:var(--luzmo-prompt-box-trigger-option-line-height,var(--prompt-box-trigger-option-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-color,var(--prompt-box-trigger-option-color,var(--luzmo-font-color,#333)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-option-description{font-size:var(--luzmo-prompt-box-trigger-option-description-font-size,var(--prompt-box-trigger-option-description-font-size,var(--luzmo-font-size-xs,12px)));line-height:var(--luzmo-prompt-box-trigger-option-description-line-height,var(--prompt-box-trigger-option-description-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-description-color,var(--prompt-box-trigger-option-description-color,var(--luzmo-font-color,#6e6e6e)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-option-enter-icon{color:var(--luzmo-prompt-box-trigger-option-enter-icon-color,var(--prompt-box-trigger-option-enter-icon-color,var(--luzmo-font-color-dimmed,#0006)));flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.trigger-option-highlight{background-color:var(--luzmo-prompt-box-trigger-option-highlight-background,var(--prompt-box-trigger-option-highlight-background,rgba(var(--luzmo-primary-rgb,0, 100, 250), .12)));color:inherit;border-radius:2px;padding:0 1px}.trigger-option-header{align-items:center;gap:var(--luzmo-prompt-box-trigger-option-header-gap,var(--prompt-box-trigger-option-header-gap,10px));min-block-size:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));padding-block:var(--luzmo-prompt-box-trigger-option-header-padding-block,var(--prompt-box-trigger-option-header-padding-block,4px));padding-inline:var(--luzmo-prompt-box-trigger-option-header-padding-inline,var(--prompt-box-trigger-option-header-padding-inline,10px));background-color:var(--luzmo-prompt-box-trigger-option-header-background,var(--prompt-box-trigger-option-header-background));border-block-start:1px solid var(--luzmo-prompt-box-trigger-option-header-border-color,var(--prompt-box-trigger-option-header-border-color,var(--luzmo-border-color,#0000001f)));border-block-end:1px solid var(--luzmo-prompt-box-trigger-option-header-border-color,var(--prompt-box-trigger-option-header-border-color,var(--luzmo-border-color,#0000001f)));box-sizing:border-box;-webkit-user-select:none;user-select:none;display:flex}.trigger-options>.trigger-option-header:first-child{border-block-start:none}.trigger-option-header-icon{width:var(--luzmo-prompt-box-trigger-option-icon-width,var(--prompt-box-trigger-option-icon-width,20px));color:var(--luzmo-prompt-box-trigger-option-header-icon-color,var(--prompt-box-trigger-option-header-icon-color,var(--luzmo-font-color,#333)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-option-header-label{font-size:var(--luzmo-prompt-box-trigger-option-header-font-size,var(--prompt-box-trigger-option-header-font-size,var(--luzmo-font-size,14px)));font-weight:var(--luzmo-prompt-box-trigger-option-header-font-weight,var(--prompt-box-trigger-option-header-font-weight,normal));line-height:var(--luzmo-prompt-box-trigger-option-header-line-height,var(--prompt-box-trigger-option-header-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-header-color,var(--prompt-box-trigger-option-header-color,var(--luzmo-font-color,#333)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}luzmo-overlay[part=trigger-menu-overlay] ::slotted(*){min-width:var(--luzmo-prompt-box-trigger-menu-min-width,var(--prompt-box-trigger-menu-min-width,250px));max-height:var(--luzmo-prompt-box-trigger-menu-max-height,var(--prompt-box-trigger-menu-max-height,300px));overflow-y:auto;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important}@media (forced-colors:active){:host{--highcontrast-prompt-box-background-color:Canvas;--highcontrast-prompt-box-border-color:CanvasText;--highcontrast-prompt-box-border-color-focus:Highlight;--highcontrast-prompt-box-text-color:CanvasText}}:host{--prompt-box-font-family:var(--luzmo-font-family);--prompt-box-font-size:var(--luzmo-font-size);--prompt-box-line-height:1.5;--prompt-box-text-color:var(--luzmo-font-color);--prompt-box-background-color:var(--luzmo-background-color);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-border-width:var(--luzmo-border-width);--prompt-box-border-color:var(--luzmo-border-color);--prompt-box-border-color-focus:var(--luzmo-primary);--prompt-box-shadow:0 2px 8px rgba(var(--luzmo-border-color-rgb), .08);--prompt-box-shadow-focus:0 2px 12px rgba(var(--luzmo-primary-rgb), .15);--prompt-box-gap:var(--luzmo-spacing-5);--prompt-box-recording-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--prompt-box-vertical-padding:var(--luzmo-spacing-4);--prompt-box-horizontal-padding:var(--luzmo-spacing-5);--prompt-box-actions-gap:var(--luzmo-spacing-3);--prompt-box-top-actions-gap:var(--luzmo-spacing-2);--prompt-box-bottom-actions-gap:var(--luzmo-spacing-2);--prompt-box-button-group-gap:var(--luzmo-spacing-2);--prompt-box-submit-button-margin-inline-start:var(--luzmo-spacing-3);--prompt-box-max-height:200px;--prompt-box-rich-input-padding:4px 0;--prompt-box-placeholder-color:var(--luzmo-font-color-extra-dimmed);--prompt-box-animation-duration:var(--luzmo-animation-duration,.15s);--prompt-box-disabled-opacity:.5;--prompt-box-attachments-gap:var(--luzmo-spacing-1);--prompt-box-image-attachments-gap:var(--luzmo-spacing-2);--prompt-box-file-attachments-gap:var(--luzmo-spacing-2);--prompt-box-image-preview-size:64px;--prompt-box-image-border-radius:var(--luzmo-border-radius);--prompt-box-image-background:#0000000d;--prompt-box-remove-button-size:20px;--prompt-box-remove-button-background:#00000080;--prompt-box-remove-button-background-hover:#000000b3;--prompt-box-remove-button-icon-color:#fff;--prompt-box-badge-gap:6px;--prompt-box-badge-padding:1px 6px;--prompt-box-badge-background:rgba(var(--luzmo-primary-rgb,0, 100, 250), .1);--prompt-box-badge-color:var(--luzmo-primary,#0064fa);--prompt-box-badge-border-radius:4px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-font-weight:500;--prompt-box-badge-max-width:200px;--prompt-box-badge-remove-size:14px;--prompt-box-badge-remove-font-size:12px;--prompt-box-badge-remove-hover-background:#0000001a;--prompt-box-waveform-gap:3px;--prompt-box-waveform-height:24px;--prompt-box-waveform-bar-width:3px;--prompt-box-waveform-bar-color:currentColor;--prompt-box-waveform-bar-radius:2px;--prompt-box-recording-duration-font-family:monospace;--prompt-box-recording-duration-font-size:14px;--prompt-box-recording-duration-font-weight:500;--prompt-box-recording-duration-color:currentColor;--prompt-box-trigger-menu-min-width:250px;--prompt-box-trigger-menu-max-width:300px;--prompt-box-trigger-menu-max-height:300px;--prompt-box-trigger-menu-background:var(--luzmo-background-color,#fff);--prompt-box-trigger-menu-border-color:var(--luzmo-border-color,#0000001a);--prompt-box-trigger-menu-border-radius:var(--luzmo-border-radius-100,8px);--prompt-box-trigger-menu-shadow-color:#0000001f;--prompt-box-trigger-menu-scrollbar-width:var(--luzmo-scrollbar-size);--prompt-box-trigger-menu-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--prompt-box-trigger-menu-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--prompt-box-trigger-menu-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--prompt-box-trigger-menu-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--prompt-box-trigger-menu-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--prompt-box-single-line-gap:var(--luzmo-spacing-3);--prompt-box-single-line-attachments-max-height:32px;--prompt-box-single-line-image-size:28px;--prompt-box-trigger-option-gap:10px;--prompt-box-trigger-option-min-height:var(--luzmo-component-height,32px);--prompt-box-trigger-option-padding-block:4px;--prompt-box-trigger-option-padding-inline:10px;--prompt-box-trigger-option-description-padding-block:4px;--prompt-box-trigger-option-background-hover:var(--luzmo-background-color-highlight,#f5f5f5);--prompt-box-trigger-option-icon-color:var(--luzmo-font-color,inherit);--prompt-box-trigger-option-icon-width:20px;--prompt-box-trigger-option-icon-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-font-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-color:var(--luzmo-font-color,#333);--prompt-box-trigger-option-description-font-size:var(--luzmo-font-size-xs,12px);--prompt-box-trigger-option-description-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-description-color:var(--luzmo-font-color,#6e6e6e);--prompt-box-trigger-option-enter-icon-color:var(--prompt-box-trigger-option-icon-color,var(--luzmo-font-color,inherit));--prompt-box-trigger-option-highlight-background:rgba(var(--luzmo-primary-rgb,0, 100, 250), .12);--prompt-box-trigger-option-header-gap:10px;--prompt-box-trigger-option-header-padding-block:4px;--prompt-box-trigger-option-header-padding-inline:10px;--prompt-box-trigger-option-header-background:var(--luzmo-background-color-highlight,#f5f5f5);--prompt-box-trigger-option-header-border-color:var(--luzmo-border-color,#0000001f);--prompt-box-trigger-option-header-icon-color:var(--luzmo-font-color,#333);--prompt-box-trigger-option-header-font-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-header-font-weight:normal;--prompt-box-trigger-option-header-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-header-color:var(--luzmo-font-color,#333)}:host([size=xs]){--prompt-box-font-size:var(--luzmo-font-size-xs);--prompt-box-border-radius:var(--luzmo-border-radius);--prompt-box-vertical-padding:var(--luzmo-spacing-2);--prompt-box-horizontal-padding:var(--luzmo-spacing-3);--prompt-box-gap:var(--luzmo-spacing-3);--prompt-box-attachments-gap:0;--prompt-box-image-attachments-gap:var(--luzmo-spacing-1);--prompt-box-recording-gap:var(--luzmo-spacing-3);--prompt-box-max-height:120px;--prompt-box-image-preview-size:40px;--prompt-box-remove-button-size:16px;--prompt-box-badge-font-size:.8em;--prompt-box-badge-padding:0px 3px;--prompt-box-badge-remove-size:10px;--prompt-box-badge-remove-font-size:9px}:host([size=s]){--prompt-box-font-size:var(--luzmo-font-size-s);--prompt-box-border-radius:var(--luzmo-border-radius-l);--prompt-box-vertical-padding:var(--luzmo-spacing-3);--prompt-box-horizontal-padding:var(--luzmo-spacing-4);--prompt-box-gap:var(--luzmo-spacing-4);--prompt-box-attachments-gap:0;--prompt-box-image-attachments-gap:var(--luzmo-spacing-1);--prompt-box-recording-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--prompt-box-max-height:150px;--prompt-box-image-preview-size:48px;--prompt-box-remove-button-size:18px;--prompt-box-badge-font-size:.85em;--prompt-box-badge-padding:0px 4px;--prompt-box-badge-remove-size:12px;--prompt-box-badge-remove-font-size:10px}:host([size=l]){--prompt-box-font-size:var(--luzmo-font-size-l);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-vertical-padding:var(--luzmo-spacing-5);--prompt-box-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--prompt-box-gap:var(--luzmo-spacing-4);--prompt-box-attachments-gap:var(--luzmo-spacing-1);--prompt-box-image-attachments-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--prompt-box-recording-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--prompt-box-max-height:250px;--prompt-box-image-preview-size:72px;--prompt-box-remove-button-size:24px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-padding:2px 8px;--prompt-box-badge-remove-size:16px;--prompt-box-badge-remove-font-size:13px}:host([size=xl]){--prompt-box-font-size:var(--luzmo-font-size-xl);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-vertical-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--prompt-box-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--prompt-box-gap:var(--luzmo-spacing-5);--prompt-box-attachments-gap:var(--luzmo-spacing-2);--prompt-box-image-attachments-gap:var(--luzmo-spacing-3);--prompt-box-max-height:300px;--prompt-box-image-preview-size:96px;--prompt-box-remove-button-size:28px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-padding:2px 10px;--prompt-box-badge-remove-size:18px;--prompt-box-badge-remove-font-size:14px}:host([pending]){--prompt-box-actions-opacity:.75}", $ = class extends n(e, {
+var we = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-font-family));font-size:var(--luzmo-prompt-box-font-size,var(--prompt-box-font-size));line-height:var(--luzmo-prompt-box-line-height,var(--prompt-box-line-height));color:var(--highcontrast-prompt-box-text-color,var(--luzmo-prompt-box-text-color,var(--prompt-box-text-color)));flex-direction:column;width:100%;display:flex}:host([disabled]){opacity:var(--luzmo-prompt-box-disabled-opacity,var(--prompt-box-disabled-opacity));pointer-events:none}.container{gap:var(--luzmo-prompt-box-gap,var(--prompt-box-gap));padding:var(--luzmo-prompt-box-vertical-padding,var(--prompt-box-vertical-padding)) var(--luzmo-prompt-box-horizontal-padding,var(--prompt-box-horizontal-padding));background-color:var(--highcontrast-prompt-box-background-color,var(--luzmo-prompt-box-background-color,var(--prompt-box-background-color)));border-radius:var(--luzmo-prompt-box-border-radius,var(--prompt-box-border-radius));border-width:var(--luzmo-prompt-box-border-width,var(--prompt-box-border-width));border-style:solid;border-color:var(--highcontrast-prompt-box-border-color,var(--luzmo-prompt-box-border-color,var(--prompt-box-border-color)));box-shadow:var(--luzmo-prompt-box-shadow,var(--prompt-box-shadow));transition:border-color var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out, box-shadow var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-direction:column;display:flex}.container.input-focused{border-color:var(--highcontrast-prompt-box-border-color-focus,var(--luzmo-prompt-box-border-color-focus,var(--prompt-box-border-color-focus)))}.container.drag-over{border-color:var(--luzmo-prompt-box-border-color-drag,var(--luzmo-primary,#0064fa))}:host(:focus-visible) .container,:host(.focus-visible) .container{border-color:var(--highcontrast-prompt-box-border-color-focus,var(--luzmo-prompt-box-border-color-focus,var(--prompt-box-border-color-focus)));box-shadow:var(--luzmo-prompt-box-shadow-focus,var(--prompt-box-shadow-focus))}:host(:focus){outline:none}.top-actions{align-items:center;gap:var(--luzmo-prompt-box-top-actions-gap,var(--prompt-box-top-actions-gap));opacity:var(--luzmo-prompt-box-actions-opacity,var(--prompt-box-actions-opacity,1));transition:opacity var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-wrap:wrap;display:flex}.top-actions.empty{display:none}.hidden-file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.attachments{align-items:center;gap:var(--luzmo-prompt-box-attachments-gap,var(--prompt-box-attachments-gap,8px));flex-flow:row;display:flex;overflow:auto hidden}.attachments::-webkit-scrollbar{width:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width));height:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width))}.attachments::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-scrollbar-track-border-radius,var(--prompt-box-scrollbar-track-border-radius))}.attachments::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-scrollbar-thumb-border-radius,var(--prompt-box-scrollbar-thumb-border-radius))}.attachments::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-scrollbar-thumb-hover-background,var(--prompt-box-scrollbar-thumb-hover-background))}.attachments{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background)) var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background))}.image-attachment,.file-attachment{width:var(--luzmo-prompt-box-image-preview-size,var(--prompt-box-image-preview-size,80px));height:var(--luzmo-prompt-box-image-preview-size,var(--prompt-box-image-preview-size,80px));border-radius:var(--luzmo-prompt-box-image-border-radius,var(--prompt-box-image-border-radius,8px));background-color:var(--luzmo-prompt-box-image-background,var(--prompt-box-image-background,#0000000d));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%}.file-attachment-icon{--luzmo-icon-size:var(--luzmo-prompt-box-file-icon-size,var(--prompt-box-file-icon-size,28px));color:var(--luzmo-prompt-box-file-icon-color,var(--prompt-box-file-icon-color,var(--luzmo-font-color-extra-dimmed)))}.attachment-skeleton{--luzmo-skeleton-loader-border-radius:var(--luzmo-prompt-box-image-border-radius,var(--prompt-box-image-border-radius,8px));block-size:100%;inline-size:100%}.attachment-remove{width:var(--luzmo-prompt-box-remove-button-size,var(--prompt-box-remove-button-size,24px));height:var(--luzmo-prompt-box-remove-button-size,var(--prompt-box-remove-button-size,24px));background-color:var(--luzmo-prompt-box-remove-button-background,var(--prompt-box-remove-button-background,#00000080));--luzmo-clear-button-icon-color:var(--luzmo-prompt-box-remove-button-icon-color,var(--prompt-box-remove-button-icon-color,#fff));border-radius:50%;position:absolute;top:4px;right:4px}.attachment-remove:hover{background-color:var(--luzmo-prompt-box-remove-button-background-hover,var(--prompt-box-remove-button-background-hover,#000000b3))}.input-wrapper{flex:1;display:flex;position:relative}.input-field{--luzmo-text-field-focus-indicator-width:0;--luzmo-text-field-border-width:0;--luzmo-text-field-width:100%;--luzmo-text-field-min-width:0;--luzmo-text-field-placeholder-text-color-default:var(--luzmo-prompt-box-placeholder-color,var(--prompt-box-placeholder-color));flex:1;width:100%;min-width:0}.error{color:var(--luzmo-prompt-box-error-color,var(--prompt-box-error-color,var(--luzmo-negative-color)));font-size:var(--luzmo-prompt-box-error-font-size,var(--prompt-box-error-font-size,var(--luzmo-font-size-s)));line-height:var(--luzmo-prompt-box-error-line-height,var(--prompt-box-error-line-height,1.4))}.error.empty{display:none}::slotted([slot=error]){color:inherit;font-size:inherit;line-height:inherit}.actions-row{justify-content:space-between;align-items:center;gap:var(--luzmo-prompt-box-actions-gap,var(--prompt-box-actions-gap));display:flex}.bottom-actions{align-items:center;gap:var(--luzmo-prompt-box-bottom-actions-gap,var(--prompt-box-bottom-actions-gap));opacity:var(--luzmo-prompt-box-actions-opacity,var(--prompt-box-actions-opacity,1));transition:opacity var(--luzmo-prompt-box-animation-duration,var(--prompt-box-animation-duration)) ease-in-out;flex-wrap:wrap;flex:1;display:flex}.button-group{align-items:center;gap:var(--luzmo-prompt-box-button-group-gap,var(--prompt-box-button-group-gap));margin-left:auto;display:flex}.submit-button{margin-inline-start:var(--luzmo-prompt-box-submit-button-margin-inline-start,var(--prompt-box-submit-button-margin-inline-start))}.recording-ui{align-items:center;gap:var(--luzmo-prompt-box-recording-gap,var(--prompt-box-recording-gap));display:flex}.waveform{align-items:center;gap:var(--luzmo-prompt-box-waveform-gap,var(--prompt-box-waveform-gap,3px));height:var(--luzmo-prompt-box-waveform-height,var(--prompt-box-waveform-height,24px));padding:0 4px;display:flex}.waveform-bar{width:var(--luzmo-prompt-box-waveform-bar-width,var(--prompt-box-waveform-bar-width,3px));height:calc(var(--bar-height,.3) * var(--luzmo-prompt-box-waveform-height,var(--prompt-box-waveform-height,24px)));background-color:var(--luzmo-prompt-box-waveform-bar-color,var(--prompt-box-waveform-bar-color,currentColor));border-radius:var(--luzmo-prompt-box-waveform-bar-radius,var(--prompt-box-waveform-bar-radius,2px));min-height:4px;transition:height 50ms ease-out;animation:1s ease-in-out infinite waveform-pulse}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.1s}.waveform-bar:nth-child(5){animation-delay:0s}@keyframes waveform-pulse{0%,to{opacity:.6}50%{opacity:1}}.recording-duration{font-family:var(--luzmo-prompt-box-recording-duration-font-family,var(--prompt-box-recording-duration-font-family,monospace));font-size:var(--luzmo-prompt-box-recording-duration-font-size,var(--prompt-box-recording-duration-font-size,14px));font-weight:var(--luzmo-prompt-box-recording-duration-font-weight,var(--prompt-box-recording-duration-font-weight,500));color:var(--luzmo-prompt-box-recording-duration-color,var(--prompt-box-recording-duration-color,currentColor));text-align:center}.rich-input{width:100%;min-width:0;min-height:1.5em;max-height:var(--luzmo-prompt-box-max-height,var(--prompt-box-max-height,200px));flex:1;overflow-y:auto}.rich-input::-webkit-scrollbar{width:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width));height:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width))}.rich-input::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-scrollbar-track-border-radius,var(--prompt-box-scrollbar-track-border-radius))}.rich-input::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-scrollbar-thumb-border-radius,var(--prompt-box-scrollbar-thumb-border-radius))}.rich-input::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-scrollbar-thumb-hover-background,var(--prompt-box-scrollbar-thumb-hover-background))}.rich-input{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background)) var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));padding:var(--luzmo-prompt-box-rich-input-padding,var(--prompt-box-rich-input-padding,4px 0));font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none}.rich-input:empty:before{content:attr(data-placeholder);color:var(--luzmo-prompt-box-placeholder-color,var(--prompt-box-placeholder-color));pointer-events:none}.rich-input[contenteditable=false]{opacity:.5;cursor:default}.drag-caret{background:var(--luzmo-primary,#0064fa);pointer-events:none;border-radius:1px;width:2px}.element-badge{align-items:center;gap:var(--luzmo-prompt-box-badge-gap,var(--prompt-box-badge-gap,6px));vertical-align:baseline;padding:var(--luzmo-prompt-box-badge-padding,var(--prompt-box-badge-padding,1px 6px));background-color:var(--luzmo-prompt-box-badge-background,var(--prompt-box-badge-background,rgba(var(--luzmo-primary-rgb,0, 100, 250), .1)));color:var(--luzmo-prompt-box-badge-color,var(--prompt-box-badge-color,var(--luzmo-primary,#0064fa)));border-radius:var(--luzmo-prompt-box-badge-border-radius,var(--prompt-box-badge-border-radius,4px));font-size:var(--luzmo-prompt-box-badge-font-size,var(--prompt-box-badge-font-size,.9em));font-weight:var(--luzmo-prompt-box-badge-font-weight,var(--prompt-box-badge-font-weight,500));cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:var(--luzmo-prompt-box-badge-max-width,var(--prompt-box-badge-max-width,200px));margin:0 1px;line-height:1.4;display:inline-flex}.element-badge-icon{flex-shrink:0;display:inline-flex}.element-badge-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.element-badge-remove{appearance:none;font:inherit;color:inherit;width:var(--luzmo-prompt-box-badge-remove-size,var(--prompt-box-badge-remove-size,14px));height:var(--luzmo-prompt-box-badge-remove-size,var(--prompt-box-badge-remove-size,14px));font-size:var(--luzmo-prompt-box-badge-remove-font-size,var(--prompt-box-badge-remove-font-size,12px));cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:opacity .1s,background-color .1s;display:inline-flex}.element-badge-remove:hover{opacity:1;background-color:var(--luzmo-prompt-box-badge-remove-hover-background,var(--prompt-box-badge-remove-hover-background,#0000001a))}.element-badge-remove:focus-visible{opacity:1;outline:2px solid var(--luzmo-primary,#0064fa);outline-offset:1px}:host([single-line]) .container{align-items:center;gap:var(--luzmo-prompt-box-single-line-gap,var(--prompt-box-single-line-gap));flex-flow:wrap}:host([single-line]) .top-actions{flex-wrap:nowrap;flex-shrink:0}:host([single-line]) .attachments{max-height:var(--luzmo-prompt-box-single-line-attachments-max-height,var(--prompt-box-single-line-attachments-max-height));flex-direction:row;flex-shrink:0;align-items:center;overflow:auto hidden}:host([single-line]) .image-attachment,:host([single-line]) .file-attachment{width:var(--luzmo-prompt-box-single-line-image-size,var(--prompt-box-single-line-image-size));height:var(--luzmo-prompt-box-single-line-image-size,var(--prompt-box-single-line-image-size))}:host([single-line]) .file-attachment-icon{--luzmo-icon-size:var(--luzmo-prompt-box-single-line-file-icon-size,var(--prompt-box-single-line-file-icon-size,14px))}:host([single-line]) .input-wrapper{min-width:0}:host([single-line]) .input-field{--luzmo-text-area-min-block-size-quiet:auto;--luzmo-text-field-spacing-block-start:0px;--luzmo-text-field-spacing-block-end:0px}:host([single-line]) .rich-input{min-height:unset;padding:0}:host([single-line]) .actions-row{flex-shrink:0}:host([single-line]) .bottom-actions{flex-wrap:nowrap;flex:0}:host([single-line]) .error:not(.empty){flex-basis:100%;order:1;inline-size:100%}::slotted([slot=top-actions]),::slotted([slot=bottom-actions]){align-items:center;display:inline-flex}::slotted([slot=record-button]){display:inline-flex}::slotted([slot=submit-button]){margin-inline-start:var(--luzmo-prompt-box-submit-button-margin-inline-start,var(--prompt-box-submit-button-margin-inline-start));display:inline-flex}luzmo-overlay[part=trigger-menu-overlay]{--luzmo-overlay-min-width:0}.trigger-options{min-width:var(--luzmo-prompt-box-trigger-menu-min-width,var(--prompt-box-trigger-menu-min-width,250px));max-width:var(--luzmo-prompt-box-trigger-menu-max-width,var(--prompt-box-trigger-menu-max-width,400px));max-height:var(--luzmo-prompt-box-trigger-menu-max-height,var(--prompt-box-trigger-menu-max-height,300px));flex-direction:column;display:flex;overflow-y:auto}.trigger-options::-webkit-scrollbar{width:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width));height:var(--luzmo-prompt-box-scrollbar-width,var(--prompt-box-scrollbar-width))}.trigger-options::-webkit-scrollbar-track{background:var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));border-radius:var(--luzmo-prompt-box-scrollbar-track-border-radius,var(--prompt-box-scrollbar-track-border-radius))}.trigger-options::-webkit-scrollbar-thumb{background:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background));border-radius:var(--luzmo-prompt-box-scrollbar-thumb-border-radius,var(--prompt-box-scrollbar-thumb-border-radius))}.trigger-options::-webkit-scrollbar-thumb:hover{background:var(--luzmo-prompt-box-scrollbar-thumb-hover-background,var(--prompt-box-scrollbar-thumb-hover-background))}.trigger-options{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-prompt-box-scrollbar-thumb-background,var(--prompt-box-scrollbar-thumb-background)) var(--luzmo-prompt-box-scrollbar-track-background,var(--prompt-box-scrollbar-track-background));background-color:var(--luzmo-prompt-box-trigger-menu-background,var(--prompt-box-trigger-menu-background,var(--luzmo-background-color,#fff)));border:1px solid var(--luzmo-prompt-box-trigger-menu-border-color,var(--prompt-box-trigger-menu-border-color,var(--luzmo-border-color,#0000001a)));border-radius:var(--luzmo-prompt-box-trigger-menu-border-radius,var(--prompt-box-trigger-menu-border-radius,var(--luzmo-border-radius-100,8px)));box-shadow:0 2px 8px var(--luzmo-prompt-box-trigger-menu-shadow-color,var(--prompt-box-trigger-menu-shadow-color,var(--luzmo-shadow-color)))}.trigger-option{align-items:center;gap:var(--luzmo-prompt-box-trigger-option-gap,var(--prompt-box-trigger-option-gap,10px));min-block-size:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));padding-block:var(--luzmo-prompt-box-trigger-option-padding-block,var(--prompt-box-trigger-option-padding-block,4px));padding-inline:var(--luzmo-prompt-box-trigger-option-padding-inline,var(--prompt-box-trigger-option-padding-inline,10px));cursor:pointer;box-sizing:border-box;scroll-margin-block:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));transition:background-color .1s;display:flex}.trigger-option.has-description{padding-block:var(--luzmo-prompt-box-trigger-option-description-padding-block,var(--prompt-box-trigger-option-description-padding-block,4px));min-block-size:auto}.trigger-option.hovered,.trigger-option.highlighted{background-color:var(--luzmo-prompt-box-trigger-option-background-hover,var(--prompt-box-trigger-option-background-hover,var(--luzmo-background-color-hover,#0000000f)))}.trigger-option-icon{width:var(--luzmo-prompt-box-trigger-option-icon-width,var(--prompt-box-trigger-option-icon-width,20px));color:var(--luzmo-prompt-box-trigger-option-icon-color,var(--prompt-box-trigger-option-icon-color,var(--luzmo-font-color,inherit)));font-size:var(--luzmo-prompt-box-trigger-option-icon-size,var(--prompt-box-trigger-option-icon-size,var(--luzmo-font-size,14px)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-option-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.trigger-option-label{font-size:var(--luzmo-prompt-box-trigger-option-font-size,var(--prompt-box-trigger-option-font-size,var(--luzmo-font-size,14px)));line-height:var(--luzmo-prompt-box-trigger-option-line-height,var(--prompt-box-trigger-option-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-color,var(--prompt-box-trigger-option-color,var(--luzmo-font-color,#333)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-option-description{font-size:var(--luzmo-prompt-box-trigger-option-description-font-size,var(--prompt-box-trigger-option-description-font-size,var(--luzmo-font-size-xs,12px)));line-height:var(--luzmo-prompt-box-trigger-option-description-line-height,var(--prompt-box-trigger-option-description-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-description-color,var(--prompt-box-trigger-option-description-color,var(--luzmo-font-color,#6e6e6e)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trigger-option-enter-icon{color:var(--luzmo-prompt-box-trigger-option-enter-icon-color,var(--prompt-box-trigger-option-enter-icon-color,var(--luzmo-font-color-dimmed,#0006)));flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:flex}.trigger-option-highlight{background-color:var(--luzmo-prompt-box-trigger-option-highlight-background,var(--prompt-box-trigger-option-highlight-background,rgba(var(--luzmo-primary-rgb,0, 100, 250), .12)));color:inherit;border-radius:2px;padding:0 1px}.trigger-option-header{align-items:center;gap:var(--luzmo-prompt-box-trigger-option-header-gap,var(--prompt-box-trigger-option-header-gap,10px));min-block-size:var(--luzmo-prompt-box-trigger-option-min-height,var(--prompt-box-trigger-option-min-height,var(--luzmo-component-height,32px)));padding-block:var(--luzmo-prompt-box-trigger-option-header-padding-block,var(--prompt-box-trigger-option-header-padding-block,4px));padding-inline:var(--luzmo-prompt-box-trigger-option-header-padding-inline,var(--prompt-box-trigger-option-header-padding-inline,10px));background-color:var(--luzmo-prompt-box-trigger-option-header-background,var(--prompt-box-trigger-option-header-background));border-block-start:1px solid var(--luzmo-prompt-box-trigger-option-header-border-color,var(--prompt-box-trigger-option-header-border-color,var(--luzmo-border-color,#0000001f)));border-block-end:1px solid var(--luzmo-prompt-box-trigger-option-header-border-color,var(--prompt-box-trigger-option-header-border-color,var(--luzmo-border-color,#0000001f)));box-sizing:border-box;-webkit-user-select:none;user-select:none;display:flex}.trigger-options>.trigger-option-header:first-child{border-block-start:none}.trigger-option-header-icon{width:var(--luzmo-prompt-box-trigger-option-icon-width,var(--prompt-box-trigger-option-icon-width,20px));color:var(--luzmo-prompt-box-trigger-option-header-icon-color,var(--prompt-box-trigger-option-header-icon-color,var(--luzmo-font-color,#333)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-option-header-label{font-size:var(--luzmo-prompt-box-trigger-option-header-font-size,var(--prompt-box-trigger-option-header-font-size,var(--luzmo-font-size,14px)));font-weight:var(--luzmo-prompt-box-trigger-option-header-font-weight,var(--prompt-box-trigger-option-header-font-weight,normal));line-height:var(--luzmo-prompt-box-trigger-option-header-line-height,var(--prompt-box-trigger-option-header-line-height,var(--luzmo-line-height,1.4)));color:var(--luzmo-prompt-box-trigger-option-header-color,var(--prompt-box-trigger-option-header-color,var(--luzmo-font-color,#333)));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}luzmo-overlay[part=trigger-menu-overlay] ::slotted(*){min-width:var(--luzmo-prompt-box-trigger-menu-min-width,var(--prompt-box-trigger-menu-min-width,250px));max-height:var(--luzmo-prompt-box-trigger-menu-max-height,var(--prompt-box-trigger-menu-max-height,300px));visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important}@media (forced-colors:active){:host{--highcontrast-prompt-box-background-color:Canvas;--highcontrast-prompt-box-border-color:CanvasText;--highcontrast-prompt-box-border-color-focus:Highlight;--highcontrast-prompt-box-text-color:CanvasText}}:host{--prompt-box-font-family:var(--luzmo-font-family);--prompt-box-font-size:var(--luzmo-font-size);--prompt-box-line-height:1.5;--prompt-box-text-color:var(--luzmo-font-color);--prompt-box-background-color:var(--luzmo-background-color);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-border-width:var(--luzmo-border-width);--prompt-box-border-color:var(--luzmo-border-color);--prompt-box-border-color-focus:var(--luzmo-primary);--prompt-box-shadow:0 2px 8px var(--luzmo-shadow-color);--prompt-box-shadow-focus:0 2px 12px rgba(var(--luzmo-primary-rgb), .15);--prompt-box-gap:var(--luzmo-spacing-5);--prompt-box-recording-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--prompt-box-vertical-padding:var(--luzmo-spacing-4);--prompt-box-horizontal-padding:var(--luzmo-spacing-5);--prompt-box-actions-gap:var(--luzmo-spacing-3);--prompt-box-top-actions-gap:var(--luzmo-spacing-2);--prompt-box-bottom-actions-gap:var(--luzmo-spacing-2);--prompt-box-button-group-gap:var(--luzmo-spacing-2);--prompt-box-submit-button-margin-inline-start:var(--luzmo-spacing-3);--prompt-box-max-height:200px;--prompt-box-rich-input-padding:4px 0;--prompt-box-placeholder-color:var(--luzmo-font-color-extra-dimmed);--prompt-box-animation-duration:var(--luzmo-animation-duration,.15s);--prompt-box-disabled-opacity:.5;--prompt-box-error-color:var(--luzmo-negative-color);--prompt-box-error-font-size:var(--luzmo-font-size-s);--prompt-box-error-line-height:1.4;--prompt-box-attachments-gap:var(--luzmo-spacing-2);--prompt-box-image-preview-size:64px;--prompt-box-image-border-radius:var(--luzmo-border-radius);--prompt-box-image-background:#0000000d;--prompt-box-file-icon-size:var(--luzmo-icon-size-xl);--prompt-box-file-icon-color:var(--luzmo-font-color-extra-dimmed);--prompt-box-remove-button-size:20px;--prompt-box-remove-button-background:#00000080;--prompt-box-remove-button-background-hover:#000000b3;--prompt-box-remove-button-icon-color:#fff;--prompt-box-scrollbar-width:var(--luzmo-scrollbar-size);--prompt-box-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--prompt-box-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--prompt-box-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--prompt-box-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--prompt-box-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--prompt-box-badge-gap:6px;--prompt-box-badge-padding:1px 6px;--prompt-box-badge-background:rgba(var(--luzmo-primary-rgb,0, 100, 250), .1);--prompt-box-badge-color:var(--luzmo-primary,#0064fa);--prompt-box-badge-border-radius:4px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-font-weight:500;--prompt-box-badge-max-width:200px;--prompt-box-badge-remove-size:14px;--prompt-box-badge-remove-font-size:12px;--prompt-box-badge-remove-hover-background:#0000001a;--prompt-box-waveform-gap:3px;--prompt-box-waveform-height:24px;--prompt-box-waveform-bar-width:3px;--prompt-box-waveform-bar-color:currentColor;--prompt-box-waveform-bar-radius:2px;--prompt-box-recording-duration-font-family:monospace;--prompt-box-recording-duration-font-size:14px;--prompt-box-recording-duration-font-weight:500;--prompt-box-recording-duration-color:currentColor;--prompt-box-trigger-menu-min-width:250px;--prompt-box-trigger-menu-max-width:300px;--prompt-box-trigger-menu-max-height:300px;--prompt-box-trigger-menu-background:var(--luzmo-background-color,#fff);--prompt-box-trigger-menu-border-color:var(--luzmo-border-color,#0000001a);--prompt-box-trigger-menu-border-radius:var(--luzmo-border-radius-100,8px);--prompt-box-trigger-menu-shadow-color:var(--luzmo-shadow-color);--prompt-box-single-line-gap:var(--luzmo-spacing-3);--prompt-box-single-line-attachments-max-height:32px;--prompt-box-single-line-image-size:28px;--prompt-box-single-line-file-icon-size:var(--luzmo-icon-size-s);--prompt-box-trigger-option-gap:10px;--prompt-box-trigger-option-min-height:var(--luzmo-component-height,32px);--prompt-box-trigger-option-padding-block:4px;--prompt-box-trigger-option-padding-inline:10px;--prompt-box-trigger-option-description-padding-block:4px;--prompt-box-trigger-option-background-hover:var(--luzmo-background-color-highlight,#f5f5f5);--prompt-box-trigger-option-icon-color:var(--luzmo-font-color,inherit);--prompt-box-trigger-option-icon-width:20px;--prompt-box-trigger-option-icon-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-font-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-color:var(--luzmo-font-color,#333);--prompt-box-trigger-option-description-font-size:var(--luzmo-font-size-xs,12px);--prompt-box-trigger-option-description-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-description-color:var(--luzmo-font-color,#6e6e6e);--prompt-box-trigger-option-enter-icon-color:var(--prompt-box-trigger-option-icon-color,var(--luzmo-font-color,inherit));--prompt-box-trigger-option-highlight-background:rgba(var(--luzmo-primary-rgb,0, 100, 250), .12);--prompt-box-trigger-option-header-gap:10px;--prompt-box-trigger-option-header-padding-block:4px;--prompt-box-trigger-option-header-padding-inline:10px;--prompt-box-trigger-option-header-background:var(--luzmo-background-color-highlight,#f5f5f5);--prompt-box-trigger-option-header-border-color:var(--luzmo-border-color,#0000001f);--prompt-box-trigger-option-header-icon-color:var(--luzmo-font-color,#333);--prompt-box-trigger-option-header-font-size:var(--luzmo-font-size,14px);--prompt-box-trigger-option-header-font-weight:normal;--prompt-box-trigger-option-header-line-height:var(--luzmo-line-height,1.4);--prompt-box-trigger-option-header-color:var(--luzmo-font-color,#333)}:host([size=xs]){--prompt-box-font-size:var(--luzmo-font-size-xs);--prompt-box-border-radius:var(--luzmo-border-radius);--prompt-box-vertical-padding:var(--luzmo-spacing-2);--prompt-box-horizontal-padding:var(--luzmo-spacing-3);--prompt-box-gap:var(--luzmo-spacing-3);--prompt-box-attachments-gap:var(--luzmo-spacing-1);--prompt-box-recording-gap:var(--luzmo-spacing-3);--prompt-box-max-height:120px;--prompt-box-image-preview-size:40px;--prompt-box-file-icon-size:var(--luzmo-icon-size-m);--prompt-box-remove-button-size:16px;--prompt-box-badge-font-size:.8em;--prompt-box-badge-padding:0px 3px;--prompt-box-badge-remove-size:10px;--prompt-box-badge-remove-font-size:9px}:host([size=s]){--prompt-box-font-size:var(--luzmo-font-size-s);--prompt-box-border-radius:var(--luzmo-border-radius-l);--prompt-box-vertical-padding:var(--luzmo-spacing-3);--prompt-box-horizontal-padding:var(--luzmo-spacing-4);--prompt-box-gap:var(--luzmo-spacing-4);--prompt-box-attachments-gap:var(--luzmo-spacing-1);--prompt-box-recording-gap:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--prompt-box-max-height:150px;--prompt-box-image-preview-size:48px;--prompt-box-file-icon-size:var(--luzmo-icon-size-l);--prompt-box-remove-button-size:18px;--prompt-box-badge-font-size:.85em;--prompt-box-badge-padding:0px 4px;--prompt-box-badge-remove-size:12px;--prompt-box-badge-remove-font-size:10px}:host([size=l]){--prompt-box-font-size:var(--luzmo-font-size-l);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-vertical-padding:var(--luzmo-spacing-5);--prompt-box-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--prompt-box-gap:var(--luzmo-spacing-4);--prompt-box-attachments-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--prompt-box-recording-gap:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--prompt-box-max-height:250px;--prompt-box-image-preview-size:72px;--prompt-box-file-icon-size:var(--luzmo-icon-size-xxl);--prompt-box-remove-button-size:24px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-padding:2px 8px;--prompt-box-badge-remove-size:16px;--prompt-box-badge-remove-font-size:13px}:host([size=xl]){--prompt-box-font-size:var(--luzmo-font-size-xl);--prompt-box-border-radius:var(--luzmo-border-radius-xl);--prompt-box-vertical-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--prompt-box-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--prompt-box-gap:var(--luzmo-spacing-5);--prompt-box-attachments-gap:var(--luzmo-spacing-3);--prompt-box-max-height:300px;--prompt-box-image-preview-size:96px;--prompt-box-file-icon-size:var(--luzmo-icon-size-xxl);--prompt-box-remove-button-size:28px;--prompt-box-badge-font-size:.9em;--prompt-box-badge-padding:2px 10px;--prompt-box-badge-remove-size:18px;--prompt-box-badge-remove-font-size:14px}:host([pending]){--prompt-box-actions-opacity:.75}", $ = class extends n(e, {
 	validSizes: [
 		"xs",
 		"s",
@@ -1282,9 +1340,12 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 	defaultSize: "m"
 }) {
 	constructor(...e) {
-		super(...e), this.rows = 1, this.grows = !1, this.maxRows = -1, this.recording = !1, this.hideSubmit = !1, this.disableSubmit = !1, this.singleLine = !1, this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.maxlength = -1, this.pending = !1, this.stoppable = !1, this.allowImages = !1, this.allowFiles = !1, this.acceptedFileTypes = [], this.allowElements = !1, this.acceptedElementTypes = [], this._hasTopActions = !1, this._hasBottomActions = !1, this._hasRecordButton = !1, this._hasSubmitButton = !1, this._inputFocused = !1, this._attachments = new te(this), this._recording = new g(this), this._richInput = new A(this), this._triggerMenu = new j(this), this.handleRecordButtonSlotChange = this._slotPresenceHandler((e) => this._hasRecordButton = e), this.handleSubmitButtonSlotChange = this._slotPresenceHandler((e) => this._hasSubmitButton = e), this.handleRecordClick = (e) => {
+		super(...e), this.rows = 1, this.grows = !1, this.maxRows = -1, this.recording = !1, this.hideSubmit = !1, this.disableSubmit = !1, this.singleLine = !1, this.placeholder = "", this.value = "", this.disabled = !1, this.readonly = !1, this.maxlength = -1, this.pending = !1, this.stoppable = !1, this.allowImages = !1, this.allowFiles = !1, this.acceptedFileTypes = [], this.fileIcons = {}, this.removeAttachmentLabel = (e) => `Remove ${e}`, this.allowElements = !1, this.acceptedElementTypes = [], this._hasTopActions = !1, this._hasBottomActions = !1, this._hasError = !1, this._hasRecordButton = !1, this._hasSubmitButton = !1, this._inputFocused = !1, this._attachments = new x(this), this._recording = new te(this), this._richInput = new j(this), this._triggerMenu = new M(this), this.handleRecordButtonSlotChange = this._slotPresenceHandler((e) => this._hasRecordButton = e), this.handleSubmitButtonSlotChange = this._slotPresenceHandler((e) => this._hasSubmitButton = e), this.handleRecordClick = (e) => {
 			let t = e.currentTarget.matches(":focus-visible");
 			this._recording.start(t);
+		}, this.handleAttachmentRemoveClick = (e) => {
+			let t = e.currentTarget.dataset.attachmentId;
+			t && this._attachments.removeAttachment(t);
 		}, this.handleInput = (e) => {
 			let t = e.target;
 			this.value = t.value, this.dispatchEvent(new Event("input", {
@@ -1320,16 +1381,16 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 				composed: !0
 			}));
 		}, this._handleComponentFocusIn = () => {
-			B() && this.classList.add("focus-visible");
+			V() && this.classList.add("focus-visible");
 		}, this._handleComponentFocusOut = (e) => {
 			let t = e.relatedTarget;
 			t instanceof Node && (this.contains(t) || this.shadowRoot?.contains(t)) || this.classList.remove("focus-visible");
 		}, this._handlePaste = (e) => {
 			this.handlePastedImages(e.clipboardData);
-		}, this._handleTopActionsSlotChange = this._slotPresenceHandler((e) => this._hasTopActions = e), this._handleBottomActionsSlotChange = this._slotPresenceHandler((e) => this._hasBottomActions = e);
+		}, this._handleTopActionsSlotChange = this._slotPresenceHandler((e) => this._hasTopActions = e), this._handleBottomActionsSlotChange = this._slotPresenceHandler((e) => this._hasBottomActions = e), this._handleErrorSlotChange = this._slotPresenceHandler((e) => this._hasError = e);
 	}
 	static get styles() {
-		return [s(fe)];
+		return [s(we)];
 	}
 	get triggers() {
 		return this._triggerMenu.triggers;
@@ -1356,15 +1417,6 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 	get hasSubmitButton() {
 		return this._hasSubmitButton;
 	}
-	get tagSize() {
-		switch (this.size) {
-			case "s":
-			case "m": return "s";
-			case "l":
-			case "xl": return "m";
-			default: return "s";
-		}
-	}
 	get segments() {
 		return this._richInput.getSegments();
 	}
@@ -1372,13 +1424,13 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 		this._richInput.setSegments(e);
 	}
 	connectedCallback() {
-		super.connectedCallback(), R(), this.addEventListener("focusin", this._handleComponentFocusIn), this.addEventListener("focusout", this._handleComponentFocusOut), this.addEventListener("paste", this._handlePaste);
+		super.connectedCallback(), z(), this.addEventListener("focusin", this._handleComponentFocusIn), this.addEventListener("focusout", this._handleComponentFocusOut), this.addEventListener("paste", this._handlePaste);
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), z(), this.removeEventListener("focusin", this._handleComponentFocusIn), this.removeEventListener("focusout", this._handleComponentFocusOut), this.removeEventListener("paste", this._handlePaste);
+		super.disconnectedCallback(), B(), this.removeEventListener("focusin", this._handleComponentFocusIn), this.removeEventListener("focusout", this._handleComponentFocusOut), this.removeEventListener("paste", this._handlePaste);
 	}
 	updated(e) {
-		super.updated(e), this._richInputElement && (this._richInput.richInputElement = this._richInputElement, this._triggerMenu.richInputElement = this._richInputElement), (e.has("pending") || e.has("disabled")) && ue(this.shadowRoot, this.disabled, this.pending), this._recording.shouldFocusFinishButton && this._recording.isRecording && (this._recording.shouldFocusFinishButton = !1, requestAnimationFrame(() => {
+		super.updated(e), this._richInputElement && (this._richInput.richInputElement = this._richInputElement, this._triggerMenu.richInputElement = this._richInputElement), (e.has("pending") || e.has("disabled")) && Se(this.shadowRoot, this.disabled, this.pending), this._recording.shouldFocusFinishButton && this._recording.isRecording && (this._recording.shouldFocusFinishButton = !1, requestAnimationFrame(() => {
 			this._finishRecordingButton?.focus();
 		}));
 	}
@@ -1394,6 +1446,9 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 	removeAttachment(e) {
 		this._attachments.removeAttachment(e);
 	}
+	setAttachmentLoading(e, t) {
+		this._attachments.setAttachmentLoading(e, t);
+	}
 	clearAttachments() {
 		this._attachments.clearAttachments();
 	}
@@ -1438,7 +1493,7 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 	}
 	_submit() {
 		if (this.disabled || this.readonly || this.pending || this.disableSubmit) return;
-		let e = this.shadowRoot?.querySelector("slot[name=\"top-actions\"]"), t = this.shadowRoot?.querySelector("slot[name=\"bottom-actions\"]"), n = e?.assignedElements() ?? [], r = t?.assignedElements() ?? [], i = de([...n, ...r]), a = {
+		let e = this.shadowRoot?.querySelector("slot[name=\"top-actions\"]"), t = this.shadowRoot?.querySelector("slot[name=\"bottom-actions\"]"), n = e?.assignedElements() ?? [], r = t?.assignedElements() ?? [], i = Ce([...n, ...r]), a = {
 			value: this.value,
 			segments: this.segments,
 			topActions: [...n],
@@ -1454,24 +1509,25 @@ var fe = ":host{font-family:var(--luzmo-prompt-box-font-family,var(--prompt-box-
 	}
 	render() {
 		return a`
-      ${le(this)}
+      ${xe(this)}
       <div
         class="container ${this._inputFocused ? "input-focused" : ""} ${this._richInput?.isDragOver ? "drag-over" : ""}"
         part="container"
       >
-        ${V(this, this._hasTopActions, this._handleTopActionsSlotChange)}
-        ${ce(this)}
+        ${H(this, this._hasTopActions, this._handleTopActionsSlotChange)}
         <div class="input-wrapper" part="input-wrapper">
-          ${ae(this)}
+          ${pe(this)}
         </div>
+        ${be(this)}
+        ${W(this, this._hasError, this._handleErrorSlotChange)}
         <div class="actions-row" part="actions-row">
-          ${H(this, this._hasBottomActions, this._handleBottomActionsSlotChange)}
+          ${U(this, this._hasBottomActions, this._handleBottomActionsSlotChange)}
           <div class="button-group" part="button-group">
-            ${W(this)} ${re(this)}
+            ${K(this)} ${q(this)}
           </div>
         </div>
       </div>
-      ${X(this)}
+      ${de(this)}
     `;
 	}
 };
@@ -1521,13 +1577,13 @@ t([c({ type: Number })], $.prototype, "rows", void 0), t([c({
 })], $.prototype, "allowFiles", void 0), t([c({
 	type: Array,
 	attribute: "accepted-file-types"
-})], $.prototype, "acceptedFileTypes", void 0), t([c({
+})], $.prototype, "acceptedFileTypes", void 0), t([c({ attribute: !1 })], $.prototype, "fileIcons", void 0), t([c({ attribute: !1 })], $.prototype, "removeAttachmentLabel", void 0), t([c({
 	type: Boolean,
 	reflect: !0,
 	attribute: "allow-elements"
 })], $.prototype, "allowElements", void 0), t([c({
 	type: Array,
 	attribute: "accepted-element-types"
-})], $.prototype, "acceptedElementTypes", void 0), t([c({ type: Array })], $.prototype, "triggers", null), t([u()], $.prototype, "_hasTopActions", void 0), t([u()], $.prototype, "_hasBottomActions", void 0), t([u()], $.prototype, "_hasRecordButton", void 0), t([u()], $.prototype, "_hasSubmitButton", void 0), t([u()], $.prototype, "_inputFocused", void 0), t([l("luzmo-text-field")], $.prototype, "_inputElement", void 0), t([l(".rich-input")], $.prototype, "_richInputElement", void 0), t([l("input[type=\"file\"]")], $.prototype, "_fileInput", void 0), t([l(".finish-recording-button")], $.prototype, "_finishRecordingButton", void 0), customElements.get("luzmo-prompt-box") || customElements.define("luzmo-prompt-box", $);
+})], $.prototype, "acceptedElementTypes", void 0), t([c({ type: Array })], $.prototype, "triggers", null), t([u()], $.prototype, "_hasTopActions", void 0), t([u()], $.prototype, "_hasBottomActions", void 0), t([u()], $.prototype, "_hasError", void 0), t([u()], $.prototype, "_hasRecordButton", void 0), t([u()], $.prototype, "_hasSubmitButton", void 0), t([u()], $.prototype, "_inputFocused", void 0), t([l("luzmo-text-field")], $.prototype, "_inputElement", void 0), t([l(".rich-input")], $.prototype, "_richInputElement", void 0), t([l("input[type=\"file\"]")], $.prototype, "_fileInput", void 0), t([l(".finish-recording-button")], $.prototype, "_finishRecordingButton", void 0), customElements.get("luzmo-prompt-box") || customElements.define("luzmo-prompt-box", $);
 //#endregion
-export { k as n, $ as t };
+export { Y as n, A as r, $ as t };