comisai 1.0.15 → 1.0.17

package/node_modules/@comis/web/dist/assets/media-test-BkK3RCRK.js

@@ -0,0 +1,496 @@
+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`
+      :host {
+        display: block;
+      }
+
+      .header-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .header-title {
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .tab-content {
+        margin-top: var(--ic-space-md);
+      }
+
+      .card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-lg);
+        max-width: 640px;
+      }
+
+      .card-title {
+        font-size: var(--ic-text-base);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .provider-info {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+        margin-bottom: var(--ic-space-md);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        background: var(--ic-surface-2);
+        border-radius: var(--ic-radius-sm);
+      }
+
+      .provider-info.warning {
+        color: var(--ic-warning);
+        border: 1px solid var(--ic-warning);
+      }
+
+      .file-input-wrapper {
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .file-label {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        margin-bottom: var(--ic-space-xs);
+        display: block;
+      }
+
+      .file-hint {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        margin-top: var(--ic-space-xs);
+      }
+
+      input[type="file"] {
+        width: 100%;
+        padding: var(--ic-space-sm);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+      }
+
+      input[type="file"]::file-selector-button {
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-sm);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        margin-right: var(--ic-space-sm);
+      }
+
+      textarea {
+        width: 100%;
+        min-height: 100px;
+        padding: var(--ic-space-sm);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        resize: vertical;
+        box-sizing: border-box;
+      }
+
+      textarea:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .text-input {
+        width: 100%;
+        padding: var(--ic-space-sm);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        box-sizing: border-box;
+      }
+
+      .text-input:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .input-label {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        margin-bottom: var(--ic-space-xs);
+        display: block;
+      }
+
+      .input-group {
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .btn-primary {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition);
+      }
+
+      .btn-primary:hover:not(:disabled) {
+        background: var(--ic-accent-hover);
+      }
+
+      .btn-primary:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .result-box {
+        margin-top: var(--ic-space-md);
+        padding: var(--ic-space-md);
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+      }
+
+      .result-label {
+        font-size: var(--ic-text-xs);
+        font-weight: 600;
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .result-text {
+        white-space: pre-wrap;
+        word-break: break-word;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        line-height: 1.5;
+        max-height: 300px;
+        overflow-y: auto;
+      }
+
+      .result-meta {
+        margin-top: var(--ic-space-sm);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        display: flex;
+        gap: var(--ic-space-md);
+      }
+
+      .audio-player {
+        margin-top: var(--ic-space-md);
+      }
+
+      .audio-player audio {
+        width: 100%;
+      }
+
+      .spinner-inline {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+        margin-top: var(--ic-space-sm);
+      }
+
+      .image-preview {
+        margin-bottom: var(--ic-space-md);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        overflow: hidden;
+        max-width: 400px;
+      }
+
+      .image-preview img {
+        display: block;
+        max-width: 100%;
+        height: auto;
+      }
+
+      .result-text--scrollable {
+        max-height: 400px;
+        overflow-y: auto;
+      }
+
+      .truncated-badge {
+        color: var(--ic-warning);
+        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};