diff --git a/pkg/api/ui/dist/core-build.js b/pkg/api/ui/dist/core-build.js
index bf2a8e1..190a5e1 100644
--- a/pkg/api/ui/dist/core-build.js
+++ b/pkg/api/ui/dist/core-build.js
@@ -3,18 +3,18 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const J = globalThis, re = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, oe = Symbol(), de = /* @__PURE__ */ new WeakMap();
+const Z = globalThis, ae = Z.ShadowRoot && (Z.ShadyCSS === void 0 || Z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, oe = Symbol(), de = /* @__PURE__ */ new WeakMap();
 let we = class {
-  constructor(e, t, r) {
+  constructor(e, s, r) {
     if (this._$cssResult$ = !0, r !== oe) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = e, this.t = t;
+    this.cssText = e, this.t = s;
   }
   get styleSheet() {
     let e = this.o;
-    const t = this.t;
-    if (re && e === void 0) {
-      const r = t !== void 0 && t.length === 1;
-      r && (e = de.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && de.set(t, e));
+    const s = this.t;
+    if (ae && e === void 0) {
+      const r = s !== void 0 && s.length === 1;
+      r && (e = de.get(s)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && de.set(s, e));
     }
     return e;
   }
@@ -22,119 +22,119 @@ let we = class {
     return this.cssText;
   }
 };
-const Se = (s) => new we(typeof s == "string" ? s : s + "", void 0, oe), F = (s, ...e) => {
-  const t = s.length === 1 ? s[0] : e.reduce((r, i, o) => r + ((a) => {
-    if (a._$cssResult$ === !0) return a.cssText;
-    if (typeof a == "number") return a;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + s[o + 1], s[0]);
-  return new we(t, s, oe);
-}, Pe = (s, e) => {
-  if (re) s.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
-  else for (const t of e) {
-    const r = document.createElement("style"), i = J.litNonce;
-    i !== void 0 && r.setAttribute("nonce", i), r.textContent = t.cssText, s.appendChild(r);
+const Pe = (t) => new we(typeof t == "string" ? t : t + "", void 0, oe), V = (t, ...e) => {
+  const s = t.length === 1 ? t[0] : e.reduce((r, i, a) => r + ((o) => {
+    if (o._$cssResult$ === !0) return o.cssText;
+    if (typeof o == "number") return o;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(i) + t[a + 1], t[0]);
+  return new we(s, t, oe);
+}, Ce = (t, e) => {
+  if (ae) t.adoptedStyleSheets = e.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
+  else for (const s of e) {
+    const r = document.createElement("style"), i = Z.litNonce;
+    i !== void 0 && r.setAttribute("nonce", i), r.textContent = s.cssText, t.appendChild(r);
   }
-}, ce = re ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((e) => {
-  let t = "";
-  for (const r of e.cssRules) t += r.cssText;
-  return Se(t);
-})(s) : s;
+}, ce = ae ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+  let s = "";
+  for (const r of e.cssRules) s += r.cssText;
+  return Pe(s);
+})(t) : t;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Ee, defineProperty: Ce, getOwnPropertyDescriptor: Oe, getOwnPropertyNames: Re, getOwnPropertySymbols: Ue, getPrototypeOf: ze } = Object, S = globalThis, fe = S.trustedTypes, De = fe ? fe.emptyScript : "", ee = S.reactiveElementPolyfillSupport, W = (s, e) => s, Z = { toAttribute(s, e) {
+const { is: Ee, defineProperty: Oe, getOwnPropertyDescriptor: De, getOwnPropertyNames: Re, getOwnPropertySymbols: Ue, getPrototypeOf: Te } = Object, C = globalThis, pe = C.trustedTypes, ze = pe ? pe.emptyScript : "", te = C.reactiveElementPolyfillSupport, L = (t, e) => t, X = { toAttribute(t, e) {
   switch (e) {
     case Boolean:
-      s = s ? De : null;
+      t = t ? ze : null;
       break;
     case Object:
     case Array:
-      s = s == null ? s : JSON.stringify(s);
+      t = t == null ? t : JSON.stringify(t);
   }
-  return s;
-}, fromAttribute(s, e) {
-  let t = s;
+  return t;
+}, fromAttribute(t, e) {
+  let s = t;
   switch (e) {
     case Boolean:
-      t = s !== null;
+      s = t !== null;
       break;
     case Number:
-      t = s === null ? null : Number(s);
+      s = t === null ? null : Number(t);
       break;
     case Object:
     case Array:
       try {
-        t = JSON.parse(s);
+        s = JSON.parse(t);
       } catch {
-        t = null;
+        s = null;
       }
   }
-  return t;
-} }, ae = (s, e) => !Ee(s, e), he = { attribute: !0, type: String, converter: Z, reflect: !1, useDefault: !1, hasChanged: ae };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let T = class extends HTMLElement {
+  return s;
+} }, ne = (t, e) => !Ee(t, e), fe = { attribute: !0, type: String, converter: X, reflect: !1, useDefault: !1, hasChanged: ne };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let j = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ?? (this.l = [])).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(e, t = he) {
-    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
-      const r = Symbol(), i = this.getPropertyDescriptor(e, r, t);
-      i !== void 0 && Ce(this.prototype, e, i);
+  static createProperty(e, s = fe) {
+    if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(e, s), !s.noAccessor) {
+      const r = Symbol(), i = this.getPropertyDescriptor(e, r, s);
+      i !== void 0 && Oe(this.prototype, e, i);
     }
   }
-  static getPropertyDescriptor(e, t, r) {
-    const { get: i, set: o } = Oe(this.prototype, e) ?? { get() {
-      return this[t];
-    }, set(a) {
-      this[t] = a;
+  static getPropertyDescriptor(e, s, r) {
+    const { get: i, set: a } = De(this.prototype, e) ?? { get() {
+      return this[s];
+    }, set(o) {
+      this[s] = o;
     } };
-    return { get: i, set(a) {
-      const d = i == null ? void 0 : i.call(this);
-      o == null || o.call(this, a), this.requestUpdate(e, d, r);
+    return { get: i, set(o) {
+      const c = i == null ? void 0 : i.call(this);
+      a == null || a.call(this, o), this.requestUpdate(e, c, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? he;
+    return this.elementProperties.get(e) ?? fe;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(W("elementProperties"))) return;
-    const e = ze(this);
+    if (this.hasOwnProperty(L("elementProperties"))) return;
+    const e = Te(this);
     e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(W("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
-      const t = this.properties, r = [...Re(t), ...Ue(t)];
-      for (const i of r) this.createProperty(i, t[i]);
+    if (this.hasOwnProperty(L("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(L("properties"))) {
+      const s = this.properties, r = [...Re(s), ...Ue(s)];
+      for (const i of r) this.createProperty(i, s[i]);
     }
     const e = this[Symbol.metadata];
     if (e !== null) {
-      const t = litPropertyMetadata.get(e);
-      if (t !== void 0) for (const [r, i] of t) this.elementProperties.set(r, i);
+      const s = litPropertyMetadata.get(e);
+      if (s !== void 0) for (const [r, i] of s) this.elementProperties.set(r, i);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, r] of this.elementProperties) {
-      const i = this._$Eu(t, r);
-      i !== void 0 && this._$Eh.set(i, t);
+    for (const [s, r] of this.elementProperties) {
+      const i = this._$Eu(s, r);
+      i !== void 0 && this._$Eh.set(i, s);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(e) {
-    const t = [];
+    const s = [];
     if (Array.isArray(e)) {
       const r = new Set(e.flat(1 / 0).reverse());
-      for (const i of r) t.unshift(ce(i));
-    } else e !== void 0 && t.push(ce(e));
-    return t;
+      for (const i of r) s.unshift(ce(i));
+    } else e !== void 0 && s.push(ce(e));
+    return s;
   }
-  static _$Eu(e, t) {
-    const r = t.attribute;
+  static _$Eu(e, s) {
+    const r = s.attribute;
     return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
   }
   constructor() {
@@ -142,80 +142,80 @@ let T = class extends HTMLElement {
   }
   _$Ev() {
     var e;
-    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((t) => t(this));
+    this._$ES = new Promise((s) => this.enableUpdating = s), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (e = this.constructor.l) == null || e.forEach((s) => s(this));
   }
   addController(e) {
-    var t;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((t = e.hostConnected) == null || t.call(e));
+    var s;
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(e), this.renderRoot !== void 0 && this.isConnected && ((s = e.hostConnected) == null || s.call(e));
   }
   removeController(e) {
-    var t;
-    (t = this._$EO) == null || t.delete(e);
+    var s;
+    (s = this._$EO) == null || s.delete(e);
   }
   _$E_() {
-    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const r of t.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
+    const e = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
+    for (const r of s.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
     e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
     const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Pe(e, this.constructor.elementStyles), e;
+    return Ce(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
     var e;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((t) => {
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (e = this._$EO) == null || e.forEach((s) => {
       var r;
-      return (r = t.hostConnected) == null ? void 0 : r.call(t);
+      return (r = s.hostConnected) == null ? void 0 : r.call(s);
     });
   }
   enableUpdating(e) {
   }
   disconnectedCallback() {
     var e;
-    (e = this._$EO) == null || e.forEach((t) => {
+    (e = this._$EO) == null || e.forEach((s) => {
       var r;
-      return (r = t.hostDisconnected) == null ? void 0 : r.call(t);
+      return (r = s.hostDisconnected) == null ? void 0 : r.call(s);
     });
   }
-  attributeChangedCallback(e, t, r) {
+  attributeChangedCallback(e, s, r) {
     this._$AK(e, r);
   }
-  _$ET(e, t) {
-    var o;
+  _$ET(e, s) {
+    var a;
     const r = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, r);
     if (i !== void 0 && r.reflect === !0) {
-      const a = (((o = r.converter) == null ? void 0 : o.toAttribute) !== void 0 ? r.converter : Z).toAttribute(t, r.type);
-      this._$Em = e, a == null ? this.removeAttribute(i) : this.setAttribute(i, a), this._$Em = null;
+      const o = (((a = r.converter) == null ? void 0 : a.toAttribute) !== void 0 ? r.converter : X).toAttribute(s, r.type);
+      this._$Em = e, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
     }
   }
-  _$AK(e, t) {
-    var o, a;
+  _$AK(e, s) {
+    var a, o;
     const r = this.constructor, i = r._$Eh.get(e);
     if (i !== void 0 && this._$Em !== i) {
-      const d = r.getPropertyOptions(i), n = typeof d.converter == "function" ? { fromAttribute: d.converter } : ((o = d.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? d.converter : Z;
+      const c = r.getPropertyOptions(i), d = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((a = c.converter) == null ? void 0 : a.fromAttribute) !== void 0 ? c.converter : X;
       this._$Em = i;
-      const u = n.fromAttribute(t, d.type);
-      this[i] = u ?? ((a = this._$Ej) == null ? void 0 : a.get(i)) ?? u, this._$Em = null;
+      const h = d.fromAttribute(s, c.type);
+      this[i] = h ?? ((o = this._$Ej) == null ? void 0 : o.get(i)) ?? h, this._$Em = null;
     }
   }
-  requestUpdate(e, t, r, i = !1, o) {
-    var a;
+  requestUpdate(e, s, r, i = !1, a) {
+    var o;
     if (e !== void 0) {
-      const d = this.constructor;
-      if (i === !1 && (o = this[e]), r ?? (r = d.getPropertyOptions(e)), !((r.hasChanged ?? ae)(o, t) || r.useDefault && r.reflect && o === ((a = this._$Ej) == null ? void 0 : a.get(e)) && !this.hasAttribute(d._$Eu(e, r)))) return;
-      this.C(e, t, r);
+      const c = this.constructor;
+      if (i === !1 && (a = this[e]), r ?? (r = c.getPropertyOptions(e)), !((r.hasChanged ?? ne)(a, s) || r.useDefault && r.reflect && a === ((o = this._$Ej) == null ? void 0 : o.get(e)) && !this.hasAttribute(c._$Eu(e, r)))) return;
+      this.C(e, s, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(e, t, { useDefault: r, reflect: i, wrapped: o }, a) {
-    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, a ?? t ?? this[e]), o !== !0 || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (t = void 0), this._$AL.set(e, t)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
+  C(e, s, { useDefault: r, reflect: i, wrapped: a }, o) {
+    r && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(e) && (this._$Ej.set(e, o ?? s ?? this[e]), a !== !0 || o !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (s = void 0), this._$AL.set(e, s)), i === !0 && this._$Em !== e && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
-    } catch (t) {
-      Promise.reject(t);
+    } catch (s) {
+      Promise.reject(s);
     }
     const e = this.scheduleUpdate();
     return e != null && await e, !this.isUpdatePending;
@@ -228,32 +228,32 @@ let T = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [o, a] of this._$Ep) this[o] = a;
+        for (const [a, o] of this._$Ep) this[a] = o;
         this._$Ep = void 0;
       }
       const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [o, a] of i) {
-        const { wrapped: d } = a, n = this[o];
-        d !== !0 || this._$AL.has(o) || n === void 0 || this.C(o, void 0, a, n);
+      if (i.size > 0) for (const [a, o] of i) {
+        const { wrapped: c } = o, d = this[a];
+        c !== !0 || this._$AL.has(a) || d === void 0 || this.C(a, void 0, o, d);
       }
     }
     let e = !1;
-    const t = this._$AL;
+    const s = this._$AL;
     try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), (r = this._$EO) == null || r.forEach((i) => {
-        var o;
-        return (o = i.hostUpdate) == null ? void 0 : o.call(i);
-      }), this.update(t)) : this._$EM();
+      e = this.shouldUpdate(s), e ? (this.willUpdate(s), (r = this._$EO) == null || r.forEach((i) => {
+        var a;
+        return (a = i.hostUpdate) == null ? void 0 : a.call(i);
+      }), this.update(s)) : this._$EM();
     } catch (i) {
       throw e = !1, this._$EM(), i;
     }
-    e && this._$AE(t);
+    e && this._$AE(s);
   }
   willUpdate(e) {
   }
   _$AE(e) {
-    var t;
-    (t = this._$EO) == null || t.forEach((r) => {
+    var s;
+    (s = this._$EO) == null || s.forEach((r) => {
       var i;
       return (i = r.hostUpdated) == null ? void 0 : i.call(r);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
@@ -271,85 +271,85 @@ let T = class extends HTMLElement {
     return !0;
   }
   update(e) {
-    this._$Eq && (this._$Eq = this._$Eq.forEach((t) => this._$ET(t, this[t]))), this._$EM();
+    this._$Eq && (this._$Eq = this._$Eq.forEach((s) => this._$ET(s, this[s]))), this._$EM();
   }
   updated(e) {
   }
   firstUpdated(e) {
   }
 };
-T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[W("elementProperties")] = /* @__PURE__ */ new Map(), T[W("finalized")] = /* @__PURE__ */ new Map(), ee == null || ee({ ReactiveElement: T }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.1.2");
+j.elementStyles = [], j.shadowRootOptions = { mode: "open" }, j[L("elementProperties")] = /* @__PURE__ */ new Map(), j[L("finalized")] = /* @__PURE__ */ new Map(), te == null || te({ ReactiveElement: j }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.1.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const L = globalThis, ue = (s) => s, Q = L.trustedTypes, pe = Q ? Q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, _e = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, ke = "?" + A, Te = `<${ke}>`, z = document, q = () => z.createComment(""), I = (s) => s === null || typeof s != "object" && typeof s != "function", ne = Array.isArray, je = (s) => ne(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", te = `[ 	
-\f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ge = /-->/g, be = />/g, O = RegExp(`>|${te}(?:([^\\s"'>=/]+)(${te}*=${te}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), me = /'/g, ve = /"/g, xe = /^(?:script|style|textarea|title)$/i, Be = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), l = Be(1), j = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), $e = /* @__PURE__ */ new WeakMap(), R = z.createTreeWalker(z, 129);
-function Ae(s, e) {
-  if (!ne(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return pe !== void 0 ? pe.createHTML(e) : e;
+const q = globalThis, he = (t) => t, Q = q.trustedTypes, ue = Q ? Q.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, _e = "$lit$", P = `lit$${Math.random().toFixed(9).slice(2)}$`, ke = "?" + P, je = `<${ke}>`, T = document, I = () => T.createComment(""), F = (t) => t === null || typeof t != "object" && typeof t != "function", le = Array.isArray, Be = (t) => le(t) || typeof (t == null ? void 0 : t[Symbol.iterator]) == "function", se = `[ 	
+\f\r]`, W = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ge = /-->/g, be = />/g, D = RegExp(`>|${se}(?:([^\\s"'>=/]+)(${se}*=${se}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), me = /'/g, ve = /"/g, xe = /^(?:script|style|textarea|title)$/i, Ne = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), n = Ne(1), B = Symbol.for("lit-noChange"), l = Symbol.for("lit-nothing"), $e = /* @__PURE__ */ new WeakMap(), R = T.createTreeWalker(T, 129);
+function Ae(t, e) {
+  if (!le(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ue !== void 0 ? ue.createHTML(e) : e;
 }
-const Ne = (s, e) => {
-  const t = s.length - 1, r = [];
-  let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", a = M;
-  for (let d = 0; d < t; d++) {
-    const n = s[d];
-    let u, p, h = -1, b = 0;
-    for (; b < n.length && (a.lastIndex = b, p = a.exec(n), p !== null); ) b = a.lastIndex, a === M ? p[1] === "!--" ? a = ge : p[1] !== void 0 ? a = be : p[2] !== void 0 ? (xe.test(p[2]) && (i = RegExp("</" + p[2], "g")), a = O) : p[3] !== void 0 && (a = O) : a === O ? p[0] === ">" ? (a = i ?? M, h = -1) : p[1] === void 0 ? h = -2 : (h = a.lastIndex - p[2].length, u = p[1], a = p[3] === void 0 ? O : p[3] === '"' ? ve : me) : a === ve || a === me ? a = O : a === ge || a === be ? a = M : (a = O, i = void 0);
-    const $ = a === O && s[d + 1].startsWith("/>") ? " " : "";
-    o += a === M ? n + Te : h >= 0 ? (r.push(u), n.slice(0, h) + _e + n.slice(h) + A + $) : n + A + (h === -2 ? d : $);
+const Me = (t, e) => {
+  const s = t.length - 1, r = [];
+  let i, a = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = W;
+  for (let c = 0; c < s; c++) {
+    const d = t[c];
+    let h, u, f = -1, g = 0;
+    for (; g < d.length && (o.lastIndex = g, u = o.exec(d), u !== null); ) g = o.lastIndex, o === W ? u[1] === "!--" ? o = ge : u[1] !== void 0 ? o = be : u[2] !== void 0 ? (xe.test(u[2]) && (i = RegExp("</" + u[2], "g")), o = D) : u[3] !== void 0 && (o = D) : o === D ? u[0] === ">" ? (o = i ?? W, f = -1) : u[1] === void 0 ? f = -2 : (f = o.lastIndex - u[2].length, h = u[1], o = u[3] === void 0 ? D : u[3] === '"' ? ve : me) : o === ve || o === me ? o = D : o === ge || o === be ? o = W : (o = D, i = void 0);
+    const v = o === D && t[c + 1].startsWith("/>") ? " " : "";
+    a += o === W ? d + je : f >= 0 ? (r.push(h), d.slice(0, f) + _e + d.slice(f) + P + v) : d + P + (f === -2 ? c : v);
   }
-  return [Ae(s, o + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
+  return [Ae(t, a + (t[s] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
 };
 class G {
-  constructor({ strings: e, _$litType$: t }, r) {
+  constructor({ strings: e, _$litType$: s }, r) {
     let i;
     this.parts = [];
-    let o = 0, a = 0;
-    const d = e.length - 1, n = this.parts, [u, p] = Ne(e, t);
-    if (this.el = G.createElement(u, r), R.currentNode = this.el.content, t === 2 || t === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
+    let a = 0, o = 0;
+    const c = e.length - 1, d = this.parts, [h, u] = Me(e, s);
+    if (this.el = G.createElement(h, r), R.currentNode = this.el.content, s === 2 || s === 3) {
+      const f = this.el.content.firstChild;
+      f.replaceWith(...f.childNodes);
     }
-    for (; (i = R.nextNode()) !== null && n.length < d; ) {
+    for (; (i = R.nextNode()) !== null && d.length < c; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(_e)) {
-          const b = p[a++], $ = i.getAttribute(h).split(A), _ = /([.?@])?(.*)/.exec(b);
-          n.push({ type: 1, index: o, name: _[2], strings: $, ctor: _[1] === "." ? Me : _[1] === "?" ? We : _[1] === "@" ? Le : X }), i.removeAttribute(h);
-        } else h.startsWith(A) && (n.push({ type: 6, index: o }), i.removeAttribute(h));
+        if (i.hasAttributes()) for (const f of i.getAttributeNames()) if (f.endsWith(_e)) {
+          const g = u[o++], v = i.getAttribute(f).split(P), w = /([.?@])?(.*)/.exec(g);
+          d.push({ type: 1, index: a, name: w[2], strings: v, ctor: w[1] === "." ? We : w[1] === "?" ? Le : w[1] === "@" ? qe : Y }), i.removeAttribute(f);
+        } else f.startsWith(P) && (d.push({ type: 6, index: a }), i.removeAttribute(f));
         if (xe.test(i.tagName)) {
-          const h = i.textContent.split(A), b = h.length - 1;
-          if (b > 0) {
+          const f = i.textContent.split(P), g = f.length - 1;
+          if (g > 0) {
             i.textContent = Q ? Q.emptyScript : "";
-            for (let $ = 0; $ < b; $++) i.append(h[$], q()), R.nextNode(), n.push({ type: 2, index: ++o });
-            i.append(h[b], q());
+            for (let v = 0; v < g; v++) i.append(f[v], I()), R.nextNode(), d.push({ type: 2, index: ++a });
+            i.append(f[g], I());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === ke) n.push({ type: 2, index: o });
+      } else if (i.nodeType === 8) if (i.data === ke) d.push({ type: 2, index: a });
       else {
-        let h = -1;
-        for (; (h = i.data.indexOf(A, h + 1)) !== -1; ) n.push({ type: 7, index: o }), h += A.length - 1;
+        let f = -1;
+        for (; (f = i.data.indexOf(P, f + 1)) !== -1; ) d.push({ type: 7, index: a }), f += P.length - 1;
       }
-      o++;
+      a++;
     }
   }
-  static createElement(e, t) {
-    const r = z.createElement("template");
+  static createElement(e, s) {
+    const r = T.createElement("template");
     return r.innerHTML = e, r;
   }
 }
-function B(s, e, t = s, r) {
-  var a, d;
-  if (e === j) return e;
-  let i = r !== void 0 ? (a = t._$Co) == null ? void 0 : a[r] : t._$Cl;
-  const o = I(e) ? void 0 : e._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== o && ((d = i == null ? void 0 : i._$AO) == null || d.call(i, !1), o === void 0 ? i = void 0 : (i = new o(s), i._$AT(s, t, r)), r !== void 0 ? (t._$Co ?? (t._$Co = []))[r] = i : t._$Cl = i), i !== void 0 && (e = B(s, i._$AS(s, e.values), i, r)), e;
+function N(t, e, s = t, r) {
+  var o, c;
+  if (e === B) return e;
+  let i = r !== void 0 ? (o = s._$Co) == null ? void 0 : o[r] : s._$Cl;
+  const a = F(e) ? void 0 : e._$litDirective$;
+  return (i == null ? void 0 : i.constructor) !== a && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), a === void 0 ? i = void 0 : (i = new a(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ?? (s._$Co = []))[r] = i : s._$Cl = i), i !== void 0 && (e = N(t, i._$AS(t, e.values), i, r)), e;
 }
 class He {
-  constructor(e, t) {
-    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+  constructor(e, s) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = s;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -358,35 +358,35 @@ class He {
     return this._$AM._$AU;
   }
   u(e) {
-    const { el: { content: t }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? z).importNode(t, !0);
+    const { el: { content: s }, parts: r } = this._$AD, i = ((e == null ? void 0 : e.creationScope) ?? T).importNode(s, !0);
     R.currentNode = i;
-    let o = R.nextNode(), a = 0, d = 0, n = r[0];
-    for (; n !== void 0; ) {
-      if (a === n.index) {
-        let u;
-        n.type === 2 ? u = new V(o, o.nextSibling, this, e) : n.type === 1 ? u = new n.ctor(o, n.name, n.strings, this, e) : n.type === 6 && (u = new qe(o, this, e)), this._$AV.push(u), n = r[++d];
+    let a = R.nextNode(), o = 0, c = 0, d = r[0];
+    for (; d !== void 0; ) {
+      if (o === d.index) {
+        let h;
+        d.type === 2 ? h = new K(a, a.nextSibling, this, e) : d.type === 1 ? h = new d.ctor(a, d.name, d.strings, this, e) : d.type === 6 && (h = new Ie(a, this, e)), this._$AV.push(h), d = r[++c];
       }
-      a !== (n == null ? void 0 : n.index) && (o = R.nextNode(), a++);
+      o !== (d == null ? void 0 : d.index) && (a = R.nextNode(), o++);
     }
-    return R.currentNode = z, i;
+    return R.currentNode = T, i;
   }
   p(e) {
-    let t = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, t), t += r.strings.length - 2) : r._$AI(e[t])), t++;
+    let s = 0;
+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, s), s += r.strings.length - 2) : r._$AI(e[s])), s++;
   }
 }
-class V {
+class K {
   get _$AU() {
     var e;
     return ((e = this._$AM) == null ? void 0 : e._$AU) ?? this._$Cv;
   }
-  constructor(e, t, r, i) {
-    this.type = 2, this._$AH = c, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  constructor(e, s, r, i) {
+    this.type = 2, this._$AH = l, this._$AN = void 0, this._$AA = e, this._$AB = s, this._$AM = r, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
   }
   get parentNode() {
     let e = this._$AA.parentNode;
-    const t = this._$AM;
-    return t !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = t.parentNode), e;
+    const s = this._$AM;
+    return s !== void 0 && (e == null ? void 0 : e.nodeType) === 11 && (e = s.parentNode), e;
   }
   get startNode() {
     return this._$AA;
@@ -394,8 +394,8 @@ class V {
   get endNode() {
     return this._$AB;
   }
-  _$AI(e, t = this) {
-    e = B(this, e, t), I(e) ? e === c || e == null || e === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : e !== this._$AH && e !== j && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : je(e) ? this.k(e) : this._(e);
+  _$AI(e, s = this) {
+    e = N(this, e, s), F(e) ? e === l || e == null || e === "" ? (this._$AH !== l && this._$AR(), this._$AH = l) : e !== this._$AH && e !== B && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Be(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -404,116 +404,116 @@ class V {
     this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
   _(e) {
-    this._$AH !== c && I(this._$AH) ? this._$AA.nextSibling.data = e : this.T(z.createTextNode(e)), this._$AH = e;
+    this._$AH !== l && F(this._$AH) ? this._$AA.nextSibling.data = e : this.T(T.createTextNode(e)), this._$AH = e;
   }
   $(e) {
-    var o;
-    const { values: t, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = G.createElement(Ae(r.h, r.h[0]), this.options)), r);
-    if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(t);
+    var a;
+    const { values: s, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = G.createElement(Ae(r.h, r.h[0]), this.options)), r);
+    if (((a = this._$AH) == null ? void 0 : a._$AD) === i) this._$AH.p(s);
     else {
-      const a = new He(i, this), d = a.u(this.options);
-      a.p(t), this.T(d), this._$AH = a;
+      const o = new He(i, this), c = o.u(this.options);
+      o.p(s), this.T(c), this._$AH = o;
     }
   }
   _$AC(e) {
-    let t = $e.get(e.strings);
-    return t === void 0 && $e.set(e.strings, t = new G(e)), t;
+    let s = $e.get(e.strings);
+    return s === void 0 && $e.set(e.strings, s = new G(e)), s;
   }
   k(e) {
-    ne(this._$AH) || (this._$AH = [], this._$AR());
-    const t = this._$AH;
+    le(this._$AH) || (this._$AH = [], this._$AR());
+    const s = this._$AH;
     let r, i = 0;
-    for (const o of e) i === t.length ? t.push(r = new V(this.O(q()), this.O(q()), this, this.options)) : r = t[i], r._$AI(o), i++;
-    i < t.length && (this._$AR(r && r._$AB.nextSibling, i), t.length = i);
+    for (const a of e) i === s.length ? s.push(r = new K(this.O(I()), this.O(I()), this, this.options)) : r = s[i], r._$AI(a), i++;
+    i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
   }
-  _$AR(e = this._$AA.nextSibling, t) {
+  _$AR(e = this._$AA.nextSibling, s) {
     var r;
-    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, t); e !== this._$AB; ) {
-      const i = ue(e).nextSibling;
-      ue(e).remove(), e = i;
+    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, s); e !== this._$AB; ) {
+      const i = he(e).nextSibling;
+      he(e).remove(), e = i;
     }
   }
   setConnected(e) {
-    var t;
-    this._$AM === void 0 && (this._$Cv = e, (t = this._$AP) == null || t.call(this, e));
+    var s;
+    this._$AM === void 0 && (this._$Cv = e, (s = this._$AP) == null || s.call(this, e));
   }
 }
-class X {
+class Y {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(e, t, r, i, o) {
-    this.type = 1, this._$AH = c, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = c;
+  constructor(e, s, r, i, a) {
+    this.type = 1, this._$AH = l, this._$AN = void 0, this.element = e, this.name = s, this._$AM = i, this.options = a, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = l;
   }
-  _$AI(e, t = this, r, i) {
-    const o = this.strings;
-    let a = !1;
-    if (o === void 0) e = B(this, e, t, 0), a = !I(e) || e !== this._$AH && e !== j, a && (this._$AH = e);
+  _$AI(e, s = this, r, i) {
+    const a = this.strings;
+    let o = !1;
+    if (a === void 0) e = N(this, e, s, 0), o = !F(e) || e !== this._$AH && e !== B, o && (this._$AH = e);
     else {
-      const d = e;
-      let n, u;
-      for (e = o[0], n = 0; n < o.length - 1; n++) u = B(this, d[r + n], t, n), u === j && (u = this._$AH[n]), a || (a = !I(u) || u !== this._$AH[n]), u === c ? e = c : e !== c && (e += (u ?? "") + o[n + 1]), this._$AH[n] = u;
+      const c = e;
+      let d, h;
+      for (e = a[0], d = 0; d < a.length - 1; d++) h = N(this, c[r + d], s, d), h === B && (h = this._$AH[d]), o || (o = !F(h) || h !== this._$AH[d]), h === l ? e = l : e !== l && (e += (h ?? "") + a[d + 1]), this._$AH[d] = h;
     }
-    a && !i && this.j(e);
+    o && !i && this.j(e);
   }
   j(e) {
-    e === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+    e === l ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Me extends X {
+class We extends Y {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(e) {
-    this.element[this.name] = e === c ? void 0 : e;
+    this.element[this.name] = e === l ? void 0 : e;
   }
 }
-class We extends X {
+class Le extends Y {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== c);
+    this.element.toggleAttribute(this.name, !!e && e !== l);
   }
 }
-class Le extends X {
-  constructor(e, t, r, i, o) {
-    super(e, t, r, i, o), this.type = 5;
+class qe extends Y {
+  constructor(e, s, r, i, a) {
+    super(e, s, r, i, a), this.type = 5;
   }
-  _$AI(e, t = this) {
-    if ((e = B(this, e, t, 0) ?? c) === j) return;
-    const r = this._$AH, i = e === c && r !== c || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== c && (r === c || i);
-    i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  _$AI(e, s = this) {
+    if ((e = N(this, e, s, 0) ?? l) === B) return;
+    const r = this._$AH, i = e === l && r !== l || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, a = e !== l && (r === l || i);
+    i && this.element.removeEventListener(this.name, this, r), a && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
   handleEvent(e) {
-    var t;
-    typeof this._$AH == "function" ? this._$AH.call(((t = this.options) == null ? void 0 : t.host) ?? this.element, e) : this._$AH.handleEvent(e);
+    var s;
+    typeof this._$AH == "function" ? this._$AH.call(((s = this.options) == null ? void 0 : s.host) ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class qe {
-  constructor(e, t, r) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = r;
+class Ie {
+  constructor(e, s, r) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = r;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
   _$AI(e) {
-    B(this, e);
+    N(this, e);
   }
 }
-const se = L.litHtmlPolyfillSupport;
-se == null || se(G, V), (L.litHtmlVersions ?? (L.litHtmlVersions = [])).push("3.3.2");
-const Ie = (s, e, t) => {
-  const r = (t == null ? void 0 : t.renderBefore) ?? e;
+const ie = q.litHtmlPolyfillSupport;
+ie == null || ie(G, K), (q.litHtmlVersions ?? (q.litHtmlVersions = [])).push("3.3.2");
+const Fe = (t, e, s) => {
+  const r = (s == null ? void 0 : s.renderBefore) ?? e;
   let i = r._$litPart$;
   if (i === void 0) {
-    const o = (t == null ? void 0 : t.renderBefore) ?? null;
-    r._$litPart$ = i = new V(e.insertBefore(q(), o), o, void 0, t ?? {});
+    const a = (s == null ? void 0 : s.renderBefore) ?? null;
+    r._$litPart$ = i = new K(e.insertBefore(I(), a), a, void 0, s ?? {});
   }
-  return i._$AI(s), i;
+  return i._$AI(t), i;
 };
 /**
  * @license
@@ -521,18 +521,18 @@ const Ie = (s, e, t) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const U = globalThis;
-class k extends T {
+class A extends j {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
-    var t;
+    var s;
     const e = super.createRenderRoot();
-    return (t = this.renderOptions).renderBefore ?? (t.renderBefore = e.firstChild), e;
+    return (s = this.renderOptions).renderBefore ?? (s.renderBefore = e.firstChild), e;
   }
   update(e) {
-    const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ie(t, this.renderRoot, this.renderOptions);
+    const s = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Fe(s, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var e;
@@ -543,87 +543,87 @@ class k extends T {
     super.disconnectedCallback(), (e = this._$Do) == null || e.setConnected(!1);
   }
   render() {
-    return j;
+    return B;
   }
 }
 var ye;
-k._$litElement$ = !0, k.finalized = !0, (ye = U.litElementHydrateSupport) == null || ye.call(U, { LitElement: k });
-const ie = U.litElementPolyfillSupport;
-ie == null || ie({ LitElement: k });
+A._$litElement$ = !0, A.finalized = !0, (ye = U.litElementHydrateSupport) == null || ye.call(U, { LitElement: A });
+const re = U.litElementPolyfillSupport;
+re == null || re({ LitElement: A });
 (U.litElementVersions ?? (U.litElementVersions = [])).push("4.2.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const K = (s) => (e, t) => {
-  t !== void 0 ? t.addInitializer(() => {
-    customElements.define(s, e);
-  }) : customElements.define(s, e);
+const J = (t) => (e, s) => {
+  s !== void 0 ? s.addInitializer(() => {
+    customElements.define(t, e);
+  }) : customElements.define(t, e);
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ge = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: ae }, Fe = (s = Ge, e, t) => {
-  const { kind: r, metadata: i } = t;
-  let o = globalThis.litPropertyMetadata.get(i);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), r === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(t.name, s), r === "accessor") {
-    const { name: a } = t;
-    return { set(d) {
-      const n = e.get.call(this);
-      e.set.call(this, d), this.requestUpdate(a, n, s, !0, d);
-    }, init(d) {
-      return d !== void 0 && this.C(a, void 0, s, d), d;
+const Ge = { attribute: !0, type: String, converter: X, reflect: !1, hasChanged: ne }, Ve = (t = Ge, e, s) => {
+  const { kind: r, metadata: i } = s;
+  let a = globalThis.litPropertyMetadata.get(i);
+  if (a === void 0 && globalThis.litPropertyMetadata.set(i, a = /* @__PURE__ */ new Map()), r === "setter" && ((t = Object.create(t)).wrapped = !0), a.set(s.name, t), r === "accessor") {
+    const { name: o } = s;
+    return { set(c) {
+      const d = e.get.call(this);
+      e.set.call(this, c), this.requestUpdate(o, d, t, !0, c);
+    }, init(c) {
+      return c !== void 0 && this.C(o, void 0, t, c), c;
     } };
   }
   if (r === "setter") {
-    const { name: a } = t;
-    return function(d) {
-      const n = this[a];
-      e.call(this, d), this.requestUpdate(a, n, s, !0, d);
+    const { name: o } = s;
+    return function(c) {
+      const d = this[o];
+      e.call(this, c), this.requestUpdate(o, d, t, !0, c);
     };
   }
   throw Error("Unsupported decorator location: " + r);
 };
-function D(s) {
-  return (e, t) => typeof t == "object" ? Fe(s, e, t) : ((r, i, o) => {
-    const a = i.hasOwnProperty(o);
-    return i.constructor.createProperty(o, r), a ? Object.getOwnPropertyDescriptor(i, o) : void 0;
-  })(s, e, t);
+function z(t) {
+  return (e, s) => typeof s == "object" ? Ve(t, e, s) : ((r, i, a) => {
+    const o = i.hasOwnProperty(a);
+    return i.constructor.createProperty(a, r), o ? Object.getOwnPropertyDescriptor(i, a) : void 0;
+  })(t, e, s);
 }
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function f(s) {
-  return D({ ...s, state: !0, attribute: !1 });
+function p(t) {
+  return z({ ...t, state: !0, attribute: !1 });
 }
-function Ve(s, e) {
-  const t = new WebSocket(s);
-  return t.onmessage = (r) => {
-    var i, o, a, d, n, u, p, h, b, $, _, le;
+function Ke(t, e) {
+  const s = new WebSocket(t);
+  return s.onmessage = (r) => {
+    var i, a, o, c, d, h, u, f, g, v, w, b;
     try {
-      const C = JSON.parse(r.data);
-      ((o = (i = C.type) == null ? void 0 : i.startsWith) != null && o.call(i, "build.") || (d = (a = C.type) == null ? void 0 : a.startsWith) != null && d.call(a, "release.") || (u = (n = C.type) == null ? void 0 : n.startsWith) != null && u.call(n, "sdk.") || (h = (p = C.channel) == null ? void 0 : p.startsWith) != null && h.call(p, "build.") || ($ = (b = C.channel) == null ? void 0 : b.startsWith) != null && $.call(b, "release.") || (le = (_ = C.channel) == null ? void 0 : _.startsWith) != null && le.call(_, "sdk.")) && e(C);
+      const x = JSON.parse(r.data);
+      ((a = (i = x.type) == null ? void 0 : i.startsWith) != null && a.call(i, "build.") || (c = (o = x.type) == null ? void 0 : o.startsWith) != null && c.call(o, "release.") || (h = (d = x.type) == null ? void 0 : d.startsWith) != null && h.call(d, "sdk.") || (f = (u = x.channel) == null ? void 0 : u.startsWith) != null && f.call(u, "build.") || (v = (g = x.channel) == null ? void 0 : g.startsWith) != null && v.call(g, "release.") || (b = (w = x.channel) == null ? void 0 : w.startsWith) != null && b.call(w, "sdk.")) && e(x);
     } catch {
     }
-  }, t;
+  }, s;
 }
-class Y {
+class ee {
   constructor(e = "") {
     this.baseUrl = e;
   }
   get base() {
     return `${this.baseUrl}/api/v1/build`;
   }
-  async request(e, t) {
-    var o;
-    const i = await (await fetch(`${this.base}${e}`, t)).json();
+  async request(e, s) {
+    var a;
+    const i = await (await fetch(`${this.base}${e}`, s)).json();
     if (!i.success)
-      throw new Error(((o = i.error) == null ? void 0 : o.message) ?? "Request failed");
+      throw new Error(((a = i.error) == null ? void 0 : a.message) ?? "Request failed");
     return i.data;
   }
   // -- Build ------------------------------------------------------------------
@@ -643,15 +643,15 @@ class Y {
   version() {
     return this.request("/release/version");
   }
-  changelog(e, t) {
+  changelog(e, s) {
     const r = new URLSearchParams();
-    e && r.set("from", e), t && r.set("to", t);
+    e && r.set("from", e), s && r.set("to", s);
     const i = r.toString();
     return this.request(`/release/changelog${i ? `?${i}` : ""}`);
   }
   release(e = !1) {
-    const t = e ? "?dry_run=true" : "";
-    return this.request(`/release${t}`, { method: "POST" });
+    const s = e ? "?dry_run=true" : "";
+    return this.request(`/release${s}`, { method: "POST" });
   }
   releaseWorkflow(e = {}) {
     return this.request("/release/workflow", {
@@ -661,54 +661,78 @@ class Y {
     });
   }
   // -- SDK --------------------------------------------------------------------
-  sdkDiff(e, t) {
-    const r = new URLSearchParams({ base: e, revision: t });
+  sdkDiff(e, s) {
+    const r = new URLSearchParams({ base: e, revision: s });
     return this.request(`/sdk/diff?${r.toString()}`);
   }
   sdkGenerate(e) {
-    const t = e ? JSON.stringify({ language: e }) : void 0;
+    const s = e ? JSON.stringify({ language: e }) : void 0;
     return this.request("/sdk/generate", {
       method: "POST",
-      headers: t ? { "Content-Type": "application/json" } : void 0,
-      body: t
+      headers: s ? { "Content-Type": "application/json" } : void 0,
+      body: s
     });
   }
 }
-var Ke = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, N = (s, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Je(e, t) : e, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
-  return r && i && Ke(e, t, i), i;
+var Je = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, M = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ze(e, s) : e, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && Je(e, s, i), i;
 };
-let P = class extends k {
+let E = class extends A {
   constructor() {
     super(...arguments), this.apiUrl = "", this.configData = null, this.discoverData = null, this.loading = !0, this.error = "";
   }
   connectedCallback() {
-    super.connectedCallback(), this.api = new Y(this.apiUrl), this.reload();
+    super.connectedCallback(), this.api = new ee(this.apiUrl), this.reload();
   }
   async reload() {
     this.loading = !0, this.error = "";
     try {
-      const [s, e] = await Promise.all([
+      const [t, e] = await Promise.all([
         this.api.config(),
         this.api.discover()
       ]);
-      this.configData = s, this.discoverData = e;
-    } catch (s) {
-      this.error = s.message ?? "Failed to load configuration";
+      this.configData = t, this.discoverData = e;
+    } catch (t) {
+      this.error = t.message ?? "Failed to load configuration";
     } finally {
       this.loading = !1;
     }
   }
+  hasAppleConfig(t) {
+    return t ? Object.entries(t).some(([, e]) => e == null ? !1 : Array.isArray(e) ? e.length > 0 : typeof e == "object" ? Object.keys(e).length > 0 : typeof e == "string" ? e.length > 0 : !0) : !1;
+  }
+  renderToggle(t, e, s = "Enabled", r = "Disabled") {
+    return e == null ? l : n`
+      <div class="field">
+        <span class="field-label">${t}</span>
+        <span class="badge ${e ? "present" : "absent"}">
+          ${e ? s : r}
+        </span>
+      </div>
+    `;
+  }
+  renderFlags(t, e) {
+    return !e || e.length === 0 ? l : n`
+      <div class="field">
+        <span class="field-label">${t}</span>
+        <div class="flags">
+          ${e.map((s) => n`<span class="flag">${s}</span>`)}
+        </div>
+      </div>
+    `;
+  }
   render() {
+    var s, r, i, a, o, c, d, h, u, f, g, v, w;
     if (this.loading)
-      return l`<div class="loading">Loading configuration\u2026</div>`;
+      return n`<div class="loading">Loading configuration\u2026</div>`;
     if (this.error)
-      return l`<div class="error">${this.error}</div>`;
+      return n`<div class="error">${this.error}</div>`;
     if (!this.configData)
-      return l`<div class="empty">No configuration available.</div>`;
-    const s = this.configData.config, e = this.discoverData;
-    return l`
+      return n`<div class="empty">No configuration available.</div>`;
+    const t = this.configData.config, e = this.discoverData;
+    return n`
       <!-- Discovery -->
       <div class="section">
         <div class="section-title">Project Detection</div>
@@ -718,7 +742,7 @@ let P = class extends k {
             ${this.configData.has_config ? "Present" : "Using defaults"}
           </span>
         </div>
-        ${e ? l`
+        ${e ? n`
               <div class="field">
                 <span class="field-label">Primary type</span>
                 <span class="badge type-${e.primary || "unknown"}">${e.primary || "none"}</span>
@@ -727,12 +751,12 @@ let P = class extends k {
                 <span class="field-label">Suggested stack</span>
                 <span class="field-value">${e.suggested_stack || e.primary_stack || e.primary || "none"}</span>
               </div>
-              ${e.types.length > 1 ? l`
+              ${e.types.length > 1 ? n`
                     <div class="field">
                       <span class="field-label">Detected types</span>
                       <span class="field-value">${e.types.join(", ")}</span>
                     </div>
-                  ` : c}
+                  ` : l}
               <div class="field">
                 <span class="field-label">Frontend</span>
                 <span class="badge ${e.has_frontend ? "present" : "absent"}">
@@ -745,86 +769,292 @@ let P = class extends k {
                   ${e.has_subtree_npm ? "Depth 2" : "None"}
                 </span>
               </div>
-              ${e.linux_packages && e.linux_packages.length > 0 ? l`
+              ${e.distro ? n`
+                    <div class="field">
+                      <span class="field-label">Distro</span>
+                      <span class="field-value">${e.distro}</span>
+                    </div>
+                  ` : l}
+              ${e.linux_packages && e.linux_packages.length > 0 ? n`
                     <div class="field">
                       <span class="field-label">Linux packages</span>
                       <div class="flags">
-                        ${e.linux_packages.map((t) => l`<span class="flag">${t}</span>`)}
+                        ${e.linux_packages.map((b) => n`<span class="flag">${b}</span>`)}
                       </div>
                     </div>
-                  ` : c}
+                  ` : l}
+              ${e.build_options ? n`
+                    <div class="field">
+                      <span class="field-label">Computed options</span>
+                      <span class="field-value">${e.build_options}</span>
+                    </div>
+                  ` : l}
+              ${this.renderToggle("Computed obfuscation", (s = e.options) == null ? void 0 : s.obfuscate)}
+              ${this.renderToggle("Computed NSIS", (r = e.options) == null ? void 0 : r.nsis)}
+              ${(i = e.options) != null && i.webview2 ? n`
+                    <div class="field">
+                      <span class="field-label">Computed WebView2</span>
+                      <span class="field-value">${e.options.webview2}</span>
+                    </div>
+                  ` : l}
+              ${this.renderFlags("Computed tags", (a = e.options) == null ? void 0 : a.tags)}
+              ${this.renderFlags("Computed LD flags", (o = e.options) == null ? void 0 : o.ldflags)}
+              ${e.ref ? n`
+                    <div class="field">
+                      <span class="field-label">Git ref</span>
+                      <span class="field-value">${e.ref}</span>
+                    </div>
+                  ` : l}
+              ${e.branch ? n`
+                    <div class="field">
+                      <span class="field-label">Branch</span>
+                      <span class="field-value">${e.branch}</span>
+                    </div>
+                  ` : l}
+              ${e.tag ? n`
+                    <div class="field">
+                      <span class="field-label">Tag</span>
+                      <span class="field-value">${e.tag}</span>
+                    </div>
+                  ` : l}
+              ${e.short_sha ? n`
+                    <div class="field">
+                      <span class="field-label">Short SHA</span>
+                      <span class="field-value">${e.short_sha}</span>
+                    </div>
+                  ` : l}
               <div class="field">
                 <span class="field-label">Directory</span>
                 <span class="field-value">${e.dir}</span>
               </div>
-            ` : c}
+            ` : l}
       </div>
 
       <!-- Project -->
       <div class="section">
         <div class="section-title">Project</div>
-        ${s.project.name ? l`
+        ${t.project.name ? n`
               <div class="field">
                 <span class="field-label">Name</span>
-                <span class="field-value">${s.project.name}</span>
+                <span class="field-value">${t.project.name}</span>
               </div>
-            ` : c}
-        ${s.project.binary ? l`
+            ` : l}
+        ${t.project.description ? n`
+              <div class="field">
+                <span class="field-label">Description</span>
+                <span class="field-value">${t.project.description}</span>
+              </div>
+            ` : l}
+        ${t.project.binary ? n`
               <div class="field">
                 <span class="field-label">Binary</span>
-                <span class="field-value">${s.project.binary}</span>
+                <span class="field-value">${t.project.binary}</span>
               </div>
-            ` : c}
+            ` : l}
         <div class="field">
           <span class="field-label">Main</span>
-          <span class="field-value">${s.project.main}</span>
+          <span class="field-value">${t.project.main}</span>
         </div>
       </div>
 
       <!-- Build Settings -->
       <div class="section">
         <div class="section-title">Build Settings</div>
-        ${s.build.type ? l`
+        ${t.build.type ? n`
               <div class="field">
                 <span class="field-label">Type override</span>
-                <span class="field-value">${s.build.type}</span>
+                <span class="field-value">${t.build.type}</span>
               </div>
-            ` : c}
+            ` : l}
         <div class="field">
           <span class="field-label">CGO</span>
-          <span class="field-value">${s.build.cgo ? "Enabled" : "Disabled"}</span>
+          <span class="field-value">${t.build.cgo ? "Enabled" : "Disabled"}</span>
         </div>
-        ${s.build.flags && s.build.flags.length > 0 ? l`
+        ${this.renderToggle("Obfuscation", t.build.obfuscate)}
+        ${this.renderToggle("NSIS packaging", t.build.nsis)}
+        ${t.build.webview2 ? n`
+              <div class="field">
+                <span class="field-label">WebView2 mode</span>
+                <span class="field-value">${t.build.webview2}</span>
+              </div>
+            ` : l}
+        ${t.build.deno_build ? n`
+              <div class="field">
+                <span class="field-label">Deno build</span>
+                <span class="field-value">${t.build.deno_build}</span>
+              </div>
+            ` : l}
+        ${t.build.archive_format ? n`
+              <div class="field">
+                <span class="field-label">Archive format</span>
+                <span class="field-value">${t.build.archive_format}</span>
+              </div>
+            ` : l}
+        ${this.renderFlags("Build tags", t.build.build_tags)}
+        ${t.build.flags && t.build.flags.length > 0 ? n`
               <div class="field">
                 <span class="field-label">Flags</span>
                 <div class="flags">
-                  ${s.build.flags.map((t) => l`<span class="flag">${t}</span>`)}
+                  ${t.build.flags.map((b) => n`<span class="flag">${b}</span>`)}
                 </div>
               </div>
-            ` : c}
-        ${s.build.ldflags && s.build.ldflags.length > 0 ? l`
+            ` : l}
+        ${t.build.ldflags && t.build.ldflags.length > 0 ? n`
               <div class="field">
                 <span class="field-label">LD flags</span>
                 <div class="flags">
-                  ${s.build.ldflags.map((t) => l`<span class="flag">${t}</span>`)}
+                  ${t.build.ldflags.map((b) => n`<span class="flag">${b}</span>`)}
                 </div>
               </div>
-            ` : c}
+            ` : l}
+        ${this.renderFlags("Environment", t.build.env)}
+        ${(c = t.build.cache) != null && c.enabled || (d = t.build.cache) != null && d.path || (h = t.build.cache) != null && h.paths && t.build.cache.paths.length > 0 ? n`
+              ${this.renderToggle("Build cache", (u = t.build.cache) == null ? void 0 : u.enabled)}
+              ${(f = t.build.cache) != null && f.path ? n`
+                    <div class="field">
+                      <span class="field-label">Cache path</span>
+                      <span class="field-value">${t.build.cache.path}</span>
+                    </div>
+                  ` : l}
+              ${this.renderFlags("Cache paths", (g = t.build.cache) == null ? void 0 : g.paths)}
+            ` : l}
+        ${t.build.dockerfile ? n`
+              <div class="field">
+                <span class="field-label">Dockerfile</span>
+                <span class="field-value">${t.build.dockerfile}</span>
+              </div>
+            ` : l}
+        ${t.build.image ? n`
+              <div class="field">
+                <span class="field-label">Image</span>
+                <span class="field-value">${t.build.image}</span>
+              </div>
+            ` : l}
+        ${t.build.registry ? n`
+              <div class="field">
+                <span class="field-label">Registry</span>
+                <span class="field-value">${t.build.registry}</span>
+              </div>
+            ` : l}
+        ${this.renderFlags("Image tags", t.build.tags)}
+        ${this.renderToggle("Push image", t.build.push)}
+        ${this.renderToggle("Load image", t.build.load)}
+        ${t.build.linuxkit_config ? n`
+              <div class="field">
+                <span class="field-label">LinuxKit config</span>
+                <span class="field-value">${t.build.linuxkit_config}</span>
+              </div>
+            ` : l}
+        ${this.renderFlags("LinuxKit formats", t.build.formats)}
       </div>
 
       <!-- Targets -->
       <div class="section">
         <div class="section-title">Targets</div>
         <div class="targets">
-          ${s.targets.map(
-      (t) => l`<span class="target-badge">${t.os}/${t.arch}</span>`
+          ${t.targets.map(
+      (b) => n`<span class="target-badge">${b.os}/${b.arch}</span>`
     )}
         </div>
       </div>
+
+      ${t.apple && this.hasAppleConfig(t.apple) ? n`
+            <div class="section">
+              <div class="section-title">Apple Pipeline</div>
+              ${t.apple.bundle_id ? n`
+                    <div class="field">
+                      <span class="field-label">Bundle ID</span>
+                      <span class="field-value">${t.apple.bundle_id}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.team_id ? n`
+                    <div class="field">
+                      <span class="field-label">Team ID</span>
+                      <span class="field-value">${t.apple.team_id}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.arch ? n`
+                    <div class="field">
+                      <span class="field-label">Architecture</span>
+                      <span class="field-value">${t.apple.arch}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.bundle_display_name ? n`
+                    <div class="field">
+                      <span class="field-label">Display name</span>
+                      <span class="field-value">${t.apple.bundle_display_name}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.min_system_version ? n`
+                    <div class="field">
+                      <span class="field-label">Minimum macOS</span>
+                      <span class="field-value">${t.apple.min_system_version}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.category ? n`
+                    <div class="field">
+                      <span class="field-label">Category</span>
+                      <span class="field-value">${t.apple.category}</span>
+                    </div>
+                  ` : l}
+              ${this.renderToggle("Sign", t.apple.sign)}
+              ${this.renderToggle("Notarise", t.apple.notarise)}
+              ${this.renderToggle("DMG", t.apple.dmg)}
+              ${this.renderToggle("TestFlight", t.apple.testflight)}
+              ${this.renderToggle("App Store", t.apple.appstore)}
+              ${t.apple.metadata_path ? n`
+                    <div class="field">
+                      <span class="field-label">Metadata path</span>
+                      <span class="field-value">${t.apple.metadata_path}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.privacy_policy_url ? n`
+                    <div class="field">
+                      <span class="field-label">Privacy policy</span>
+                      <span class="field-value">${t.apple.privacy_policy_url}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.dmg_volume_name ? n`
+                    <div class="field">
+                      <span class="field-label">DMG volume</span>
+                      <span class="field-value">${t.apple.dmg_volume_name}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.dmg_background ? n`
+                    <div class="field">
+                      <span class="field-label">DMG background</span>
+                      <span class="field-value">${t.apple.dmg_background}</span>
+                    </div>
+                  ` : l}
+              ${t.apple.entitlements_path ? n`
+                    <div class="field">
+                      <span class="field-label">Entitlements</span>
+                      <span class="field-value">${t.apple.entitlements_path}</span>
+                    </div>
+                  ` : l}
+              ${(v = t.apple.xcode_cloud) != null && v.workflow ? n`
+                    <div class="field">
+                      <span class="field-label">Xcode Cloud workflow</span>
+                      <span class="field-value">${t.apple.xcode_cloud.workflow}</span>
+                    </div>
+                  ` : l}
+              ${(w = t.apple.xcode_cloud) != null && w.triggers && t.apple.xcode_cloud.triggers.length > 0 ? n`
+                    <div class="field">
+                      <span class="field-label">Xcode Cloud triggers</span>
+                      <div class="flags">
+                        ${t.apple.xcode_cloud.triggers.map((b) => {
+      const x = b.branch ? `branch:${b.branch}` : b.tag ? `tag:${b.tag}` : "manual", Se = b.action ?? "archive";
+      return n`<span class="flag">${x} → ${Se}</span>`;
+    })}
+                      </div>
+                    </div>
+                  ` : l}
+            </div>
+          ` : l}
     `;
   }
 };
-P.styles = F`
+E.styles = V`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -841,7 +1071,7 @@ P.styles = F`
     .section-title {
       font-size: 0.75rem;
       font-weight: 700;
-      colour: #6b7280;
+      color: #6b7280;
       text-transform: uppercase;
       letter-spacing: 0.025em;
       margin-bottom: 0.75rem;
@@ -862,13 +1092,16 @@ P.styles = F`
     .field-label {
       font-size: 0.8125rem;
       font-weight: 500;
-      colour: #374151;
+      color: #374151;
     }
 
     .field-value {
       font-size: 0.8125rem;
       font-family: monospace;
-      colour: #6b7280;
+      color: #6b7280;
+      max-width: 36rem;
+      text-align: right;
+      word-break: break-word;
     }
 
     .badge {
@@ -881,37 +1114,37 @@ P.styles = F`
 
     .badge.present {
       background: #dcfce7;
-      colour: #166534;
+      color: #166534;
     }
 
     .badge.absent {
       background: #fef3c7;
-      colour: #92400e;
+      color: #92400e;
     }
 
     .badge.type-go {
       background: #dbeafe;
-      colour: #1e40af;
+      color: #1e40af;
     }
 
     .badge.type-wails {
       background: #f3e8ff;
-      colour: #6b21a8;
+      color: #6b21a8;
     }
 
     .badge.type-node {
       background: #dcfce7;
-      colour: #166534;
+      color: #166534;
     }
 
     .badge.type-php {
       background: #fef3c7;
-      colour: #92400e;
+      color: #92400e;
     }
 
     .badge.type-docker {
       background: #e0e7ff;
-      colour: #3730a3;
+      color: #3730a3;
     }
 
     .targets {
@@ -927,7 +1160,7 @@ P.styles = F`
       background: #f3f4f6;
       border-radius: 0.25rem;
       font-family: monospace;
-      colour: #374151;
+      color: #374151;
     }
 
     .flags {
@@ -943,67 +1176,67 @@ P.styles = F`
       border: 1px solid #e5e7eb;
       border-radius: 0.25rem;
       font-family: monospace;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .empty {
       text-align: center;
       padding: 2rem;
-      colour: #9ca3af;
+      color: #9ca3af;
       font-size: 0.875rem;
     }
 
     .loading {
       text-align: center;
       padding: 2rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .error {
-      colour: #dc2626;
+      color: #dc2626;
       padding: 0.75rem;
       background: #fef2f2;
       border-radius: 0.375rem;
       font-size: 0.875rem;
     }
   `;
-N([
-  D({ attribute: "api-url" })
-], P.prototype, "apiUrl", 2);
-N([
-  f()
-], P.prototype, "configData", 2);
-N([
-  f()
-], P.prototype, "discoverData", 2);
-N([
-  f()
-], P.prototype, "loading", 2);
-N([
-  f()
-], P.prototype, "error", 2);
-P = N([
-  K("core-build-config")
-], P);
-var Ze = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, x = (s, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Qe(e, t) : e, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
-  return r && i && Ze(e, t, i), i;
+M([
+  z({ attribute: "api-url" })
+], E.prototype, "apiUrl", 2);
+M([
+  p()
+], E.prototype, "configData", 2);
+M([
+  p()
+], E.prototype, "discoverData", 2);
+M([
+  p()
+], E.prototype, "loading", 2);
+M([
+  p()
+], E.prototype, "error", 2);
+E = M([
+  J("core-build-config")
+], E);
+var Xe = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, S = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Qe(e, s) : e, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && Xe(e, s, i), i;
 };
-let y = class extends k {
+let _ = class extends A {
   constructor() {
     super(...arguments), this.apiUrl = "", this.artifacts = [], this.distExists = !1, this.loading = !0, this.error = "", this.building = !1, this.confirmBuild = !1, this.buildSuccess = "";
   }
   connectedCallback() {
-    super.connectedCallback(), this.api = new Y(this.apiUrl), this.reload();
+    super.connectedCallback(), this.api = new ee(this.apiUrl), this.reload();
   }
   async reload() {
     this.loading = !0, this.error = "";
     try {
-      const s = await this.api.artifacts();
-      this.artifacts = s.artifacts ?? [], this.distExists = s.exists ?? !1;
-    } catch (s) {
-      this.error = s.message ?? "Failed to load artifacts";
+      const t = await this.api.artifacts();
+      this.artifacts = t.artifacts ?? [], this.distExists = t.exists ?? !1;
+    } catch (t) {
+      this.error = t.message ?? "Failed to load artifacts";
     } finally {
       this.loading = !1;
     }
@@ -1015,22 +1248,22 @@ let y = class extends k {
     this.confirmBuild = !1;
   }
   async handleConfirmBuild() {
-    var s;
+    var t;
     this.confirmBuild = !1, this.building = !0, this.error = "", this.buildSuccess = "";
     try {
       const e = await this.api.build();
-      this.buildSuccess = `Build complete — ${((s = e.artifacts) == null ? void 0 : s.length) ?? 0} artifact(s) produced (${e.version})`, await this.reload();
+      this.buildSuccess = `Build complete — ${((t = e.artifacts) == null ? void 0 : t.length) ?? 0} artifact(s) produced (${e.version})`, await this.reload();
     } catch (e) {
       this.error = e.message ?? "Build failed";
     } finally {
       this.building = !1;
     }
   }
-  formatSize(s) {
-    return s < 1024 ? `${s} B` : s < 1024 * 1024 ? `${(s / 1024).toFixed(1)} KB` : `${(s / (1024 * 1024)).toFixed(1)} MB`;
+  formatSize(t) {
+    return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
   }
   render() {
-    return this.loading ? l`<div class="loading">Loading artifacts\u2026</div>` : l`
+    return this.loading ? n`<div class="loading">Loading artifacts\u2026</div>` : n`
       <div class="toolbar">
         <span class="toolbar-info">
           ${this.distExists ? `${this.artifacts.length} file(s) in dist/` : "No dist/ directory"}
@@ -1044,24 +1277,24 @@ let y = class extends k {
         </button>
       </div>
 
-      ${this.confirmBuild ? l`
+      ${this.confirmBuild ? n`
             <div class="confirm">
               <span class="confirm-text">This will run a full build and overwrite dist/. Continue?</span>
               <button class="confirm-yes" @click=${this.handleConfirmBuild}>Build</button>
               <button class="confirm-no" @click=${this.handleCancelBuild}>Cancel</button>
             </div>
-          ` : c}
+          ` : l}
 
-      ${this.error ? l`<div class="error">${this.error}</div>` : c}
-      ${this.buildSuccess ? l`<div class="success">${this.buildSuccess}</div>` : c}
+      ${this.error ? n`<div class="error">${this.error}</div>` : l}
+      ${this.buildSuccess ? n`<div class="success">${this.buildSuccess}</div>` : l}
 
-      ${this.artifacts.length === 0 ? l`<div class="empty">${this.distExists ? "dist/ is empty." : "Run a build to create artifacts."}</div>` : l`
+      ${this.artifacts.length === 0 ? n`<div class="empty">${this.distExists ? "dist/ is empty." : "Run a build to create artifacts."}</div>` : n`
             <div class="list">
               ${this.artifacts.map(
-      (s) => l`
+      (t) => n`
                   <div class="artifact">
-                    <span class="artifact-name">${s.name}</span>
-                    <span class="artifact-size">${this.formatSize(s.size)}</span>
+                    <span class="artifact-name">${t.name}</span>
+                    <span class="artifact-size">${this.formatSize(t.size)}</span>
                   </div>
                 `
     )}
@@ -1070,7 +1303,7 @@ let y = class extends k {
     `;
   }
 };
-y.styles = F`
+_.styles = V`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -1085,13 +1318,13 @@ y.styles = F`
 
     .toolbar-info {
       font-size: 0.8125rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     button.build {
       padding: 0.5rem 1.25rem;
       background: #6366f1;
-      colour: #fff;
+      color: #fff;
       border: none;
       border-radius: 0.375rem;
       font-size: 0.875rem;
@@ -1123,13 +1356,13 @@ y.styles = F`
 
     .confirm-text {
       flex: 1;
-      colour: #92400e;
+      color: #92400e;
     }
 
     button.confirm-yes {
       padding: 0.375rem 1rem;
       background: #dc2626;
-      colour: #fff;
+      color: #fff;
       border: none;
       border-radius: 0.375rem;
       font-size: 0.8125rem;
@@ -1169,29 +1402,29 @@ y.styles = F`
       font-size: 0.875rem;
       font-family: monospace;
       font-weight: 500;
-      colour: #111827;
+      color: #111827;
     }
 
     .artifact-size {
       font-size: 0.75rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .empty {
       text-align: center;
       padding: 2rem;
-      colour: #9ca3af;
+      color: #9ca3af;
       font-size: 0.875rem;
     }
 
     .loading {
       text-align: center;
       padding: 2rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .error {
-      colour: #dc2626;
+      color: #dc2626;
       padding: 0.75rem;
       background: #fef2f2;
       border-radius: 0.375rem;
@@ -1205,59 +1438,59 @@ y.styles = F`
       border: 1px solid #bbf7d0;
       border-radius: 0.375rem;
       font-size: 0.875rem;
-      colour: #166534;
+      color: #166534;
       margin-bottom: 1rem;
     }
   `;
-x([
-  D({ attribute: "api-url" })
-], y.prototype, "apiUrl", 2);
-x([
-  f()
-], y.prototype, "artifacts", 2);
-x([
-  f()
-], y.prototype, "distExists", 2);
-x([
-  f()
-], y.prototype, "loading", 2);
-x([
-  f()
-], y.prototype, "error", 2);
-x([
-  f()
-], y.prototype, "building", 2);
-x([
-  f()
-], y.prototype, "confirmBuild", 2);
-x([
-  f()
-], y.prototype, "buildSuccess", 2);
-y = x([
-  K("core-build-artifacts")
-], y);
-var Xe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, v = (s, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ye(e, t) : e, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
-  return r && i && Xe(e, t, i), i;
+S([
+  z({ attribute: "api-url" })
+], _.prototype, "apiUrl", 2);
+S([
+  p()
+], _.prototype, "artifacts", 2);
+S([
+  p()
+], _.prototype, "distExists", 2);
+S([
+  p()
+], _.prototype, "loading", 2);
+S([
+  p()
+], _.prototype, "error", 2);
+S([
+  p()
+], _.prototype, "building", 2);
+S([
+  p()
+], _.prototype, "confirmBuild", 2);
+S([
+  p()
+], _.prototype, "buildSuccess", 2);
+_ = S([
+  J("core-build-artifacts")
+], _);
+var Ye = Object.defineProperty, et = Object.getOwnPropertyDescriptor, y = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? et(e, s) : e, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && Ye(e, s, i), i;
 };
-let g = class extends k {
+let m = class extends A {
   constructor() {
     super(...arguments), this.apiUrl = "", this.version = "", this.changelog = "", this.loading = !0, this.error = "", this.releasing = !1, this.confirmRelease = !1, this.releaseSuccess = "", this.workflowPath = ".github/workflows/release.yml", this.workflowOutputPath = "", this.generatingWorkflow = !1, this.workflowSuccess = "";
   }
   connectedCallback() {
-    super.connectedCallback(), this.api = new Y(this.apiUrl), this.reload();
+    super.connectedCallback(), this.api = new ee(this.apiUrl), this.reload();
   }
   async reload() {
     this.loading = !0, this.error = "";
     try {
-      const [s, e] = await Promise.all([
+      const [t, e] = await Promise.all([
         this.api.version(),
         this.api.changelog()
       ]);
-      this.version = s.version ?? "", this.changelog = e.changelog ?? "";
-    } catch (s) {
-      this.error = s.message ?? "Failed to load release information";
+      this.version = t.version ?? "", this.changelog = e.changelog ?? "";
+    } catch (t) {
+      this.error = t.message ?? "Failed to load release information";
     } finally {
       this.loading = !1;
     }
@@ -1265,23 +1498,23 @@ let g = class extends k {
   handleReleaseClick() {
     this.confirmRelease = !0, this.releaseSuccess = "";
   }
-  handleWorkflowPathInput(s) {
-    const e = s.target;
+  handleWorkflowPathInput(t) {
+    const e = t.target;
     this.workflowPath = (e == null ? void 0 : e.value) ?? "";
   }
-  handleWorkflowOutputPathInput(s) {
-    const e = s.target;
+  handleWorkflowOutputPathInput(t) {
+    const e = t.target;
     this.workflowOutputPath = (e == null ? void 0 : e.value) ?? "";
   }
   async handleGenerateWorkflow() {
     this.generatingWorkflow = !0, this.error = "", this.workflowSuccess = "";
     try {
-      const s = {}, e = this.workflowPath.trim(), t = this.workflowOutputPath.trim();
-      e && (s.path = e), e && (s.workflowPath = e, s.workflow_path = e, s["workflow-path"] = e), t && (s.outputPath = t), t && (s["output-path"] = t, s.output_path = t, s.output = t, s.workflowOutputPath = t, s.workflow_output = t, s["workflow-output"] = t, s.workflow_output_path = t, s["workflow-output-path"] = t);
-      const i = (await this.api.releaseWorkflow(s)).path ?? t ?? e ?? ".github/workflows/release.yml";
+      const t = {}, e = this.workflowPath.trim(), s = this.workflowOutputPath.trim();
+      e && (t.path = e), e && (t.workflowPath = e, t.workflow_path = e, t["workflow-path"] = e), s && (t.outputPath = s), s && (t["output-path"] = s, t.output_path = s, t.output = s, t.workflowOutputPath = s, t.workflow_output = s, t["workflow-output"] = s, t.workflow_output_path = s, t["workflow-output-path"] = s);
+      const i = (await this.api.releaseWorkflow(t)).path ?? s ?? e ?? ".github/workflows/release.yml";
       this.workflowSuccess = `Workflow generated at ${i}`;
-    } catch (s) {
-      this.error = s.message ?? "Failed to generate release workflow";
+    } catch (t) {
+      this.error = t.message ?? "Failed to generate release workflow";
     } finally {
       this.generatingWorkflow = !1;
     }
@@ -1295,23 +1528,23 @@ let g = class extends k {
   async handleDryRun() {
     await this.doRelease(!0);
   }
-  async doRelease(s) {
+  async doRelease(t) {
     var e;
     this.releasing = !0, this.error = "", this.releaseSuccess = "";
     try {
-      const t = await this.api.release(s), r = s ? "Dry run complete" : "Release published";
-      this.releaseSuccess = `${r} — ${t.version} (${((e = t.artifacts) == null ? void 0 : e.length) ?? 0} artifact(s))`, await this.reload();
-    } catch (t) {
-      this.error = t.message ?? "Release failed";
+      const s = await this.api.release(t), r = t ? "Dry run complete" : "Release published";
+      this.releaseSuccess = `${r} — ${s.version} (${((e = s.artifacts) == null ? void 0 : e.length) ?? 0} artifact(s))`, await this.reload();
+    } catch (s) {
+      this.error = s.message ?? "Release failed";
     } finally {
       this.releasing = !1;
     }
   }
   render() {
-    return this.loading ? l`<div class="loading">Loading release information\u2026</div>` : l`
-      ${this.error ? l`<div class="error">${this.error}</div>` : c}
-      ${this.releaseSuccess ? l`<div class="success">${this.releaseSuccess}</div>` : c}
-      ${this.workflowSuccess ? l`<div class="success">${this.workflowSuccess}</div>` : c}
+    return this.loading ? n`<div class="loading">Loading release information\u2026</div>` : n`
+      ${this.error ? n`<div class="error">${this.error}</div>` : l}
+      ${this.releaseSuccess ? n`<div class="success">${this.releaseSuccess}</div>` : l}
+      ${this.workflowSuccess ? n`<div class="success">${this.workflowSuccess}</div>` : l}
 
       <div class="version-bar">
         <div>
@@ -1373,24 +1606,24 @@ let g = class extends k {
         </div>
       </div>
 
-      ${this.confirmRelease ? l`
+      ${this.confirmRelease ? n`
             <div class="confirm">
               <span class="confirm-text">This will publish ${this.version} to all configured targets. This action cannot be undone. Continue?</span>
               <button class="confirm-yes" @click=${this.handleConfirmRelease}>Publish</button>
               <button class="confirm-no" @click=${this.handleCancelRelease}>Cancel</button>
             </div>
-          ` : c}
+          ` : l}
 
-      ${this.changelog ? l`
+      ${this.changelog ? n`
             <div class="changelog-section">
               <div class="changelog-header">Changelog</div>
               <div class="changelog-content">${this.changelog}</div>
             </div>
-          ` : l`<div class="empty">No changelog available.</div>`}
+          ` : n`<div class="empty">No changelog available.</div>`}
     `;
   }
 };
-g.styles = F`
+m.styles = V`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -1637,56 +1870,56 @@ g.styles = F`
       margin-bottom: 1rem;
     }
   `;
-v([
-  D({ attribute: "api-url" })
-], g.prototype, "apiUrl", 2);
-v([
-  f()
-], g.prototype, "version", 2);
-v([
-  f()
-], g.prototype, "changelog", 2);
-v([
-  f()
-], g.prototype, "loading", 2);
-v([
-  f()
-], g.prototype, "error", 2);
-v([
-  f()
-], g.prototype, "releasing", 2);
-v([
-  f()
-], g.prototype, "confirmRelease", 2);
-v([
-  f()
-], g.prototype, "releaseSuccess", 2);
-v([
-  f()
-], g.prototype, "workflowPath", 2);
-v([
-  f()
-], g.prototype, "workflowOutputPath", 2);
-v([
-  f()
-], g.prototype, "generatingWorkflow", 2);
-v([
-  f()
-], g.prototype, "workflowSuccess", 2);
-g = v([
-  K("core-build-release")
-], g);
-var et = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, w = (s, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? tt(e, t) : e, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
-  return r && i && et(e, t, i), i;
+y([
+  z({ attribute: "api-url" })
+], m.prototype, "apiUrl", 2);
+y([
+  p()
+], m.prototype, "version", 2);
+y([
+  p()
+], m.prototype, "changelog", 2);
+y([
+  p()
+], m.prototype, "loading", 2);
+y([
+  p()
+], m.prototype, "error", 2);
+y([
+  p()
+], m.prototype, "releasing", 2);
+y([
+  p()
+], m.prototype, "confirmRelease", 2);
+y([
+  p()
+], m.prototype, "releaseSuccess", 2);
+y([
+  p()
+], m.prototype, "workflowPath", 2);
+y([
+  p()
+], m.prototype, "workflowOutputPath", 2);
+y([
+  p()
+], m.prototype, "generatingWorkflow", 2);
+y([
+  p()
+], m.prototype, "workflowSuccess", 2);
+m = y([
+  J("core-build-release")
+], m);
+var tt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, k = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? st(e, s) : e, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && tt(e, s, i), i;
 };
-let m = class extends k {
+let $ = class extends A {
   constructor() {
     super(...arguments), this.apiUrl = "", this.basePath = "", this.revisionPath = "", this.diffResult = null, this.diffing = !1, this.diffError = "", this.selectedLanguage = "", this.generating = !1, this.generateError = "", this.generateSuccess = "";
   }
   connectedCallback() {
-    super.connectedCallback(), this.api = new Y(this.apiUrl);
+    super.connectedCallback(), this.api = new ee(this.apiUrl);
   }
   async reload() {
     this.diffResult = null, this.diffError = "", this.generateError = "", this.generateSuccess = "";
@@ -1699,8 +1932,8 @@ let m = class extends k {
     this.diffing = !0, this.diffError = "", this.diffResult = null;
     try {
       this.diffResult = await this.api.sdkDiff(this.basePath.trim(), this.revisionPath.trim());
-    } catch (s) {
-      this.diffError = s.message ?? "Diff failed";
+    } catch (t) {
+      this.diffError = t.message ?? "Diff failed";
     } finally {
       this.diffing = !1;
     }
@@ -1710,14 +1943,14 @@ let m = class extends k {
     try {
       const e = (await this.api.sdkGenerate(this.selectedLanguage || void 0)).language || "all languages";
       this.generateSuccess = `SDK generated successfully for ${e}.`;
-    } catch (s) {
-      this.generateError = s.message ?? "Generation failed";
+    } catch (t) {
+      this.generateError = t.message ?? "Generation failed";
     } finally {
       this.generating = !1;
     }
   }
   render() {
-    return l`
+    return n`
       <!-- OpenAPI Diff -->
       <div class="section">
         <div class="section-title">OpenAPI Diff</div>
@@ -1728,7 +1961,7 @@ let m = class extends k {
               type="text"
               placeholder="path/to/base.yaml"
               .value=${this.basePath}
-              @input=${(s) => this.basePath = s.target.value}
+              @input=${(t) => this.basePath = t.target.value}
             />
           </div>
           <div class="diff-field">
@@ -1737,7 +1970,7 @@ let m = class extends k {
               type="text"
               placeholder="path/to/revision.yaml"
               .value=${this.revisionPath}
-              @input=${(s) => this.revisionPath = s.target.value}
+              @input=${(t) => this.revisionPath = t.target.value}
             />
           </div>
           <button
@@ -1749,33 +1982,33 @@ let m = class extends k {
           </button>
         </div>
 
-        ${this.diffError ? l`<div class="error">${this.diffError}</div>` : c}
+        ${this.diffError ? n`<div class="error">${this.diffError}</div>` : l}
 
-        ${this.diffResult ? l`
+        ${this.diffResult ? n`
               <div class="diff-result ${this.diffResult.Breaking ? "breaking" : "safe"}">
                 <div class="diff-summary">${this.diffResult.Summary}</div>
-                ${this.diffResult.Changes && this.diffResult.Changes.length > 0 ? l`
+                ${this.diffResult.Changes && this.diffResult.Changes.length > 0 ? n`
                       <ul class="diff-changes">
                         ${this.diffResult.Changes.map(
-      (s) => l`<li>${s}</li>`
+      (t) => n`<li>${t}</li>`
     )}
                       </ul>
-                    ` : c}
+                    ` : l}
               </div>
-            ` : c}
+            ` : l}
       </div>
 
       <!-- SDK Generation -->
       <div class="section">
         <div class="section-title">SDK Generation</div>
 
-        ${this.generateError ? l`<div class="error">${this.generateError}</div>` : c}
-        ${this.generateSuccess ? l`<div class="success">${this.generateSuccess}</div>` : c}
+        ${this.generateError ? n`<div class="error">${this.generateError}</div>` : l}
+        ${this.generateSuccess ? n`<div class="success">${this.generateSuccess}</div>` : l}
 
         <div class="generate-form">
           <select
             .value=${this.selectedLanguage}
-            @change=${(s) => this.selectedLanguage = s.target.value}
+            @change=${(t) => this.selectedLanguage = t.target.value}
           >
             <option value="">All languages</option>
             <option value="typescript">TypeScript</option>
@@ -1795,7 +2028,7 @@ let m = class extends k {
     `;
   }
 };
-m.styles = F`
+$.styles = V`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -1812,7 +2045,7 @@ m.styles = F`
     .section-title {
       font-size: 0.75rem;
       font-weight: 700;
-      colour: #6b7280;
+      color: #6b7280;
       text-transform: uppercase;
       letter-spacing: 0.025em;
       margin-bottom: 0.75rem;
@@ -1835,7 +2068,7 @@ m.styles = F`
     .diff-field label {
       font-size: 0.75rem;
       font-weight: 500;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .diff-field input {
@@ -1848,7 +2081,7 @@ m.styles = F`
 
     .diff-field input:focus {
       outline: none;
-      border-colour: #6366f1;
+      border-color: #6366f1;
       box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
     }
 
@@ -1862,7 +2095,7 @@ m.styles = F`
 
     button.primary {
       background: #6366f1;
-      colour: #fff;
+      color: #fff;
       border: none;
     }
 
@@ -1877,7 +2110,7 @@ m.styles = F`
 
     button.secondary {
       background: #fff;
-      colour: #374151;
+      color: #374151;
       border: 1px solid #d1d5db;
     }
 
@@ -1895,13 +2128,13 @@ m.styles = F`
     .diff-result.breaking {
       background: #fef2f2;
       border: 1px solid #fecaca;
-      colour: #991b1b;
+      color: #991b1b;
     }
 
     .diff-result.safe {
       background: #f0fdf4;
       border: 1px solid #bbf7d0;
-      colour: #166534;
+      color: #166534;
     }
 
     .diff-summary {
@@ -1938,12 +2171,12 @@ m.styles = F`
     .empty {
       text-align: center;
       padding: 2rem;
-      colour: #9ca3af;
+      color: #9ca3af;
       font-size: 0.875rem;
     }
 
     .error {
-      colour: #dc2626;
+      color: #dc2626;
       padding: 0.75rem;
       background: #fef2f2;
       border-radius: 0.375rem;
@@ -1957,56 +2190,56 @@ m.styles = F`
       border: 1px solid #bbf7d0;
       border-radius: 0.375rem;
       font-size: 0.875rem;
-      colour: #166534;
+      color: #166534;
       margin-bottom: 1rem;
     }
 
     .loading {
       text-align: center;
       padding: 1rem;
-      colour: #6b7280;
+      color: #6b7280;
       font-size: 0.875rem;
     }
   `;
-w([
-  D({ attribute: "api-url" })
-], m.prototype, "apiUrl", 2);
-w([
-  f()
-], m.prototype, "basePath", 2);
-w([
-  f()
-], m.prototype, "revisionPath", 2);
-w([
-  f()
-], m.prototype, "diffResult", 2);
-w([
-  f()
-], m.prototype, "diffing", 2);
-w([
-  f()
-], m.prototype, "diffError", 2);
-w([
-  f()
-], m.prototype, "selectedLanguage", 2);
-w([
-  f()
-], m.prototype, "generating", 2);
-w([
-  f()
-], m.prototype, "generateError", 2);
-w([
-  f()
-], m.prototype, "generateSuccess", 2);
-m = w([
-  K("core-build-sdk")
-], m);
-var st = Object.defineProperty, it = Object.getOwnPropertyDescriptor, H = (s, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? it(e, t) : e, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (i = (r ? a(e, t, i) : a(i)) || i);
-  return r && i && st(e, t, i), i;
+k([
+  z({ attribute: "api-url" })
+], $.prototype, "apiUrl", 2);
+k([
+  p()
+], $.prototype, "basePath", 2);
+k([
+  p()
+], $.prototype, "revisionPath", 2);
+k([
+  p()
+], $.prototype, "diffResult", 2);
+k([
+  p()
+], $.prototype, "diffing", 2);
+k([
+  p()
+], $.prototype, "diffError", 2);
+k([
+  p()
+], $.prototype, "selectedLanguage", 2);
+k([
+  p()
+], $.prototype, "generating", 2);
+k([
+  p()
+], $.prototype, "generateError", 2);
+k([
+  p()
+], $.prototype, "generateSuccess", 2);
+$ = k([
+  J("core-build-sdk")
+], $);
+var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, H = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? rt(e, s) : e, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && it(e, s, i), i;
 };
-let E = class extends k {
+let O = class extends A {
   constructor() {
     super(...arguments), this.apiUrl = "", this.wsUrl = "", this.activeTab = "config", this.wsConnected = !1, this.lastEvent = "", this.ws = null, this.tabs = [
       { id: "config", label: "Config" },
@@ -2022,42 +2255,42 @@ let E = class extends k {
     super.disconnectedCallback(), this.ws && (this.ws.close(), this.ws = null);
   }
   connectWs() {
-    this.ws = Ve(this.wsUrl, (s) => {
-      this.lastEvent = s.channel ?? s.type ?? "", this.requestUpdate();
+    this.ws = Ke(this.wsUrl, (t) => {
+      this.lastEvent = t.channel ?? t.type ?? "", this.requestUpdate();
     }), this.ws.onopen = () => {
       this.wsConnected = !0;
     }, this.ws.onclose = () => {
       this.wsConnected = !1;
     };
   }
-  handleTabClick(s) {
-    this.activeTab = s;
+  handleTabClick(t) {
+    this.activeTab = t;
   }
   handleRefresh() {
     var e;
-    const s = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".content");
-    if (s) {
-      const t = s.firstElementChild;
-      t && "reload" in t && t.reload();
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".content");
+    if (t) {
+      const s = t.firstElementChild;
+      s && "reload" in s && s.reload();
     }
   }
   renderContent() {
     switch (this.activeTab) {
       case "config":
-        return l`<core-build-config api-url=${this.apiUrl}></core-build-config>`;
+        return n`<core-build-config api-url=${this.apiUrl}></core-build-config>`;
       case "build":
-        return l`<core-build-artifacts api-url=${this.apiUrl}></core-build-artifacts>`;
+        return n`<core-build-artifacts api-url=${this.apiUrl}></core-build-artifacts>`;
       case "release":
-        return l`<core-build-release api-url=${this.apiUrl}></core-build-release>`;
+        return n`<core-build-release api-url=${this.apiUrl}></core-build-release>`;
       case "sdk":
-        return l`<core-build-sdk api-url=${this.apiUrl}></core-build-sdk>`;
+        return n`<core-build-sdk api-url=${this.apiUrl}></core-build-sdk>`;
       default:
-        return c;
+        return l;
     }
   }
   render() {
-    const s = this.wsUrl ? this.wsConnected ? "connected" : "disconnected" : "idle";
-    return l`
+    const t = this.wsUrl ? this.wsConnected ? "connected" : "disconnected" : "idle";
+    return n`
       <div class="header">
         <span class="title">Build</span>
         <button class="refresh-btn" @click=${this.handleRefresh}>Refresh</button>
@@ -2065,7 +2298,7 @@ let E = class extends k {
 
       <div class="tabs">
         ${this.tabs.map(
-      (e) => l`
+      (e) => n`
             <button
               class="tab ${this.activeTab === e.id ? "active" : ""}"
               @click=${() => this.handleTabClick(e.id)}
@@ -2080,15 +2313,15 @@ let E = class extends k {
 
       <div class="footer">
         <div class="ws-status">
-          <span class="ws-dot ${s}"></span>
-          <span>${s === "connected" ? "Connected" : s === "disconnected" ? "Disconnected" : "No WebSocket"}</span>
+          <span class="ws-dot ${t}"></span>
+          <span>${t === "connected" ? "Connected" : t === "disconnected" ? "Disconnected" : "No WebSocket"}</span>
         </div>
-        ${this.lastEvent ? l`<span>Last: ${this.lastEvent}</span>` : c}
+        ${this.lastEvent ? n`<span>Last: ${this.lastEvent}</span>` : l}
       </div>
     `;
   }
 };
-E.styles = F`
+O.styles = V`
     :host {
       display: flex;
       flex-direction: column;
@@ -2110,7 +2343,7 @@ E.styles = F`
     .title {
       font-weight: 700;
       font-size: 1rem;
-      colour: #111827;
+      color: #111827;
     }
 
     .refresh-btn {
@@ -2140,7 +2373,7 @@ E.styles = F`
       padding: 0.625rem 1rem;
       font-size: 0.8125rem;
       font-weight: 500;
-      colour: #6b7280;
+      color: #6b7280;
       cursor: pointer;
       border-bottom: 2px solid transparent;
       transition: all 0.15s;
@@ -2151,12 +2384,12 @@ E.styles = F`
     }
 
     .tab:hover {
-      colour: #374151;
+      color: #374151;
     }
 
     .tab.active {
-      colour: #6366f1;
-      border-bottom-colour: #6366f1;
+      color: #6366f1;
+      border-bottom-color: #6366f1;
     }
 
     /* C — Content */
@@ -2175,7 +2408,7 @@ E.styles = F`
       background: #fff;
       border-top: 1px solid #e5e7eb;
       font-size: 0.75rem;
-      colour: #9ca3af;
+      color: #9ca3af;
     }
 
     .ws-status {
@@ -2203,29 +2436,29 @@ E.styles = F`
     }
   `;
 H([
-  D({ attribute: "api-url" })
-], E.prototype, "apiUrl", 2);
+  z({ attribute: "api-url" })
+], O.prototype, "apiUrl", 2);
 H([
-  D({ attribute: "ws-url" })
-], E.prototype, "wsUrl", 2);
+  z({ attribute: "ws-url" })
+], O.prototype, "wsUrl", 2);
 H([
-  f()
-], E.prototype, "activeTab", 2);
+  p()
+], O.prototype, "activeTab", 2);
 H([
-  f()
-], E.prototype, "wsConnected", 2);
+  p()
+], O.prototype, "wsConnected", 2);
 H([
-  f()
-], E.prototype, "lastEvent", 2);
-E = H([
-  K("core-build-panel")
-], E);
+  p()
+], O.prototype, "lastEvent", 2);
+O = H([
+  J("core-build-panel")
+], O);
 export {
-  Y as BuildApi,
-  y as BuildArtifacts,
-  P as BuildConfig,
-  E as BuildPanel,
-  g as BuildRelease,
-  m as BuildSdk,
-  Ve as connectBuildEvents
+  ee as BuildApi,
+  _ as BuildArtifacts,
+  E as BuildConfig,
+  O as BuildPanel,
+  m as BuildRelease,
+  $ as BuildSdk,
+  Ke as connectBuildEvents
 };
diff --git a/ui/src/build-artifacts.ts b/ui/src/build-artifacts.ts
index 6bbcaff..3bab23f 100644
--- a/ui/src/build-artifacts.ts
+++ b/ui/src/build-artifacts.ts
@@ -31,13 +31,13 @@ export class BuildArtifacts extends LitElement {
 
     .toolbar-info {
       font-size: 0.8125rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     button.build {
       padding: 0.5rem 1.25rem;
       background: #6366f1;
-      colour: #fff;
+      color: #fff;
       border: none;
       border-radius: 0.375rem;
       font-size: 0.875rem;
@@ -69,13 +69,13 @@ export class BuildArtifacts extends LitElement {
 
     .confirm-text {
       flex: 1;
-      colour: #92400e;
+      color: #92400e;
     }
 
     button.confirm-yes {
       padding: 0.375rem 1rem;
       background: #dc2626;
-      colour: #fff;
+      color: #fff;
       border: none;
       border-radius: 0.375rem;
       font-size: 0.8125rem;
@@ -115,29 +115,29 @@ export class BuildArtifacts extends LitElement {
       font-size: 0.875rem;
       font-family: monospace;
       font-weight: 500;
-      colour: #111827;
+      color: #111827;
     }
 
     .artifact-size {
       font-size: 0.75rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .empty {
       text-align: center;
       padding: 2rem;
-      colour: #9ca3af;
+      color: #9ca3af;
       font-size: 0.875rem;
     }
 
     .loading {
       text-align: center;
       padding: 2rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .error {
-      colour: #dc2626;
+      color: #dc2626;
       padding: 0.75rem;
       background: #fef2f2;
       border-radius: 0.375rem;
@@ -151,7 +151,7 @@ export class BuildArtifacts extends LitElement {
       border: 1px solid #bbf7d0;
       border-radius: 0.375rem;
       font-size: 0.875rem;
-      colour: #166534;
+      color: #166534;
       margin-bottom: 1rem;
     }
   `;
diff --git a/ui/src/build-config.ts b/ui/src/build-config.ts
index 3a26532..f8b2f93 100644
--- a/ui/src/build-config.ts
+++ b/ui/src/build-config.ts
@@ -9,6 +9,50 @@ interface TargetConfig {
   arch: string;
 }
 
+interface CacheConfigData {
+  enabled?: boolean;
+  path?: string;
+  paths?: string[];
+}
+
+interface AppleTriggerData {
+  branch?: string;
+  tag?: string;
+  action?: string;
+}
+
+interface AppleConfigData {
+  team_id?: string;
+  bundle_id?: string;
+  arch?: string;
+  cert_identity?: string;
+  profile_path?: string;
+  keychain_path?: string;
+  metadata_path?: string;
+  sign?: boolean;
+  notarise?: boolean;
+  dmg?: boolean;
+  testflight?: boolean;
+  appstore?: boolean;
+  api_key_id?: string;
+  api_key_issuer_id?: string;
+  api_key_path?: string;
+  apple_id?: string;
+  password?: string;
+  bundle_display_name?: string;
+  min_system_version?: string;
+  category?: string;
+  copyright?: string;
+  privacy_policy_url?: string;
+  dmg_background?: string;
+  dmg_volume_name?: string;
+  entitlements_path?: string;
+  xcode_cloud?: {
+    workflow?: string;
+    triggers?: AppleTriggerData[];
+  };
+}
+
 interface BuildConfigData {
   config: {
     version: number;
@@ -21,11 +65,27 @@ interface BuildConfigData {
     build: {
       type: string;
       cgo: boolean;
+      obfuscate?: boolean;
+      deno_build?: string;
+      nsis?: boolean;
+      webview2?: string;
       flags: string[];
       ldflags: string[];
+      build_tags?: string[];
+      archive_format?: string;
       env: string[];
+      cache?: CacheConfigData;
+      dockerfile?: string;
+      registry?: string;
+      image?: string;
+      tags?: string[];
+      push?: boolean;
+      load?: boolean;
+      linuxkit_config?: string;
+      formats?: string[];
     };
     targets: TargetConfig[];
+    apple?: AppleConfigData;
     sign: any;
   };
   has_config: boolean;
@@ -39,8 +99,21 @@ interface DiscoverData {
   suggested_stack?: string;
   dir: string;
   has_frontend?: boolean;
+  distro?: string;
+  ref?: string;
+  branch?: string;
+  tag?: string;
+  short_sha?: string;
   has_subtree_npm?: boolean;
   linux_packages?: string[];
+  build_options?: string;
+  options?: {
+    obfuscate?: boolean;
+    tags?: string[];
+    nsis?: boolean;
+    webview2?: string;
+    ldflags?: string[];
+  };
 }
 
 /**
@@ -65,7 +138,7 @@ export class BuildConfig extends LitElement {
     .section-title {
       font-size: 0.75rem;
       font-weight: 700;
-      colour: #6b7280;
+      color: #6b7280;
       text-transform: uppercase;
       letter-spacing: 0.025em;
       margin-bottom: 0.75rem;
@@ -86,13 +159,16 @@ export class BuildConfig extends LitElement {
     .field-label {
       font-size: 0.8125rem;
       font-weight: 500;
-      colour: #374151;
+      color: #374151;
     }
 
     .field-value {
       font-size: 0.8125rem;
       font-family: monospace;
-      colour: #6b7280;
+      color: #6b7280;
+      max-width: 36rem;
+      text-align: right;
+      word-break: break-word;
     }
 
     .badge {
@@ -105,37 +181,37 @@ export class BuildConfig extends LitElement {
 
     .badge.present {
       background: #dcfce7;
-      colour: #166534;
+      color: #166534;
     }
 
     .badge.absent {
       background: #fef3c7;
-      colour: #92400e;
+      color: #92400e;
     }
 
     .badge.type-go {
       background: #dbeafe;
-      colour: #1e40af;
+      color: #1e40af;
     }
 
     .badge.type-wails {
       background: #f3e8ff;
-      colour: #6b21a8;
+      color: #6b21a8;
     }
 
     .badge.type-node {
       background: #dcfce7;
-      colour: #166534;
+      color: #166534;
     }
 
     .badge.type-php {
       background: #fef3c7;
-      colour: #92400e;
+      color: #92400e;
     }
 
     .badge.type-docker {
       background: #e0e7ff;
-      colour: #3730a3;
+      color: #3730a3;
     }
 
     .targets {
@@ -151,7 +227,7 @@ export class BuildConfig extends LitElement {
       background: #f3f4f6;
       border-radius: 0.25rem;
       font-family: monospace;
-      colour: #374151;
+      color: #374151;
     }
 
     .flags {
@@ -167,24 +243,24 @@ export class BuildConfig extends LitElement {
       border: 1px solid #e5e7eb;
       border-radius: 0.25rem;
       font-family: monospace;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .empty {
       text-align: center;
       padding: 2rem;
-      colour: #9ca3af;
+      color: #9ca3af;
       font-size: 0.875rem;
     }
 
     .loading {
       text-align: center;
       padding: 2rem;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .error {
-      colour: #dc2626;
+      color: #dc2626;
       padding: 0.75rem;
       background: #fef2f2;
       border-radius: 0.375rem;
@@ -224,6 +300,58 @@ export class BuildConfig extends LitElement {
     }
   }
 
+  private hasAppleConfig(apple?: AppleConfigData): boolean {
+    if (!apple) {
+      return false;
+    }
+
+    return Object.entries(apple).some(([, value]) => {
+      if (value == null) {
+        return false;
+      }
+      if (Array.isArray(value)) {
+        return value.length > 0;
+      }
+      if (typeof value === 'object') {
+        return Object.keys(value).length > 0;
+      }
+      if (typeof value === 'string') {
+        return value.length > 0;
+      }
+      return true;
+    });
+  }
+
+  private renderToggle(label: string, enabled: boolean | undefined, onLabel = 'Enabled', offLabel = 'Disabled') {
+    if (enabled == null) {
+      return nothing;
+    }
+
+    return html`
+      <div class="field">
+        <span class="field-label">${label}</span>
+        <span class="badge ${enabled ? 'present' : 'absent'}">
+          ${enabled ? onLabel : offLabel}
+        </span>
+      </div>
+    `;
+  }
+
+  private renderFlags(label: string, values?: string[]) {
+    if (!values || values.length === 0) {
+      return nothing;
+    }
+
+    return html`
+      <div class="field">
+        <span class="field-label">${label}</span>
+        <div class="flags">
+          ${values.map((value: string) => html`<span class="flag">${value}</span>`)}
+        </div>
+      </div>
+    `;
+  }
+
   render() {
     if (this.loading) {
       return html`<div class="loading">Loading configuration\u2026</div>`;
@@ -278,6 +406,14 @@ export class BuildConfig extends LitElement {
                   ${disc.has_subtree_npm ? 'Depth 2' : 'None'}
                 </span>
               </div>
+              ${disc.distro
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Distro</span>
+                      <span class="field-value">${disc.distro}</span>
+                    </div>
+                  `
+                : nothing}
               ${disc.linux_packages && disc.linux_packages.length > 0
                 ? html`
                     <div class="field">
@@ -288,6 +424,58 @@ export class BuildConfig extends LitElement {
                     </div>
                   `
                 : nothing}
+              ${disc.build_options
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Computed options</span>
+                      <span class="field-value">${disc.build_options}</span>
+                    </div>
+                  `
+                : nothing}
+              ${this.renderToggle('Computed obfuscation', disc.options?.obfuscate)}
+              ${this.renderToggle('Computed NSIS', disc.options?.nsis)}
+              ${disc.options?.webview2
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Computed WebView2</span>
+                      <span class="field-value">${disc.options.webview2}</span>
+                    </div>
+                  `
+                : nothing}
+              ${this.renderFlags('Computed tags', disc.options?.tags)}
+              ${this.renderFlags('Computed LD flags', disc.options?.ldflags)}
+              ${disc.ref
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Git ref</span>
+                      <span class="field-value">${disc.ref}</span>
+                    </div>
+                  `
+                : nothing}
+              ${disc.branch
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Branch</span>
+                      <span class="field-value">${disc.branch}</span>
+                    </div>
+                  `
+                : nothing}
+              ${disc.tag
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Tag</span>
+                      <span class="field-value">${disc.tag}</span>
+                    </div>
+                  `
+                : nothing}
+              ${disc.short_sha
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Short SHA</span>
+                      <span class="field-value">${disc.short_sha}</span>
+                    </div>
+                  `
+                : nothing}
               <div class="field">
                 <span class="field-label">Directory</span>
                 <span class="field-value">${disc.dir}</span>
@@ -307,6 +495,14 @@ export class BuildConfig extends LitElement {
               </div>
             `
           : nothing}
+        ${cfg.project.description
+          ? html`
+              <div class="field">
+                <span class="field-label">Description</span>
+                <span class="field-value">${cfg.project.description}</span>
+              </div>
+            `
+          : nothing}
         ${cfg.project.binary
           ? html`
               <div class="field">
@@ -336,6 +532,33 @@ export class BuildConfig extends LitElement {
           <span class="field-label">CGO</span>
           <span class="field-value">${cfg.build.cgo ? 'Enabled' : 'Disabled'}</span>
         </div>
+        ${this.renderToggle('Obfuscation', cfg.build.obfuscate)}
+        ${this.renderToggle('NSIS packaging', cfg.build.nsis)}
+        ${cfg.build.webview2
+          ? html`
+              <div class="field">
+                <span class="field-label">WebView2 mode</span>
+                <span class="field-value">${cfg.build.webview2}</span>
+              </div>
+            `
+          : nothing}
+        ${cfg.build.deno_build
+          ? html`
+              <div class="field">
+                <span class="field-label">Deno build</span>
+                <span class="field-value">${cfg.build.deno_build}</span>
+              </div>
+            `
+          : nothing}
+        ${cfg.build.archive_format
+          ? html`
+              <div class="field">
+                <span class="field-label">Archive format</span>
+                <span class="field-value">${cfg.build.archive_format}</span>
+              </div>
+            `
+          : nothing}
+        ${this.renderFlags('Build tags', cfg.build.build_tags)}
         ${cfg.build.flags && cfg.build.flags.length > 0
           ? html`
               <div class="field">
@@ -356,6 +579,57 @@ export class BuildConfig extends LitElement {
               </div>
             `
           : nothing}
+        ${this.renderFlags('Environment', cfg.build.env)}
+        ${cfg.build.cache?.enabled || cfg.build.cache?.path || (cfg.build.cache?.paths && cfg.build.cache.paths.length > 0)
+          ? html`
+              ${this.renderToggle('Build cache', cfg.build.cache?.enabled)}
+              ${cfg.build.cache?.path
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Cache path</span>
+                      <span class="field-value">${cfg.build.cache.path}</span>
+                    </div>
+                  `
+                : nothing}
+              ${this.renderFlags('Cache paths', cfg.build.cache?.paths)}
+            `
+          : nothing}
+        ${cfg.build.dockerfile
+          ? html`
+              <div class="field">
+                <span class="field-label">Dockerfile</span>
+                <span class="field-value">${cfg.build.dockerfile}</span>
+              </div>
+            `
+          : nothing}
+        ${cfg.build.image
+          ? html`
+              <div class="field">
+                <span class="field-label">Image</span>
+                <span class="field-value">${cfg.build.image}</span>
+              </div>
+            `
+          : nothing}
+        ${cfg.build.registry
+          ? html`
+              <div class="field">
+                <span class="field-label">Registry</span>
+                <span class="field-value">${cfg.build.registry}</span>
+              </div>
+            `
+          : nothing}
+        ${this.renderFlags('Image tags', cfg.build.tags)}
+        ${this.renderToggle('Push image', cfg.build.push)}
+        ${this.renderToggle('Load image', cfg.build.load)}
+        ${cfg.build.linuxkit_config
+          ? html`
+              <div class="field">
+                <span class="field-label">LinuxKit config</span>
+                <span class="field-value">${cfg.build.linuxkit_config}</span>
+              </div>
+            `
+          : nothing}
+        ${this.renderFlags('LinuxKit formats', cfg.build.formats)}
       </div>
 
       <!-- Targets -->
@@ -367,6 +641,129 @@ export class BuildConfig extends LitElement {
           )}
         </div>
       </div>
+
+      ${cfg.apple && this.hasAppleConfig(cfg.apple)
+        ? html`
+            <div class="section">
+              <div class="section-title">Apple Pipeline</div>
+              ${cfg.apple.bundle_id
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Bundle ID</span>
+                      <span class="field-value">${cfg.apple.bundle_id}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.team_id
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Team ID</span>
+                      <span class="field-value">${cfg.apple.team_id}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.arch
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Architecture</span>
+                      <span class="field-value">${cfg.apple.arch}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.bundle_display_name
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Display name</span>
+                      <span class="field-value">${cfg.apple.bundle_display_name}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.min_system_version
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Minimum macOS</span>
+                      <span class="field-value">${cfg.apple.min_system_version}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.category
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Category</span>
+                      <span class="field-value">${cfg.apple.category}</span>
+                    </div>
+                  `
+                : nothing}
+              ${this.renderToggle('Sign', cfg.apple.sign)}
+              ${this.renderToggle('Notarise', cfg.apple.notarise)}
+              ${this.renderToggle('DMG', cfg.apple.dmg)}
+              ${this.renderToggle('TestFlight', cfg.apple.testflight)}
+              ${this.renderToggle('App Store', cfg.apple.appstore)}
+              ${cfg.apple.metadata_path
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Metadata path</span>
+                      <span class="field-value">${cfg.apple.metadata_path}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.privacy_policy_url
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Privacy policy</span>
+                      <span class="field-value">${cfg.apple.privacy_policy_url}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.dmg_volume_name
+                ? html`
+                    <div class="field">
+                      <span class="field-label">DMG volume</span>
+                      <span class="field-value">${cfg.apple.dmg_volume_name}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.dmg_background
+                ? html`
+                    <div class="field">
+                      <span class="field-label">DMG background</span>
+                      <span class="field-value">${cfg.apple.dmg_background}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.entitlements_path
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Entitlements</span>
+                      <span class="field-value">${cfg.apple.entitlements_path}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.xcode_cloud?.workflow
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Xcode Cloud workflow</span>
+                      <span class="field-value">${cfg.apple.xcode_cloud.workflow}</span>
+                    </div>
+                  `
+                : nothing}
+              ${cfg.apple.xcode_cloud?.triggers && cfg.apple.xcode_cloud.triggers.length > 0
+                ? html`
+                    <div class="field">
+                      <span class="field-label">Xcode Cloud triggers</span>
+                      <div class="flags">
+                        ${cfg.apple.xcode_cloud.triggers.map((trigger: AppleTriggerData) => {
+                          const ref = trigger.branch ? `branch:${trigger.branch}` : trigger.tag ? `tag:${trigger.tag}` : 'manual';
+                          const action = trigger.action ?? 'archive';
+                          return html`<span class="flag">${ref} → ${action}</span>`;
+                        })}
+                      </div>
+                    </div>
+                  `
+                : nothing}
+            </div>
+          `
+        : nothing}
     `;
   }
 }
diff --git a/ui/src/build-panel.ts b/ui/src/build-panel.ts
index 65bedec..cbcb0f7 100644
--- a/ui/src/build-panel.ts
+++ b/ui/src/build-panel.ts
@@ -45,7 +45,7 @@ export class BuildPanel extends LitElement {
     .title {
       font-weight: 700;
       font-size: 1rem;
-      colour: #111827;
+      color: #111827;
     }
 
     .refresh-btn {
@@ -75,7 +75,7 @@ export class BuildPanel extends LitElement {
       padding: 0.625rem 1rem;
       font-size: 0.8125rem;
       font-weight: 500;
-      colour: #6b7280;
+      color: #6b7280;
       cursor: pointer;
       border-bottom: 2px solid transparent;
       transition: all 0.15s;
@@ -86,12 +86,12 @@ export class BuildPanel extends LitElement {
     }
 
     .tab:hover {
-      colour: #374151;
+      color: #374151;
     }
 
     .tab.active {
-      colour: #6366f1;
-      border-bottom-colour: #6366f1;
+      color: #6366f1;
+      border-bottom-color: #6366f1;
     }
 
     /* C — Content */
@@ -110,7 +110,7 @@ export class BuildPanel extends LitElement {
       background: #fff;
       border-top: 1px solid #e5e7eb;
       font-size: 0.75rem;
-      colour: #9ca3af;
+      color: #9ca3af;
     }
 
     .ws-status {
diff --git a/ui/src/build-sdk.ts b/ui/src/build-sdk.ts
index 7b2e5b2..02e2616 100644
--- a/ui/src/build-sdk.ts
+++ b/ui/src/build-sdk.ts
@@ -26,7 +26,7 @@ export class BuildSdk extends LitElement {
     .section-title {
       font-size: 0.75rem;
       font-weight: 700;
-      colour: #6b7280;
+      color: #6b7280;
       text-transform: uppercase;
       letter-spacing: 0.025em;
       margin-bottom: 0.75rem;
@@ -49,7 +49,7 @@ export class BuildSdk extends LitElement {
     .diff-field label {
       font-size: 0.75rem;
       font-weight: 500;
-      colour: #6b7280;
+      color: #6b7280;
     }
 
     .diff-field input {
@@ -62,7 +62,7 @@ export class BuildSdk extends LitElement {
 
     .diff-field input:focus {
       outline: none;
-      border-colour: #6366f1;
+      border-color: #6366f1;
       box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
     }
 
@@ -76,7 +76,7 @@ export class BuildSdk extends LitElement {
 
     button.primary {
       background: #6366f1;
-      colour: #fff;
+      color: #fff;
       border: none;
     }
 
@@ -91,7 +91,7 @@ export class BuildSdk extends LitElement {
 
     button.secondary {
       background: #fff;
-      colour: #374151;
+      color: #374151;
       border: 1px solid #d1d5db;
     }
 
@@ -109,13 +109,13 @@ export class BuildSdk extends LitElement {
     .diff-result.breaking {
       background: #fef2f2;
       border: 1px solid #fecaca;
-      colour: #991b1b;
+      color: #991b1b;
     }
 
     .diff-result.safe {
       background: #f0fdf4;
       border: 1px solid #bbf7d0;
-      colour: #166534;
+      color: #166534;
     }
 
     .diff-summary {
@@ -152,12 +152,12 @@ export class BuildSdk extends LitElement {
     .empty {
       text-align: center;
       padding: 2rem;
-      colour: #9ca3af;
+      color: #9ca3af;
       font-size: 0.875rem;
     }
 
     .error {
-      colour: #dc2626;
+      color: #dc2626;
       padding: 0.75rem;
       background: #fef2f2;
       border-radius: 0.375rem;
@@ -171,14 +171,14 @@ export class BuildSdk extends LitElement {
       border: 1px solid #bbf7d0;
       border-radius: 0.375rem;
       font-size: 0.875rem;
-      colour: #166534;
+      color: #166534;
       margin-bottom: 1rem;
     }
 
     .loading {
       text-align: center;
       padding: 1rem;
-      colour: #6b7280;
+      color: #6b7280;
       font-size: 0.875rem;
     }
   `;