comisai 1.0.24 → 1.0.26

package/node_modules/@comis/web/dist/assets/{ic-search-input-CSOxY9g7.js → ic-search-input-B02AGw1i.js}

@@ -1,24 +1,4 @@
-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`
+import{c as e,f as t,h as n,l as r,n as i,r as a,s as o,t as s}from"./decorate-BvWYovGE.js";var c=class extends r{constructor(...e){super(...e),this.value=``,this.placeholder=`Search...`,this.debounce=300,this.disabled=!1,this._debounceTimer=null}static{this.styles=[a,i,n`
       :host {
         display: block;
       }
@@ -89,4 +69,24 @@ 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
       .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);
+    `]}disconnectedCallback(){super.disconnectedCallback(),this._cancelDebounce()}_cancelDebounce(){this._debounceTimer!==null&&(clearTimeout(this._debounceTimer),this._debounceTimer=null)}_onInput(e){let t=e.target;this.value=t.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 t`
+      <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>
+    `}};s([o()],c.prototype,`value`,void 0),s([o()],c.prototype,`placeholder`,void 0),s([o({type:Number})],c.prototype,`debounce`,void 0),s([o({type:Boolean})],c.prototype,`disabled`,void 0),c=s([e(`ic-search-input`)],c);

package/node_modules/@comis/web/dist/assets/{ic-select-Ce-Raudx.js → ic-select-BqfZISjw.js}

@@ -1,19 +1,4 @@
-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`
+import{c as e,f as t,h as n,l as r,n as i,r as a,s as o,t as s,u as c}from"./decorate-BvWYovGE.js";var l=class extends r{constructor(...e){super(...e),this.label=``,this.checked=!1,this.disabled=!1}static{this.styles=[a,i,n`
       :host {
         display: inline-flex;
         align-items: center;
@@ -73,19 +58,22 @@ 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-CEcM
       .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>
+    `]}_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 t`
+      ${this.label?t`<span class="toggle-label" ?data-disabled=${this.disabled} @click=${()=>this._toggle()}>${this.label}</span>`:c}
+      <div
+        class="track"
+        role="switch"
+        tabindex=${this.disabled?-1:0}
+        aria-checked=${this.checked?`true`:`false`}
+        aria-label=${this.label||c}
+        ?data-checked=${this.checked}
+        ?data-disabled=${this.disabled}
+        @click=${()=>this._toggle()}
+        @keydown=${this._onKeyDown}
+      >
+        <div class="thumb"></div>
       </div>
-    `}};o.styles=[u,v,f`
+    `}};s([o()],l.prototype,`label`,void 0),s([o({type:Boolean})],l.prototype,`checked`,void 0),s([o({type:Boolean})],l.prototype,`disabled`,void 0),l=s([e(`ic-toggle`)],l);var u=class extends r{constructor(...e){super(...e),this.label=``,this.value=``,this.options=[],this.disabled=!1}static{this.styles=[a,i,n`
       :host {
         display: block;
       }
@@ -124,4 +112,16 @@ 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-CEcM
         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);
+    `]}_onChange(e){let t=e.target.value;this.dispatchEvent(new CustomEvent(`change`,{detail:t,bubbles:!0,composed:!0}))}render(){return t`
+      <div class="select-wrapper">
+        ${this.label?t`<label>${this.label}</label>`:c}
+        <select
+          .value=${this.value}
+          ?disabled=${this.disabled}
+          aria-label=${this.label||c}
+          @change=${this._onChange}
+        >
+          ${this.options.map(e=>t`<option value=${e.value} ?selected=${e.value===this.value}>${e.label}</option>`)}
+        </select>
+      </div>
+    `}};s([o()],u.prototype,`label`,void 0),s([o()],u.prototype,`value`,void 0),s([o({type:Array})],u.prototype,`options`,void 0),s([o({type:Boolean})],u.prototype,`disabled`,void 0),u=s([e(`ic-select`)],u);

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

@@ -0,0 +1,95 @@
+import{c as e,f as t,h as n,l as r,n as i,r as a,s as o,t as s,u as c}from"./decorate-BvWYovGE.js";var l=class extends r{constructor(...e){super(...e),this.tabs=[],this.activeTab=``}static{this.styles=[a,i,n`
+      :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;
+      }
+    `]}willUpdate(e){(!this.activeTab||e.has(`tabs`))&&this.tabs.length>0&&!this.activeTab&&(this.activeTab=this.tabs[0].id)}updated(e){this._updatePanelVisibility()}_updatePanelVisibility(){let e=this.shadowRoot?.querySelector(`slot:not([name])`);if(!e)return;let t=e.assignedElements();for(let e of t){let t=e.dataset.tab;t&&(t===this.activeTab?e.setAttribute(`data-active`,``):e.removeAttribute(`data-active`))}}_selectTab(e){e!==this.activeTab&&(this.activeTab=e,this.dispatchEvent(new CustomEvent(`tab-change`,{detail:e})))}_onTabKeyDown(e){let t=Array.from(this.shadowRoot?.querySelectorAll(`[role="tab"]`)??[]),n=t.indexOf(e.target);if(n<0)return;let r=-1;switch(e.key){case`ArrowLeft`:e.preventDefault(),r=n>0?n-1:t.length-1;break;case`ArrowRight`:e.preventDefault(),r=n<t.length-1?n+1:0;break;case`Home`:e.preventDefault(),r=0;break;case`End`:e.preventDefault(),r=t.length-1;break;default:return}if(r>=0&&r<t.length){t[r].focus();let e=this.tabs[r]?.id;e&&this._selectTab(e)}}render(){let e=this.activeTab||(this.tabs.length>0?this.tabs[0].id:``);return t`
+      <div class="tablist" role="tablist">
+        ${this.tabs.map(n=>{let r=n.id===e;return t`
+            <button
+              role="tab"
+              id="tab-${n.id}"
+              class="tab ${r?`tab--active`:``}"
+              aria-selected=${r?`true`:`false`}
+              aria-controls="panel-${n.id}"
+              tabindex=${r?`0`:`-1`}
+              @click=${()=>this._selectTab(n.id)}
+              @keydown=${this._onTabKeyDown}
+            >
+              ${n.label}
+              ${n.badge&&n.badge>0?t`<span class="badge">${n.badge}</span>`:c}
+            </button>
+          `})}
+      </div>
+      <div class="panels">
+        ${this.tabs.map(n=>{let r=n.id===e;return t`
+            <div
+              role="tabpanel"
+              id="panel-${n.id}"
+              aria-labelledby="tab-${n.id}"
+              ?hidden=${!r}
+            >
+              <slot name=${n.id}></slot>
+            </div>
+          `})}
+        <slot @slotchange=${this._updatePanelVisibility}></slot>
+      </div>
+    `}};s([o({type:Array})],l.prototype,`tabs`,void 0),s([o()],l.prototype,`activeTab`,void 0),l=s([e(`ic-tabs`)],l);

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

@@ -0,0 +1,33 @@
+import{c as e,f as t,h as n,l as r,r as i,s as a,t as o}from"./decorate-BvWYovGE.js";var s={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)`},c=class extends r{constructor(...e){super(...e),this.variant=`default`,this.size=`sm`}static{this.styles=[i,n`
+      :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);
+      }
+    `]}render(){let e=s[this.variant]??s.default;return t`
+      <span
+        class="tag ${this.size===`md`?`tag--md`:`tag--sm`}"
+        style="background-color: color-mix(in srgb, ${e} 10%, transparent); color: ${e};"
+      >
+        <slot></slot>
+      </span>
+    `}};o([a()],c.prototype,`variant`,void 0),o([a()],c.prototype,`size`,void 0),c=o([e(`ic-tag`)],c);

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

@@ -1,33 +1,4 @@
-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`
+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=[{label:`Today`,sinceMs:864e5},{label:`7d`,sinceMs:6048e5},{label:`30d`,sinceMs:2592e6},{label:`Custom`,sinceMs:0}],d=class extends r{constructor(...e){super(...e),this.selected=`7d`,this.presets=u,this._customFrom=``,this._customTo=``}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -90,4 +61,33 @@ 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"./ind
         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);
+    `]}_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;let e=new Date(this._customFrom).getTime(),t=Date.now()-e;this.dispatchEvent(new CustomEvent(`time-range-change`,{detail:{sinceMs:t,label:`Custom`},bubbles:!0,composed:!0}))}render(){return t`
+      <div class="presets">
+        ${this.presets.map(e=>t`
+            <button
+              class="preset ${this.selected===e.label?`preset--active`:`preset--inactive`}"
+              @click=${()=>this._onPresetClick(e)}
+            >
+              ${e.label}
+            </button>
+          `)}
+      </div>
+      ${this.selected===`Custom`?t`
+            <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>
+          `:l}
+    `}};c([s({type:String})],d.prototype,`selected`,void 0),c([s({attribute:!1})],d.prototype,`presets`,void 0),c([a()],d.prototype,`_customFrom`,void 0),c([a()],d.prototype,`_customTo`,void 0),d=c([e(`ic-time-range-picker`)],d);

package/node_modules/@comis/web/dist/assets/{ic-tool-call-7MaXSsCW.js → ic-tool-call-Bh5kq-yY.js}

@@ -1,53 +1,4 @@
-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`
+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-BBkuC-EU.js";import"./ic-icon-BGNCCPpZ.js";import"./ic-chat-message-ByFUoMm6.js";function u(e){return e.replace(/\b(?:NO_REPLY|HEARTBEAT_OK)\b/g,``).trim()}function d(e){if(!e.includes(`[System context]`)&&!e.includes(`[End system context]`))return e;let t=e.lastIndexOf(`[End system context]`);if(t===-1)return e;let n=e.slice(t+20),r=n.match(/\s*\[[\w-]+\]\s+\S+\s+\([^)]*\):\s*/);if(r){let e=n.indexOf(r[0])+r[0].length;return n.slice(e).trim()}return n.trim()}function f(e,t){return t===`assistant`?u(e):t===`user`?d(e):e}function p(e){if(e==null)return``;if(typeof e==`string`)return e;try{return JSON.stringify(e,null,2)}catch{return String(e)}}var m=class extends r{constructor(...e){super(...e),this.toolName=``,this.input=null,this.output=null,this.expanded=!1,this.status=`success`,this._showFullOutput=!1}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -143,4 +94,53 @@ 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-CE
       .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};
+    `]}_toggleExpanded(){this.expanded=!this.expanded}_handleHeaderKeyDown(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this._toggleExpanded())}_renderStatus(){switch(this.status){case`running`:return t`<ic-loading size="sm"></ic-loading>`;case`success`:return t`<ic-icon name="check" size="16px" color="var(--ic-success)"></ic-icon>`;case`error`:return t`<ic-icon name="x" size="16px" color="var(--ic-error)"></ic-icon>`}}_renderBody(){return this.expanded?t`
+      <div class="body">
+        ${this.input==null?l:t`
+              <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>
+            `}
+        ${this.output==null?l:this._renderOutput()}
+      </div>
+    `:l}_renderOutput(){let e=p(this.output),n=e.length>500&&!this._showFullOutput,r=n?e.slice(0,500)+`... (truncated)`:e;return t`
+      <div class="section">
+        <div class="section-label">Output</div>
+        <ic-code-block
+          language=${typeof this.output==`string`?``:`json`}
+          .code=${r}
+        ></ic-code-block>
+        ${n?t`
+              <button class="show-full" @click=${()=>{this._showFullOutput=!0}}>
+                Show full
+              </button>
+            `:l}
+      </div>
+    `}render(){let e=this.expanded?`chevron chevron--expanded`:`chevron`;return t`
+      <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>
+    `}};c([s()],m.prototype,`toolName`,void 0),c([s({attribute:!1})],m.prototype,`input`,void 0),c([s({attribute:!1})],m.prototype,`output`,void 0),c([s({type:Boolean})],m.prototype,`expanded`,void 0),c([s()],m.prototype,`status`,void 0),c([a()],m.prototype,`_showFullOutput`,void 0),m=c([e(`ic-tool-call`)],m);export{u as n,d as r,f as t};