comisai 1.0.42 → 1.0.45

package/node_modules/@comis/web/dist/assets/config-editor-B0KqHvNZ.js

@@ -1,880 +0,0 @@
-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{n as u,r as d,s as f}from"./system-time-B0nBw4nV.js";import{a as p}from"./index-D_ZV_sV5.js";import"./ic-tag-CKh2gHHX.js";import"./ic-confirm-dialog-Wdt0QSRg.js";import"./ic-relative-time-D6XlY7ay.js";import"./ic-array-editor-Cyy1IkY8.js";import"./ic-empty-state-BRy4ZXds.js";import"./ic-tabs-BM8xZY4a.js";import"./ic-select-BEeaNppH.js";function m(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 h=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;
-      }
-
-      .diff-container {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        overflow: hidden;
-        background: var(--ic-bg-card, var(--ic-surface));
-      }
-
-      .diff-panel {
-        display: flex;
-        flex-direction: column;
-        min-width: 0;
-        overflow: hidden;
-      }
-
-      .diff-panel + .diff-panel {
-        border-left: 1px solid var(--ic-border);
-      }
-
-      .diff-header {
-        padding: var(--ic-space-xs) var(--ic-space-md);
-        background: var(--ic-surface-2);
-        border-bottom: 1px solid var(--ic-border);
-        font-size: var(--ic-text-xs);
-        font-weight: 600;
-        color: var(--ic-text-muted);
-        text-transform: uppercase;
-        letter-spacing: 0.04em;
-      }
-
-      .diff-body {
-        overflow: auto;
-        max-height: 24rem;
-      }
-
-      pre {
-        margin: 0;
-        padding: 0;
-      }
-
-      code {
-        font-family: var(--ic-font-mono, ui-monospace, monospace);
-        font-size: var(--ic-text-sm);
-        line-height: 1.6;
-        white-space: pre;
-        tab-size: 2;
-        display: block;
-      }
-
-      .line {
-        display: block;
-        padding: 0 var(--ic-space-md);
-        min-height: 1.6em;
-      }
-
-      .line--removed {
-        background: color-mix(in srgb, var(--ic-error) 15%, transparent);
-        color: var(--ic-text);
-      }
-
-      .line--added {
-        background: color-mix(in srgb, var(--ic-success) 15%, transparent);
-        color: var(--ic-text);
-      }
-
-      .line--spacer {
-        opacity: 0.3;
-      }
-
-      .no-changes {
-        padding: var(--ic-space-lg);
-        text-align: center;
-        color: var(--ic-text-muted);
-        font-size: var(--ic-text-sm);
-        grid-column: 1 / -1;
-      }
-    `]}_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>
-      `;let{oldLines:e,newLines:n}=m(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="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>
-    `}};c([s()],h.prototype,`oldText`,void 0),c([s()],h.prototype,`newText`,void 0),c([s()],h.prototype,`oldLabel`,void 0),c([s()],h.prototype,`newLabel`,void 0),c([a()],h.prototype,`_syncing`,void 0),h=c([e(`ic-diff-viewer`)],h);var g=[`rpc`,`ws`,`admin`,`api`,`*`];function _(e){return e.replace(/([A-Z])/g,` $1`).replace(/^./,e=>e.toUpperCase()).trim()}function v(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 y(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]:y(o,a.join(`.`),n)}}var b=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;
-      }
-
-      .form-field {
-        display: flex;
-        flex-direction: column;
-        gap: var(--ic-space-xs);
-        margin-bottom: var(--ic-space-sm);
-      }
-
-      .form-label {
-        font-size: var(--ic-text-sm);
-        font-weight: 500;
-        color: var(--ic-text-muted);
-      }
-
-      .form-description {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim);
-      }
-
-      .form-input {
-        padding: 0.5rem 0.75rem;
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text);
-        font-family: inherit;
-        font-size: var(--ic-text-sm);
-      }
-
-      .form-input:focus {
-        outline: none;
-        border-color: var(--ic-accent);
-      }
-
-      .form-textarea {
-        width: 100%;
-        min-height: 100px;
-        padding: 0.5rem 0.75rem;
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text);
-        font-family: inherit;
-        font-size: var(--ic-text-sm);
-        resize: vertical;
-      }
-
-      .form-textarea:focus {
-        outline: none;
-        border-color: var(--ic-accent);
-      }
-
-      .form-error {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-error);
-      }
-
-      .form-fieldset {
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        padding: var(--ic-space-sm) var(--ic-space-md);
-        margin-bottom: var(--ic-space-sm);
-      }
-
-      .form-fieldset-legend {
-        cursor: pointer;
-        user-select: none;
-        font-weight: 600;
-        font-size: var(--ic-text-sm);
-        color: var(--ic-text);
-        display: flex;
-        align-items: center;
-        gap: var(--ic-space-xs);
-      }
-
-      .form-fieldset-content {
-        padding-top: var(--ic-space-sm);
-      }
-
-      .arrow {
-        font-size: var(--ic-text-xs);
-        transition: transform 0.15s;
-        display: inline-block;
-      }
-
-      .arrow[data-expanded] {
-        transform: rotate(90deg);
-      }
-
-      .array-cards {
-        display: flex;
-        flex-direction: column;
-        gap: var(--ic-space-sm);
-      }
-
-      .array-card {
-        background: var(--ic-surface);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        padding: var(--ic-space-sm) var(--ic-space-md);
-      }
-
-      .array-card-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: var(--ic-space-xs);
-      }
-
-      .array-card-index {
-        font-size: var(--ic-text-xs);
-        font-weight: 600;
-        color: var(--ic-text-muted);
-      }
-
-      .array-card-remove {
-        background: none;
-        border: none;
-        cursor: pointer;
-        font-size: var(--ic-text-base);
-        color: var(--ic-text-dim);
-        padding: 0;
-        line-height: 1;
-      }
-
-      .array-card-remove:hover {
-        color: var(--ic-error);
-      }
-
-      .array-card-fields {
-        display: flex;
-        flex-direction: column;
-        gap: var(--ic-space-xs);
-      }
-
-      .array-add-btn {
-        align-self: flex-start;
-        padding: 0.4rem 1rem;
-        background: var(--ic-surface-2);
-        border: 1px dashed var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text-muted);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        margin-top: var(--ic-space-xs);
-      }
-
-      .array-add-btn:hover {
-        border-color: var(--ic-accent);
-        color: var(--ic-accent);
-      }
-
-      .scope-chips {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.4rem;
-      }
-
-      .scope-chip {
-        padding: 0.25rem 0.75rem;
-        border-radius: var(--ic-radius-md);
-        font-size: var(--ic-text-xs);
-        font-family: inherit;
-        font-weight: 500;
-        cursor: pointer;
-        transition: all var(--ic-transition);
-        border: 1px solid var(--ic-border);
-        background: var(--ic-surface-2);
-        color: var(--ic-text-dim);
-      }
-
-      .scope-chip:hover {
-        border-color: var(--ic-accent);
-      }
-
-      .scope-chip[data-active] {
-        background: var(--ic-accent);
-        border-color: var(--ic-accent);
-        color: #fff;
-      }
-
-      .json-fallback-textarea {
-        width: 100%;
-        min-height: 60px;
-        padding: 0.5rem 0.75rem;
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        color: var(--ic-text);
-        font-family: var(--ic-font-mono, ui-monospace, monospace);
-        font-size: var(--ic-text-xs);
-        resize: vertical;
-        tab-size: 2;
-      }
-
-      .json-fallback-textarea:focus {
-        outline: none;
-        border-color: var(--ic-accent);
-      }
-    `]}updated(e){e.has(`config`)&&(this._formState=structuredClone(this.config),this._formErrors={})}_onFormFieldChange(e,t){this._formState=y(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=(v(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>
-    `}_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>
-    `}_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>
-    `}_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>
-    `}_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>
-      `: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>
-    `}_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=v(this._formState,e)??[];this._onFormFieldChange(e,t.filter((e,t)=>t!==n))}}
-          >\u00d7</button>
-        </div>
-        <div class="array-card-fields">
-          ${Object.entries(i).map(([i,o])=>{let s=`${_(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>
-              `;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">
-                      ${g.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>
-              `}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}`,`${_(t)}${s.includes(t)?` *`:``}`,v(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,_(e),t,n)})}
-      `}if(!e||!e.properties)return t`
-        ${Object.entries(this._formState).map(([e,t])=>this._renderSchemaField(e,_(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,`${_(e)}${r.includes(e)?` *`:``}`,v(this._formState,e),t))}
-    `}};c([s({attribute:!1})],b.prototype,`schema`,void 0),c([s({attribute:!1})],b.prototype,`config`,void 0),c([s({type:String})],b.prototype,`sectionKey`,void 0),c([a()],b.prototype,`_formState`,void 0),c([a()],b.prototype,`_formErrors`,void 0),c([a()],b.prototype,`_expandedFormPaths`,void 0),b=c([e(`ic-schema-form`)],b);function x(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}: ${x(a,0)}`);for(let i=1;i<e.length;i++){let[a,o]=e[i];r.push(`${n}  ${a}: ${x(o,t+2)}`)}}else r.push(`${n}- {}`)}else r.push(`${n}- ${x(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(x(a,t+1))):Array.isArray(a)&&a.length>0?i.push(`${n}${e}:${x(a,t+1)}`):i.push(`${n}${e}: ${x(a,0)}`);return i.join(`
-`)}return String(e)}function S(e){try{return{data:T(e.split(`
-`),0,0).value,error:null}}catch(e){return{data:null,error:e instanceof Error?e.message:`Parse error`}}}function C(e){let t=e.match(/^( *)/);return t?t[1].length:0}function w(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 T(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=C(i),o=i.trim();if(o.startsWith(`- `)){let t=[];for(;r<e.length;){let n=e[r];if(n.trim()===``){r++;continue}let i=C(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()]=w(s[2]),r++;let i=a+2;for(;r<e.length;){let t=e[r];if(t.trim()===``){r++;continue}let a=C(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=T(e,r+1,i+2);n[t]=a.value,r=a.nextLine}else n[t]=w(o),r++}else break}else break}t.push(n)}else t.push(w(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=C(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=T(e,r,a+2);t[s]=n.value,r=n.nextLine}else t[s]=w(c),r++}return{value:t,nextLine:r}}return{value:w(o),nextLine:r+1}}function E(e,t){let n={hostConnected(){},hostDisconnected(){},async readConfig(e){return await t.call(`config.read`,e)},async readSection(e){return await t.call(`config.read`,{section:e})},async loadSchema(){return await t.call(`config.schema`)},async applyConfig(e){await t.call(`config.apply`,e)},async patchConfig(e){await t.call(`config.patch`,e)},async loadHistory(e){return t.call(`config.history`,{limit:e})},async loadDiff(e){return(await t.call(`config.diff`,{sha:e})).diff},async rollbackToSha(e){return t.call(`config.rollback`,{sha:e})},async runGc(){return t.call(`config.gc`)}};return e.addController(n),n}var D=[{id:`editor`,label:`YAML Editor`},{id:`gateway`,label:`Gateway`},{id:`history`,label:`History`},{id:`wizard`,label:`Setup Wizard`}],O=x;function k(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]:k(o,a.join(`.`),n)}}var A=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,this._controller=null,this._capturedRpcClient=null}static{this.styles=[o,i,n`
-      :host { display: block; }
-      .view-header { margin-bottom: var(--ic-space-lg); }
-      .view-title { font-size: 1.125rem; font-weight: 600; }
-      /* Loading & error states */
-      .state-container { display: flex; align-items: center; justify-content: center; padding: 3rem; }
-      .error-container { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 3rem; }
-      .error-message { color: var(--ic-error); font-size: var(--ic-text-sm); }
-      .retry-btn { padding: 0.5rem 1rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text-muted); font-size: var(--ic-text-sm); cursor: pointer; font-family: inherit; }
-      .retry-btn:hover { background: var(--ic-border); }
-      /* Main layout: sidebar + content */
-      .editor-layout { display: grid; grid-template-columns: 220px 1fr; gap: var(--ic-space-lg); min-height: 500px; }
-      /* Section sidebar */
-      .section-sidebar { display: flex; flex-direction: column; gap: 2px; background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); padding: var(--ic-space-xs); overflow-y: auto; max-height: 80vh; }
-      .section-item { padding: 0.5rem 1rem; cursor: pointer; border-left: 3px solid transparent; border-radius: var(--ic-radius-sm); font-size: var(--ic-text-sm); color: var(--ic-text-muted); transition: background var(--ic-transition, 0.15s), color var(--ic-transition, 0.15s); }
-      .section-item:hover { background: var(--ic-surface-2); color: var(--ic-text); }
-      .section-item[data-selected] { border-left-color: var(--ic-accent); background: var(--ic-surface-2); color: var(--ic-text); font-weight: 500; }
-      /* Content area */
-      .content-area { display: flex; flex-direction: column; gap: var(--ic-space-md); min-width: 0; }
-      /* Toolbar: mode tabs + action buttons */
-      .toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--ic-space-md); flex-wrap: wrap; }
-      .mode-tabs { display: inline-flex; gap: 2px; background: var(--ic-surface); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); padding: 2px; }
-      .mode-btn { padding: 0.375rem 0.75rem; border: none; border-radius: var(--ic-radius-sm); background: transparent; color: var(--ic-text-muted); font-size: var(--ic-text-sm); font-family: inherit; cursor: pointer; transition: background var(--ic-transition, 0.15s), color var(--ic-transition, 0.15s); }
-      .mode-btn:hover { color: var(--ic-text); }
-      .mode-btn[data-active] { background: var(--ic-accent); color: white; }
-      .action-buttons { display: flex; align-items: center; gap: var(--ic-space-sm); }
-      .apply-btn { padding: 0.5rem 1rem; background: var(--ic-accent); color: white; border: none; border-radius: var(--ic-radius-md); font-size: var(--ic-text-sm); font-family: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: var(--ic-space-xs); }
-      .apply-btn:hover { opacity: 0.9; }
-      .apply-btn:disabled { opacity: 0.5; cursor: not-allowed; }
-      .secondary-btn { padding: 0.5rem 1rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text-muted); font-size: var(--ic-text-sm); font-family: inherit; cursor: pointer; }
-      .secondary-btn:hover { background: var(--ic-border); }
-      /* Form mode CSS extracted to ic-schema-form sub-component */
-      /* YAML mode */
-      .yaml-editor { display: flex; flex-direction: column; gap: var(--ic-space-sm); }
-      .yaml-textarea { width: 100%; min-height: 400px; padding: 1rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: var(--ic-font-mono, ui-monospace, monospace); font-size: var(--ic-text-sm); line-height: 1.5; tab-size: 2; white-space: pre; resize: vertical; }
-      .yaml-textarea:focus { outline: none; border-color: var(--ic-accent); }
-      .yaml-validation { padding: var(--ic-space-sm) var(--ic-space-md); border-radius: var(--ic-radius-md); font-size: var(--ic-text-sm); }
-      .yaml-validation--valid { background: color-mix(in srgb, var(--ic-success) 10%, transparent); color: var(--ic-success); border: 1px solid color-mix(in srgb, var(--ic-success) 30%, transparent); }
-      .yaml-validation--error { background: color-mix(in srgb, var(--ic-error) 10%, transparent); color: var(--ic-error); border: 1px solid color-mix(in srgb, var(--ic-error) 30%, transparent); }
-      /* Schema mode */
-      .schema-tree { display: flex; flex-direction: column; gap: 2px; }
-      .schema-row { display: flex; align-items: baseline; gap: var(--ic-space-sm); padding: var(--ic-space-xs) 0; }
-      .schema-key { font-weight: 600; font-size: var(--ic-text-sm); color: var(--ic-text); cursor: pointer; display: flex; align-items: center; gap: var(--ic-space-xs); user-select: none; }
-      .schema-key .arrow { font-size: var(--ic-text-xs); transition: transform var(--ic-transition, 0.15s); display: inline-block; }
-      .schema-key .arrow[data-expanded] { transform: rotate(90deg); }
-      .schema-desc { font-size: var(--ic-text-xs); color: var(--ic-text-dim); }
-      .schema-constraints { font-size: var(--ic-text-xs); color: var(--ic-text-muted); font-style: italic; }
-      .schema-children { padding-left: 1.5rem; }
-      .required-marker { color: var(--ic-error); font-weight: 600; }
-      /* Hidden file input for import */
-      .hidden-input { display: none; }
-      /* Spinner */
-      .spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: white; border-radius: 50%; animation: spin 0.6s linear infinite; }
-      @keyframes spin {
-      to { transform: rotate(360deg); }
-      }
-      /* Diff preview toggle */
-      .diff-btn { padding: 0.5rem 1rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text-muted); font-size: var(--ic-text-sm); font-family: inherit; cursor: pointer; }
-      .diff-btn:hover { background: var(--ic-border); }
-      .diff-btn[data-active] { background: var(--ic-accent); color: #fff; border-color: var(--ic-accent); }
-      /* Rollback button */
-      .rollback-btn { padding: 0.5rem 1rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text-muted); font-size: var(--ic-text-sm); font-family: inherit; cursor: pointer; }
-      .rollback-btn:hover { border-color: var(--ic-error); color: var(--ic-error); }
-      /* Diff viewer container */
-      .diff-preview { margin-top: var(--ic-space-md); }
-      /* Gateway tab */
-      .gateway-form { display: flex; flex-direction: column; gap: var(--ic-space-lg); max-width: 36rem; padding: var(--ic-space-md) 0; }
-      .gateway-field { display: flex; flex-direction: column; gap: var(--ic-space-xs); }
-      .gateway-label { font-size: var(--ic-text-sm); font-weight: 500; color: var(--ic-text-muted); }
-      .gateway-input { padding: 0.5rem 0.75rem; background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); color: var(--ic-text); font-family: inherit; font-size: var(--ic-text-sm); }
-      .gateway-input:focus { outline: none; border-color: var(--ic-accent); }
-      .gateway-tokens { padding: var(--ic-space-md); background: var(--ic-surface-2); border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); }
-      .gateway-tokens-label { font-size: var(--ic-text-sm); font-weight: 600; color: var(--ic-text); margin-bottom: var(--ic-space-sm); }
-      .gateway-tokens-list { display: flex; flex-direction: column; gap: var(--ic-space-xs); font-size: var(--ic-text-sm); color: var(--ic-text-muted); }
-      .gateway-token-entry { display: flex; align-items: center; gap: var(--ic-space-sm); }
-      .gateway-token-id { font-family: var(--ic-font-mono, ui-monospace, monospace); font-size: var(--ic-text-xs); }
-      .gateway-tokens-link { color: var(--ic-accent); font-size: var(--ic-text-sm); text-decoration: none; margin-top: var(--ic-space-sm); display: inline-block; cursor: pointer; }
-      .gateway-tokens-link:hover { text-decoration: underline; }
-      /* Setup wizard tab */
-      .wizard-content { display: flex; flex-direction: column; align-items: center; gap: var(--ic-space-lg); padding: 3rem var(--ic-space-lg); text-align: center; }
-      .wizard-description { font-size: var(--ic-text-sm); color: var(--ic-text-muted); max-width: 32rem; line-height: 1.6; }
-      .wizard-btn { padding: 0.75rem 2rem; background: var(--ic-accent); color: #fff; border: none; border-radius: var(--ic-radius-md); font-size: var(--ic-text-sm); font-family: inherit; font-weight: 500; cursor: pointer; }
-      .wizard-btn:hover { filter: brightness(1.1); }
-      /* History tab */
-      .history-layout { display: grid; grid-template-columns: 350px 1fr; gap: var(--ic-space-md); min-height: 400px; }
-      @media (max-width: 768px) {
-      .history-layout { grid-template-columns: 1fr; }
-      }
-      .history-timeline { overflow-y: auto; max-height: 70vh; border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md); background: var(--ic-surface); }
-      .history-entry { padding: var(--ic-space-sm) var(--ic-space-md); border-bottom: 1px solid var(--ic-border); cursor: pointer; transition: background var(--ic-transition, 0.15s); border-left: 3px solid transparent; position: relative; }
-      .history-entry:hover { background: var(--ic-surface-2); }
-      .history-entry--selected { border-left: 3px solid var(--ic-accent); background: var(--ic-surface-2); }
-      .history-entry-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
-      .history-sha { font-family: var(--ic-font-mono, ui-monospace, monospace); font-size: var(--ic-text-xs); color: var(--ic-text-dim); }
-      .history-entry-summary { font-size: var(--ic-text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ic-text); margin-bottom: 4px; }
-      .history-entry-meta { display: flex; align-items: center; gap: 8px; font-size: var(--ic-text-xs); color: var(--ic-text-dim); }
-      .history-author { font-size: var(--ic-text-xs); color: var(--ic-text-dim); }
-      .history-diff-panel { display: flex; flex-direction: column; overflow: auto; }
-      .diff-unified { font-family: var(--ic-font-mono, ui-monospace, monospace); font-size: var(--ic-text-sm); overflow-x: auto; white-space: pre; padding: var(--ic-space-md); background: var(--ic-surface); border-radius: var(--ic-radius-md); border: 1px solid var(--ic-border); margin: 0; line-height: 1.5; }
-      .diff-line--add { background: rgba(34, 197, 94, 0.15); display: block; }
-      .diff-line--remove { background: rgba(239, 68, 68, 0.15); display: block; }
-      .diff-line--hunk { color: var(--ic-text-dim); font-style: italic; display: block; }
-      .diff-line--context { display: block; }
-      .history-actions { display: flex; align-items: center; gap: var(--ic-space-sm); padding-top: var(--ic-space-md); }
-      .history-rollback-link { font-size: var(--ic-text-xs); color: var(--ic-accent); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; }
-      .history-rollback-link:hover { text-decoration: underline; }
-    `]}_ensureController(){return this._controller&&this._capturedRpcClient!==this.rpcClient&&(this.removeController(this._controller),this._controller=null,this._capturedRpcClient=null),!this._controller&&this.rpcClient&&(this._capturedRpcClient=this.rpcClient,this._controller=E(this,this.rpcClient)),this._controller}connectedCallback(){super.connectedCallback(),this._ensureController(),this._configPatchedHandler=()=>{this._dataLoaded&&!this._dirty&&this._tryLoad(),this._activeTab===`history`&&this._scheduleHistoryReload()},document.addEventListener(`config:patched`,this._configPatchedHandler)}_scheduleHistoryReload(){this._historyReloadTimer!==null&&u(this._historyReloadTimer),this._historyReloadTimer=f(()=>{this._historyReloadTimer=null,this._loadHistory()},300)}disconnectedCallback(){super.disconnectedCallback(),this._yamlDebounceTimer!==null&&u(this._yamlDebounceTimer),this._historyReloadTimer!==null&&u(this._historyReloadTimer),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._configPatchedHandler&&=(document.removeEventListener(`config:patched`,this._configPatchedHandler),null)}updated(e){e.has(`rpcClient`)&&this.rpcClient&&(this._ensureController(),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=this._controller,t=await e.readConfig();this._sections=t.sections,this._configData=t.config,this._sections.length>0&&!this._selectedSection&&(this._selectedSection=this._sections[0],this._loadSectionState()),this._loadState=`loaded`,this._dataLoaded=!0,e.loadSchema().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=O(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=O(this._formState);else if(this._mode===`yaml`&&e===`form`&&this._yamlErrors.length===0){let e=S(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??k(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&&u(this._yamlDebounceTimer),this._yamlDebounceTimer=f(()=>{this._validateYaml()},500)}_validateYaml(){let e=S(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._dirty)return;let e=this._ensureController();if(!e)return;this._applying=!0;let t;if(this._mode===`yaml`){let e=S(this._yamlText);if(e.error){p.show(e.error,`error`),this._applying=!1;return}t=e.data}else t=this._formState;this._rollbackSnapshot=structuredClone(this._configData);try{await e.applyConfig({section:this._selectedSection,value:t}),p.show(`Configuration applied`,`success`),this._dirty=!1;let n=await e.readConfig();this._configData=n.config,this._loadSectionState()}catch(e){let t=e instanceof Error?e.message:`Failed to apply configuration`;p.show(t,`error`),this._rollbackSnapshot=null}finally{this._applying=!1}}async _onRollback(){if(!(!this._controller||!this._rollbackSnapshot))try{await this._controller.applyConfig({config:this._rollbackSnapshot}),p.show(`Configuration rolled back`,`success`);let e=await this._controller.readConfig();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`;p.show(t,`error`),this._confirmRollback=!1}}async _loadGatewayConfig(){if(this._controller){this._gatewayLoading=!0,this._gatewayError=``;try{let e=await this._controller.readSection(`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._controller)try{await this._controller.patchConfig({section:`gateway`,key:e,value:t}),this._gatewayConfig&&={...this._gatewayConfig,[e]:t},p.show(`Gateway updated`,`success`)}catch(e){let t=e instanceof Error?e.message:`Failed to update gateway`;p.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._controller){this._historyLoading=!0,this._historyError=``;try{let e=await this._controller.loadHistory(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._controller){this._diffLoading=!0;try{this._diffText=await this._controller.loadDiff(e)}catch(e){this._diffText=``;let t=e instanceof Error?e.message:`Failed to load diff`;p.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._controller||!this._confirmRollbackSha))try{await this._controller.rollbackToSha(this._confirmRollbackSha),p.show(`Config rolled back. Daemon restarting...`,`success`),this._confirmRollbackSha=null}catch(e){let t=e instanceof Error?e.message:`Rollback failed`;p.show(t,`error`),this._confirmRollbackSha=null}}async _onGc(){if(!(!this._controller||this._gcRunning)){this._gcRunning=!0;try{let e=(await this._controller.runGc()).squashed;p.show(e==null?`GC complete`:`GC complete: ${e} versions squashed`,`success`),this._loadHistory()}catch(e){let t=e instanceof Error?e.message:`GC failed`;p.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=d(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=${d(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=O(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=S(e);if(t.error){p.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,p.show(`Configuration imported`,`info`)):p.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:O(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=${D}
-        .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})],A.prototype,`rpcClient`,void 0),c([a()],A.prototype,`_activeTab`,void 0),c([a()],A.prototype,`_loadState`,void 0),c([a()],A.prototype,`_error`,void 0),c([a()],A.prototype,`_sections`,void 0),c([a()],A.prototype,`_selectedSection`,void 0),c([a()],A.prototype,`_mode`,void 0),c([a()],A.prototype,`_configData`,void 0),c([a()],A.prototype,`_schemaData`,void 0),c([a()],A.prototype,`_yamlText`,void 0),c([a()],A.prototype,`_yamlErrors`,void 0),c([a()],A.prototype,`_formState`,void 0),c([a()],A.prototype,`_formErrors`,void 0),c([a()],A.prototype,`_dirty`,void 0),c([a()],A.prototype,`_applying`,void 0),c([a()],A.prototype,`_expandedPaths`,void 0),c([a()],A.prototype,`_showDiff`,void 0),c([a()],A.prototype,`_savedYaml`,void 0),c([a()],A.prototype,`_rollbackSnapshot`,void 0),c([a()],A.prototype,`_confirmRollback`,void 0),c([a()],A.prototype,`_gatewayConfig`,void 0),c([a()],A.prototype,`_gatewayLoading`,void 0),c([a()],A.prototype,`_gatewayError`,void 0),c([a()],A.prototype,`_historyEntries`,void 0),c([a()],A.prototype,`_historyLoading`,void 0),c([a()],A.prototype,`_historyError`,void 0),c([a()],A.prototype,`_selectedSha`,void 0),c([a()],A.prototype,`_diffText`,void 0),c([a()],A.prototype,`_diffLoading`,void 0),c([a()],A.prototype,`_confirmRollbackSha`,void 0),c([a()],A.prototype,`_gcRunning`,void 0),c([a()],A.prototype,`_controller`,void 0),A=c([e(`ic-config-editor`)],A);export{A as IcConfigEditor,S as parseYaml,x as serializeToYaml};