comisai 1.0.24 → 1.0.26

package/node_modules/@comis/web/dist/assets/{config-editor-DX4ITw6y.js → config-editor-BLArYRB7.js}

@@ -1,31 +1,6 @@
-import{s as N,f as P,i as I,n as x,r as p,a as j,b as o,t as M,A as g,I as y}from"./index-CEcM1R_C.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-tag-CPPUnDLF.js";import"./ic-relative-time-3FqpjeAI.js";import"./ic-tabs-B7QtM_v8.js";import"./ic-select-Ce-Raudx.js";import"./ic-array-editor-B7m6x7-S.js";import"./ic-icon-xeGTVhVG.js";var V=Object.defineProperty,J=Object.getOwnPropertyDescriptor,S=(e,t,r,i)=>{for(var a=i>1?void 0:i?J(t,r):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(a=(i?n(t,r,a):n(a))||a);return i&&a&&V(t,r,a),a};function U(e,t){const r=e.split(`
-`),i=t.split(`
-`),a=r.length,s=i.length,n=Array.from({length:a+1},()=>new Array(s+1).fill(0));for(let u=1;u<=a;u++)for(let v=1;v<=s;v++)r[u-1]===i[v-1]?n[u][v]=n[u-1][v-1]+1:n[u][v]=Math.max(n[u-1][v],n[u][v-1]);let c=a,l=s;const d=[],m=[];for(;c>0||l>0;)c>0&&l>0&&r[c-1]===i[l-1]?(d.push({text:r[c-1],status:"unchanged"}),m.push({text:i[l-1],status:"unchanged"}),c--,l--):l>0&&(c===0||n[c][l-1]>=n[c-1][l])?(m.push({text:i[l-1],status:"added"}),d.push({text:"",status:"unchanged"}),l--):(d.push({text:r[c-1],status:"removed"}),m.push({text:"",status:"unchanged"}),c--);return d.reverse(),m.reverse(),{oldLines:d,newLines:m}}let _=class extends j{constructor(){super(...arguments),this.oldText="",this.newText="",this.oldLabel="Current",this.newLabel="Pending",this._syncing=!1}_handleScroll(e,t){if(this._syncing)return;this._syncing=!0;const r=e.target,i=this.shadowRoot?.querySelector(`.${t}`);i&&(i.scrollTop=r.scrollTop,i.scrollLeft=r.scrollLeft),requestAnimationFrame(()=>{this._syncing=!1})}_renderLines(e){return e.map(t=>{let r="line";return t.status==="removed"?r+=" line--removed":t.status==="added"?r+=" line--added":t.text===""&&(r+=" line--spacer"),o`<span class=${r}>${t.text||" "}</span>`})}render(){if(this.oldText===this.newText)return o`
-        <div class="diff-container">
-          <div class="no-changes">No changes detected</div>
-        </div>
-      `;const{oldLines:e,newLines:t}=U(this.oldText,this.newText);return o`
-      <div class="diff-container">
-        <div class="diff-panel">
-          <div class="diff-header">${this.oldLabel}</div>
-          <div
-            class="diff-body diff-body--old"
-            @scroll=${r=>this._handleScroll(r,"diff-body--new")}
-          >
-            <pre><code>${this._renderLines(e)}</code></pre>
-          </div>
-        </div>
-        <div class="diff-panel">
-          <div class="diff-header">${this.newLabel}</div>
-          <div
-            class="diff-body diff-body--new"
-            @scroll=${r=>this._handleScroll(r,"diff-body--old")}
-          >
-            <pre><code>${this._renderLines(t)}</code></pre>
-          </div>
-        </div>
-      </div>
-    `}};_.styles=[N,P,I`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-BBkuC-EU.js";import"./ic-tag-CvMVQFRR.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-relative-time-B3UAnTqg.js";import"./ic-array-editor-BLoEyeLS.js";import"./ic-empty-state-CM3Wbj2f.js";import"./ic-tabs-yBjkWKJH.js";import"./ic-select-BqfZISjw.js";function d(e,t){let n=e.split(`
+`),r=t.split(`
+`),i=n.length,a=r.length,o=Array.from({length:i+1},()=>Array(a+1).fill(0));for(let e=1;e<=i;e++)for(let t=1;t<=a;t++)n[e-1]===r[t-1]?o[e][t]=o[e-1][t-1]+1:o[e][t]=Math.max(o[e-1][t],o[e][t-1]);let s=i,c=a,l=[],u=[];for(;s>0||c>0;)s>0&&c>0&&n[s-1]===r[c-1]?(l.push({text:n[s-1],status:`unchanged`}),u.push({text:r[c-1],status:`unchanged`}),s--,c--):c>0&&(s===0||o[s][c-1]>=o[s-1][c])?(u.push({text:r[c-1],status:`added`}),l.push({text:``,status:`unchanged`}),c--):(l.push({text:n[s-1],status:`removed`}),u.push({text:``,status:`unchanged`}),s--);return l.reverse(),u.reverse(),{oldLines:l,newLines:u}}var f=class extends r{constructor(...e){super(...e),this.oldText=``,this.newText=``,this.oldLabel=`Current`,this.newLabel=`Pending`,this._syncing=!1}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -107,156 +82,32 @@ import{s as N,f as P,i as I,n as x,r as p,a as j,b as o,t as M,A as g,I as y}fro
         font-size: var(--ic-text-sm);
         grid-column: 1 / -1;
       }
-    `];S([x()],_.prototype,"oldText",2);S([x()],_.prototype,"newText",2);S([x()],_.prototype,"oldLabel",2);S([x()],_.prototype,"newLabel",2);S([p()],_.prototype,"_syncing",2);_=S([M("ic-diff-viewer")],_);var B=Object.defineProperty,K=Object.getOwnPropertyDescriptor,w=(e,t,r,i)=>{for(var a=i>1?void 0:i?K(t,r):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(a=(i?n(t,r,a):n(a))||a);return i&&a&&B(t,r,a),a};const Z=["rpc","ws","admin","api","*"];function C(e){return e.replace(/([A-Z])/g," $1").replace(/^./,t=>t.toUpperCase()).trim()}function T(e,t){const r=t.split(".");let i=e;for(const a of r){if(i==null||typeof i!="object")return;i=i[a]}return i}function W(e,t,r){const i=t.split(".");if(i.length===1)return{...e,[i[0]]:r};const[a,...s]=i,n=e[a]??{};return{...e,[a]:W(n,s.join("."),r)}}let b=class extends j{constructor(){super(...arguments),this.schema={},this.config={},this.sectionKey="",this._formState={},this._formErrors={},this._expandedFormPaths=new Set}updated(e){e.has("config")&&(this._formState=structuredClone(this.config),this._formErrors={})}_onFormFieldChange(e,t){this._formState=W(this._formState,e,t);const r={...this._formErrors};delete r[e],this._formErrors=r,this.dispatchEvent(new CustomEvent("field-change",{detail:{path:e,value:t,formState:this._formState},bubbles:!0,composed:!0}))}_validateField(e,t,r){const i={...this._formErrors};if(r.type==="string"&&typeof t=="string")if(r.minLength!==void 0&&t.length<r.minLength)i[e]=`Minimum length is ${r.minLength}`;else if(r.maxLength!==void 0&&t.length>r.maxLength)i[e]=`Maximum length is ${r.maxLength}`;else if(r.pattern)try{new RegExp(r.pattern).test(t)||(i[e]=`Must match pattern: ${r.pattern}`)}catch{}else delete i[e];else(r.type==="number"||r.type==="integer")&&typeof t=="number"?r.minimum!==void 0&&t<r.minimum?i[e]=`Minimum value is ${r.minimum}`:r.maximum!==void 0&&t>r.maximum?i[e]=`Maximum value is ${r.maximum}`:delete i[e]:delete i[e];this._formErrors=i}_toggleFormFieldset(e){const t=new Set(this._expandedFormPaths);t.has(e)?t.delete(e):t.add(e),this._expandedFormPaths=t}_onArrayItemFieldChange(e,t,r,i){const s=(T(this._formState,e)??[]).map((n,c)=>c!==t?n:{...n,[r]:i});this._onFormFieldChange(e,s)}_renderStringField(e,t,r,i){const a=i.maxLength!==void 0&&i.maxLength>200||e.includes("prompt")||e.includes("template");return o`
-      <div class="form-field">
-        <label class="form-label">${t}</label>
-        ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-        ${a?o`<textarea class="form-textarea" .value=${r}
-              @input=${s=>this._onFormFieldChange(e,s.target.value)}
-              @blur=${()=>this._validateField(e,r,i)}
-            ></textarea>`:o`<input class="form-input" type="text" .value=${r}
-              @input=${s=>this._onFormFieldChange(e,s.target.value)}
-              @blur=${()=>this._validateField(e,r,i)}
-            />`}
-        ${this._formErrors[e]?o`<span class="form-error">${this._formErrors[e]}</span>`:g}
-      </div>
-    `}_renderNumberField(e,t,r,i){return o`
-      <div class="form-field">
-        <label class="form-label">${t}</label>
-        ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-        <input class="form-input" type="number" .value=${String(r)}
-          min=${i.minimum??g} max=${i.maximum??g}
-          @input=${a=>{const s=parseFloat(a.target.value);isNaN(s)||this._onFormFieldChange(e,s)}}
-          @blur=${()=>this._validateField(e,r,i)}
-        />
-        ${this._formErrors[e]?o`<span class="form-error">${this._formErrors[e]}</span>`:g}
-      </div>
-    `}_renderBooleanField(e,t,r,i){return o`
-      <div class="form-field">
-        ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-        <ic-toggle label=${t} .checked=${r}
-          @change=${a=>this._onFormFieldChange(e,a.detail)}
-        ></ic-toggle>
-      </div>
-    `}_renderEnumField(e,t,r,i){const a=(i.enum??[]).map(s=>({value:String(s),label:String(s)}));return o`
-      <div class="form-field">
-        ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-        <ic-select label=${t} .value=${String(r??"")} .options=${a}
-          @change=${s=>this._onFormFieldChange(e,s.detail)}
-        ></ic-select>
-      </div>
-    `}_renderArrayField(e,t,r,i){return i.items?.type==="string"?o`
-        <div class="form-field">
-          ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-          <ic-array-editor label=${t} .items=${(r??[]).map(String)} placeholder="Add item..."
-            @change=${a=>{this._onFormFieldChange(e,a.detail)}}
-          ></ic-array-editor>
-        </div>
-      `:i.items?.type==="object"&&i.items.properties?this._renderArrayOfObjectsField(e,t,r,i):this._renderJsonFallback(e,t,r,i)}_renderArrayOfObjectsField(e,t,r,i){const a=r??[],s=i.items,n=s.properties??{},c=s.required??[],l=()=>{const d={};for(const[m,u]of Object.entries(n))u.default!==void 0?d[m]=JSON.parse(JSON.stringify(u.default)):u.type==="string"?d[m]="":u.type==="number"||u.type==="integer"?d[m]=0:u.type==="boolean"?d[m]=!1:u.type==="array"?d[m]=[]:u.type==="object"&&(d[m]={});return d};return o`
-      <div class="form-field">
-        <label class="form-label">${t}</label>
-        ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-        <div class="array-cards">
-          ${a.map((d,m)=>this._renderArrayObjectCard(e,m,d,n,c))}
+    `]}_handleScroll(e,t){if(this._syncing)return;this._syncing=!0;let n=e.target,r=this.shadowRoot?.querySelector(`.${t}`);r&&(r.scrollTop=n.scrollTop,r.scrollLeft=n.scrollLeft),requestAnimationFrame(()=>{this._syncing=!1})}_renderLines(e){return e.map(e=>{let n=`line`;return e.status===`removed`?n+=` line--removed`:e.status===`added`?n+=` line--added`:e.text===``&&(n+=` line--spacer`),t`<span class=${n}>${e.text||` `}</span>`})}render(){if(this.oldText===this.newText)return t`
+        <div class="diff-container">
+          <div class="no-changes">No changes detected</div>
         </div>
-        <button class="array-add-btn"
-          @click=${()=>{this._onFormFieldChange(e,[...a,l()])}}
-        >+ Add</button>
-      </div>
-    `}_renderArrayObjectCard(e,t,r,i,a){return o`
-      <div class="array-card">
-        <div class="array-card-header">
-          <span class="array-card-index">#${t+1}</span>
-          <button class="array-card-remove" title="Remove"
-            @click=${()=>{const s=T(this._formState,e)??[];this._onFormFieldChange(e,s.filter((n,c)=>c!==t))}}
-          >\u00d7</button>
+      `;let{oldLines:e,newLines:n}=d(this.oldText,this.newText);return t`
+      <div class="diff-container">
+        <div class="diff-panel">
+          <div class="diff-header">${this.oldLabel}</div>
+          <div
+            class="diff-body diff-body--old"
+            @scroll=${e=>this._handleScroll(e,`diff-body--new`)}
+          >
+            <pre><code>${this._renderLines(e)}</code></pre>
+          </div>
         </div>
-        <div class="array-card-fields">
-          ${Object.entries(i).map(([s,n])=>{const c=`${C(s)}${a.includes(s)?" *":""}`,l=r[s];if(s==="secret")return o`
-                <div class="form-field">
-                  <label class="form-label">${c}</label>
-                  <input type="password" class="form-input"
-                    .value=${typeof l=="string"?l:""}
-                    placeholder="env:VAR_NAME or min 32 chars"
-                    @input=${d=>{this._onArrayItemFieldChange(e,t,s,d.target.value)}}
-                  />
-                </div>
-              `;if(n.type==="array"&&n.items?.type==="string"){if(s==="scopes"){const d=new Set((l??[]).map(String));return o`
-                  <div class="form-field">
-                    <label class="form-label">${c}</label>
-                    <div class="scope-chips">
-                      ${Z.map(m=>o`
-                        <button class="scope-chip" ?data-active=${d.has(m)}
-                          @click=${()=>{const u=new Set(d);u.has(m)?u.delete(m):u.add(m),this._onArrayItemFieldChange(e,t,s,[...u])}}
-                        >${m}</button>
-                      `)}
-                    </div>
-                  </div>
-                `}return o`
-                <div class="form-field">
-                  <ic-array-editor label=${c} .items=${(l??[]).map(String)} placeholder="Add..."
-                    @change=${d=>{this._onArrayItemFieldChange(e,t,s,d.detail)}}
-                  ></ic-array-editor>
-                </div>
-              `}return n.type==="string"?o`
-                <div class="form-field">
-                  <label class="form-label">${c}</label>
-                  <input type="text" class="form-input" .value=${String(l??"")}
-                    @input=${d=>{this._onArrayItemFieldChange(e,t,s,d.target.value)}}
-                  />
-                </div>
-              `:n.type==="number"||n.type==="integer"?o`
-                <div class="form-field">
-                  <label class="form-label">${c}</label>
-                  <input type="number" class="form-input" .value=${String(l??0)}
-                    @input=${d=>{this._onArrayItemFieldChange(e,t,s,Number(d.target.value))}}
-                  />
-                </div>
-              `:n.type==="boolean"?o`
-                <div class="form-field">
-                  <label class="form-label">${c}</label>
-                  <ic-toggle ?checked=${!!l}
-                    @change=${d=>{this._onArrayItemFieldChange(e,t,s,d.detail)}}
-                  ></ic-toggle>
-                </div>
-              `:o`
-              <div class="form-field">
-                <label class="form-label">${c}</label>
-                <input type="text" class="form-input" .value=${JSON.stringify(l??"")}
-                  @input=${d=>{try{this._onArrayItemFieldChange(e,t,s,JSON.parse(d.target.value))}catch{}}}
-                />
-              </div>
-            `})}
+        <div class="diff-panel">
+          <div class="diff-header">${this.newLabel}</div>
+          <div
+            class="diff-body diff-body--new"
+            @scroll=${e=>this._handleScroll(e,`diff-body--old`)}
+          >
+            <pre><code>${this._renderLines(n)}</code></pre>
+          </div>
         </div>
       </div>
-    `}_renderObjectField(e,t,r,i){const a=this._expandedFormPaths.has(e),s=i.properties??{},n=i.required??[];return o`
-      <fieldset class="form-fieldset">
-        <legend class="form-fieldset-legend" @click=${()=>this._toggleFormFieldset(e)}>
-          <span class="arrow" ?data-expanded=${a}>\u25B6</span>
-          ${t}
-        </legend>
-        ${a?o`
-              <div class="form-fieldset-content">
-                ${Object.entries(s).map(([c,l])=>this._renderSchemaField(`${e}.${c}`,`${C(c)}${n.includes(c)?" *":""}`,T(r??{},c),l))}
-              </div>
-            `:g}
-      </fieldset>
-    `}_renderJsonFallback(e,t,r,i){const a=JSON.stringify(r??null,null,2);return o`
-      <div class="form-field">
-        <label class="form-label">${t}</label>
-        ${i.description?o`<span class="form-description">${i.description}</span>`:g}
-        <textarea class="json-fallback-textarea" .value=${a}
-          @input=${s=>{const n=s.target.value;try{const c=JSON.parse(n);this._onFormFieldChange(e,c);const l={...this._formErrors};delete l[e],this._formErrors=l}catch{this._formErrors={...this._formErrors,[e]:"Invalid JSON"}}}}
-        ></textarea>
-        ${this._formErrors[e]?o`<span class="form-error">${this._formErrors[e]}</span>`:g}
-      </div>
-    `}_renderSchemaField(e,t,r,i){if(i.enum&&i.enum.length>0)return this._renderEnumField(e,t,r,i);const a=i.anyOf??i.oneOf;if(a&&a.length>=2){const s=a.filter(n=>n.type!=="null");if(s.length===1)return this._renderSchemaField(e,t,r,s[0]);if(r==null||typeof r=="string"){const n=s.find(c=>c.type==="string");if(n)return this._renderStringField(e,t,String(r??""),n)}}if(i.anyOf||i.oneOf||i.allOf)return this._renderJsonFallback(e,t,r,i);switch(i.type){case"string":return this._renderStringField(e,t,String(r??""),i);case"number":case"integer":return this._renderNumberField(e,t,Number(r??0),i);case"boolean":return this._renderBooleanField(e,t,!!r,i);case"array":return this._renderArrayField(e,t,r??[],i);case"object":return this._renderObjectField(e,t,r??{},i);default:return this._renderJsonFallback(e,t,r,i)}}render(){const e=this.schema;if(e&&!e.properties&&e.additionalProperties&&typeof e.additionalProperties=="object"){const i=e.additionalProperties,a=Object.keys(this._formState);return a.length===0?o`<ic-empty-state icon="config" message="No entries" description="This section has no configured entries."></ic-empty-state>`:o`
-        ${a.map(s=>{const n=this._formState[s]??{};return this._renderObjectField(s,C(s),n,i)})}
-      `}if(!e||!e.properties)return o`
-        ${Object.entries(this._formState).map(([i,a])=>this._renderSchemaField(i,C(i),a,{type:typeof a=="boolean"?"boolean":typeof a=="number"?"number":"string"}))}
-      `;const t=e.properties,r=e.required??[];return o`
-      ${Object.entries(t).map(([i,a])=>this._renderSchemaField(i,`${C(i)}${r.includes(i)?" *":""}`,T(this._formState,i),a))}
-    `}};b.styles=[N,P,I`
+    `}};c([s()],f.prototype,`oldText`,void 0),c([s()],f.prototype,`newText`,void 0),c([s()],f.prototype,`oldLabel`,void 0),c([s()],f.prototype,`newLabel`,void 0),c([a()],f.prototype,`_syncing`,void 0),f=c([e(`ic-diff-viewer`)],f);var p=[`rpc`,`ws`,`admin`,`api`,`*`];function m(e){return e.replace(/([A-Z])/g,` $1`).replace(/^./,e=>e.toUpperCase()).trim()}function h(e,t){let n=t.split(`.`),r=e;for(let e of n){if(typeof r!=`object`||!r)return;r=r[e]}return r}function g(e,t,n){let r=t.split(`.`);if(r.length===1)return{...e,[r[0]]:n};let[i,...a]=r,o=e[i]??{};return{...e,[i]:g(o,a.join(`.`),n)}}var _=class extends r{constructor(...e){super(...e),this.schema={},this.config={},this.sectionKey=``,this._formState={},this._formErrors={},this._expandedFormPaths=new Set}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -460,318 +311,161 @@ import{s as N,f as P,i as I,n as x,r as p,a as j,b as o,t as M,A as g,I as y}fro
         outline: none;
         border-color: var(--ic-accent);
       }
-    `];w([x({attribute:!1})],b.prototype,"schema",2);w([x({attribute:!1})],b.prototype,"config",2);w([x({type:String})],b.prototype,"sectionKey",2);w([p()],b.prototype,"_formState",2);w([p()],b.prototype,"_formErrors",2);w([p()],b.prototype,"_expandedFormPaths",2);b=w([M("ic-schema-form")],b);function $(e,t=0){const r="  ".repeat(t);if(e==null)return"null";if(typeof e=="boolean")return e?"true":"false";if(typeof e=="number")return String(e);if(typeof e=="string")return e===""||e.includes(":")||e.includes("#")||e.includes(`
-`)||e.includes('"')||e.includes("'")||e.startsWith(" ")||e.endsWith(" ")||e==="true"||e==="false"||e==="null"||/^\d+(\.\d+)?$/.test(e)?`"${e.replace(/\\/g,"\\\\").replace(/"/g,'\\"')}"`:e;if(Array.isArray(e)){if(e.length===0)return"[]";const i=[];for(const a of e)if(typeof a=="object"&&a!==null&&!Array.isArray(a)){const s=Object.entries(a);if(s.length>0){const[n,c]=s[0];i.push(`${r}- ${n}: ${$(c,0)}`);for(let l=1;l<s.length;l++){const[d,m]=s[l];i.push(`${r}  ${d}: ${$(m,t+2)}`)}}else i.push(`${r}- {}`)}else i.push(`${r}- ${$(a,0)}`);return`
-`+i.join(`
-`)}if(typeof e=="object"){const i=Object.entries(e);if(i.length===0)return"{}";const a=[];for(const[s,n]of i)typeof n=="object"&&n!==null&&!Array.isArray(n)&&Object.keys(n).length>0?(a.push(`${r}${s}:`),a.push($(n,t+1))):Array.isArray(n)&&n.length>0?a.push(`${r}${s}:${$(n,t+1)}`):a.push(`${r}${s}: ${$(n,0)}`);return a.join(`
-`)}return String(e)}function L(e){try{const t=e.split(`
-`);return{data:A(t,0,0).value,error:null}}catch(t){return{data:null,error:t instanceof Error?t.message:"Parse error"}}}function z(e){const t=e.match(/^( *)/);return t?t[1].length:0}function F(e){const t=e.trim();if(t===""||t==="null"||t==="~")return null;if(t==="true")return!0;if(t==="false")return!1;if(t==="[]")return[];if(t==="{}")return{};if(t.startsWith('"')&&t.endsWith('"')||t.startsWith("'")&&t.endsWith("'"))return t.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\");const r=Number(t);return!isNaN(r)&&t!==""?r:t}function A(e,t,r){let i=t;for(;i<e.length&&e[i].trim()==="";)i++;if(i>=e.length)return{value:null,nextLine:i};const a=e[i],s=z(a),n=a.trim();if(n.startsWith("- ")){const c=[];for(;i<e.length;){const l=e[i];if(l.trim()===""){i++;continue}const d=z(l);if(d<s||d!==s||!l.trim().startsWith("- "))break;const m=l.trim().slice(2),u=m.match(/^([^:]+):\s*(.*)/);if(u&&!m.startsWith('"')&&!m.startsWith("'")){const v={};v[u[1].trim()]=F(u[2]),i++;const k=s+2;for(;i<e.length;){const E=e[i];if(E.trim()===""){i++;continue}const G=z(E);if(G<k)break;if(G===k&&!E.trim().startsWith("- ")){const O=E.trim().match(/^([^:]+):\s*(.*)/);if(O){const H=O[1].trim(),D=O[2];if(D===""||D===void 0){const q=A(e,i+1);v[H]=q.value,i=q.nextLine}else v[H]=F(D),i++}else break}else break}c.push(v)}else c.push(F(m)),i++}return{value:c,nextLine:i}}if(n.includes(":")){const c={};for(;i<e.length;){const l=e[i];if(l.trim()===""){i++;continue}const d=z(l);if(d<s||d!==s)break;const m=l.indexOf(":");if(m===-1)break;const u=l.slice(0,m).trim(),v=l.slice(m+1).trim();if(v===""||v===void 0){i++;const k=A(e,i);c[u]=k.value,i=k.nextLine}else c[u]=F(v),i++}return{value:c,nextLine:i}}return{value:F(n),nextLine:i+1}}var Q=Object.defineProperty,X=Object.getOwnPropertyDescriptor,h=(e,t,r,i)=>{for(var a=i>1?void 0:i?X(t,r):t,s=e.length-1,n;s>=0;s--)(n=e[s])&&(a=(i?n(t,r,a):n(a))||a);return i&&a&&Q(t,r,a),a};const ee=[{id:"editor",label:"YAML Editor"},{id:"gateway",label:"Gateway"},{id:"history",label:"History"},{id:"wizard",label:"Setup Wizard"}],R=$;function Y(e,t,r){const i=t.split(".");if(i.length===1)return{...e,[i[0]]:r};const[a,...s]=i,n=e[a]??{};return{...e,[a]:Y(n,s.join("."),r)}}let f=class extends j{constructor(){super(...arguments),this.rpcClient=null,this._activeTab="editor",this._loadState="loading",this._error="",this._sections=[],this._selectedSection="",this._mode="form",this._configData={},this._schemaData={},this._yamlText="",this._yamlErrors=[],this._formState={},this._formErrors={},this._dirty=!1,this._applying=!1,this._expandedPaths=new Set,this._showDiff=!1,this._savedYaml="",this._rollbackSnapshot=null,this._confirmRollback=!1,this._gatewayConfig=null,this._gatewayLoading=!1,this._gatewayError="",this._historyEntries=[],this._historyLoading=!1,this._historyError="",this._selectedSha=null,this._diffText="",this._diffLoading=!1,this._confirmRollbackSha=null,this._gcRunning=!1,this._historyReloadTimer=null,this._yamlDebounceTimer=null,this._rpcStatusUnsub=null,this._dataLoaded=!1,this._configPatchedHandler=null}connectedCallback(){super.connectedCallback(),this._configPatchedHandler=()=>{this._dataLoaded&&!this._dirty&&this._tryLoad(),this._activeTab==="history"&&this._scheduleHistoryReload()},document.addEventListener("config:patched",this._configPatchedHandler)}_scheduleHistoryReload(){this._historyReloadTimer!==null&&clearTimeout(this._historyReloadTimer),this._historyReloadTimer=setTimeout(()=>{this._historyReloadTimer=null,this._loadHistory()},300)}disconnectedCallback(){super.disconnectedCallback(),this._yamlDebounceTimer!==null&&clearTimeout(this._yamlDebounceTimer),this._historyReloadTimer!==null&&clearTimeout(this._historyReloadTimer),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._configPatchedHandler&&(document.removeEventListener("config:patched",this._configPatchedHandler),this._configPatchedHandler=null)}updated(e){e.has("rpcClient")&&this.rpcClient&&this._tryLoad()}_tryLoad(){this.rpcClient&&(this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e==="connected"&&!this._dataLoaded&&this._loadData()}))}async _loadData(){if(this.rpcClient){this._loadState="loading",this._error="";try{const e=await this.rpcClient.call("config.read");this._sections=e.sections,this._configData=e.config,this._sections.length>0&&!this._selectedSection&&(this._selectedSection=this._sections[0],this._loadSectionState()),this._loadState="loaded",this._dataLoaded=!0,this.rpcClient.call("config.schema").then(t=>{const r=t.schema;this._schemaData=r.properties??r}).catch(()=>{})}catch(e){this._error=e instanceof Error?e.message:"Failed to load configuration",this._loadState="error"}}}_loadSectionState(){const e=this._configData[this._selectedSection]??{};this._formState=structuredClone(e),this._yamlText=R(e),this._savedYaml=this._yamlText,this._yamlErrors=[],this._formErrors={},this._dirty=!1,this._showDiff=!1,this._expandedPaths=new Set}_onSectionClick(e){e!==this._selectedSection&&(this._selectedSection=e,this._loadSectionState())}_onModeChange(e){if(e!==this._mode){if(this._mode==="form"&&e==="yaml")this._yamlText=R(this._formState);else if(this._mode==="yaml"&&e==="form"&&this._yamlErrors.length===0){const t=L(this._yamlText);!t.error&&t.data&&typeof t.data=="object"&&(this._formState=t.data)}this._mode=e}}_renderFormMode(){const e=this._schemaData[this._selectedSection]??{};return o`
-      <ic-schema-form
-        .schema=${e}
-        .config=${this._formState}
-        .sectionKey=${this._selectedSection}
-        @field-change=${t=>{const{path:r,value:i,formState:a}=t.detail;this._formState=a??Y(this._formState,r,i),this._dirty=!0;const s={...this._formErrors};delete s[r],this._formErrors=s}}
-      ></ic-schema-form>
-    `}_onYamlInput(e){this._yamlText=e.target.value,this._dirty=!0,this._yamlDebounceTimer!==null&&clearTimeout(this._yamlDebounceTimer),this._yamlDebounceTimer=setTimeout(()=>{this._validateYaml()},500)}_validateYaml(){const e=L(this._yamlText);e.error?this._yamlErrors=[e.error]:this._yamlErrors=[]}_renderYamlMode(){return o`
-      <div class="yaml-editor">
-        <textarea
-          class="yaml-textarea"
-          .value=${this._yamlText}
-          @input=${e=>this._onYamlInput(e)}
-          spellcheck="false"
-          aria-label="YAML editor"
-        ></textarea>
-        ${this._yamlErrors.length>0?o`
-              <div class="yaml-validation yaml-validation--error">
-                ${this._yamlErrors.map(e=>o`<div>${e}</div>`)}
-              </div>
-            `:o`
-              <div class="yaml-validation yaml-validation--valid">
-                Valid configuration
-              </div>
-            `}
+    `]}updated(e){e.has(`config`)&&(this._formState=structuredClone(this.config),this._formErrors={})}_onFormFieldChange(e,t){this._formState=g(this._formState,e,t);let n={...this._formErrors};delete n[e],this._formErrors=n,this.dispatchEvent(new CustomEvent(`field-change`,{detail:{path:e,value:t,formState:this._formState},bubbles:!0,composed:!0}))}_validateField(e,t,n){let r={...this._formErrors};if(n.type===`string`&&typeof t==`string`)if(n.minLength!==void 0&&t.length<n.minLength)r[e]=`Minimum length is ${n.minLength}`;else if(n.maxLength!==void 0&&t.length>n.maxLength)r[e]=`Maximum length is ${n.maxLength}`;else if(n.pattern)try{new RegExp(n.pattern).test(t)||(r[e]=`Must match pattern: ${n.pattern}`)}catch{}else delete r[e];else (n.type===`number`||n.type===`integer`)&&typeof t==`number`?n.minimum!==void 0&&t<n.minimum?r[e]=`Minimum value is ${n.minimum}`:n.maximum!==void 0&&t>n.maximum?r[e]=`Maximum value is ${n.maximum}`:delete r[e]:delete r[e];this._formErrors=r}_toggleFormFieldset(e){let t=new Set(this._expandedFormPaths);t.has(e)?t.delete(e):t.add(e),this._expandedFormPaths=t}_onArrayItemFieldChange(e,t,n,r){let i=(h(this._formState,e)??[]).map((e,i)=>i===t?{...e,[n]:r}:e);this._onFormFieldChange(e,i)}_renderStringField(e,n,r,i){let a=i.maxLength!==void 0&&i.maxLength>200||e.includes(`prompt`)||e.includes(`template`);return t`
+      <div class="form-field">
+        <label class="form-label">${n}</label>
+        ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+        ${a?t`<textarea class="form-textarea" .value=${r}
+              @input=${t=>this._onFormFieldChange(e,t.target.value)}
+              @blur=${()=>this._validateField(e,r,i)}
+            ></textarea>`:t`<input class="form-input" type="text" .value=${r}
+              @input=${t=>this._onFormFieldChange(e,t.target.value)}
+              @blur=${()=>this._validateField(e,r,i)}
+            />`}
+        ${this._formErrors[e]?t`<span class="form-error">${this._formErrors[e]}</span>`:l}
       </div>
-    `}_toggleSchemaPath(e){const t=new Set(this._expandedPaths);t.has(e)?t.delete(e):t.add(e),this._expandedPaths=t}_renderSchemaTreeNode(e,t,r,i,a){const s=t.type==="object"&&t.properties&&Object.keys(t.properties).length>0,n=this._expandedPaths.has(r),c=[];return a&&c.push("required"),t.minimum!==void 0&&c.push(`min: ${t.minimum}`),t.maximum!==void 0&&c.push(`max: ${t.maximum}`),t.minLength!==void 0&&c.push(`minLen: ${t.minLength}`),t.maxLength!==void 0&&c.push(`maxLen: ${t.maxLength}`),t.enum&&c.push(`enum: [${t.enum.join(", ")}]`),t.pattern&&c.push(`pattern: ${t.pattern}`),t.default!==void 0&&c.push(`default: ${JSON.stringify(t.default)}`),o`
-      <div style="padding-left: ${i*1.5}rem">
-        <div class="schema-row">
-          <span
-            class="schema-key"
-            @click=${s?()=>this._toggleSchemaPath(r):g}
-          >
-            ${s?o`<span class="arrow" ?data-expanded=${n}>\u25B6</span>`:g}
-            ${e}${a?o`<span class="required-marker">*</span>`:g}
-          </span>
-          <ic-tag variant="info">${t.type??"any"}</ic-tag>
-          ${t.description?o`<span class="schema-desc">${t.description}</span>`:g}
-          ${c.length>0?o`<span class="schema-constraints">${c.join(", ")}</span>`:g}
-        </div>
-        ${s&&n?o`
-              <div class="schema-children">
-                ${Object.entries(t.properties).map(([l,d])=>this._renderSchemaTreeNode(l,d,`${r}.${l}`,i+1,(t.required??[]).includes(l)))}
-              </div>
-            `:g}
+    `}_renderNumberField(e,n,r,i){return t`
+      <div class="form-field">
+        <label class="form-label">${n}</label>
+        ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+        <input class="form-input" type="number" .value=${String(r)}
+          min=${i.minimum??l} max=${i.maximum??l}
+          @input=${t=>{let n=parseFloat(t.target.value);isNaN(n)||this._onFormFieldChange(e,n)}}
+          @blur=${()=>this._validateField(e,r,i)}
+        />
+        ${this._formErrors[e]?t`<span class="form-error">${this._formErrors[e]}</span>`:l}
       </div>
-    `}_renderSchemaMode(){const e=this._schemaData[this._selectedSection];if(e&&!e.properties&&e.additionalProperties&&typeof e.additionalProperties=="object"){const r=e.additionalProperties;if(!r.properties)return o`<ic-empty-state icon="config" message="No schema available" description="Schema definition not found for this section."></ic-empty-state>`;const i=r.required??[];return o`
-        <div class="schema-tree">
-          <div class="schema-note" style="padding:8px 0;opacity:0.7;font-style:italic">Record&lt;string, entry&gt; - each entry has:</div>
-          ${Object.entries(r.properties).map(([a,s])=>this._renderSchemaTreeNode(a,s,a,0,i.includes(a)))}
-        </div>
-      `}if(!e?.properties)return o`<ic-empty-state icon="config" message="No schema available" description="Schema definition not found for this section."></ic-empty-state>`;const t=e.required??[];return o`
-      <div class="schema-tree">
-        ${Object.entries(e.properties).map(([r,i])=>this._renderSchemaTreeNode(r,i,r,0,t.includes(r)))}
+    `}_renderBooleanField(e,n,r,i){return t`
+      <div class="form-field">
+        ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+        <ic-toggle label=${n} .checked=${r}
+          @change=${t=>this._onFormFieldChange(e,t.detail)}
+        ></ic-toggle>
       </div>
-    `}async _onApply(){if(!this.rpcClient||!this._dirty)return;this._applying=!0;let e;if(this._mode==="yaml"){const t=L(this._yamlText);if(t.error){y.show(t.error,"error"),this._applying=!1;return}e=t.data}else e=this._formState;this._rollbackSnapshot=structuredClone(this._configData);try{await this.rpcClient.call("config.apply",{section:this._selectedSection,value:e}),y.show("Configuration applied","success"),this._dirty=!1;const t=await this.rpcClient.call("config.read");this._configData=t.config,this._loadSectionState()}catch(t){const r=t instanceof Error?t.message:"Failed to apply configuration";y.show(r,"error"),this._rollbackSnapshot=null}finally{this._applying=!1}}async _onRollback(){if(!(!this.rpcClient||!this._rollbackSnapshot))try{await this.rpcClient.call("config.apply",{config:this._rollbackSnapshot}),y.show("Configuration rolled back","success");const e=await this.rpcClient.call("config.read");this._configData=e.config,this._rollbackSnapshot=null,this._confirmRollback=!1,this._loadSectionState()}catch(e){const t=e instanceof Error?e.message:"Failed to rollback configuration";y.show(t,"error"),this._confirmRollback=!1}}async _loadGatewayConfig(){if(this.rpcClient){this._gatewayLoading=!0,this._gatewayError="";try{const e=await this.rpcClient.call("config.read",{section:"gateway"});this._gatewayConfig=e??{}}catch(e){this._gatewayError=e instanceof Error?e.message:"Failed to load gateway config"}finally{this._gatewayLoading=!1}}}async _patchGateway(e,t){if(this.rpcClient)try{await this.rpcClient.call("config.patch",{section:"gateway",key:e,value:t}),this._gatewayConfig&&(this._gatewayConfig={...this._gatewayConfig,[e]:t}),y.show("Gateway updated","success")}catch(r){const i=r instanceof Error?r.message:"Failed to update gateway";y.show(i,"error")}}_onTabChange(e){this._activeTab=e.detail,e.detail==="gateway"&&this._gatewayConfig===null&&this._loadGatewayConfig(),e.detail==="history"&&this._historyEntries.length===0&&!this._historyLoading&&this._loadHistory()}async _loadHistory(){if(this.rpcClient){this._historyLoading=!0,this._historyError="";try{const e=await this.rpcClient.call("config.history",{limit:50});e.error?(this._historyEntries=[],this._historyError=e.error):this._historyEntries=e.entries}catch(e){this._historyError=e instanceof Error?e.message:"Failed to load history"}finally{this._historyLoading=!1}}}async _loadDiff(e){if(this.rpcClient){this._diffLoading=!0;try{const t=await this.rpcClient.call("config.diff",{sha:e});this._diffText=t.diff}catch(t){this._diffText="";const r=t instanceof Error?t.message:"Failed to load diff";y.show(r,"error")}finally{this._diffLoading=!1}}}_onSelectVersion(e){if(e===this._selectedSha){this._selectedSha=null,this._diffText="";return}this._selectedSha=e,this._loadDiff(e)}async _onHistoryRollback(){if(!(!this.rpcClient||!this._confirmRollbackSha))try{await this.rpcClient.call("config.rollback",{sha:this._confirmRollbackSha}),y.show("Config rolled back. Daemon restarting...","success"),this._confirmRollbackSha=null}catch(e){const t=e instanceof Error?e.message:"Rollback failed";y.show(t,"error"),this._confirmRollbackSha=null}}async _onGc(){if(!(!this.rpcClient||this._gcRunning)){this._gcRunning=!0;try{const t=(await this.rpcClient.call("config.gc")).squashed;y.show(t!=null?`GC complete: ${t} versions squashed`:"GC complete","success"),this._loadHistory()}catch(e){const t=e instanceof Error?e.message:"GC failed";y.show(t,"error")}finally{this._gcRunning=!1}}}_renderDiffLine(e,t){let r="diff-line--context";return e.startsWith("+")?r="diff-line--add":e.startsWith("-")?r="diff-line--remove":e.startsWith("@@")&&(r="diff-line--hunk"),o`<span class=${r}>${e}\n</span>`}_renderHistoryEntry(e,t){const r=e.sha===this._selectedSha,i=t===0,a=e.metadata.user||e.metadata.agent||"system",s=new Date(e.timestamp).toLocaleString();return o`
-      <div
-        class="history-entry ${r?"history-entry--selected":""}"
-        @click=${()=>this._onSelectVersion(e.sha)}
-      >
-        <div class="history-entry-header">
-          <ic-relative-time
-            .timestamp=${new Date(e.timestamp).getTime()}
-            title=${s}
-          ></ic-relative-time>
-          <code class="history-sha">${e.sha.slice(0,7)}</code>
-        </div>
-        <div class="history-entry-summary" title=${e.metadata.summary}>
-          ${e.metadata.summary}
-        </div>
-        <div class="history-entry-meta">
-          <ic-tag variant="default">${e.metadata.section}</ic-tag>
-          <span class="history-author">${a}</span>
-          ${i?g:o`<button
-                class="history-rollback-link"
-                @click=${n=>{n.stopPropagation(),this._confirmRollbackSha=e.sha}}
-              >Rollback</button>`}
-        </div>
+    `}_renderEnumField(e,n,r,i){let a=(i.enum??[]).map(e=>({value:String(e),label:String(e)}));return t`
+      <div class="form-field">
+        ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+        <ic-select label=${n} .value=${String(r??``)} .options=${a}
+          @change=${t=>this._onFormFieldChange(e,t.detail)}
+        ></ic-select>
       </div>
-    `}_renderHistoryTab(){return this._historyLoading?o`<div class="state-container"><ic-loading size="lg"></ic-loading></div>`:this._historyError?o`
-        <ic-empty-state
-          icon="config"
-          message="Version history unavailable"
-          description=${this._historyError}
-        ></ic-empty-state>
-      `:this._historyEntries.length===0?o`
-        <ic-empty-state
-          icon="config"
-          message="No version history"
-          description="Config changes will appear here after the first edit."
-        ></ic-empty-state>
-      `:o`
-      <div class="history-layout">
-        <div class="history-timeline">
-          ${this._historyEntries.map((e,t)=>this._renderHistoryEntry(e,t))}
+    `}_renderArrayField(e,n,r,i){return i.items?.type===`string`?t`
+        <div class="form-field">
+          ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+          <ic-array-editor label=${n} .items=${(r??[]).map(String)} placeholder="Add item..."
+            @change=${t=>{this._onFormFieldChange(e,t.detail)}}
+          ></ic-array-editor>
         </div>
-
-        <div class="history-diff-panel">
-          ${this._diffLoading?o`<div class="state-container"><ic-loading size="lg"></ic-loading></div>`:this._selectedSha&&this._diffText?o`<pre class="diff-unified">${this._diffText.split(`
-`).map((e,t)=>this._renderDiffLine(e,t))}</pre>`:this._selectedSha&&!this._diffText?o`<ic-empty-state icon="config" message="No changes" description="No changes between this version and current."></ic-empty-state>`:o`<ic-empty-state icon="config" message="Select a version" description="Select a version to view changes."></ic-empty-state>`}
+      `:i.items?.type===`object`&&i.items.properties?this._renderArrayOfObjectsField(e,n,r,i):this._renderJsonFallback(e,n,r,i)}_renderArrayOfObjectsField(e,n,r,i){let a=r??[],o=i.items,s=o.properties??{},c=o.required??[],u=()=>{let e={};for(let[t,n]of Object.entries(s))n.default===void 0?n.type===`string`?e[t]=``:n.type===`number`||n.type===`integer`?e[t]=0:n.type===`boolean`?e[t]=!1:n.type===`array`?e[t]=[]:n.type===`object`&&(e[t]={}):e[t]=JSON.parse(JSON.stringify(n.default));return e};return t`
+      <div class="form-field">
+        <label class="form-label">${n}</label>
+        ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+        <div class="array-cards">
+          ${a.map((t,n)=>this._renderArrayObjectCard(e,n,t,s,c))}
         </div>
+        <button class="array-add-btn"
+          @click=${()=>{this._onFormFieldChange(e,[...a,u()])}}
+        >+ Add</button>
       </div>
-
-      <div class="history-actions">
-        <button
-          class="secondary-btn"
-          ?disabled=${this._gcRunning}
-          @click=${()=>this._onGc()}
-        >
-          ${this._gcRunning?o`<span class="spinner"></span> Running GC...`:"Run GC"}
-        </button>
-      </div>
-    `}_onExport(){const e=R(this._configData),t=new Blob([e],{type:"text/yaml"}),r=URL.createObjectURL(t),i=document.createElement("a");i.href=r,i.download="comis-config.yaml",i.click(),URL.revokeObjectURL(r)}_onImportClick(){this.shadowRoot?.querySelector(".hidden-input")?.click()}_onImportFile(e){const t=e.target,r=t.files?.[0];if(!r)return;const i=new FileReader;i.onload=()=>{const a=i.result,s=L(a);if(s.error){y.show(`Import failed: ${s.error}`,"error");return}s.data&&typeof s.data=="object"&&!Array.isArray(s.data)?(this._configData=s.data,this._loadSectionState(),this._dirty=!0,y.show("Configuration imported","info")):y.show("Import failed: expected a YAML object","error")},i.readAsText(r),t.value=""}_renderModeContent(){switch(this._mode){case"form":return this._renderFormMode();case"yaml":return this._renderYamlMode();case"schema":return this._renderSchemaMode();default:return g}}_renderEditorTab(){return this._loadState==="loading"?o`<ic-skeleton-view variant="editor"></ic-skeleton-view>`:this._loadState==="error"?o`
-        <div class="error-container">
-          <span class="error-message">${this._error}</span>
-          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
+    `}_renderArrayObjectCard(e,n,r,i,a){return t`
+      <div class="array-card">
+        <div class="array-card-header">
+          <span class="array-card-index">#${n+1}</span>
+          <button class="array-card-remove" title="Remove"
+            @click=${()=>{let t=h(this._formState,e)??[];this._onFormFieldChange(e,t.filter((e,t)=>t!==n))}}
+          >\u00d7</button>
         </div>
-      `:o`
-      <div class="editor-layout">
-        <nav class="section-sidebar" role="navigation" aria-label="Config sections">
-          ${this._sections.map(e=>o`
-              <div
-                class="section-item"
-                ?data-selected=${e===this._selectedSection}
-                @click=${()=>this._onSectionClick(e)}
-              >
-                ${e.charAt(0).toUpperCase()+e.slice(1)}
-              </div>
-            `)}
-        </nav>
-
-        <div class="content-area" role="main">
-          <div class="toolbar">
-            <div class="mode-tabs">
-              <button
-                class="mode-btn"
-                ?data-active=${this._mode==="form"}
-                @click=${()=>this._onModeChange("form")}
-              >Form</button>
-              <button
-                class="mode-btn"
-                ?data-active=${this._mode==="yaml"}
-                @click=${()=>this._onModeChange("yaml")}
-              >YAML</button>
-              <button
-                class="mode-btn"
-                ?data-active=${this._mode==="schema"}
-                @click=${()=>this._onModeChange("schema")}
-              >Schema</button>
-            </div>
-
-            <div class="action-buttons">
-              <button
-                class="diff-btn"
-                ?data-active=${this._showDiff}
-                @click=${()=>{this._showDiff=!this._showDiff}}
-              >Show Diff</button>
-              ${this._rollbackSnapshot!==null?o`<button
-                    class="rollback-btn"
-                    @click=${()=>{this._confirmRollback=!0}}
-                  >Rollback</button>`:g}
-              <button
-                class="secondary-btn"
-                @click=${()=>this._onImportClick()}
-              >Import</button>
-              <button
-                class="secondary-btn"
-                @click=${()=>this._onExport()}
-              >Export</button>
-              <button
-                class="apply-btn"
-                ?disabled=${!this._dirty||this._applying}
-                @click=${()=>this._onApply()}
-              >
-                ${this._applying?o`<span class="spinner"></span>`:g}
-                Apply Changes
-              </button>
-            </div>
-          </div>
-
-          ${this._renderModeContent()}
-
-          ${this._showDiff?o`
-                <div class="diff-preview">
-                  <ic-diff-viewer
-                    .oldText=${this._savedYaml}
-                    .newText=${this._mode==="yaml"?this._yamlText:R(this._formState)}
-                    oldLabel="Current"
-                    newLabel="Pending Changes"
-                  ></ic-diff-viewer>
+        <div class="array-card-fields">
+          ${Object.entries(i).map(([i,o])=>{let s=`${m(i)}${a.includes(i)?` *`:``}`,c=r[i];if(i===`secret`)return t`
+                <div class="form-field">
+                  <label class="form-label">${s}</label>
+                  <input type="password" class="form-input"
+                    .value=${typeof c==`string`?c:``}
+                    placeholder="env:VAR_NAME or min 32 chars"
+                    @input=${t=>{this._onArrayItemFieldChange(e,n,i,t.target.value)}}
+                  />
                 </div>
-              `:g}
-        </div>
-      </div>
-
-      <input
-        class="hidden-input"
-        type="file"
-        accept=".yaml,.yml"
-        @change=${e=>this._onImportFile(e)}
-      />
-
-      <ic-confirm-dialog
-        .open=${this._confirmRollback}
-        title="Rollback Configuration"
-        message="Restore previous configuration? This will revert all sections to the state before your last apply."
-        confirmLabel="Rollback"
-        @confirm=${()=>this._onRollback()}
-        @cancel=${()=>{this._confirmRollback=!1}}
-      ></ic-confirm-dialog>
-    `}_renderGatewayTab(){if(this._gatewayLoading)return o`<div class="state-container"><ic-loading size="lg"></ic-loading></div>`;if(this._gatewayError)return o`
-        <div class="error-container">
-          <span class="error-message">${this._gatewayError}</span>
-          <button class="retry-btn" @click=${()=>this._loadGatewayConfig()}>Retry</button>
-        </div>
-      `;if(!this._gatewayConfig)return o`<ic-empty-state icon="config" message="No gateway configuration" description="Gateway config not available."></ic-empty-state>`;const e=this._gatewayConfig,t=e.cors?.origins??[],r=e.tokens??[];return o`
-      <div class="gateway-form">
-        <div class="gateway-field">
-          <ic-toggle
-            label="Gateway Enabled"
-            .checked=${e.enabled??!1}
-            @change=${i=>this._patchGateway("enabled",i.detail)}
-          ></ic-toggle>
-        </div>
-
-        <div class="gateway-field">
-          <label class="gateway-label">Host</label>
-          <input
-            class="gateway-input"
-            type="text"
-            .value=${e.host??"0.0.0.0"}
-            @change=${i=>this._patchGateway("host",i.target.value)}
-          />
-        </div>
-
-        <div class="gateway-field">
-          <label class="gateway-label">Port</label>
-          <input
-            class="gateway-input"
-            type="number"
-            .value=${String(e.port??3e3)}
-            @change=${i=>{const a=parseInt(i.target.value,10);isNaN(a)||this._patchGateway("port",a)}}
-          />
-        </div>
-
-        <div class="gateway-field">
-          <ic-array-editor
-            label="CORS Origins"
-            .items=${t.map(String)}
-            placeholder="https://example.com"
-            @change=${i=>this._patchGateway("cors",{...e.cors,origins:i.detail})}
-          ></ic-array-editor>
-        </div>
-
-        <div class="gateway-tokens">
-          <div class="gateway-tokens-label">API Tokens (${r.length})</div>
-          ${r.length>0?o`
-                <div class="gateway-tokens-list">
-                  ${r.map(i=>o`
-                      <div class="gateway-token-entry">
-                        <span class="gateway-token-id">${i.id}</span>
-                        ${i.scopes&&i.scopes.length>0?i.scopes.map(a=>o`<ic-tag variant="info">${a}</ic-tag>`):o`<ic-tag variant="default">no scopes</ic-tag>`}
-                      </div>
-                    `)}
+              `;if(o.type===`array`&&o.items?.type===`string`){if(i===`scopes`){let r=new Set((c??[]).map(String));return t`
+                  <div class="form-field">
+                    <label class="form-label">${s}</label>
+                    <div class="scope-chips">
+                      ${p.map(a=>t`
+                        <button class="scope-chip" ?data-active=${r.has(a)}
+                          @click=${()=>{let t=new Set(r);t.has(a)?t.delete(a):t.add(a),this._onArrayItemFieldChange(e,n,i,[...t])}}
+                        >${a}</button>
+                      `)}
+                    </div>
+                  </div>
+                `}return t`
+                <div class="form-field">
+                  <ic-array-editor label=${s} .items=${(c??[]).map(String)} placeholder="Add..."
+                    @change=${t=>{this._onArrayItemFieldChange(e,n,i,t.detail)}}
+                  ></ic-array-editor>
                 </div>
-              `:o`<div style="font-size:var(--ic-text-sm);color:var(--ic-text-dim)">No tokens configured</div>`}
-          <a class="gateway-tokens-link" href="#security">Manage tokens in Security &rarr;</a>
-        </div>
-      </div>
-    `}_renderWizardTab(){return o`
-      <div class="wizard-content">
-        <div class="wizard-description">
-          The setup wizard guides you through initial Comis configuration
-          including provider keys, agent creation, channel setup, and
-          security settings.
-        </div>
-        <button
-          class="wizard-btn"
-          @click=${()=>{window.location.hash="#setup"}}
-        >Launch Setup Wizard</button>
-      </div>
-    `}render(){return o`
-      <div class="view-header">
-        <div class="view-title">Settings</div>
-      </div>
-
-      <ic-tabs
-        .tabs=${ee}
-        .activeTab=${this._activeTab}
-        @tab-change=${this._onTabChange}
-      >
-        <div slot="editor">${this._renderEditorTab()}</div>
-        <div slot="gateway">${this._renderGatewayTab()}</div>
-        <div slot="history">${this._renderHistoryTab()}</div>
-        <div slot="wizard">${this._renderWizardTab()}</div>
-      </ic-tabs>
-
-      <ic-confirm-dialog
-        .open=${this._confirmRollbackSha!==null}
-        title="Rollback Configuration"
-        message="Restore config to this version? The daemon will restart to apply changes."
-        variant="danger"
-        confirmLabel="Rollback"
-        @confirm=${()=>this._onHistoryRollback()}
-        @cancel=${()=>{this._confirmRollbackSha=null}}
-      ></ic-confirm-dialog>
-    `}};f.styles=[N,P,I`
+              `}return o.type===`string`?t`
+                <div class="form-field">
+                  <label class="form-label">${s}</label>
+                  <input type="text" class="form-input" .value=${String(c??``)}
+                    @input=${t=>{this._onArrayItemFieldChange(e,n,i,t.target.value)}}
+                  />
+                </div>
+              `:o.type===`number`||o.type===`integer`?t`
+                <div class="form-field">
+                  <label class="form-label">${s}</label>
+                  <input type="number" class="form-input" .value=${String(c??0)}
+                    @input=${t=>{this._onArrayItemFieldChange(e,n,i,Number(t.target.value))}}
+                  />
+                </div>
+              `:o.type===`boolean`?t`
+                <div class="form-field">
+                  <label class="form-label">${s}</label>
+                  <ic-toggle ?checked=${!!c}
+                    @change=${t=>{this._onArrayItemFieldChange(e,n,i,t.detail)}}
+                  ></ic-toggle>
+                </div>
+              `:t`
+              <div class="form-field">
+                <label class="form-label">${s}</label>
+                <input type="text" class="form-input" .value=${JSON.stringify(c??``)}
+                  @input=${t=>{try{this._onArrayItemFieldChange(e,n,i,JSON.parse(t.target.value))}catch{}}}
+                />
+              </div>
+            `})}
+        </div>
+      </div>
+    `}_renderObjectField(e,n,r,i){let a=this._expandedFormPaths.has(e),o=i.properties??{},s=i.required??[];return t`
+      <fieldset class="form-fieldset">
+        <legend class="form-fieldset-legend" @click=${()=>this._toggleFormFieldset(e)}>
+          <span class="arrow" ?data-expanded=${a}>\u25B6</span>
+          ${n}
+        </legend>
+        ${a?t`
+              <div class="form-fieldset-content">
+                ${Object.entries(o).map(([t,n])=>this._renderSchemaField(`${e}.${t}`,`${m(t)}${s.includes(t)?` *`:``}`,h(r??{},t),n))}
+              </div>
+            `:l}
+      </fieldset>
+    `}_renderJsonFallback(e,n,r,i){let a=JSON.stringify(r??null,null,2);return t`
+      <div class="form-field">
+        <label class="form-label">${n}</label>
+        ${i.description?t`<span class="form-description">${i.description}</span>`:l}
+        <textarea class="json-fallback-textarea" .value=${a}
+          @input=${t=>{let n=t.target.value;try{let t=JSON.parse(n);this._onFormFieldChange(e,t);let r={...this._formErrors};delete r[e],this._formErrors=r}catch{this._formErrors={...this._formErrors,[e]:`Invalid JSON`}}}}
+        ></textarea>
+        ${this._formErrors[e]?t`<span class="form-error">${this._formErrors[e]}</span>`:l}
+      </div>
+    `}_renderSchemaField(e,t,n,r){if(r.enum&&r.enum.length>0)return this._renderEnumField(e,t,n,r);let i=r.anyOf??r.oneOf;if(i&&i.length>=2){let r=i.filter(e=>e.type!==`null`);if(r.length===1)return this._renderSchemaField(e,t,n,r[0]);if(n==null||typeof n==`string`){let i=r.find(e=>e.type===`string`);if(i)return this._renderStringField(e,t,String(n??``),i)}}if(r.anyOf||r.oneOf||r.allOf)return this._renderJsonFallback(e,t,n,r);switch(r.type){case`string`:return this._renderStringField(e,t,String(n??``),r);case`number`:case`integer`:return this._renderNumberField(e,t,Number(n??0),r);case`boolean`:return this._renderBooleanField(e,t,!!n,r);case`array`:return this._renderArrayField(e,t,n??[],r);case`object`:return this._renderObjectField(e,t,n??{},r);default:return this._renderJsonFallback(e,t,n,r)}}render(){let e=this.schema;if(e&&!e.properties&&e.additionalProperties&&typeof e.additionalProperties==`object`){let n=e.additionalProperties,r=Object.keys(this._formState);return r.length===0?t`<ic-empty-state icon="config" message="No entries" description="This section has no configured entries."></ic-empty-state>`:t`
+        ${r.map(e=>{let t=this._formState[e]??{};return this._renderObjectField(e,m(e),t,n)})}
+      `}if(!e||!e.properties)return t`
+        ${Object.entries(this._formState).map(([e,t])=>this._renderSchemaField(e,m(e),t,{type:typeof t==`boolean`?`boolean`:typeof t==`number`?`number`:`string`}))}
+      `;let n=e.properties,r=e.required??[];return t`
+      ${Object.entries(n).map(([e,t])=>this._renderSchemaField(e,`${m(e)}${r.includes(e)?` *`:``}`,h(this._formState,e),t))}
+    `}};c([s({attribute:!1})],_.prototype,`schema`,void 0),c([s({attribute:!1})],_.prototype,`config`,void 0),c([s({type:String})],_.prototype,`sectionKey`,void 0),c([a()],_.prototype,`_formState`,void 0),c([a()],_.prototype,`_formErrors`,void 0),c([a()],_.prototype,`_expandedFormPaths`,void 0),_=c([e(`ic-schema-form`)],_);function v(e,t=0){let n=`  `.repeat(t);if(e==null)return`null`;if(typeof e==`boolean`)return e?`true`:`false`;if(typeof e==`number`)return String(e);if(typeof e==`string`)return e===``||e.includes(`:`)||e.includes(`#`)||e.includes(`
+`)||e.includes(`"`)||e.includes(`'`)||e.startsWith(` `)||e.endsWith(` `)||e===`true`||e===`false`||e===`null`||/^\d+(\.\d+)?$/.test(e)?`"${e.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`)}"`:e;if(Array.isArray(e)){if(e.length===0)return`[]`;let r=[];for(let i of e)if(typeof i==`object`&&i&&!Array.isArray(i)){let e=Object.entries(i);if(e.length>0){let[i,a]=e[0];r.push(`${n}- ${i}: ${v(a,0)}`);for(let i=1;i<e.length;i++){let[a,o]=e[i];r.push(`${n}  ${a}: ${v(o,t+2)}`)}}else r.push(`${n}- {}`)}else r.push(`${n}- ${v(i,0)}`);return`
+`+r.join(`
+`)}if(typeof e==`object`){let r=Object.entries(e);if(r.length===0)return`{}`;let i=[];for(let[e,a]of r)typeof a==`object`&&a&&!Array.isArray(a)&&Object.keys(a).length>0?(i.push(`${n}${e}:`),i.push(v(a,t+1))):Array.isArray(a)&&a.length>0?i.push(`${n}${e}:${v(a,t+1)}`):i.push(`${n}${e}: ${v(a,0)}`);return i.join(`
+`)}return String(e)}function y(e){try{return{data:S(e.split(`
+`),0,0).value,error:null}}catch(e){return{data:null,error:e instanceof Error?e.message:`Parse error`}}}function b(e){let t=e.match(/^( *)/);return t?t[1].length:0}function x(e){let t=e.trim();if(t===``||t===`null`||t===`~`)return null;if(t===`true`)return!0;if(t===`false`)return!1;if(t===`[]`)return[];if(t===`{}`)return{};if(t.startsWith(`"`)&&t.endsWith(`"`)||t.startsWith(`'`)&&t.endsWith(`'`))return t.slice(1,-1).replace(/\\"/g,`"`).replace(/\\\\/g,`\\`);let n=Number(t);return!isNaN(n)&&t!==``?n:t}function S(e,t,n){let r=t;for(;r<e.length&&e[r].trim()===``;)r++;if(r>=e.length)return{value:null,nextLine:r};let i=e[r],a=b(i),o=i.trim();if(o.startsWith(`- `)){let t=[];for(;r<e.length;){let n=e[r];if(n.trim()===``){r++;continue}let i=b(n);if(i<a||i!==a||!n.trim().startsWith(`- `))break;let o=n.trim().slice(2),s=o.match(/^([^:]+):\s*(.*)/);if(s&&!o.startsWith(`"`)&&!o.startsWith(`'`)){let n={};n[s[1].trim()]=x(s[2]),r++;let i=a+2;for(;r<e.length;){let t=e[r];if(t.trim()===``){r++;continue}let a=b(t);if(a<i)break;if(a===i&&!t.trim().startsWith(`- `)){let a=t.trim().match(/^([^:]+):\s*(.*)/);if(a){let t=a[1].trim(),o=a[2];if(o===``||o===void 0){let a=S(e,r+1,i+2);n[t]=a.value,r=a.nextLine}else n[t]=x(o),r++}else break}else break}t.push(n)}else t.push(x(o)),r++}return{value:t,nextLine:r}}if(o.includes(`:`)){let t={};for(;r<e.length;){let n=e[r];if(n.trim()===``){r++;continue}let i=b(n);if(i<a||i!==a)break;let o=n.indexOf(`:`);if(o===-1)break;let s=n.slice(0,o).trim(),c=n.slice(o+1).trim();if(c===``||c===void 0){r++;let n=S(e,r,a+2);t[s]=n.value,r=n.nextLine}else t[s]=x(c),r++}return{value:t,nextLine:r}}return{value:x(o),nextLine:r+1}}var C=[{id:`editor`,label:`YAML Editor`},{id:`gateway`,label:`Gateway`},{id:`history`,label:`History`},{id:`wizard`,label:`Setup Wizard`}],w=v;function T(e,t,n){let r=t.split(`.`);if(r.length===1)return{...e,[r[0]]:n};let[i,...a]=r,o=e[i]??{};return{...e,[i]:T(o,a.join(`.`),n)}}var E=class extends r{constructor(...e){super(...e),this.rpcClient=null,this._activeTab=`editor`,this._loadState=`loading`,this._error=``,this._sections=[],this._selectedSection=``,this._mode=`form`,this._configData={},this._schemaData={},this._yamlText=``,this._yamlErrors=[],this._formState={},this._formErrors={},this._dirty=!1,this._applying=!1,this._expandedPaths=new Set,this._showDiff=!1,this._savedYaml=``,this._rollbackSnapshot=null,this._confirmRollback=!1,this._gatewayConfig=null,this._gatewayLoading=!1,this._gatewayError=``,this._historyEntries=[],this._historyLoading=!1,this._historyError=``,this._selectedSha=null,this._diffText=``,this._diffLoading=!1,this._confirmRollbackSha=null,this._gcRunning=!1,this._historyReloadTimer=null,this._yamlDebounceTimer=null,this._rpcStatusUnsub=null,this._dataLoaded=!1,this._configPatchedHandler=null}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -1371,4 +1065,310 @@ import{s as N,f as P,i as I,n as x,r as p,a as j,b as o,t as M,A as g,I as y}fro
       .history-rollback-link:hover {
         text-decoration: underline;
       }
-    `];h([x({attribute:!1})],f.prototype,"rpcClient",2);h([p()],f.prototype,"_activeTab",2);h([p()],f.prototype,"_loadState",2);h([p()],f.prototype,"_error",2);h([p()],f.prototype,"_sections",2);h([p()],f.prototype,"_selectedSection",2);h([p()],f.prototype,"_mode",2);h([p()],f.prototype,"_configData",2);h([p()],f.prototype,"_schemaData",2);h([p()],f.prototype,"_yamlText",2);h([p()],f.prototype,"_yamlErrors",2);h([p()],f.prototype,"_formState",2);h([p()],f.prototype,"_formErrors",2);h([p()],f.prototype,"_dirty",2);h([p()],f.prototype,"_applying",2);h([p()],f.prototype,"_expandedPaths",2);h([p()],f.prototype,"_showDiff",2);h([p()],f.prototype,"_savedYaml",2);h([p()],f.prototype,"_rollbackSnapshot",2);h([p()],f.prototype,"_confirmRollback",2);h([p()],f.prototype,"_gatewayConfig",2);h([p()],f.prototype,"_gatewayLoading",2);h([p()],f.prototype,"_gatewayError",2);h([p()],f.prototype,"_historyEntries",2);h([p()],f.prototype,"_historyLoading",2);h([p()],f.prototype,"_historyError",2);h([p()],f.prototype,"_selectedSha",2);h([p()],f.prototype,"_diffText",2);h([p()],f.prototype,"_diffLoading",2);h([p()],f.prototype,"_confirmRollbackSha",2);h([p()],f.prototype,"_gcRunning",2);f=h([M("ic-config-editor")],f);export{f as IcConfigEditor,L as parseYaml,$ as serializeToYaml};
+    `]}connectedCallback(){super.connectedCallback(),this._configPatchedHandler=()=>{this._dataLoaded&&!this._dirty&&this._tryLoad(),this._activeTab===`history`&&this._scheduleHistoryReload()},document.addEventListener(`config:patched`,this._configPatchedHandler)}_scheduleHistoryReload(){this._historyReloadTimer!==null&&clearTimeout(this._historyReloadTimer),this._historyReloadTimer=setTimeout(()=>{this._historyReloadTimer=null,this._loadHistory()},300)}disconnectedCallback(){super.disconnectedCallback(),this._yamlDebounceTimer!==null&&clearTimeout(this._yamlDebounceTimer),this._historyReloadTimer!==null&&clearTimeout(this._historyReloadTimer),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._configPatchedHandler&&=(document.removeEventListener(`config:patched`,this._configPatchedHandler),null)}updated(e){e.has(`rpcClient`)&&this.rpcClient&&this._tryLoad()}_tryLoad(){this.rpcClient&&(this._rpcStatusUnsub?.(),this.rpcClient.status===`connected`?this._loadData():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e===`connected`&&!this._dataLoaded&&this._loadData()}))}async _loadData(){if(this.rpcClient){this._loadState=`loading`,this._error=``;try{let e=await this.rpcClient.call(`config.read`);this._sections=e.sections,this._configData=e.config,this._sections.length>0&&!this._selectedSection&&(this._selectedSection=this._sections[0],this._loadSectionState()),this._loadState=`loaded`,this._dataLoaded=!0,this.rpcClient.call(`config.schema`).then(e=>{let t=e.schema;this._schemaData=t.properties??t}).catch(()=>{})}catch(e){this._error=e instanceof Error?e.message:`Failed to load configuration`,this._loadState=`error`}}}_loadSectionState(){let e=this._configData[this._selectedSection]??{};this._formState=structuredClone(e),this._yamlText=w(e),this._savedYaml=this._yamlText,this._yamlErrors=[],this._formErrors={},this._dirty=!1,this._showDiff=!1,this._expandedPaths=new Set}_onSectionClick(e){e!==this._selectedSection&&(this._selectedSection=e,this._loadSectionState())}_onModeChange(e){if(e!==this._mode){if(this._mode===`form`&&e===`yaml`)this._yamlText=w(this._formState);else if(this._mode===`yaml`&&e===`form`&&this._yamlErrors.length===0){let e=y(this._yamlText);!e.error&&e.data&&typeof e.data==`object`&&(this._formState=e.data)}this._mode=e}}_renderFormMode(){return t`
+      <ic-schema-form
+        .schema=${this._schemaData[this._selectedSection]??{}}
+        .config=${this._formState}
+        .sectionKey=${this._selectedSection}
+        @field-change=${e=>{let{path:t,value:n,formState:r}=e.detail;this._formState=r??T(this._formState,t,n),this._dirty=!0;let i={...this._formErrors};delete i[t],this._formErrors=i}}
+      ></ic-schema-form>
+    `}_onYamlInput(e){this._yamlText=e.target.value,this._dirty=!0,this._yamlDebounceTimer!==null&&clearTimeout(this._yamlDebounceTimer),this._yamlDebounceTimer=setTimeout(()=>{this._validateYaml()},500)}_validateYaml(){let e=y(this._yamlText);e.error?this._yamlErrors=[e.error]:this._yamlErrors=[]}_renderYamlMode(){return t`
+      <div class="yaml-editor">
+        <textarea
+          class="yaml-textarea"
+          .value=${this._yamlText}
+          @input=${e=>this._onYamlInput(e)}
+          spellcheck="false"
+          aria-label="YAML editor"
+        ></textarea>
+        ${this._yamlErrors.length>0?t`
+              <div class="yaml-validation yaml-validation--error">
+                ${this._yamlErrors.map(e=>t`<div>${e}</div>`)}
+              </div>
+            `:t`
+              <div class="yaml-validation yaml-validation--valid">
+                Valid configuration
+              </div>
+            `}
+      </div>
+    `}_toggleSchemaPath(e){let t=new Set(this._expandedPaths);t.has(e)?t.delete(e):t.add(e),this._expandedPaths=t}_renderSchemaTreeNode(e,n,r,i,a){let o=n.type===`object`&&n.properties&&Object.keys(n.properties).length>0,s=this._expandedPaths.has(r),c=[];return a&&c.push(`required`),n.minimum!==void 0&&c.push(`min: ${n.minimum}`),n.maximum!==void 0&&c.push(`max: ${n.maximum}`),n.minLength!==void 0&&c.push(`minLen: ${n.minLength}`),n.maxLength!==void 0&&c.push(`maxLen: ${n.maxLength}`),n.enum&&c.push(`enum: [${n.enum.join(`, `)}]`),n.pattern&&c.push(`pattern: ${n.pattern}`),n.default!==void 0&&c.push(`default: ${JSON.stringify(n.default)}`),t`
+      <div style="padding-left: ${i*1.5}rem">
+        <div class="schema-row">
+          <span
+            class="schema-key"
+            @click=${o?()=>this._toggleSchemaPath(r):l}
+          >
+            ${o?t`<span class="arrow" ?data-expanded=${s}>\u25B6</span>`:l}
+            ${e}${a?t`<span class="required-marker">*</span>`:l}
+          </span>
+          <ic-tag variant="info">${n.type??`any`}</ic-tag>
+          ${n.description?t`<span class="schema-desc">${n.description}</span>`:l}
+          ${c.length>0?t`<span class="schema-constraints">${c.join(`, `)}</span>`:l}
+        </div>
+        ${o&&s?t`
+              <div class="schema-children">
+                ${Object.entries(n.properties).map(([e,t])=>this._renderSchemaTreeNode(e,t,`${r}.${e}`,i+1,(n.required??[]).includes(e)))}
+              </div>
+            `:l}
+      </div>
+    `}_renderSchemaMode(){let e=this._schemaData[this._selectedSection];if(e&&!e.properties&&e.additionalProperties&&typeof e.additionalProperties==`object`){let n=e.additionalProperties;if(!n.properties)return t`<ic-empty-state icon="config" message="No schema available" description="Schema definition not found for this section."></ic-empty-state>`;let r=n.required??[];return t`
+        <div class="schema-tree">
+          <div class="schema-note" style="padding:8px 0;opacity:0.7;font-style:italic">Record&lt;string, entry&gt; - each entry has:</div>
+          ${Object.entries(n.properties).map(([e,t])=>this._renderSchemaTreeNode(e,t,e,0,r.includes(e)))}
+        </div>
+      `}if(!e?.properties)return t`<ic-empty-state icon="config" message="No schema available" description="Schema definition not found for this section."></ic-empty-state>`;let n=e.required??[];return t`
+      <div class="schema-tree">
+        ${Object.entries(e.properties).map(([e,t])=>this._renderSchemaTreeNode(e,t,e,0,n.includes(e)))}
+      </div>
+    `}async _onApply(){if(!this.rpcClient||!this._dirty)return;this._applying=!0;let e;if(this._mode===`yaml`){let t=y(this._yamlText);if(t.error){u.show(t.error,`error`),this._applying=!1;return}e=t.data}else e=this._formState;this._rollbackSnapshot=structuredClone(this._configData);try{await this.rpcClient.call(`config.apply`,{section:this._selectedSection,value:e}),u.show(`Configuration applied`,`success`),this._dirty=!1;let t=await this.rpcClient.call(`config.read`);this._configData=t.config,this._loadSectionState()}catch(e){let t=e instanceof Error?e.message:`Failed to apply configuration`;u.show(t,`error`),this._rollbackSnapshot=null}finally{this._applying=!1}}async _onRollback(){if(!(!this.rpcClient||!this._rollbackSnapshot))try{await this.rpcClient.call(`config.apply`,{config:this._rollbackSnapshot}),u.show(`Configuration rolled back`,`success`);let e=await this.rpcClient.call(`config.read`);this._configData=e.config,this._rollbackSnapshot=null,this._confirmRollback=!1,this._loadSectionState()}catch(e){let t=e instanceof Error?e.message:`Failed to rollback configuration`;u.show(t,`error`),this._confirmRollback=!1}}async _loadGatewayConfig(){if(this.rpcClient){this._gatewayLoading=!0,this._gatewayError=``;try{let e=await this.rpcClient.call(`config.read`,{section:`gateway`});this._gatewayConfig=e??{}}catch(e){this._gatewayError=e instanceof Error?e.message:`Failed to load gateway config`}finally{this._gatewayLoading=!1}}}async _patchGateway(e,t){if(this.rpcClient)try{await this.rpcClient.call(`config.patch`,{section:`gateway`,key:e,value:t}),this._gatewayConfig&&={...this._gatewayConfig,[e]:t},u.show(`Gateway updated`,`success`)}catch(e){let t=e instanceof Error?e.message:`Failed to update gateway`;u.show(t,`error`)}}_onTabChange(e){this._activeTab=e.detail,e.detail===`gateway`&&this._gatewayConfig===null&&this._loadGatewayConfig(),e.detail===`history`&&this._historyEntries.length===0&&!this._historyLoading&&this._loadHistory()}async _loadHistory(){if(this.rpcClient){this._historyLoading=!0,this._historyError=``;try{let e=await this.rpcClient.call(`config.history`,{limit:50});e.error?(this._historyEntries=[],this._historyError=e.error):this._historyEntries=e.entries}catch(e){this._historyError=e instanceof Error?e.message:`Failed to load history`}finally{this._historyLoading=!1}}}async _loadDiff(e){if(this.rpcClient){this._diffLoading=!0;try{let t=await this.rpcClient.call(`config.diff`,{sha:e});this._diffText=t.diff}catch(e){this._diffText=``;let t=e instanceof Error?e.message:`Failed to load diff`;u.show(t,`error`)}finally{this._diffLoading=!1}}}_onSelectVersion(e){if(e===this._selectedSha){this._selectedSha=null,this._diffText=``;return}this._selectedSha=e,this._loadDiff(e)}async _onHistoryRollback(){if(!(!this.rpcClient||!this._confirmRollbackSha))try{await this.rpcClient.call(`config.rollback`,{sha:this._confirmRollbackSha}),u.show(`Config rolled back. Daemon restarting...`,`success`),this._confirmRollbackSha=null}catch(e){let t=e instanceof Error?e.message:`Rollback failed`;u.show(t,`error`),this._confirmRollbackSha=null}}async _onGc(){if(!(!this.rpcClient||this._gcRunning)){this._gcRunning=!0;try{let e=(await this.rpcClient.call(`config.gc`)).squashed;u.show(e==null?`GC complete`:`GC complete: ${e} versions squashed`,`success`),this._loadHistory()}catch(e){let t=e instanceof Error?e.message:`GC failed`;u.show(t,`error`)}finally{this._gcRunning=!1}}}_renderDiffLine(e,n){let r=`diff-line--context`;return e.startsWith(`+`)?r=`diff-line--add`:e.startsWith(`-`)?r=`diff-line--remove`:e.startsWith(`@@`)&&(r=`diff-line--hunk`),t`<span class=${r}>${e}\n</span>`}_renderHistoryEntry(e,n){let r=e.sha===this._selectedSha,i=n===0,a=e.metadata.user||e.metadata.agent||`system`,o=new Date(e.timestamp).toLocaleString();return t`
+      <div
+        class="history-entry ${r?`history-entry--selected`:``}"
+        @click=${()=>this._onSelectVersion(e.sha)}
+      >
+        <div class="history-entry-header">
+          <ic-relative-time
+            .timestamp=${new Date(e.timestamp).getTime()}
+            title=${o}
+          ></ic-relative-time>
+          <code class="history-sha">${e.sha.slice(0,7)}</code>
+        </div>
+        <div class="history-entry-summary" title=${e.metadata.summary}>
+          ${e.metadata.summary}
+        </div>
+        <div class="history-entry-meta">
+          <ic-tag variant="default">${e.metadata.section}</ic-tag>
+          <span class="history-author">${a}</span>
+          ${i?l:t`<button
+                class="history-rollback-link"
+                @click=${t=>{t.stopPropagation(),this._confirmRollbackSha=e.sha}}
+              >Rollback</button>`}
+        </div>
+      </div>
+    `}_renderHistoryTab(){return this._historyLoading?t`<div class="state-container"><ic-loading size="lg"></ic-loading></div>`:this._historyError?t`
+        <ic-empty-state
+          icon="config"
+          message="Version history unavailable"
+          description=${this._historyError}
+        ></ic-empty-state>
+      `:this._historyEntries.length===0?t`
+        <ic-empty-state
+          icon="config"
+          message="No version history"
+          description="Config changes will appear here after the first edit."
+        ></ic-empty-state>
+      `:t`
+      <div class="history-layout">
+        <div class="history-timeline">
+          ${this._historyEntries.map((e,t)=>this._renderHistoryEntry(e,t))}
+        </div>
+
+        <div class="history-diff-panel">
+          ${this._diffLoading?t`<div class="state-container"><ic-loading size="lg"></ic-loading></div>`:this._selectedSha&&this._diffText?t`<pre class="diff-unified">${this._diffText.split(`
+`).map((e,t)=>this._renderDiffLine(e,t))}</pre>`:this._selectedSha&&!this._diffText?t`<ic-empty-state icon="config" message="No changes" description="No changes between this version and current."></ic-empty-state>`:t`<ic-empty-state icon="config" message="Select a version" description="Select a version to view changes."></ic-empty-state>`}
+        </div>
+      </div>
+
+      <div class="history-actions">
+        <button
+          class="secondary-btn"
+          ?disabled=${this._gcRunning}
+          @click=${()=>this._onGc()}
+        >
+          ${this._gcRunning?t`<span class="spinner"></span> Running GC...`:`Run GC`}
+        </button>
+      </div>
+    `}_onExport(){let e=w(this._configData),t=new Blob([e],{type:`text/yaml`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`comis-config.yaml`,r.click(),URL.revokeObjectURL(n)}_onImportClick(){(this.shadowRoot?.querySelector(`.hidden-input`))?.click()}_onImportFile(e){let t=e.target,n=t.files?.[0];if(!n)return;let r=new FileReader;r.onload=()=>{let e=r.result,t=y(e);if(t.error){u.show(`Import failed: ${t.error}`,`error`);return}t.data&&typeof t.data==`object`&&!Array.isArray(t.data)?(this._configData=t.data,this._loadSectionState(),this._dirty=!0,u.show(`Configuration imported`,`info`)):u.show(`Import failed: expected a YAML object`,`error`)},r.readAsText(n),t.value=``}_renderModeContent(){switch(this._mode){case`form`:return this._renderFormMode();case`yaml`:return this._renderYamlMode();case`schema`:return this._renderSchemaMode();default:return l}}_renderEditorTab(){return this._loadState===`loading`?t`<ic-skeleton-view variant="editor"></ic-skeleton-view>`:this._loadState===`error`?t`
+        <div class="error-container">
+          <span class="error-message">${this._error}</span>
+          <button class="retry-btn" @click=${()=>this._tryLoad()}>Retry</button>
+        </div>
+      `:t`
+      <div class="editor-layout">
+        <nav class="section-sidebar" role="navigation" aria-label="Config sections">
+          ${this._sections.map(e=>t`
+              <div
+                class="section-item"
+                ?data-selected=${e===this._selectedSection}
+                @click=${()=>this._onSectionClick(e)}
+              >
+                ${e.charAt(0).toUpperCase()+e.slice(1)}
+              </div>
+            `)}
+        </nav>
+
+        <div class="content-area" role="main">
+          <div class="toolbar">
+            <div class="mode-tabs">
+              <button
+                class="mode-btn"
+                ?data-active=${this._mode===`form`}
+                @click=${()=>this._onModeChange(`form`)}
+              >Form</button>
+              <button
+                class="mode-btn"
+                ?data-active=${this._mode===`yaml`}
+                @click=${()=>this._onModeChange(`yaml`)}
+              >YAML</button>
+              <button
+                class="mode-btn"
+                ?data-active=${this._mode===`schema`}
+                @click=${()=>this._onModeChange(`schema`)}
+              >Schema</button>
+            </div>
+
+            <div class="action-buttons">
+              <button
+                class="diff-btn"
+                ?data-active=${this._showDiff}
+                @click=${()=>{this._showDiff=!this._showDiff}}
+              >Show Diff</button>
+              ${this._rollbackSnapshot===null?l:t`<button
+                    class="rollback-btn"
+                    @click=${()=>{this._confirmRollback=!0}}
+                  >Rollback</button>`}
+              <button
+                class="secondary-btn"
+                @click=${()=>this._onImportClick()}
+              >Import</button>
+              <button
+                class="secondary-btn"
+                @click=${()=>this._onExport()}
+              >Export</button>
+              <button
+                class="apply-btn"
+                ?disabled=${!this._dirty||this._applying}
+                @click=${()=>this._onApply()}
+              >
+                ${this._applying?t`<span class="spinner"></span>`:l}
+                Apply Changes
+              </button>
+            </div>
+          </div>
+
+          ${this._renderModeContent()}
+
+          ${this._showDiff?t`
+                <div class="diff-preview">
+                  <ic-diff-viewer
+                    .oldText=${this._savedYaml}
+                    .newText=${this._mode===`yaml`?this._yamlText:w(this._formState)}
+                    oldLabel="Current"
+                    newLabel="Pending Changes"
+                  ></ic-diff-viewer>
+                </div>
+              `:l}
+        </div>
+      </div>
+
+      <input
+        class="hidden-input"
+        type="file"
+        accept=".yaml,.yml"
+        @change=${e=>this._onImportFile(e)}
+      />
+
+      <ic-confirm-dialog
+        .open=${this._confirmRollback}
+        title="Rollback Configuration"
+        message="Restore previous configuration? This will revert all sections to the state before your last apply."
+        confirmLabel="Rollback"
+        @confirm=${()=>this._onRollback()}
+        @cancel=${()=>{this._confirmRollback=!1}}
+      ></ic-confirm-dialog>
+    `}_renderGatewayTab(){if(this._gatewayLoading)return t`<div class="state-container"><ic-loading size="lg"></ic-loading></div>`;if(this._gatewayError)return t`
+        <div class="error-container">
+          <span class="error-message">${this._gatewayError}</span>
+          <button class="retry-btn" @click=${()=>this._loadGatewayConfig()}>Retry</button>
+        </div>
+      `;if(!this._gatewayConfig)return t`<ic-empty-state icon="config" message="No gateway configuration" description="Gateway config not available."></ic-empty-state>`;let e=this._gatewayConfig,n=e.cors?.origins??[],r=e.tokens??[];return t`
+      <div class="gateway-form">
+        <div class="gateway-field">
+          <ic-toggle
+            label="Gateway Enabled"
+            .checked=${e.enabled??!1}
+            @change=${e=>this._patchGateway(`enabled`,e.detail)}
+          ></ic-toggle>
+        </div>
+
+        <div class="gateway-field">
+          <label class="gateway-label">Host</label>
+          <input
+            class="gateway-input"
+            type="text"
+            .value=${e.host??`0.0.0.0`}
+            @change=${e=>this._patchGateway(`host`,e.target.value)}
+          />
+        </div>
+
+        <div class="gateway-field">
+          <label class="gateway-label">Port</label>
+          <input
+            class="gateway-input"
+            type="number"
+            .value=${String(e.port??3e3)}
+            @change=${e=>{let t=parseInt(e.target.value,10);isNaN(t)||this._patchGateway(`port`,t)}}
+          />
+        </div>
+
+        <div class="gateway-field">
+          <ic-array-editor
+            label="CORS Origins"
+            .items=${n.map(String)}
+            placeholder="https://example.com"
+            @change=${t=>this._patchGateway(`cors`,{...e.cors,origins:t.detail})}
+          ></ic-array-editor>
+        </div>
+
+        <div class="gateway-tokens">
+          <div class="gateway-tokens-label">API Tokens (${r.length})</div>
+          ${r.length>0?t`
+                <div class="gateway-tokens-list">
+                  ${r.map(e=>t`
+                      <div class="gateway-token-entry">
+                        <span class="gateway-token-id">${e.id}</span>
+                        ${e.scopes&&e.scopes.length>0?e.scopes.map(e=>t`<ic-tag variant="info">${e}</ic-tag>`):t`<ic-tag variant="default">no scopes</ic-tag>`}
+                      </div>
+                    `)}
+                </div>
+              `:t`<div style="font-size:var(--ic-text-sm);color:var(--ic-text-dim)">No tokens configured</div>`}
+          <a class="gateway-tokens-link" href="#security">Manage tokens in Security &rarr;</a>
+        </div>
+      </div>
+    `}_renderWizardTab(){return t`
+      <div class="wizard-content">
+        <div class="wizard-description">
+          The setup wizard guides you through initial Comis configuration
+          including provider keys, agent creation, channel setup, and
+          security settings.
+        </div>
+        <button
+          class="wizard-btn"
+          @click=${()=>{window.location.hash=`#setup`}}
+        >Launch Setup Wizard</button>
+      </div>
+    `}render(){return t`
+      <div class="view-header">
+        <div class="view-title">Settings</div>
+      </div>
+
+      <ic-tabs
+        .tabs=${C}
+        .activeTab=${this._activeTab}
+        @tab-change=${this._onTabChange}
+      >
+        <div slot="editor">${this._renderEditorTab()}</div>
+        <div slot="gateway">${this._renderGatewayTab()}</div>
+        <div slot="history">${this._renderHistoryTab()}</div>
+        <div slot="wizard">${this._renderWizardTab()}</div>
+      </ic-tabs>
+
+      <ic-confirm-dialog
+        .open=${this._confirmRollbackSha!==null}
+        title="Rollback Configuration"
+        message="Restore config to this version? The daemon will restart to apply changes."
+        variant="danger"
+        confirmLabel="Rollback"
+        @confirm=${()=>this._onHistoryRollback()}
+        @cancel=${()=>{this._confirmRollbackSha=null}}
+      ></ic-confirm-dialog>
+    `}};c([s({attribute:!1})],E.prototype,`rpcClient`,void 0),c([a()],E.prototype,`_activeTab`,void 0),c([a()],E.prototype,`_loadState`,void 0),c([a()],E.prototype,`_error`,void 0),c([a()],E.prototype,`_sections`,void 0),c([a()],E.prototype,`_selectedSection`,void 0),c([a()],E.prototype,`_mode`,void 0),c([a()],E.prototype,`_configData`,void 0),c([a()],E.prototype,`_schemaData`,void 0),c([a()],E.prototype,`_yamlText`,void 0),c([a()],E.prototype,`_yamlErrors`,void 0),c([a()],E.prototype,`_formState`,void 0),c([a()],E.prototype,`_formErrors`,void 0),c([a()],E.prototype,`_dirty`,void 0),c([a()],E.prototype,`_applying`,void 0),c([a()],E.prototype,`_expandedPaths`,void 0),c([a()],E.prototype,`_showDiff`,void 0),c([a()],E.prototype,`_savedYaml`,void 0),c([a()],E.prototype,`_rollbackSnapshot`,void 0),c([a()],E.prototype,`_confirmRollback`,void 0),c([a()],E.prototype,`_gatewayConfig`,void 0),c([a()],E.prototype,`_gatewayLoading`,void 0),c([a()],E.prototype,`_gatewayError`,void 0),c([a()],E.prototype,`_historyEntries`,void 0),c([a()],E.prototype,`_historyLoading`,void 0),c([a()],E.prototype,`_historyError`,void 0),c([a()],E.prototype,`_selectedSha`,void 0),c([a()],E.prototype,`_diffText`,void 0),c([a()],E.prototype,`_diffLoading`,void 0),c([a()],E.prototype,`_confirmRollbackSha`,void 0),c([a()],E.prototype,`_gcRunning`,void 0),E=c([e(`ic-config-editor`)],E);export{E as IcConfigEditor,y as parseYaml,v as serializeToYaml};