comisai 1.0.16 → 1.0.17

package/node_modules/@comis/web/dist/assets/delivery-view-OfBZof-m.js

@@ -0,0 +1,392 @@
+import{s as _,i as g,n as p,a as y,b as i,t as b,A as m,f as x,r as d}from"./index-CEcM1R_C.js";import"./ic-time-range-picker-CypCT68y.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-delivery-row-GP5Fkygs.js";import"./ic-detail-panel-BF83r-if.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-tag-CPPUnDLF.js";import"./ic-icon-xeGTVhVG.js";var w=Object.defineProperty,$=Object.getOwnPropertyDescriptor,h=(e,t,a,r)=>{for(var s=r>1?void 0:r?$(t,a):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(s=(r?o(t,a,s):o(s))||s);return r&&s&&w(t,a,s),s};function f(e){return e>=1e3?`${(e/1e3).toFixed(1)}s`:`${e}ms`}let u=class extends y{constructor(){super(...arguments),this.steps=[],this.totalDurationMs=0}_getTotalDuration(){return this.totalDurationMs>0?this.totalDurationMs:this.steps.reduce((e,t)=>e+t.durationMs,0)}render(){if(this.steps.length===0)return i`<div class="empty">No trace steps available</div>`;const e=this._getTotalDuration();let t=0;return i`
+      ${this.steps.map(a=>{const r=e>0?t/e*100:0,s=e>0?a.durationMs/e*100:0;return t+=a.durationMs,i`
+          <div class="step-row">
+            <span class="step-name" title="${a.name}">${a.name}</span>
+            <div class="track">
+              <div
+                class="fill fill--${a.status}"
+                style="left: ${r}%; width: ${s}%;"
+                title="${a.name}: ${f(a.durationMs)}"
+              ></div>
+            </div>
+            <span class="duration">${f(a.durationMs)}</span>
+          </div>
+          ${a.error?i`<div class="error-text">${a.error}</div>`:""}
+        `})}
+    `}};u.styles=[_,g`
+      :host {
+        display: block;
+      }
+
+      .step-row {
+        display: grid;
+        grid-template-columns: 140px 1fr 60px;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        padding: 2px 0;
+      }
+
+      .step-name {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .track {
+        height: 16px;
+        background: var(--ic-surface-2, #1f2937);
+        border-radius: var(--ic-radius-sm, 4px);
+        position: relative;
+        overflow: hidden;
+      }
+
+      .fill {
+        position: absolute;
+        top: 0;
+        height: 100%;
+        border-radius: var(--ic-radius-sm, 4px);
+        min-width: 2px;
+        transition: width var(--ic-transition, 150ms ease),
+          left var(--ic-transition, 150ms ease);
+      }
+
+      .fill--ok {
+        background: var(--ic-success);
+      }
+
+      .fill--error {
+        background: var(--ic-error);
+      }
+
+      .duration {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+        text-align: right;
+      }
+
+      .error-text {
+        grid-column: 1 / -1;
+        font-size: var(--ic-text-xs);
+        color: var(--ic-error);
+        padding-left: 140px;
+        padding-bottom: 2px;
+      }
+
+      .empty {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+        font-style: italic;
+      }
+    `];h([p({attribute:!1})],u.prototype,"steps",2);h([p({type:Number})],u.prototype,"totalDurationMs",2);u=h([b("ic-trace-timeline")],u);var S=Object.defineProperty,T=Object.getOwnPropertyDescriptor,c=(e,t,a,r)=>{for(var s=r>1?void 0:r?T(t,a):t,n=e.length-1,o;n>=0;n--)(o=e[n])&&(s=(r?o(t,a,s):o(s))||s);return r&&s&&S(t,a,s),s};const C=3e4,M=6048e5;let l=class extends y{constructor(){super(...arguments),this.rpcClient=null,this._loadState="loading",this._sinceMs=M,this._selectedRange="7d",this._searchQuery="",this._statusFilter="all",this._channelFilter="all",this._deliveryStats=null,this._traces=[],this._selectedTrace=null,this._detailOpen=!1,this._latencyPercentiles=null,this._refreshInterval=null,this._rpcStatusUnsub=null,this._fmtNum=new Intl.NumberFormat("en-US")}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._refreshInterval!==null&&(clearInterval(this._refreshInterval),this._refreshInterval=null),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(e){e.has("rpcClient")&&this.rpcClient&&this._tryLoad()}_tryLoad(){if(!this.rpcClient){this._loadState="loaded";return}this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._startLoading():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e==="connected"&&this._startLoading()})}_startLoading(){this._loadData(),this._refreshInterval===null&&(this._refreshInterval=setInterval(()=>{this._loadData()},C))}async _loadData(){if(!this.rpcClient||this.rpcClient.status!=="connected"){this._loadState="loaded";return}const e=this.rpcClient;try{const[t,a]=await Promise.allSettled([e.call("obs.delivery.stats",{sinceMs:this._sinceMs}),e.call("obs.delivery.recent",{sinceMs:this._sinceMs,limit:200})]);if(t.status==="rejected"&&a.status==="rejected")throw t.reason;if(t.status==="fulfilled"){const r=t.value;this._deliveryStats={total:Number(r.totalDelivered??r.total??0),successes:Number(r.successes??Math.round(Number(r.totalDelivered??0)*Number(r.successRate??0)/100)),failures:Number(r.failed??r.failures??0),avgLatencyMs:Number(r.avgLatencyMs??0)}}if(a.status==="fulfilled"){const r=a.value;if(Array.isArray(r))this._traces=r.map(s=>this._normalizeTrace(s));else{const s=r,n=Array.isArray(s.traces)?s.traces:Array.isArray(s.deliveries)?s.deliveries:[];this._traces=n.map(o=>this._normalizeTrace(o))}}this._computeLatencyPercentiles(),this._loadState="loaded"}catch{this._loadState="error"}}_normalizeTrace(e){const t=String(e.traceId??`${e.sourceChannelId??"unknown"}-${e.deliveredAt??Date.now()}`),a=Number(e.timestamp??e.deliveredAt??Date.now()),r=String(e.sourceChannelType??e.targetChannelType??e.channelType??"unknown"),s=String(e.metadata?.messagePreview??(typeof e.message=="string"?e.message.slice(0,80):e.messagePreview??"...")),n=e.status==="failed"?"failed":e.status==="timeout"?"timeout":typeof e.success=="boolean"?e.success?"success":"failed":"success",o=e.latencyMs!=null?Number(e.latencyMs):null,v=Array.isArray(e.steps)?e.steps:[];return{traceId:t,timestamp:a,channelType:r,messagePreview:s,status:n,latencyMs:o,stepCount:v.length,steps:v}}_computeLatencyPercentiles(){const e=this._traces.map(t=>t.latencyMs).filter(t=>t!=null).sort((t,a)=>t-a);if(e.length===0){this._latencyPercentiles=null;return}this._latencyPercentiles={p50:e[Math.floor(e.length*.5)],p95:e[Math.floor(e.length*.95)],p99:e[Math.floor(e.length*.99)]}}get _filteredTraces(){let e=this._traces;if(this._searchQuery){const t=this._searchQuery.toLowerCase();e=e.filter(a=>a.messagePreview.toLowerCase().includes(t)||a.channelType.toLowerCase().includes(t))}return this._statusFilter!=="all"&&(e=e.filter(t=>t.status===this._statusFilter)),this._channelFilter!=="all"&&(e=e.filter(t=>t.channelType===this._channelFilter)),e}get _uniqueChannels(){return[...new Set(this._traces.map(e=>e.channelType))].sort()}get _successRate(){if(this._deliveryStats&&this._deliveryStats.total>0)return Math.round(this._deliveryStats.successes/this._deliveryStats.total*100);if(this._traces.length===0)return 0;const e=this._traces.filter(t=>t.status==="success").length;return Math.round(e/this._traces.length*100)}get _channelRates(){const e=new Map;for(const t of this._traces){const a=e.get(t.channelType)??{ok:0,total:0};a.total++,t.status==="success"&&a.ok++,e.set(t.channelType,a)}return[...e.entries()].map(([t,a])=>({channel:t,rate:Math.round(a.ok/a.total*100)})).sort((t,a)=>t.channel.localeCompare(a.channel))}_onTimeRangeChange(e){this._sinceMs=e.detail.sinceMs,this._selectedRange=e.detail.label,this._loadData()}_onSearchInput(e){this._searchQuery=e.target.value}_onStatusFilter(e){this._statusFilter=e.target.value}_onChannelFilter(e){this._channelFilter=e.target.value}_onTraceClick(e){const t=this._traces.find(a=>a.traceId===e.detail);t&&(this._selectedTrace=t,this._detailOpen=!0)}_closeDetail(){this._detailOpen=!1,this._selectedTrace=null}_formatLatency(e,t=!1){if(e==null)return"--";const a=t?"~":"";return e>=1e3?`${a}${(e/1e3).toFixed(1)}s`:`${a}${e}ms`}_rateClass(e){return e>=95?"rate-good":e>=90?"rate-warn":"rate-bad"}_renderStats(){const e=this._successRate,t=this._latencyPercentiles,a=this._traces.length<10,r=this._deliveryStats?.total??this._traces.length;return i`
+      <div class="stats-row">
+        <ic-stat-card
+          label="Success Rate"
+          .value=${`${e}%`}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="P50 Latency"
+          .value=${t?this._formatLatency(t.p50,a):"--"}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="P95 Latency"
+          .value=${t?this._formatLatency(t.p95,a):"--"}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="P99 Latency"
+          .value=${t?this._formatLatency(t.p99,a):"--"}
+        ></ic-stat-card>
+        <ic-stat-card
+          label="Total Deliveries"
+          .value=${this._fmtNum.format(r)}
+        ></ic-stat-card>
+      </div>
+      ${this._channelRates.length>1?i`
+            <div class="channel-rates">
+              ${this._channelRates.map(s=>i`
+                  <span class="channel-rate">
+                    ${s.channel}:
+                    <span class="channel-rate-value ${this._rateClass(s.rate)}">${s.rate}%</span>
+                  </span>
+                `)}
+            </div>
+          `:m}
+    `}_renderFilters(){const e=this._filteredTraces;return i`
+      <div class="filter-row">
+        <input
+          class="filter-input"
+          type="text"
+          placeholder="Search traces..."
+          .value=${this._searchQuery}
+          @input=${this._onSearchInput}
+        />
+        <select class="filter-select" @change=${this._onStatusFilter}>
+          <option value="all">All Status</option>
+          <option value="success" ?selected=${this._statusFilter==="success"}>Success</option>
+          <option value="failed" ?selected=${this._statusFilter==="failed"}>Failed</option>
+          <option value="timeout" ?selected=${this._statusFilter==="timeout"}>Timeout</option>
+        </select>
+        <select class="filter-select" @change=${this._onChannelFilter}>
+          <option value="all">All Channels</option>
+          ${this._uniqueChannels.map(t=>i`<option value=${t} ?selected=${this._channelFilter===t}>${t}</option>`)}
+        </select>
+        <span class="filter-count">Showing ${e.length} of ${this._traces.length} traces</span>
+      </div>
+    `}_renderTraceTable(){const e=this._filteredTraces;return e.length===0?i`<ic-empty-state icon="activity" message="No delivery traces match your filters"></ic-empty-state>`:i`
+      <div class="trace-table" role="table" aria-label="Delivery traces">
+        <div class="table-header" role="row">
+          <div class="cell" role="columnheader">Time</div>
+          <div class="cell" role="columnheader">Channel</div>
+          <div class="cell" role="columnheader">Message</div>
+          <div class="cell" role="columnheader">Status</div>
+          <div class="cell" role="columnheader">Latency</div>
+          <div class="cell" role="columnheader">Steps</div>
+        </div>
+        ${e.map(t=>i`
+            <ic-delivery-row
+              .trace=${t}
+              @trace-click=${this._onTraceClick}
+            ></ic-delivery-row>
+          `)}
+      </div>
+    `}_renderDetailDrawer(){const e=this._selectedTrace;if(!e)return m;const t=e.steps??[],a=new Date(e.timestamp).toLocaleString();return i`
+      <ic-detail-panel
+        ?open=${this._detailOpen}
+        .panelTitle=${"Trace "+e.traceId.slice(0,16)}
+        @close=${this._closeDetail}
+      >
+        <div class="detail-cards">
+          <div class="detail-card">
+            <div class="detail-card-label">Channel</div>
+            <div class="detail-card-value">${e.channelType}</div>
+          </div>
+          <div class="detail-card">
+            <div class="detail-card-label">Status</div>
+            <div class="detail-card-value status-${e.status}">${e.status}</div>
+          </div>
+          <div class="detail-card">
+            <div class="detail-card-label">Latency</div>
+            <div class="detail-card-value">${this._formatLatency(e.latencyMs)}</div>
+          </div>
+          <div class="detail-card">
+            <div class="detail-card-label">Timestamp</div>
+            <div class="detail-card-value">${a}</div>
+          </div>
+        </div>
+
+        <div class="section-title">Execution Timeline</div>
+        ${t.length>0?i`<ic-trace-timeline .steps=${t}></ic-trace-timeline>`:i`<p class="no-steps">No step details available</p>`}
+      </ic-detail-panel>
+    `}render(){return this._loadState==="loading"&&!this.rpcClient?i`<ic-skeleton-view variant="table"></ic-skeleton-view>`:this._loadState==="error"?i`
+        <div class="error-container">
+          <span class="error-message">Failed to load delivery data</span>
+          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
+        </div>
+      `:i`
+      <div class="delivery-view">
+        <div class="header">
+          <span class="header-title">Delivery</span>
+          <ic-time-range-picker
+            .selected=${this._selectedRange}
+            @time-range-change=${this._onTimeRangeChange}
+          ></ic-time-range-picker>
+        </div>
+        ${this._renderStats()}
+        ${this._renderFilters()}
+        ${this._renderTraceTable()}
+        ${this._renderDetailDrawer()}
+      </div>
+    `}};l.styles=[_,x,g`
+      :host { display: block; }
+
+      .delivery-view { padding: 0; }
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: var(--ic-space-lg);
+        flex-wrap: wrap;
+        gap: var(--ic-space-sm);
+      }
+
+      .header-title {
+        font-size: var(--ic-text-base);
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .stats-row {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+        gap: var(--ic-space-md);
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .filter-row {
+        display: flex;
+        gap: var(--ic-space-sm);
+        flex-wrap: wrap;
+        margin-bottom: var(--ic-space-md);
+        align-items: center;
+      }
+
+      .filter-input {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        padding: 0.375rem 0.625rem;
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        min-width: 12rem;
+      }
+
+      .filter-input::placeholder { color: var(--ic-text-dim); }
+      .filter-input:focus-visible { outline: 2px solid var(--ic-accent); outline-offset: 2px; }
+
+      .filter-select {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        padding: 0.375rem 0.625rem;
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        font-family: inherit;
+      }
+
+      .filter-select:focus-visible { outline: 2px solid var(--ic-accent); outline-offset: 2px; }
+
+      .filter-count {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        margin-left: auto;
+      }
+
+      .trace-table {
+        display: grid;
+        grid-template-columns: auto auto 1fr auto auto auto;
+        gap: 0;
+        font-size: var(--ic-text-sm);
+      }
+
+      .table-header {
+        display: contents;
+      }
+
+      .table-header > .cell {
+        font-weight: 600;
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        font-size: var(--ic-text-xs);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .section { margin-bottom: var(--ic-space-xl); }
+
+      .section-title {
+        font-size: var(--ic-text-base);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+        padding: var(--ic-space-lg);
+      }
+
+      /* Detail drawer content */
+      .detail-cards {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-lg);
+      }
+
+      .detail-card {
+        background: var(--ic-surface-2, #1f2937);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+      }
+
+      .detail-card-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+      }
+
+      .detail-card-value {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin-top: 2px;
+      }
+
+      .detail-card-value.status-success { color: var(--ic-success); }
+      .detail-card-value.status-failed { color: var(--ic-error); }
+      .detail-card-value.status-timeout { color: var(--ic-warning); }
+
+      .no-steps {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+        font-style: italic;
+      }
+
+      /* Per-channel success rates */
+      .channel-rates {
+        display: flex;
+        gap: var(--ic-space-md);
+        flex-wrap: wrap;
+        margin-top: var(--ic-space-sm);
+      }
+
+      .channel-rate {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+      }
+
+      .channel-rate-value {
+        font-weight: 600;
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+      }
+
+      .channel-rate-value.rate-good { color: var(--ic-success); }
+      .channel-rate-value.rate-warn { color: var(--ic-warning); }
+      .channel-rate-value.rate-bad { color: var(--ic-error); }
+
+      .error-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.75rem;
+        padding: 3rem;
+      }
+
+      .error-message { color: var(--ic-error); font-size: 0.875rem; }
+
+      .retry-btn {
+        padding: 0.5rem 1rem;
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: 0.375rem;
+        color: var(--ic-text);
+        font-size: 0.8125rem;
+        cursor: pointer;
+        font-family: inherit;
+      }
+
+      .retry-btn:hover { background: var(--ic-surface-alt, #374151); }
+    `];c([p({attribute:!1})],l.prototype,"rpcClient",2);c([d()],l.prototype,"_loadState",2);c([d()],l.prototype,"_sinceMs",2);c([d()],l.prototype,"_selectedRange",2);c([d()],l.prototype,"_searchQuery",2);c([d()],l.prototype,"_statusFilter",2);c([d()],l.prototype,"_channelFilter",2);c([d()],l.prototype,"_deliveryStats",2);c([d()],l.prototype,"_traces",2);c([d()],l.prototype,"_selectedTrace",2);c([d()],l.prototype,"_detailOpen",2);c([d()],l.prototype,"_latencyPercentiles",2);l=c([b("ic-delivery-view")],l);export{l as IcDeliveryView};

package/node_modules/@comis/web/dist/assets/diagnostics-view-YFwCxgr2.js

@@ -0,0 +1,231 @@
+import{a as g,S as m,b as l,A as _,s as f,f as b,i as y,n as u,r as o,t as x}from"./index-CEcM1R_C.js";import{a as d,d as v}from"./observability-types-D7jUtSde.js";import"./ic-time-range-picker-CypCT68y.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-icon-xeGTVhVG.js";var S=Object.defineProperty,C=Object.getOwnPropertyDescriptor,a=(t,e,i,n)=>{for(var r=n>1?void 0:n?C(e,i):e,c=t.length-1,p;c>=0;c--)(p=t[c])&&(r=(n?p(e,i,r):p(r))||r);return n&&r&&S(e,i,r),r};const w=3e4,D=6048e5,h={info:"var(--ic-text-dim)",warn:"var(--ic-warning)",error:"var(--ic-error)"};let s=class extends g{constructor(){super(...arguments),this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this._loadState="loading",this._sinceMs=D,this._selectedRange="7d",this._events=[],this._selectedCategories=new Set,this._selectedSeverities=new Set,this._eventCounts={},this._refreshInterval=null,this._rpcStatusUnsub=null}connectedCallback(){super.connectedCallback(),this._initSse()}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new m(this,this.eventDispatcher,{"observability:reset":()=>{this._scheduleReload()}}))}_scheduleReload(t=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},t)}disconnectedCallback(){super.disconnectedCallback(),this._reloadDebounce!==null&&(clearTimeout(this._reloadDebounce),this._reloadDebounce=null),this._refreshInterval!==null&&(clearInterval(this._refreshInterval),this._refreshInterval=null),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}willUpdate(t){t.has("rpcClient")&&this.rpcClient&&this._tryLoad(),t.has("eventDispatcher")&&this.eventDispatcher&&!this._sse&&this._initSse()}_tryLoad(){if(!this.rpcClient){this._loadState="loaded";return}this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._startLoading():this._rpcStatusUnsub=this.rpcClient.onStatusChange(t=>{t==="connected"&&this._startLoading()})}_startLoading(){this._loadData(),this._refreshInterval===null&&(this._refreshInterval=setInterval(()=>{this._loadData()},w))}async _loadData(){if(!this.rpcClient||this.rpcClient.status!=="connected"){this._loadState="loaded";return}const t=this.rpcClient;try{const e=await t.call("obs.diagnostics",{sinceMs:this._sinceMs,limit:500});if(Array.isArray(e))this._events=e,this._eventCounts=this._computeCounts(e);else{const i=Array.isArray(e.events)?e.events:[];this._events=i,this._eventCounts=e.counts??this._computeCounts(i)}this._loadState="loaded"}catch{this._loadState="error"}}_computeCounts(t){const e={};for(const i of t)e[i.category]=(e[i.category]??0)+1;return e}get _filteredEvents(){let t=this._events;return this._selectedCategories.size>0&&(t=t.filter(e=>this._selectedCategories.has(e.category))),this._selectedSeverities.size>0&&(t=t.filter(e=>this._selectedSeverities.has(d(e)))),t.sort((e,i)=>i.timestamp-e.timestamp)}get _categoryOptions(){return[...new Set(this._events.map(e=>e.category))].sort().map(e=>({value:e,label:`${e} (${this._eventCounts[e]??0})`}))}get _severityOptions(){return[...new Set(this._events.map(e=>d(e)))].sort().map(e=>({value:e,label:e,color:h[e]}))}_onTimeRangeChange(t){this._sinceMs=t.detail.sinceMs,this._selectedRange=t.detail.label,this._loadData()}_onCategoryFilter(t){this._selectedCategories=t.detail.selected}_onSeverityFilter(t){this._selectedSeverities=t.detail.selected}_exportJsonl(){const t=this._filteredEvents;if(t.length===0)return;const e=t.map(c=>JSON.stringify(c)).join(`
+`),i=new Blob([e],{type:"application/jsonl"}),n=URL.createObjectURL(i),r=document.createElement("a");r.href=n,r.download=`diagnostics-${new Date().toISOString().slice(0,10)}.jsonl`,r.click(),URL.revokeObjectURL(n)}_renderFilters(){return l`
+      <div class="filter-section">
+        <div class="filter-group">
+          <span class="filter-label">Category</span>
+          <ic-filter-chips
+            .options=${this._categoryOptions}
+            .selected=${this._selectedCategories}
+            @filter-change=${this._onCategoryFilter}
+          ></ic-filter-chips>
+        </div>
+        <div class="filter-group">
+          <span class="filter-label">Severity</span>
+          <ic-filter-chips
+            .options=${this._severityOptions}
+            .selected=${this._selectedSeverities}
+            @filter-change=${this._onSeverityFilter}
+          ></ic-filter-chips>
+        </div>
+      </div>
+    `}_renderSummary(){const t=this._filteredEvents;return l`
+      <div class="summary-bar">
+        Showing ${t.length} of ${this._events.length} events
+      </div>
+    `}_renderEventTable(){const t=this._filteredEvents;return t.length===0?l`<ic-empty-state icon="activity" message="No diagnostic events match your filters"></ic-empty-state>`:l`
+      <div class="event-table" role="table" aria-label="Diagnostic events">
+        <div class="table-header" role="row">
+          <div class="cell" role="columnheader">Timestamp</div>
+          <div class="cell" role="columnheader">Category</div>
+          <div class="cell" role="columnheader">Message</div>
+          <div class="cell" role="columnheader">Severity</div>
+        </div>
+        ${t.map(e=>l`
+            <div class="event-row" role="row">
+              <div class="cell" role="cell">
+                <ic-relative-time .timestamp=${e.timestamp}></ic-relative-time>
+              </div>
+              <div class="cell" role="cell">
+                <ic-tag>${e.category}</ic-tag>
+              </div>
+              <div class="cell cell-message" role="cell" title=${v(e)}>
+                ${v(e)}
+              </div>
+              <div class="cell" role="cell">
+                <ic-tag
+                  style="--tag-color: ${h[d(e)]??"var(--ic-text-dim)"}"
+                >${d(e)}</ic-tag>
+              </div>
+            </div>
+          `)}
+      </div>
+    `}render(){if(this._loadState==="loading"&&!this.rpcClient)return l`<ic-skeleton-view variant="table"></ic-skeleton-view>`;if(this._loadState==="error")return l`
+        <div class="error-container">
+          <span class="error-message">Failed to load diagnostics data</span>
+          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
+        </div>
+      `;const t=this._filteredEvents;return l`
+      <div class="diagnostics-view">
+        <div class="header">
+          <div class="header-left">
+            <span class="header-title">Diagnostics</span>
+          </div>
+          <div class="header-right">
+            <button
+              class="export-btn"
+              ?disabled=${t.length===0}
+              @click=${this._exportJsonl}
+            >
+              Export JSONL (${t.length} events)
+            </button>
+            <ic-time-range-picker
+              .selected=${this._selectedRange}
+              @time-range-change=${this._onTimeRangeChange}
+            ></ic-time-range-picker>
+          </div>
+        </div>
+        ${this._events.length>0?this._renderFilters():_}
+        ${this._renderSummary()}
+        ${this._renderEventTable()}
+      </div>
+    `}};s.styles=[f,b,y`
+      :host { display: block; }
+
+      .diagnostics-view { padding: 0; }
+
+      .header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: var(--ic-space-lg);
+        flex-wrap: wrap;
+        gap: var(--ic-space-sm);
+      }
+
+      .header-left {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-md);
+      }
+
+      .header-title {
+        font-size: var(--ic-text-base);
+        font-weight: 600;
+        color: var(--ic-text);
+      }
+
+      .header-right {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+      }
+
+      .export-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        padding: 0.375rem 0.75rem;
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        font-family: inherit;
+        transition: background var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .export-btn:hover:not(:disabled) {
+        background: var(--ic-surface-2, #1f2937);
+        border-color: var(--ic-text-dim);
+      }
+
+      .export-btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .export-btn:focus-visible { outline: 2px solid var(--ic-accent); outline-offset: 2px; }
+
+      .filter-section {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .filter-group {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+      }
+
+      .filter-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        min-width: 5rem;
+      }
+
+      .summary-bar {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        margin-bottom: var(--ic-space-md);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+      }
+
+      .event-table {
+        display: grid;
+        grid-template-columns: auto auto 1fr auto;
+        gap: 0;
+        font-size: var(--ic-text-sm);
+      }
+
+      .table-header {
+        display: contents;
+      }
+
+      .table-header > .cell {
+        font-weight: 600;
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        font-size: var(--ic-text-xs);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .event-row {
+        display: contents;
+      }
+
+      .event-row > .cell {
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+        color: var(--ic-text);
+        display: flex;
+        align-items: center;
+      }
+
+      .cell-message {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .error-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 0.75rem;
+        padding: 3rem;
+      }
+
+      .error-message { color: var(--ic-error); font-size: 0.875rem; }
+
+      .retry-btn {
+        padding: 0.5rem 1rem;
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: 0.375rem;
+        color: var(--ic-text);
+        font-size: 0.8125rem;
+        cursor: pointer;
+        font-family: inherit;
+      }
+
+      .retry-btn:hover { background: var(--ic-surface-alt, #374151); }
+    `];a([u({attribute:!1})],s.prototype,"rpcClient",2);a([u({attribute:!1})],s.prototype,"eventDispatcher",2);a([o()],s.prototype,"_loadState",2);a([o()],s.prototype,"_sinceMs",2);a([o()],s.prototype,"_selectedRange",2);a([o()],s.prototype,"_events",2);a([o()],s.prototype,"_selectedCategories",2);a([o()],s.prototype,"_selectedSeverities",2);a([o()],s.prototype,"_eventCounts",2);s=a([x("ic-diagnostics-view")],s);export{s as IcDiagnosticsView};

package/node_modules/@comis/web/dist/assets/directive-DoeGSK_T.js

@@ -0,0 +1 @@
+const s={CHILD:2},$=r=>(...t)=>({_$litDirective$:r,values:t});class _{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}export{$ as e,_ as i,s as t};