comisai 1.0.16 → 1.0.18

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

@@ -0,0 +1,1374 @@
+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`
+      :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;
+      }
+    `];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))}
+        </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>
+        </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>
+      </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`
+      :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);
+      }
+    `];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>
+            `}
+      </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}
+      </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)))}
+      </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>
+      </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))}
+        </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>`}
+        </div>
+      </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>
+        </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>
+              `: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>
+                    `)}
+                </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`
+      :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;
+      }
+    `];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};