comisai 1.0.37 → 1.0.40

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

@@ -1,392 +0,0 @@
-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"./index-8Tg9oc-C.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-empty-state-CM3Wbj2f.js";import"./ic-time-range-picker-DXbYeBmY.js";import"./ic-detail-panel-DiCe4hLr.js";import"./ic-delivery-row-B3YwjjuM.js";function u(e){return e>=1e3?`${(e/1e3).toFixed(1)}s`:`${e}ms`}var d=class extends r{constructor(...e){super(...e),this.steps=[],this.totalDurationMs=0}static{this.styles=[o,n`
-      :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;
-      }
-    `]}_getTotalDuration(){return this.totalDurationMs>0?this.totalDurationMs:this.steps.reduce((e,t)=>e+t.durationMs,0)}render(){if(this.steps.length===0)return t`<div class="empty">No trace steps available</div>`;let e=this._getTotalDuration(),n=0;return t`
-      ${this.steps.map(r=>{let i=e>0?n/e*100:0,a=e>0?r.durationMs/e*100:0;return n+=r.durationMs,t`
-          <div class="step-row">
-            <span class="step-name" title="${r.name}">${r.name}</span>
-            <div class="track">
-              <div
-                class="fill fill--${r.status}"
-                style="left: ${i}%; width: ${a}%;"
-                title="${r.name}: ${u(r.durationMs)}"
-              ></div>
-            </div>
-            <span class="duration">${u(r.durationMs)}</span>
-          </div>
-          ${r.error?t`<div class="error-text">${r.error}</div>`:``}
-        `})}
-    `}};c([s({attribute:!1})],d.prototype,`steps`,void 0),c([s({type:Number})],d.prototype,`totalDurationMs`,void 0),d=c([e(`ic-trace-timeline`)],d);var f=3e4,p=6048e5,m=class extends r{constructor(...e){super(...e),this.rpcClient=null,this._loadState=`loading`,this._sinceMs=p,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`)}static{this.styles=[o,i,n`
-      :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); }
-    `]}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()},f))}async _loadData(){if(!this.rpcClient||this.rpcClient.status!==`connected`){this._loadState=`loaded`;return}let e=this.rpcClient;try{let[t,n]=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`&&n.status===`rejected`)throw t.reason;if(t.status===`fulfilled`){let e=t.value;this._deliveryStats={total:Number(e.totalDelivered??e.total??0),successes:Number(e.successes??Math.round(Number(e.totalDelivered??0)*Number(e.successRate??0)/100)),failures:Number(e.failed??e.failures??0),avgLatencyMs:Number(e.avgLatencyMs??0)}}if(n.status===`fulfilled`){let e=n.value;if(Array.isArray(e))this._traces=e.map(e=>this._normalizeTrace(e));else{let t=e,n=Array.isArray(t.traces)?t.traces:Array.isArray(t.deliveries)?t.deliveries:[];this._traces=n.map(e=>this._normalizeTrace(e))}}this._computeLatencyPercentiles(),this._loadState=`loaded`}catch{this._loadState=`error`}}_normalizeTrace(e){let t=String(e.traceId??`${e.sourceChannelId??`unknown`}-${e.deliveredAt??Date.now()}`),n=Number(e.timestamp??e.deliveredAt??Date.now()),r=String(e.sourceChannelType??e.targetChannelType??e.channelType??`unknown`),i=String(e.metadata?.messagePreview??(typeof e.message==`string`?e.message.slice(0,80):e.messagePreview??`...`)),a=e.status===`failed`?`failed`:e.status===`timeout`?`timeout`:typeof e.success==`boolean`?e.success?`success`:`failed`:`success`,o=e.latencyMs==null?null:Number(e.latencyMs),s=Array.isArray(e.steps)?e.steps:[];return{traceId:t,timestamp:n,channelType:r,messagePreview:i,status:a,latencyMs:o,stepCount:s.length,steps:s}}_computeLatencyPercentiles(){let e=this._traces.map(e=>e.latencyMs).filter(e=>e!=null).sort((e,t)=>e-t);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){let t=this._searchQuery.toLowerCase();e=e.filter(e=>e.messagePreview.toLowerCase().includes(t)||e.channelType.toLowerCase().includes(t))}return this._statusFilter!==`all`&&(e=e.filter(e=>e.status===this._statusFilter)),this._channelFilter!==`all`&&(e=e.filter(e=>e.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;let e=this._traces.filter(e=>e.status===`success`).length;return Math.round(e/this._traces.length*100)}get _channelRates(){let e=new Map;for(let t of this._traces){let n=e.get(t.channelType)??{ok:0,total:0};n.total++,t.status===`success`&&n.ok++,e.set(t.channelType,n)}return[...e.entries()].map(([e,t])=>({channel:e,rate:Math.round(t.ok/t.total*100)})).sort((e,t)=>e.channel.localeCompare(t.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){let t=this._traces.find(t=>t.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`--`;let n=t?`~`:``;return e>=1e3?`${n}${(e/1e3).toFixed(1)}s`:`${n}${e}ms`}_rateClass(e){return e>=95?`rate-good`:e>=90?`rate-warn`:`rate-bad`}_renderStats(){let e=this._successRate,n=this._latencyPercentiles,r=this._traces.length<10,i=this._deliveryStats?.total??this._traces.length;return t`
-      <div class="stats-row">
-        <ic-stat-card
-          label="Success Rate"
-          .value=${`${e}%`}
-        ></ic-stat-card>
-        <ic-stat-card
-          label="P50 Latency"
-          .value=${n?this._formatLatency(n.p50,r):`--`}
-        ></ic-stat-card>
-        <ic-stat-card
-          label="P95 Latency"
-          .value=${n?this._formatLatency(n.p95,r):`--`}
-        ></ic-stat-card>
-        <ic-stat-card
-          label="P99 Latency"
-          .value=${n?this._formatLatency(n.p99,r):`--`}
-        ></ic-stat-card>
-        <ic-stat-card
-          label="Total Deliveries"
-          .value=${this._fmtNum.format(i)}
-        ></ic-stat-card>
-      </div>
-      ${this._channelRates.length>1?t`
-            <div class="channel-rates">
-              ${this._channelRates.map(e=>t`
-                  <span class="channel-rate">
-                    ${e.channel}:
-                    <span class="channel-rate-value ${this._rateClass(e.rate)}">${e.rate}%</span>
-                  </span>
-                `)}
-            </div>
-          `:l}
-    `}_renderFilters(){let e=this._filteredTraces;return t`
-      <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(e=>t`<option value=${e} ?selected=${this._channelFilter===e}>${e}</option>`)}
-        </select>
-        <span class="filter-count">Showing ${e.length} of ${this._traces.length} traces</span>
-      </div>
-    `}_renderTraceTable(){let e=this._filteredTraces;return e.length===0?t`<ic-empty-state icon="activity" message="No delivery traces match your filters"></ic-empty-state>`:t`
-      <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(e=>t`
-            <ic-delivery-row
-              .trace=${e}
-              @trace-click=${this._onTraceClick}
-            ></ic-delivery-row>
-          `)}
-      </div>
-    `}_renderDetailDrawer(){let e=this._selectedTrace;if(!e)return l;let n=e.steps??[],r=new Date(e.timestamp).toLocaleString();return t`
-      <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">${r}</div>
-          </div>
-        </div>
-
-        <div class="section-title">Execution Timeline</div>
-        ${n.length>0?t`<ic-trace-timeline .steps=${n}></ic-trace-timeline>`:t`<p class="no-steps">No step details available</p>`}
-      </ic-detail-panel>
-    `}render(){return this._loadState===`loading`&&!this.rpcClient?t`<ic-skeleton-view variant="table"></ic-skeleton-view>`:this._loadState===`error`?t`
-        <div class="error-container">
-          <span class="error-message">Failed to load delivery data</span>
-          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
-        </div>
-      `:t`
-      <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>
-    `}};c([s({attribute:!1})],m.prototype,`rpcClient`,void 0),c([a()],m.prototype,`_loadState`,void 0),c([a()],m.prototype,`_sinceMs`,void 0),c([a()],m.prototype,`_selectedRange`,void 0),c([a()],m.prototype,`_searchQuery`,void 0),c([a()],m.prototype,`_statusFilter`,void 0),c([a()],m.prototype,`_channelFilter`,void 0),c([a()],m.prototype,`_deliveryStats`,void 0),c([a()],m.prototype,`_traces`,void 0),c([a()],m.prototype,`_selectedTrace`,void 0),c([a()],m.prototype,`_detailOpen`,void 0),c([a()],m.prototype,`_latencyPercentiles`,void 0),m=c([e(`ic-delivery-view`)],m);export{m as IcDeliveryView};

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

@@ -1,231 +0,0 @@
-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{n as u,t as d}from"./observability-types-D0tkwElU.js";import{i as f}from"./index-8Tg9oc-C.js";import"./ic-tag-CvMVQFRR.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-empty-state-CM3Wbj2f.js";import"./ic-time-range-picker-DXbYeBmY.js";var p=3e4,m=6048e5,h={info:`var(--ic-text-dim)`,warn:`var(--ic-warning)`,error:`var(--ic-error)`},g=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.eventDispatcher=null,this._sse=null,this._reloadDebounce=null,this._loadState=`loading`,this._sinceMs=m,this._selectedRange=`7d`,this._events=[],this._selectedCategories=new Set,this._selectedSeverities=new Set,this._eventCounts={},this._refreshInterval=null,this._rpcStatusUnsub=null}static{this.styles=[o,i,n`
-      :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); }
-    `]}connectedCallback(){super.connectedCallback(),this._initSse()}_initSse(){!this.eventDispatcher||this._sse||(this._sse=new f(this,this.eventDispatcher,{"observability:reset":()=>{this._scheduleReload()}}))}_scheduleReload(e=300){this._reloadDebounce!==null&&clearTimeout(this._reloadDebounce),this._reloadDebounce=setTimeout(()=>{this._reloadDebounce=null,this._loadData()},e)}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(e){e.has(`rpcClient`)&&this.rpcClient&&this._tryLoad(),e.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(e=>{e===`connected`&&this._startLoading()})}_startLoading(){this._loadData(),this._refreshInterval===null&&(this._refreshInterval=setInterval(()=>{this._loadData()},p))}async _loadData(){if(!this.rpcClient||this.rpcClient.status!==`connected`){this._loadState=`loaded`;return}let e=this.rpcClient;try{let t=await e.call(`obs.diagnostics`,{sinceMs:this._sinceMs,limit:500});if(Array.isArray(t))this._events=t,this._eventCounts=this._computeCounts(t);else{let e=Array.isArray(t.events)?t.events:[];this._events=e,this._eventCounts=t.counts??this._computeCounts(e)}this._loadState=`loaded`}catch{this._loadState=`error`}}_computeCounts(e){let t={};for(let n of e)t[n.category]=(t[n.category]??0)+1;return t}get _filteredEvents(){let e=this._events;return this._selectedCategories.size>0&&(e=e.filter(e=>this._selectedCategories.has(e.category))),this._selectedSeverities.size>0&&(e=e.filter(e=>this._selectedSeverities.has(d(e)))),e.sort((e,t)=>t.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(e){this._sinceMs=e.detail.sinceMs,this._selectedRange=e.detail.label,this._loadData()}_onCategoryFilter(e){this._selectedCategories=e.detail.selected}_onSeverityFilter(e){this._selectedSeverities=e.detail.selected}_exportJsonl(){let e=this._filteredEvents;if(e.length===0)return;let t=e.map(e=>JSON.stringify(e)).join(`
-`),n=new Blob([t],{type:`application/jsonl`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=`diagnostics-${new Date().toISOString().slice(0,10)}.jsonl`,i.click(),URL.revokeObjectURL(r)}_renderFilters(){return t`
-      <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(){return t`
-      <div class="summary-bar">
-        Showing ${this._filteredEvents.length} of ${this._events.length} events
-      </div>
-    `}_renderEventTable(){let e=this._filteredEvents;return e.length===0?t`<ic-empty-state icon="activity" message="No diagnostic events match your filters"></ic-empty-state>`:t`
-      <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>
-        ${e.map(e=>t`
-            <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=${u(e)}>
-                ${u(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 t`<ic-skeleton-view variant="table"></ic-skeleton-view>`;if(this._loadState===`error`)return t`
-        <div class="error-container">
-          <span class="error-message">Failed to load diagnostics data</span>
-          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
-        </div>
-      `;let e=this._filteredEvents;return t`
-      <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=${e.length===0}
-              @click=${this._exportJsonl}
-            >
-              Export JSONL (${e.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():l}
-        ${this._renderSummary()}
-        ${this._renderEventTable()}
-      </div>
-    `}};c([s({attribute:!1})],g.prototype,`rpcClient`,void 0),c([s({attribute:!1})],g.prototype,`eventDispatcher`,void 0),c([a()],g.prototype,`_loadState`,void 0),c([a()],g.prototype,`_sinceMs`,void 0),c([a()],g.prototype,`_selectedRange`,void 0),c([a()],g.prototype,`_events`,void 0),c([a()],g.prototype,`_selectedCategories`,void 0),c([a()],g.prototype,`_selectedSeverities`,void 0),c([a()],g.prototype,`_eventCounts`,void 0),g=c([e(`ic-diagnostics-view`)],g);export{g as IcDiagnosticsView};