@agent-ui-kit/web-components 0.0.15 → 0.0.17

package/dist/register.js

@@ -1,10 +1,10 @@
-import { A as T, l as S, m as I, n as $, o as z, p as n, q as O, v as X, d as _, k as B, f as K, j, b as J, i as V, g as Z, e as Q, h as tt } from "./chunks/agent-BF_R_HJk.js";
+import { A as T, l as S, m as I, n as $, o as G, p as a, q as O, v as X, d as _, k as B, f as K, j, b as J, i as V, g as Z, e as Q, h as tt } from "./chunks/agent-XMhz_6OA.js";
 import { registerBuiltinTraits as et } from "./traits.js";
 import { AuiEditor as it, AuiEditorLayer as st } from "./components/editor.js";
 import { AuiGraphUi as at, AuiGraphLayer as nt, AuiGraphNode as ot, AuiGraphNoodle as rt, AuiGraphPort as ut } from "./components/graph.js";
 import "./icons.js";
-import { f as lt, N as dt, j as ct, ac as ht, $ as mt, a0 as ft, an as pt, w as bt, B as gt, E as vt, L as At, aq as yt, a1 as wt, O as Ct, J as xt, S as Et, R as kt, a5 as St, ap as Pt, al as $t, ad as Mt, ae as Lt, A as Dt, a as Tt, d as It, e as Nt, a4 as Yt, a3 as qt, W as Rt, q as Ft, t as zt, v as Gt, u as Ut, s as Ht, r as Wt, Y as Ot, X as Xt, af as _t, ai as Bt, ag as Kt, ak as jt, aj as Jt, ah as Vt, ar as Zt, as as Qt, H as te, a2 as ee, g as ie, h as se, b as ae, T as ne, V as oe, U as re, a6 as ue, a9 as le, a7 as de, a8 as ce, Z as he, l as me, aa as fe, k as pe, C as be, c as ge, _ as ve, D as Ae, am as ye, m as we, p as Ce, n as xe, ao as Ee, z as ke, x as Se, F as Pe, K as $e, o as Me, I as Le, y as De, ab as Te, M as Ie, i as Ne, Q as Ye, G as qe, P as Re } from "./chunks/meter-Dju8ik6C.js";
-class Fe extends T {
+import { f as lt, P as dt, j as ct, ae as ht, a1 as mt, a2 as pt, ap as ft, x as bt, C as gt, F as vt, N as At, as as yt, a3 as wt, Q as xt, L as Ct, U as Et, T as kt, a7 as St, ar as Pt, an as $t, af as Mt, ag as Lt, A as Dt, a as Tt, d as It, e as Nt, a6 as Yt, a5 as qt, Y as Rt, r as Ft, u as Gt, w as zt, v as Ut, t as Ht, s as Wt, _ as Ot, Z as Xt, ah as _t, ak as Bt, ai as Kt, am as jt, al as Jt, aj as Vt, at as Zt, au as Qt, I as te, a4 as ee, g as ie, h as se, b as ae, V as ne, X as oe, W as re, a8 as ue, ab as le, a9 as de, aa as ce, $ as he, m as me, ac as pe, l as fe, D as be, c as ge, a0 as ve, E as Ae, ao as ye, n as we, q as xe, o as Ce, aq as Ee, B as ke, y as Se, G as Pe, M as $e, p as Me, J as Le, z as De, ad as Te, O as Ie, i as Ne, S as Ye, H as qe, R as Re, k as Fe, K as Ge } from "./chunks/form-oekEhwja.js";
+class ze extends T {
   static attributes = {
     key: { type: "string", default: "" },
     label: { type: "string", default: "" },
@@ -15,7 +15,7 @@ class Fe extends T {
     align: { type: "enum", values: ["start", "center", "end"], default: "start" }
   };
 }
-class ze extends T {
+class Ue extends T {
   static attributes = {
     background: { type: "string", default: "none" },
     orientation: { type: "string", default: "horizontal" },
@@ -34,7 +34,7 @@ class ze extends T {
   #l = 0;
   #i = 0;
   #m = 0;
-  #f = 0;
+  #p = 0;
   // Zoom state
   #r = 1;
   // ── Public API ──
@@ -95,8 +95,8 @@ class ze extends T {
       i.appendChild(r);
     }
     e.appendChild(i), t.appendChild(e), this.#n = e, this.#t = i;
-    const a = this.hasAttribute("pan-enabled") || this.hasAttribute("infinite"), o = this.hasAttribute("zoom-enabled") || this.hasAttribute("infinite");
-    a && (t.addEventListener("pointerdown", this.#y), t.addEventListener("pointermove", this.#w), t.addEventListener("pointerup", this.#v), t.addEventListener("pointercancel", this.#v)), o && t.addEventListener("wheel", this.#A, { passive: !1 }), this.#o();
+    const n = this.hasAttribute("pan-enabled") || this.hasAttribute("infinite"), o = this.hasAttribute("zoom-enabled") || this.hasAttribute("infinite");
+    n && (t.addEventListener("pointerdown", this.#y), t.addEventListener("pointermove", this.#w), t.addEventListener("pointerup", this.#v), t.addEventListener("pointercancel", this.#v)), o && t.addEventListener("wheel", this.#A, { passive: !1 }), this.#o();
   }
   // ── Transform ──
   #o() {
@@ -120,10 +120,10 @@ class ze extends T {
   #y = (t) => {
     if (t.button !== 0) return;
     const e = t.target, i = this.#t;
-    i && i.contains(e) || (this.#u = !0, this.#l = t.clientX, this.#i = t.clientY, this.#m = this.#a, this.#f = this.#s, this.#e.setPointerCapture(t.pointerId), this.setAttribute("data-canvas-panning", ""));
+    i && i.contains(e) || (this.#u = !0, this.#l = t.clientX, this.#i = t.clientY, this.#m = this.#a, this.#p = this.#s, this.#e.setPointerCapture(t.pointerId), this.setAttribute("data-canvas-panning", ""));
   };
   #w = (t) => {
-    this.#u && (this.#a = this.#m + (t.clientX - this.#l), this.#s = this.#f + (t.clientY - this.#i), this.#o());
+    this.#u && (this.#a = this.#m + (t.clientX - this.#l), this.#s = this.#p + (t.clientY - this.#i), this.#o());
   };
   #v = (t) => {
     this.#u && (this.#u = !1, this.removeAttribute("data-canvas-panning"), this.#d());
@@ -133,8 +133,8 @@ class ze extends T {
     t.preventDefault();
     const e = t.deltaY > 0 ? -0.05 : 0.05, i = Math.max(0.1, Math.min(10, this.#r + e * this.#r));
     if (this.#e) {
-      const s = this.#e.getBoundingClientRect(), a = (t.clientX - s.left) / s.width, o = (t.clientY - s.top) / s.height, r = i / this.#r;
-      this.#a = a * s.width * (1 - r) + this.#a * r, this.#s = o * s.height * (1 - r) + this.#s * r;
+      const s = this.#e.getBoundingClientRect(), n = (t.clientX - s.left) / s.width, o = (t.clientY - s.top) / s.height, r = i / this.#r;
+      this.#a = n * s.width * (1 - r) + this.#a * r, this.#s = o * s.height * (1 - r) + this.#s * r;
     }
     this.#r = i, this.#o(), this.#b();
   };
@@ -157,19 +157,19 @@ class ze extends T {
     }
   };
 }
-function M(f) {
-  if (!f) return null;
-  const t = /* @__PURE__ */ new Date(f + "T00:00:00");
+function M(p) {
+  if (!p) return null;
+  const t = /* @__PURE__ */ new Date(p + "T00:00:00");
   return isNaN(t.getTime()) ? null : t;
 }
-function Ge(f) {
-  const t = f.getFullYear(), e = String(f.getMonth() + 1).padStart(2, "0"), i = String(f.getDate()).padStart(2, "0");
+function He(p) {
+  const t = p.getFullYear(), e = String(p.getMonth() + 1).padStart(2, "0"), i = String(p.getDate()).padStart(2, "0");
   return `${t}-${e}-${i}`;
 }
-function N(f, t) {
-  return f.getFullYear() === t.getFullYear() && f.getMonth() === t.getMonth() && f.getDate() === t.getDate();
+function N(p, t) {
+  return p.getFullYear() === t.getFullYear() && p.getMonth() === t.getMonth() && p.getDate() === t.getDate();
 }
-class Ue {
+class We {
   view;
   focusedYear;
   focusedMonth;
@@ -237,21 +237,21 @@ class Ue {
   }
   // ── Private Computations ──
   #n() {
-    const t = this.focusedYear.value, e = this.focusedMonth.value, i = M(this.value.value), s = /* @__PURE__ */ new Date(), a = M(this.rangeStart.value), o = M(this.rangeEnd.value), c = new Date(t, e, 1).getDay(), u = new Date(t, e, 1 - c), m = [];
+    const t = this.focusedYear.value, e = this.focusedMonth.value, i = M(this.value.value), s = /* @__PURE__ */ new Date(), n = M(this.rangeStart.value), o = M(this.rangeEnd.value), c = new Date(t, e, 1).getDay(), u = new Date(t, e, 1 - c), m = [];
     for (let h = 0; h < 42; h++) {
-      const d = new Date(u.getFullYear(), u.getMonth(), u.getDate() + h), v = Ge(d), l = d.getMonth() === e, p = N(d, s), b = i ? N(d, i) : !1, x = this.isDateDisabled(v);
+      const d = new Date(u.getFullYear(), u.getMonth(), u.getDate() + h), v = He(d), l = d.getMonth() === e, f = N(d, s), b = i ? N(d, i) : !1, C = this.isDateDisabled(v);
       let g = !1, y = !1, P = !1;
-      if (a && o) {
-        const E = a <= o ? a : o, D = a <= o ? o : a;
+      if (n && o) {
+        const E = n <= o ? n : o, D = n <= o ? o : n;
         g = d >= E && d <= D, y = N(d, E), P = N(d, D);
       }
       m.push({
         date: v,
         day: d.getDate(),
         inMonth: l,
-        isToday: p,
+        isToday: f,
         isSelected: b,
-        isDisabled: x,
+        isDisabled: C,
         inRange: g,
         isRangeStart: y,
         isRangeEnd: P
@@ -261,21 +261,21 @@ class Ue {
   }
   #t() {
     const t = this.focusedYear.value, e = this.focusedMonth.value;
-    return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"].map((s, a) => ({
-      month: a,
+    return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"].map((s, n) => ({
+      month: n,
       name: s,
-      isCurrent: a === e && t === (/* @__PURE__ */ new Date()).getFullYear(),
-      isSelected: a === e
+      isCurrent: n === e && t === (/* @__PURE__ */ new Date()).getFullYear(),
+      isSelected: n === e
     }));
   }
   #e() {
     const t = this.focusedYear.value, e = Math.floor(t / 10) * 10, i = (/* @__PURE__ */ new Date()).getFullYear(), s = [];
-    for (let a = e - 1; a <= e + 10; a++)
+    for (let n = e - 1; n <= e + 10; n++)
       s.push({
-        year: a,
-        inDecade: a >= e && a < e + 10,
-        isCurrent: a === i,
-        isSelected: a === t
+        year: n,
+        inDecade: n >= e && n < e + 10,
+        isCurrent: n === i,
+        isSelected: n === t
       });
     return s;
   }
@@ -306,7 +306,7 @@ class Ue {
     }
   }
 }
-class He extends T {
+class Oe extends T {
   static attributes = {
     value: { type: "string", default: "" },
     min: { type: "string", default: "" },
@@ -315,7 +315,7 @@ class He extends T {
     range: { type: "boolean", default: !1 }
   };
   #n;
-  #t = new Ue();
+  #t = new We();
   #e = S(!1);
   // WHY: Track focused cell index for keyboard navigation within the grid
   #a = S(0);
@@ -376,7 +376,7 @@ class He extends T {
     });
   }
   dispose() {
-    this.querySelector('aui-button[data-role="prev"]')?.removeEventListener("click", this.#m), this.querySelector('aui-button[data-role="next"]')?.removeEventListener("click", this.#f), this.querySelector('aui-button[data-role="title"]')?.removeEventListener("click", this.#r);
+    this.querySelector('aui-button[data-role="prev"]')?.removeEventListener("click", this.#m), this.querySelector('aui-button[data-role="next"]')?.removeEventListener("click", this.#p), this.querySelector('aui-button[data-role="title"]')?.removeEventListener("click", this.#r);
     const t = this.querySelector("[data-cal-grid]");
     t?.removeEventListener("click", this.#h), t?.removeEventListener("pointermove", this.#o), t?.removeEventListener("pointerdown", this.#d), t?.removeEventListener("pointerup", this.#b), this.removeEventListener("keydown", this.#E), super.dispose();
   }
@@ -390,10 +390,10 @@ class He extends T {
       <div data-cal-weekdays></div>
       <div data-cal-grid role="grid"></div>
     `;
-    for (const a of this.querySelectorAll("[data-cal-header] aui-button"))
-      a.setAttribute("tabindex", "-1");
+    for (const n of this.querySelectorAll("[data-cal-header] aui-button"))
+      n.setAttribute("tabindex", "-1");
     const t = this.querySelector('aui-button[data-role="prev"]'), e = this.querySelector('aui-button[data-role="next"]'), i = this.querySelector('aui-button[data-role="title"]');
-    t?.addEventListener("click", this.#m), e?.addEventListener("click", this.#f), i?.addEventListener("click", this.#r);
+    t?.addEventListener("click", this.#m), e?.addEventListener("click", this.#p), i?.addEventListener("click", this.#r);
     const s = this.querySelector("[data-cal-grid]");
     s?.addEventListener("click", this.#h), s?.addEventListener("pointermove", this.#o), s?.addEventListener("pointerdown", this.#d), s?.addEventListener("pointerup", this.#b);
   }
@@ -402,34 +402,34 @@ class He extends T {
     if (!(!e || !i || !s)) {
       if (e.textContent = this.#t.title.value, t === "day") {
         this.setAttribute("view", "day"), i.innerHTML = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((o) => `<span data-cal-weekday>${o}</span>`).join("");
-        const a = this.#t.days.value;
-        s.innerHTML = a.map((o, r) => {
+        const n = this.#t.days.value;
+        s.innerHTML = n.map((o, r) => {
           let c = `data-date="${o.date}" data-index="${r}" tabindex="-1"`;
           return o.inMonth || (c += " data-outside"), o.isToday && (c += ' data-today aria-current="date"'), o.isSelected && (c += ' data-selected aria-selected="true"'), o.isDisabled && (c += " disabled"), o.inRange && (c += " data-in-range"), o.isRangeStart && (c += " data-range-start"), o.isRangeEnd && (c += " data-range-end"), `<div data-cal-day ${c}>${o.day}</div>`;
         }).join("");
       } else if (t === "month") {
         this.setAttribute("view", "month"), i.innerHTML = "";
-        const a = this.#t.months.value;
-        s.innerHTML = a.map((o) => {
+        const n = this.#t.months.value;
+        s.innerHTML = n.map((o) => {
           let r = `data-month="${o.month}" tabindex="-1"`;
           return o.isCurrent && (r += ' data-today aria-current="date"'), o.isSelected && (r += ' data-selected aria-selected="true"'), `<div data-cal-cell ${r}>${o.name}</div>`;
         }).join("");
       } else {
         this.setAttribute("view", "year"), i.innerHTML = "";
-        const a = this.#t.years.value;
-        s.innerHTML = a.map((o) => {
+        const n = this.#t.years.value;
+        s.innerHTML = n.map((o) => {
           let r = `data-year="${o.year}" tabindex="-1"`;
           return o.inDecade || (r += " data-outside"), o.isCurrent && (r += ' data-today aria-current="date"'), o.isSelected && (r += ' data-selected aria-selected="true"'), `<div data-cal-cell ${r}>${o.year}</div>`;
         }).join("");
       }
-      for (const a of s.querySelectorAll("[data-cal-day]:not([disabled]), [data-cal-cell]"))
-        a.setAttribute("tabindex", "-1");
+      for (const n of s.querySelectorAll("[data-cal-day]:not([disabled]), [data-cal-cell]"))
+        n.setAttribute("tabindex", "-1");
     }
   }
   #m = () => {
     this.#y();
   };
-  #f = () => {
+  #p = () => {
     this.#w();
   };
   #r = () => {
@@ -439,13 +439,13 @@ class He extends T {
     this.#A(t);
   };
   #o = (t) => {
-    this.#x(t);
+    this.#C(t);
   };
   #d = (t) => {
     this.#k(t);
   };
   #b = (t) => {
-    this.#p(t);
+    this.#f(t);
   };
   #y() {
     const t = this.#t.view.value;
@@ -463,8 +463,8 @@ class He extends T {
     if (this.#e.value) return;
     const e = t.target.closest("[data-cal-day], [data-cal-cell]");
     if (!e || e.hasAttribute("disabled")) return;
-    const i = e.dataset.date, s = e.dataset.month, a = e.dataset.year;
-    i ? this.#c(i) : s !== void 0 ? this.#t.selectMonth(Number(s)) : a !== void 0 && this.#t.selectYear(Number(a));
+    const i = e.dataset.date, s = e.dataset.month, n = e.dataset.year;
+    i ? this.#c(i) : s !== void 0 ? this.#t.selectMonth(Number(s)) : n !== void 0 && this.#t.selectYear(Number(n));
   }
   #c(t) {
     this.range ? this.#s === "idle" ? ($(() => {
@@ -494,7 +494,7 @@ class He extends T {
       this.#t.selectDate(i), this.#t.setRange(i, null);
     }), this.setAttribute("value", i), this.#s = "selecting"));
   }
-  #p(t) {
+  #f(t) {
     if (!this.#u || (this.#u = !1, this.#s !== "selecting")) return;
     const e = t.target.closest("[data-cal-day]");
     if (!e || e.hasAttribute("disabled")) return;
@@ -503,7 +503,7 @@ class He extends T {
     const s = this.#t.rangeStart.value;
     s && s !== i && this.#g(i);
   }
-  #x(t) {
+  #C(t) {
     if (this.#e.value || !this.range || this.#s !== "selecting") return;
     const e = t.target.closest("[data-cal-day]");
     if (!e || e.hasAttribute("disabled")) return;
@@ -515,7 +515,7 @@ class He extends T {
   #E = (t) => {
     if (this.#e.value || this.#t.view.value !== "day") return;
     const i = this.#t.days.value;
-    let s = this.#a.value, a = !0;
+    let s = this.#a.value, n = !0;
     switch (t.key) {
       case "ArrowRight":
         s += 1;
@@ -548,17 +548,17 @@ class He extends T {
         break;
       }
       default:
-        a = !1;
+        n = !1;
     }
-    a && (t.preventDefault(), s = Math.max(0, Math.min(41, s)), this.#a.value = s, s < 0 && this.#t.prevMonth(), s > 41 && this.#t.nextMonth());
+    n && (t.preventDefault(), s = Math.max(0, Math.min(41, s)), this.#a.value = s, s < 0 && this.#t.prevMonth(), s > 41 && this.#t.nextMonth());
   };
 }
-let We = 0;
-function H(f) {
-  return `${f}-${Date.now().toString(36)}-${(++We).toString(36)}`;
+let Xe = 0;
+function H(p) {
+  return `${p}-${Date.now().toString(36)}-${(++Xe).toString(36)}`;
 }
-const Oe = 50, L = "http://www.w3.org/2000/svg";
-class Xe {
+const _e = 50, L = "http://www.w3.org/2000/svg";
+class Be {
   host;
   // ── Public mutable options ──
   selector;
@@ -581,13 +581,13 @@ class Xe {
   #l = null;
   #i = null;
   #m = null;
-  #f = null;
+  #p = null;
   #r = 0;
   #h = !1;
   #o = !1;
   #d = null;
   constructor(t, e = {}) {
-    if (this.host = t, this.selector = e.selector ?? "[data-noodle-port]", this.editable = e.editable ?? !1, this.color = e.color ?? "var(--aui-accent-500)", this.strokeWidth = e.strokeWidth ?? 2, this.tension = e.tension ?? 0.5, this.showPorts = e.showPorts ?? this.editable, this.portSize = e.portSize ?? 10, this.style = e.style ?? "bezier", this.animated = e.animated ?? !1, this.disabled = e.disabled ?? !1, e.connections)
+    if (this.host = t, this.selector = e.selector ?? "[data-noodle-port]", this.editable = e.editable ?? !1, this.color = e.color ?? "var(--aui-accent)", this.strokeWidth = e.strokeWidth ?? 2, this.tension = e.tension ?? 0.5, this.showPorts = e.showPorts ?? this.editable, this.portSize = e.portSize ?? 10, this.style = e.style ?? "bezier", this.animated = e.animated ?? !1, this.disabled = e.disabled ?? !1, e.connections)
       for (const i of e.connections)
         this.#e.set(i.id, {
           ...i,
@@ -599,10 +599,10 @@ class Xe {
   // ── Lifecycle ──
   attach() {
     if (this.#n) return;
-    this.#n = !0, getComputedStyle(this.host).position === "static" && (this.host.style.position = "relative"), this.host.style.isolation = "isolate", this.#b(), this.#w(), this.#R(), this.showPorts && this.#S(), this.host.addEventListener("aui:magnet-snap", this.#C), this.host.addEventListener("aui:magnet-drop", this.#C), this.host.addEventListener("aui:drag-move", this.#C), this.#p();
+    this.#n = !0, getComputedStyle(this.host).position === "static" && (this.host.style.position = "relative"), this.host.style.isolation = "isolate", this.#b(), this.#w(), this.#R(), this.showPorts && this.#S(), this.host.addEventListener("aui:magnet-snap", this.#x), this.host.addEventListener("aui:magnet-drop", this.#x), this.host.addEventListener("aui:drag-move", this.#x), this.#f();
   }
   detach() {
-    this.#n && (this.#n = !1, this.#F(), this.#T(), this.#y(), this.#v(), this.host.style.isolation = "", this.host.removeEventListener("aui:magnet-snap", this.#C), this.host.removeEventListener("aui:magnet-drop", this.#C), this.host.removeEventListener("aui:drag-move", this.#C), this.#r && (cancelAnimationFrame(this.#r), this.#r = 0), this.#h = !1);
+    this.#n && (this.#n = !1, this.#F(), this.#T(), this.#y(), this.#v(), this.host.style.isolation = "", this.host.removeEventListener("aui:magnet-snap", this.#x), this.host.removeEventListener("aui:magnet-drop", this.#x), this.host.removeEventListener("aui:drag-move", this.#x), this.#r && (cancelAnimationFrame(this.#r), this.#r = 0), this.#h = !1);
   }
   destroy() {
     this.#L(), this.detach(), this.#e.clear();
@@ -610,17 +610,17 @@ class Xe {
   // ── Public API ──
   /** Add a connection. Returns the connection ID. */
   connect(t, e, i = "right", s = "left") {
-    const a = H("noodle"), o = { id: a, from: t, to: e, fromPort: i, toPort: s };
-    return this.#e.set(a, o), this.#p(), this.host.dispatchEvent(new CustomEvent("aui:noodle-connect", {
+    const n = H("noodle"), o = { id: n, from: t, to: e, fromPort: i, toPort: s };
+    return this.#e.set(n, o), this.#f(), this.host.dispatchEvent(new CustomEvent("aui:noodle-connect", {
       bubbles: !0,
       composed: !0,
-      detail: { id: a, from: t, to: e, fromPort: i, toPort: s }
-    })), a;
+      detail: { id: n, from: t, to: e, fromPort: i, toPort: s }
+    })), n;
   }
   /** Remove a connection by ID. */
   disconnect(t) {
     const e = this.#e.get(t);
-    return e ? (this.#e.delete(t), this.#p(), this.host.dispatchEvent(new CustomEvent("aui:noodle-disconnect", {
+    return e ? (this.#e.delete(t), this.#f(), this.host.dispatchEvent(new CustomEvent("aui:noodle-disconnect", {
       bubbles: !0,
       composed: !0,
       detail: { id: t, from: e.from, to: e.to, fromPort: e.fromPort, toPort: e.toPort }
@@ -629,7 +629,7 @@ class Xe {
   /** Remove all connections. */
   clear() {
     const t = [...this.#e.values()];
-    this.#e.clear(), this.#p();
+    this.#e.clear(), this.#f();
     for (const e of t)
       this.host.dispatchEvent(new CustomEvent("aui:noodle-disconnect", {
         bubbles: !0,
@@ -650,12 +650,12 @@ class Xe {
         fromPort: e.fromPort ?? "right",
         toPort: e.toPort ?? "left"
       });
-    this.#p();
+    this.#f();
   }
   /** Force re-render all paths and rebuild port indicators.
    *  Call after programmatic element moves or when the set of port elements changes. */
   update() {
-    this.#p(), this.showPorts && !this.#l && this.#S();
+    this.#f(), this.showPorts && !this.#l && this.#S();
   }
   // ── SVG overlay ──
   #b() {
@@ -677,36 +677,36 @@ class Xe {
   /** Convert client (screen) coordinates to the host's layout coordinate space,
    *  accounting for CSS transforms (zoom/pan) on the host or its ancestors. */
   #A(t, e) {
-    const i = this.host.getBoundingClientRect(), s = i.width / (this.host.clientWidth || 1), a = i.height / (this.host.clientHeight || 1);
+    const i = this.host.getBoundingClientRect(), s = i.width / (this.host.clientWidth || 1), n = i.height / (this.host.clientHeight || 1);
     return {
       x: (t - i.left) / s,
-      y: (e - i.top) / a
+      y: (e - i.top) / n
     };
   }
   // ── Path computation ──
   #c(t, e) {
     const i = this.host.querySelector(`#${CSS.escape(t)}`);
     if (!i) return null;
-    let s = 0, a = 0, o = i;
+    let s = 0, n = 0, o = i;
     for (; o && o !== this.host; ) {
-      s += o.offsetLeft, a += o.offsetTop;
+      s += o.offsetLeft, n += o.offsetTop;
       const u = o.style.translate;
       if (u) {
         const m = u.match(/-?[\d.]+/g);
-        m && (s += parseFloat(m[0]) || 0, a += parseFloat(m[1]) || 0);
+        m && (s += parseFloat(m[0]) || 0, n += parseFloat(m[1]) || 0);
       }
       o = o.offsetParent;
     }
     const r = i.offsetWidth, c = i.offsetHeight;
     switch (e) {
       case "top":
-        return { x: s + r / 2, y: a };
+        return { x: s + r / 2, y: n };
       case "right":
-        return { x: s + r, y: a + c / 2 };
+        return { x: s + r, y: n + c / 2 };
       case "bottom":
-        return { x: s + r / 2, y: a + c };
+        return { x: s + r / 2, y: n + c };
       case "left":
-        return { x: s, y: a + c / 2 };
+        return { x: s, y: n + c / 2 };
     }
   }
   #g(t, e, i, s) {
@@ -733,13 +733,13 @@ class Xe {
       }
       case "bezier":
       default: {
-        const s = Math.max(Math.abs(i.x - e.x), Math.abs(i.y - e.y)), a = Math.max(50, s * this.tension), [o, r] = this.#g(e.x, e.y, t.fromPort, a), [c, u] = this.#g(i.x, i.y, t.toPort, a);
+        const s = Math.max(Math.abs(i.x - e.x), Math.abs(i.y - e.y)), n = Math.max(50, s * this.tension), [o, r] = this.#g(e.x, e.y, t.fromPort, n), [c, u] = this.#g(i.x, i.y, t.toPort, n);
         return `M ${e.x} ${e.y} C ${o} ${r}, ${c} ${u}, ${i.x} ${i.y}`;
       }
     }
   }
   // ── Rendering ──
-  #p() {
+  #f() {
     if (!(!this.#a || !this.#s)) {
       this.#o = !0, this.#a.textContent = "", this.#s.textContent = "", this.#i && this.#a.appendChild(this.#i);
       for (const t of this.#e.values()) {
@@ -757,15 +757,15 @@ class Xe {
       });
     }
   }
-  #x() {
+  #C() {
     this.#h || (this.#h = !0, this.#r = requestAnimationFrame(() => {
-      this.#h = !1, this.#p(), this.showPorts && this.#D();
+      this.#h = !1, this.#f(), this.showPorts && this.#D();
     }));
   }
   /** Full update: recreate port indicators (for child list changes). */
   #E() {
     this.#h || (this.#h = !0, this.#r = requestAnimationFrame(() => {
-      this.#h = !1, this.#p(), this.showPorts && !this.#l && this.#S();
+      this.#h = !1, this.#f(), this.showPorts && !this.#l && this.#S();
     }));
   }
   // ── Port indicators (edit mode) ──
@@ -775,9 +775,9 @@ class Xe {
     for (const e of t) {
       const i = (e.getAttribute("data-noodle-port") ?? "").split(/\s+/).filter(Boolean), s = e.id;
       if (s)
-        for (const a of i) {
+        for (const n of i) {
           const o = document.createElement("div");
-          o.setAttribute("data-noodle-port-indicator", ""), o.setAttribute("data-noodle-side", a), o.setAttribute("data-noodle-target", s), o.style.cssText = `position:absolute;width:${this.portSize}px;height:${this.portSize}px;border-radius:50%;background:${this.color};border:2px solid white;pointer-events:auto;cursor:crosshair;z-index:5;touch-action:none;transform:translate(-50%,-50%);transition:transform 150ms ease,box-shadow 150ms ease;box-shadow:0 1px 3px rgba(0,0,0,0.2);`, o.addEventListener("pointerdown", this.#I), this.host.appendChild(o), this.#u.push(o);
+          o.setAttribute("data-noodle-port-indicator", ""), o.setAttribute("data-noodle-side", n), o.setAttribute("data-noodle-target", s), o.style.cssText = `position:absolute;width:${this.portSize}px;height:${this.portSize}px;border-radius:50%;background:${this.color};border:2px solid white;pointer-events:auto;cursor:crosshair;z-index:5;touch-action:none;transform:translate(-50%,-50%);transition:transform 150ms ease,box-shadow 150ms ease;box-shadow:0 1px 3px rgba(0,0,0,0.2);`, o.addEventListener("pointerdown", this.#I), this.host.appendChild(o), this.#u.push(o);
         }
     }
     this.#D(), this.#l || queueMicrotask(() => {
@@ -801,10 +801,10 @@ class Xe {
     const e = t.target.closest("[data-noodle-port-indicator]");
     if (!e) return;
     t.preventDefault(), t.stopPropagation();
-    const i = e.getAttribute("data-noodle-target"), s = e.getAttribute("data-noodle-side"), a = this.host.querySelector(`#${CSS.escape(i)}`);
-    if (a) {
+    const i = e.getAttribute("data-noodle-target"), s = e.getAttribute("data-noodle-side"), n = this.host.querySelector(`#${CSS.escape(i)}`);
+    if (n) {
       this.#l = {
-        fromElement: a,
+        fromElement: n,
         fromPort: s,
         fromId: i,
         pointerId: t.pointerId,
@@ -827,7 +827,7 @@ class Xe {
     if (!e || !this.#i) return;
     const i = this.#c(e.fromId, e.fromPort);
     if (!i) return;
-    const { x: s, y: a } = this.#A(t.clientX, t.clientY), o = Math.max(Math.abs(s - i.x), Math.abs(a - i.y)), r = Math.max(50, o * this.tension), [c, u] = this.#g(i.x, i.y, e.fromPort, r), m = `M ${i.x} ${i.y} C ${c} ${u}, ${s} ${a}, ${s} ${a}`;
+    const { x: s, y: n } = this.#A(t.clientX, t.clientY), o = Math.max(Math.abs(s - i.x), Math.abs(n - i.y)), r = Math.max(50, o * this.tension), [c, u] = this.#g(i.x, i.y, e.fromPort, r), m = `M ${i.x} ${i.y} C ${c} ${u}, ${s} ${n}, ${s} ${n}`;
     this.#i.setAttribute("d", m), this.#Y(t.clientX, t.clientY);
   };
   #$ = (t) => {
@@ -835,8 +835,8 @@ class Xe {
     if (!e) return;
     const i = this.#N(t.clientX, t.clientY);
     if (i) {
-      const s = i.getAttribute("data-noodle-target"), a = i.getAttribute("data-noodle-side");
-      (s !== e.fromId || a !== e.fromPort) && this.connect(e.fromId, s, e.fromPort, a);
+      const s = i.getAttribute("data-noodle-target"), n = i.getAttribute("data-noodle-side");
+      (s !== e.fromId || n !== e.fromPort) && this.connect(e.fromId, s, e.fromPort, n);
     }
     this.#L();
   };
@@ -851,11 +851,11 @@ class Xe {
   // ── Proximity helpers ──
   /** Find the nearest droppable port within DROP_SNAP_RADIUS of a screen point. */
   #N(t, e) {
-    let i = null, s = Oe;
-    for (const a of this.#u) {
-      if (!a.hasAttribute("data-noodle-droppable")) continue;
-      const o = a.getBoundingClientRect(), r = o.left + o.width / 2, c = o.top + o.height / 2, u = Math.hypot(t - r, e - c);
-      u < s && (s = u, i = a);
+    let i = null, s = _e;
+    for (const n of this.#u) {
+      if (!n.hasAttribute("data-noodle-droppable")) continue;
+      const o = n.getBoundingClientRect(), r = o.left + o.width / 2, c = o.top + o.height / 2, u = Math.hypot(t - r, e - c);
+      u < s && (s = u, i = n);
     }
     return i;
   }
@@ -866,9 +866,9 @@ class Xe {
       s === i ? s.setAttribute("data-noodle-drop-ready", "") : s.removeAttribute("data-noodle-drop-ready");
     if (i && this.#i && this.#l) {
       this.#i.setAttribute("stroke", this.color), this.#i.style.opacity = "1", this.#i.removeAttribute("stroke-dasharray");
-      const s = i.getAttribute("data-noodle-target"), a = i.getAttribute("data-noodle-side"), o = this.#c(s, a), r = this.#c(this.#l.fromId, this.#l.fromPort);
+      const s = i.getAttribute("data-noodle-target"), n = i.getAttribute("data-noodle-side"), o = this.#c(s, n), r = this.#c(this.#l.fromId, this.#l.fromPort);
       if (r && o) {
-        const c = Math.max(Math.abs(o.x - r.x), Math.abs(o.y - r.y)), u = Math.max(50, c * this.tension), [m, h] = this.#g(r.x, r.y, this.#l.fromPort, u), [d, v] = this.#g(o.x, o.y, a, u);
+        const c = Math.max(Math.abs(o.x - r.x), Math.abs(o.y - r.y)), u = Math.max(50, c * this.tension), [m, h] = this.#g(r.x, r.y, this.#l.fromPort, u), [d, v] = this.#g(o.x, o.y, n, u);
         this.#i.setAttribute("d", `M ${r.x} ${r.y} C ${m} ${h}, ${d} ${v}, ${o.x} ${o.y}`);
       }
     } else this.#i && (this.#i.setAttribute("stroke", "var(--aui-ink-muted)"), this.#i.style.opacity = "0.7", this.#i.setAttribute("stroke-dasharray", "6 4"));
@@ -881,12 +881,12 @@ class Xe {
     const s = this.#e.get(i);
     if (!s) return;
     t.preventDefault(), t.stopPropagation(), this.#o = !0;
-    const a = this.#c(s.from, s.fromPort), o = this.#c(s.to, s.toPort);
-    if (!a || !o) {
+    const n = this.#c(s.from, s.fromPort), o = this.#c(s.to, s.toPort);
+    if (!n || !o) {
       this.#o = !1;
       return;
     }
-    const { x: r, y: c } = this.#A(t.clientX, t.clientY), u = Math.hypot(r - a.x, c - a.y), m = Math.hypot(r - o.x, c - o.y), h = u < m ? s.to : s.from, d = u < m ? s.toPort : s.fromPort;
+    const { x: r, y: c } = this.#A(t.clientX, t.clientY), u = Math.hypot(r - n.x, c - n.y), m = Math.hypot(r - o.x, c - o.y), h = u < m ? s.to : s.from, d = u < m ? s.toPort : s.fromPort;
     this.disconnect(i);
     const v = this.#u.find(
       (g) => g.getAttribute("data-noodle-target") === h && g.getAttribute("data-noodle-side") === d
@@ -914,10 +914,10 @@ class Xe {
       y === h && P === d || g.setAttribute("data-noodle-droppable", "");
     }
     this.#i = document.createElementNS(L, "path"), this.#i.setAttribute("stroke", "var(--aui-ink-muted)"), this.#i.setAttribute("stroke-width", String(this.strokeWidth)), this.#i.setAttribute("fill", "none"), this.#i.setAttribute("stroke-dasharray", "6 4"), this.#i.setAttribute("stroke-linecap", "round"), this.#i.style.opacity = "0.7";
-    const p = this.#c(h, d), { x: b, y: x } = this.#A(t.clientX, t.clientY);
-    if (p) {
-      const g = Math.max(Math.abs(b - p.x), Math.abs(x - p.y)), y = Math.max(50, g * this.tension), [P, E] = this.#g(p.x, p.y, d, y);
-      this.#i.setAttribute("d", `M ${p.x} ${p.y} C ${P} ${E}, ${b} ${x}, ${b} ${x}`);
+    const f = this.#c(h, d), { x: b, y: C } = this.#A(t.clientX, t.clientY);
+    if (f) {
+      const g = Math.max(Math.abs(b - f.x), Math.abs(C - f.y)), y = Math.max(50, g * this.tension), [P, E] = this.#g(f.x, f.y, d, y);
+      this.#i.setAttribute("d", `M ${f.x} ${f.y} C ${P} ${E}, ${b} ${C}, ${b} ${C}`);
     }
     this.#a?.appendChild(this.#i), this.host.dispatchEvent(new CustomEvent("aui:noodle-drag", {
       bubbles: !0,
@@ -926,14 +926,14 @@ class Xe {
     })), document.addEventListener("pointermove", this.#P), document.addEventListener("pointerup", this.#$), document.addEventListener("pointercancel", this.#M);
   };
   // ── Movement tracking ──
-  #C = () => {
-    this.#x();
+  #x = () => {
+    this.#C();
   };
   #R() {
-    this.#m = new ResizeObserver(() => this.#x()), this.#m.observe(this.host), this.#f = new MutationObserver((t) => {
+    this.#m = new ResizeObserver(() => this.#C()), this.#m.observe(this.host), this.#p = new MutationObserver((t) => {
       if (this.#o) return;
-      t.some((i) => i.type === "childList") ? this.#E() : this.#x();
-    }), this.#f.observe(this.host, {
+      t.some((i) => i.type === "childList") ? this.#E() : this.#C();
+    }), this.#p.observe(this.host, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -941,10 +941,10 @@ class Xe {
     });
   }
   #F() {
-    this.#m?.disconnect(), this.#m = null, this.#f?.disconnect(), this.#f = null;
+    this.#m?.disconnect(), this.#m = null, this.#p?.disconnect(), this.#p = null;
   }
 }
-class _e extends T {
+class Ke extends T {
   static attributes = {
     editable: { type: "boolean", default: !1 },
     color: { type: "string", default: "" },
@@ -984,7 +984,7 @@ class _e extends T {
   }
   // ── Lifecycle ──
   activate() {
-    this.#n = new Xe(this, this.#t());
+    this.#n = new Be(this, this.#t());
   }
   dispose() {
     this.#n?.destroy(), this.#n = null;
@@ -1009,9 +1009,9 @@ class _e extends T {
       isNaN(r) || (t.tension = r);
     }
     this.hasAttribute("show-ports") && (t.showPorts = this.getAttribute("show-ports") !== "false");
-    const a = this.getAttribute("port-size");
-    if (a) {
-      const r = Number(a);
+    const n = this.getAttribute("port-size");
+    if (n) {
+      const r = Number(n);
       isNaN(r) || (t.portSize = r);
     }
     const o = this.getAttribute("curve");
@@ -1024,7 +1024,7 @@ class _e extends T {
         i.editable = e !== null, i.update();
         break;
       case "color":
-        i.color = e ?? "var(--aui-accent-500)", i.update();
+        i.color = e ?? "var(--aui-accent)", i.update();
         break;
       case "stroke-width": {
         const s = Number(e);
@@ -1056,11 +1056,11 @@ class _e extends T {
     }
   }
 }
-const Be = '<svg width="20" height="20" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M92.2671 346.112C88.1711 262.144 202.347 250.88 288.875 237.568C288.363 202.752 290.923 133.12 221.291 133.12C206.955 133.12 197.227 134.144 186.987 137.216L189.547 147.968C228.459 148.992 238.187 173.056 237.163 193.024C235.115 229.888 196.715 242.688 169.579 242.688C141.419 242.688 104.555 227.328 106.091 186.88C107.627 143.872 163.435 112.64 250.987 112.64C348.779 112.64 403.563 139.776 403.563 244.736V351.744C403.563 369.152 407.659 375.296 417.387 375.296C422.507 375.296 427.627 369.664 431.723 361.984L444.523 369.152C423.019 401.408 391.275 415.744 362.603 415.744C302.699 415.744 279.147 377.856 308.331 313.856L296.043 309.76C277.611 386.048 232.555 415.744 180.331 415.744C135.787 415.744 94.3151 391.68 92.2671 346.112ZM202.859 327.168C208.491 348.672 227.435 357.888 245.355 351.232C267.883 343.04 285.291 311.808 288.363 265.216L288.875 257.536C232.555 267.776 191.083 283.136 202.859 327.168Z" fill="currentColor"/></svg>';
-function k(f) {
-  return f.split("-").map((t) => t[0].toUpperCase() + t.slice(1)).join(" ");
+const je = '<svg width="20" height="20" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M92.2671 346.112C88.1711 262.144 202.347 250.88 288.875 237.568C288.363 202.752 290.923 133.12 221.291 133.12C206.955 133.12 197.227 134.144 186.987 137.216L189.547 147.968C228.459 148.992 238.187 173.056 237.163 193.024C235.115 229.888 196.715 242.688 169.579 242.688C141.419 242.688 104.555 227.328 106.091 186.88C107.627 143.872 163.435 112.64 250.987 112.64C348.779 112.64 403.563 139.776 403.563 244.736V351.744C403.563 369.152 407.659 375.296 417.387 375.296C422.507 375.296 427.627 369.664 431.723 361.984L444.523 369.152C423.019 401.408 391.275 415.744 362.603 415.744C302.699 415.744 279.147 377.856 308.331 313.856L296.043 309.76C277.611 386.048 232.555 415.744 180.331 415.744C135.787 415.744 94.3151 391.68 92.2671 346.112ZM202.859 327.168C208.491 348.672 227.435 357.888 245.355 351.232C267.883 343.04 285.291 311.808 288.363 265.216L288.875 257.536C232.555 267.776 191.083 283.136 202.859 327.168Z" fill="currentColor"/></svg>';
+function k(p) {
+  return p.split("-").map((t) => t[0].toUpperCase() + t.slice(1)).join(" ");
 }
-class Ke extends T {
+class Je extends T {
   static attributes = {
     src: { type: "string", default: "./preview.json" }
   };
@@ -1074,7 +1074,7 @@ class Ke extends T {
     this.#u();
   }
   dispose() {
-    document.removeEventListener("keydown", this.#f);
+    document.removeEventListener("keydown", this.#p);
   }
   async #u() {
     let t;
@@ -1084,35 +1084,35 @@ class Ke extends T {
       this.textContent = "Failed to load preview.json";
       return;
     }
-    const { section: e, param: i, items: s, links: a } = t, r = new URL(this.src, window.location.href).href.replace(/preview\.json$/, ""), u = new URLSearchParams(location.search).get(i), m = document.createElement("div");
+    const { section: e, param: i, items: s, links: n } = t, r = new URL(this.src, window.location.href).href.replace(/preview\.json$/, ""), u = new URLSearchParams(location.search).get(i), m = document.createElement("div");
     m.setAttribute("data-role", "navbar");
     const h = document.createElement("aui-select");
     h.setAttribute("mode", "bar"), h.setAttribute("width", "full");
     const d = document.createElement("aui-option");
-    d.setAttribute("value", ""), d.setAttribute("overflow-pin", ""), d.setAttribute("data-preview-logo", ""), d.dataset.href = window.location.pathname, d.innerHTML = `${Be} AgentUI`, h.appendChild(d);
+    d.setAttribute("value", ""), d.setAttribute("overflow-pin", ""), d.setAttribute("data-preview-logo", ""), d.dataset.href = window.location.pathname, d.innerHTML = `${je} AgentUI`, h.appendChild(d);
     const v = "aui-preview-scheme", l = localStorage.getItem(v);
     l && (document.documentElement.dataset.theme = l, document.documentElement.style.colorScheme = l);
-    const p = document.createElement("aui-button");
-    p.setAttribute("ghost", ""), p.setAttribute("size", "sm"), p.setAttribute("hide-label", ""), p.setAttribute("label", "Toggle color scheme");
-    const b = document.createElement("aui-icon"), x = document.documentElement.dataset.theme === "dark";
-    b.setAttribute("name", x ? "sun" : "moon"), p.appendChild(b), h.appendChild(p), p.addEventListener("click", () => {
-      const A = document.documentElement, C = A.dataset.theme === "dark", w = C ? "light" : "dark";
-      A.dataset.theme = w, A.style.colorScheme = w, localStorage.setItem(v, w), b.setAttribute("name", C ? "moon" : "sun");
+    const f = document.createElement("aui-button");
+    f.setAttribute("ghost", ""), f.setAttribute("size", "sm"), f.setAttribute("hide-label", ""), f.setAttribute("label", "Toggle color scheme");
+    const b = document.createElement("aui-icon"), C = document.documentElement.dataset.theme === "dark";
+    b.setAttribute("name", C ? "sun" : "moon"), f.appendChild(b), h.appendChild(f), f.addEventListener("click", () => {
+      const A = document.documentElement, x = A.dataset.theme === "dark", w = x ? "light" : "dark";
+      A.dataset.theme = w, A.style.colorScheme = w, localStorage.setItem(v, w), b.setAttribute("name", x ? "moon" : "sun");
     });
     const g = document.createElement("aui-select");
-    if (g.setAttribute("placeholder", k(e)), g.setAttribute("outline", ""), g.setAttribute("data-role", "page-select"), a.length) {
+    if (g.setAttribute("placeholder", k(e)), g.setAttribute("outline", ""), g.setAttribute("data-role", "page-select"), n.length) {
       const A = document.createElement("aui-optgroup");
       A.setAttribute("label", "Sections");
-      for (const C of a) {
+      for (const x of n) {
         const w = document.createElement("aui-option");
-        w.setAttribute("value", `go-${C.label.toLowerCase()}`), w.dataset.href = C.href, w.textContent = C.label, A.appendChild(w);
+        w.setAttribute("value", `go-${x.label.toLowerCase()}`), w.dataset.href = x.href, w.textContent = x.label, A.appendChild(w);
       }
       g.appendChild(A);
     }
     let y = null, P = "";
     for (const A of s) {
-      const C = A.group || k(e);
-      C !== P && (y = document.createElement("aui-optgroup"), y.setAttribute("label", C), g.appendChild(y), P = C);
+      const x = A.group || k(e);
+      x !== P && (y = document.createElement("aui-optgroup"), y.setAttribute("label", x), g.appendChild(y), P = x);
       const w = document.createElement("aui-option");
       w.setAttribute("value", A.slug), A.file && (w.dataset.file = A.file), A.slug === u && w.setAttribute("selected", ""), w.textContent = A.name || k(A.slug), y.appendChild(w);
     }
@@ -1126,19 +1126,19 @@ class Ke extends T {
       const w = A.target.closest("aui-option")?.dataset?.href;
       w && (window.location.href = w);
     }), g.addEventListener("change", (A) => {
-      const C = A.target.value, G = g.querySelector(`aui-option[value="${C}"]`)?.dataset?.href;
-      if (G) {
-        window.location.href = G;
+      const x = A.target.value, z = g.querySelector(`aui-option[value="${x}"]`)?.dataset?.href;
+      if (z) {
+        window.location.href = z;
         return;
       }
       const U = new URL(window.location.href);
-      U.searchParams.set(i, C), window.location.href = U.toString();
+      U.searchParams.set(i, x), window.location.href = U.toString();
     }), u) {
-      const C = s.find((w) => w.slug === u)?.file || `${u}/${u}.html`;
-      document.title = `${k(u)} — AgentUI ${k(e)}`, await this.#h(C, r);
+      const x = s.find((w) => w.slug === u)?.file || `${u}/${u}.html`;
+      document.title = `${k(u)} — AgentUI ${k(e)}`, await this.#h(x, r);
     } else
       document.title = `AgentUI — ${k(e)}`, await this.#o(s, r);
-    this.#e = t, this.#a = u, this.#l(t, i), document.addEventListener("keydown", this.#f), requestAnimationFrame(() => this.#d());
+    this.#e = t, this.#a = u, this.#l(t, i), document.addEventListener("keydown", this.#p), requestAnimationFrame(() => this.#d());
   }
   // ── Command palette ──
   #l(t, e) {
@@ -1146,8 +1146,8 @@ class Ke extends T {
     i.setAttribute("size", "sm");
     const s = document.createElement("aui-command");
     s.setAttribute("max-width", "full");
-    const a = document.createElement("aui-command-input");
-    a.setAttribute("placeholder", `Go to ${k(t.section)}…`), s.appendChild(a);
+    const n = document.createElement("aui-command-input");
+    n.setAttribute("placeholder", `Go to ${k(t.section)}…`), s.appendChild(n);
     const o = document.createElement("aui-command-list");
     if (t.links.length) {
       const m = document.createElement("aui-command-group");
@@ -1191,7 +1191,7 @@ class Ke extends T {
     this.#s?.removeAttribute("open");
   }
   // ── Keyboard navigation ──
-  #f = (t) => {
+  #p = (t) => {
     if ((t.metaKey || t.ctrlKey) && t.key === "k") {
       t.preventDefault(), this.#s?.hasAttribute("open") ? this.#m() : this.#i();
       return;
@@ -1207,15 +1207,15 @@ class Ke extends T {
     if (!this.#e) return;
     const { items: e, param: i } = this.#e;
     if (!e.length) return;
-    let a = (this.#a ? e.findIndex((c) => c.slug === this.#a) : -1) + t;
-    a >= e.length && (a = 0), a < 0 && (a = e.length - 1);
-    const o = e[a];
+    let n = (this.#a ? e.findIndex((c) => c.slug === this.#a) : -1) + t;
+    n >= e.length && (n = 0), n < 0 && (n = e.length - 1);
+    const o = e[n];
     if (!o) return;
     const r = new URL(window.location.href);
     r.searchParams.set(i, o.slug), window.location.href = r.toString();
   }
   async #h(t, e) {
-    const i = `${e}${t}`, s = t.replace(/\.html$/, ""), a = `${e}${s}.css`, o = `${e}${s}.ts`;
+    const i = `${e}${t}`, s = t.replace(/\.html$/, ""), n = `${e}${s}.css`, o = `${e}${s}.ts`;
     try {
       const l = await fetch(i);
       l.ok && (this.#t.innerHTML = await l.text());
@@ -1231,15 +1231,15 @@ class Ke extends T {
     }));
     let h = u, d = 0;
     const v = [];
-    for (const { el: l, height: p, width: b } of m)
-      v.push({ el: l, y: h, width: b }), b > d && (d = b), h += p + c;
-    for (const { el: l, y: p, width: b } of v)
-      l.style.position = "absolute", l.style.left = `${(d - b) / 2}px`, l.style.top = `${p}px`, l.tagName === "AUI-GRAPH-UI" || l.tagName === "AUI-EDITOR" || (z(l, "drag", { config: { mode: "free", modifier: "alt" } }), z(l, "resize", { config: { modifier: "alt" } }));
+    for (const { el: l, height: f, width: b } of m)
+      v.push({ el: l, y: h, width: b }), b > d && (d = b), h += f + c;
+    for (const { el: l, y: f, width: b } of v)
+      l.style.position = "absolute", l.style.left = `${(d - b) / 2}px`, l.style.top = `${f}px`, l.tagName === "AUI-GRAPH-UI" || l.tagName === "AUI-EDITOR" || (G(l, "drag", { config: { mode: "free", modifier: "alt" } }), G(l, "resize", { config: { modifier: "alt" } }));
     this.#t.style.width = `${d}px`, this.#t.style.height = `${h}px`;
     try {
-      if ((await fetch(a, { method: "HEAD" })).ok) {
-        const p = document.createElement("link");
-        p.rel = "stylesheet", p.href = a, document.head.appendChild(p);
+      if ((await fetch(n, { method: "HEAD" })).ok) {
+        const f = document.createElement("link");
+        f.rel = "stylesheet", f.href = n, document.head.appendChild(f);
       }
     } catch {
     }
@@ -1251,19 +1251,19 @@ class Ke extends T {
     } catch {
     }
     for (const l of Array.from(this.#t.querySelectorAll("script"))) {
-      const p = document.createElement("script");
-      for (const b of l.attributes) p.setAttribute(b.name, b.value);
-      p.textContent = l.textContent, l.replaceWith(p);
+      const f = document.createElement("script");
+      for (const b of l.attributes) f.setAttribute(b.name, b.value);
+      f.textContent = l.textContent, l.replaceWith(f);
     }
     requestAnimationFrame(() => this.#d());
   }
   async #o(t, e) {
-    const a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
+    const n = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set();
     let r = 200, c = 0;
     for (const u of t) {
       const m = u.file || `${u.slug}/${u.slug}.html`, h = m.replace(/\.html$/, ""), d = `${e}${m}`, v = `${e}${h}.css`, l = `${e}${h}.ts`;
-      if (!a.has(v)) {
-        a.add(v);
+      if (!n.has(v)) {
+        n.add(v);
         const y = document.createElement("link");
         y.rel = "stylesheet", y.href = v, document.head.appendChild(y);
       }
@@ -1277,18 +1277,18 @@ class Ke extends T {
         } catch {
         }
       }
-      let p = "";
+      let f = "";
       try {
         const y = await fetch(d);
-        y.ok && (p = await y.text());
+        y.ok && (f = await y.text());
       } catch {
         continue;
       }
-      if (!p.trim()) continue;
+      if (!f.trim()) continue;
       const b = document.createElement("div");
-      b.setAttribute("data-role", "gallery-item"), b.innerHTML = `<h3 style="margin:0 0 1rem;font-family:var(--aui-font-family);font-size:var(--aui-font-lg);font-weight:var(--aui-font-weight-semibold);color:var(--aui-ink-muted);">${u.name || k(u.slug)}</h3>${p}`, this.#t.appendChild(b), await new Promise((y) => requestAnimationFrame(y));
-      const x = b.offsetHeight, g = b.offsetWidth;
-      b.style.position = "absolute", b.style.top = `${r}px`, b.__measuredWidth = g, g > c && (c = g), r += x + 96;
+      b.setAttribute("data-role", "gallery-item"), b.innerHTML = `<h3 style="margin:0 0 1rem;font-family:var(--aui-font-family);font-size:var(--aui-font-lg);font-weight:var(--aui-font-weight-semibold);color:var(--aui-ink-muted);">${u.name || k(u.slug)}</h3>${f}`, this.#t.appendChild(b), await new Promise((y) => requestAnimationFrame(y));
+      const C = b.offsetHeight, g = b.offsetWidth;
+      b.style.position = "absolute", b.style.top = `${r}px`, b.__measuredWidth = g, g > c && (c = g), r += C + 96;
     }
     for (const u of Array.from(this.#t.children)) {
       const m = u.__measuredWidth ?? u.offsetWidth;
@@ -1302,129 +1302,131 @@ class Ke extends T {
   }
 }
 et();
-n("aui-button", lt);
-n("aui-input", dt);
-n("aui-checkbox", ct);
-n("aui-switch", ht);
-n("aui-radio", mt);
-n("aui-radio-group", ft);
-n("aui-textarea", pt);
-n("aui-container", bt);
-n("aui-dialog", gt);
-n("aui-drawer", vt);
-n("aui-icon", At);
-n("aui-tooltip", yt);
-n("aui-range", wt);
-n("aui-input-otp", Ct);
-n("aui-gripper", xt);
-n("aui-option", Et);
-n("aui-optgroup", kt);
-n("aui-select", St);
-n("aui-toast", Pt);
-n("aui-tabs", $t);
-n("aui-tab", Mt);
-n("aui-tab-panel", Lt);
-n("aui-accordion", Dt);
-n("aui-accordion-item", Tt);
-n("aui-breadcrumb", It);
-n("aui-breadcrumb-item", Nt);
-n("aui-segmented-control", Yt);
-n("aui-segment", qt);
-n("aui-pagination", Rt);
-n("aui-command", Ft);
-n("aui-command-input", zt);
-n("aui-command-list", Gt);
-n("aui-command-item", Ut);
-n("aui-command-group", Ht);
-n("aui-command-empty", Wt);
-n("aui-panes", Ot);
-n("aui-pane", Xt);
-n("aui-table", _t);
-n("aui-table-head", Bt);
-n("aui-table-body", Kt);
-n("aui-table-row", jt);
-n("aui-table-header", Jt);
-n("aui-table-cell", Vt);
-n("aui-table-column", Fe);
-n("aui-tree", Zt);
-n("aui-tree-item", Qt);
-n("aui-feed", te);
-n("aui-root", ee);
-n("aui-canvas", ze);
-n("aui-calendar", He);
-n("aui-calendar-picker", ie);
-n("aui-calendar-range-picker", se);
-n("aui-noodles", _e);
-n("aui-agent-feed", _);
-n("aui-agent-thread", B);
-n("aui-agent-message", K);
-n("aui-agent-text", j);
-n("aui-agent-activity", J);
-n("aui-agent-seeds", V);
-n("aui-agent-panel", Z);
-n("aui-agent-input", Q);
-n("aui-agent-prompt", tt);
-n("aui-app-shell", ae);
-n("aui-page", ne);
-n("aui-page-main", oe);
-n("aui-page-context", re);
-n("aui-sidebar", ue);
-n("aui-sidebar-header", le);
-n("aui-sidebar-content", de);
-n("aui-sidebar-footer", ce);
-n("aui-preview-app", Ke);
-n("aui-editor", it);
-n("aui-editor-layer", st);
-n("aui-graph-ui", at);
-n("aui-graph-layer", nt);
-n("aui-graph-node", ot);
-n("aui-graph-noodle", rt);
-n("aui-graph-port", ut);
-n("aui-progress", he);
-n("aui-code-block", me);
-n("aui-sparkline", fe);
-n("aui-chip", pe);
-n("aui-disclosure", be);
-n("aui-avatar-group", ge);
-n("aui-progress-circle", ve);
-n("aui-disclosure-group", Ae);
-n("aui-tag-group", ye);
-n("aui-color-area", we);
-n("aui-color-slider", Ce);
-n("aui-color-field", xe);
-n("aui-time-field", Ee);
-n("aui-date-field", ke);
-n("aui-context-menu", Se);
-n("aui-dropdown-menu", Pe);
-n("aui-hover-card", $e);
-n("aui-color-picker", Me);
-n("aui-file-upload", Le);
-n("aui-copy-button", De);
-n("aui-stat", Te);
-n("aui-image", Ie);
-n("aui-carousel", Ne);
-n("aui-notification-center", Ye);
-n("aui-empty-state", qe);
-n("aui-meter", Re);
+a("aui-button", lt);
+a("aui-input", dt);
+a("aui-checkbox", ct);
+a("aui-switch", ht);
+a("aui-radio", mt);
+a("aui-radio-group", pt);
+a("aui-textarea", ft);
+a("aui-container", bt);
+a("aui-dialog", gt);
+a("aui-drawer", vt);
+a("aui-icon", At);
+a("aui-tooltip", yt);
+a("aui-range", wt);
+a("aui-input-otp", xt);
+a("aui-gripper", Ct);
+a("aui-option", Et);
+a("aui-optgroup", kt);
+a("aui-select", St);
+a("aui-toast", Pt);
+a("aui-tabs", $t);
+a("aui-tab", Mt);
+a("aui-tab-panel", Lt);
+a("aui-accordion", Dt);
+a("aui-accordion-item", Tt);
+a("aui-breadcrumb", It);
+a("aui-breadcrumb-item", Nt);
+a("aui-segmented-control", Yt);
+a("aui-segment", qt);
+a("aui-pagination", Rt);
+a("aui-command", Ft);
+a("aui-command-input", Gt);
+a("aui-command-list", zt);
+a("aui-command-item", Ut);
+a("aui-command-group", Ht);
+a("aui-command-empty", Wt);
+a("aui-panes", Ot);
+a("aui-pane", Xt);
+a("aui-table", _t);
+a("aui-table-head", Bt);
+a("aui-table-body", Kt);
+a("aui-table-row", jt);
+a("aui-table-header", Jt);
+a("aui-table-cell", Vt);
+a("aui-table-column", ze);
+a("aui-tree", Zt);
+a("aui-tree-item", Qt);
+a("aui-feed", te);
+a("aui-root", ee);
+a("aui-canvas", Ue);
+a("aui-calendar", Oe);
+a("aui-calendar-picker", ie);
+a("aui-calendar-range-picker", se);
+a("aui-noodles", Ke);
+a("aui-agent-feed", _);
+a("aui-agent-thread", B);
+a("aui-agent-message", K);
+a("aui-agent-text", j);
+a("aui-agent-activity", J);
+a("aui-agent-seeds", V);
+a("aui-agent-panel", Z);
+a("aui-agent-input", Q);
+a("aui-agent-prompt", tt);
+a("aui-app-shell", ae);
+a("aui-page", ne);
+a("aui-page-main", oe);
+a("aui-page-context", re);
+a("aui-sidebar", ue);
+a("aui-sidebar-header", le);
+a("aui-sidebar-content", de);
+a("aui-sidebar-footer", ce);
+a("aui-preview-app", Je);
+a("aui-editor", it);
+a("aui-editor-layer", st);
+a("aui-graph-ui", at);
+a("aui-graph-layer", nt);
+a("aui-graph-node", ot);
+a("aui-graph-noodle", rt);
+a("aui-graph-port", ut);
+a("aui-progress", he);
+a("aui-code-block", me);
+a("aui-sparkline", pe);
+a("aui-chip", fe);
+a("aui-disclosure", be);
+a("aui-avatar-group", ge);
+a("aui-progress-circle", ve);
+a("aui-disclosure-group", Ae);
+a("aui-tag-group", ye);
+a("aui-color-area", we);
+a("aui-color-slider", xe);
+a("aui-color-field", Ce);
+a("aui-time-field", Ee);
+a("aui-date-field", ke);
+a("aui-context-menu", Se);
+a("aui-dropdown-menu", Pe);
+a("aui-hover-card", $e);
+a("aui-color-picker", Me);
+a("aui-file-upload", Le);
+a("aui-copy-button", De);
+a("aui-stat", Te);
+a("aui-image", Ie);
+a("aui-carousel", Ne);
+a("aui-notification-center", Ye);
+a("aui-empty-state", qe);
+a("aui-meter", Re);
+a("aui-checkbox-group", Fe);
+a("aui-form", Ge);
 const q = /* @__PURE__ */ new WeakMap();
-function Y(f) {
-  if (f instanceof T || q.has(f)) return;
-  const t = f.getAttribute("traits");
+function Y(p) {
+  if (p instanceof T || q.has(p)) return;
+  const t = p.getAttribute("traits");
   if (!t) return;
-  const e = O(t), i = X(e, f.localName), s = [];
-  for (const { entry: a } of i) {
-    const o = z(f, a.name, {
-      config: a.config
+  const e = O(t), i = X(e, p.localName), s = [];
+  for (const { entry: n } of i) {
+    const o = G(p, n.name, {
+      config: n.config
     });
     s.push(o);
   }
-  q.set(f, s);
+  q.set(p, s);
 }
-function F(f) {
-  const t = q.get(f);
+function F(p) {
+  const t = q.get(p);
   if (t) {
     for (const e of t) e();
-    q.delete(f);
+    q.delete(p);
   }
 }
 function W() {
@@ -1437,15 +1439,15 @@ function W() {
           if (i.nodeType !== 1) continue;
           const s = i;
           s.hasAttribute("traits") && Y(s);
-          for (const a of s.querySelectorAll("[traits]"))
-            Y(a);
+          for (const n of s.querySelectorAll("[traits]"))
+            Y(n);
         }
         for (const i of e.removedNodes) {
           if (i.nodeType !== 1) continue;
           const s = i;
           F(s);
-          for (const a of s.querySelectorAll("[traits]"))
-            F(a);
+          for (const n of s.querySelectorAll("[traits]"))
+            F(n);
         }
       }
       if (e.type === "attributes" && e.attributeName === "traits") {
@@ -1461,8 +1463,8 @@ function W() {
   });
 }
 document.body ? W() : document.addEventListener("DOMContentLoaded", W, { once: !0 });
-document.addEventListener("click", (f) => {
-  const t = f.target?.closest?.("[popover-trigger]");
+document.addEventListener("click", (p) => {
+  const t = p.target?.closest?.("[popover-trigger]");
   if (!t) return;
   const e = t.getAttribute("popover-trigger");
   if (!e) return;
@@ -1475,8 +1477,8 @@ document.addEventListener("click", (f) => {
   } catch {
   }
 });
-for (const f of ["pointermove", "pointerdown", "pointerup", "mouseover", "mouseenter", "mouseleave"])
-  document.addEventListener(f, (t) => {
+for (const p of ["pointermove", "pointerdown", "pointerup", "mouseover", "mouseenter", "mouseleave"])
+  document.addEventListener(p, (t) => {
     t.target?.closest?.("[popover], dialog") && t.stopPropagation();
   }, !0);
 //# sourceMappingURL=register.js.map