comisai 1.0.23 → 1.0.25

package/node_modules/@comis/web/dist/assets/{delivery-view-OfBZof-m.js → delivery-view-BCnkPsAp.js}

@@ -1,19 +1,4 @@
-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`
+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-FLPhHz8p.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;
       }
@@ -80,125 +65,22 @@ 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"./ind
         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>
-                `)}
+    `]}_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>
-          `: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>
+            <span class="duration">${u(r.durationMs)}</span>
           </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`
+          ${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; }
@@ -389,4 +271,122 @@ 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"./ind
       }
 
       .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};
+    `]}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-YFwCxgr2.js → diagnostics-view-C_jQFG2H.js}

@@ -1,84 +1,4 @@
-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`
+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-FLPhHz8p.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; }
@@ -228,4 +148,84 @@ 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}fro
       }
 
       .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};
+    `]}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};

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

@@ -0,0 +1 @@
+var e={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},t=e=>(...t)=>({_$litDirective$:e,values:t}),n=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,n){this._$Ct=e,this._$AM=t,this._$Ci=n}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}};export{n,e as r,t};

package/node_modules/@comis/web/dist/assets/{extract-variables-BM5qyK-s.js → extract-variables-B7-Doo7l.js}

@@ -1,41 +1,4 @@
-import{s as p,f as v,i as f,n as d,r as b,a as h,A as m,b as u,t as g}from"./index-CEcM1R_C.js";var x=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(t,e,i,a)=>{for(var r=a>1?void 0:a?y(e,i):e,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(e,i,r):l(r))||r);return a&&r&&x(e,i,r),r};let s=class extends h{constructor(){super(...arguments),this.open=!1,this.variables=[],this.pipelineLabel="",this._values={},this._onKeyDown=t=>{if(t.key==="Escape"){t.preventDefault(),this._fireCancel();return}if(t.key==="Tab"){const e=this.shadowRoot?.querySelectorAll("input:not([disabled]), button:not([disabled])");if(!e||e.length===0)return;const i=e[0],a=e[e.length-1],r=this.shadowRoot?.activeElement;t.shiftKey&&r===i?(t.preventDefault(),a.focus()):!t.shiftKey&&r===a&&(t.preventDefault(),i.focus())}}}updated(t){if(t.has("open")&&this.open){this._values={};for(const e of this.variables)this._values[e]="";this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".field-input")?.focus()})}}_onBackdropClick(t){t.target.classList.contains("backdrop")&&this._fireCancel()}_onInput(t,e){const i=e.target.value;this._values={...this._values,[t]:i}}_fireConfirm(){const t={};for(const[e,i]of Object.entries(this._values))t[e]=i.trim();this.dispatchEvent(new CustomEvent("confirm",{detail:{values:t}}))}_fireCancel(){this.dispatchEvent(new CustomEvent("cancel"))}get _allFilled(){return this.variables.every(t=>(this._values[t]??"").trim().length>0)}render(){if(!this.open)return m;const t=this.pipelineLabel?`Run: ${this.pipelineLabel}`:"Run Pipeline";return u`
-      <div
-        class="backdrop"
-        @click=${this._onBackdropClick}
-        @keydown=${this._onKeyDown}
-      >
-        <div
-          class="dialog"
-          role="dialog"
-          aria-modal="true"
-          aria-labelledby="variable-prompt-title"
-        >
-          <h2 class="title" id="variable-prompt-title">${t}</h2>
-          ${this.variables.map(e=>u`
-              <div class="field">
-                <label class="field-label">${e}</label>
-                <input
-                  class="field-input"
-                  type="text"
-                  placeholder="Enter value..."
-                  .value=${this._values[e]??""}
-                  @input=${i=>this._onInput(e,i)}
-                />
-              </div>
-            `)}
-          <div class="buttons">
-            <button class="cancel-btn" @click=${this._fireCancel}>Cancel</button>
-            <button
-              class="run-btn"
-              ?disabled=${!this._allFilled}
-              @click=${this._fireConfirm}
-            >
-              Run
-            </button>
-          </div>
-        </div>
-      </div>
-    `}};s.styles=[p,v,f`
+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";var u=class extends r{constructor(...e){super(...e),this.open=!1,this.variables=[],this.pipelineLabel=``,this._values={},this._onKeyDown=e=>{if(e.key===`Escape`){e.preventDefault(),this._fireCancel();return}if(e.key===`Tab`){let t=this.shadowRoot?.querySelectorAll(`input:not([disabled]), button:not([disabled])`);if(!t||t.length===0)return;let n=t[0],r=t[t.length-1],i=this.shadowRoot?.activeElement;e.shiftKey&&i===n?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}}}static{this.styles=[o,i,n`
       :host {
         display: contents;
       }
@@ -146,4 +109,41 @@ import{s as p,f as v,i as f,n as d,r as b,a as h,A as m,b as u,t as g}from"./ind
       .run-btn:disabled:hover {
         background: var(--ic-accent);
       }
-    `];o([d({type:Boolean,reflect:!0})],s.prototype,"open",2);o([d({type:Array})],s.prototype,"variables",2);o([d()],s.prototype,"pipelineLabel",2);o([b()],s.prototype,"_values",2);s=o([g("ic-variable-prompt")],s);const c=/\$\{([A-Za-z_][A-Za-z0-9_]*)\}/g;function w(t){const e=new Set;for(const i of t){let a;for(c.lastIndex=0;(a=c.exec(i))!==null;)e.add(a[1])}return[...e].sort()}function k(t,e){return t.replace(c,(i,a)=>a in e?e[a]:i)}export{w as e,k as s};
+    `]}updated(e){if(e.has(`open`)&&this.open){this._values={};for(let e of this.variables)this._values[e]=``;this.updateComplete.then(()=>{(this.shadowRoot?.querySelector(`.field-input`))?.focus()})}}_onBackdropClick(e){e.target.classList.contains(`backdrop`)&&this._fireCancel()}_onInput(e,t){let n=t.target.value;this._values={...this._values,[e]:n}}_fireConfirm(){let e={};for(let[t,n]of Object.entries(this._values))e[t]=n.trim();this.dispatchEvent(new CustomEvent(`confirm`,{detail:{values:e}}))}_fireCancel(){this.dispatchEvent(new CustomEvent(`cancel`))}get _allFilled(){return this.variables.every(e=>(this._values[e]??``).trim().length>0)}render(){if(!this.open)return l;let e=this.pipelineLabel?`Run: ${this.pipelineLabel}`:`Run Pipeline`;return t`
+      <div
+        class="backdrop"
+        @click=${this._onBackdropClick}
+        @keydown=${this._onKeyDown}
+      >
+        <div
+          class="dialog"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="variable-prompt-title"
+        >
+          <h2 class="title" id="variable-prompt-title">${e}</h2>
+          ${this.variables.map(e=>t`
+              <div class="field">
+                <label class="field-label">${e}</label>
+                <input
+                  class="field-input"
+                  type="text"
+                  placeholder="Enter value..."
+                  .value=${this._values[e]??``}
+                  @input=${t=>this._onInput(e,t)}
+                />
+              </div>
+            `)}
+          <div class="buttons">
+            <button class="cancel-btn" @click=${this._fireCancel}>Cancel</button>
+            <button
+              class="run-btn"
+              ?disabled=${!this._allFilled}
+              @click=${this._fireConfirm}
+            >
+              Run
+            </button>
+          </div>
+        </div>
+      </div>
+    `}};c([s({type:Boolean,reflect:!0})],u.prototype,`open`,void 0),c([s({type:Array})],u.prototype,`variables`,void 0),c([s()],u.prototype,`pipelineLabel`,void 0),c([a()],u.prototype,`_values`,void 0),u=c([e(`ic-variable-prompt`)],u);var d=/\$\{([A-Za-z_][A-Za-z0-9_]*)\}/g;function f(e){let t=new Set;for(let n of e){let e;for(d.lastIndex=0;(e=d.exec(n))!==null;)t.add(e[1])}return[...t].sort()}function p(e,t){return e.replace(d,(e,n)=>n in t?t[n]:e)}export{p as n,f as t};