comisai 1.0.41 → 1.0.44

package/node_modules/@comis/web/dist/assets/agent-editor-Ciyu1WDy.js

@@ -0,0 +1,2015 @@
+import{S as e,_ as t,d as n,g as r,h as i,m as a,n as o,p as s,r as c,t as l,y as u}from"./decorate-C2wzL86z.js";import{a as d}from"./index-dqPriKJN.js";import"./ic-breadcrumb-CamOsLdw.js";import"./ic-tag-C5SwX7RT.js";import"./ic-array-editor-Ba7psX7q.js";function f(e,t=0){let n=[],r=`  `.repeat(t);for(let[i,a]of Object.entries(e))if(!(a==null||a===``))if(Array.isArray(a)){if(a.length===0)continue;n.push(`${r}${i}:`);for(let e of a)if(typeof e==`object`&&e&&!Array.isArray(e)){let i=f(e,t+2).split(`
+`).filter(Boolean);if(i.length>0){n.push(`${r}  - ${i[0].trimStart()}`);for(let e=1;e<i.length;e++)n.push(`${r}    ${i[e].trimStart()}`)}}else n.push(`${r}  - ${p(e)}`)}else if(typeof a==`object`){let e=f(a,t+1);e.trim()&&(n.push(`${r}${i}:`),n.push(e))}else n.push(`${r}${i}: ${p(a)}`);return n.join(`
+`)}function p(e){return typeof e==`string`?/[:#{}[\],&*?|>!%@`'"]/.test(e)||e.includes(`
+`)?`"${e.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`)}"`:e:typeof e==`boolean`?e?`true`:`false`:String(e)}function m(){let e=new Set,t=t=>{e.size>0&&t.preventDefault()};return{get isDirty(){return e.size>0},markDirty(t=`_default`){e.add(t)},markClean(){e.clear()},confirmNavigation(){return e.size===0?!0:window.confirm(`You have unsaved changes. Discard and leave?`)},attach(){window.addEventListener(`beforeunload`,t)},detach(){window.removeEventListener(`beforeunload`,t)},dirtyFields(){return[...e]}}}function h(e,t,n){return e[t]??n}function g(e,t,n,r,i){let a=h(e,t,void 0),o=i?.step??`1`,s=o.includes(`.`)?o.split(`.`)[1].length:0,c=a===void 0?``:(s>0?Number(Number(a).toFixed(s)):a).toString(),l=i?.id??`field-${t.replace(/\./g,`-`)}`;return u`
+    <div class="field">
+      <label for=${l}>${n}</label>
+      <input
+        id=${l}
+        type="number"
+        .value=${c}
+        step=${o}
+        min=${i?.min??``}
+        max=${i?.max??``}
+        placeholder=${i?.placeholder??``}
+        @input=${e=>{let n=e.target.value;r(t,n===``?void 0:Number(n))}}
+      />
+    </div>
+  `}function _(e,t,n,r,i){let a=i?.id??`field-${t.replace(/\./g,`-`)}`;return u`
+    <div class="field">
+      <label for=${a}>${n}</label>
+      <input
+        id=${a}
+        type="text"
+        .value=${h(e,t,``)}
+        ?readonly=${i?.readonly}
+        placeholder=${i?.placeholder??``}
+        @input=${e=>r(t,e.target.value)}
+      />
+    </div>
+  `}function v(e,t,n,r,i){let a=i?.id??`field-${t.replace(/\./g,`-`)}`;return u`
+    <div class="field">
+      <label for=${a}>${n}</label>
+      <textarea
+        id=${a}
+        .value=${h(e,t,``)}
+        placeholder=${i?.placeholder??``}
+        @input=${e=>r(t,e.target.value)}
+      ></textarea>
+    </div>
+  `}function y(e,t,n,r,i,a){let o=h(e,t,r[0]?.value??``),s=a?.id??`field-${t.replace(/\./g,`-`)}`;return u`
+    <div class="field">
+      <label for=${s}>${n}</label>
+      <select
+        id=${s}
+        @change=${e=>i(t,e.target.value)}
+      >
+        ${r.map(e=>u`<option value=${e.value} ?selected=${o===e.value}>${e.label}</option>`)}
+      </select>
+    </div>
+  `}function b(e,t,n,r,i){let a=i?.id??`field-${t.replace(/\./g,`-`)}`;return u`
+    <div class="checkbox-field">
+      <input
+        id=${a}
+        type="checkbox"
+        .checked=${!!h(e,t,!1)}
+        @change=${e=>r(t,e.target.checked)}
+      />
+      <label for=${a}>${n}</label>
+    </div>
+  `}var x=class extends r{constructor(...e){super(...e),this.form={},this.isNew=!1,this.agentId=``,this.catalogProviders=[],this._onChange=(e,t)=>{this._emit(e,t)}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}_emit(e,t){this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}_renderProviderModelFields(){let e=this.catalogProviders.length>0?this.catalogProviders.map(e=>({value:e.name,label:e.name.charAt(0).toUpperCase()+e.name.slice(1)})):[{value:`anthropic`,label:`Anthropic`}],n=h(this.form,`provider`,`anthropic`),r=h(this.form,`model`,``),i=(this.catalogProviders.find(e=>e.name===n)?.models??[]).map(e=>({id:e.modelId,label:e.displayName||e.modelId})),a=!r||i.some(e=>e.id===r);return n&&!e.some(e=>e.value===n)&&e.unshift({value:n,label:n}),u`
+      <div class="field">
+        <label for="field-provider">Provider</label>
+        <select
+          id="field-provider"
+          @change=${e=>{let t=e.target.value;this._emit(`provider`,t),this._emit(`model`,``)}}
+        >
+          ${e.map(e=>u`<option value=${e.value} ?selected=${e.value===n}>${e.label}</option>`)}
+        </select>
+      </div>
+      <div class="field">
+        <label for="field-model">Model</label>
+        <select
+          id="field-model"
+          @change=${e=>this._emit(`model`,e.target.value)}
+        >
+          <option value="" ?selected=${!r}>-- Select model --</option>
+          ${!a&&r?u`<option value=${r} selected>${r}</option>`:t}
+          ${i.map(e=>u`<option value=${e.id} ?selected=${e.id===r}>${e.label}</option>`)}
+        </select>
+      </div>
+    `}_getSelectedModel(){let e=h(this.form,`provider`,`anthropic`),t=h(this.form,`model`,``);return this.catalogProviders.find(t=>t.name===e)?.models?.find(e=>e.modelId===t)}render(){let e=this._getSelectedModel(),t=e?.maxTokens?`Default: ${e.maxTokens.toLocaleString()}`:`Provider default`;return u`
+      ${this.isNew?_(this.form,`id`,`Agent ID`,this._onChange,{id:`field-id`,placeholder:`unique-agent-id`}):u`
+            <div class="field">
+              <label for="field-id">Agent ID</label>
+              <input id="field-id" type="text" .value=${this.agentId} readonly />
+            </div>
+          `}
+      ${_(this.form,`name`,`Display Name`,this._onChange,{id:`field-name`,placeholder:`My Agent`})}
+      <div class="field-row">
+        ${this._renderProviderModelFields()}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`temperature`,`Temperature`,this._onChange,{id:`field-temperature`,step:`0.1`,min:`0`,max:`2`,placeholder:`Default: 1.0`})}
+        ${y(this.form,`thinkingLevel`,`Thinking Level`,[{value:`none`,label:`None`},{value:`low`,label:`Low`},{value:`medium`,label:`Medium`},{value:`high`,label:`High`}],this._onChange,{id:`field-thinkingLevel`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`maxSteps`,`Max Steps`,this._onChange,{id:`field-maxSteps`,min:`1`})}
+        ${g(this.form,`maxTokens`,`Max Tokens`,this._onChange,{id:`field-maxTokens`,placeholder:t})}
+      </div>
+    `}};l([a({attribute:!1})],x.prototype,`form`,void 0),l([a({type:Boolean})],x.prototype,`isNew`,void 0),l([a()],x.prototype,`agentId`,void 0),l([a({attribute:!1})],x.prototype,`catalogProviders`,void 0),x=l([i(`ic-agent-essential-editor`)],x);var S=class extends r{constructor(...e){super(...e),this.form={},this._onChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}render(){return u`
+      <div class="field-row">
+        ${g(this.form,`budgets.perExecution`,`Per Execution (tokens)`,this._onChange,{id:`field-budgets-perExecution`,placeholder:`2000000`})}
+        ${g(this.form,`budgets.perHour`,`Per Hour (tokens)`,this._onChange,{id:`field-budgets-perHour`,placeholder:`10000000`})}
+      </div>
+      ${g(this.form,`budgets.perDay`,`Per Day (tokens)`,this._onChange,{id:`field-budgets-perDay`,placeholder:`100000000`})}
+    `}};l([a({attribute:!1})],S.prototype,`form`,void 0),S=l([i(`ic-agent-budget-editor`)],S);var C=class extends r{constructor(...e){super(...e),this.form={},this._onChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .checkbox-field {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      text-transform: none;
+      letter-spacing: normal;
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      width: 1rem;
+      height: 1rem;
+      accent-color: var(--ic-accent);
+      cursor: pointer;
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0;
+    }
+
+    .section-title {
+      font-weight: 600;
+      margin-bottom: var(--ic-space-sm);
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}render(){let e=h(this.form,`session.resetMode`,`none`),n=Array.from({length:24},(e,t)=>({value:String(t),label:`${String(t).padStart(2,`0`)}:00`}));return u`
+      <div class="field-row">
+        ${y(this.form,`session.resetMode`,`Reset Mode`,[{value:`none`,label:`None (manual only)`},{value:`daily`,label:`Daily`},{value:`idle`,label:`Idle Timeout`},{value:`hybrid`,label:`Hybrid (first to expire)`}],this._onChange,{id:`field-sess-resetMode`})}
+        ${e===`idle`||e===`hybrid`?g(this.form,`session.idleTimeoutMs`,`Idle Timeout (ms)`,this._onChange,{id:`field-sess-idleTimeout`,placeholder:`14400000`}):t}
+      </div>
+      ${e===`daily`||e===`hybrid`?u`
+        <div class="field-row">
+          ${y(this.form,`session.dailyResetHour`,`Daily Reset Hour`,n,this._onChange,{id:`field-sess-dailyResetHour`})}
+          ${y(this.form,`session.timezone`,`Timezone`,[{value:`UTC`,label:`UTC`},{value:`America/New_York`,label:`US Eastern`},{value:`America/Chicago`,label:`US Central`},{value:`America/Denver`,label:`US Mountain`},{value:`America/Los_Angeles`,label:`US Pacific`},{value:`Europe/London`,label:`Europe/London`},{value:`Europe/Berlin`,label:`Europe/Berlin`},{value:`Europe/Paris`,label:`Europe/Paris`},{value:`Europe/Moscow`,label:`Europe/Moscow`},{value:`Asia/Dubai`,label:`Asia/Dubai`},{value:`Asia/Kolkata`,label:`Asia/Kolkata`},{value:`Asia/Shanghai`,label:`Asia/Shanghai`},{value:`Asia/Tokyo`,label:`Asia/Tokyo`},{value:`Asia/Seoul`,label:`Asia/Seoul`},{value:`Asia/Jerusalem`,label:`Asia/Jerusalem`},{value:`Australia/Sydney`,label:`Australia/Sydney`},{value:`Pacific/Auckland`,label:`Pacific/Auckland`}],this._onChange,{id:`field-sess-timezone`})}
+        </div>
+      `:t}
+
+      <hr class="divider" />
+      <div class="section-title">DM Scope</div>
+      ${y(this.form,`session.dmScopeMode`,`DM Scope Mode`,[{value:``,label:`Default (main)`},{value:`main`,label:`Main (single session)`},{value:`per-peer`,label:`Per Peer`},{value:`per-channel-peer`,label:`Per Channel+Peer`},{value:`per-account-channel-peer`,label:`Per Account+Channel+Peer`}],this._onChange,{id:`field-sess-dmScope`})}
+
+      <hr class="divider" />
+      <div class="section-title">Pruning</div>
+      ${b(this.form,`session.pruning.enabled`,`Enable Pruning`,this._onChange,{id:`field-sess-pruning`})}
+      ${g(this.form,`session.pruning.maxEntries`,`Max Entries`,this._onChange,{id:`field-sess-pruning-max`,min:`1`})}
+
+      <div class="section-title">Compaction</div>
+      ${b(this.form,`session.compaction.enabled`,`Enable Compaction`,this._onChange,{id:`field-sess-compaction`})}
+      ${g(this.form,`session.compaction.threshold`,`Threshold (messages)`,this._onChange,{id:`field-sess-compaction-threshold`,min:`1`})}
+    `}};l([a({attribute:!1})],C.prototype,`form`,void 0),C=l([i(`ic-agent-session-editor`)],C);var w=[`read`,`write`,`edit`,`grep`,`find`,`ls`,`exec`,`process`,`webSearch`,`webFetch`,`browser`],T={minimal:{read:!0,write:!0,edit:!1,grep:!1,find:!1,ls:!1,exec:!1,process:!1,webSearch:!1,webFetch:!1,browser:!1},coding:{read:!0,write:!0,edit:!0,grep:!0,find:!0,ls:!0,exec:!0,process:!0,webSearch:!1,webFetch:!1,browser:!1},messaging:{read:!1,write:!1,edit:!1,grep:!1,find:!1,ls:!1,exec:!1,process:!1,webSearch:!1,webFetch:!1,browser:!1},supervisor:{read:!1,write:!1,edit:!1,grep:!1,find:!1,ls:!1,exec:!1,process:!1,webSearch:!1,webFetch:!1,browser:!1},full:{read:!0,write:!0,edit:!0,grep:!0,find:!0,ls:!0,exec:!0,process:!0,webSearch:!0,webFetch:!0,browser:!1}},E=class extends r{constructor(...e){super(...e),this.form={},this._onChange=(e,t)=>{this._emit(e,t)}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field select,
+    .field textarea {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field select:focus,
+    .field textarea:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field textarea {
+      min-height: 4rem;
+      resize: vertical;
+    }
+
+    .checkbox-field {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      text-transform: none;
+      letter-spacing: normal;
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      width: 1rem;
+      height: 1rem;
+      accent-color: var(--ic-accent);
+      cursor: pointer;
+    }
+
+    .checkbox-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+      gap: var(--ic-space-sm);
+    }
+
+    .section-title {
+      font-weight: 600;
+      margin-bottom: var(--ic-space-sm);
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+    }
+  `}_emit(e,t){this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}_applyProfileToBuiltinTools(e){let t=T[e];if(t)for(let[e,n]of Object.entries(t))this._emit(`skills.builtin.${e}`,n)}render(){let e=[{value:`minimal`,label:`Minimal`},{value:`coding`,label:`Coding`},{value:`messaging`,label:`Messaging`},{value:`supervisor`,label:`Supervisor`},{value:`full`,label:`Full`}],t=h(this.form,`skills.toolPolicyProfile`,`full`);return u`
+      <div class="field">
+        <label for="field-skills-profile">Tool Policy Profile</label>
+        <select
+          id="field-skills-profile"
+          @change=${e=>{let t=e.target.value;this._emit(`skills.toolPolicyProfile`,t),this._applyProfileToBuiltinTools(t)}}
+        >
+          ${e.map(e=>u`<option value=${e.value} ?selected=${t===e.value}>${e.label}</option>`)}
+        </select>
+      </div>
+      ${v(this.form,`skills.discoveryPaths`,`Discovery Paths (one per line)`,this._onChange,{id:`field-skills-discovery`,placeholder:`/skills
+/custom-skills`})}
+      ${v(this.form,`skills.allowList`,`Allow List (one per line)`,this._onChange,{id:`field-skills-allow`,placeholder:`bash
+file_ops`})}
+      ${v(this.form,`skills.denyList`,`Deny List (one per line)`,this._onChange,{id:`field-skills-deny`})}
+
+      <div class="section-title">Built-in Tools</div>
+      <div class="checkbox-grid">
+        ${w.map(e=>b(this.form,`skills.builtin.${e}`,e,this._onChange,{id:`field-skills-builtin-${e}`}))}
+      </div>
+    `}};l([a({attribute:!1})],E.prototype,`form`,void 0),E=l([i(`ic-agent-skills-editor`)],E);var D=class extends r{constructor(...e){super(...e),this.form={},this._onChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field textarea {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field textarea:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field textarea {
+      min-height: 4rem;
+      resize: vertical;
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .checkbox-field {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      text-transform: none;
+      letter-spacing: normal;
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      width: 1rem;
+      height: 1rem;
+      accent-color: var(--ic-accent);
+      cursor: pointer;
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0;
+    }
+
+    .section-title {
+      font-weight: 600;
+      margin-bottom: var(--ic-space-sm);
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}render(){return u`
+      ${b(this.form,`heartbeat.enabled`,`Enabled`,this._onChange,{id:`field-hb-enabled`})}
+      ${g(this.form,`heartbeat.intervalMs`,`Interval (ms)`,this._onChange,{id:`field-hb-intervalMs`,placeholder:`900000`})}
+      <div class="section-title">Delivery Target</div>
+      <div class="field-row">
+        ${_(this.form,`heartbeat.target.channelType`,`Channel Type`,this._onChange,{id:`field-hb-channelType`,placeholder:`telegram`})}
+        ${_(this.form,`heartbeat.target.channelId`,`Channel ID`,this._onChange,{id:`field-hb-channelId`})}
+      </div>
+      ${_(this.form,`heartbeat.target.chatId`,`Chat ID`,this._onChange,{id:`field-hb-chatId`,placeholder:`Chat/conversation ID`})}
+      ${v(this.form,`heartbeat.prompt`,`Prompt`,this._onChange,{id:`field-hb-prompt`,placeholder:`Check system health`})}
+      <div class="field-row">
+        ${b(this.form,`heartbeat.showOk`,`Show OK`,this._onChange,{id:`field-hb-showOk`})}
+        ${b(this.form,`heartbeat.showAlerts`,`Show Alerts`,this._onChange,{id:`field-hb-showAlerts`})}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Advanced Heartbeat</div>
+      <div class="field-row">
+        ${_(this.form,`heartbeat.model`,`Model Override`,this._onChange,{id:`field-hb-model`,placeholder:`e.g. claude-sonnet-4-5-20250929`})}
+        ${_(this.form,`heartbeat.session`,`Session Key`,this._onChange,{id:`field-hb-session`})}
+      </div>
+      <div class="field-row">
+        ${b(this.form,`heartbeat.allowDm`,`Allow DM`,this._onChange,{id:`field-hb-allowDm`})}
+        ${b(this.form,`heartbeat.lightContext`,`Light Context`,this._onChange,{id:`field-hb-lightContext`})}
+        ${b(this.form,`heartbeat.skipHeartbeatOnlyDelivery`,`Skip HB-Only Delivery`,this._onChange,{id:`field-hb-skipDelivery`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`heartbeat.ackMaxChars`,`Ack Max Chars`,this._onChange,{id:`field-hb-ackMaxChars`})}
+        ${_(this.form,`heartbeat.responsePrefix`,`Response Prefix`,this._onChange,{id:`field-hb-responsePrefix`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`heartbeat.alertThreshold`,`Alert Threshold`,this._onChange,{id:`field-hb-alertThreshold`})}
+        ${g(this.form,`heartbeat.alertCooldownMs`,`Alert Cooldown (ms)`,this._onChange,{id:`field-hb-alertCooldownMs`})}
+      </div>
+      ${g(this.form,`heartbeat.staleMs`,`Stale Timeout (ms)`,this._onChange,{id:`field-hb-staleMs`})}
+    `}};l([a({attribute:!1})],D.prototype,`form`,void 0),D=l([i(`ic-agent-heartbeat-editor`)],D);var O=class extends r{constructor(...e){super(...e),this.form={},this._onChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select,
+    .field textarea {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus,
+    .field textarea:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field textarea {
+      min-height: 4rem;
+      resize: vertical;
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .checkbox-field {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      text-transform: none;
+      letter-spacing: normal;
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      width: 1rem;
+      height: 1rem;
+      accent-color: var(--ic-accent);
+      cursor: pointer;
+    }
+
+    .checkbox-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+      gap: var(--ic-space-sm);
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0;
+    }
+
+    .section-title {
+      font-weight: 600;
+      margin-bottom: var(--ic-space-sm);
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}render(){return u`
+      <div class="field-row">
+        ${y(this.form,`cacheRetention`,`Cache Retention`,[{value:``,label:`Default (long)`},{value:`none`,label:`None`},{value:`short`,label:`Short (5 min)`},{value:`long`,label:`Long (1 hr)`}],this._onChange,{id:`field-adv-cacheRetention`})}
+        ${g(this.form,`maxContextChars`,`Max Context Chars`,this._onChange,{id:`field-adv-maxContextChars`})}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">RAG</div>
+      ${b(this.form,`advanced.rag.enabled`,`Enabled`,this._onChange,{id:`field-rag-enabled`})}
+      <div class="field-row">
+        ${g(this.form,`advanced.rag.maxResults`,`Max Results`,this._onChange,{id:`field-rag-maxResults`,min:`1`})}
+        ${g(this.form,`advanced.rag.minScore`,`Min Score`,this._onChange,{id:`field-rag-minScore`,step:`0.01`,min:`0`,max:`1`})}
+      </div>
+      <div class="section-title">Trust Levels</div>
+      <div class="checkbox-grid">
+        ${b(this.form,`rag.trustLevels.system`,`System`,this._onChange,{id:`field-rag-trust-system`})}
+        ${b(this.form,`rag.trustLevels.learned`,`Learned`,this._onChange,{id:`field-rag-trust-learned`})}
+        ${b(this.form,`rag.trustLevels.external`,`External`,this._onChange,{id:`field-rag-trust-external`})}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Concurrency</div>
+      <div class="field-row">
+        ${g(this.form,`advanced.concurrency.maxConcurrent`,`Max Concurrent Runs`,this._onChange,{id:`field-conc-max`,min:`1`})}
+        ${g(this.form,`advanced.concurrency.maxQueued`,`Max Queued Per Session`,this._onChange,{id:`field-conc-queued`,min:`0`})}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Safety</div>
+      ${b(this.form,`safety.contextGuard.enabled`,`Context Guard`,this._onChange,{id:`field-safety-cg-enabled`})}
+      <div class="field-row">
+        ${g(this.form,`safety.contextGuard.warnPct`,`Warn at %`,this._onChange,{id:`field-safety-cg-warn`,min:`0`,max:`100`})}
+        ${g(this.form,`safety.contextGuard.blockPct`,`Block at %`,this._onChange,{id:`field-safety-cg-block`,min:`0`,max:`100`})}
+      </div>
+      ${b(this.form,`safety.sdkRetry.enabled`,`SDK Retry`,this._onChange,{id:`field-safety-sdk-enabled`})}
+      <div class="field-row">
+        ${g(this.form,`safety.sdkRetry.maxRetries`,`Max Retries`,this._onChange,{id:`field-safety-sdk-retries`,min:`0`})}
+        ${g(this.form,`safety.sdkRetry.baseDelayMs`,`Base Delay (ms)`,this._onChange,{id:`field-safety-sdk-delay`})}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Circuit Breaker</div>
+      <div class="field-row">
+        ${g(this.form,`circuitBreaker.threshold`,`Failure Threshold`,this._onChange,{id:`field-cb-threshold`,min:`1`})}
+        ${g(this.form,`circuitBreaker.resetTimeoutMs`,`Reset Timeout (ms)`,this._onChange,{id:`field-cb-resetMs`})}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Model Failover</div>
+      ${v(this.form,`failover.fallbackModels`,`Fallback Models (provider:model, one per line)`,this._onChange,{id:`field-fo-fallback`,placeholder:`openai:gpt-4o
+anthropic:claude-sonnet-4-5-20250929`})}
+      ${v(this.form,`failover.allowedModels`,`Allowed Models (one per line)`,this._onChange,{id:`field-fo-allowed`})}
+      <div class="field-row">
+        ${g(this.form,`failover.maxAttempts`,`Max Attempts`,this._onChange,{id:`field-fo-maxAttempts`,min:`1`})}
+        ${g(this.form,`failover.cooldownMs`,`Cooldown (ms)`,this._onChange,{id:`field-fo-cooldown`})}
+      </div>
+      ${v(this.form,`failover.authProfiles`,`Auth Profiles (JSON)`,this._onChange,{id:`field-fo-auth`})}
+
+      <hr class="divider" />
+      <div class="section-title">Elevated Reply</div>
+      ${b(this.form,`advanced.elevatedReply.enabled`,`Enabled`,this._onChange,{id:`field-adv-elevated`})}
+      ${v(this.form,`advanced.elevatedReply.recipients`,`Recipients (one per line)`,this._onChange,{id:`field-adv-elevated-recipients`})}
+
+      <hr class="divider" />
+      <div class="section-title">Tracing</div>
+      ${b(this.form,`advanced.tracing.enabled`,`Enabled`,this._onChange,{id:`field-adv-tracing`})}
+      ${_(this.form,`advanced.tracing.outputDir`,`Output Dir`,this._onChange,{id:`field-adv-tracing-dir`,placeholder:`~/.comis/traces`})}
+
+      <hr class="divider" />
+      <div class="section-title">Secrets & Routing</div>
+      ${v(this.form,`advanced.secretsAccess`,`Secrets Access (JSON)`,this._onChange,{id:`field-adv-secrets`})}
+      ${v(this.form,`advanced.bootstrap`,`Bootstrap (JSON)`,this._onChange,{id:`field-adv-bootstrap`})}
+      ${v(this.form,`advanced.modelRoutes`,`Model Routes (JSON)`,this._onChange,{id:`field-adv-modelRoutes`})}
+      ${_(this.form,`advanced.workspacePath`,`Workspace Path`,this._onChange,{id:`field-adv-workspace`})}
+    `}};l([a({attribute:!1})],O.prototype,`form`,void 0),O=l([i(`ic-agent-advanced-editor`)],O);var k=class extends r{constructor(...e){super(...e),this.form={},this._onChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`field-change`,{detail:{key:e,value:t},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host {
+      display: block;
+    }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select,
+    .field textarea {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus,
+    .field textarea:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .field textarea {
+      min-height: 60px;
+      resize: vertical;
+    }
+
+    .checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .section-title {
+      font-size: var(--ic-text-sm);
+      font-weight: 600;
+      color: var(--ic-text);
+      margin-top: var(--ic-space-md);
+      margin-bottom: var(--ic-space-sm);
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0;
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}render(){let e=h(this.form,`contextEngine.version`,`dag`);return u`
+      <!-- Core fields (always visible) -->
+      ${b(this.form,`contextEngine.enabled`,`Enabled`,this._onChange)}
+      ${y(this.form,`contextEngine.version`,`Mode`,[{value:`pipeline`,label:`Pipeline`},{value:`dag`,label:`DAG`}],this._onChange)}
+
+      <hr class="divider" />
+
+      <!-- Shared fields (always visible) -->
+      <div class="section-title">Shared Settings</div>
+      ${g(this.form,`contextEngine.thinkingKeepTurns`,`Thinking Keep Turns`,this._onChange,{min:`1`,max:`50`,placeholder:`10`})}
+      ${_(this.form,`contextEngine.compactionModel`,`Compaction Model`,this._onChange,{placeholder:`anthropic:claude-haiku-4-5-20250929`})}
+      ${g(this.form,`contextEngine.evictionMinAge`,`Eviction Min Age (turns)`,this._onChange,{min:`3`,max:`50`,placeholder:`15`})}
+
+      ${e===`pipeline`?this._renderPipelineFields():t}
+      ${e===`dag`?this._renderDagFields():t}
+    `}_renderPipelineFields(){return u`
+      <hr class="divider" />
+      <div class="section-title">Pipeline Settings</div>
+      ${g(this.form,`contextEngine.historyTurns`,`History Turns`,this._onChange,{min:`3`,max:`100`,placeholder:`15`})}
+      ${g(this.form,`contextEngine.observationKeepWindow`,`Observation Keep Window`,this._onChange,{min:`1`,max:`50`,placeholder:`25`})}
+      ${g(this.form,`contextEngine.observationTriggerChars`,`Observation Trigger Chars`,this._onChange,{min:`50000`,max:`1000000`,placeholder:`120000`})}
+      ${g(this.form,`contextEngine.observationDeactivationChars`,`Observation Deactivation Chars`,this._onChange,{min:`20000`,max:`500000`,placeholder:`80000`})}
+      ${g(this.form,`contextEngine.compactionCooldownTurns`,`Compaction Cooldown Turns`,this._onChange,{min:`1`,max:`50`,placeholder:`5`})}
+      ${v(this.form,`contextEngine.historyTurnOverrides`,`History Turn Overrides (JSON)`,this._onChange,{placeholder:`{"agentId": 20}`})}
+    `}_renderDagFields(){return u`
+      <hr class="divider" />
+      <div class="section-title">DAG Settings</div>
+      <div class="field-row">
+        ${g(this.form,`contextEngine.freshTailTurns`,`Fresh Tail Turns`,this._onChange,{min:`1`,max:`50`,placeholder:`8`})}
+        ${g(this.form,`contextEngine.contextThreshold`,`Context Threshold`,this._onChange,{step:`0.01`,min:`0.1`,max:`0.95`,placeholder:`0.75`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`contextEngine.leafMinFanout`,`Leaf Min Fanout`,this._onChange,{min:`2`,max:`20`,placeholder:`8`})}
+        ${g(this.form,`contextEngine.condensedMinFanout`,`Condensed Min Fanout`,this._onChange,{min:`2`,max:`20`,placeholder:`4`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`contextEngine.condensedMinFanoutHard`,`Condensed Min Fanout Hard`,this._onChange,{min:`2`,max:`10`,placeholder:`2`})}
+        ${g(this.form,`contextEngine.incrementalMaxDepth`,`Incremental Max Depth`,this._onChange,{min:`-1`,max:`10`,placeholder:`0`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`contextEngine.leafChunkTokens`,`Leaf Chunk Tokens`,this._onChange,{min:`1000`,max:`100000`,placeholder:`20000`})}
+        ${g(this.form,`contextEngine.leafTargetTokens`,`Leaf Target Tokens`,this._onChange,{min:`96`,max:`5000`,placeholder:`1200`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`contextEngine.condensedTargetTokens`,`Condensed Target Tokens`,this._onChange,{min:`256`,max:`10000`,placeholder:`2000`})}
+        ${g(this.form,`contextEngine.maxExpandTokens`,`Max Expand Tokens`,this._onChange,{min:`500`,max:`50000`,placeholder:`4000`})}
+      </div>
+      <div class="field-row">
+        ${g(this.form,`contextEngine.maxRecallsPerDay`,`Max Recalls Per Day`,this._onChange,{min:`1`,max:`100`,placeholder:`10`})}
+        ${g(this.form,`contextEngine.recallTimeoutMs`,`Recall Timeout (ms)`,this._onChange,{min:`10000`,max:`600000`,placeholder:`120000`})}
+      </div>
+      ${g(this.form,`contextEngine.largeFileTokenThreshold`,`Large File Token Threshold`,this._onChange,{min:`1000`,max:`200000`,placeholder:`25000`})}
+      <div class="field-row">
+        ${g(this.form,`contextEngine.annotationKeepWindow`,`Annotation Keep Window`,this._onChange,{min:`1`,max:`50`,placeholder:`15`})}
+        ${g(this.form,`contextEngine.annotationTriggerChars`,`Annotation Trigger Chars`,this._onChange,{min:`10000`,max:`1000000`,placeholder:`200000`})}
+      </div>
+      ${_(this.form,`contextEngine.summaryModel`,`Summary Model`,this._onChange,{placeholder:`Override model for DAG summaries`})}
+      ${_(this.form,`contextEngine.summaryProvider`,`Summary Provider`,this._onChange,{placeholder:`Override provider for DAG summaries`})}
+    `}};l([a({attribute:!1})],k.prototype,`form`,void 0),k=l([i(`ic-agent-context-engine-editor`)],k);var A=class extends r{constructor(...e){super(...e),this.config={},this._onRootChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`streaming`,key:e,value:t},bubbles:!0,composed:!0}))},this._onTimingChange=(e,t)=>{let n=this.config.defaultDeliveryTiming??{};this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`streaming`,key:`defaultDeliveryTiming`,value:{...n,[e]:t}},bubbles:!0,composed:!0}))},this._onCoalescerChange=(e,t)=>{let n=this.config.defaultCoalescer??{};this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`streaming`,key:`defaultCoalescer`,value:{...n,[e]:t}},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      accent-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .section-divider {
+      margin: var(--ic-space-lg) 0 var(--ic-space-md);
+      padding-bottom: var(--ic-space-sm);
+      border-bottom: 1px solid var(--ic-border);
+      font-size: var(--ic-text-xs);
+      font-weight: 600;
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}_getConfig(e,t){return this.config[e]??t}_getTimingField(e,t){return this.config.defaultDeliveryTiming?.[e]??t}_getCoalescerField(e,t){return this.config.defaultCoalescer?.[e]??t}_rootForm(){return new Proxy({},{get:(e,t)=>this._getConfig(t,void 0)})}_timingForm(){return new Proxy({},{get:(e,t)=>this._getTimingField(t,void 0)})}_coalescerForm(){return new Proxy({},{get:(e,t)=>this._getCoalescerField(t,void 0)})}render(){let e=this._rootForm(),t=this._timingForm(),n=this._coalescerForm();return u`
+      <!-- Defaults -->
+      ${b(e,`enabled`,`Enabled`,this._onRootChange)}
+
+      <div class="field-row">
+        ${y(e,`defaultChunkMode`,`Default Chunk Mode`,[{value:`paragraph`,label:`Paragraph`},{value:`newline`,label:`Newline`},{value:`sentence`,label:`Sentence`},{value:`length`,label:`Length`}],this._onRootChange)}
+        ${y(e,`defaultTypingMode`,`Default Typing Mode`,[{value:`never`,label:`Never`},{value:`instant`,label:`Instant`},{value:`thinking`,label:`Thinking`},{value:`message`,label:`Message`}],this._onRootChange)}
+      </div>
+
+      <div class="field-row">
+        ${g(e,`defaultTypingRefreshMs`,`Default Typing Refresh (ms)`,this._onRootChange,{placeholder:`6000`})}
+        ${y(e,`defaultTableMode`,`Default Table Mode`,[{value:`code`,label:`Code`},{value:`bullets`,label:`Bullets`},{value:`off`,label:`Off`}],this._onRootChange)}
+      </div>
+
+      <div class="field-row">
+        ${b(e,`defaultUseMarkdownIR`,`Use Markdown IR`,this._onRootChange)}
+        ${y(e,`defaultReplyMode`,`Default Reply Mode`,[{value:`off`,label:`Off`},{value:`first`,label:`First`},{value:`all`,label:`All`}],this._onRootChange)}
+      </div>
+
+      <!-- Delivery Timing -->
+      <div class="section-divider">Delivery Timing</div>
+
+      ${y(t,`mode`,`Mode`,[{value:`off`,label:`Off`},{value:`natural`,label:`Natural`},{value:`custom`,label:`Custom`},{value:`adaptive`,label:`Adaptive`}],this._onTimingChange)}
+
+      <div class="field-row">
+        ${g(t,`minMs`,`Min (ms)`,this._onTimingChange,{placeholder:`800`})}
+        ${g(t,`maxMs`,`Max (ms)`,this._onTimingChange,{placeholder:`2500`})}
+      </div>
+
+      <div class="field-row">
+        ${g(t,`jitterMs`,`Jitter (ms)`,this._onTimingChange,{placeholder:`200`})}
+        ${g(t,`firstBlockDelayMs`,`First Block Delay (ms)`,this._onTimingChange,{placeholder:`0`})}
+      </div>
+
+      <!-- Block Coalescer -->
+      <div class="section-divider">Block Coalescer</div>
+
+      <div class="field-row">
+        ${g(n,`minChars`,`Min Chars`,this._onCoalescerChange,{placeholder:`0`})}
+        ${g(n,`maxChars`,`Max Chars`,this._onCoalescerChange,{placeholder:`500`})}
+      </div>
+
+      <div class="field-row">
+        ${g(n,`idleMs`,`Idle (ms)`,this._onCoalescerChange,{placeholder:`1500`})}
+        ${y(n,`codeBlockPolicy`,`Code Block Policy`,[{value:`standalone`,label:`Standalone`},{value:`coalesce`,label:`Coalesce`}],this._onCoalescerChange)}
+      </div>
+
+      ${b(n,`adaptiveIdle`,`Adaptive Idle`,this._onCoalescerChange)}
+    `}};l([a({attribute:!1})],A.prototype,`config`,void 0),A=l([i(`ic-agent-streaming-editor`)],A);var j=class extends r{constructor(...e){super(...e),this.deliveryQueueConfig={},this.deliveryMirrorConfig={},this._onQueueChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`deliveryQueue`,key:e,value:t},bubbles:!0,composed:!0}))},this._onMirrorChange=(e,t)=>{this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`deliveryMirror`,key:e,value:t},bubbles:!0,composed:!0}))}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      accent-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .section-divider {
+      margin: var(--ic-space-lg) 0 var(--ic-space-md);
+      padding-bottom: var(--ic-space-sm);
+      border-bottom: 1px solid var(--ic-border);
+      font-size: var(--ic-text-xs);
+      font-weight: 600;
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}_queueForm(){let e=this.deliveryQueueConfig;return new Proxy({},{get:(t,n)=>e[n]??void 0})}_mirrorForm(){let e=this.deliveryMirrorConfig;return new Proxy({},{get:(t,n)=>e[n]??void 0})}render(){let e=this._queueForm(),t=this._mirrorForm();return u`
+      <!-- Delivery Queue -->
+      ${b(e,`enabled`,`Enabled`,this._onQueueChange)}
+
+      <div class="field-row">
+        ${g(e,`maxQueueDepth`,`Max Queue Depth`,this._onQueueChange,{placeholder:`10000`})}
+        ${g(e,`defaultMaxAttempts`,`Default Max Attempts`,this._onQueueChange,{placeholder:`5`})}
+      </div>
+
+      <div class="field-row">
+        ${g(e,`defaultExpireMs`,`Default Expire (ms)`,this._onQueueChange,{placeholder:`3600000`})}
+        ${b(e,`drainOnStartup`,`Drain on Startup`,this._onQueueChange)}
+      </div>
+
+      <div class="field-row">
+        ${g(e,`drainBudgetMs`,`Drain Budget (ms)`,this._onQueueChange,{placeholder:`60000`})}
+        ${g(e,`pruneIntervalMs`,`Prune Interval (ms)`,this._onQueueChange,{placeholder:`300000`})}
+      </div>
+
+      <!-- Delivery Mirror -->
+      <div class="section-divider">Delivery Mirror</div>
+
+      ${b(t,`enabled`,`Enabled`,this._onMirrorChange)}
+
+      <div class="field-row">
+        ${g(t,`retentionMs`,`Retention (ms)`,this._onMirrorChange,{placeholder:`86400000`})}
+        ${g(t,`pruneIntervalMs`,`Prune Interval (ms)`,this._onMirrorChange,{placeholder:`300000`})}
+      </div>
+
+      <div class="field-row">
+        ${g(t,`maxEntriesPerInjection`,`Max Entries per Injection`,this._onMirrorChange,{placeholder:`10`})}
+        ${g(t,`maxCharsPerInjection`,`Max Chars per Injection`,this._onMirrorChange,{placeholder:`4000`})}
+      </div>
+    `}};l([a({attribute:!1})],j.prototype,`deliveryQueueConfig`,void 0),l([a({attribute:!1})],j.prototype,`deliveryMirrorConfig`,void 0),j=l([i(`ic-agent-delivery-editor`)],j);var M=class extends r{constructor(...e){super(...e),this.config={},this._onChange=(e,t)=>{this._emit(e,t)}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      accent-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .section-title {
+      font-size: var(--ic-text-sm);
+      font-weight: 600;
+      color: var(--ic-text);
+      margin-top: var(--ic-space-lg);
+      margin-bottom: var(--ic-space-sm);
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0 var(--ic-space-xs);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}_emit(e,t){this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`queue`,key:e,value:t},bubbles:!0,composed:!0}))}_onNestedChange(e,t,n){let r=this.config[e]??{};this._emit(e,{...r,[t]:n})}render(){let e=this.config,t=this.config.defaultOverflow??{},n=this.config.defaultDebounceBuffer??{},r=this.config.followup??{};return u`
+      <div class="section-title">Basic</div>
+      ${b(e,`enabled`,`Enabled`,this._onChange)}
+      <div class="field-row">
+        ${g(e,`maxConcurrentSessions`,`Max Concurrent Sessions`,this._onChange,{placeholder:`10`})}
+        ${g(e,`cleanupIdleMs`,`Cleanup Idle (ms)`,this._onChange,{placeholder:`600000`})}
+      </div>
+      ${y(e,`defaultMode`,`Default Mode`,[{value:`followup`,label:`Follow-up`},{value:`collect`,label:`Collect`},{value:`steer`,label:`Steer`},{value:`steer+followup`,label:`Steer + Follow-up`}],this._onChange)}
+
+      <hr class="divider" />
+      <div class="section-title">Overflow</div>
+      <div class="field-row">
+        ${g(t,`maxDepth`,`Max Depth`,(e,t)=>this._onNestedChange(`defaultOverflow`,`maxDepth`,t),{placeholder:`100`})}
+        ${y(t,`policy`,`Policy`,[{value:`drop-old`,label:`Drop Old`},{value:`drop-new`,label:`Drop New`},{value:`summarize`,label:`Summarize`}],(e,t)=>this._onNestedChange(`defaultOverflow`,`policy`,t))}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Debounce Buffer</div>
+      <div class="field-row">
+        ${g(n,`windowMs`,`Window (ms)`,(e,t)=>this._onNestedChange(`defaultDebounceBuffer`,`windowMs`,t),{placeholder:`0`})}
+        ${g(n,`maxBufferedMessages`,`Max Buffered Messages`,(e,t)=>this._onNestedChange(`defaultDebounceBuffer`,`maxBufferedMessages`,t),{placeholder:`10`})}
+      </div>
+      ${b(n,`firstMessageImmediate`,`First Message Immediate`,(e,t)=>this._onNestedChange(`defaultDebounceBuffer`,`firstMessageImmediate`,t))}
+
+      <hr class="divider" />
+      <div class="section-title">Follow-up</div>
+      <div class="field-row">
+        ${g(r,`maxFollowupRuns`,`Max Follow-up Runs`,(e,t)=>this._onNestedChange(`followup`,`maxFollowupRuns`,t),{placeholder:`3`})}
+      </div>
+      ${b(r,`followupOnCompaction`,`Follow-up on Compaction`,(e,t)=>this._onNestedChange(`followup`,`followupOnCompaction`,t))}
+    `}};l([a({attribute:!1})],M.prototype,`config`,void 0),M=l([i(`ic-agent-queue-editor`)],M);var N=class extends r{constructor(...e){super(...e),this.config={},this._onChange=(e,t)=>{this._emit(e,t)}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field input,
+    .field select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field input:focus,
+    .field select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      accent-color: var(--ic-accent);
+    }
+
+    .field-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: var(--ic-space-md);
+    }
+
+    .patterns-section {
+      margin-bottom: var(--ic-space-md);
+    }
+
+    @media (max-width: 767px) {
+      .field-row {
+        grid-template-columns: 1fr;
+      }
+    }
+  `}_emit(e,t){this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`autoReplyEngine`,key:e,value:t},bubbles:!0,composed:!0}))}render(){let e=this.config,t=h(e,`customPatterns`,[]);return u`
+      ${b(e,`enabled`,`Enabled`,this._onChange)}
+      ${y(e,`groupActivation`,`Group Activation`,[{value:`always`,label:`Always`},{value:`mention-gated`,label:`Mention-Gated`},{value:`custom`,label:`Custom`}],this._onChange)}
+
+      <div class="patterns-section">
+        <ic-array-editor
+          label="Custom Patterns"
+          .items=${Array.isArray(t)?t:[]}
+          placeholder="Add regex pattern..."
+          @change=${e=>this._emit(`customPatterns`,e.detail)}
+        ></ic-array-editor>
+      </div>
+
+      ${b(e,`historyInjection`,`History Injection`,this._onChange)}
+      <div class="field-row">
+        ${g(e,`maxHistoryInjections`,`Max History Injections`,this._onChange,{placeholder:`50`})}
+        ${g(e,`maxGroupHistoryMessages`,`Max Group History Messages`,this._onChange,{placeholder:`20`})}
+      </div>
+    `}};l([a({attribute:!1})],N.prototype,`config`,void 0),N=l([i(`ic-agent-auto-reply-editor`)],N);var P=class extends r{constructor(...e){super(...e),this.config={},this._rules=[],this._onChange=(e,t)=>{this._emit(e,t)}}static{this.styles=e`
+    :host { display: block; }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .field label {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .field select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .field select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .checkbox-field {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .checkbox-field label {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      cursor: pointer;
+    }
+
+    .checkbox-field input[type="checkbox"] {
+      accent-color: var(--ic-accent);
+    }
+
+    .section-title {
+      font-size: var(--ic-text-sm);
+      font-weight: 600;
+      color: var(--ic-text);
+      margin-top: var(--ic-space-lg);
+      margin-bottom: var(--ic-space-sm);
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0 var(--ic-space-xs);
+    }
+
+    .rules-list {
+      display: flex;
+      flex-direction: column;
+      gap: var(--ic-space-sm);
+    }
+
+    .rule-row {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1.5fr 0.8fr 1.5fr auto;
+      gap: var(--ic-space-xs);
+      align-items: center;
+      background: var(--ic-surface);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm);
+    }
+
+    .rule-row select,
+    .rule-row input {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-sm);
+      padding: 4px 6px;
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-xs);
+      outline: none;
+    }
+
+    .rule-row select:focus,
+    .rule-row input:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .btn-icon {
+      background: none;
+      border: none;
+      color: var(--ic-text-dim);
+      cursor: pointer;
+      padding: 2px 6px;
+      font-size: var(--ic-text-sm);
+      line-height: 1;
+      border-radius: var(--ic-radius-sm);
+    }
+
+    .btn-icon:hover {
+      color: var(--ic-error);
+    }
+
+    .btn-add {
+      padding: var(--ic-space-xs) var(--ic-space-md);
+      background: var(--ic-accent);
+      color: white;
+      border: none;
+      border-radius: var(--ic-radius-md);
+      font-size: var(--ic-text-sm);
+      cursor: pointer;
+      margin-top: var(--ic-space-sm);
+      width: fit-content;
+    }
+
+    .btn-add:hover {
+      opacity: 0.9;
+    }
+
+    .empty-hint {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-dim);
+      font-style: italic;
+    }
+
+    @media (max-width: 767px) {
+      .rule-row {
+        grid-template-columns: 1fr 1fr;
+      }
+    }
+  `}willUpdate(e){if(e.has(`config`)&&this.config.rules){let e=this.config.rules;Array.isArray(e)&&(this._rules=e.map(e=>{let t=e;return{channelType:t.channelType??`any`,chatType:t.chatType??`any`,channelId:t.channelId??``,action:t.action??`allow`,description:t.description??``}}))}}_emit(e,t){this.dispatchEvent(new CustomEvent(`config-change`,{detail:{section:`sendPolicy`,key:e,value:t},bubbles:!0,composed:!0}))}_addRule(){this._rules=[...this._rules,{channelType:`any`,chatType:`any`,channelId:``,action:`allow`,description:``}],this._emitRules()}_removeRule(e){this._rules=this._rules.filter((t,n)=>n!==e),this._emitRules()}_updateRule(e,t,n){this._rules=this._rules.map((r,i)=>i===e?{...r,[t]:n}:r),this._emitRules()}_emitRules(){this._emit(`rules`,this._rules)}render(){let e=this.config;return u`
+      ${b(e,`enabled`,`Enabled`,this._onChange)}
+      ${y(e,`defaultAction`,`Default Action`,[{value:`allow`,label:`Allow`},{value:`deny`,label:`Deny`}],this._onChange)}
+
+      <hr class="divider" />
+      <div class="section-title">Rules</div>
+
+      ${this._rules.length>0?u`
+            <div class="rules-list">
+              ${this._rules.map((e,t)=>u`
+                <div class="rule-row">
+                  <select
+                    .value=${e.channelType??`any`}
+                    @change=${e=>this._updateRule(t,`channelType`,e.target.value)}
+                  >
+                    <option value="any">Any Channel</option>
+                    <option value="telegram">Telegram</option>
+                    <option value="discord">Discord</option>
+                    <option value="slack">Slack</option>
+                    <option value="whatsapp">WhatsApp</option>
+                    <option value="signal">Signal</option>
+                    <option value="irc">IRC</option>
+                    <option value="line">LINE</option>
+                  </select>
+                  <select
+                    .value=${e.chatType??`any`}
+                    @change=${e=>this._updateRule(t,`chatType`,e.target.value)}
+                  >
+                    <option value="any">Any Chat</option>
+                    <option value="dm">DM</option>
+                    <option value="group">Group</option>
+                    <option value="thread">Thread</option>
+                  </select>
+                  <input
+                    type="text"
+                    placeholder="channelId (optional)"
+                    .value=${e.channelId??``}
+                    @input=${e=>this._updateRule(t,`channelId`,e.target.value)}
+                  />
+                  <select
+                    .value=${e.action??`allow`}
+                    @change=${e=>this._updateRule(t,`action`,e.target.value)}
+                  >
+                    <option value="allow">Allow</option>
+                    <option value="deny">Deny</option>
+                  </select>
+                  <input
+                    type="text"
+                    placeholder="description (optional)"
+                    .value=${e.description??``}
+                    @input=${e=>this._updateRule(t,`description`,e.target.value)}
+                  />
+                  <button class="btn-icon" @click=${()=>this._removeRule(t)} aria-label="Remove rule">\u2715</button>
+                </div>
+              `)}
+            </div>
+          `:u`<div class="empty-hint">No rules defined. Default action applies to all messages.</div>`}
+
+      <button class="btn-add" @click=${()=>this._addRule()}>Add Rule</button>
+    `}};l([a({attribute:!1})],P.prototype,`config`,void 0),l([s()],P.prototype,`_rules`,void 0),P=l([i(`ic-agent-send-policy-editor`)],P);var F=[`fatal`,`error`,`warn`,`info`,`debug`,`trace`],I=[`agent`,`gateway`,`channels`,`memory`,`scheduler`,`daemon`,`skills`,`queue`,`streaming`],L=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.applied=``,this._levels={},this._globalLevel=`info`,this._applied={}}static{this.styles=e`
+    :host { display: block; }
+
+    .info-banner {
+      background: color-mix(in srgb, var(--ic-info, #3b82f6) 10%, transparent);
+      border: 1px solid color-mix(in srgb, var(--ic-info, #3b82f6) 30%, transparent);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-sm) var(--ic-space-md);
+      font-size: var(--ic-text-xs);
+      color: var(--ic-text-muted, var(--ic-text-dim));
+      margin-bottom: var(--ic-space-lg);
+      line-height: 1.5;
+    }
+
+    .global-section {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      margin-bottom: var(--ic-space-md);
+    }
+
+    .global-label {
+      font-size: var(--ic-text-sm);
+      font-weight: 600;
+      color: var(--ic-text);
+      min-width: 90px;
+    }
+
+    .level-select {
+      background: var(--ic-surface-2);
+      border: 1px solid var(--ic-border);
+      border-radius: var(--ic-radius-md);
+      padding: var(--ic-space-xs) var(--ic-space-sm);
+      color: var(--ic-text);
+      font-family: inherit;
+      font-size: var(--ic-text-sm);
+      outline: none;
+      transition: border-color var(--ic-transition);
+    }
+
+    .level-select:focus {
+      border-color: var(--ic-accent);
+    }
+
+    .btn-set {
+      padding: var(--ic-space-xs) var(--ic-space-md);
+      background: var(--ic-accent);
+      color: white;
+      border: none;
+      border-radius: var(--ic-radius-md);
+      font-size: var(--ic-text-xs);
+      cursor: pointer;
+      white-space: nowrap;
+    }
+
+    .btn-set:hover {
+      opacity: 0.9;
+    }
+
+    .section-title {
+      font-size: var(--ic-text-sm);
+      font-weight: 600;
+      color: var(--ic-text);
+      margin-top: var(--ic-space-lg);
+      margin-bottom: var(--ic-space-sm);
+    }
+
+    .divider {
+      border: none;
+      border-top: 1px solid var(--ic-border);
+      margin: var(--ic-space-md) 0 var(--ic-space-xs);
+    }
+
+    .module-list {
+      display: flex;
+      flex-direction: column;
+      gap: var(--ic-space-xs);
+    }
+
+    .module-row {
+      display: flex;
+      align-items: center;
+      gap: var(--ic-space-sm);
+      padding: var(--ic-space-xs) 0;
+    }
+
+    .module-name {
+      font-size: var(--ic-text-sm);
+      color: var(--ic-text);
+      min-width: 90px;
+      font-family: var(--ic-font-mono, monospace);
+    }
+
+    .applied-indicator {
+      font-size: var(--ic-text-xs);
+      color: var(--ic-success, #22c55e);
+      margin-left: var(--ic-space-xs);
+      opacity: 1;
+      transition: opacity 0.3s ease;
+    }
+  `}willUpdate(e){e.has(`applied`)&&this.applied&&(this._applied={...this._applied,[this.applied]:!0},n(()=>{this._applied={...this._applied,[this.applied]:!1}},3e3))}_emitLogLevel(e,t){let n={level:t};e&&(n.module=e),this.dispatchEvent(new CustomEvent(`log-level-change`,{detail:n,bubbles:!0,composed:!0}))}_setGlobalLevel(){this._emitLogLevel(void 0,this._globalLevel)}_setModuleLevel(e){let t=this._levels[e]??`info`;this._emitLogLevel(e,t)}render(){return u`
+      <div class="info-banner">
+        Log level changes are runtime only and reset on daemon restart.
+      </div>
+
+      <div class="global-section">
+        <span class="global-label">Global Level</span>
+        <select
+          class="level-select"
+          .value=${this._globalLevel}
+          @change=${e=>{this._globalLevel=e.target.value}}
+        >
+          ${F.map(e=>u`
+            <option value=${e} ?selected=${this._globalLevel===e}>${e}</option>
+          `)}
+        </select>
+        <button class="btn-set" @click=${()=>this._setGlobalLevel()}>Set Global</button>
+        ${this._applied.__global__?u`<span class="applied-indicator">Applied</span>`:t}
+      </div>
+
+      <hr class="divider" />
+      <div class="section-title">Per-Module Levels</div>
+
+      <div class="module-list">
+        ${I.map(e=>{let n=this._levels[e]??`info`;return u`
+            <div class="module-row">
+              <span class="module-name">${e}</span>
+              <select
+                class="level-select"
+                .value=${n}
+                @change=${t=>{this._levels={...this._levels,[e]:t.target.value}}}
+              >
+                ${F.map(e=>u`
+                  <option value=${e} ?selected=${n===e}>${e}</option>
+                `)}
+              </select>
+              <button class="btn-set" @click=${()=>this._setModuleLevel(e)}>Set</button>
+              ${this._applied[e]?u`<span class="applied-indicator">Applied</span>`:t}
+            </div>
+          `})}
+      </div>
+    `}};l([a({attribute:!1})],L.prototype,`rpcClient`,void 0),l([a()],L.prototype,`applied`,void 0),l([s()],L.prototype,`_levels`,void 0),l([s()],L.prototype,`_globalLevel`,void 0),l([s()],L.prototype,`_applied`,void 0),L=l([i(`ic-agent-log-level-editor`)],L);function R(){return{id:``,name:``,model:``,provider:`anthropic`,maxSteps:25,temperature:void 0,thinkingLevel:`medium`,maxTokens:void 0,cacheRetention:void 0,maxContextChars:void 0,"budgets.perExecution":void 0,"budgets.perHour":void 0,"budgets.perDay":void 0,"session.resetMode":`daily`,"session.dailyResetHour":0,"session.timezone":`UTC`,"session.idleTimeoutMs":void 0,"skills.discoveryPaths":``,"skills.toolPolicyProfile":`full`,"skills.allowList":``,"skills.denyList":``,"heartbeat.enabled":void 0,"heartbeat.intervalMs":void 0,"heartbeat.target.channelType":``,"heartbeat.target.channelId":``,"heartbeat.prompt":``,"heartbeat.showOk":void 0,"heartbeat.showAlerts":void 0,"advanced.maxSteps":void 0,"advanced.cacheRetention":void 0,"advanced.maxContextChars":void 0,"advanced.rag.enabled":!1,"advanced.rag.maxResults":10,"advanced.rag.minScore":.5,"advanced.concurrency.maxConcurrent":5,"advanced.concurrency.maxQueued":10,"circuitBreaker.threshold":5,"circuitBreaker.resetTimeoutMs":6e4,"safety.contextGuard.enabled":!0,"safety.contextGuard.warnPct":80,"safety.contextGuard.blockPct":95,"safety.sdkRetry.enabled":!0,"safety.sdkRetry.maxRetries":3,"safety.sdkRetry.baseDelayMs":2e3,"failover.fallbackModels":``,"failover.authProfiles":``,"failover.allowedModels":``,"failover.maxAttempts":6,"failover.cooldownMs":6e4,"rag.trustLevels.system":!0,"rag.trustLevels.learned":!0,"rag.trustLevels.external":!1,"broadcast.groups":`[]`,"heartbeat.target.chatId":``,"heartbeat.target.isDm":void 0,"heartbeat.model":``,"heartbeat.session":``,"heartbeat.allowDm":void 0,"heartbeat.lightContext":void 0,"heartbeat.ackMaxChars":void 0,"heartbeat.responsePrefix":``,"heartbeat.skipHeartbeatOnlyDelivery":void 0,"heartbeat.alertThreshold":void 0,"heartbeat.alertCooldownMs":void 0,"heartbeat.staleMs":void 0,"advanced.elevatedReply.enabled":!1,"advanced.elevatedReply.recipients":``,"advanced.tracing.enabled":!1,"advanced.tracing.outputDir":``,"advanced.workspacePath":``,"advanced.bootstrap":``,"advanced.modelRoutes":``,"advanced.secretsAccess":``,"session.overrides.dm":``,"session.overrides.group":``,"session.overrides.thread":``,"session.dmScopeMode":``,"session.pruning.enabled":!1,"session.pruning.maxEntries":100,"session.compaction.enabled":!1,"session.compaction.threshold":50,"contextEngine.enabled":!0,"contextEngine.version":`dag`,"contextEngine.thinkingKeepTurns":void 0,"contextEngine.compactionModel":``,"contextEngine.evictionMinAge":void 0,"contextEngine.historyTurns":void 0,"contextEngine.observationKeepWindow":void 0,"contextEngine.observationTriggerChars":void 0,"contextEngine.observationDeactivationChars":void 0,"contextEngine.compactionCooldownTurns":void 0,"contextEngine.historyTurnOverrides":``,"contextEngine.freshTailTurns":void 0,"contextEngine.contextThreshold":void 0,"contextEngine.leafMinFanout":void 0,"contextEngine.condensedMinFanout":void 0,"contextEngine.condensedMinFanoutHard":void 0,"contextEngine.incrementalMaxDepth":void 0,"contextEngine.leafChunkTokens":void 0,"contextEngine.leafTargetTokens":void 0,"contextEngine.condensedTargetTokens":void 0,"contextEngine.maxExpandTokens":void 0,"contextEngine.maxRecallsPerDay":void 0,"contextEngine.recallTimeoutMs":void 0,"contextEngine.largeFileTokenThreshold":void 0,"contextEngine.annotationKeepWindow":void 0,"contextEngine.annotationTriggerChars":void 0,"contextEngine.summaryModel":``,"contextEngine.summaryProvider":``}}var z=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.agentId=``,this._loadState=`loading`,this._saving=!1,this._validating=!1,this._error=``,this._validationErrors=[],this._validationSuccess=!1,this._form=R(),this._expanded=new Set([`budget`]),this._catalogProviders=[],this._streamingConfig={},this._deliveryQueueConfig={},this._deliveryMirrorConfig={},this._queueConfig={},this._autoReplyConfig={},this._sendPolicyConfig={},this._logLevelApplied=``,this._dirtyTracker=m(),this._boundHashChangeGuard=()=>{if(this._dirtyTracker.isDirty&&!this._navigatingAfterSave&&!this._dirtyTracker.confirmNavigation()){let e=this._isNew?`agents/new/edit`:`agents/${this.agentId}/edit`;history.replaceState(null,``,`#/${e}`)}this._navigatingAfterSave=!1},this._navigatingAfterSave=!1}static{this.styles=[c,o,e`
+      :host {
+        display: block;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: var(--ic-space-lg);
+        flex-wrap: wrap;
+        gap: var(--ic-space-sm);
+      }
+
+      .header-left {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      .title {
+        font-size: 1.5rem;
+        font-weight: 700;
+        margin: 0;
+      }
+
+      /* Two-panel layout */
+      .editor-layout {
+        display: grid;
+        grid-template-columns: 3fr 2fr;
+        gap: var(--ic-space-lg);
+        margin-bottom: 4rem; /* Space for sticky bar */
+      }
+
+      .form-panel {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-md);
+      }
+
+      .yaml-panel {
+        position: sticky;
+        top: var(--ic-space-md);
+        align-self: start;
+      }
+
+      .yaml-header {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        color: var(--ic-text-dim);
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        margin-bottom: var(--ic-space-sm);
+      }
+
+      .yaml-preview {
+        background: var(--ic-bg, #0d1117);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-md);
+        font-family: var(--ic-font-mono, monospace);
+        font-size: var(--ic-text-xs);
+        color: var(--ic-text);
+        white-space: pre-wrap;
+        word-break: break-word;
+        overflow-y: auto;
+        max-height: 80vh;
+        line-height: 1.5;
+      }
+
+      /* Accordion sections */
+      .section-card {
+        background: var(--ic-surface);
+        border: 1px solid var(--ic-border);
+        border-radius: var(--ic-radius-md);
+        overflow: hidden;
+      }
+
+      .section-card details {
+        border: none;
+      }
+
+      .section-card details summary {
+        display: flex;
+        align-items: center;
+        gap: var(--ic-space-sm);
+        padding: var(--ic-space-md) var(--ic-space-lg);
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        cursor: pointer;
+        user-select: none;
+        transition: background var(--ic-transition);
+        list-style: none;
+      }
+
+      .section-card details summary::-webkit-details-marker {
+        display: none;
+      }
+
+      .section-card details summary::before {
+        content: "";
+        display: inline-block;
+        width: 0;
+        height: 0;
+        border-left: 5px solid var(--ic-text-dim);
+        border-top: 4px solid transparent;
+        border-bottom: 4px solid transparent;
+        transition: transform var(--ic-transition);
+        flex-shrink: 0;
+      }
+
+      .section-card details[open] summary::before {
+        transform: rotate(90deg);
+      }
+
+      .section-card details summary:hover {
+        background: var(--ic-surface-2);
+      }
+
+      .section-content {
+        padding: 0 var(--ic-space-lg) var(--ic-space-lg);
+      }
+
+      .section-label {
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+      }
+
+      /* Essential section (no toggle) */
+      .essential-header {
+        padding: var(--ic-space-md) var(--ic-space-lg);
+        font-size: var(--ic-text-sm);
+        font-weight: 600;
+        border-bottom: 1px solid var(--ic-border);
+      }
+
+      .essential-content {
+        padding: var(--ic-space-lg);
+      }
+
+      /* Sticky save bar */
+      .save-bar {
+        position: sticky;
+        bottom: 0;
+        z-index: 10;
+        background: var(--ic-surface);
+        border-top: 1px solid var(--ic-border);
+        padding: var(--ic-space-md) var(--ic-space-lg);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 0 calc(-1 * var(--ic-space-lg, 1.5rem));
+        padding-left: var(--ic-space-lg, 1.5rem);
+        padding-right: var(--ic-space-lg, 1.5rem);
+      }
+
+      .save-bar-left {
+        display: flex;
+        gap: var(--ic-space-sm);
+        align-items: center;
+      }
+
+      .save-bar-right {
+        display: flex;
+        gap: var(--ic-space-sm);
+        align-items: center;
+      }
+
+      .btn {
+        padding: var(--ic-space-sm) var(--ic-space-lg);
+        border-radius: var(--ic-radius-md);
+        font-size: var(--ic-text-sm);
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        border: 1px solid var(--ic-border);
+        transition: background var(--ic-transition), border-color var(--ic-transition);
+      }
+
+      .btn--cancel {
+        background: transparent;
+        color: var(--ic-text);
+      }
+
+      .btn--cancel:hover {
+        background: var(--ic-surface-2);
+      }
+
+      .btn--secondary {
+        background: transparent;
+        color: var(--ic-text);
+        border-color: var(--ic-border);
+      }
+
+      .btn--secondary:hover {
+        background: var(--ic-surface-2);
+        border-color: var(--ic-accent);
+      }
+
+      .btn--primary {
+        background: var(--ic-accent);
+        color: #fff;
+        border-color: var(--ic-accent);
+      }
+
+      .btn--primary:hover {
+        background: var(--ic-accent-hover);
+      }
+
+      .btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .error-bar {
+        background: color-mix(in srgb, var(--ic-error) 15%, transparent);
+        border: 1px solid var(--ic-error);
+        border-radius: var(--ic-radius-md);
+        padding: var(--ic-space-sm) var(--ic-space-md);
+        color: var(--ic-error);
+        font-size: var(--ic-text-sm);
+        margin-bottom: var(--ic-space-md);
+      }
+
+      .validation-errors {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs);
+      }
+
+      .validation-error {
+        color: var(--ic-error);
+        font-size: var(--ic-text-xs);
+      }
+
+      .validation-success {
+        color: var(--ic-success, #22c55e);
+        font-size: var(--ic-text-sm);
+      }
+
+      .dirty-indicator {
+        font-size: var(--ic-text-xs);
+        color: var(--ic-warning, #f59e0b);
+        font-style: italic;
+      }
+
+      /* Responsive */
+      @media (max-width: 1023px) {
+        .editor-layout {
+          grid-template-columns: 1fr;
+        }
+
+        .yaml-panel {
+          position: static;
+        }
+      }
+
+      @media (max-width: 767px) {
+        .header {
+          flex-direction: column;
+          align-items: flex-start;
+        }
+      }
+    `]}get _isNew(){return!this.agentId||this.agentId===`new`}connectedCallback(){super.connectedCallback(),this._dirtyTracker.attach(),window.addEventListener(`hashchange`,this._boundHashChangeGuard),this.rpcClient&&(this._loadModelCatalog(),this._loadTopLevelConfig()),this._isNew?this._loadState=`loaded`:this.rpcClient&&this._loadAgent()}disconnectedCallback(){super.disconnectedCallback(),this._dirtyTracker.detach(),window.removeEventListener(`hashchange`,this._boundHashChangeGuard)}updated(e){e.has(`rpcClient`)&&this.rpcClient&&(this._catalogProviders.length===0&&this._loadModelCatalog(),this._loadTopLevelConfig(),!this._isNew&&this._loadState===`loading`&&this._loadAgent())}async _loadModelCatalog(){if(this.rpcClient)try{let e=await this.rpcClient.call(`models.list`);e.providers&&(this._catalogProviders=e.providers)}catch{}}async _loadTopLevelConfig(){if(this.rpcClient)try{let e=(await this.rpcClient.call(`config.read`)).config;this._streamingConfig=e.streaming??{},this._deliveryQueueConfig=e.deliveryQueue??{},this._deliveryMirrorConfig=e.deliveryMirror??{},this._queueConfig=e.queue??{},this._autoReplyConfig=e.autoReplyEngine??{},this._sendPolicyConfig=e.sendPolicy??{}}catch{}}async _handleConfigChange(e){let{section:t,key:n,value:r}=e.detail;if(!this.rpcClient){d.show(`Not connected`,`error`);return}try{await this.rpcClient.call(`config.patch`,{section:t,key:n,value:r}),t===`streaming`?this._streamingConfig={...this._streamingConfig,[n]:r}:t===`deliveryQueue`?this._deliveryQueueConfig={...this._deliveryQueueConfig,[n]:r}:t===`deliveryMirror`?this._deliveryMirrorConfig={...this._deliveryMirrorConfig,[n]:r}:t===`queue`?this._queueConfig={...this._queueConfig,[n]:r}:t===`autoReplyEngine`?this._autoReplyConfig={...this._autoReplyConfig,[n]:r}:t===`sendPolicy`&&(this._sendPolicyConfig={...this._sendPolicyConfig,[n]:r}),d.show(`Saved`,`success`)}catch(e){d.show(e instanceof Error?e.message:`Failed to save`,`error`)}}async _handleLogLevelChange(e){let{module:t,level:r}=e.detail;if(!this.rpcClient){d.show(`Not connected`,`error`);return}try{let e={level:r};t&&(e.module=t),await this.rpcClient.call(`daemon.setLogLevel`,e),this._logLevelApplied=t??`__global__`,d.show(`Log level ${t?`${t}: `:``}${r}`,`success`),n(()=>{this._logLevelApplied=``},3e3)}catch(e){d.show(e instanceof Error?e.message:`Failed to set log level`,`error`)}}async _loadAgent(){if(!this.rpcClient){this._loadState=`error`,this._error=`Not connected`;return}this._loadState=`loading`,this._error=``;try{let e=await this.rpcClient.call(`agents.get`,{agentId:this.agentId}),t=this._mapConfigToDetail(e.agentId,e.config);this._populateForm(t),this._loadState=`loaded`,this._error=``}catch(e){this._loadState=`error`,this._error=e instanceof Error?e.message:`Failed to load agent`}}_mapConfigToDetail(e,t){let n=t.circuitBreaker,r=t.contextGuard,i=t.sdkRetry,a=t.rag,o=t.modelFailover,s=t.session?.resetPolicy,c=t.concurrency,l=t.skills,u=l?.toolPolicy,d=t.contextEngine;return{id:e,name:t.name,provider:t.provider??`anthropic`,model:t.model??``,status:`active`,maxSteps:t.maxSteps,temperature:t.temperature,thinkingLevel:t.thinkingLevel,maxTokens:t.maxTokens,cacheRetention:t.cacheRetention,maxContextChars:t.maxContextChars,budgets:t.budgets,circuitBreaker:n?{state:`closed`,failures:0,threshold:n.failureThreshold??5,resetTimeoutMs:n.resetTimeoutMs??6e4}:void 0,safety:{contextGuard:r?{enabled:r.enabled??!0,warnPct:r.warnPercent??80,blockPct:r.blockPercent??95}:void 0,sdkRetry:i?{enabled:i.enabled??!0,maxRetries:i.maxRetries??3,baseDelayMs:i.baseDelayMs??2e3}:void 0},rag:a?{enabled:a.enabled??!1,maxResults:a.maxResults,maxContextChars:a.maxContextChars,minScore:a.minScore,trustLevels:a.includeTrustLevels}:void 0,modelFailover:o?{fallbackModels:o.fallbackModels?.map(e=>`${e.provider}:${e.modelId}`),authProfiles:o.authProfiles,allowedModels:o.allowedModels,maxAttempts:o.maxAttempts,cooldownInitialMs:o.cooldownInitialMs,cooldownMultiplier:o.cooldownMultiplier,cooldownCapMs:o.cooldownCapMs}:void 0,sessionPolicy:s?{resetMode:s.mode,dailyResetHour:s.dailyResetHour,timezone:s.dailyResetTimezone??`UTC`,idleTimeoutMs:s.idleTimeoutMs}:void 0,concurrency:c?{maxConcurrent:c.maxConcurrentRuns??5,maxQueued:c.maxQueuedPerSession??10}:void 0,skills:l?{discoveryPaths:l.discoveryPaths,toolPolicyProfile:u?.profile,allowList:u?.allow,denyList:u?.deny,builtinTools:l.builtinTools}:void 0,broadcastGroups:t.broadcastGroups,heartbeat:(()=>{let e=t.scheduler?.heartbeat;if(!e)return;let n=e.target;return{enabled:e.enabled,intervalMs:e.intervalMs,showOk:e.showOk,showAlerts:e.showAlerts,target:n?{channelType:n.channelType,channelId:n.channelId,chatId:n.chatId,isDm:n.isDm}:void 0,prompt:e.prompt,model:e.model,session:e.session,allowDm:e.allowDm,lightContext:e.lightContext,ackMaxChars:e.ackMaxChars,responsePrefix:e.responsePrefix,skipHeartbeatOnlyDelivery:e.skipHeartbeatOnlyDelivery,alertThreshold:e.alertThreshold,alertCooldownMs:e.alertCooldownMs,staleMs:e.staleMs}})(),advanced:{elevatedReply:t.elevatedReply,tracing:t.tracing,workspacePath:t.workspacePath,bootstrap:t.bootstrap,modelRoutes:t.modelRoutes,secretsAccess:t.secrets?.allowedPatterns},contextEngine:d?{enabled:d.enabled,version:d.version,thinkingKeepTurns:d.thinkingKeepTurns,compactionModel:d.compactionModel,evictionMinAge:d.evictionMinAge,historyTurns:d.historyTurns,observationKeepWindow:d.observationKeepWindow,observationTriggerChars:d.observationTriggerChars,observationDeactivationChars:d.observationDeactivationChars,compactionCooldownTurns:d.compactionCooldownTurns,historyTurnOverrides:d.historyTurnOverrides,freshTailTurns:d.freshTailTurns,contextThreshold:d.contextThreshold,leafMinFanout:d.leafMinFanout,condensedMinFanout:d.condensedMinFanout,condensedMinFanoutHard:d.condensedMinFanoutHard,incrementalMaxDepth:d.incrementalMaxDepth,leafChunkTokens:d.leafChunkTokens,leafTargetTokens:d.leafTargetTokens,condensedTargetTokens:d.condensedTargetTokens,maxExpandTokens:d.maxExpandTokens,maxRecallsPerDay:d.maxRecallsPerDay,recallTimeoutMs:d.recallTimeoutMs,largeFileTokenThreshold:d.largeFileTokenThreshold,annotationKeepWindow:d.annotationKeepWindow,annotationTriggerChars:d.annotationTriggerChars,summaryModel:d.summaryModel,summaryProvider:d.summaryProvider}:void 0}}_populateForm(e){let t=R();t.id=e.id,t.name=e.name??``,t.model=e.model??``,t.provider=e.provider??`anthropic`,t.maxSteps=e.maxSteps??25,t.temperature=e.temperature,t.thinkingLevel=e.thinkingLevel??`medium`,t.maxTokens=e.maxTokens,t.cacheRetention=e.cacheRetention,t.maxContextChars=e.maxContextChars,e.budgets&&(t[`budgets.perExecution`]=e.budgets.perExecution,t[`budgets.perHour`]=e.budgets.perHour,t[`budgets.perDay`]=e.budgets.perDay),e.circuitBreaker&&(t[`circuitBreaker.threshold`]=e.circuitBreaker.threshold??5,t[`circuitBreaker.resetTimeoutMs`]=e.circuitBreaker.resetTimeoutMs??6e4),e.safety?.contextGuard&&(t[`safety.contextGuard.enabled`]=e.safety.contextGuard.enabled,t[`safety.contextGuard.warnPct`]=e.safety.contextGuard.warnPct,t[`safety.contextGuard.blockPct`]=e.safety.contextGuard.blockPct),e.safety?.sdkRetry&&(t[`safety.sdkRetry.enabled`]=e.safety.sdkRetry.enabled,t[`safety.sdkRetry.maxRetries`]=e.safety.sdkRetry.maxRetries,t[`safety.sdkRetry.baseDelayMs`]=e.safety.sdkRetry.baseDelayMs),e.modelFailover&&(t[`failover.fallbackModels`]=(e.modelFailover.fallbackModels??[]).join(`
+`),t[`failover.authProfiles`]=e.modelFailover.authProfiles?.length?JSON.stringify(e.modelFailover.authProfiles,null,2):``,t[`failover.allowedModels`]=(e.modelFailover.allowedModels??[]).join(`
+`),t[`failover.maxAttempts`]=e.modelFailover.maxAttempts??6,t[`failover.cooldownMs`]=e.modelFailover.cooldownInitialMs??6e4),e.rag&&(t[`advanced.rag.enabled`]=e.rag.enabled,t[`advanced.rag.maxResults`]=e.rag.maxResults??10,t[`advanced.rag.minScore`]=e.rag.minScore??.5,e.rag.trustLevels&&(t[`rag.trustLevels.system`]=e.rag.trustLevels.includes(`system`),t[`rag.trustLevels.learned`]=e.rag.trustLevels.includes(`learned`),t[`rag.trustLevels.external`]=e.rag.trustLevels.includes(`external`))),e.sessionPolicy&&(t[`session.resetMode`]=e.sessionPolicy.resetMode??`daily`,t[`session.dailyResetHour`]=e.sessionPolicy.dailyResetHour??0,t[`session.timezone`]=e.sessionPolicy.timezone??`UTC`,t[`session.idleTimeoutMs`]=e.sessionPolicy.idleTimeoutMs),e.concurrency&&(t[`advanced.concurrency.maxConcurrent`]=e.concurrency.maxConcurrent??5,t[`advanced.concurrency.maxQueued`]=e.concurrency.maxQueued??10);{let n=e.skills;t[`skills.discoveryPaths`]=(n?.discoveryPaths??[]).join(`
+`),t[`skills.toolPolicyProfile`]=n?.toolPolicyProfile??`full`,t[`skills.allowList`]=(n?.allowList??[]).join(`
+`),t[`skills.denyList`]=(n?.denyList??[]).join(`
+`);let r=n?.builtinTools;for(let e of w)t[`skills.builtin.${e}`]=r?r[e]??!1:e!==`browser`}e.broadcastGroups&&(t[`broadcast.groups`]=JSON.stringify(e.broadcastGroups,null,2));let n=e.heartbeat;if(t[`heartbeat.enabled`]=n?.enabled??!0,t[`heartbeat.intervalMs`]=n?.intervalMs,t[`heartbeat.showOk`]=n?.showOk,t[`heartbeat.showAlerts`]=n?.showAlerts,n?.target&&(t[`heartbeat.target.channelType`]=n.target.channelType??``,t[`heartbeat.target.channelId`]=n.target.channelId??``,t[`heartbeat.target.chatId`]=n.target.chatId??``,t[`heartbeat.target.isDm`]=n.target.isDm),t[`heartbeat.prompt`]=n?.prompt??``,t[`heartbeat.model`]=n?.model??``,t[`heartbeat.session`]=n?.session??``,t[`heartbeat.allowDm`]=n?.allowDm,t[`heartbeat.lightContext`]=n?.lightContext,t[`heartbeat.ackMaxChars`]=n?.ackMaxChars,t[`heartbeat.responsePrefix`]=n?.responsePrefix??``,t[`heartbeat.skipHeartbeatOnlyDelivery`]=n?.skipHeartbeatOnlyDelivery,t[`heartbeat.alertThreshold`]=n?.alertThreshold,t[`heartbeat.alertCooldownMs`]=n?.alertCooldownMs,t[`heartbeat.staleMs`]=n?.staleMs,e.advanced){let n=e.advanced;if(n.elevatedReply&&typeof n.elevatedReply==`object`){let e=n.elevatedReply;t[`advanced.elevatedReply.enabled`]=e.enabled??!1,t[`advanced.elevatedReply.recipients`]=Array.isArray(e.recipients)?e.recipients.join(`
+`):``}if(n.tracing&&typeof n.tracing==`object`){let e=n.tracing;t[`advanced.tracing.enabled`]=e.enabled??!1,t[`advanced.tracing.outputDir`]=e.outputDir??``}t[`advanced.workspacePath`]=n.workspacePath??``,n.bootstrap!==void 0&&(t[`advanced.bootstrap`]=typeof n.bootstrap==`string`?n.bootstrap:JSON.stringify(n.bootstrap,null,2)),n.modelRoutes!==void 0&&(t[`advanced.modelRoutes`]=typeof n.modelRoutes==`string`?n.modelRoutes:JSON.stringify(n.modelRoutes,null,2)),n.secretsAccess!==void 0&&(t[`advanced.secretsAccess`]=Array.isArray(n.secretsAccess)?n.secretsAccess.join(`
+`):String(n.secretsAccess))}let r=e.contextEngine;r&&(t[`contextEngine.enabled`]=r.enabled??!0,t[`contextEngine.version`]=r.version??`dag`,t[`contextEngine.thinkingKeepTurns`]=r.thinkingKeepTurns,t[`contextEngine.compactionModel`]=r.compactionModel??``,t[`contextEngine.evictionMinAge`]=r.evictionMinAge,t[`contextEngine.historyTurns`]=r.historyTurns,t[`contextEngine.observationKeepWindow`]=r.observationKeepWindow,t[`contextEngine.observationTriggerChars`]=r.observationTriggerChars,t[`contextEngine.observationDeactivationChars`]=r.observationDeactivationChars,t[`contextEngine.compactionCooldownTurns`]=r.compactionCooldownTurns,t[`contextEngine.historyTurnOverrides`]=r.historyTurnOverrides?JSON.stringify(r.historyTurnOverrides,null,2):``,t[`contextEngine.freshTailTurns`]=r.freshTailTurns,t[`contextEngine.contextThreshold`]=r.contextThreshold,t[`contextEngine.leafMinFanout`]=r.leafMinFanout,t[`contextEngine.condensedMinFanout`]=r.condensedMinFanout,t[`contextEngine.condensedMinFanoutHard`]=r.condensedMinFanoutHard,t[`contextEngine.incrementalMaxDepth`]=r.incrementalMaxDepth,t[`contextEngine.leafChunkTokens`]=r.leafChunkTokens,t[`contextEngine.leafTargetTokens`]=r.leafTargetTokens,t[`contextEngine.condensedTargetTokens`]=r.condensedTargetTokens,t[`contextEngine.maxExpandTokens`]=r.maxExpandTokens,t[`contextEngine.maxRecallsPerDay`]=r.maxRecallsPerDay,t[`contextEngine.recallTimeoutMs`]=r.recallTimeoutMs,t[`contextEngine.largeFileTokenThreshold`]=r.largeFileTokenThreshold,t[`contextEngine.annotationKeepWindow`]=r.annotationKeepWindow,t[`contextEngine.annotationTriggerChars`]=r.annotationTriggerChars,t[`contextEngine.summaryModel`]=r.summaryModel??``,t[`contextEngine.summaryProvider`]=r.summaryProvider??``),this._form=t}_updateField(e,t){this._form={...this._form,[e]:t},this._dirtyTracker.markDirty(e),this._validationSuccess=!1,this._validationErrors=[]}_getField(e,t){return this._form[e]??t}_handleFieldChange(e){this._updateField(e.detail.key,e.detail.value)}_buildPayload(){let e=this._form,t={name:e.name||void 0,model:e.model||void 0,provider:e.provider||void 0,maxSteps:e.maxSteps===void 0?void 0:Number(e.maxSteps),temperature:e.temperature!==void 0&&e.temperature!==``?Number(e.temperature):void 0,thinkingLevel:e.thinkingLevel||void 0,maxTokens:e.maxTokens!==void 0&&e.maxTokens!==``?Number(e.maxTokens):void 0,cacheRetention:e.cacheRetention!==void 0&&e.cacheRetention!==``?e.cacheRetention:void 0,maxContextChars:e.maxContextChars!==void 0&&e.maxContextChars!==``?Number(e.maxContextChars):void 0},n={};e[`budgets.perExecution`]!==void 0&&e[`budgets.perExecution`]!==``&&(n.perExecution=Number(e[`budgets.perExecution`])),e[`budgets.perHour`]!==void 0&&e[`budgets.perHour`]!==``&&(n.perHour=Number(e[`budgets.perHour`])),e[`budgets.perDay`]!==void 0&&e[`budgets.perDay`]!==``&&(n.perDay=Number(e[`budgets.perDay`])),Object.keys(n).length>0&&(t.budgets=n),t.circuitBreaker={failureThreshold:Number(e[`circuitBreaker.threshold`])||5,resetTimeoutMs:Number(e[`circuitBreaker.resetTimeoutMs`])||6e4},t.contextGuard={enabled:!!e[`safety.contextGuard.enabled`],warnPercent:Number(e[`safety.contextGuard.warnPct`])||80,blockPercent:Number(e[`safety.contextGuard.blockPct`])||95},t.sdkRetry={enabled:!!e[`safety.sdkRetry.enabled`],maxRetries:Number(e[`safety.sdkRetry.maxRetries`])||3,baseDelayMs:Number(e[`safety.sdkRetry.baseDelayMs`])||2e3};let r=this._textareaToArray(e[`failover.fallbackModels`]),i=this._textareaToArray(e[`failover.allowedModels`]),a=e[`failover.authProfiles`]||``,o={fallbackModels:r.map(e=>{let[t,...n]=e.split(`:`);return{provider:t,modelId:n.join(`:`)||t}}).filter(e=>e.modelId),allowedModels:i,maxAttempts:Number(e[`failover.maxAttempts`])||6,cooldownInitialMs:Number(e[`failover.cooldownMs`])||6e4};if(a)try{o.authProfiles=JSON.parse(a)}catch{}(r.length>0||i.length>0||a)&&(t.modelFailover=o),t.rag={enabled:!!e[`advanced.rag.enabled`],maxResults:Number(e[`advanced.rag.maxResults`])||10,minScore:Number(e[`advanced.rag.minScore`])||.5,includeTrustLevels:[...e[`rag.trustLevels.system`]?[`system`]:[],...e[`rag.trustLevels.learned`]?[`learned`]:[],...e[`rag.trustLevels.external`]?[`external`]:[]]};let s={mode:e[`session.resetMode`]||`daily`,dailyResetHour:Number(e[`session.dailyResetHour`])||0,dailyResetTimezone:e[`session.timezone`]||`UTC`};e[`session.idleTimeoutMs`]!==void 0&&e[`session.idleTimeoutMs`]!==``&&(s.idleTimeoutMs=Number(e[`session.idleTimeoutMs`]));let c={resetPolicy:s};e[`session.pruning.enabled`]&&(c.pruning={enabled:!0,maxEntries:Number(e[`session.pruning.maxEntries`])||100}),e[`session.compaction.enabled`]&&(c.compaction={enabled:!0,threshold:Number(e[`session.compaction.threshold`])||50}),t.session=c,t.concurrency={maxConcurrentRuns:Number(e[`advanced.concurrency.maxConcurrent`])||1,maxQueuedPerSession:Number(e[`advanced.concurrency.maxQueued`])||50};let l=this._textareaToArray(e[`skills.discoveryPaths`]),u=this._textareaToArray(e[`skills.allowList`]),d=this._textareaToArray(e[`skills.denyList`]),f={};for(let t of w)f[t]=!!e[`skills.builtin.${t}`];t.skills={discoveryPaths:l.length>0?l:void 0,builtinTools:f,toolPolicy:{profile:e[`skills.toolPolicyProfile`]||`full`,allow:u.length>0?u:[],deny:d.length>0?d:[]}};let p={};e[`heartbeat.enabled`]!==void 0&&e[`heartbeat.enabled`]!==``&&(p.enabled=!!e[`heartbeat.enabled`]),e[`heartbeat.intervalMs`]!==void 0&&e[`heartbeat.intervalMs`]!==``&&(p.intervalMs=Number(e[`heartbeat.intervalMs`])),e[`heartbeat.showOk`]!==void 0&&e[`heartbeat.showOk`]!==``&&(p.showOk=!!e[`heartbeat.showOk`]),e[`heartbeat.showAlerts`]!==void 0&&e[`heartbeat.showAlerts`]!==``&&(p.showAlerts=!!e[`heartbeat.showAlerts`]);let m={};e[`heartbeat.target.channelType`]&&(m.channelType=e[`heartbeat.target.channelType`]),e[`heartbeat.target.channelId`]&&(m.channelId=e[`heartbeat.target.channelId`]),e[`heartbeat.target.chatId`]&&(m.chatId=e[`heartbeat.target.chatId`]),e[`heartbeat.target.isDm`]!==void 0&&e[`heartbeat.target.isDm`]!==``&&(m.isDm=!!e[`heartbeat.target.isDm`]),Object.keys(m).length>0&&(p.target=m),e[`heartbeat.prompt`]&&(p.prompt=e[`heartbeat.prompt`]),e[`heartbeat.model`]&&(p.model=e[`heartbeat.model`]),e[`heartbeat.session`]&&(p.session=e[`heartbeat.session`]),e[`heartbeat.allowDm`]!==void 0&&e[`heartbeat.allowDm`]!==``&&(p.allowDm=!!e[`heartbeat.allowDm`]),e[`heartbeat.lightContext`]!==void 0&&e[`heartbeat.lightContext`]!==``&&(p.lightContext=!!e[`heartbeat.lightContext`]),e[`heartbeat.ackMaxChars`]!==void 0&&e[`heartbeat.ackMaxChars`]!==``&&(p.ackMaxChars=Number(e[`heartbeat.ackMaxChars`])),e[`heartbeat.responsePrefix`]&&(p.responsePrefix=e[`heartbeat.responsePrefix`]),e[`heartbeat.skipHeartbeatOnlyDelivery`]!==void 0&&e[`heartbeat.skipHeartbeatOnlyDelivery`]!==``&&(p.skipHeartbeatOnlyDelivery=!!e[`heartbeat.skipHeartbeatOnlyDelivery`]),e[`heartbeat.alertThreshold`]!==void 0&&e[`heartbeat.alertThreshold`]!==``&&(p.alertThreshold=Number(e[`heartbeat.alertThreshold`])),e[`heartbeat.alertCooldownMs`]!==void 0&&e[`heartbeat.alertCooldownMs`]!==``&&(p.alertCooldownMs=Number(e[`heartbeat.alertCooldownMs`])),e[`heartbeat.staleMs`]!==void 0&&e[`heartbeat.staleMs`]!==``&&(p.staleMs=Number(e[`heartbeat.staleMs`])),Object.keys(p).length>0&&(t.scheduler={heartbeat:p});try{let n=JSON.parse(e[`broadcast.groups`]||`[]`);Array.isArray(n)&&n.length>0&&(t.broadcastGroups=n)}catch{}if(e[`advanced.elevatedReply.enabled`]&&(t.elevatedReply={enabled:!0}),e[`advanced.tracing.enabled`]&&(t.tracing={enabled:!0,outputDir:e[`advanced.tracing.outputDir`]||`~/.comis/traces`}),e[`advanced.workspacePath`]&&(t.workspacePath=e[`advanced.workspacePath`]),e[`advanced.bootstrap`])try{t.bootstrap=JSON.parse(e[`advanced.bootstrap`])}catch{}if(e[`advanced.modelRoutes`])try{t.modelRoutes=JSON.parse(e[`advanced.modelRoutes`])}catch{}let h=this._textareaToArray(e[`advanced.secretsAccess`]);h.length>0&&(t.secrets={allowedPatterns:h});let g={};e[`contextEngine.enabled`]!==void 0&&(g.enabled=!!e[`contextEngine.enabled`]);let _=e[`contextEngine.version`];if(_&&(g.version=_),e[`contextEngine.thinkingKeepTurns`]!==void 0&&e[`contextEngine.thinkingKeepTurns`]!==``&&(g.thinkingKeepTurns=Number(e[`contextEngine.thinkingKeepTurns`])),e[`contextEngine.compactionModel`]&&(g.compactionModel=e[`contextEngine.compactionModel`]),e[`contextEngine.evictionMinAge`]!==void 0&&e[`contextEngine.evictionMinAge`]!==``&&(g.evictionMinAge=Number(e[`contextEngine.evictionMinAge`])),_===`pipeline`){e[`contextEngine.historyTurns`]!==void 0&&e[`contextEngine.historyTurns`]!==``&&(g.historyTurns=Number(e[`contextEngine.historyTurns`])),e[`contextEngine.observationKeepWindow`]!==void 0&&e[`contextEngine.observationKeepWindow`]!==``&&(g.observationKeepWindow=Number(e[`contextEngine.observationKeepWindow`])),e[`contextEngine.observationTriggerChars`]!==void 0&&e[`contextEngine.observationTriggerChars`]!==``&&(g.observationTriggerChars=Number(e[`contextEngine.observationTriggerChars`])),e[`contextEngine.observationDeactivationChars`]!==void 0&&e[`contextEngine.observationDeactivationChars`]!==``&&(g.observationDeactivationChars=Number(e[`contextEngine.observationDeactivationChars`])),e[`contextEngine.compactionCooldownTurns`]!==void 0&&e[`contextEngine.compactionCooldownTurns`]!==``&&(g.compactionCooldownTurns=Number(e[`contextEngine.compactionCooldownTurns`]));let t=e[`contextEngine.historyTurnOverrides`]||``;if(t)try{g.historyTurnOverrides=JSON.parse(t)}catch{}}return _===`dag`&&(e[`contextEngine.freshTailTurns`]!==void 0&&e[`contextEngine.freshTailTurns`]!==``&&(g.freshTailTurns=Number(e[`contextEngine.freshTailTurns`])),e[`contextEngine.contextThreshold`]!==void 0&&e[`contextEngine.contextThreshold`]!==``&&(g.contextThreshold=Number(e[`contextEngine.contextThreshold`])),e[`contextEngine.leafMinFanout`]!==void 0&&e[`contextEngine.leafMinFanout`]!==``&&(g.leafMinFanout=Number(e[`contextEngine.leafMinFanout`])),e[`contextEngine.condensedMinFanout`]!==void 0&&e[`contextEngine.condensedMinFanout`]!==``&&(g.condensedMinFanout=Number(e[`contextEngine.condensedMinFanout`])),e[`contextEngine.condensedMinFanoutHard`]!==void 0&&e[`contextEngine.condensedMinFanoutHard`]!==``&&(g.condensedMinFanoutHard=Number(e[`contextEngine.condensedMinFanoutHard`])),e[`contextEngine.incrementalMaxDepth`]!==void 0&&e[`contextEngine.incrementalMaxDepth`]!==``&&(g.incrementalMaxDepth=Number(e[`contextEngine.incrementalMaxDepth`])),e[`contextEngine.leafChunkTokens`]!==void 0&&e[`contextEngine.leafChunkTokens`]!==``&&(g.leafChunkTokens=Number(e[`contextEngine.leafChunkTokens`])),e[`contextEngine.leafTargetTokens`]!==void 0&&e[`contextEngine.leafTargetTokens`]!==``&&(g.leafTargetTokens=Number(e[`contextEngine.leafTargetTokens`])),e[`contextEngine.condensedTargetTokens`]!==void 0&&e[`contextEngine.condensedTargetTokens`]!==``&&(g.condensedTargetTokens=Number(e[`contextEngine.condensedTargetTokens`])),e[`contextEngine.maxExpandTokens`]!==void 0&&e[`contextEngine.maxExpandTokens`]!==``&&(g.maxExpandTokens=Number(e[`contextEngine.maxExpandTokens`])),e[`contextEngine.maxRecallsPerDay`]!==void 0&&e[`contextEngine.maxRecallsPerDay`]!==``&&(g.maxRecallsPerDay=Number(e[`contextEngine.maxRecallsPerDay`])),e[`contextEngine.recallTimeoutMs`]!==void 0&&e[`contextEngine.recallTimeoutMs`]!==``&&(g.recallTimeoutMs=Number(e[`contextEngine.recallTimeoutMs`])),e[`contextEngine.largeFileTokenThreshold`]!==void 0&&e[`contextEngine.largeFileTokenThreshold`]!==``&&(g.largeFileTokenThreshold=Number(e[`contextEngine.largeFileTokenThreshold`])),e[`contextEngine.annotationKeepWindow`]!==void 0&&e[`contextEngine.annotationKeepWindow`]!==``&&(g.annotationKeepWindow=Number(e[`contextEngine.annotationKeepWindow`])),e[`contextEngine.annotationTriggerChars`]!==void 0&&e[`contextEngine.annotationTriggerChars`]!==``&&(g.annotationTriggerChars=Number(e[`contextEngine.annotationTriggerChars`])),e[`contextEngine.summaryModel`]&&(g.summaryModel=e[`contextEngine.summaryModel`]),e[`contextEngine.summaryProvider`]&&(g.summaryProvider=e[`contextEngine.summaryProvider`])),Object.keys(g).length>0&&(t.contextEngine=g),t}_textareaToArray(e){return e?e.split(`
+`).map(e=>e.trim()).filter(Boolean):[]}async _handleValidate(){this._validating=!0,this._validationErrors=[],this._validationSuccess=!1;let e=[];this._isNew&&!this._form.id&&e.push(`Agent ID is required`),this._form.provider||e.push(`Provider is required`),this._form.model||e.push(`Model is required`);let t=Number(this._form.maxSteps);this._form.maxSteps!==void 0&&this._form.maxSteps!==``&&(isNaN(t)||t<1)&&e.push(`Max Steps must be a positive integer`);let n=this._form.temperature;if(n!==void 0&&n!==``){let t=Number(n);(isNaN(t)||t<0||t>2)&&e.push(`Temperature must be between 0 and 2`)}if(e.length>0){this._validationErrors=e,this._validating=!1;return}if(this.rpcClient&&!this._isNew)try{let e=this._buildPayload();await this.rpcClient.call(`agents.update`,{agentId:this.agentId,config:e,dryRun:!0})}catch(t){let n=t instanceof Error?t.message:String(t);try{let t=JSON.parse(n.replace(/^RPC error \(\d+\): /,``));if(Array.isArray(t))for(let n of t){let t=Array.isArray(n.path)?n.path.join(`.`):``;e.push(t?`${t}: ${n.message}`:n.message)}else e.push(n)}catch{e.push(n)}}this._validationErrors=e,this._validationSuccess=e.length===0,this._validating=!1,e.length===0&&d.show(`Configuration is valid`,`success`)}async _handleSave(){if(!this.rpcClient){this._error=`Not connected`;return}if(this._isNew&&!this._form.id){this._error=`Agent ID is required`;return}this._saving=!0,this._error=``;try{let e=this._buildPayload();if(this._isNew){let t=await this.rpcClient.call(`agents.create`,{agentId:this._form.id,config:e});this._dirtyTracker.markClean(),this._navigatingAfterSave=!0,d.show(`Agent created successfully`,`success`),this.dispatchEvent(new CustomEvent(`navigate`,{detail:`agents/${t?.agentId??this._form.id}`,bubbles:!0,composed:!0}))}else await this.rpcClient.call(`agents.update`,{agentId:this.agentId,config:e}),this._dirtyTracker.markClean(),this._navigatingAfterSave=!0,d.show(`Agent updated successfully`,`success`),this.dispatchEvent(new CustomEvent(`navigate`,{detail:`agents/${this.agentId}`,bubbles:!0,composed:!0}))}catch(e){this._error=e instanceof Error?e.message:`Save failed`,d.show(this._error,`error`)}finally{this._saving=!1}}_handleCancel(){if(!this._dirtyTracker.confirmNavigation())return;this._dirtyTracker.markClean(),this._navigatingAfterSave=!0;let e=this._isNew?`agents`:`agents/${this.agentId}`;this.dispatchEvent(new CustomEvent(`navigate`,{detail:e,bubbles:!0,composed:!0}))}_buildYamlPreview(){let e=this._form,t={};e.id&&(t.agentId=e.id),e.name&&(t.name=e.name),e.provider&&(t.provider=e.provider),e.model&&(t.model=e.model),e.temperature!==void 0&&e.temperature!==``&&(t.temperature=Number(e.temperature)),e.maxSteps!==void 0&&e.maxSteps!==``&&(t.maxSteps=Number(e.maxSteps)),e.thinkingLevel&&e.thinkingLevel!==`none`&&(t.thinkingLevel=e.thinkingLevel),e.maxTokens!==void 0&&e.maxTokens!==``&&(t.maxTokens=Number(e.maxTokens));let n={};if(e[`budgets.perExecution`]!==void 0&&e[`budgets.perExecution`]!==``&&(n.perExecution=Number(e[`budgets.perExecution`])),e[`budgets.perHour`]!==void 0&&e[`budgets.perHour`]!==``&&(n.perHour=Number(e[`budgets.perHour`])),e[`budgets.perDay`]!==void 0&&e[`budgets.perDay`]!==``&&(n.perDay=Number(e[`budgets.perDay`])),Object.keys(n).length>0&&(t.budgets=n),e[`session.resetMode`]&&e[`session.resetMode`]!==`daily`&&(t.session={resetMode:e[`session.resetMode`]}),e[`skills.toolPolicyProfile`]&&e[`skills.toolPolicyProfile`]!==`minimal`&&(t.skills={toolPolicy:e[`skills.toolPolicyProfile`]}),e[`heartbeat.enabled`]){let n={enabled:!0};e[`heartbeat.intervalMs`]&&(n.intervalMs=Number(e[`heartbeat.intervalMs`])),e[`heartbeat.target.channelType`]&&(n.targetChannel=e[`heartbeat.target.channelType`]),t.heartbeat=n}let r=e[`contextEngine.enabled`],i=e[`contextEngine.version`];if(r!==void 0){let n={enabled:!!r,version:i||`dag`};e[`contextEngine.thinkingKeepTurns`]!==void 0&&e[`contextEngine.thinkingKeepTurns`]!==``&&(n.thinkingKeepTurns=Number(e[`contextEngine.thinkingKeepTurns`])),e[`contextEngine.compactionModel`]&&(n.compactionModel=e[`contextEngine.compactionModel`]),e[`contextEngine.evictionMinAge`]!==void 0&&e[`contextEngine.evictionMinAge`]!==``&&(n.evictionMinAge=Number(e[`contextEngine.evictionMinAge`])),i===`dag`&&e[`contextEngine.freshTailTurns`]!==void 0&&e[`contextEngine.freshTailTurns`]!==``&&(n.freshTailTurns=Number(e[`contextEngine.freshTailTurns`])),i===`pipeline`&&e[`contextEngine.historyTurns`]!==void 0&&e[`contextEngine.historyTurns`]!==``&&(n.historyTurns=Number(e[`contextEngine.historyTurns`])),t.contextEngine=n}return t}render(){if(this._loadState===`loading`)return u`<ic-loading mode="skeleton" lines="8"></ic-loading>`;if(this._loadState===`error`)return u`
+        <div class="error-bar">${this._error}</div>
+        <button class="btn btn--secondary" @click=${()=>this._loadAgent()}>Retry</button>
+      `;let e=this._isNew?`Create Agent`:`Edit Agent: ${this.agentId}`;return u`
+      <div class="header">
+        <div class="header-left">
+          <ic-breadcrumb
+            .items=${[{label:`Agents`,route:`agents`},...this._isNew?[{label:`Create`}]:[{label:this.agentId,route:`agents/${this.agentId}`},{label:`Edit`}]]}
+            @navigate=${e=>this._navigate(e.detail)}
+          ></ic-breadcrumb>
+          <h1 class="title">${e}</h1>
+        </div>
+      </div>
+
+      ${this._error?u`<div class="error-bar">${this._error}</div>`:t}
+
+      <div class="editor-layout">
+        <div class="form-panel">
+          <!-- Essential section (always visible, no accordion) -->
+          <div class="section-card">
+            <div class="essential-header">Essential</div>
+            <div class="essential-content">
+              <ic-agent-essential-editor
+                .form=${this._form}
+                .isNew=${this._isNew}
+                .agentId=${this.agentId}
+                .catalogProviders=${this._catalogProviders}
+                @field-change=${this._handleFieldChange}
+              ></ic-agent-essential-editor>
+            </div>
+          </div>
+
+          ${this._renderAccordionSection(`budget`,`Budget`,u`
+            <ic-agent-budget-editor
+              .form=${this._form}
+              @field-change=${this._handleFieldChange}
+            ></ic-agent-budget-editor>
+          `)}
+          ${this._renderAccordionSection(`session`,`Session Policy`,u`
+            <ic-agent-session-editor
+              .form=${this._form}
+              @field-change=${this._handleFieldChange}
+            ></ic-agent-session-editor>
+          `)}
+          ${this._renderAccordionSection(`skills`,`Skills`,u`
+            <ic-agent-skills-editor
+              .form=${this._form}
+              @field-change=${this._handleFieldChange}
+            ></ic-agent-skills-editor>
+          `)}
+          ${this._renderAccordionSection(`heartbeat`,`Heartbeat`,u`
+            <ic-agent-heartbeat-editor
+              .form=${this._form}
+              @field-change=${this._handleFieldChange}
+            ></ic-agent-heartbeat-editor>
+          `)}
+          ${this._renderAccordionSection(`advanced`,`Advanced`,u`
+            <ic-agent-advanced-editor
+              .form=${this._form}
+              @field-change=${this._handleFieldChange}
+            ></ic-agent-advanced-editor>
+          `)}
+          ${this._renderAccordionSection(`contextEngine`,`Context Engine`,u`
+            <ic-agent-context-engine-editor
+              .form=${this._form}
+              @field-change=${this._handleFieldChange}
+            ></ic-agent-context-engine-editor>
+          `)}
+          ${this._renderAccordionSection(`streaming`,`Streaming (System-Wide)`,u`
+            <ic-agent-streaming-editor
+              .config=${this._streamingConfig}
+              @config-change=${this._handleConfigChange}
+            ></ic-agent-streaming-editor>
+          `)}
+          ${this._renderAccordionSection(`delivery`,`Delivery (System-Wide)`,u`
+            <ic-agent-delivery-editor
+              .deliveryQueueConfig=${this._deliveryQueueConfig}
+              .deliveryMirrorConfig=${this._deliveryMirrorConfig}
+              @config-change=${this._handleConfigChange}
+            ></ic-agent-delivery-editor>
+          `)}
+          ${this._renderAccordionSection(`queue`,`Queue / Overflow (System-Wide)`,u`
+            <ic-agent-queue-editor
+              .config=${this._queueConfig}
+              @config-change=${this._handleConfigChange}
+            ></ic-agent-queue-editor>
+          `)}
+          ${this._renderAccordionSection(`autoReply`,`Auto-Reply (System-Wide)`,u`
+            <ic-agent-auto-reply-editor
+              .config=${this._autoReplyConfig}
+              @config-change=${this._handleConfigChange}
+            ></ic-agent-auto-reply-editor>
+          `)}
+          ${this._renderAccordionSection(`sendPolicy`,`Send Policy (System-Wide)`,u`
+            <ic-agent-send-policy-editor
+              .config=${this._sendPolicyConfig}
+              @config-change=${this._handleConfigChange}
+            ></ic-agent-send-policy-editor>
+          `)}
+          ${this._renderAccordionSection(`logLevel`,`Log Levels (Runtime)`,u`
+            <ic-agent-log-level-editor
+              .rpcClient=${this.rpcClient}
+              .applied=${this._logLevelApplied}
+              @log-level-change=${this._handleLogLevelChange}
+            ></ic-agent-log-level-editor>
+          `)}
+        </div>
+        <div class="yaml-panel">
+          <div class="yaml-header">YAML Preview</div>
+          <pre class="yaml-preview">${f(this._buildYamlPreview())}</pre>
+        </div>
+      </div>
+
+      <div class="save-bar">
+        <div class="save-bar-left">
+          <button
+            class="btn btn--secondary"
+            ?disabled=${this._validating}
+            @click=${()=>this._handleValidate()}
+          >Validate</button>
+          ${this._validationErrors.length>0?u`
+            <div class="validation-errors">
+              ${this._validationErrors.map(e=>u`<span class="validation-error">${e}</span>`)}
+            </div>
+          `:t}
+          ${this._validationSuccess?u`
+            <span class="validation-success">Valid</span>
+          `:t}
+        </div>
+        <div class="save-bar-right">
+          ${this._dirtyTracker.isDirty?u`<span class="dirty-indicator">unsaved changes</span>`:t}
+          <button
+            class="btn btn--cancel"
+            @click=${()=>this._handleCancel()}
+          >Cancel</button>
+          <button
+            class="btn btn--primary"
+            ?disabled=${this._saving}
+            @click=${()=>this._handleSave()}
+          >Save</button>
+        </div>
+      </div>
+    `}_navigate(e){this.dispatchEvent(new CustomEvent(`navigate`,{detail:e,bubbles:!0,composed:!0}))}_renderAccordionSection(e,t,n){return u`
+      <div class="section-card">
+        <details ?open=${this._expanded.has(e)} @toggle=${t=>this._handleToggle(e,t)}>
+          <summary><span class="section-label">${t}</span></summary>
+          <div class="section-content">
+            ${n}
+          </div>
+        </details>
+      </div>
+    `}_handleToggle(e,t){let n=t.target,r=new Set(this._expanded);n.open?r.add(e):r.delete(e),this._expanded=r}};l([a({attribute:!1})],z.prototype,`rpcClient`,void 0),l([a()],z.prototype,`agentId`,void 0),l([s()],z.prototype,`_loadState`,void 0),l([s()],z.prototype,`_saving`,void 0),l([s()],z.prototype,`_validating`,void 0),l([s()],z.prototype,`_error`,void 0),l([s()],z.prototype,`_validationErrors`,void 0),l([s()],z.prototype,`_validationSuccess`,void 0),l([s()],z.prototype,`_form`,void 0),l([s()],z.prototype,`_expanded`,void 0),l([s()],z.prototype,`_catalogProviders`,void 0),l([s()],z.prototype,`_streamingConfig`,void 0),l([s()],z.prototype,`_deliveryQueueConfig`,void 0),l([s()],z.prototype,`_deliveryMirrorConfig`,void 0),l([s()],z.prototype,`_queueConfig`,void 0),l([s()],z.prototype,`_autoReplyConfig`,void 0),l([s()],z.prototype,`_sendPolicyConfig`,void 0),l([s()],z.prototype,`_logLevelApplied`,void 0),z=l([i(`ic-agent-editor`)],z);export{z as IcAgentEditor};