@luzmo/analytics-components-kit 1.0.6 → 1.0.7

package/components/ai-interaction-textarea-BiMbUGCy.js

@@ -0,0 +1,785 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { t as e } from "./decorate-DyMgX_Uh.js";
+import { t } from "./set-locale-D9gR8t-s.js";
+import { t as n } from "./data-broker-Bdv5V8Yp.js";
+import { i as r, r as i, t as a } from "./calculate-data-field-icon-DrSg1PuD.js";
+import { t as o } from "./localize-BT7REYBY.js";
+import { t as s } from "./get-dataset-name-OJK38mEs.js";
+import "./dataset-icon-CWT5Ju8w.js";
+import "./dataset-selector-row-BbnjxfIz.js";
+import { luzmoPaperclip as c, luzmoPlugin as l } from "@luzmo/icons";
+import "@luzmo/lucero/icon";
+import { LitElement as u, html as d, nothing as f, unsafeCSS as p } from "lit";
+import { property as m, query as h, state as g } from "lit/decorators.js";
+import { localized as _, msg as v, str as y } from "@lit/localize";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/prompt-box";
+import { classMap as b } from "lit/directives/class-map.js";
+//#region src/utils/ai-prompt/attachments.ts
+var x = 20, S = [
+	"image/png",
+	"image/jpeg",
+	"image/webp",
+	"image/gif"
+], C = new Set(S), w = {
+	png: "image/png",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	webp: "image/webp",
+	gif: "image/gif"
+};
+function T(e) {
+	try {
+		return new URL(e).pathname.match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase();
+	} catch {
+		return;
+	}
+}
+function E(e) {
+	try {
+		let t = new URL(e);
+		return t.protocol === "http:" || t.protocol === "https:";
+	} catch {
+		return !1;
+	}
+}
+function D(e) {
+	return C.has(e.toLowerCase());
+}
+function O(e) {
+	if (e.type) return D(e.type);
+	let t = e.name.split(".").pop()?.toLowerCase();
+	return !!(t && w[t]);
+}
+function k(e) {
+	if (!E(e)) return !1;
+	let t = T(e);
+	return !!(t && w[t]);
+}
+function A(e) {
+	if (e.length > 20) throw Error(`Too many image inputs: received ${e.length}, but the maximum is 20 per request.`);
+	for (let t of e) {
+		if (!t.trim()) throw Error("Image input URL must be a non-empty string.");
+		if (!E(t)) throw Error(`Image input URL must be an absolute http(s) URL. Received "${t}".`);
+		let e = T(t);
+		if (e && !w[e]) throw Error(`Unsupported image input URL "${t}". Only PNG, JPEG, WebP, and GIF image URLs are accepted.`);
+	}
+}
+function j(e) {
+	if (e.length > 20) throw Error(`Too many image inputs: received ${e.length}, but the maximum is 20 per request.`);
+	for (let t of e) {
+		if (!O(t)) throw Error(`Unsupported image attachment "${t.name}" (${t.type || "unknown type"}). Only PNG, JPEG, WebP, and GIF images are accepted.`);
+		if (t.size === 0) throw Error(`Image "${t.name}" is empty.`);
+		if (t.size > 15728640) throw Error(`Image "${t.name}" is too large. Maximum size is 15 MB.`);
+	}
+}
+//#endregion
+//#region src/utils/ai-prompt/image-upload.ts
+function M(e, t = "0.1.0") {
+	return `${e.replace(/\/+$/, "")}/${t.replace(/^\/+|\/+$/g, "")}/upload`;
+}
+function N(e) {
+	let { files: t, authKey: n, authToken: r, apiUrl: i, apiVersion: a = "0.1.0", signal: o, fetchImpl: s = fetch } = e;
+	if (!n || !r) return Promise.reject(/* @__PURE__ */ Error("Image upload requires authKey and authToken."));
+	let c = M(i, a), l = a.replace(/^\/+|\/+$/g, "") || "0.1.0";
+	return Promise.all(t.map((e) => P(e, {
+		url: c,
+		authKey: n,
+		authToken: r,
+		version: l,
+		signal: o,
+		fetchImpl: s
+	})));
+}
+async function P(e, t) {
+	let { url: n, authKey: r, authToken: i, version: a, signal: o, fetchImpl: s } = t, c = new FormData();
+	c.append("key", r), c.append("token", i), c.append("version", a), c.append("action", "create"), c.append("properties.type", "image"), c.append("file", e, e.name);
+	let l = await s(n, {
+		method: "POST",
+		body: c,
+		signal: o,
+		redirect: "error"
+	});
+	if (!l.ok) {
+		let t = await F(l);
+		throw Error(`Image upload failed for "${e.name}" (${l.status})${t ? `: ${t}` : "."}`);
+	}
+	let u = await l.json(), d = typeof u?.url == "string" ? u.url.trim() : "";
+	if (!d) throw Error(`Image upload for "${e.name}" did not return a url.`);
+	return d;
+}
+async function F(e) {
+	try {
+		return (await e.text()).trim().slice(0, 200);
+	} catch {
+		return "";
+	}
+}
+//#endregion
+//#region src/utils/ai-prompt/dictation.ts
+function I(e, t = "0.1.0") {
+	return `${e.replace(/\/+$/, "")}/${t.replace(/^\/+|\/+$/g, "")}/aidictation`;
+}
+function L(e) {
+	let { authKey: t, authToken: n, audioBase64: r, mimeType: i, apiVersion: a = "0.1.0", stream: o = !0, language: s } = e;
+	return {
+		key: t,
+		token: n,
+		action: "create",
+		version: a,
+		properties: {
+			audio: r,
+			mimetype: i,
+			stream: o,
+			...s ? { language: s } : {}
+		}
+	};
+}
+async function R(e) {
+	let t = await e.arrayBuffer(), n = new Uint8Array(t), r = 32768, i = "";
+	for (let e = 0; e < n.length; e += r) {
+		let t = n.subarray(e, e + r);
+		i += String.fromCharCode(...t);
+	}
+	return btoa(i);
+}
+async function z(e) {
+	let { audioBlob: t, mimeType: n, authKey: r, authToken: i, apiUrl: a, apiVersion: o = "0.1.0", language: s, signal: c, onDelta: l, fetchImpl: u = fetch } = e;
+	if (!r || !i) throw Error("Voice transcription requires authKey and authToken.");
+	if (!t || t.size === 0) throw Error("Voice transcription requires a non-empty audio recording.");
+	let d = await R(t), f = I(a, o), p = L({
+		authKey: r,
+		authToken: i,
+		audioBase64: d,
+		mimeType: n || t.type || "audio/webm",
+		apiVersion: o,
+		stream: !0,
+		language: s
+	}), m = await u(f, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		mode: "cors",
+		redirect: "error",
+		body: JSON.stringify(p),
+		signal: c
+	});
+	if (!m.ok) {
+		let e = await G(m);
+		throw Error(`Voice transcription failed (${m.status})${e ? `: ${e}` : "."}`);
+	}
+	if (!m.body) throw Error("Voice transcription response body is not readable.");
+	await U(m.body, (e) => {
+		let t = B(e);
+		t && l(t);
+	});
+}
+function B(e) {
+	return e.type === "text_delta" && typeof e.delta == "string" ? e.delta : typeof e.text_delta == "string" ? e.text_delta : "";
+}
+var V = /^[a-z]+:/i;
+function H(e) {
+	let t = e.trim();
+	if (!t || t.startsWith(":")) return null;
+	let n = t;
+	if (n.startsWith("data:")) n = n.slice(5).trimStart();
+	else if (V.test(n)) return null;
+	return !n || n === "[DONE]" ? null : JSON.parse(n);
+}
+async function U(e, t) {
+	let n = e.getReader(), r = new TextDecoder(), i = "";
+	try {
+		for (;;) {
+			let { done: e, value: a } = await n.read();
+			if (e) break;
+			i += r.decode(a, { stream: !0 });
+			let o = i.split(/\r?\n/);
+			i = o.pop() ?? "";
+			for (let e of o) W(e, t);
+		}
+		i += r.decode();
+		let e = i.trim();
+		e && W(e, t);
+	} finally {
+		n.releaseLock();
+	}
+}
+function W(e, t) {
+	let n = H(e);
+	n && t(n);
+}
+async function G(e) {
+	try {
+		return (await e.text()).trim().slice(0, 200);
+	} catch {
+		return "";
+	}
+}
+//#endregion
+//#region src/components/ai-interaction-textarea/ai-interaction-textarea.module.scss?inline
+var K = ":host{box-sizing:border-box;display:block}:host .content-wrapper{flex-direction:column;display:flex}:host .content-wrapper.single-line{align-items:stretch}:host .content-wrapper.disabled{opacity:var(--luzmo-ai-interaction-textarea-disabled-opacity,var(--ai-interaction-textarea-disabled-opacity));pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host luzmo-prompt-box{--luzmo-prompt-box-attachments-gap:var(--luzmo-spacing-3,8px);--luzmo-prompt-box-border-radius:var(--ai-interaction-textarea-prompt-box-border-radius);inline-size:100%}:host .attachment-error{color:var(--luzmo-negative-color,#ca221c);font-size:var(--luzmo-font-size-s,12px);margin-block-start:var(--luzmo-spacing-2,4px);line-height:1.4}:host{--ai-interaction-textarea-disabled-opacity:.6;--ai-interaction-textarea-prompt-box-border-radius:var(--luzmo-prompt-box-border-radius,var(--luzmo-border-radius-l,8px))}", q = 3e3, J = 6e4, Y = class extends u {
+	constructor(...e) {
+		super(...e), this.placeholder = "Type your prompt here...", this.selectedDatasets = [], this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.disabled = !1, this.singleLine = !1, this.hideDatasetButton = !1, this.hideDatasetIcons = !1, this.disableDatasetModification = !1, this.hideSelectedDatasets = !1, this.disableColumnMentions = !1, this.isGenerating = !1, this.stoppable = !1, this.value = "", this.retainOnSubmit = !1, this.requireDataset = !1, this.allowImages = !1, this.allowVoiceInput = !1, this.acceptedFileTypes = [], this.apiVersion = "0.1.0", this.fileIcons = {}, this._promptValue = "", this._isPromptValid = !1, this._fieldTriggerOptions = [], this._datasetsFieldConfig = [], this._attachmentError = null, this._isRecording = !1, this._isTranscribing = !1, this._activeFieldRequestId = 0, this._attachmentUploads = /* @__PURE__ */ new Map(), this._pendingAttachmentSync = null, this._attachmentSyncScheduled = !1, this._attachmentErrorClearHandle = 0, this._submitInProgress = !1, this._voiceSessionActive = !1, this._preRecordingValue = "", this._voicePrefix = "", this._voiceSuffix = "", this._streamedTranscript = "", this._transcriptionController = null, this._renderFieldTriggerIcon = (e) => {
+			let t = e.data?.datasetInfo;
+			return e.header && t ? d`
+        <span>
+          ${this.hideDatasetIcons ? d`<luzmo-icon .icon=${l} size="s"></luzmo-icon>` : d`
+                  <luzmo-dataset-icon
+                    .datasetInfo=${t}
+                    size="16px"
+                    app-url=${this.appServer}
+                  ></luzmo-dataset-icon>
+                `}
+        </span>
+      ` : e.icon ? d`
+      <span>
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+      </span>
+    ` : f;
+		}, this._handleAttachClick = () => {
+			this.openFilePicker();
+		}, this._handleAttachmentsChange = (e) => {
+			this._pendingAttachmentSync = e.detail?.attachments ?? this.getAttachments(), !this._attachmentSyncScheduled && (this._attachmentSyncScheduled = !0, queueMicrotask(() => {
+				if (this._attachmentSyncScheduled = !1, !this.isConnected) {
+					this._pendingAttachmentSync = null;
+					return;
+				}
+				let e = this._pendingAttachmentSync ?? this.getAttachments();
+				this._pendingAttachmentSync = null, this._syncAttachments(e);
+			}));
+		}, this._handleVoiceKeydown = (e) => {
+			e.key === "Escape" && this._isTranscribing && (e.preventDefault(), e.stopPropagation(), this._cancelVoiceSession());
+		}, this._handleRecord = (e) => {
+			if (e.stopPropagation(), e.detail?.isRecording) {
+				this._captureVoiceInsertPoint(), this._isRecording = !0, this._isTranscribing = !1;
+				return;
+			}
+			this._isRecording = !1;
+		}, this._handleRecordCancel = (e) => {
+			e.stopPropagation(), this._cancelVoiceSession();
+		}, this._handleRecordError = (e) => {
+			e.stopPropagation(), this._abortTranscription(), this._resetVoiceSessionState();
+			let t = e.detail?.error?.trim() || v("Voice recording failed", { desc: "Error when microphone recording fails in the AI prompt" });
+			this._showAttachmentError(t);
+		}, this._handleRecordingComplete = (e) => {
+			e.stopPropagation();
+			let { audioBlob: t, mimeType: n } = e.detail ?? {};
+			if (!t) {
+				this._resetVoiceSessionState();
+				return;
+			}
+			this._transcribeRecording(t, n || t.type || "audio/webm");
+		};
+	}
+	static {
+		this.styles = p(K);
+	}
+	static {
+		this.tagName = "luzmo-ai-interaction-textarea";
+	}
+	get _voiceBusy() {
+		return this._isRecording || this._isTranscribing;
+	}
+	get _buttonDisabled() {
+		return this.disabled || this.isGenerating || this._voiceBusy || !this._isPromptValid ? !0 : this.requireDataset && this.selectedDatasets.length === 0;
+	}
+	get _promptPending() {
+		return this.isGenerating || this._isTranscribing;
+	}
+	get _promptReadonly() {
+		return this._voiceBusy;
+	}
+	get _actionsDisabled() {
+		return this.disabled || this.isGenerating || this._voiceBusy;
+	}
+	get _fieldTriggers() {
+		return this.disableColumnMentions ? [] : [{
+			key: "@",
+			options: this._fieldTriggerOptions,
+			highlightSearch: !0,
+			iconTemplate: this._renderFieldTriggerIcon
+		}];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._configureBroker(), this._refreshDatasetsFieldConfig(), this.addEventListener("keydown", this._handleVoiceKeydown);
+	}
+	disconnectedCallback() {
+		window.clearTimeout(this._attachmentErrorClearHandle), this._abortAllAttachmentUploads(), this._abortTranscription(), this.removeEventListener("keydown", this._handleVoiceKeydown), super.disconnectedCallback();
+	}
+	_configureBroker() {
+		n.configure({
+			authKey: this.authKey,
+			authToken: this.authToken,
+			apiUrl: this.apiUrl
+		});
+	}
+	_handlePromptInput(e) {
+		let t = e.target.value ?? "";
+		this._promptValue = t, this._isPromptValid = t.trim().length > 0;
+	}
+	openFilePicker() {
+		this._promptBox?.openFilePicker();
+	}
+	addFiles(e) {
+		return this._promptBox?.addFiles(e) ?? [];
+	}
+	removeAttachment(e) {
+		this._cleanupAttachmentUpload(e), this._promptBox?.removeAttachment(e);
+	}
+	setAttachmentLoading(e, t) {
+		this._promptBox?.setAttachmentLoading(e, t);
+	}
+	clearAttachments() {
+		this._abortAllAttachmentUploads(), this._promptBox?.clearAttachments();
+	}
+	getAttachments() {
+		return this._promptBox?.getAttachments() ?? [];
+	}
+	getAttachmentUrls(e = this.getAttachments()) {
+		return e.map((e) => this._attachmentUploads.get(e.id)?.url).filter((e) => typeof e == "string" && e.length > 0);
+	}
+	_showAttachmentError(e) {
+		this._attachmentError = e, window.clearTimeout(this._attachmentErrorClearHandle), this._attachmentErrorClearHandle = window.setTimeout(() => {
+			this._attachmentError = null;
+		}, q);
+	}
+	_cleanupAttachmentUpload(e) {
+		this._attachmentUploads.get(e)?.controller?.abort(), this._attachmentUploads.delete(e);
+	}
+	_abortAllAttachmentUploads() {
+		for (let e of this._attachmentUploads.values()) e.controller?.abort();
+		this._attachmentUploads.clear();
+	}
+	async _uploadSingleFile(e, t) {
+		let n = "";
+		if (typeof this.uploadAttachments == "function") {
+			let r = await this.uploadAttachments([e], { signal: t });
+			n = Array.isArray(r) ? r[0]?.trim() ?? "" : "";
+		} else {
+			if (!this.authKey || !this.authToken) throw Error("Image upload requires authKey and authToken.");
+			let [r] = await N({
+				files: [e],
+				authKey: this.authKey,
+				authToken: this.authToken,
+				apiUrl: this.apiUrl,
+				apiVersion: this.apiVersion,
+				signal: t
+			});
+			n = r?.trim() ?? "";
+		}
+		if (!n) throw Error(`Image upload for "${e.name}" did not return a url.`);
+		return A([n]), n;
+	}
+	_startAttachmentUpload(e) {
+		let { id: t, file: n } = e;
+		if (!n) {
+			this.removeAttachment(t);
+			return;
+		}
+		if (!O(n)) {
+			this.removeAttachment(t), this._showAttachmentError(v("Only PNG, JPEG, WebP, and GIF images can be attached.", { desc: "Error when the user attaches an unsupported image type to the AI prompt" }));
+			return;
+		}
+		if (n.size === 0) {
+			this.removeAttachment(t), this._showAttachmentError(v("Failed to attach image", { desc: "Error when an AI prompt image upload fails" }));
+			return;
+		}
+		if (n.size > 15728640) {
+			this.removeAttachment(t), this._showAttachmentError(v("Image is too large. Maximum size is 15 MB.", { desc: "Error when an attached AI prompt image exceeds the 15 MB upload limit" }));
+			return;
+		}
+		this.setAttachmentLoading(t, !0);
+		let r = new AbortController(), i = { controller: r };
+		this._attachmentUploads.set(t, i);
+		let a = window.setTimeout(() => r.abort(), J), o = () => {
+			this.removeAttachment(t), this._showAttachmentError(v("Failed to attach image", { desc: "Error when an AI prompt image upload fails" }));
+		};
+		i.promise = (async () => {
+			try {
+				let e = await this._uploadSingleFile(n, r.signal);
+				window.clearTimeout(a);
+				let i = this._attachmentUploads.get(t);
+				if (!i || i.controller !== r) return;
+				i.url = e, i.controller = void 0, i.promise = void 0, this.setAttachmentLoading(t, !1);
+			} catch (e) {
+				if (window.clearTimeout(a), r.signal.aborted || e?.name === "AbortError") {
+					this._attachmentUploads.get(t)?.controller === r && o();
+					return;
+				}
+				o();
+			}
+		})();
+	}
+	_syncAttachments(e) {
+		let t = new Set(e.map((e) => e.id));
+		for (let e of Array.from(this._attachmentUploads.keys())) t.has(e) || this._cleanupAttachmentUpload(e);
+		let n = !1;
+		for (let t of e) if (!this._attachmentUploads.has(t.id)) {
+			if (this._attachmentUploads.size >= 20) {
+				n = !0, this._promptBox?.removeAttachment(t.id);
+				continue;
+			}
+			this._startAttachmentUpload(t);
+		}
+		n && this._showAttachmentError(v(y`You can attach up to ${20} images.`, { desc: "Error when the user tries to attach more images than the AI prompt allows" }));
+	}
+	async _waitForAttachmentUploads(e) {
+		let t = e.map((e) => this._attachmentUploads.get(e.id)?.promise).filter((e) => !!e);
+		t.length !== 0 && await Promise.all(t);
+	}
+	async _submitPrompt(e = this._promptValue, t = []) {
+		if (this._promptValue = e, this._isPromptValid = e.trim().length > 0, !(this._buttonDisabled || this._submitInProgress)) {
+			this._submitInProgress = !0;
+			try {
+				let n = e.trim(), r = t.length > 0 ? [...t] : this.getAttachments(), i = r.filter((e) => !!e.file && O(e.file));
+				await this._waitForAttachmentUploads(i);
+				let a = [];
+				for (let e of i) {
+					let t = this._attachmentUploads.get(e.id)?.url;
+					if (!t) {
+						this._showAttachmentError(v("Failed to attach image", { desc: "Error when an AI prompt image upload fails" }));
+						return;
+					}
+					a.push(t);
+				}
+				this.retainOnSubmit || (this._promptValue = "", this._isPromptValid = !1, this._abortAllAttachmentUploads(), this._promptBox?.clear()), this.dispatchEvent(new CustomEvent("prompt-submitted", {
+					detail: {
+						prompt: n,
+						selectedDatasets: this.selectedDatasets,
+						attachments: r,
+						attachmentUrls: a
+					},
+					bubbles: !0,
+					composed: !0
+				}));
+			} finally {
+				this._submitInProgress = !1;
+			}
+		}
+	}
+	_handleDatasetSelected(e) {
+		let t = e.detail;
+		this.selectedDatasets.some((e) => e.id === t.id) || (this.selectedDatasets = [...this.selectedDatasets, t]);
+	}
+	_handleDatasetRemoved(e) {
+		let t = e.detail;
+		this.selectedDatasets = this.selectedDatasets.filter((e) => e.id !== t.id);
+	}
+	_getLocalizedFieldLabel(e) {
+		if (e) return typeof e == "string" ? e : o(e, t());
+	}
+	_mapColumnToTriggerOption(e, t) {
+		return t.id ? {
+			label: this._getLocalizedFieldLabel(t.name) || t.id,
+			value: `${e}:column:${t.id}`,
+			icon: a(t, "s"),
+			elementType: "data-field",
+			data: {
+				datasetId: e,
+				columnId: t.id,
+				type: t.type,
+				subtype: t.subtype
+			}
+		} : null;
+	}
+	_mapFormulaToTriggerOption(e, t) {
+		return t.id ? {
+			label: this._getLocalizedFieldLabel(t.name) || t.id,
+			value: `${e}:formula:${t.id}`,
+			icon: i.formula[r("s")],
+			elementType: "data-field",
+			data: {
+				datasetId: e,
+				formulaId: t.id,
+				type: t.type,
+				subtype: t.subtype
+			}
+		} : null;
+	}
+	_updateFieldTriggerOptionsFromConfig() {
+		let e = new Map(this._datasetsFieldConfig.map((e) => [e.id, e])), t = [];
+		for (let n of this.selectedDatasets) {
+			let r = e.get(n.id), i = [], a = r?.columns?.filter((e) => !e.hidden) ?? [];
+			for (let e of a) {
+				let t = this._mapColumnToTriggerOption(n.id, e);
+				t && i.push(t);
+			}
+			let o = r?.formulas?.filter((e) => !e.hidden) ?? [];
+			for (let e of o) {
+				let t = this._mapFormulaToTriggerOption(n.id, e);
+				t && i.push(t);
+			}
+			i.length !== 0 && (t.push({
+				label: s(n),
+				value: `dataset-header:${n.id}`,
+				header: !0,
+				data: { datasetInfo: n }
+			}), t.push(...i));
+		}
+		this._fieldTriggerOptions = t;
+	}
+	async _refreshDatasetsFieldConfig() {
+		if (this.disableColumnMentions) {
+			this._datasetsFieldConfig = [], this._fieldTriggerOptions = [];
+			return;
+		}
+		let e = [...new Set(this.selectedDatasets.map((e) => e.id).filter(Boolean))];
+		if (e.length === 0) {
+			this._datasetsFieldConfig = [], this._fieldTriggerOptions = [];
+			return;
+		}
+		let t = ++this._activeFieldRequestId;
+		this._updateFieldTriggerOptionsFromConfig();
+		try {
+			let r = await n.fetchDatasetsWithColumnsAndFormulas(e);
+			if (t !== this._activeFieldRequestId) return;
+			this._datasetsFieldConfig = r, this._updateFieldTriggerOptionsFromConfig();
+		} catch (e) {
+			console.error("Error loading dataset fields for prompt triggers:", e), t === this._activeFieldRequestId && (this._datasetsFieldConfig = [], this._updateFieldTriggerOptionsFromConfig());
+		}
+	}
+	_handlePromptSubmit(e) {
+		this._submitPrompt(e.detail?.value ?? this._promptValue, e.detail?.attachments ?? []);
+	}
+	_handlePromptStop(e) {
+		if (e.stopPropagation(), this._isTranscribing) {
+			this._cancelVoiceSession();
+			return;
+		}
+		this.dispatchEvent(new CustomEvent("prompt-stopped", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_getCaretTextOffset() {
+		let e = this._promptBox?.shadowRoot;
+		if (!e) return this._promptValue.length;
+		let t = e.querySelector(".rich-input") ?? e.querySelector("luzmo-text-field");
+		if (!t) return this._promptValue.length;
+		let n = e.getSelection?.() ?? document.getSelection();
+		if (!n || n.rangeCount === 0) return this._promptValue.length;
+		let r = n.getRangeAt(0);
+		if (!t.contains(r.startContainer)) return this._promptValue.length;
+		let i = r.cloneRange();
+		return i.selectNodeContents(t), i.setEnd(r.startContainer, r.startOffset), i.toString().length;
+	}
+	_setPromptText(e) {
+		this._promptValue = e, this._isPromptValid = e.trim().length > 0, this._syncControlledValueToPromptBox();
+	}
+	_captureVoiceInsertPoint() {
+		let e = Math.min(Math.max(this._getCaretTextOffset(), 0), this._promptValue.length);
+		this._preRecordingValue = this._promptValue, this._voicePrefix = this._promptValue.slice(0, e), this._voiceSuffix = this._promptValue.slice(e), this._streamedTranscript = "", this._voiceSessionActive = !0;
+	}
+	_applyStreamedTranscript() {
+		this._setPromptText(`${this._voicePrefix}${this._streamedTranscript}${this._voiceSuffix}`);
+	}
+	_resetVoiceSessionState() {
+		this._isRecording = !1, this._isTranscribing = !1, this._streamedTranscript = "", this._voicePrefix = "", this._voiceSuffix = "", this._preRecordingValue = "", this._voiceSessionActive = !1;
+	}
+	_abortTranscription() {
+		this._transcriptionController?.abort(), this._transcriptionController = null;
+	}
+	_cancelVoiceSession() {
+		if (!this._voiceSessionActive) {
+			this._abortTranscription(), this._resetVoiceSessionState();
+			return;
+		}
+		let e = this._preRecordingValue;
+		this._abortTranscription(), this._resetVoiceSessionState(), this._setPromptText(e);
+	}
+	async _transcribeRecording(e, t) {
+		this._abortTranscription();
+		let n = new AbortController();
+		this._transcriptionController = n, this._isRecording = !1, this._isTranscribing = !0, this._streamedTranscript = "";
+		try {
+			if (await z({
+				audioBlob: e,
+				mimeType: t,
+				authKey: this.authKey,
+				authToken: this.authToken,
+				apiUrl: this.apiUrl,
+				apiVersion: this.apiVersion,
+				signal: n.signal,
+				onDelta: (e) => {
+					n.signal.aborted || (this._streamedTranscript += e, this._applyStreamedTranscript());
+				}
+			}), n.signal.aborted) return;
+			this._resetVoiceSessionState();
+		} catch (e) {
+			if (n.signal.aborted) return;
+			console.error("Voice transcription failed:", e), this._setPromptText(this._preRecordingValue), this._resetVoiceSessionState(), this._showAttachmentError(v("Failed to transcribe audio", { desc: "Error when AI prompt voice transcription fails" }));
+		} finally {
+			this._transcriptionController === n && (this._transcriptionController = null);
+		}
+	}
+	_syncControlledValueToPromptBox() {
+		let e = this._promptBox;
+		if (!e?.allowElements) {
+			e && (e.value = this._promptValue);
+			return;
+		}
+		e.segments = this._promptValue ? [{
+			type: "text",
+			value: this._promptValue
+		}] : [];
+	}
+	willUpdate(e) {
+		e.has("value") && (this._promptValue = this.value, this._isPromptValid = this.value.trim().length > 0);
+		let t = e.has("authKey") || e.has("authToken") || e.has("apiUrl");
+		t && this._configureBroker(), (t || e.has("selectedDatasets") || e.has("disableColumnMentions")) && this._refreshDatasetsFieldConfig();
+	}
+	updated(e) {
+		super.updated(e), e.has("value") && this._syncControlledValueToPromptBox();
+	}
+	render() {
+		return d`
+      <div class=${b({
+			"content-wrapper": !0,
+			disabled: this.disabled,
+			"single-line": this.singleLine
+		})} aria-busy=${this.isGenerating || this._voiceBusy ? "true" : "false"}>
+        <luzmo-prompt-box
+          ?single-line=${this.singleLine}
+          ?pending=${this._promptPending}
+          ?stoppable=${this.stoppable && this.isGenerating || this._isTranscribing}
+          ?disabled=${this.disabled}
+          ?readonly=${this._promptReadonly}
+          ?disable-submit=${this._buttonDisabled}
+          ?allow-images=${this.allowImages}
+          ?recording=${this.allowVoiceInput}
+          .acceptedFileTypes=${this.acceptedFileTypes}
+          .fileIcons=${this.fileIcons}
+          grows
+          allow-elements
+          .placeholder=${this.placeholder}
+          .value=${this._promptValue}
+          .triggers=${this._fieldTriggers}
+          @input=${this._handlePromptInput}
+          @luzmo-submit=${this._handlePromptSubmit}
+          @luzmo-stop=${this._handlePromptStop}
+          @luzmo-attachments-change=${this._handleAttachmentsChange}
+          @luzmo-record=${this._handleRecord}
+          @luzmo-recording-complete=${this._handleRecordingComplete}
+          @luzmo-record-cancel=${this._handleRecordCancel}
+          @luzmo-record-error=${this._handleRecordError}
+        >
+        ${this.hideSelectedDatasets || this.hideDatasetButton ? "" : d`
+          <luzmo-dataset-selector-row
+            slot="top-actions"
+            .selectedDatasets=${this.selectedDatasets}
+            auth-key=${this.authKey}
+            auth-token=${this.authToken}
+            api-url=${this.apiUrl}
+            app-server=${this.appServer}
+            ?flag-opendata=${this.flagOpendata}
+            ?hide-dataset-icons=${this.hideDatasetIcons}
+            ?disabled=${this._actionsDisabled || this.disableDatasetModification}
+            @dataset-selected=${this._handleDatasetSelected}
+            @dataset-removed=${this._handleDatasetRemoved}
+          ></luzmo-dataset-selector-row>
+        `}
+        ${this.allowImages ? d`
+              <luzmo-action-button
+                slot="bottom-actions"
+                size="m"
+                quiet
+                ?disabled=${this._actionsDisabled}
+                label=${v("Add attachments", { desc: "Accessible label for the AI prompt attachment button" })}
+                @click=${this._handleAttachClick}
+              >
+                <luzmo-icon slot="icon" size="m" .icon=${c}></luzmo-icon>
+              </luzmo-action-button>
+            ` : f}
+        </luzmo-prompt-box>
+        ${this._attachmentError ? d`
+                <div class="attachment-error" role="alert">${this._attachmentError}</div>
+              ` : f}
+      </div>
+    `;
+	}
+};
+//#endregion
+//#region src/components/ai-interaction-textarea/index.ts
+e([m({ type: String })], Y.prototype, "placeholder", void 0), e([m({ type: Array })], Y.prototype, "selectedDatasets", void 0), e([m({
+	type: String,
+	attribute: "auth-key"
+})], Y.prototype, "authKey", void 0), e([m({
+	type: String,
+	attribute: "auth-token"
+})], Y.prototype, "authToken", void 0), e([m({
+	type: String,
+	attribute: "api-url"
+})], Y.prototype, "apiUrl", void 0), e([m({
+	type: String,
+	attribute: "app-server"
+})], Y.prototype, "appServer", void 0), e([m({
+	type: Boolean,
+	attribute: "flag-opendata"
+})], Y.prototype, "flagOpendata", void 0), e([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disabled"
+})], Y.prototype, "disabled", void 0), e([m({
+	type: Boolean,
+	attribute: "single-line"
+})], Y.prototype, "singleLine", void 0), e([m({
+	type: Boolean,
+	attribute: "hide-dataset-button"
+})], Y.prototype, "hideDatasetButton", void 0), e([m({
+	type: Boolean,
+	attribute: "hide-dataset-icons"
+})], Y.prototype, "hideDatasetIcons", void 0), e([m({
+	type: Boolean,
+	attribute: "disable-dataset-modification"
+})], Y.prototype, "disableDatasetModification", void 0), e([m({
+	type: Boolean,
+	attribute: "hide-selected-datasets"
+})], Y.prototype, "hideSelectedDatasets", void 0), e([m({
+	type: Boolean,
+	attribute: "disable-column-mentions"
+})], Y.prototype, "disableColumnMentions", void 0), e([m({
+	type: Boolean,
+	attribute: "is-generating"
+})], Y.prototype, "isGenerating", void 0), e([m({
+	type: Boolean,
+	reflect: !0
+})], Y.prototype, "stoppable", void 0), e([m({ type: String })], Y.prototype, "value", void 0), e([m({
+	type: Boolean,
+	attribute: "retain-on-submit"
+})], Y.prototype, "retainOnSubmit", void 0), e([m({
+	type: Boolean,
+	attribute: "require-dataset"
+})], Y.prototype, "requireDataset", void 0), e([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "allow-images"
+})], Y.prototype, "allowImages", void 0), e([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "allow-voice-input"
+})], Y.prototype, "allowVoiceInput", void 0), e([m({
+	type: Array,
+	attribute: "accepted-file-types"
+})], Y.prototype, "acceptedFileTypes", void 0), e([m({
+	type: String,
+	attribute: "api-version"
+})], Y.prototype, "apiVersion", void 0), e([m({ attribute: !1 })], Y.prototype, "uploadAttachments", void 0), e([m({ attribute: !1 })], Y.prototype, "fileIcons", void 0), e([g()], Y.prototype, "_promptValue", void 0), e([g()], Y.prototype, "_isPromptValid", void 0), e([g()], Y.prototype, "_fieldTriggerOptions", void 0), e([g()], Y.prototype, "_datasetsFieldConfig", void 0), e([g()], Y.prototype, "_attachmentError", void 0), e([g()], Y.prototype, "_isRecording", void 0), e([g()], Y.prototype, "_isTranscribing", void 0), e([h("luzmo-prompt-box")], Y.prototype, "_promptBox", void 0), Y = e([_()], Y), customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", Y);
+//#endregion
+export { z as a, S as c, A as d, O as f, I as i, x as l, k as m, R as n, M as o, D as p, L as r, N as s, Y as t, j as u };