comisai 1.0.16 → 1.0.17

package/node_modules/@comis/web/dist/assets/extract-variables-BM5qyK-s.js

@@ -0,0 +1,149 @@
+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`
+      :host {
+        display: contents;
+      }
+
+      .backdrop {
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.6);
+        z-index: 9999;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .dialog {
+        max-width: 28rem;
+        width: calc(100% - var(--ic-space-lg) * 2);
+        max-height: calc(100vh - var(--ic-space-lg) * 2);
+        overflow-y: auto;
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-lg);
+        padding: var(--ic-space-lg);
+        box-shadow: var(--ic-shadow-lg);
+      }
+
+      .title {
+        font-size: var(--ic-text-lg);
+        font-weight: 600;
+        color: var(--ic-text);
+        margin: 0 0 var(--ic-space-md) 0;
+      }
+
+      .field {
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .field-label {
+        display: block;
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        color: var(--ic-text-muted);
+        margin-bottom: 4px;
+      }
+
+      .field-input {
+        width: 100%;
+        padding: 8px 12px;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+      }
+
+      .field-input:focus {
+        border-color: var(--ic-accent);
+        outline: none;
+      }
+
+      .field-input::placeholder {
+        color: var(--ic-text-dim);
+      }
+
+      .buttons {
+        display: flex;
+        justify-content: flex-end;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-lg);
+      }
+
+      button {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        cursor: pointer;
+        transition: background var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .cancel-btn {
+        background: transparent;
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text-muted);
+      }
+
+      .cancel-btn:hover {
+        border-color: var(--ic-text-dim);
+        color: var(--ic-text);
+      }
+
+      .run-btn {
+        background: var(--ic-accent);
+        border: 1px solid var(--ic-accent);
+        color: #fff;
+      }
+
+      .run-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+
+      .run-btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .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};

package/node_modules/@comis/web/dist/assets/ic-array-editor-B7m6x7-S.js

@@ -0,0 +1,118 @@
+import{s as m,f as u,i as v,n as l,r as b,a as h,A as p,b as d,t as f}from"./index-CEcM1R_C.js";var x=Object.defineProperty,y=Object.getOwnPropertyDescriptor,s=(e,t,o,a)=>{for(var r=a>1?void 0:a?y(t,o):t,c=e.length-1,n;c>=0;c--)(n=e[c])&&(r=(a?n(t,o,r):n(r))||r);return a&&r&&x(t,o,r),r};let i=class extends h{constructor(){super(...arguments),this.label="",this.items=[],this.placeholder="Add item...",this._inputValue=""}_addItem(){const e=this._inputValue.trim();if(!e)return;const t=[...this.items,e];this._inputValue="",this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}_removeItem(e){const t=this.items.filter((o,a)=>a!==e);this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}_onKeyDown(e){e.key==="Enter"&&(e.preventDefault(),this._addItem())}render(){return d`
+      ${this.label?d`<div class="editor-label">${this.label}</div>`:p}
+      ${this.items.length>0?d`
+            <div class="item-list">
+              ${this.items.map((e,t)=>d`
+                  <div class="item-row">
+                    <span class="item-text">${e}</span>
+                    <button
+                      class="remove-btn"
+                      aria-label="Remove ${e}"
+                      @click=${()=>this._removeItem(t)}
+                    >\u2715</button>
+                  </div>
+                `)}
+            </div>
+          `:p}
+      <div class="add-row">
+        <input
+          class="add-input"
+          type="text"
+          placeholder=${this.placeholder}
+          .value=${this._inputValue}
+          @input=${e=>{this._inputValue=e.target.value}}
+          @keydown=${this._onKeyDown}
+        />
+        <button class="add-btn" @click=${()=>this._addItem()}>Add</button>
+      </div>
+    `}};i.styles=[m,u,v`
+      :host {
+        display: block;
+      }
+
+      .editor-label {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-muted);
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .item-list {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .item-row {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+      }
+
+      .item-text {
+        flex: 1;
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        word-break: break-all;
+      }
+
+      .remove-btn {
+        background: none;
+        border: none;
+        color: var(--ic-text-dim);
+        cursor: pointer;
+        padding: 2px 4px;
+        font-size: var(--ic-text-xs);
+        line-height: 1;
+        border-radius: var(--ic-radius-sm);
+      }
+
+      .remove-btn:hover {
+        color: var(--ic-error);
+      }
+
+      .add-row {
+        display: flex;
+        gap: var(--ic-space-xs);
+      }
+
+      .add-input {
+        flex: 1;
+        padding: 0.375rem 0.5rem;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        color: var(--ic-text);
+        font-family: inherit;
+        font-size: var(--ic-text-sm);
+      }
+
+      .add-input:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      .add-input::placeholder {
+        color: var(--ic-text-dim);
+      }
+
+      .add-btn {
+        padding: 0.375rem 0.75rem;
+        background: var(--ic-accent);
+        color: white;
+        border: none;
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        cursor: pointer;
+        white-space: nowrap;
+      }
+
+      .add-btn:hover {
+        opacity: 0.9;
+      }
+    `];s([l()],i.prototype,"label",2);s([l({type:Array})],i.prototype,"items",2);s([l()],i.prototype,"placeholder",2);s([b()],i.prototype,"_inputValue",2);i=s([f("ic-array-editor")],i);

package/node_modules/@comis/web/dist/assets/ic-breadcrumb-CUMpp3BL.js

@@ -0,0 +1,75 @@
+import{s as p,i as v,n as d,a as h,b as i,t as u}from"./index-CEcM1R_C.js";var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,c=(r,e,a,s)=>{for(var t=s>1?void 0:s?b(e,a):e,o=r.length-1,l;o>=0;o--)(l=r[o])&&(t=(s?l(e,a,t):l(t))||t);return s&&t&&f(e,a,t),t};let n=class extends h{constructor(){super(...arguments),this.items=[]}_onNavigate(r){this.dispatchEvent(new CustomEvent("navigate",{detail:r}))}render(){const r=this.items;return i`
+      <nav aria-label="Breadcrumb">
+        <ol>
+          ${r.map((e,a)=>{const s=a===r.length-1;return i`
+              <li>
+                ${a>0?i`<span class="separator" aria-hidden="true">/</span>`:""}
+                ${s?i`<span class="current" aria-current="page">${e.label}</span>`:e.route?i`<button
+                        class="link"
+                        @click=${()=>this._onNavigate(e.route)}
+                      >${e.label}</button>`:i`<span class="label">${e.label}</span>`}
+              </li>
+            `})}
+        </ol>
+      </nav>
+    `}};n.styles=[p,v`
+      :host {
+        display: block;
+        font-size: var(--ic-text-sm);
+      }
+
+      ol {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        overflow: hidden;
+      }
+
+      li {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        min-width: 0;
+      }
+
+      .separator {
+        color: var(--ic-text-dim);
+        flex-shrink: 0;
+      }
+
+      .link {
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        background: none;
+        border: none;
+        font-family: inherit;
+        font-size: inherit;
+        padding: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        transition: color var(--ic-transition);
+      }
+
+      .link:hover {
+        color: var(--ic-accent);
+      }
+
+      .current {
+        color: var(--ic-text);
+        font-weight: 500;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .label {
+        color: var(--ic-text-muted);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    `];c([d({type:Array})],n.prototype,"items",2);n=c([u("ic-breadcrumb")],n);

package/node_modules/@comis/web/dist/assets/ic-budget-segment-bar-BtJ6x5mN.js

@@ -0,0 +1,64 @@
+import{s as c,i as m,n as p,a as g,b as n,t as h}from"./index-CEcM1R_C.js";var u=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(t,e,i,r)=>{for(var s=r>1?void 0:r?v(e,i):e,l=t.length-1,o;l>=0;l--)(o=t[l])&&(s=(r?o(e,i,s):o(s))||s);return r&&s&&u(e,i,s),s};let a=class extends g{constructor(){super(...arguments),this.segments=[],this.total=0}_getTotal(){return this.total>0?this.total:this.segments.reduce((t,e)=>t+e.tokens,0)}render(){const t=this._getTotal();return t===0||this.segments.length===0?n`<div class="empty">No budget data</div>`:n`
+      <div class="bar" role="img" aria-label="Token budget breakdown">
+        ${this.segments.map(e=>{const i=e.tokens/t*100;return n`
+            <div
+              class="segment"
+              style="width: ${i}%; background: ${e.color};"
+              title="${e.label}: ${e.tokens.toLocaleString()} tokens (${i.toFixed(1)}%)"
+            ></div>
+          `})}
+      </div>
+      <div class="legend">
+        ${this.segments.map(e=>n`
+            <span class="legend-item">
+              <span class="legend-dot" style="background: ${e.color};"></span>
+              ${e.label}
+            </span>
+          `)}
+      </div>
+    `}};a.styles=[c,m`
+      :host {
+        display: block;
+      }
+
+      .bar {
+        display: flex;
+        height: 20px;
+        border-radius: var(--ic-radius-sm, 4px);
+        overflow: hidden;
+      }
+
+      .segment {
+        min-width: 2px;
+        height: 100%;
+        transition: width var(--ic-transition, 150ms ease);
+      }
+
+      .legend {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-sm);
+      }
+
+      .legend-item {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+      }
+
+      .legend-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        flex-shrink: 0;
+      }
+
+      .empty {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-dim);
+        font-style: italic;
+      }
+    `];d([p({attribute:!1})],a.prototype,"segments",2);d([p({type:Number})],a.prototype,"total",2);a=d([h("ic-budget-segment-bar")],a);