comisai 1.0.24 → 1.0.25

package/node_modules/@comis/web/dist/assets/{media-test-BkK3RCRK.js → media-test-DGTCtM8-.js}

@@ -1,261 +1,4 @@
-import{a as f,I as v,b as e,A as o,s as _,f as g,i as b,n as m,r as d,t as x}from"./index-CEcM1R_C.js";import"./ic-tabs-B7QtM_v8.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-icon-xeGTVhVG.js";var y=Object.defineProperty,$=Object.getOwnPropertyDescriptor,l=(i,a,r,t)=>{for(var s=t>1?void 0:t?$(a,r):a,c=i.length-1,u;c>=0;c--)(u=i[c])&&(s=(t?u(a,r,s):u(s))||s);return t&&s&&y(a,r,s),s};const w=[{id:"stt",label:"STT"},{id:"tts",label:"TTS"},{id:"vision",label:"Vision"},{id:"document",label:"Document"},{id:"video",label:"Video"},{id:"link",label:"Link"}],R=25*1024*1024,T=20*1024*1024,h=50*1024*1024;function p(i){const a=new Uint8Array(i),r=32768,t=[];for(let s=0;s<a.length;s+=r)t.push(String.fromCharCode(...a.subarray(s,s+r)));return btoa(t.join(""))}let n=class extends f{constructor(){super(...arguments),this._activeTab="stt",this._processing=!1,this._sttResult=null,this._ttsResult=null,this._audioUrl=null,this._ttsText="",this._ttsVoice="",this._visionResult=null,this._documentResult=null,this._videoResult=null,this._visionPrompt="",this._videoPrompt="",this._linkUrl="",this._linkResult=null,this._loadState="loaded",this._providers=null,this._imagePreviewUrl=null}connectedCallback(){super.connectedCallback(),this._loadProviders()}disconnectedCallback(){super.disconnectedCallback(),this._audioUrl&&(URL.revokeObjectURL(this._audioUrl),this._audioUrl=null),this._imagePreviewUrl&&(URL.revokeObjectURL(this._imagePreviewUrl),this._imagePreviewUrl=null)}async _loadProviders(){if(this.rpcClient)try{const i=await this.rpcClient.call("media.providers");this._providers=i}catch{this._providers=null}}async _handleSttUpload(i){const a=i.target,r=a.files?.[0];if(r){if(r.size>R){v.show("File exceeds 25MB limit","error"),a.value="";return}this._processing=!0,this._sttResult=null;try{const t=await r.arrayBuffer(),s=p(t),c=await this.rpcClient.call("media.test.stt",{audio:s,mimeType:r.type||"audio/wav"});this._sttResult=c}catch(t){const s=t instanceof Error?t.message:String(t);v.show(`STT failed: ${s}`,"error")}finally{this._processing=!1}}}async _handleTtsSynthesize(){if(this._ttsText.trim()){this._processing=!0,this._ttsResult=null,this._audioUrl&&(URL.revokeObjectURL(this._audioUrl),this._audioUrl=null);try{const i=await this.rpcClient.call("media.test.tts",{text:this._ttsText,voice:this._ttsVoice||void 0});this._ttsResult=i;const a=atob(i.audio),r=new Uint8Array(a.length);for(let s=0;s<a.length;s++)r[s]=a.charCodeAt(s);const t=new Blob([r],{type:i.mimeType});this._audioUrl=URL.createObjectURL(t)}catch(i){const a=i instanceof Error?i.message:String(i);v.show(`TTS failed: ${a}`,"error")}finally{this._processing=!1}}}async _handleVisionUpload(i){const a=i.target,r=a.files?.[0];if(r){if(r.size>T){v.show("File exceeds 20MB limit","error"),a.value="";return}this._imagePreviewUrl&&URL.revokeObjectURL(this._imagePreviewUrl),this._imagePreviewUrl=URL.createObjectURL(r),this._processing=!0,this._visionResult=null,this.requestUpdate();try{const t=await r.arrayBuffer(),s=p(t),c=await this.rpcClient.call("media.test.vision",{image:s,mimeType:r.type||"image/jpeg",prompt:this._visionPrompt||void 0});this._visionResult=c}catch(t){const s=t instanceof Error?t.message:String(t);v.show(`Vision analysis failed: ${s}`,"error")}finally{this._processing=!1,a.value=""}}}async _handleDocumentUpload(i){const a=i.target,r=a.files?.[0];if(r){if(r.size>h){v.show("File exceeds 50MB limit","error"),a.value="";return}this._processing=!0,this._documentResult=null;try{const t=await r.arrayBuffer(),s=p(t),c=await this.rpcClient.call("media.test.document",{file:s,mimeType:r.type||"application/octet-stream",fileName:r.name});this._documentResult=c}catch(t){const s=t instanceof Error?t.message:String(t);v.show(`Document extraction failed: ${s}`,"error")}finally{this._processing=!1,a.value=""}}}async _handleVideoUpload(i){const a=i.target,r=a.files?.[0];if(r){if(r.size>h){v.show("File exceeds 50MB limit","error"),a.value="";return}this._processing=!0,this._videoResult=null;try{const t=await r.arrayBuffer(),s=p(t),c=await this.rpcClient.call("media.test.video",{video:s,mimeType:r.type||"video/mp4",prompt:this._videoPrompt||void 0});this._videoResult=c}catch(t){const s=t instanceof Error?t.message:String(t);v.show(`Video analysis failed: ${s}`,"error")}finally{this._processing=!1,a.value=""}}}async _handleLinkTest(){if(this._linkUrl.trim()){this._processing=!0,this._linkResult=null;try{const i=await this.rpcClient.call("media.test.link",{url:this._linkUrl});this._linkResult=i}catch(i){const a=i instanceof Error?i.message:String(i);v.show(`Link processing failed: ${a}`,"error")}finally{this._processing=!1}}}_renderSttProviderInfo(){if(this._providers===null)return e`<div class="provider-info">Provider info unavailable</div>`;if(!this._providers.stt)return e`<div class="provider-info warning">STT not configured -- set integrations.media.transcription in config</div>`;const i=this._providers.stt;return e`<div class="provider-info">Provider: ${i.provider}${i.model?` (${i.model})`:""}</div>`}_renderTtsProviderInfo(){if(this._providers===null)return e`<div class="provider-info">Provider info unavailable</div>`;if(!this._providers.tts)return e`<div class="provider-info warning">TTS not configured -- set integrations.media.tts in config</div>`;const i=this._providers.tts;return e`<div class="provider-info">Provider: ${i.provider}, Voice: ${i.voice}, Format: ${i.format}</div>`}_renderSttTab(){return e`
-      <div class="card">
-        <div class="card-title">Speech-to-Text</div>
-        ${this._renderSttProviderInfo()}
-        <div class="file-input-wrapper">
-          <label class="file-label">Upload audio file</label>
-          <input
-            type="file"
-            accept="audio/*,.wav,.mp3,.ogg,.m4a,.webm,.flac"
-            @change=${this._handleSttUpload}
-            ?disabled=${this._processing}
-          />
-          <div class="file-hint">Max 25MB</div>
-        </div>
-        ${this._processing?e`
-          <div class="spinner-inline">
-            <ic-loading></ic-loading>
-            Transcribing...
-          </div>
-        `:o}
-        ${this._sttResult?e`
-          <div class="result-box">
-            <div class="result-label">Transcription</div>
-            <pre class="result-text">${this._sttResult.text}</pre>
-            <div class="result-meta">
-              ${this._sttResult.language?e`<span>Language: ${this._sttResult.language}</span>`:o}
-              ${this._sttResult.durationMs?e`<span>Duration: ${this._sttResult.durationMs}ms</span>`:o}
-              <span>Provider: ${this._sttResult.provider}</span>
-            </div>
-          </div>
-        `:o}
-      </div>
-    `}_renderTtsTab(){return e`
-      <div class="card">
-        <div class="card-title">Text-to-Speech</div>
-        ${this._renderTtsProviderInfo()}
-        <div class="input-group">
-          <label class="input-label">Text to synthesize</label>
-          <textarea
-            placeholder="Enter text to synthesize..."
-            .value=${this._ttsText}
-            @input=${i=>{this._ttsText=i.target.value}}
-            ?disabled=${this._processing}
-          ></textarea>
-        </div>
-        <div class="input-group">
-          <label class="input-label">Voice override (optional)</label>
-          <input
-            class="text-input"
-            type="text"
-            placeholder="Leave empty for default"
-            .value=${this._ttsVoice}
-            @input=${i=>{this._ttsVoice=i.target.value}}
-            ?disabled=${this._processing}
-          />
-        </div>
-        <button
-          class="btn-primary"
-          @click=${this._handleTtsSynthesize}
-          ?disabled=${this._processing||!this._ttsText.trim()}
-        >
-          Synthesize
-        </button>
-        ${this._processing?e`
-          <div class="spinner-inline">
-            <ic-loading></ic-loading>
-            Synthesizing...
-          </div>
-        `:o}
-        ${this._audioUrl&&this._ttsResult?e`
-          <div class="audio-player">
-            <audio controls src=${this._audioUrl}></audio>
-            <div class="result-meta">
-              <span>Size: ${(this._ttsResult.sizeBytes/1024).toFixed(1)} KB</span>
-              <span>Format: ${this._ttsResult.mimeType}</span>
-              <span>Provider: ${this._ttsResult.provider}</span>
-            </div>
-          </div>
-        `:o}
-      </div>
-    `}_renderVisionProviderInfo(){if(this._providers===null)return e`<div class="provider-info">Provider info unavailable</div>`;if(!this._providers.vision)return e`<div class="provider-info warning">Vision not configured -- set integrations.media.vision in config</div>`;const i=this._providers.vision;return e`<div class="provider-info">
-      Providers: ${i.providers.join(", ")}${i.defaultProvider?` (default: ${i.defaultProvider})`:""}
-    </div>`}_renderDocumentProviderInfo(){return this._providers===null?e`<div class="provider-info">Provider info unavailable</div>`:this._providers.documentExtraction?.enabled?e`<div class="provider-info">Document extraction enabled</div>`:e`<div class="provider-info warning">Document extraction not configured -- set integrations.media.documentExtraction in config</div>`}_renderVideoProviderInfo(){if(this._providers===null)return e`<div class="provider-info">Provider info unavailable</div>`;const i=this._providers.vision;return i?.videoCapable?.length?e`<div class="provider-info">Video-capable providers: ${i.videoCapable.join(", ")}</div>`:e`<div class="provider-info warning">No video-capable vision provider configured (requires Gemini or compatible)</div>`}_renderVisionTab(){return e`
-      <div class="card">
-        <div class="card-title">Vision Analysis</div>
-        ${this._renderVisionProviderInfo()}
-        <div class="file-input-wrapper">
-          <label class="file-label">Upload image</label>
-          <input
-            type="file"
-            accept="image/*,.png,.jpg,.jpeg,.gif,.webp,.bmp"
-            @change=${this._handleVisionUpload}
-            ?disabled=${this._processing}
-          />
-          <div class="file-hint">Max 20MB</div>
-        </div>
-        <div class="input-group">
-          <label class="input-label">Analysis prompt (optional)</label>
-          <textarea
-            placeholder="Describe this image in detail"
-            .value=${this._visionPrompt}
-            @input=${i=>{this._visionPrompt=i.target.value}}
-            ?disabled=${this._processing}
-          ></textarea>
-        </div>
-        ${this._processing?e`
-          <div class="spinner-inline">
-            <ic-loading></ic-loading>
-            Analyzing image...
-          </div>
-        `:o}
-        ${this._imagePreviewUrl?e`
-          <div class="image-preview">
-            <img src=${this._imagePreviewUrl} alt="Upload preview" />
-          </div>
-        `:o}
-        ${this._visionResult?e`
-          <div class="result-box">
-            <div class="result-label">Analysis</div>
-            <pre class="result-text">${this._visionResult.description}</pre>
-            <div class="result-meta">
-              <span>Provider: ${this._visionResult.provider}</span>
-              <span>Model: ${this._visionResult.model}</span>
-            </div>
-          </div>
-        `:o}
-      </div>
-    `}_renderDocumentTab(){return e`
-      <div class="card">
-        <div class="card-title">Document Extraction</div>
-        ${this._renderDocumentProviderInfo()}
-        <div class="file-input-wrapper">
-          <label class="file-label">Upload document</label>
-          <input
-            type="file"
-            accept=".pdf,.csv,.txt,.json,.xml,.html,.md,.doc,.docx,.xls,.xlsx"
-            @change=${this._handleDocumentUpload}
-            ?disabled=${this._processing}
-          />
-          <div class="file-hint">Max 50MB</div>
-        </div>
-        ${this._processing?e`
-          <div class="spinner-inline">
-            <ic-loading></ic-loading>
-            Extracting text...
-          </div>
-        `:o}
-        ${this._documentResult?e`
-          <div class="result-box">
-            <div class="result-label">Extracted Text</div>
-            <pre class="result-text result-text--scrollable">${this._documentResult.text}</pre>
-            <div class="result-meta">
-              <span>File: ${this._documentResult.fileName}</span>
-              <span>Chars: ${this._documentResult.extractedChars.toLocaleString()}</span>
-              ${this._documentResult.pageCount!=null?e`<span>Pages: ${this._documentResult.pageCount}</span>`:o}
-              ${this._documentResult.truncated?e`<span class="truncated-badge">Truncated</span>`:o}
-              <span>Duration: ${this._documentResult.durationMs}ms</span>
-            </div>
-          </div>
-        `:o}
-      </div>
-    `}_renderVideoTab(){return e`
-      <div class="card">
-        <div class="card-title">Video Analysis</div>
-        ${this._renderVideoProviderInfo()}
-        <div class="file-input-wrapper">
-          <label class="file-label">Upload video</label>
-          <input
-            type="file"
-            accept="video/*,.mp4,.mov,.avi,.webm,.mkv"
-            @change=${this._handleVideoUpload}
-            ?disabled=${this._processing}
-          />
-          <div class="file-hint">Max 50MB</div>
-        </div>
-        <div class="input-group">
-          <label class="input-label">Analysis prompt (optional)</label>
-          <textarea
-            placeholder="Describe this video concisely."
-            .value=${this._videoPrompt}
-            @input=${i=>{this._videoPrompt=i.target.value}}
-            ?disabled=${this._processing}
-          ></textarea>
-        </div>
-        ${this._processing?e`
-          <div class="spinner-inline">
-            <ic-loading></ic-loading>
-            Analyzing video...
-          </div>
-        `:o}
-        ${this._videoResult?e`
-          <div class="result-box">
-            <div class="result-label">Analysis</div>
-            <pre class="result-text">${this._videoResult.description}</pre>
-            <div class="result-meta">
-              <span>Provider: ${this._videoResult.provider}</span>
-              <span>Model: ${this._videoResult.model}</span>
-            </div>
-          </div>
-        `:o}
-      </div>
-    `}_renderLinkProviderInfo(){return this._providers===null?e`<div class="provider-info">Provider info unavailable</div>`:this._providers.linkUnderstanding?.enabled?e`<div class="provider-info">Link enrichment enabled (max ${this._providers.linkUnderstanding.maxLinks} links)</div>`:e`<div class="provider-info warning">Link understanding not configured</div>`}_renderLinkTab(){return e`
-      <div class="card">
-        <div class="card-title">Link Enrichment</div>
-        ${this._renderLinkProviderInfo()}
-        <div class="input-group">
-          <label class="input-label">Enter URL to process</label>
-          <input
-            class="text-input"
-            type="url"
-            placeholder="https://example.com/article"
-            .value=${this._linkUrl}
-            @input=${i=>{this._linkUrl=i.target.value}}
-            ?disabled=${this._processing}
-          />
-        </div>
-        <button
-          class="btn-primary"
-          @click=${this._handleLinkTest}
-          ?disabled=${this._processing||!this._linkUrl.trim()}
-        >
-          Process Link
-        </button>
-        ${this._processing?e`
-          <div class="spinner-inline">
-            <ic-loading></ic-loading>
-            Processing link...
-          </div>
-        `:o}
-        ${this._linkResult?e`
-          <div class="result-box">
-            <div class="result-label">Enriched Text</div>
-            <pre class="result-text result-text--scrollable">${this._linkResult.enrichedText}</pre>
-            <div class="result-meta">
-              <span>Links processed: ${this._linkResult.linksProcessed}</span>
-            </div>
-            ${this._linkResult.errors.length>0?e`
-              <div class="provider-info warning" style="margin-top: var(--ic-space-sm);">
-                Errors: ${this._linkResult.errors.join(", ")}
-              </div>
-            `:o}
-          </div>
-        `:o}
-      </div>
-    `}_renderActiveTab(){switch(this._activeTab){case"stt":return this._renderSttTab();case"tts":return this._renderTtsTab();case"vision":return this._renderVisionTab();case"document":return this._renderDocumentTab();case"video":return this._renderVideoTab();case"link":return this._renderLinkTab();default:return o}}render(){return e`
-      <div class="header-row">
-        <div class="header-title">Media Tools</div>
-      </div>
-      <ic-tabs
-        .tabs=${w}
-        .activeTab=${this._activeTab}
-        @tab-change=${i=>{this._activeTab=i.detail}}
-      >
-      </ic-tabs>
-      <div class="tab-content">
-        ${this._renderActiveTab()}
-      </div>
-    `}};n.styles=[_,g,b`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-FLPhHz8p.js";import"./ic-empty-state-CM3Wbj2f.js";import"./ic-tabs-yBjkWKJH.js";var d=[{id:`stt`,label:`STT`},{id:`tts`,label:`TTS`},{id:`vision`,label:`Vision`},{id:`document`,label:`Document`},{id:`video`,label:`Video`},{id:`link`,label:`Link`}],f=25*1024*1024,p=20*1024*1024,m=50*1024*1024;function h(e){let t=new Uint8Array(e),n=32768,r=[];for(let e=0;e<t.length;e+=n)r.push(String.fromCharCode(...t.subarray(e,e+n)));return btoa(r.join(``))}var g=class extends r{constructor(...e){super(...e),this._activeTab=`stt`,this._processing=!1,this._sttResult=null,this._ttsResult=null,this._audioUrl=null,this._ttsText=``,this._ttsVoice=``,this._visionResult=null,this._documentResult=null,this._videoResult=null,this._visionPrompt=``,this._videoPrompt=``,this._linkUrl=``,this._linkResult=null,this._loadState=`loaded`,this._providers=null,this._imagePreviewUrl=null}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -493,4 +236,261 @@ import{a as f,I as v,b as e,A as o,s as _,f as g,i as b,n as m,r as d,t as x}fro
         font-weight: 600;
       }
 
-    `];l([m({attribute:!1})],n.prototype,"rpcClient",2);l([m({attribute:!1})],n.prototype,"apiClient",2);l([d()],n.prototype,"_activeTab",2);l([d()],n.prototype,"_processing",2);l([d()],n.prototype,"_sttResult",2);l([d()],n.prototype,"_ttsResult",2);l([d()],n.prototype,"_audioUrl",2);l([d()],n.prototype,"_ttsText",2);l([d()],n.prototype,"_ttsVoice",2);l([d()],n.prototype,"_visionResult",2);l([d()],n.prototype,"_documentResult",2);l([d()],n.prototype,"_videoResult",2);l([d()],n.prototype,"_visionPrompt",2);l([d()],n.prototype,"_videoPrompt",2);l([d()],n.prototype,"_linkUrl",2);l([d()],n.prototype,"_linkResult",2);l([d()],n.prototype,"_loadState",2);l([d()],n.prototype,"_providers",2);n=l([x("ic-media-test-view")],n);export{n as IcMediaTestView};
+    `]}connectedCallback(){super.connectedCallback(),this._loadProviders()}disconnectedCallback(){super.disconnectedCallback(),this._audioUrl&&=(URL.revokeObjectURL(this._audioUrl),null),this._imagePreviewUrl&&=(URL.revokeObjectURL(this._imagePreviewUrl),null)}async _loadProviders(){if(this.rpcClient)try{let e=await this.rpcClient.call(`media.providers`);this._providers=e}catch{this._providers=null}}async _handleSttUpload(e){let t=e.target,n=t.files?.[0];if(n){if(n.size>f){u.show(`File exceeds 25MB limit`,`error`),t.value=``;return}this._processing=!0,this._sttResult=null;try{let e=h(await n.arrayBuffer()),t=await this.rpcClient.call(`media.test.stt`,{audio:e,mimeType:n.type||`audio/wav`});this._sttResult=t}catch(e){let t=e instanceof Error?e.message:String(e);u.show(`STT failed: ${t}`,`error`)}finally{this._processing=!1}}}async _handleTtsSynthesize(){if(this._ttsText.trim()){this._processing=!0,this._ttsResult=null,this._audioUrl&&=(URL.revokeObjectURL(this._audioUrl),null);try{let e=await this.rpcClient.call(`media.test.tts`,{text:this._ttsText,voice:this._ttsVoice||void 0});this._ttsResult=e;let t=atob(e.audio),n=new Uint8Array(t.length);for(let e=0;e<t.length;e++)n[e]=t.charCodeAt(e);let r=new Blob([n],{type:e.mimeType});this._audioUrl=URL.createObjectURL(r)}catch(e){let t=e instanceof Error?e.message:String(e);u.show(`TTS failed: ${t}`,`error`)}finally{this._processing=!1}}}async _handleVisionUpload(e){let t=e.target,n=t.files?.[0];if(n){if(n.size>p){u.show(`File exceeds 20MB limit`,`error`),t.value=``;return}this._imagePreviewUrl&&URL.revokeObjectURL(this._imagePreviewUrl),this._imagePreviewUrl=URL.createObjectURL(n),this._processing=!0,this._visionResult=null,this.requestUpdate();try{let e=h(await n.arrayBuffer()),t=await this.rpcClient.call(`media.test.vision`,{image:e,mimeType:n.type||`image/jpeg`,prompt:this._visionPrompt||void 0});this._visionResult=t}catch(e){let t=e instanceof Error?e.message:String(e);u.show(`Vision analysis failed: ${t}`,`error`)}finally{this._processing=!1,t.value=``}}}async _handleDocumentUpload(e){let t=e.target,n=t.files?.[0];if(n){if(n.size>m){u.show(`File exceeds 50MB limit`,`error`),t.value=``;return}this._processing=!0,this._documentResult=null;try{let e=h(await n.arrayBuffer()),t=await this.rpcClient.call(`media.test.document`,{file:e,mimeType:n.type||`application/octet-stream`,fileName:n.name});this._documentResult=t}catch(e){let t=e instanceof Error?e.message:String(e);u.show(`Document extraction failed: ${t}`,`error`)}finally{this._processing=!1,t.value=``}}}async _handleVideoUpload(e){let t=e.target,n=t.files?.[0];if(n){if(n.size>m){u.show(`File exceeds 50MB limit`,`error`),t.value=``;return}this._processing=!0,this._videoResult=null;try{let e=h(await n.arrayBuffer()),t=await this.rpcClient.call(`media.test.video`,{video:e,mimeType:n.type||`video/mp4`,prompt:this._videoPrompt||void 0});this._videoResult=t}catch(e){let t=e instanceof Error?e.message:String(e);u.show(`Video analysis failed: ${t}`,`error`)}finally{this._processing=!1,t.value=``}}}async _handleLinkTest(){if(this._linkUrl.trim()){this._processing=!0,this._linkResult=null;try{let e=await this.rpcClient.call(`media.test.link`,{url:this._linkUrl});this._linkResult=e}catch(e){let t=e instanceof Error?e.message:String(e);u.show(`Link processing failed: ${t}`,`error`)}finally{this._processing=!1}}}_renderSttProviderInfo(){if(this._providers===null)return t`<div class="provider-info">Provider info unavailable</div>`;if(!this._providers.stt)return t`<div class="provider-info warning">STT not configured -- set integrations.media.transcription in config</div>`;let e=this._providers.stt;return t`<div class="provider-info">Provider: ${e.provider}${e.model?` (${e.model})`:``}</div>`}_renderTtsProviderInfo(){if(this._providers===null)return t`<div class="provider-info">Provider info unavailable</div>`;if(!this._providers.tts)return t`<div class="provider-info warning">TTS not configured -- set integrations.media.tts in config</div>`;let e=this._providers.tts;return t`<div class="provider-info">Provider: ${e.provider}, Voice: ${e.voice}, Format: ${e.format}</div>`}_renderSttTab(){return t`
+      <div class="card">
+        <div class="card-title">Speech-to-Text</div>
+        ${this._renderSttProviderInfo()}
+        <div class="file-input-wrapper">
+          <label class="file-label">Upload audio file</label>
+          <input
+            type="file"
+            accept="audio/*,.wav,.mp3,.ogg,.m4a,.webm,.flac"
+            @change=${this._handleSttUpload}
+            ?disabled=${this._processing}
+          />
+          <div class="file-hint">Max 25MB</div>
+        </div>
+        ${this._processing?t`
+          <div class="spinner-inline">
+            <ic-loading></ic-loading>
+            Transcribing...
+          </div>
+        `:l}
+        ${this._sttResult?t`
+          <div class="result-box">
+            <div class="result-label">Transcription</div>
+            <pre class="result-text">${this._sttResult.text}</pre>
+            <div class="result-meta">
+              ${this._sttResult.language?t`<span>Language: ${this._sttResult.language}</span>`:l}
+              ${this._sttResult.durationMs?t`<span>Duration: ${this._sttResult.durationMs}ms</span>`:l}
+              <span>Provider: ${this._sttResult.provider}</span>
+            </div>
+          </div>
+        `:l}
+      </div>
+    `}_renderTtsTab(){return t`
+      <div class="card">
+        <div class="card-title">Text-to-Speech</div>
+        ${this._renderTtsProviderInfo()}
+        <div class="input-group">
+          <label class="input-label">Text to synthesize</label>
+          <textarea
+            placeholder="Enter text to synthesize..."
+            .value=${this._ttsText}
+            @input=${e=>{this._ttsText=e.target.value}}
+            ?disabled=${this._processing}
+          ></textarea>
+        </div>
+        <div class="input-group">
+          <label class="input-label">Voice override (optional)</label>
+          <input
+            class="text-input"
+            type="text"
+            placeholder="Leave empty for default"
+            .value=${this._ttsVoice}
+            @input=${e=>{this._ttsVoice=e.target.value}}
+            ?disabled=${this._processing}
+          />
+        </div>
+        <button
+          class="btn-primary"
+          @click=${this._handleTtsSynthesize}
+          ?disabled=${this._processing||!this._ttsText.trim()}
+        >
+          Synthesize
+        </button>
+        ${this._processing?t`
+          <div class="spinner-inline">
+            <ic-loading></ic-loading>
+            Synthesizing...
+          </div>
+        `:l}
+        ${this._audioUrl&&this._ttsResult?t`
+          <div class="audio-player">
+            <audio controls src=${this._audioUrl}></audio>
+            <div class="result-meta">
+              <span>Size: ${(this._ttsResult.sizeBytes/1024).toFixed(1)} KB</span>
+              <span>Format: ${this._ttsResult.mimeType}</span>
+              <span>Provider: ${this._ttsResult.provider}</span>
+            </div>
+          </div>
+        `:l}
+      </div>
+    `}_renderVisionProviderInfo(){if(this._providers===null)return t`<div class="provider-info">Provider info unavailable</div>`;if(!this._providers.vision)return t`<div class="provider-info warning">Vision not configured -- set integrations.media.vision in config</div>`;let e=this._providers.vision;return t`<div class="provider-info">
+      Providers: ${e.providers.join(`, `)}${e.defaultProvider?` (default: ${e.defaultProvider})`:``}
+    </div>`}_renderDocumentProviderInfo(){return this._providers===null?t`<div class="provider-info">Provider info unavailable</div>`:this._providers.documentExtraction?.enabled?t`<div class="provider-info">Document extraction enabled</div>`:t`<div class="provider-info warning">Document extraction not configured -- set integrations.media.documentExtraction in config</div>`}_renderVideoProviderInfo(){if(this._providers===null)return t`<div class="provider-info">Provider info unavailable</div>`;let e=this._providers.vision;return e?.videoCapable?.length?t`<div class="provider-info">Video-capable providers: ${e.videoCapable.join(`, `)}</div>`:t`<div class="provider-info warning">No video-capable vision provider configured (requires Gemini or compatible)</div>`}_renderVisionTab(){return t`
+      <div class="card">
+        <div class="card-title">Vision Analysis</div>
+        ${this._renderVisionProviderInfo()}
+        <div class="file-input-wrapper">
+          <label class="file-label">Upload image</label>
+          <input
+            type="file"
+            accept="image/*,.png,.jpg,.jpeg,.gif,.webp,.bmp"
+            @change=${this._handleVisionUpload}
+            ?disabled=${this._processing}
+          />
+          <div class="file-hint">Max 20MB</div>
+        </div>
+        <div class="input-group">
+          <label class="input-label">Analysis prompt (optional)</label>
+          <textarea
+            placeholder="Describe this image in detail"
+            .value=${this._visionPrompt}
+            @input=${e=>{this._visionPrompt=e.target.value}}
+            ?disabled=${this._processing}
+          ></textarea>
+        </div>
+        ${this._processing?t`
+          <div class="spinner-inline">
+            <ic-loading></ic-loading>
+            Analyzing image...
+          </div>
+        `:l}
+        ${this._imagePreviewUrl?t`
+          <div class="image-preview">
+            <img src=${this._imagePreviewUrl} alt="Upload preview" />
+          </div>
+        `:l}
+        ${this._visionResult?t`
+          <div class="result-box">
+            <div class="result-label">Analysis</div>
+            <pre class="result-text">${this._visionResult.description}</pre>
+            <div class="result-meta">
+              <span>Provider: ${this._visionResult.provider}</span>
+              <span>Model: ${this._visionResult.model}</span>
+            </div>
+          </div>
+        `:l}
+      </div>
+    `}_renderDocumentTab(){return t`
+      <div class="card">
+        <div class="card-title">Document Extraction</div>
+        ${this._renderDocumentProviderInfo()}
+        <div class="file-input-wrapper">
+          <label class="file-label">Upload document</label>
+          <input
+            type="file"
+            accept=".pdf,.csv,.txt,.json,.xml,.html,.md,.doc,.docx,.xls,.xlsx"
+            @change=${this._handleDocumentUpload}
+            ?disabled=${this._processing}
+          />
+          <div class="file-hint">Max 50MB</div>
+        </div>
+        ${this._processing?t`
+          <div class="spinner-inline">
+            <ic-loading></ic-loading>
+            Extracting text...
+          </div>
+        `:l}
+        ${this._documentResult?t`
+          <div class="result-box">
+            <div class="result-label">Extracted Text</div>
+            <pre class="result-text result-text--scrollable">${this._documentResult.text}</pre>
+            <div class="result-meta">
+              <span>File: ${this._documentResult.fileName}</span>
+              <span>Chars: ${this._documentResult.extractedChars.toLocaleString()}</span>
+              ${this._documentResult.pageCount==null?l:t`<span>Pages: ${this._documentResult.pageCount}</span>`}
+              ${this._documentResult.truncated?t`<span class="truncated-badge">Truncated</span>`:l}
+              <span>Duration: ${this._documentResult.durationMs}ms</span>
+            </div>
+          </div>
+        `:l}
+      </div>
+    `}_renderVideoTab(){return t`
+      <div class="card">
+        <div class="card-title">Video Analysis</div>
+        ${this._renderVideoProviderInfo()}
+        <div class="file-input-wrapper">
+          <label class="file-label">Upload video</label>
+          <input
+            type="file"
+            accept="video/*,.mp4,.mov,.avi,.webm,.mkv"
+            @change=${this._handleVideoUpload}
+            ?disabled=${this._processing}
+          />
+          <div class="file-hint">Max 50MB</div>
+        </div>
+        <div class="input-group">
+          <label class="input-label">Analysis prompt (optional)</label>
+          <textarea
+            placeholder="Describe this video concisely."
+            .value=${this._videoPrompt}
+            @input=${e=>{this._videoPrompt=e.target.value}}
+            ?disabled=${this._processing}
+          ></textarea>
+        </div>
+        ${this._processing?t`
+          <div class="spinner-inline">
+            <ic-loading></ic-loading>
+            Analyzing video...
+          </div>
+        `:l}
+        ${this._videoResult?t`
+          <div class="result-box">
+            <div class="result-label">Analysis</div>
+            <pre class="result-text">${this._videoResult.description}</pre>
+            <div class="result-meta">
+              <span>Provider: ${this._videoResult.provider}</span>
+              <span>Model: ${this._videoResult.model}</span>
+            </div>
+          </div>
+        `:l}
+      </div>
+    `}_renderLinkProviderInfo(){return this._providers===null?t`<div class="provider-info">Provider info unavailable</div>`:this._providers.linkUnderstanding?.enabled?t`<div class="provider-info">Link enrichment enabled (max ${this._providers.linkUnderstanding.maxLinks} links)</div>`:t`<div class="provider-info warning">Link understanding not configured</div>`}_renderLinkTab(){return t`
+      <div class="card">
+        <div class="card-title">Link Enrichment</div>
+        ${this._renderLinkProviderInfo()}
+        <div class="input-group">
+          <label class="input-label">Enter URL to process</label>
+          <input
+            class="text-input"
+            type="url"
+            placeholder="https://example.com/article"
+            .value=${this._linkUrl}
+            @input=${e=>{this._linkUrl=e.target.value}}
+            ?disabled=${this._processing}
+          />
+        </div>
+        <button
+          class="btn-primary"
+          @click=${this._handleLinkTest}
+          ?disabled=${this._processing||!this._linkUrl.trim()}
+        >
+          Process Link
+        </button>
+        ${this._processing?t`
+          <div class="spinner-inline">
+            <ic-loading></ic-loading>
+            Processing link...
+          </div>
+        `:l}
+        ${this._linkResult?t`
+          <div class="result-box">
+            <div class="result-label">Enriched Text</div>
+            <pre class="result-text result-text--scrollable">${this._linkResult.enrichedText}</pre>
+            <div class="result-meta">
+              <span>Links processed: ${this._linkResult.linksProcessed}</span>
+            </div>
+            ${this._linkResult.errors.length>0?t`
+              <div class="provider-info warning" style="margin-top: var(--ic-space-sm);">
+                Errors: ${this._linkResult.errors.join(`, `)}
+              </div>
+            `:l}
+          </div>
+        `:l}
+      </div>
+    `}_renderActiveTab(){switch(this._activeTab){case`stt`:return this._renderSttTab();case`tts`:return this._renderTtsTab();case`vision`:return this._renderVisionTab();case`document`:return this._renderDocumentTab();case`video`:return this._renderVideoTab();case`link`:return this._renderLinkTab();default:return l}}render(){return t`
+      <div class="header-row">
+        <div class="header-title">Media Tools</div>
+      </div>
+      <ic-tabs
+        .tabs=${d}
+        .activeTab=${this._activeTab}
+        @tab-change=${e=>{this._activeTab=e.detail}}
+      >
+      </ic-tabs>
+      <div class="tab-content">
+        ${this._renderActiveTab()}
+      </div>
+    `}};c([s({attribute:!1})],g.prototype,`rpcClient`,void 0),c([s({attribute:!1})],g.prototype,`apiClient`,void 0),c([a()],g.prototype,`_activeTab`,void 0),c([a()],g.prototype,`_processing`,void 0),c([a()],g.prototype,`_sttResult`,void 0),c([a()],g.prototype,`_ttsResult`,void 0),c([a()],g.prototype,`_audioUrl`,void 0),c([a()],g.prototype,`_ttsText`,void 0),c([a()],g.prototype,`_ttsVoice`,void 0),c([a()],g.prototype,`_visionResult`,void 0),c([a()],g.prototype,`_documentResult`,void 0),c([a()],g.prototype,`_videoResult`,void 0),c([a()],g.prototype,`_visionPrompt`,void 0),c([a()],g.prototype,`_videoPrompt`,void 0),c([a()],g.prototype,`_linkUrl`,void 0),c([a()],g.prototype,`_linkResult`,void 0),c([a()],g.prototype,`_loadState`,void 0),c([a()],g.prototype,`_providers`,void 0),g=c([e(`ic-media-test-view`)],g);export{g as IcMediaTestView};