comisai 1.0.15 → 1.0.17

package/node_modules/@comis/web/dist/assets/ic-chat-message-CFyDJd0z.js

@@ -0,0 +1,352 @@
+import{A as h,E as j,s as _,f as O,i as C,n as b,r as I,a as k,b as d,t as T,I as D}from"./index-CEcM1R_C.js";import{e as E,i as S,t as H}from"./directive-DoeGSK_T.js";import"./ic-icon-xeGTVhVG.js";class w extends S{constructor(e){if(super(e),this.it=h,e.type!==H.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===h||e==null)return this._t=void 0,this.it=e;if(e===j)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const s=[e];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}}w.directiveName="unsafeHTML",w.resultType=1;const L=E(w);var B=Object.defineProperty,M=Object.getOwnPropertyDescriptor,y=(i,e,s,n)=>{for(var t=n>1?void 0:n?M(e,s):e,r=i.length-1,a;r>=0;r--)(a=i[r])&&(t=(n?a(e,s,t):a(t))||t);return n&&t&&B(e,s,t),t};const P=new Set(["const","let","var","function","return","if","else","for","while","import","export","from","true","false","null","undefined","class","new","this","async","await","throw","try","catch","switch","case","break","continue","default","typeof","instanceof","void","delete","in","of","yield","static","extends","implements","interface","type","enum","abstract","readonly"]);function $(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function R(i,e){if(!e)return $(i);const s=e.toLowerCase();let t=$(i);return t=t.replace(/\/\*[\s\S]*?\*\//g,r=>`<span class="hl-comment">${r}</span>`),t=t.replace(/\/\/[^\n]*/g,r=>r.includes("hl-comment")?r:`<span class="hl-comment">${r}</span>`),(s==="yaml"||s==="yml"||s==="bash"||s==="sh"||s==="python"||s==="py")&&(t=t.replace(new RegExp("(?:^|(?<=\\n))(\\s*#[^\\n]*)","g"),r=>`<span class="hl-comment">${r}</span>`)),t=t.replace(new RegExp('(?<!<span class=")(&quot;(?:[^&]|&(?!quot;))*?&quot;)',"g"),r=>r.includes("hl-")?r:`<span class="hl-string">${r}</span>`),t=t.replace(new RegExp("(?<![=\\w])('[^'\\\\]*(?:\\\\.[^'\\\\]*)*')","g"),r=>r.includes("hl-")?r:`<span class="hl-string">${r}</span>`),t=t.replace(/\b(\d+(?:\.\d+)?)\b/g,r=>r.includes("hl-")?r:`<span class="hl-number">${r}</span>`),(s==="json"||s==="yaml"||s==="yml")&&(t=t.replace(new RegExp("(?:^|(?<=\\n))(\\s*)(&quot;[\\w.-]+&quot;)(\\s*:)","gm"),(r,a,c,o)=>`${a}<span class="hl-property">${c}</span>${o}`),(s==="yaml"||s==="yml")&&(t=t.replace(new RegExp("(?:^|(?<=\\n))(\\s*)([\\w.-]+)(\\s*:)","gm"),(r,a,c,o)=>c.includes("hl-")?r:`${a}<span class="hl-property">${c}</span>${o}`))),(s==="javascript"||s==="js"||s==="typescript"||s==="ts"||s==="jsx"||s==="tsx")&&(t=t.replace(/\b([a-z]+)\b/g,r=>P.has(r)?`<span class="hl-keyword">${r}</span>`:r)),t}let m=class extends k{constructor(){super(...arguments),this.code="",this.language="",this.copyable=!0,this._copied=!1,this._copyTimer=null}disconnectedCallback(){super.disconnectedCallback(),this._copyTimer!==null&&(clearTimeout(this._copyTimer),this._copyTimer=null)}async _handleCopy(){try{await navigator.clipboard.writeText(this.code),this._copied=!0,this._copyTimer!==null&&clearTimeout(this._copyTimer),this._copyTimer=setTimeout(()=>{this._copied=!1,this._copyTimer=null},2e3)}catch{}}_renderHeader(){return!this.language&&!this.copyable?h:d`
+      <div class="header">
+        <span class="language-label">${this.language||""}</span>
+        ${this.copyable?d`
+              <button
+                class="copy-btn"
+                @click=${this._handleCopy}
+                aria-label="Copy code"
+              >
+                ${this._copied?d`<span>Copied!</span>`:d`<ic-icon name="copy" size="14px"></ic-icon><span>Copy</span>`}
+              </button>
+            `:h}
+      </div>
+    `}render(){const i=R(this.code,this.language);return d`
+      <div class="container" role="region" aria-label="Code block">
+        ${this._renderHeader()}
+        <div class="code-area">
+          <pre><code .innerHTML=${i}></code></pre>
+        </div>
+      </div>
+    `}};m.styles=[_,O,C`
+      :host {
+        display: block;
+      }
+
+      .container {
+        background: var(--ic-bg);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        overflow: hidden;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        background: var(--ic-surface-2);
+        padding: var(--ic-space-xs) var(--ic-space-md);
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .language-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.04em;
+        font-weight: 500;
+      }
+
+      .copy-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        background: none;
+        border: none;
+        color: var(--ic-text-dim);
+        cursor: pointer;
+        padding: 2px 4px;
+        border-radius: var(--ic-radius-sm);
+        font-size: var(--ic-text-xs);
+        font-family: inherit;
+        transition: color var(--ic-transition);
+      }
+
+      .copy-btn:hover {
+        color: var(--ic-text);
+      }
+
+      .code-area {
+        max-height: 24rem;
+        overflow-y: auto;
+        overflow-x: auto;
+      }
+
+      pre {
+        margin: 0;
+        padding: var(--ic-space-md);
+      }
+
+      code {
+        font-family: var(--ic-font-mono);
+        font-size: var(--ic-text-sm);
+        line-height: 1.6;
+        color: var(--ic-text);
+        white-space: pre;
+        tab-size: 2;
+      }
+
+      /* Syntax highlighting colors */
+      .hl-string { color: #a5d6ff; }
+      .hl-number { color: #79c0ff; }
+      .hl-keyword { color: #ff7b72; }
+      .hl-comment { color: var(--ic-text-dim); font-style: italic; }
+      .hl-property { color: #7ee787; }
+    `];y([b()],m.prototype,"code",2);y([b()],m.prototype,"language",2);y([b({type:Boolean})],m.prototype,"copyable",2);y([I()],m.prototype,"_copied",2);m=y([T("ic-code-block")],m);var q=Object.defineProperty,A=Object.getOwnPropertyDescriptor,g=(i,e,s,n)=>{for(var t=n>1?void 0:n?A(e,s):e,r=i.length-1,a;r>=0;r--)(a=i[r])&&(t=(n?a(e,s,t):a(t))||t);return n&&t&&q(e,s,t),t};function N(i){let e=i;return e=e.replace(/<\/?(?:script|iframe|object|embed|form)\b[^>]*>/gi,""),e=e.replace(/\bon\w+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]*)/gi,""),e=e.replace(/javascript\s*:/gi,""),e}function f(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function K(i){if(i.length<2)return i.join(`
+`);const e=i.filter(a=>a.trim()!=="");if(e.length<2||!/^\s*\|[\s-:|]+\|\s*$/.test(e[1]))return i.join(`
+`);const s=a=>a.replace(/^\s*\|/,"").replace(/\|\s*$/,"").split("|").map(c=>c.trim()),n=s(e[0]),t=e.slice(2);let r="<table><thead><tr>";for(const a of n)r+=`<th>${a}</th>`;r+="</tr></thead><tbody>";for(const a of t){const c=s(a);r+="<tr>";for(const o of c)r+=`<td>${o}</td>`;r+="</tr>"}return r+="</tbody></table>",r}function U(i,e){try{const{url:s,type:n,fileName:t}=JSON.parse(i),r=e&&s.startsWith("/media/")?`${s}${s.includes("?")?"&":"?"}token=${encodeURIComponent(e)}`:s,a=f(r),c=f(t);switch(n){case"image":return`<img src="${a}" alt="${c}" style="max-width:100%;border-radius:8px;margin:4px 0" loading="lazy" />`;case"audio":return`<audio controls src="${a}" style="width:100%;margin:4px 0"></audio>`;case"video":return`<video controls src="${a}" style="max-width:100%;border-radius:8px;margin:4px 0"></video>`;default:return`<a href="${a}" download="${c}" target="_blank" rel="noopener" class="md-link">${c}</a>`}}catch{return""}}function J(i,e=""){let s=N(i);const n=[];s=s.replace(/```(\w*)\n([\s\S]*?)```/g,(o,p,l)=>{const v=f(l.replace(/\n$/,"")),z=`\0CODE_BLOCK_${n.length}\0`;return n.push(`<ic-code-block language="${f(p)}" code="${v}"></ic-code-block>`),z}),s=s.replace(/`([^`]+)`/g,(o,p)=>`<code class="inline-code">${f(p)}</code>`);const t=s.split(`
+`),r=[];let a=0;for(;a<t.length;){const o=t[a];if(o.includes("\0CODE_BLOCK_")){const l=o.match(/\x00CODE_BLOCK_(\d+)\x00/);if(l){r.push(n[parseInt(l[1],10)]),a++;continue}}if(/^\s*\|/.test(o)){const l=[o];for(a++;a<t.length&&/^\s*\|/.test(t[a]);)l.push(t[a]),a++;r.push(K(l));continue}const p=o.match(/^(#{1,4})\s+(.+)$/);if(p){const l=Math.min(p[1].length+2,6);r.push(`<h${l}>${x(p[2])}</h${l}>`),a++;continue}if(/^\s*[-*]\s+/.test(o)){const l=[];for(;a<t.length&&/^\s*[-*]\s+/.test(t[a]);)l.push(x(t[a].replace(/^\s*[-*]\s+/,""))),a++;r.push(`<ul>${l.map(v=>`<li>${v}</li>`).join("")}</ul>`);continue}if(/^\s*\d+\.\s+/.test(o)){const l=[];for(;a<t.length&&/^\s*\d+\.\s+/.test(t[a]);)l.push(x(t[a].replace(/^\s*\d+\.\s+/,""))),a++;r.push(`<ol>${l.map(v=>`<li>${v}</li>`).join("")}</ol>`);continue}if(o.trim()===""){r.push("<br><br>"),a++;continue}r.push(x(o)),a++}let c=r.join(`
+`);return c=c.replace(/<!-- attachment:(.*?) -->/g,(o,p)=>U(p,e)),c}function x(i){let e=i;return e=e.replace(/\[([^\]]+)\]\(([^)]+)\)/g,(s,n,t)=>`<a href="${f(t)}" target="_blank" rel="noopener noreferrer" class="md-link">${n}</a>`),e=e.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),e=e.replace(/__(.+?)__/g,"<strong>$1</strong>"),e=e.replace(new RegExp("(?<!\\w)\\*([^*]+)\\*(?!\\w)","g"),"<em>$1</em>"),e=e.replace(new RegExp("(?<!\\w)_([^_]+)_(?!\\w)","g"),"<em>$1</em>"),e}let u=class extends k{constructor(){super(...arguments),this.role="user",this.content="",this.timestamp=0,this.messageId="",this.showActions=!0,this.mediaToken=""}_handleCopy(){navigator.clipboard.writeText(this.content).then(()=>{D.show("Copied to clipboard","success")}).catch(()=>{})}_handleRetry(){this.dispatchEvent(new CustomEvent("retry",{detail:{messageId:this.messageId},bubbles:!0,composed:!0}))}_handleDelete(){this.dispatchEvent(new CustomEvent("delete",{detail:{messageId:this.messageId},bubbles:!0,composed:!0}))}_formatTime(i){return new Date(i).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"})}_renderContent(){if(this.role==="user")return this.content;const i=J(this.content,this.mediaToken);return L(i)}_renderActions(){return!this.showActions||this.role==="system"?h:d`
+      <div class="message-actions">
+        <button class="action-btn" aria-label="Copy message" @click=${this._handleCopy}>
+          <ic-icon name="copy" size="14px"></ic-icon>
+        </button>
+        ${this.role==="assistant"?d`
+              <button class="action-btn" aria-label="Retry message" @click=${this._handleRetry}>
+                <ic-icon name="retry" size="14px"></ic-icon>
+              </button>
+            `:h}
+        <button class="action-btn" aria-label="Delete message" @click=${this._handleDelete}>
+          <ic-icon name="trash" size="14px"></ic-icon>
+        </button>
+      </div>
+    `}render(){const i=`wrapper wrapper--${this.role}`,e=`bubble bubble--${this.role}`;return d`
+      <div class=${i} role="article" aria-label="${this.role} message">
+        ${this._renderActions()}
+        <div class=${e}>${this._renderContent()}</div>
+        ${this.timestamp>0?d`<span class="timestamp">${this._formatTime(this.timestamp)}</span>`:h}
+      </div>
+    `}};u.styles=[_,C`
+      :host {
+        display: block;
+      }
+
+      .wrapper {
+        display: flex;
+        flex-direction: column;
+        max-width: min(80%, 640px);
+        width: fit-content;
+        position: relative;
+      }
+
+      /* Role-specific alignment */
+      .wrapper--user {
+        align-self: flex-end;
+        margin-left: auto;
+      }
+
+      .wrapper--assistant {
+        align-self: flex-start;
+        margin-right: auto;
+      }
+
+      .wrapper--error {
+        align-self: flex-start;
+        margin-right: auto;
+      }
+
+      .wrapper--system {
+        align-self: center;
+        max-width: 100%;
+        text-align: center;
+      }
+
+      /* Bubble styles */
+      .bubble {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        border-radius: var(--ic-radius-xl);
+        font-size: var(--ic-text-sm);
+        line-height: 1.6;
+      }
+
+      .bubble--user {
+        background: var(--ic-accent);
+        color: white;
+        border-radius: var(--ic-radius-lg);
+        border-bottom-right-radius: 4px;
+        white-space: pre-wrap;
+        word-break: break-word;
+        padding: 6px 12px;
+        line-height: 1.4;
+      }
+
+      .bubble--assistant {
+        background: var(--ic-surface);
+        color: var(--ic-text);
+        border-bottom-left-radius: 4px;
+      }
+
+      .bubble--error {
+        background: color-mix(in srgb, var(--ic-error) 15%, transparent);
+        border: 1px solid var(--ic-error);
+        color: var(--ic-text);
+        border-bottom-left-radius: 4px;
+      }
+
+      .bubble--system {
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-xs);
+        font-style: italic;
+        padding: var(--ic-space-xs);
+      }
+
+      /* Timestamp */
+      .timestamp {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        margin-top: 2px;
+      }
+
+      .wrapper--user .timestamp {
+        text-align: right;
+      }
+
+      /* Markdown inline styles */
+      .bubble--assistant code.inline-code,
+      .bubble--error code.inline-code {
+        background: var(--ic-surface-2);
+        padding: 0.125em 0.375em;
+        border-radius: var(--ic-radius-sm);
+        font-family: var(--ic-font-mono);
+        font-size: 0.9em;
+      }
+
+      .bubble--assistant strong,
+      .bubble--error strong {
+        font-weight: 600;
+      }
+
+      .bubble--assistant a.md-link,
+      .bubble--error a.md-link {
+        color: var(--ic-accent);
+        text-decoration: none;
+      }
+
+      .bubble--assistant a.md-link:hover,
+      .bubble--error a.md-link:hover {
+        text-decoration: underline;
+      }
+
+      .bubble--assistant h3,
+      .bubble--assistant h4,
+      .bubble--assistant h5,
+      .bubble--assistant h6,
+      .bubble--error h3,
+      .bubble--error h4,
+      .bubble--error h5,
+      .bubble--error h6 {
+        margin: var(--ic-space-sm) 0;
+        font-weight: 600;
+        line-height: 1.3;
+      }
+
+      .bubble--assistant h3,
+      .bubble--error h3 { font-size: 1.1em; }
+      .bubble--assistant h4,
+      .bubble--error h4 { font-size: 1.05em; }
+
+      .bubble--assistant ul,
+      .bubble--error ul {
+        list-style: disc;
+        padding-left: 1.5em;
+        margin: var(--ic-space-xs) 0;
+      }
+
+      .bubble--assistant ol,
+      .bubble--error ol {
+        list-style: decimal;
+        padding-left: 1.5em;
+        margin: var(--ic-space-xs) 0;
+      }
+
+      .bubble--assistant table,
+      .bubble--error table {
+        border-collapse: collapse;
+        border: 1px solid var(--ic-border);
+        margin: var(--ic-space-xs) 0;
+        width: 100%;
+        font-size: var(--ic-text-xs);
+      }
+
+      .bubble--assistant th,
+      .bubble--assistant td,
+      .bubble--error th,
+      .bubble--error td {
+        padding: var(--ic-space-xs) var(--ic-space-sm);
+        border: 1px solid var(--ic-border);
+        text-align: left;
+      }
+
+      .bubble--assistant th,
+      .bubble--error th {
+        background: var(--ic-surface-2);
+        font-weight: 600;
+      }
+
+      /* Inline attachment media */
+      .bubble--assistant img {
+        max-width: 100%;
+        border-radius: var(--ic-radius-lg);
+        margin: var(--ic-space-xs) 0;
+      }
+
+      .bubble--assistant audio,
+      .bubble--assistant video {
+        max-width: 100%;
+        margin: var(--ic-space-xs) 0;
+      }
+
+      /* Code blocks inside messages */
+      .bubble--assistant ic-code-block,
+      .bubble--error ic-code-block {
+        margin: var(--ic-space-xs) 0;
+      }
+
+      /* Message action buttons */
+      .message-actions {
+        position: absolute;
+        top: -0.5rem;
+        display: flex;
+        gap: 2px;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-sm);
+        padding: 2px;
+        box-shadow: var(--ic-shadow-sm);
+        opacity: 0;
+        transition: opacity var(--ic-transition);
+        pointer-events: none;
+        z-index: 1;
+      }
+
+      .wrapper--user .message-actions {
+        right: 0;
+      }
+
+      .wrapper--assistant .message-actions,
+      .wrapper--error .message-actions {
+        left: 0;
+      }
+
+      .wrapper:hover .message-actions {
+        opacity: 1;
+        pointer-events: auto;
+      }
+
+      .action-btn {
+        background: transparent;
+        border: none;
+        color: var(--ic-text-dim);
+        cursor: pointer;
+        padding: 4px;
+        border-radius: var(--ic-radius-sm);
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        transition: color var(--ic-transition);
+      }
+
+      .action-btn:hover {
+        color: var(--ic-text);
+      }
+    `];g([b()],u.prototype,"role",2);g([b()],u.prototype,"content",2);g([b({type:Number})],u.prototype,"timestamp",2);g([b()],u.prototype,"messageId",2);g([b({type:Boolean})],u.prototype,"showActions",2);g([b()],u.prototype,"mediaToken",2);u=g([T("ic-chat-message")],u);export{L as o,J as r};

package/node_modules/@comis/web/dist/assets/ic-confirm-dialog-CCDbB04e.js

@@ -0,0 +1,110 @@
+import{s as d,f,i as p,n,a as v,A as b,b as h,t as u}from"./index-CEcM1R_C.js";var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(t,e,c,a)=>{for(var i=a>1?void 0:a?g(e,c):e,s=t.length-1,l;s>=0;s--)(l=t[s])&&(i=(a?l(e,c,i):l(i))||i);return a&&i&&m(e,c,i),i};let r=class extends v{constructor(){super(...arguments),this.open=!1,this.title="Confirm",this.message="",this.confirmLabel="Confirm",this.cancelLabel="Cancel",this.variant="default"}updated(t){t.has("open")&&this.open&&this.updateComplete.then(()=>{this.shadowRoot?.querySelector(".cancel-btn")?.focus()})}_onBackdropClick(t){t.target.classList.contains("backdrop")&&this._fireCancel()}_onKeyDown(t){if(t.key==="Escape"&&(t.preventDefault(),this._fireCancel()),t.key==="Tab"){const e=this.shadowRoot?.querySelectorAll("button:not([disabled])");if(!e||e.length===0)return;const c=e[0],a=e[e.length-1];t.shiftKey&&document.activeElement===this?this.shadowRoot?.activeElement===c&&(t.preventDefault(),a.focus()):t.shiftKey||this.shadowRoot?.activeElement===a&&(t.preventDefault(),c.focus())}}_fireConfirm(){this.dispatchEvent(new CustomEvent("confirm"))}_fireCancel(){this.dispatchEvent(new CustomEvent("cancel"))}render(){if(!this.open)return b;const t=this.variant==="danger"?"confirm-btn confirm-btn--danger":"confirm-btn";return h`
+      <div
+        class="backdrop"
+        @click=${this._onBackdropClick}
+        @keydown=${this._onKeyDown}
+      >
+        <div
+          class="dialog"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="dialog-title"
+        >
+          <h2 class="title" id="dialog-title">${this.title}</h2>
+          <p class="message">${this.message}</p>
+          <div class="buttons">
+            <button class="cancel-btn" @click=${this._fireCancel}>
+              ${this.cancelLabel}
+            </button>
+            <button class=${t} @click=${this._fireConfirm}>
+              ${this.confirmLabel}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}};r.styles=[d,f,p`
+      :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);
+        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;
+      }
+
+      .message {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        margin-top: var(--ic-space-md);
+        line-height: 1.5;
+      }
+
+      .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);
+      }
+
+      .confirm-btn {
+        background: var(--ic-accent);
+        border: 1px solid var(--ic-accent);
+        color: #fff;
+      }
+
+      .confirm-btn:hover {
+        background: var(--ic-accent-hover);
+      }
+
+      .confirm-btn--danger {
+        background: var(--ic-error);
+        border-color: var(--ic-error);
+      }
+
+      .confirm-btn--danger:hover {
+        background: #dc2626;
+        border-color: #dc2626;
+      }
+    `];o([n({type:Boolean,reflect:!0})],r.prototype,"open",2);o([n()],r.prototype,"title",2);o([n()],r.prototype,"message",2);o([n()],r.prototype,"confirmLabel",2);o([n()],r.prototype,"cancelLabel",2);o([n()],r.prototype,"variant",2);r=o([u("ic-confirm-dialog")],r);

package/node_modules/@comis/web/dist/assets/ic-connection-dot-CnT1b8xr.js

@@ -0,0 +1,54 @@
+import{s as u,i as d,n as p,a as h,g as f,b as c,t as b}from"./index-CEcM1R_C.js";import"./ic-icon-xeGTVhVG.js";var m=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(e,i,n,a)=>{for(var s=a>1?void 0:a?y(i,n):i,l=e.length-1,r;l>=0;l--)(r=e[l])&&(s=(a?r(i,n,s):r(s))||s);return a&&s&&m(i,n,s),s};let t=class extends h{constructor(){super(...arguments),this.status="disconnected",this.size="8px",this.showLabel=!0}render(){const e=f(this.status);return c`
+      <span
+        class="dot ${e.pulse?"dot--pulse":""}"
+        style="width: ${this.size}; height: ${this.size}; background-color: ${e.color};"
+        role="status"
+        aria-label="Connection status: ${e.label}"
+      ></span>
+      <span class="status-icon" aria-hidden="true">
+        <ic-icon name=${e.icon} size="12px" color=${e.color}></ic-icon>
+      </span>
+      ${this.showLabel?c`<span class="label">${e.label}</span>`:c``}
+    `}};t.styles=[u,d`
+      :host {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+      }
+
+      .dot {
+        border-radius: 50%;
+        flex-shrink: 0;
+      }
+
+      .dot--pulse {
+        animation: pulse 2s ease-in-out infinite;
+      }
+
+      @keyframes pulse {
+        0%,
+        100% {
+          opacity: 1;
+        }
+        50% {
+          opacity: 0.4;
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .dot--pulse {
+          animation: none;
+        }
+      }
+
+      .status-icon {
+        flex-shrink: 0;
+        display: inline-flex;
+        align-items: center;
+      }
+
+      .label {
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-xs);
+      }
+    `];o([p()],t.prototype,"status",2);o([p()],t.prototype,"size",2);o([p({type:Boolean})],t.prototype,"showLabel",2);t=o([b("ic-connection-dot")],t);