@luzmo/analytics-components-kit 1.0.8-beta.1 → 1.0.8-beta.3

package/components/ai-interaction-textarea-DvILxmFe.cjs

@@ -1,95 +0,0 @@
-/*! * 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.
- * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./set-locale-8XQ-p5_N.cjs"),n=require("./data-broker-DWEXs6-2.cjs"),r=require("./calculate-data-field-icon-DenGmW74.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./get-dataset-name-CIt7of_Z.cjs");require("./dataset-icon-BAV0S4sZ.cjs"),require("./dataset-selector-row-Cau2IKg2.cjs");let o=require("@luzmo/icons");require("@luzmo/lucero/icon");let s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/prompt-box");let u=require("lit/directives/class-map.js");var d=20,f=[`image/png`,`image/jpeg`,`image/webp`,`image/gif`],p=new Set(f),m={png:`image/png`,jpg:`image/jpeg`,jpeg:`image/jpeg`,webp:`image/webp`,gif:`image/gif`};function h(e){try{return new URL(e).pathname.match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase()}catch{return}}function g(e){try{let t=new URL(e);return t.protocol===`http:`||t.protocol===`https:`}catch{return!1}}function _(e){return p.has(e.toLowerCase())}function v(e){if(e.type)return _(e.type);let t=e.name.split(`.`).pop()?.toLowerCase();return!!(t&&m[t])}function y(e){if(!g(e))return!1;let t=h(e);return!!(t&&m[t])}function b(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(!g(t))throw Error(`Image input URL must be an absolute http(s) URL. Received "${t}".`);let e=h(t);if(e&&!m[e])throw Error(`Unsupported image input URL "${t}". Only PNG, JPEG, WebP, and GIF image URLs are accepted.`)}}function x(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(!v(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.`)}}function S(e,t=`0.1.0`){return`${e.replace(/\/+$/,``)}/${t.replace(/^\/+|\/+$/g,``)}/upload`}function C(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(Error(`Image upload requires authKey and authToken.`));let c=S(i,a),l=a.replace(/^\/+|\/+$/g,``)||`0.1.0`;return Promise.all(t.map(e=>w(e,{url:c,authKey:n,authToken:r,version:l,signal:o,fetchImpl:s})))}async function w(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 T(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 T(e){try{return(await e.text()).trim().slice(0,200)}catch{return``}}function E(e,t=`0.1.0`){return`${e.replace(/\/+$/,``)}/${t.replace(/^\/+|\/+$/g,``)}/aidictation`}function D(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 O(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 k(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 O(t),f=E(a,o),p=D({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 F(m);throw Error(`Voice transcription failed (${m.status})${e?`: ${e}`:`.`}`)}if(!m.body)throw Error(`Voice transcription response body is not readable.`);await N(m.body,e=>{let t=A(e);t&&l(t)})}function A(e){return e.type===`text_delta`&&typeof e.delta==`string`?e.delta:typeof e.text_delta==`string`?e.text_delta:``}var j=/^[a-z]+:/i;function M(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(j.test(n))return null;return!n||n===`[DONE]`?null:JSON.parse(n)}async function N(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)P(e,t)}i+=r.decode();let e=i.trim();e&&P(e,t)}finally{n.releaseLock()}}function P(e,t){let n=M(e);n&&t(n)}async function F(e){try{return(await e.text()).trim().slice(0,200)}catch{return``}}var I=`: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))}`,L=3e3,R=6e4,z=class extends s.LitElement{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.maxVisibleSelectedDatasets=5,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=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?s.html`
-        <span>
-          ${this.hideDatasetIcons?s.html`<luzmo-icon .icon=${o.luzmoPlugin} size="s"></luzmo-icon>`:s.html`
-                  <luzmo-dataset-icon
-                    .datasetInfo=${t}
-                    size="16px"
-                    app-url=${this.appServer}
-                  ></luzmo-dataset-icon>
-                `}
-        </span>
-      `:e.icon?s.html`
-      <span>
-        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
-      </span>
-    `:s.nothing},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()||(0,l.msg)(`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=(0,s.unsafeCSS)(I)}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.t.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},L)}_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 C({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 b([n]),n}_startAttachmentUpload(e){let{id:t,file:n}=e;if(!n){this.removeAttachment(t);return}if(!v(n)){this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`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((0,l.msg)(`Failed to attach image`,{desc:`Error when an AI prompt image upload fails`}));return}if(n.size>15728640){this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`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(),R),o=()=>{this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`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((0,l.msg)(l.str`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&&v(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((0,l.msg)(`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:i.t(e,t.t())}_mapColumnToTriggerOption(e,t){return t.id?{label:this._getLocalizedFieldLabel(t.name)||t.id,value:`${e}:column:${t.id}`,icon:r.t(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:r.r.formula[r.i(`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=[],o=r?.columns?.filter(e=>!e.hidden)??[];for(let e of o){let t=this._mapColumnToTriggerOption(n.id,e);t&&i.push(t)}let s=r?.formulas?.filter(e=>!e.hidden)??[];for(let e of s){let t=this._mapFormulaToTriggerOption(n.id,e);t&&i.push(t)}i.length!==0&&(t.push({label:a.t(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.t.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 k({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((0,l.msg)(`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 s.html`
-      <div class=${(0,u.classMap)({"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?``:s.html`
-          <luzmo-dataset-selector-row
-            slot="top-actions"
-            .selectedDatasets=${this.selectedDatasets}
-            .maxVisibleSelectedDatasets=${this.maxVisibleSelectedDatasets}
-            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}
-            ?disable-dataset-modification=${this.disableDatasetModification}
-            @dataset-selected=${this._handleDatasetSelected}
-            @dataset-removed=${this._handleDatasetRemoved}
-          ></luzmo-dataset-selector-row>
-        `}
-        ${this.allowImages?s.html`
-              <luzmo-action-button
-                slot="bottom-actions"
-                size="m"
-                quiet
-                ?disabled=${this._actionsDisabled}
-                label=${(0,l.msg)(`Add attachments`,{desc:`Accessible label for the AI prompt attachment button`})}
-                @click=${this._handleAttachClick}
-              >
-                <luzmo-icon slot="icon" size="m" .icon=${o.luzmoPaperclip}></luzmo-icon>
-              </luzmo-action-button>
-            `:s.nothing}
-        </luzmo-prompt-box>
-        ${this._attachmentError?s.html`
-                <div class="attachment-error" role="alert">${this._attachmentError}</div>
-              `:s.nothing}
-      </div>
-    `}};e.t([(0,c.property)({type:String})],z.prototype,`placeholder`,void 0),e.t([(0,c.property)({type:Array})],z.prototype,`selectedDatasets`,void 0),e.t([(0,c.property)({type:String,attribute:`auth-key`})],z.prototype,`authKey`,void 0),e.t([(0,c.property)({type:String,attribute:`auth-token`})],z.prototype,`authToken`,void 0),e.t([(0,c.property)({type:String,attribute:`api-url`})],z.prototype,`apiUrl`,void 0),e.t([(0,c.property)({type:String,attribute:`app-server`})],z.prototype,`appServer`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`flag-opendata`})],z.prototype,`flagOpendata`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`disabled`})],z.prototype,`disabled`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`single-line`})],z.prototype,`singleLine`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-dataset-button`})],z.prototype,`hideDatasetButton`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-dataset-icons`})],z.prototype,`hideDatasetIcons`,void 0),e.t([(0,c.property)({type:Number,reflect:!0,useDefault:!0,attribute:`max-visible-selected-datasets`})],z.prototype,`maxVisibleSelectedDatasets`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disable-dataset-modification`})],z.prototype,`disableDatasetModification`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-selected-datasets`})],z.prototype,`hideSelectedDatasets`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disable-column-mentions`})],z.prototype,`disableColumnMentions`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`is-generating`})],z.prototype,`isGenerating`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],z.prototype,`stoppable`,void 0),e.t([(0,c.property)({type:String})],z.prototype,`value`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`retain-on-submit`})],z.prototype,`retainOnSubmit`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`require-dataset`})],z.prototype,`requireDataset`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`allow-images`})],z.prototype,`allowImages`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`allow-voice-input`})],z.prototype,`allowVoiceInput`,void 0),e.t([(0,c.property)({type:Array,attribute:`accepted-file-types`})],z.prototype,`acceptedFileTypes`,void 0),e.t([(0,c.property)({type:String,attribute:`api-version`})],z.prototype,`apiVersion`,void 0),e.t([(0,c.property)({attribute:!1})],z.prototype,`uploadAttachments`,void 0),e.t([(0,c.property)({attribute:!1})],z.prototype,`fileIcons`,void 0),e.t([(0,c.state)()],z.prototype,`_promptValue`,void 0),e.t([(0,c.state)()],z.prototype,`_isPromptValid`,void 0),e.t([(0,c.state)()],z.prototype,`_fieldTriggerOptions`,void 0),e.t([(0,c.state)()],z.prototype,`_datasetsFieldConfig`,void 0),e.t([(0,c.state)()],z.prototype,`_attachmentError`,void 0),e.t([(0,c.state)()],z.prototype,`_isRecording`,void 0),e.t([(0,c.state)()],z.prototype,`_isTranscribing`,void 0),e.t([(0,c.query)(`luzmo-prompt-box`)],z.prototype,`_promptBox`,void 0),z=e.t([(0,l.localized)()],z),customElements.get(`luzmo-ai-interaction-textarea`)||customElements.define(`luzmo-ai-interaction-textarea`,z),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});