comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/ic-data-table-CKUNTxHw.js

@@ -0,0 +1,277 @@
+import{s as _,f as x,i as y,n as c,r as g,a as f,b as d,A as p,t as m}from"./index-CEcM1R_C.js";var w=Object.defineProperty,k=Object.getOwnPropertyDescriptor,n=(t,e,r,s)=>{for(var a=s>1?void 0:s?k(e,r):e,i=t.length-1,h;i>=0;i--)(h=t[i])&&(a=(s?h(e,r,a):h(a))||a);return s&&a&&w(e,r,a),a};let o=class extends f{constructor(){super(...arguments),this.columns=[],this.rows=[],this.pageSize=25,this.selectable=!1,this.emptyMessage="No data",this.resizable=!1,this.expandable=!1,this.expandRenderer=null,this._sortKey="",this._sortDir="asc",this._page=0,this._selectedIds=new Set,this._columnWidths=new Map,this._expandedIds=new Set,this._resizing=null,this._boundPointerMove=this._handlePointerMove.bind(this),this._boundPointerUp=this._handlePointerUp.bind(this)}_getRowId(t){if(this.columns.length===0)return"";const e=this.columns[0].key;return String(t[e]??"")}_getCellValue(t,e){return t[e]}_getSortedRows(){const t=[...this.rows];return this._sortKey?t.sort((e,r)=>{const s=this._getCellValue(e,this._sortKey),a=this._getCellValue(r,this._sortKey);let i;return typeof s=="number"&&typeof a=="number"?i=s-a:i=String(s??"").localeCompare(String(a??"")),this._sortDir==="asc"?i:-i}):t}_getPagedRows(){const t=this._getSortedRows(),e=this._page*this.pageSize;return t.slice(e,e+this.pageSize)}_getTotalPages(){return Math.max(1,Math.ceil(this.rows.length/this.pageSize))}_handleSort(t){t.sortable&&(this._sortKey===t.key?this._sortDir=this._sortDir==="asc"?"desc":"asc":(this._sortKey=t.key,this._sortDir="asc"))}_handleRowClick(t,e){const r=e.target.tagName;r==="INPUT"||r==="BUTTON"||this.dispatchEvent(new CustomEvent("row-click",{detail:t,bubbles:!0}))}_handleRowKeydown(t,e){if(e.key==="Enter"||e.key===" ")e.preventDefault(),this.dispatchEvent(new CustomEvent("row-click",{detail:t,bubbles:!0}));else if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault();const r=e.currentTarget,s=e.key==="ArrowDown"?r.nextElementSibling:r.previousElementSibling;s?.classList.contains("grid-row")&&s.focus()}}_handleCheckboxChange(t,e){e.stopPropagation();const r=this._getRowId(t),s=new Set(this._selectedIds);s.has(r)?s.delete(r):s.add(r),this._selectedIds=s,this.dispatchEvent(new CustomEvent("selection-change",{detail:[...this._selectedIds],bubbles:!0}))}_handleSelectAll(t){t.stopPropagation();const e=this._getPagedRows(),r=e.every(a=>this._selectedIds.has(this._getRowId(a))),s=new Set(this._selectedIds);if(r)for(const a of e)s.delete(this._getRowId(a));else for(const a of e)s.add(this._getRowId(a));this._selectedIds=s,this.dispatchEvent(new CustomEvent("selection-change",{detail:[...this._selectedIds],bubbles:!0}))}_handlePrev(){this._page>0&&this._page--}_handleNext(){this._page<this._getTotalPages()-1&&this._page++}_sortArrowClass(t){return this._sortKey===t.key?"sort-indicator sorted":"sort-indicator"}_sortArrow(t){return this._sortKey!==t.key?"":this._sortDir==="asc"?"▲":"▼"}_handleResizeStart(t,e){e.preventDefault(),e.stopPropagation();const r=e.target.parentElement,s=this._columnWidths.get(t.key)??r.offsetWidth;this._resizing={key:t.key,startX:e.clientX,startWidth:s},document.addEventListener("pointermove",this._boundPointerMove),document.addEventListener("pointerup",this._boundPointerUp)}_handlePointerMove(t){if(!this._resizing)return;const e=t.clientX-this._resizing.startX,r=Math.max(50,this._resizing.startWidth+e),s=new Map(this._columnWidths);s.set(this._resizing.key,r),this._columnWidths=s}_handlePointerUp(){this._resizing=null,document.removeEventListener("pointermove",this._boundPointerMove),document.removeEventListener("pointerup",this._boundPointerUp)}_toggleExpand(t,e){e.stopPropagation();const r=this._getRowId(t),s=new Set(this._expandedIds);s.has(r)?s.delete(r):s.add(r),this._expandedIds=s}_getColumnStyle(t){const e=this._columnWidths.get(t.key);return e?`width: ${e}px; flex: none;`:""}render(){if(this.rows.length===0)return d`
+        <div class="table-container">
+          <div class="empty-message">${this.emptyMessage}</div>
+        </div>
+      `;const t=this._getPagedRows(),e=this._getTotalPages(),r=this._page*this.pageSize+1,s=Math.min(r+this.pageSize-1,this.rows.length),a=t.length>0&&t.every(i=>this._selectedIds.has(this._getRowId(i)));return d`
+      <div class="table-container">
+        <div class="table-wrapper">
+          <div role="grid">
+            <div class="grid-header" role="row">
+              ${this.expandable?d`<div class="expand-cell header-cell" role="columnheader"></div>`:p}
+              ${this.selectable?d`
+                    <div class="checkbox-cell header-cell" role="columnheader">
+                      <input
+                        type="checkbox"
+                        .checked=${a}
+                        @change=${this._handleSelectAll}
+                        aria-label="Select all rows"
+                      />
+                    </div>
+                  `:p}
+              ${this.columns.map(i=>d`
+                  <div
+                    class="header-cell ${i.sortable?"sortable":""} ${this._sortKey===i.key?"sorted":""}"
+                    role="columnheader"
+                    aria-sort=${this._sortKey===i.key?this._sortDir==="asc"?"ascending":"descending":"none"}
+                    style=${this._getColumnStyle(i)}
+                    @click=${()=>this._handleSort(i)}
+                  >
+                    ${i.label}
+                    <span class=${this._sortArrowClass(i)}>${this._sortArrow(i)}</span>
+                    ${this.resizable?d`<div class="resize-handle" @pointerdown=${h=>this._handleResizeStart(i,h)}></div>`:p}
+                  </div>
+                `)}
+            </div>
+            ${t.map(i=>{const h=this._getRowId(i),u=this._expandedIds.has(h);return d`
+                  <div class="grid-row focusable" role="row" tabindex="0"
+                  @click=${l=>this._handleRowClick(i,l)}
+                  @keydown=${l=>this._handleRowKeydown(i,l)}>
+                    ${this.expandable?d`
+                          <div class="expand-cell cell" role="cell">
+                            <button
+                              class="expand-btn ${u?"expand-btn--open":""}"
+                              aria-expanded=${u?"true":"false"}
+                              aria-label=${u?"Collapse row":"Expand row"}
+                              @click=${l=>this._toggleExpand(i,l)}
+                            >\u25B6</button>
+                          </div>
+                        `:p}
+                    ${this.selectable?d`
+                          <div class="checkbox-cell cell" role="cell">
+                            <input
+                              type="checkbox"
+                              .checked=${this._selectedIds.has(this._getRowId(i))}
+                              @change=${l=>this._handleCheckboxChange(i,l)}
+                              aria-label="Select row"
+                            />
+                          </div>
+                        `:p}
+                    ${this.columns.map(l=>{const v=this._getCellValue(i,l.key),b=l.render?l.render(v,i):v;return d`<div class="cell" role="cell" style=${this._getColumnStyle(l)}>${b}</div>`})}
+                  </div>
+                  ${u&&this.expandRenderer?d`<div class="expanded-content" role="region" aria-label="Row details">${this.expandRenderer(i)}</div>`:p}
+                `})}
+          </div>
+        </div>
+        <div class="pagination">
+          <span class="pagination-info">${r}-${s} of ${this.rows.length}</span>
+          <div class="pagination-controls">
+            <button
+              class="page-btn"
+              ?disabled=${this._page===0}
+              @click=${this._handlePrev}
+              aria-label="Previous page"
+            >
+              Prev
+            </button>
+            <button
+              class="page-btn"
+              ?disabled=${this._page>=e-1}
+              @click=${this._handleNext}
+              aria-label="Next page"
+            >
+              Next
+            </button>
+          </div>
+        </div>
+      </div>
+    `}};o.styles=[_,x,y`
+      :host {
+        display: block;
+      }
+
+      .table-container {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+        overflow: hidden;
+      }
+
+      .table-wrapper {
+        overflow-x: auto;
+        overflow-y: auto;
+        max-height: var(--table-max-height, none);
+      }
+
+      .grid-header {
+        display: flex;
+        background: var(--ic-bg);
+        position: sticky;
+        top: 0;
+        z-index: 1;
+      }
+
+      .header-cell {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        text-transform: uppercase;
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-muted);
+        letter-spacing: 0.05em;
+        font-weight: 600;
+        text-align: left;
+        white-space: nowrap;
+        user-select: none;
+        flex: 1;
+        min-width: 0;
+        position: relative;
+      }
+
+      .header-cell.sortable {
+        cursor: pointer;
+      }
+
+      .header-cell.sortable:hover {
+        color: var(--ic-text);
+      }
+
+      .header-cell.sorted {
+        color: var(--ic-accent);
+      }
+
+      .sort-indicator {
+        display: inline-block;
+        margin-left: 4px;
+        font-size: 10px;
+      }
+
+      .grid-row {
+        display: flex;
+        border-top: 1px solid var(--ic-border);
+        cursor: pointer;
+        transition: background var(--ic-transition);
+      }
+
+      .grid-row:hover {
+        background: var(--ic-surface-2);
+      }
+
+      .cell {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        flex: 1;
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .checkbox-cell {
+        width: 40px;
+        flex: none;
+        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .expand-cell {
+        width: 36px;
+        flex: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .expand-btn {
+        background: none;
+        border: none;
+        color: var(--ic-text-dim);
+        cursor: pointer;
+        padding: 4px;
+        font-size: 12px;
+        transition: transform 0.15s;
+        line-height: 1;
+      }
+
+      .expand-btn:hover {
+        color: var(--ic-text);
+      }
+
+      .expand-btn--open {
+        transform: rotate(90deg);
+      }
+
+      .expanded-content {
+        border-top: 1px solid var(--ic-border);
+        padding: var(--ic-space-md);
+        background: var(--ic-bg);
+        font-size: var(--ic-text-sm);
+      }
+
+      input[type="checkbox"] {
+        accent-color: var(--ic-accent);
+        cursor: pointer;
+      }
+
+      /* Resize handle */
+      .resize-handle {
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        width: 4px;
+        cursor: col-resize;
+        background: transparent;
+        z-index: 2;
+      }
+
+      .resize-handle:hover {
+        background: var(--ic-border);
+      }
+
+      .pagination {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-top: 1px solid var(--ic-border);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+      }
+
+      .pagination-info {
+        font-size: var(--ic-text-xs);
+      }
+
+      .pagination-controls {
+        display: flex;
+        gap: var(--ic-space-sm);
+      }
+
+      .page-btn {
+        background: transparent;
+        border: none;
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        border-radius: var(--ic-radius-sm);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+        transition: color var(--ic-transition);
+      }
+
+      .page-btn:hover:not(:disabled) {
+        color: var(--ic-text);
+      }
+
+      .page-btn:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+
+      .empty-message {
+        padding: var(--ic-space-xl);
+        text-align: center;
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-sm);
+      }
+    `];n([c({type:Array})],o.prototype,"columns",2);n([c({type:Array})],o.prototype,"rows",2);n([c({type:Number})],o.prototype,"pageSize",2);n([c({type:Boolean})],o.prototype,"selectable",2);n([c()],o.prototype,"emptyMessage",2);n([c({type:Boolean})],o.prototype,"resizable",2);n([c({type:Boolean})],o.prototype,"expandable",2);n([c({attribute:!1})],o.prototype,"expandRenderer",2);n([g()],o.prototype,"_sortKey",2);n([g()],o.prototype,"_sortDir",2);n([g()],o.prototype,"_page",2);n([g()],o.prototype,"_selectedIds",2);n([g()],o.prototype,"_columnWidths",2);n([g()],o.prototype,"_expandedIds",2);o=n([m("ic-data-table")],o);

package/node_modules/@comis/web/dist/assets/ic-delivery-row-GP5Fkygs.js

@@ -0,0 +1,67 @@
+import{w as o,s as u,f as p,i as h,n as m,a as f,A as n,b as d,t as w}from"./index-CEcM1R_C.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,v=(e,t,r,l)=>{for(var s=l>1?void 0:l?k(t,r):t,c=e.length-1,a;c>=0;c--)(a=e[c])&&(s=(l?a(t,r,s):a(s))||s);return l&&s&&y(t,r,s),s};const g=o`<path d="M20 6L9 17l-5-5" stroke="var(--ic-success)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`,b=o`<path d="M18 6L6 18M6 6l12 12" stroke="var(--ic-error)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`,_=o`<circle cx="12" cy="12" r="10" stroke="var(--ic-warning)" stroke-width="2" fill="none"/><path d="M12 6v6l4 2" stroke="var(--ic-warning)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>`;let i=class extends f{constructor(){super(...arguments),this.trace=null}_handleClick(){this.trace&&this.dispatchEvent(new CustomEvent("trace-click",{detail:this.trace.traceId,bubbles:!0,composed:!0}))}_handleKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._handleClick())}_renderStatusIcon(){if(!this.trace)return n;const t={success:{icon:g,label:"Success"},failed:{icon:b,label:"Failed"},timeout:{icon:_,label:"Timeout"}}[this.trace.status];return t?d`
+      <svg
+        class="status-icon"
+        viewBox="0 0 24 24"
+        aria-label=${t.label}
+        role="img"
+      >${t.icon}</svg>
+    `:n}render(){if(!this.trace)return n;const e=this.trace,t=e.messagePreview.length>40?e.messagePreview.slice(0,40)+"...":e.messagePreview,r=e.latencyMs!=null?`${e.latencyMs}ms`:"--";return d`
+      <div
+        class="row"
+        role="row"
+        tabindex="0"
+        @click=${this._handleClick}
+        @keydown=${this._handleKeyDown}
+      >
+        <div class="cell" role="cell">
+          <ic-relative-time .timestamp=${e.timestamp}></ic-relative-time>
+        </div>
+        <div class="cell" role="cell">
+          <ic-tag variant=${e.channelType}>${e.channelType}</ic-tag>
+        </div>
+        <div class="cell cell-message" role="cell">${t}</div>
+        <div class="cell" role="cell">${this._renderStatusIcon()}</div>
+        <div class="cell cell-latency" role="cell">${r}</div>
+        <div class="cell" role="cell">${e.stepCount}</div>
+      </div>
+    `}};i.styles=[u,p,h`
+      :host {
+        display: contents;
+      }
+
+      .row {
+        display: contents;
+        cursor: pointer;
+      }
+
+      .row:hover .cell {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .cell {
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        display: flex;
+        align-items: center;
+        font-size: var(--ic-text-sm);
+        border-bottom: 1px solid var(--ic-border);
+        transition: background var(--ic-transition);
+      }
+
+      .cell-message {
+        color: var(--ic-text-dim);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 20rem;
+      }
+
+      .cell-latency {
+        font-family: var(--ic-font-mono, ui-monospace, monospace);
+      }
+
+      .status-icon {
+        width: 20px;
+        height: 20px;
+        flex-shrink: 0;
+      }
+    `];v([m({attribute:!1})],i.prototype,"trace",2);i=v([w("ic-delivery-row")],i);

package/node_modules/@comis/web/dist/assets/ic-detail-panel-BF83r-if.js

@@ -0,0 +1,116 @@
+import{s as c,f as p,i as h,n as d,a as v,A as f,b as u,t as b}from"./index-CEcM1R_C.js";var y=Object.defineProperty,m=Object.getOwnPropertyDescriptor,a=(e,t,r,i)=>{for(var n=i>1?void 0:i?m(t,r):t,l=e.length-1,s;l>=0;l--)(s=e[l])&&(n=(i?s(t,r,n):s(n))||n);return i&&n&&y(t,r,n),n};let o=class extends v{constructor(){super(...arguments),this.open=!1,this.panelTitle="Detail",this.width="min(32rem, 90vw)",this._boundKeyHandler=null}updated(e){e.has("open")&&(this.open?(this._boundKeyHandler=t=>this._handleKeyDown(t),document.addEventListener("keydown",this._boundKeyHandler),this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".close-btn")?.focus()})):this._boundKeyHandler&&(document.removeEventListener("keydown",this._boundKeyHandler),this._boundKeyHandler=null))}disconnectedCallback(){super.disconnectedCallback(),this._boundKeyHandler&&(document.removeEventListener("keydown",this._boundKeyHandler),this._boundKeyHandler=null)}_handleKeyDown(e){e.key==="Escape"&&(e.preventDefault(),this._fireClose())}_handleOverlayClick(){this._fireClose()}_fireClose(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0}))}render(){return this.open?u`
+      <div class="overlay" @click=${this._handleOverlayClick}></div>
+      <div
+        class="panel"
+        role="complementary"
+        aria-label=${this.panelTitle}
+        style="width: ${this.width}"
+      >
+        <div class="panel-header">
+          <h2 class="panel-title">${this.panelTitle}</h2>
+          <button
+            class="close-btn"
+            @click=${this._fireClose}
+            aria-label="Close panel"
+          >
+            &#x2715;
+          </button>
+        </div>
+        <div class="panel-body">
+          <slot></slot>
+        </div>
+        <div class="panel-footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    `:f}};o.styles=[c,p,h`
+      :host {
+        display: contents;
+      }
+
+      .overlay {
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.5);
+        z-index: 9998;
+      }
+
+      .panel {
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        background: var(--ic-surface);
+        border-left: 1px solid var(--ic-border);
+        z-index: 9999;
+        display: flex;
+        flex-direction: column;
+        box-shadow: var(--ic-shadow-lg);
+        animation: slide-in var(--ic-transition-slow) ease-out;
+      }
+
+      @keyframes slide-in {
+        from {
+          transform: translateX(100%);
+        }
+        to {
+          transform: translateX(0);
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .panel {
+          animation: none;
+        }
+      }
+
+      .panel-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: var(--ic-space-md) var(--ic-space-lg);
+        border-bottom: 1px solid var(--ic-border);
+        flex-shrink: 0;
+      }
+
+      .panel-title {
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin: 0;
+      }
+
+      .close-btn {
+        background: transparent;
+        border: none;
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        padding: var(--ic-space-xs);
+        border-radius: var(--ic-radius-sm);
+        font-size: var(--ic-text-lg);
+        font-family: inherit;
+        line-height: 1;
+        transition: color var(--ic-transition);
+      }
+
+      .close-btn:hover {
+        color: var(--ic-text);
+      }
+
+      .panel-body {
+        flex: 1;
+        overflow-y: auto;
+        padding: var(--ic-space-lg);
+      }
+
+      .panel-footer {
+        border-top: 1px solid var(--ic-border);
+        padding: var(--ic-space-md) var(--ic-space-lg);
+        flex-shrink: 0;
+      }
+
+      /* Hide footer slot wrapper when no content slotted */
+      .panel-footer:empty {
+        display: none;
+      }
+    `];a([d({type:Boolean,reflect:!0})],o.prototype,"open",2);a([d()],o.prototype,"panelTitle",2);a([d()],o.prototype,"width",2);o=a([b("ic-detail-panel")],o);

package/node_modules/@comis/web/dist/assets/ic-empty-state-60l2ePhd.js

@@ -0,0 +1,52 @@
+import{s as d,f as v,i as g,n as p,a as f,A as m,b as n,t as x}from"./index-CEcM1R_C.js";import"./ic-icon-xeGTVhVG.js";var y=Object.defineProperty,h=Object.getOwnPropertyDescriptor,a=(l,i,c,t)=>{for(var e=t>1?void 0:t?h(i,c):i,r=l.length-1,o;r>=0;r--)(o=l[r])&&(e=(t?o(i,c,e):o(e))||e);return t&&e&&y(i,c,e),e};let s=class extends f{constructor(){super(...arguments),this.message="No items to display",this.description="",this.icon=""}render(){return n`
+      <div class="container">
+        ${this.icon?n`
+              <div class="icon-area">
+                <ic-icon
+                  name=${this.icon}
+                  size="48px"
+                  color="var(--ic-text-dim)"
+                ></ic-icon>
+              </div>
+            `:m}
+        <p class="message">${this.message}</p>
+        ${this.description?n`<p class="description">${this.description}</p>`:m}
+        <div class="action-area">
+          <slot></slot>
+        </div>
+      </div>
+    `}};s.styles=[d,v,g`
+      :host {
+        display: block;
+      }
+
+      .container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: var(--ic-space-2xl) var(--ic-space-md);
+        text-align: center;
+        gap: var(--ic-space-sm);
+      }
+
+      .icon-area {
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .message {
+        color: var(--ic-text-muted);
+        font-size: var(--ic-text-base);
+        margin: 0;
+      }
+
+      .description {
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+        margin: 0;
+      }
+
+      .action-area {
+        margin-top: var(--ic-space-sm);
+      }
+    `];a([p()],s.prototype,"message",2);a([p()],s.prototype,"description",2);a([p()],s.prototype,"icon",2);s=a([x("ic-empty-state")],s);