comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/media-config-BBvTYxOX.js

@@ -0,0 +1,314 @@
+import{a as p,A as e,b as s,s as g,f as u,i as f,n as h,r as v,t as m}from"./index-CEcM1R_C.js";var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,n=(i,r,d,o)=>{for(var a=o>1?void 0:o?b(r,d):r,c=i.length-1,l;c>=0;c--)(l=i[c])&&(a=(o?l(r,d,a):l(a))||a);return o&&a&&x(r,d,a),a};let t=class extends p{constructor(){super(...arguments),this._loadState="loading",this._providers=null,this._mediaConfig=null}connectedCallback(){super.connectedCallback(),this._loadData()}async _loadData(){this._loadState="loading";try{const[i,r]=await Promise.all([this.rpcClient.call("media.providers"),this.rpcClient.call("config.read",{section:"integrations"})]);this._providers=i,this._mediaConfig=r.media??null,this._loadState="loaded"}catch{this._loadState="error"}}_renderSttCard(){const i=!!this._providers?.stt;return s`
+      <div class="config-card">
+        <div class="card-header">
+          <span class="status-dot ${i?"dot--active":"dot--inactive"}"></span>
+          <h3>Speech-to-Text (STT)</h3>
+          <span class="status-label">${i?"Configured":"Not configured"}</span>
+        </div>
+        <div class="card-body">
+          ${i?s`
+            <div class="setting-row">
+              <span class="setting-key">Provider</span>
+              <span class="setting-value">${this._providers.stt.provider}</span>
+            </div>
+            ${this._providers.stt.model?s`
+              <div class="setting-row">
+                <span class="setting-key">Model</span>
+                <span class="setting-value">${this._providers.stt.model}</span>
+              </div>
+            `:e}
+            ${this._providers.stt.fallback.length>0?s`
+              <div class="setting-row">
+                <span class="setting-key">Fallback</span>
+                <span class="setting-value">${this._providers.stt.fallback.join(", ")}</span>
+              </div>
+            `:e}
+          `:s`<p class="hint">Configure in <code>integrations.media.transcription</code></p>`}
+        </div>
+        <div class="card-footer">
+          <a href="#/config" class="configure-link">Edit <code>integrations.media.transcription</code> in Config Editor</a>
+        </div>
+      </div>
+    `}_renderTtsCard(){const i=!!this._providers?.tts;return s`
+      <div class="config-card">
+        <div class="card-header">
+          <span class="status-dot ${i?"dot--active":"dot--inactive"}"></span>
+          <h3>Text-to-Speech (TTS)</h3>
+          <span class="status-label">${i?"Configured":"Not configured"}</span>
+        </div>
+        <div class="card-body">
+          ${i?s`
+            <div class="setting-row">
+              <span class="setting-key">Provider</span>
+              <span class="setting-value">${this._providers.tts.provider}</span>
+            </div>
+            <div class="setting-row">
+              <span class="setting-key">Voice</span>
+              <span class="setting-value">${this._providers.tts.voice}</span>
+            </div>
+            <div class="setting-row">
+              <span class="setting-key">Format</span>
+              <span class="setting-value">${this._providers.tts.format}</span>
+            </div>
+            <div class="setting-row">
+              <span class="setting-key">Auto Mode</span>
+              <span class="setting-value">${this._providers.tts.autoMode}</span>
+            </div>
+          `:s`<p class="hint">Configure in <code>integrations.media.tts</code></p>`}
+        </div>
+        <div class="card-footer">
+          <a href="#/config" class="configure-link">Edit <code>integrations.media.tts</code> in Config Editor</a>
+        </div>
+      </div>
+    `}_renderVisionCard(){const i=!!this._providers?.vision;return s`
+      <div class="config-card">
+        <div class="card-header">
+          <span class="status-dot ${i?"dot--active":"dot--inactive"}"></span>
+          <h3>Vision Analysis</h3>
+          <span class="status-label">${i?"Configured":"Not configured"}</span>
+        </div>
+        <div class="card-body">
+          ${i?s`
+            <div class="setting-row">
+              <span class="setting-key">Providers</span>
+              <span class="setting-value">${this._providers.vision.providers.join(", ")}</span>
+            </div>
+            ${this._providers.vision.defaultProvider?s`
+              <div class="setting-row">
+                <span class="setting-key">Default</span>
+                <span class="setting-value">${this._providers.vision.defaultProvider}</span>
+              </div>
+            `:e}
+            ${this._providers.vision.videoCapable.length>0?s`
+              <div class="setting-row">
+                <span class="setting-key">Video capable</span>
+                <span class="setting-value">${this._providers.vision.videoCapable.join(", ")}</span>
+              </div>
+            `:e}
+          `:s`<p class="hint">Configure in <code>integrations.media.vision</code></p>`}
+        </div>
+        <div class="card-footer">
+          <a href="#/config" class="configure-link">Edit <code>integrations.media.vision</code> in Config Editor</a>
+        </div>
+      </div>
+    `}_renderDocumentCard(){const i=!!this._providers?.documentExtraction?.enabled;return s`
+      <div class="config-card">
+        <div class="card-header">
+          <span class="status-dot ${i?"dot--active":"dot--inactive"}"></span>
+          <h3>Document Extraction</h3>
+          <span class="status-label">${i?"Configured":"Not configured"}</span>
+        </div>
+        <div class="card-body">
+          ${i?s`
+            <div class="setting-row">
+              <span class="setting-key">MIME types</span>
+              <span class="setting-value">${this._providers.documentExtraction.supportedMimes.join(", ")}</span>
+            </div>
+          `:s`<p class="hint">Configure in <code>integrations.media.documentExtraction</code></p>`}
+        </div>
+        <div class="card-footer">
+          <a href="#/config" class="configure-link">Edit <code>integrations.media.documentExtraction</code> in Config Editor</a>
+        </div>
+      </div>
+    `}_renderLinkCard(){const i=!!this._providers?.linkUnderstanding?.enabled;return s`
+      <div class="config-card">
+        <div class="card-header">
+          <span class="status-dot ${i?"dot--active":"dot--inactive"}"></span>
+          <h3>Link Understanding</h3>
+          <span class="status-label">${i?"Configured":"Not configured"}</span>
+        </div>
+        <div class="card-body">
+          ${i?s`
+            <div class="setting-row">
+              <span class="setting-key">Max links</span>
+              <span class="setting-value">${this._providers.linkUnderstanding.maxLinks}</span>
+            </div>
+          `:s`<p class="hint">Configure in <code>integrations.media.linkUnderstanding</code></p>`}
+        </div>
+        <div class="card-footer">
+          <a href="#/config" class="configure-link">Edit <code>integrations.media.linkUnderstanding</code> in Config Editor</a>
+        </div>
+      </div>
+    `}render(){return s`
+      <div class="header-row">
+        <div class="header-title">Media Provider Configuration</div>
+        <a href="#/media" class="back-link">Back to Media Tools</a>
+      </div>
+      ${this._loadState==="loading"?s`<ic-skeleton-view variant="dashboard"></ic-skeleton-view>`:e}
+      ${this._loadState==="error"?s`
+        <div class="error-state">
+          <p>Failed to load media provider configuration.</p>
+          <button class="btn-retry" @click=${this._loadData}>Retry</button>
+        </div>
+      `:e}
+      ${this._loadState==="loaded"?s`
+        <div class="cards-grid">
+          ${this._renderSttCard()}
+          ${this._renderTtsCard()}
+          ${this._renderVisionCard()}
+          ${this._renderDocumentCard()}
+          ${this._renderLinkCard()}
+        </div>
+      `:e}
+    `}};t.styles=[g,u,f`
+      :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);
+      }
+
+      .back-link {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-accent);
+        text-decoration: none;
+      }
+
+      .back-link:hover {
+        text-decoration: underline;
+      }
+
+      .cards-grid {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-md);
+        max-width: 800px;
+      }
+
+      .config-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: 8px;
+        padding: 1rem;
+      }
+
+      .card-header {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        flex-shrink: 0;
+      }
+
+      .dot--active {
+        background: var(--ic-success, #22c55e);
+      }
+
+      .dot--inactive {
+        background: var(--ic-text-dim, #6b7280);
+      }
+
+      .card-header h3 {
+        margin: 0;
+        font-size: var(--ic-text-base);
+        font-weight: 600;
+        color: var(--ic-text);
+        flex: 1;
+      }
+
+      .status-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+      }
+
+      .card-body {
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .hint {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+        margin: 0;
+      }
+
+      .hint code {
+        background: var(--ic-surface-2);
+        padding: 1px 4px;
+        border-radius: 3px;
+        font-size: var(--ic-text-xs);
+      }
+
+      .setting-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        padding: 4px 0;
+        font-size: var(--ic-text-sm);
+      }
+
+      .setting-key {
+        color: var(--ic-text-muted);
+        min-width: 120px;
+      }
+
+      .setting-value {
+        color: var(--ic-text);
+        font-family: var(--ic-font-mono, monospace);
+        font-size: var(--ic-text-xs);
+      }
+
+      .card-footer {
+        padding-top: var(--ic-space-sm);
+        border-top: 1px solid var(--ic-border);
+      }
+
+      .configure-link {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-accent);
+        text-decoration: underline;
+      }
+
+      .configure-link:hover {
+        color: var(--ic-accent-hover);
+      }
+
+      .configure-link code {
+        background: var(--ic-surface-2);
+        padding: 1px 4px;
+        border-radius: 3px;
+        font-size: var(--ic-text-xs);
+      }
+
+      .error-state {
+        text-align: center;
+        padding: var(--ic-space-xl);
+        color: var(--ic-text-dim);
+      }
+
+      .btn-retry {
+        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;
+        margin-top: var(--ic-space-sm);
+      }
+
+      .btn-retry:hover {
+        background: var(--ic-accent-hover);
+      }
+    `];n([h({attribute:!1})],t.prototype,"rpcClient",2);n([v()],t.prototype,"_loadState",2);n([v()],t.prototype,"_providers",2);n([v()],t.prototype,"_mediaConfig",2);t=n([m("ic-media-config-view")],t);export{t as IcMediaConfigView};