comisai 1.0.16 → 1.0.18

package/node_modules/@comis/web/dist/assets/ic-search-input-CSOxY9g7.js

@@ -0,0 +1,92 @@
+import{s as u,f as d,i as h,n as o,a as p,b,t as v}from"./index-CEcM1R_C.js";var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,a=(e,r,c,n)=>{for(var t=n>1?void 0:n?m(r,c):r,s=e.length-1,l;s>=0;s--)(l=e[s])&&(t=(n?l(r,c,t):l(t))||t);return n&&t&&f(r,c,t),t};let i=class extends p{constructor(){super(...arguments),this.value="",this.placeholder="Search...",this.debounce=300,this.disabled=!1,this._debounceTimer=null}disconnectedCallback(){super.disconnectedCallback(),this._cancelDebounce()}_cancelDebounce(){this._debounceTimer!==null&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}_onInput(e){const r=e.target;this.value=r.value,this._cancelDebounce(),this._debounceTimer=setTimeout(()=>{this._fireSearch()},this.debounce)}_onKeyDown(e){e.key==="Enter"&&(e.preventDefault(),this._cancelDebounce(),this._fireSearch())}_onClear(){this.value="",this._cancelDebounce(),this._fireSearch(),this.shadowRoot?.querySelector("input")?.focus()}_fireSearch(){this.dispatchEvent(new CustomEvent("search",{detail:this.value}))}render(){return b`
+      <div class="container">
+        <span class="search-icon" aria-hidden="true">\u{1F50D}</span>
+        <input
+          type="text"
+          role="searchbox"
+          aria-label="Search"
+          .value=${this.value}
+          placeholder=${this.placeholder}
+          ?disabled=${this.disabled}
+          @input=${this._onInput}
+          @keydown=${this._onKeyDown}
+        />
+        <button
+          class="clear-btn"
+          aria-label="Clear search"
+          ?hidden=${!this.value}
+          @click=${this._onClear}
+        >\u2715</button>
+      </div>
+    `}};i.styles=[u,d,h`
+      :host {
+        display: block;
+      }
+
+      .container {
+        position: relative;
+        display: flex;
+        align-items: center;
+      }
+
+      .search-icon {
+        position: absolute;
+        left: var(--ic-space-sm);
+        color: var(--ic-text-dim);
+        font-size: var(--ic-text-sm);
+        pointer-events: none;
+        line-height: 1;
+      }
+
+      input {
+        width: 100%;
+        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);
+        padding: var(--ic-space-sm) var(--ic-space-lg);
+        padding-left: calc(var(--ic-space-sm) + 1.25rem);
+        transition: border-color var(--ic-transition);
+      }
+
+      input::placeholder {
+        color: var(--ic-text-dim);
+      }
+
+      input:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      input:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .clear-btn {
+        position: absolute;
+        right: var(--ic-space-sm);
+        background: none;
+        border: none;
+        color: var(--ic-text-dim);
+        cursor: pointer;
+        padding: 2px;
+        font-size: var(--ic-text-xs);
+        line-height: 1;
+        border-radius: var(--ic-radius-sm);
+        transition: color var(--ic-transition);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .clear-btn:hover {
+        color: var(--ic-text);
+      }
+
+      .clear-btn[hidden] {
+        display: none;
+      }
+    `];a([o()],i.prototype,"value",2);a([o()],i.prototype,"placeholder",2);a([o({type:Number})],i.prototype,"debounce",2);a([o({type:Boolean})],i.prototype,"disabled",2);i=a([v("ic-search-input")],i);

package/node_modules/@comis/web/dist/assets/ic-select-Ce-Raudx.js

@@ -0,0 +1,127 @@
+import{s as u,f as v,i as f,n as c,a as g,A as h,b as d,t as y}from"./index-CEcM1R_C.js";var x=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(e,a,s,r)=>{for(var t=r>1?void 0:r?m(a,s):a,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=(r?l(a,s,t):l(t))||t);return r&&t&&x(a,s,t),t};let n=class extends g{constructor(){super(...arguments),this.label="",this.checked=!1,this.disabled=!1}_toggle(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("change",{detail:this.checked,bubbles:!0,composed:!0})))}_onKeyDown(e){(e.key===" "||e.key==="Enter")&&(e.preventDefault(),this._toggle())}render(){return d`
+      ${this.label?d`<span class="toggle-label" ?data-disabled=${this.disabled} @click=${()=>this._toggle()}>${this.label}</span>`:h}
+      <div
+        class="track"
+        role="switch"
+        tabindex=${this.disabled?-1:0}
+        aria-checked=${this.checked?"true":"false"}
+        aria-label=${this.label||h}
+        ?data-checked=${this.checked}
+        ?data-disabled=${this.disabled}
+        @click=${()=>this._toggle()}
+        @keydown=${this._onKeyDown}
+      >
+        <div class="thumb"></div>
+      </div>
+    `}};n.styles=[u,v,f`
+      :host {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+      }
+
+      .toggle-label {
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        user-select: none;
+      }
+
+      .toggle-label[data-disabled] {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .track {
+        position: relative;
+        width: 36px;
+        height: 20px;
+        border-radius: 10px;
+        background: var(--ic-surface-2);
+        border: 1px solid var(--ic-border);
+        cursor: pointer;
+        transition: background var(--ic-transition), border-color var(--ic-transition);
+        flex-shrink: 0;
+      }
+
+      .track[data-checked] {
+        background: var(--ic-accent);
+        border-color: var(--ic-accent);
+      }
+
+      .track[data-disabled] {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .track:focus-visible {
+        outline: 2px solid var(--ic-accent);
+        outline-offset: 2px;
+      }
+
+      .thumb {
+        position: absolute;
+        top: 1px;
+        left: 1px;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background: var(--ic-text);
+        transition: transform var(--ic-transition);
+      }
+
+      .track[data-checked] .thumb {
+        transform: translateX(16px);
+      }
+    `];b([c()],n.prototype,"label",2);b([c({type:Boolean})],n.prototype,"checked",2);b([c({type:Boolean})],n.prototype,"disabled",2);n=b([y("ic-toggle")],n);var $=Object.defineProperty,_=Object.getOwnPropertyDescriptor,p=(e,a,s,r)=>{for(var t=r>1?void 0:r?_(a,s):a,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=(r?l(a,s,t):l(t))||t);return r&&t&&$(a,s,t),t};let o=class extends g{constructor(){super(...arguments),this.label="",this.value="",this.options=[],this.disabled=!1}_onChange(e){const a=e.target.value;this.dispatchEvent(new CustomEvent("change",{detail:a,bubbles:!0,composed:!0}))}render(){return d`
+      <div class="select-wrapper">
+        ${this.label?d`<label>${this.label}</label>`:h}
+        <select
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          aria-label=${this.label||h}
+          @change=${this._onChange}
+        >
+          ${this.options.map(e=>d`<option value=${e.value} ?selected=${e.value===this.value}>${e.label}</option>`)}
+        </select>
+      </div>
+    `}};o.styles=[u,v,f`
+      :host {
+        display: block;
+      }
+
+      .select-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      label {
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        color: var(--ic-text-muted);
+      }
+
+      select {
+        padding: 0.5rem 0.75rem;
+        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);
+        cursor: pointer;
+        appearance: auto;
+        transition: border-color var(--ic-transition);
+      }
+
+      select:focus {
+        outline: none;
+        border-color: var(--ic-accent);
+      }
+
+      select:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    `];p([c()],o.prototype,"label",2);p([c()],o.prototype,"value",2);p([c({type:Array})],o.prototype,"options",2);p([c({type:Boolean})],o.prototype,"disabled",2);o=p([y("ic-select")],o);

package/node_modules/@comis/web/dist/assets/ic-tabs-B7QtM_v8.js

@@ -0,0 +1,95 @@
+import{s as b,f as p,i as h,n as d,a as v,A as f,b as n,t as u}from"./index-CEcM1R_C.js";var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(e,t,a,i)=>{for(var s=i>1?void 0:i?m(t,a):t,o=e.length-1,c;o>=0;o--)(c=e[o])&&(s=(i?c(t,a,s):c(s))||s);return i&&s&&g(t,a,s),s};let r=class extends v{constructor(){super(...arguments),this.tabs=[],this.activeTab=""}willUpdate(e){(!this.activeTab||e.has("tabs"))&&this.tabs.length>0&&!this.activeTab&&(this.activeTab=this.tabs[0].id)}updated(e){this._updatePanelVisibility()}_updatePanelVisibility(){const e=this.shadowRoot?.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements();for(const a of t){const i=a.dataset.tab;i&&(i===this.activeTab?a.setAttribute("data-active",""):a.removeAttribute("data-active"))}}_selectTab(e){e!==this.activeTab&&(this.activeTab=e,this.dispatchEvent(new CustomEvent("tab-change",{detail:e})))}_onTabKeyDown(e){const t=Array.from(this.shadowRoot?.querySelectorAll('[role="tab"]')??[]),a=t.indexOf(e.target);if(a<0)return;let i=-1;switch(e.key){case"ArrowLeft":e.preventDefault(),i=a>0?a-1:t.length-1;break;case"ArrowRight":e.preventDefault(),i=a<t.length-1?a+1:0;break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=t.length-1;break;default:return}if(i>=0&&i<t.length){t[i].focus();const s=this.tabs[i]?.id;s&&this._selectTab(s)}}render(){const e=this.activeTab||(this.tabs.length>0?this.tabs[0].id:"");return n`
+      <div class="tablist" role="tablist">
+        ${this.tabs.map(t=>{const a=t.id===e;return n`
+            <button
+              role="tab"
+              id="tab-${t.id}"
+              class="tab ${a?"tab--active":""}"
+              aria-selected=${a?"true":"false"}
+              aria-controls="panel-${t.id}"
+              tabindex=${a?"0":"-1"}
+              @click=${()=>this._selectTab(t.id)}
+              @keydown=${this._onTabKeyDown}
+            >
+              ${t.label}
+              ${t.badge&&t.badge>0?n`<span class="badge">${t.badge}</span>`:f}
+            </button>
+          `})}
+      </div>
+      <div class="panels">
+        ${this.tabs.map(t=>{const a=t.id===e;return n`
+            <div
+              role="tabpanel"
+              id="panel-${t.id}"
+              aria-labelledby="tab-${t.id}"
+              ?hidden=${!a}
+            >
+              <slot name=${t.id}></slot>
+            </div>
+          `})}
+        <slot @slotchange=${this._updatePanelVisibility}></slot>
+      </div>
+    `}};r.styles=[b,p,h`
+      :host {
+        display: block;
+      }
+
+      .tablist {
+        display: flex;
+        border-bottom: 1px solid var(--ic-border);
+        gap: 0;
+      }
+
+      .tab {
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        font-size: var(--ic-text-sm);
+        font-family: inherit;
+        background: none;
+        border: none;
+        border-bottom: 2px solid transparent;
+        color: var(--ic-text-muted);
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs);
+        transition: color var(--ic-transition), border-color var(--ic-transition);
+        white-space: nowrap;
+      }
+
+      .tab:hover:not(.tab--active) {
+        color: var(--ic-text);
+      }
+
+      .tab--active {
+        color: var(--ic-accent);
+        border-bottom-color: var(--ic-accent);
+        font-weight: 500;
+      }
+
+      .badge {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 1.25rem;
+        height: 1.25rem;
+        padding: 0 var(--ic-space-xs);
+        background: var(--ic-accent);
+        color: #fff;
+        font-size: var(--ic-text-xs);
+        font-weight: 600;
+        border-radius: 9999px;
+        line-height: 1;
+      }
+
+      .panels {
+        margin-top: var(--ic-space-md);
+      }
+
+      ::slotted([data-tab]) {
+        display: none;
+      }
+
+      ::slotted([data-tab][data-active]) {
+        display: block;
+      }
+    `];l([d({type:Array})],r.prototype,"tabs",2);l([d()],r.prototype,"activeTab",2);r=l([u("ic-tabs")],r);

package/node_modules/@comis/web/dist/assets/ic-tag-CPPUnDLF.js

@@ -0,0 +1,33 @@
+import{s as g,i as v,n as p,a as d,b as m,t as f}from"./index-CEcM1R_C.js";var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,o=(r,s,i,t)=>{for(var a=t>1?void 0:t?h(s,i):s,c=r.length-1,n;c>=0;c--)(n=r[c])&&(a=(t?n(s,i,a):n(a))||a);return t&&a&&u(s,i,a),a};const l={default:"var(--ic-text-muted)",success:"var(--ic-success)",warning:"var(--ic-warning)",error:"var(--ic-error)",info:"var(--ic-info)",accent:"var(--ic-accent)",telegram:"var(--ic-telegram)",discord:"var(--ic-discord)",slack:"var(--ic-slack)",whatsapp:"var(--ic-whatsapp)",line:"var(--ic-line)",signal:"var(--ic-signal)",imessage:"var(--ic-imessage)",irc:"var(--ic-irc)"};let e=class extends d{constructor(){super(...arguments),this.variant="default",this.size="sm"}render(){const r=l[this.variant]??l.default,s=this.size==="md"?"tag--md":"tag--sm";return m`
+      <span
+        class="tag ${s}"
+        style="background-color: color-mix(in srgb, ${r} 10%, transparent); color: ${r};"
+      >
+        <slot></slot>
+      </span>
+    `}};e.styles=[g,v`
+      :host {
+        display: inline-block;
+      }
+
+      .tag {
+        display: inline-flex;
+        align-items: center;
+        border-radius: 9999px;
+        font-weight: 500;
+        white-space: nowrap;
+        line-height: 1;
+      }
+
+      .tag--sm {
+        padding: 2px 8px;
+        font-size: var(--ic-text-xs);
+        text-transform: uppercase;
+        letter-spacing: 0.02em;
+      }
+
+      .tag--md {
+        padding: 4px 12px;
+        font-size: var(--ic-text-sm);
+      }
+    `];o([p()],e.prototype,"variant",2);o([p()],e.prototype,"size",2);e=o([f("ic-tag")],e);

package/node_modules/@comis/web/dist/assets/ic-time-range-picker-CypCT68y.js

@@ -0,0 +1,93 @@
+import{s as d,f as m,i as v,n as p,r as u,a as b,A as h,b as l,t as f}from"./index-CEcM1R_C.js";var g=Object.defineProperty,_=Object.getOwnPropertyDescriptor,r=(e,a,o,i)=>{for(var t=i>1?void 0:i?_(a,o):a,c=e.length-1,n;c>=0;c--)(n=e[c])&&(t=(i?n(a,o,t):n(t))||t);return i&&t&&g(a,o,t),t};const x=[{label:"Today",sinceMs:864e5},{label:"7d",sinceMs:6048e5},{label:"30d",sinceMs:2592e6},{label:"Custom",sinceMs:0}];let s=class extends b{constructor(){super(...arguments),this.selected="7d",this.presets=x,this._customFrom="",this._customTo=""}_onPresetClick(e){this.selected=e.label,e.label!=="Custom"&&this.dispatchEvent(new CustomEvent("time-range-change",{detail:{sinceMs:e.sinceMs,label:e.label},bubbles:!0,composed:!0}))}_onCustomDateChange(){if(!this._customFrom||!this._customTo)return;const e=new Date(this._customFrom).getTime(),a=Date.now()-e;this.dispatchEvent(new CustomEvent("time-range-change",{detail:{sinceMs:a,label:"Custom"},bubbles:!0,composed:!0}))}render(){return l`
+      <div class="presets">
+        ${this.presets.map(e=>l`
+            <button
+              class="preset ${this.selected===e.label?"preset--active":"preset--inactive"}"
+              @click=${()=>this._onPresetClick(e)}
+            >
+              ${e.label}
+            </button>
+          `)}
+      </div>
+      ${this.selected==="Custom"?l`
+            <div class="custom-dates">
+              <span class="date-label">From</span>
+              <input
+                type="date"
+                class="date-input"
+                .value=${this._customFrom}
+                @change=${e=>{this._customFrom=e.target.value,this._onCustomDateChange()}}
+              />
+              <span class="date-label">To</span>
+              <input
+                type="date"
+                class="date-input"
+                .value=${this._customTo}
+                @change=${e=>{this._customTo=e.target.value,this._onCustomDateChange()}}
+              />
+            </div>
+          `:h}
+    `}};s.styles=[d,m,v`
+      :host {
+        display: block;
+      }
+
+      .presets {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--ic-space-xs);
+      }
+
+      .preset {
+        border-radius: 9999px;
+        padding: 0.25rem 0.75rem;
+        font-size: var(--ic-text-xs);
+        cursor: pointer;
+        transition: all 0.15s;
+        font-family: inherit;
+        line-height: 1.5;
+      }
+
+      .preset--active {
+        background: var(--ic-accent);
+        color: var(--ic-bg, #0f172a);
+        border: 1px solid var(--ic-accent);
+      }
+
+      .preset--inactive {
+        background: transparent;
+        color: var(--ic-text-dim);
+        border: 1px solid var(--ic-border);
+      }
+
+      .preset--inactive:hover {
+        border-color: var(--ic-text-dim);
+      }
+
+      .custom-dates {
+        display: flex;
+        gap: var(--ic-space-sm);
+        margin-top: var(--ic-space-sm);
+        align-items: center;
+      }
+
+      .date-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+      }
+
+      .date-input {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        color: var(--ic-text);
+        border-radius: var(--ic-radius-sm, 4px);
+        padding: 0.25rem 0.5rem;
+        font-size: var(--ic-text-xs);
+        font-family: inherit;
+      }
+
+      .date-input:focus {
+        outline: 2px solid var(--ic-accent);
+        outline-offset: 1px;
+      }
+    `];r([p({type:String})],s.prototype,"selected",2);r([p({attribute:!1})],s.prototype,"presets",2);r([u()],s.prototype,"_customFrom",2);r([u()],s.prototype,"_customTo",2);s=r([f("ic-time-range-picker")],s);

package/node_modules/@comis/web/dist/assets/ic-tool-call-7MaXSsCW.js

@@ -0,0 +1,146 @@
+import{s as h,f,i as v,n as l,r as m,a as x,b as o,A as d,t as g}from"./index-CEcM1R_C.js";import"./ic-chat-message-CFyDJd0z.js";import"./ic-icon-xeGTVhVG.js";function b(e){return e.replace(/\b(?:NO_REPLY|HEARTBEAT_OK)\b/g,"").trim()}function y(e){if(!e.includes("[System context]")&&!e.includes("[End system context]"))return e;const t="[End system context]",i=e.lastIndexOf(t);if(i===-1)return e;const n=e.slice(i+t.length),s=n.match(/\s*\[[\w-]+\]\s+\S+\s+\([^)]*\):\s*/);if(s){const c=n.indexOf(s[0])+s[0].length;return n.slice(c).trim()}return n.trim()}function S(e,t){return t==="assistant"?b(e):t==="user"?y(e):e}var w=Object.defineProperty,_=Object.getOwnPropertyDescriptor,a=(e,t,i,n)=>{for(var s=n>1?void 0:n?_(t,i):t,c=e.length-1,u;c>=0;c--)(u=e[c])&&(s=(n?u(t,i,s):u(s))||s);return n&&s&&w(t,i,s),s};function p(e){if(e==null)return"";if(typeof e=="string")return e;try{return JSON.stringify(e,null,2)}catch{return String(e)}}let r=class extends x{constructor(){super(...arguments),this.toolName="",this.input=null,this.output=null,this.expanded=!1,this.status="success",this._showFullOutput=!1}_toggleExpanded(){this.expanded=!this.expanded}_handleHeaderKeyDown(e){(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this._toggleExpanded())}_renderStatus(){switch(this.status){case"running":return o`<ic-loading size="sm"></ic-loading>`;case"success":return o`<ic-icon name="check" size="16px" color="var(--ic-success)"></ic-icon>`;case"error":return o`<ic-icon name="x" size="16px" color="var(--ic-error)"></ic-icon>`}}_renderBody(){return this.expanded?o`
+      <div class="body">
+        ${this.input!=null?o`
+              <div class="section">
+                <div class="section-label">Input</div>
+                <ic-code-block
+                  language=${typeof this.input=="string"?"":"json"}
+                  .code=${p(this.input)}
+                ></ic-code-block>
+              </div>
+            `:d}
+        ${this.output!=null?this._renderOutput():d}
+      </div>
+    `:d}_renderOutput(){const e=p(this.output),t=e.length>500&&!this._showFullOutput,i=t?e.slice(0,500)+"... (truncated)":e;return o`
+      <div class="section">
+        <div class="section-label">Output</div>
+        <ic-code-block
+          language=${typeof this.output=="string"?"":"json"}
+          .code=${i}
+        ></ic-code-block>
+        ${t?o`
+              <button class="show-full" @click=${()=>{this._showFullOutput=!0}}>
+                Show full
+              </button>
+            `:d}
+      </div>
+    `}render(){const e=this.expanded?"chevron chevron--expanded":"chevron";return o`
+      <div
+        class="container"
+        role="group"
+        aria-label="Tool call: ${this.toolName}"
+      >
+        <button
+          class="header"
+          @click=${this._toggleExpanded}
+          @keydown=${this._handleHeaderKeyDown}
+          aria-expanded="${this.expanded}"
+        >
+          <span class=${e}>
+            <ic-icon name="chevron-right" size="16px"></ic-icon>
+          </span>
+          <span class="tool-icon">
+            <ic-icon name="skills" size="16px" color="var(--ic-text-muted)"></ic-icon>
+          </span>
+          <span class="tool-name">${this.toolName}</span>
+          <span class="status">${this._renderStatus()}</span>
+        </button>
+        ${this._renderBody()}
+      </div>
+    `}};r.styles=[h,f,v`
+      :host {
+        display: block;
+      }
+
+      .container {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        margin: var(--ic-space-xs) 0;
+        overflow: hidden;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        cursor: pointer;
+        border: none;
+        background: none;
+        width: 100%;
+        color: inherit;
+        font: inherit;
+        text-align: left;
+        transition: background var(--ic-transition);
+      }
+
+      .header:hover {
+        background: var(--ic-surface-2);
+      }
+
+      .chevron {
+        display: inline-flex;
+        color: var(--ic-text-dim);
+        transition: transform 150ms ease;
+        flex-shrink: 0;
+      }
+
+      .chevron--expanded {
+        transform: rotate(90deg);
+      }
+
+      .tool-icon {
+        flex-shrink: 0;
+      }
+
+      .tool-name {
+        font-family: var(--ic-font-mono);
+        font-size: var(--ic-text-sm);
+        color: var(--ic-text);
+        font-weight: 500;
+        flex: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .status {
+        flex-shrink: 0;
+        display: inline-flex;
+        align-items: center;
+      }
+
+      .body {
+        border-top: 1px solid var(--ic-border);
+        padding: var(--ic-space-sm) var(--ic-space-md) var(--ic-space-md);
+      }
+
+      .section-label {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.04em;
+        font-weight: 500;
+        margin-bottom: var(--ic-space-xs);
+      }
+
+      .section + .section {
+        margin-top: var(--ic-space-sm);
+      }
+
+      .show-full {
+        background: none;
+        border: none;
+        color: var(--ic-accent);
+        cursor: pointer;
+        font-size: var(--ic-text-xs);
+        padding: 0;
+        margin-top: var(--ic-space-xs);
+        font-family: inherit;
+      }
+
+      .show-full:hover {
+        text-decoration: underline;
+      }
+    `];a([l()],r.prototype,"toolName",2);a([l({attribute:!1})],r.prototype,"input",2);a([l({attribute:!1})],r.prototype,"output",2);a([l({type:Boolean})],r.prototype,"expanded",2);a([l()],r.prototype,"status",2);a([m()],r.prototype,"_showFullOutput",2);r=a([g("ic-tool-call")],r);export{y as a,S as c,b as s};