@agent-ui-kit/web-components 0.0.1

package/dist/chunks/agent-ciCayeod.js

@@ -0,0 +1,1241 @@
+let d = null, b = 0;
+const m = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new Set();
+function T() {
+  return d;
+}
+function v(i) {
+  d = i;
+}
+function M() {
+  return b;
+}
+function P() {
+  b++;
+}
+function N() {
+  b--;
+}
+class j {
+  _value;
+  _subs = /* @__PURE__ */ new Set();
+  constructor(t) {
+    this._value = t;
+  }
+}
+class E {
+  _subs = /* @__PURE__ */ new Set();
+  _deps = /* @__PURE__ */ new Set();
+  _fn;
+  _value = void 0;
+  _dirty = !0;
+  constructor(t) {
+    this._fn = t;
+  }
+  _notify() {
+    if (!this._dirty) {
+      this._dirty = !0;
+      for (const t of [...this._subs])
+        t instanceof E ? t._notify() : b > 0 ? m.add(t) : A(t);
+    }
+  }
+}
+class I {
+  _deps = /* @__PURE__ */ new Set();
+  _fn;
+  _disposed = !1;
+  _running = !1;
+  constructor(t) {
+    this._fn = t;
+  }
+}
+function q(i) {
+  d !== null && (i._subs.add(d), d._deps.add(i));
+}
+function L(i) {
+  for (const t of i._deps)
+    t._subs.delete(i);
+  i._deps.clear();
+}
+function D(i) {
+  for (const t of [...i._subs])
+    t instanceof E ? t._notify() : b > 0 ? m.add(t) : A(t);
+}
+function A(i) {
+  if (i._disposed || i._running) return;
+  L(i);
+  const t = d;
+  d = i, i._running = !0;
+  try {
+    i._fn();
+  } finally {
+    d = t, i._running = !1;
+  }
+}
+function F() {
+  let i = 0;
+  for (; m.size > 0; ) {
+    if (++i > 100)
+      throw new Error("Reactive flush limit exceeded (100 iterations). Possible infinite loop.");
+    const t = [...m];
+    m.clear();
+    for (const e of t)
+      A(e);
+  }
+}
+class R {
+  [Symbol.toStringTag] = "Signal";
+  #t;
+  constructor(t) {
+    this.#t = t;
+  }
+  get value() {
+    return q(this.#t), this.#t._value;
+  }
+  set value(t) {
+    Object.is(this.#t._value, t) || (this.#t._value = t, D(this.#t));
+  }
+  peek() {
+    return this.#t._value;
+  }
+}
+function k(i) {
+  const t = new j(i), e = new R(t);
+  return S.set(e, t), e;
+}
+class H {
+  [Symbol.toStringTag] = "Computed";
+  #t;
+  constructor(t) {
+    this.#t = t;
+  }
+  get value() {
+    return q(this.#t), this.#t._dirty && this.#e(), this.#t._value;
+  }
+  peek() {
+    return this.#t._dirty && this.#e(), this.#t._value;
+  }
+  #e() {
+    const t = this.#t;
+    if (C.has(t))
+      throw new Error("Circular computed dependency detected.");
+    L(t), C.add(t);
+    const e = T();
+    v(t);
+    try {
+      t._value = t._fn();
+    } finally {
+      v(e), C.delete(t), t._dirty = !1;
+    }
+  }
+}
+function ot(i) {
+  const t = new E(i), e = new H(t);
+  return S.set(e, t), e;
+}
+function _(i) {
+  const t = new I(i);
+  return A(t), () => {
+    t._disposed || (t._disposed = !0, L(t));
+  };
+}
+function W(i) {
+  P();
+  try {
+    i();
+  } finally {
+    N(), M() === 0 && F();
+  }
+}
+function lt(i) {
+  const t = T();
+  v(null);
+  try {
+    return i();
+  } finally {
+    v(t);
+  }
+}
+const B = (i) => {
+  const t = i.replace(/'/g, '"').replace(/(\w[\w-]*)(?=\s*:)/g, '"$1"');
+  try {
+    return JSON.parse(t);
+  } catch {
+    return console.warn(`[agent-ui] Failed to parse trait config: ${i}`), {};
+  }
+}, z = (i) => {
+  const t = B(i), e = t.trait;
+  if (!e)
+    return console.warn(`[agent-ui] Trait config missing "trait" key: ${i}`), null;
+  const s = {};
+  for (const [n, r] of Object.entries(t))
+    n !== "trait" && (s[n] = String(r));
+  return { name: e, config: s };
+}, J = (i) => {
+  if (!i || !i.trim()) return [];
+  const t = i.trim();
+  if (t.startsWith("{")) {
+    const e = z(t);
+    return e ? [e] : [];
+  }
+  if (t.startsWith("["))
+    try {
+      const e = t.replace(/'/g, '"').replace(/(\w[\w-]*)(?=\s*:)/g, '"$1"'), s = JSON.parse(e), n = [];
+      for (const r of s) {
+        const o = r.trait;
+        if (!o) continue;
+        const a = {};
+        for (const [l, h] of Object.entries(r))
+          l !== "trait" && (a[l] = String(h));
+        n.push({ name: o, config: a });
+      }
+      return n;
+    } catch {
+      return console.warn(`[agent-ui] Failed to parse traits array: ${t}`), [];
+    }
+  return t.split(/\s+/).map((e) => ({ name: e, config: {} }));
+}, f = /* @__PURE__ */ new Map(), ct = (i) => {
+  f.has(i.name) && console.warn(`[agent-ui] Trait "${i.name}" already registered, overwriting.`), f.set(i.name, i);
+}, K = (i) => f.get(i), ut = () => [...f.keys()], ht = () => {
+  const i = /* @__PURE__ */ new Map();
+  for (const t of f.values()) {
+    let e = i.get(t.category);
+    e || (e = [], i.set(t.category, e)), e.push(t.name);
+  }
+  return i;
+}, G = (i, t) => {
+  const e = [], s = [], n = /* @__PURE__ */ new Map();
+  for (const r of i) {
+    const o = f.get(r.name);
+    if (!o) {
+      console.warn(
+        `[agent-ui] Unknown trait "${r.name}" on <${t}>. Not in registry.`
+      );
+      continue;
+    }
+    if (o.category === "focus") {
+      if (s.length > 0) {
+        console.warn(
+          `[agent-ui] Multiple focus traits on <${t}>: "${r.name}" conflicts with "${s[0]}". Only one focus trait allowed per element.`
+        );
+        continue;
+      }
+      s.push(r.name);
+    }
+    if (o.category === "gesture" && o.channel) {
+      const a = n.get(o.channel);
+      if (a) {
+        console.warn(
+          `[agent-ui] Gesture conflict on <${t}>: "${r.name}" and "${a}" both use ${o.channel} channel.`
+        );
+        continue;
+      }
+      n.set(o.channel, r.name);
+    }
+    e.push({ entry: r, def: o });
+  }
+  return e;
+};
+let U = 0;
+const V = (i, t, e) => {
+  const s = K(t);
+  if (!s)
+    return console.warn(`[agent-ui] attachTrait: unknown trait "${t}".`), () => {
+    };
+  const n = { ...e?.config ?? {} }, r = s.defaults ?? {}, o = [];
+  let a = "";
+  e?.anchorElement && (a = `aui-anchor-${++U}`, e.anchorElement.setAttribute("data-aui-anchor", a), n.anchor = `[data-aui-anchor="${a}"]`);
+  const l = {
+    host: i,
+    addEffect: (c) => {
+      o.push(_(c));
+    },
+    emit: (c, p) => {
+      i.dispatchEvent(new CustomEvent(c, {
+        bubbles: !0,
+        composed: !0,
+        detail: p
+      }));
+    },
+    config: (c) => n[c] ?? r[c],
+    expose: (c, p) => {
+      const w = `data-${s.name}-${c}`;
+      typeof p == "boolean" ? p ? i.setAttribute(w, "") : i.removeAttribute(w) : i.setAttribute(w, p);
+    },
+    unexpose: (c) => {
+      i.removeAttribute(`data-${s.name}-${c}`);
+    }
+  }, h = s.attach(l);
+  return () => {
+    h?.();
+    for (const c of o) c();
+    o.length = 0, a && e?.anchorElement?.removeAttribute("data-aui-anchor");
+  };
+}, y = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet();
+function Z(i) {
+  if ($.has(i)) return;
+  $.add(i);
+  const t = i.attributes;
+  if (!t) return;
+  const e = Object.keys(t);
+  Object.defineProperty(i, "observedAttributes", {
+    get() {
+      return e;
+    },
+    configurable: !0
+  });
+  for (const s of e) {
+    const n = t[s];
+    s in i.prototype || Object.defineProperty(i.prototype, s, {
+      get() {
+        return y.get(this)?.get(s)?.value;
+      },
+      set(r) {
+        const a = y.get(this)?.get(s);
+        if (a)
+          if (a.value = r, n.type === "boolean")
+            this.toggleAttribute(s, !!r);
+          else {
+            const l = String(r);
+            l === n.default ? this.removeAttribute(s) : this.setAttribute(s, l);
+          }
+      },
+      configurable: !0,
+      enumerable: !0
+    });
+  }
+}
+class u extends HTMLElement {
+  /** Override in subclass to declare component attributes */
+  static attributes;
+  /** Override in subclass to defer activate() until children are present */
+  static deferChildren;
+  // ── Lifecycle state ─────────────────────────────────────
+  #t = k("idle");
+  #e = !1;
+  get lifecycleState() {
+    return this.#t.peek();
+  }
+  // ── Ready promise ───────────────────────────────────────
+  #s = null;
+  #i;
+  get ready() {
+    return this.#i;
+  }
+  // ── Trait ownership ─────────────────────────────────────
+  #n = [];
+  #r() {
+    const t = this.getAttribute("traits");
+    if (!t) return;
+    const e = J(t), s = G(e, this.localName);
+    for (const { entry: n } of s) {
+      const r = V(this, n.name, {
+        config: n.config
+      });
+      this.#n.push(r);
+    }
+  }
+  #a() {
+    for (const t of this.#n) t();
+    this.#n.length = 0;
+  }
+  // ── Effect ownership ────────────────────────────────────
+  #o = [];
+  addEffect(t) {
+    const e = _(t);
+    return this.#o.push(e), e;
+  }
+  #u() {
+    for (const t of this.#o) t();
+    this.#o.length = 0;
+  }
+  // ── Constructor ─────────────────────────────────────────
+  constructor() {
+    super(), this.#i = new Promise((e) => {
+      this.#s = e;
+    });
+    const t = this.constructor.attributes;
+    if (t) {
+      const e = /* @__PURE__ */ new Map();
+      for (const [s, n] of Object.entries(t))
+        e.set(s, k(n.default));
+      y.set(this, e);
+    }
+  }
+  // ── Native callbacks ────────────────────────────────────
+  connectedCallback() {
+    const t = this.#t.peek();
+    if (t === "exiting") {
+      this.#e = !0, this.#t.value = "entering", this.#l();
+      return;
+    }
+    (t === "idle" || t === "suspended") && (t === "suspended" && (this.#i = new Promise((e) => {
+      this.#s = e;
+    })), this.#t.value = "entering", this.#l());
+  }
+  disconnectedCallback() {
+    const t = this.#t.peek();
+    t !== "connected" && t !== "entering" || (this.#t.value = "exiting", this.#e = !1, queueMicrotask(() => {
+      this.#e || this.#t.peek() === "exiting" && this.#c();
+    }));
+  }
+  attributeChangedCallback(t, e, s) {
+    const n = this.constructor.attributes;
+    if (!n) return;
+    const r = n[t];
+    if (!r) return;
+    const a = y.get(this)?.get(t);
+    a && W(() => {
+      if (r.type === "boolean") {
+        const l = s !== null;
+        if (Object.is(a.peek(), l)) return;
+        a.value = l;
+      } else if (r.type === "enum") {
+        if (s !== null && !r.values.includes(s)) {
+          typeof import.meta < "u" && console.warn(
+            `[agent-ui] Invalid value "${s}" for attribute "${t}". Expected one of: ${r.values.join(", ")}`
+          );
+          return;
+        }
+        const l = s ?? r.default;
+        if (Object.is(a.peek(), l)) return;
+        a.value = l;
+      } else {
+        const l = s ?? r.default;
+        if (Object.is(a.peek(), l)) return;
+        a.value = l;
+      }
+    });
+  }
+  // ── Lifecycle hooks (override in subclass) ──────────────
+  /** Called when entering the DOM. Return a promise to animate entry. */
+  willEnter() {
+  }
+  /** Called after entry is complete. Element is fully interactive. */
+  didEnter() {
+  }
+  /** Setup hook — create controllers, wire effects. */
+  activate() {
+  }
+  /** Called when leaving the DOM. Return a promise to animate exit. */
+  willExit() {
+  }
+  /** Called after exit is complete. Safe to teardown. */
+  didExit() {
+  }
+  /** Cleanup hook — destroy controllers. */
+  dispose() {
+  }
+  // ── Internal lifecycle ──────────────────────────────────
+  async #l() {
+    try {
+      await this.willEnter();
+    } catch {
+    }
+    if (this.#t.peek() !== "entering") return;
+    this.#t.value = "connected", this.constructor.deferChildren && this.children.length === 0 ? this.#h() : (this.activate(), this.#r()), this.didEnter(), this.#s?.(), this.#s = null;
+  }
+  async #c() {
+    try {
+      await this.willExit();
+    } catch {
+    }
+    this.#t.peek() === "exiting" && (this.dispose(), this.#a(), this.#u(), this.didExit(), this.#t.value = "suspended");
+  }
+  #h() {
+    let t = 0;
+    const e = () => {
+      this.activate(), this.#r();
+    }, s = new MutationObserver(() => {
+      if (this.children.length > 0) {
+        s.disconnect(), e();
+        return;
+      }
+      ++t > 50 && (s.disconnect(), e());
+    });
+    s.observe(this, { childList: !0 }), queueMicrotask(() => {
+      this.children.length > 0 && (s.disconnect(), e());
+    });
+  }
+}
+function dt(i, t) {
+  customElements.get(i) || (Z(t), customElements.define(i, t));
+}
+function ft(i) {
+  return { name: i };
+}
+class Y extends Event {
+  constructor(t, e, s = !1) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.key = t, this.callback = e, this.subscribe = s;
+  }
+}
+class pt {
+  #t;
+  #e;
+  #s;
+  #i = /* @__PURE__ */ new Set();
+  #n = null;
+  #r;
+  constructor(t, e, s) {
+    this.#t = t, this.#e = e, this.#s = k(s), this.#r = (n) => {
+      const r = n;
+      r.key === this.#e && (n.stopPropagation(), r.callback(this.#s.peek()), r.subscribe && this.#i.add(r.callback));
+    }, this.#t.addEventListener("context-request", this.#r), this.#n = _(() => {
+      const n = this.#s.value;
+      for (const r of this.#i) r(n);
+    });
+  }
+  setValue(t) {
+    this.#s.value = t;
+  }
+  dispose() {
+    this.#t.removeEventListener("context-request", this.#r), this.#n?.(), this.#i.clear();
+  }
+}
+class mt {
+  #t;
+  #e;
+  #s;
+  #i;
+  constructor(t, e, s, n = !1) {
+    this.#t = t, this.#e = e, this.#s = s, this.#i = n, this.request();
+  }
+  request() {
+    this.#t.dispatchEvent(
+      new Y(this.#e, this.#s, this.#i)
+    );
+  }
+  dispose() {
+  }
+}
+class bt extends u {
+  static attributes = {
+    type: { type: "enum", values: ["typing", "thinking", "tool-use"], default: "typing" },
+    label: { type: "string", default: "" },
+    active: { type: "boolean", default: !1 },
+    expandable: { type: "boolean", default: !1 },
+    expanded: { type: "boolean", default: !1 }
+  };
+  #t;
+  #e = 0;
+  #s = 0;
+  #i = null;
+  #n = null;
+  #r = null;
+  #a = null;
+  constructor() {
+    super(), this.#t = this.attachInternals();
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.setAttribute("role", "status"), this.setAttribute("aria-live", "polite"), this.#o(), this.addEffect(() => {
+      this.active ? this.#u() : this.#l();
+    }), this.addEffect(() => {
+      if (!this.#i) return;
+      const t = this.label || Q(this.type);
+      this.#i.textContent = t;
+    }), this.addEffect(() => {
+      this.#r && (this.#r.hidden = !this.active);
+    }), this.addEffect(() => {
+      if (!this.#a) return;
+      const t = this.expanded && this.expandable;
+      this.#a.hidden = !t;
+    }), this.addEventListener("click", this.#h);
+  }
+  dispose() {
+    this.#l(), this.removeEventListener("click", this.#h), this.#i = null, this.#n = null, this.#r = null, this.#a = null;
+  }
+  // ── DOM ───────────────────────────────────────────────────
+  #o() {
+    const t = document.createDocumentFragment();
+    for (; this.firstChild; ) t.appendChild(this.firstChild);
+    const e = document.createElement("div");
+    e.setAttribute("data-agent-activity-row", ""), this.#n = document.createElement("span"), this.#n.setAttribute("data-agent-activity-time", ""), this.#n.textContent = "0s";
+    const s = document.createElement("span");
+    s.setAttribute("data-agent-activity-sep", ""), s.textContent = "|", s.setAttribute("aria-hidden", "true"), this.#i = document.createElement("span"), this.#i.setAttribute("data-agent-activity-label", ""), this.#r = document.createElement("span"), this.#r.setAttribute("data-agent-activity-dots", ""), this.#r.setAttribute("aria-hidden", "true"), this.#r.innerHTML = "<i></i><i></i><i></i>", e.append(this.#n, s, this.#i, this.#r), this.#a = document.createElement("div"), this.#a.setAttribute("data-agent-activity-content", ""), this.#a.hidden = !0, this.#a.appendChild(t), this.append(e, this.#a);
+  }
+  // ── Timer ─────────────────────────────────────────────────
+  #u() {
+    this.#l(), this.#e = performance.now(), this.#c();
+  }
+  #l() {
+    this.#s && (cancelAnimationFrame(this.#s), this.#s = 0);
+  }
+  #c = () => {
+    if (!this.active || !this.#n) return;
+    const t = performance.now() - this.#e;
+    this.#n.textContent = X(t), this.#s = requestAnimationFrame(this.#c);
+  };
+  // ── Expand/collapse ───────────────────────────────────────
+  #h = () => {
+    this.expandable && (this.expanded = !this.expanded, this.dispatchEvent(new CustomEvent("aui:activity-toggle", {
+      bubbles: !0,
+      composed: !0,
+      detail: { expanded: this.expanded }
+    })));
+  };
+}
+function Q(i) {
+  switch (i) {
+    case "thinking":
+      return "Thinking…";
+    case "tool-use":
+      return "Using tools…";
+    default:
+      return "Host is typing…";
+  }
+}
+function X(i) {
+  const t = Math.floor(i / 1e3);
+  if (t < 60) return `${t}s`;
+  const e = Math.floor(t / 60), s = t % 60;
+  return `${e}m:${String(s).padStart(2, "0")}s`;
+}
+const tt = 40;
+class gt extends u {
+  static attributes = {
+    "auto-scroll": { type: "boolean", default: !0 },
+    scrollable: { type: "boolean", default: !1 }
+  };
+  #t = !0;
+  #e = null;
+  #s = 0;
+  #i;
+  constructor() {
+    super(), this.#i = this.attachInternals();
+  }
+  // ── Public API ────────────────────────────────────────────
+  get isPinned() {
+    return this.#t;
+  }
+  /** Scroll to the bottom of the feed. */
+  scrollToBottom(t = !0) {
+    this.scrollTo({
+      top: this.scrollHeight,
+      behavior: t ? "smooth" : "instant"
+    }), this.#t = !0;
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.#i.role = "log", this.setAttribute("aria-live", "polite"), this.setAttribute("aria-label", "Conversation"), this.hasAttribute("scrollable") || this.setAttribute("scrollable", ""), this.hasAttribute("auto-scroll") || this.toggleAttribute("auto-scroll", !0), this.addEffect(() => {
+      this["auto-scroll"], this.scrollable;
+    }), this.addEventListener("scroll", this.#n, { passive: !0 }), this.#e = new MutationObserver(this.#r), this.#e.observe(this, { childList: !0, subtree: !0 });
+  }
+  dispose() {
+    this.removeEventListener("scroll", this.#n), this.#s && (cancelAnimationFrame(this.#s), this.#s = 0), this.#e?.disconnect(), this.#e = null;
+  }
+  // ── Scroll management ────────────────────────────────────
+  #n = () => {
+    const t = this.#t, e = this.scrollTop + this.clientHeight >= this.scrollHeight - tt;
+    this.#t = e, e !== t && this.dispatchEvent(new CustomEvent("aui:feed-scroll", {
+      bubbles: !0,
+      composed: !0,
+      detail: { isPinned: e, scrollTop: this.scrollTop }
+    }));
+  };
+  #r = () => {
+    this["auto-scroll"] && this.#t && (this.#s && cancelAnimationFrame(this.#s), this.#s = requestAnimationFrame(() => {
+      this.#s = 0, this.scrollTo({ top: this.scrollHeight, behavior: "smooth" });
+    }));
+  };
+}
+class vt extends u {
+  static deferChildren = !0;
+  static attributes = {
+    disabled: { type: "boolean", default: !1 },
+    busy: { type: "boolean", default: !1 },
+    "no-enter-submit": { type: "boolean", default: !1 },
+    "no-auto-clear": { type: "boolean", default: !1 }
+  };
+  #t = null;
+  #e = null;
+  // ── Public API ────────────────────────────────────────────
+  get value() {
+    return this.#t?.value ?? "";
+  }
+  set value(t) {
+    this.#t && (this.#t.value = t);
+  }
+  /** Focus the composer textarea. */
+  focusComposer() {
+    this.#t?.focus();
+  }
+  /** Blur the composer textarea. */
+  blurComposer() {
+    this.#t?.blur();
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.#s();
+    const t = this.getAttribute("value");
+    t && this.#t && (this.#t.value = t), this.addEffect(() => {
+      const e = this.disabled;
+      this.#t && this.#t.toggleAttribute("disabled", e), this.#e && (e ? this.#e.setAttribute("disabled", "") : this.#n());
+    }), this.addEffect(() => {
+      const e = this.busy;
+      this.#e && (this.disabled || (e ? this.#e.setAttribute("disabled", "") : this.#n()));
+    }), this.addEventListener("input", this.#r), this.addEventListener("click", this.#a), this.addEventListener("keydown", this.#l), this.addEventListener("focusin", this.#o), this.addEventListener("focusout", this.#u);
+  }
+  dispose() {
+    this.removeEventListener("input", this.#r), this.removeEventListener("click", this.#a), this.removeEventListener("keydown", this.#l), this.removeEventListener("focusin", this.#o), this.removeEventListener("focusout", this.#u), this.#t = null, this.#e = null;
+  }
+  // ── Child discovery ───────────────────────────────────────
+  #s() {
+    this.#t = this.querySelector(":scope > aui-textarea") ?? this.querySelector(":scope > aui-agent-prompt > aui-textarea"), this.#e = this.querySelector("[data-submit]") ?? this.#i();
+  }
+  #i() {
+    const t = this.querySelector(':scope > [data-role="actions"]') ?? this.querySelector(':scope > aui-agent-prompt > [data-role="actions"]');
+    if (!t) {
+      const s = this.querySelectorAll("aui-button[primary]");
+      return s.length ? s[s.length - 1] : null;
+    }
+    const e = t.querySelectorAll("aui-button[primary]");
+    return e.length ? e[e.length - 1] : null;
+  }
+  // ── Submit button enable/disable based on content ─────────
+  #n() {
+    if (!this.#e || this.disabled) return;
+    !this.value.trim() || this.busy ? (this.#e.setAttribute("disabled", ""), this.#e.removeAttribute("primary"), this.#e.removeAttribute("accent")) : (this.#e.removeAttribute("disabled"), this.#e.setAttribute("primary", ""), this.#e.setAttribute("accent", ""));
+  }
+  // ── Event handlers ────────────────────────────────────────
+  #r = (t) => {
+    this.disabled || this.#n();
+  };
+  #a = (t) => {
+    if (this.disabled) return;
+    const e = t.target;
+    (e === this.#e || this.#e?.contains(e)) && this.#c();
+  };
+  #o = (t) => {
+    const e = t.target;
+    !this.#t?.contains(e) && e !== this.#t || this.dispatchEvent(
+      new CustomEvent("aui:composer-focus", { bubbles: !0, composed: !0 })
+    );
+  };
+  #u = (t) => {
+    const e = t.target;
+    !this.#t?.contains(e) && e !== this.#t || this.dispatchEvent(
+      new CustomEvent("aui:composer-blur", { bubbles: !0, composed: !0 })
+    );
+  };
+  #l = (t) => {
+    if (this.disabled || this["no-enter-submit"]) return;
+    const e = t;
+    if (e.isComposing) return;
+    const s = e.target;
+    !this.#t?.contains(s) && s !== this.#t || e.key === "Enter" && (e.metaKey || e.ctrlKey) && !e.shiftKey && (e.preventDefault(), this.value.trim() && this.#c());
+  };
+  // ── Send ──────────────────────────────────────────────────
+  #c() {
+    const t = this.value.trim();
+    if (!t) return;
+    if (this.busy) {
+      this.dispatchEvent(
+        new CustomEvent("aui:composer-submit-blocked", {
+          bubbles: !0,
+          composed: !0,
+          detail: { value: t }
+        })
+      );
+      return;
+    }
+    this.dispatchEvent(
+      new CustomEvent("aui:send", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: { value: t }
+      })
+    ) && !this["no-auto-clear"] && (this.value = "", this.#e?.setAttribute("disabled", ""));
+  }
+}
+const et = {
+  copy: { label: "Copy", icon: "copy" },
+  retry: { label: "Retry", icon: "arrow-clockwise" },
+  edit: { label: "Edit", icon: "pencil-simple" },
+  "feedback-up": { label: "Helpful", icon: "thumbs-up" },
+  "feedback-down": { label: "Not helpful", icon: "thumbs-down" },
+  continue: { label: "Continue", icon: "arrow-right" }
+}, st = {
+  assistant: ["copy", "retry", "feedback-up", "feedback-down"],
+  user: ["edit", "retry"]
+};
+let it = 0;
+function nt(i) {
+  return `${i}-${++it}-${Math.random().toString(36).slice(2, 6)}`;
+}
+class yt extends u {
+  static attributes = {
+    role: { type: "string", default: "assistant" },
+    "message-id": { type: "string", default: "" },
+    timestamp: { type: "string", default: "" },
+    status: { type: "enum", values: ["sending", "sent", "error", "streaming", "partial"], default: "sent" },
+    actions: { type: "string", default: "" },
+    "actions-style": { type: "enum", values: ["icon", "label", "icon-label"], default: "icon" },
+    "actions-position": { type: "enum", values: ["below", "inside"], default: "below" }
+  };
+  #t;
+  #e = null;
+  #s = !1;
+  #i = 0;
+  #n = 0;
+  constructor() {
+    super(), this.#t = this.attachInternals();
+  }
+  // ── Public API ────────────────────────────────────────────
+  get messageId() {
+    return this.getAttribute("message-id") ?? "";
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.addEventListener("pointerenter", this.#r), this.addEventListener("pointerleave", this.#a), this.addEffect(() => {
+      const t = this.role, e = this.actions, s = this["actions-style"], n = this["actions-position"], r = this.status;
+      this.#u(t, e || null, s, n, r);
+    }), this.#t.role = "article";
+  }
+  dispose() {
+    this.removeEventListener("pointerenter", this.#r), this.removeEventListener("pointerleave", this.#a), clearTimeout(this.#i), clearTimeout(this.#n), this.#e && (this.#o(), this.#e = null);
+  }
+  // ── Popover hover handlers ────────────────────────────────
+  #r = () => {
+    clearTimeout(this.#n), !(!this.#e || !this.#s || this.status === "partial") && (clearTimeout(this.#i), this.#i = window.setTimeout(() => {
+      try {
+        this.#e?.showPopover();
+      } catch {
+      }
+    }, 300));
+  };
+  #a = () => {
+    !this.#s || this.status === "partial" || (clearTimeout(this.#i), clearTimeout(this.#n), this.#n = window.setTimeout(() => {
+      try {
+        this.#e?.hidePopover();
+      } catch {
+      }
+    }, 150));
+  };
+  // ── Actions ───────────────────────────────────────────────
+  #o() {
+    if (this.#e) {
+      if (this.#s) {
+        this.#e.removeEventListener("pointerenter", this.#r), this.#e.removeEventListener("pointerleave", this.#a), this.#e.removeEventListener("focusin", this.#r), this.#e.removeEventListener("focusout", this.#a);
+        try {
+          this.#e.hidePopover();
+        } catch {
+        }
+        this.style.removeProperty("anchor-name"), this.#s = !1;
+      }
+      this.#e.removeEventListener("click", this.#c), this.#e.remove();
+    }
+  }
+  #u(t, e, s, n, r) {
+    if (this.#e && (this.#o(), this.#e = null), clearTimeout(this.#n), e === "none" || this.querySelector('[slot="actions"]')) return;
+    let o;
+    if (e ? o = e.split(",").map((l) => l.trim()).filter(Boolean) : o = st[t] ?? [], r === "partial" && !o.includes("continue") && (o = [...o, "continue"]), o.length === 0) return;
+    const a = document.createElement("div");
+    a.setAttribute("data-role", "actions"), a.setAttribute("role", "toolbar"), a.setAttribute("aria-label", "Message actions"), s !== "label" && a.setAttribute("data-style", s);
+    for (const l of o) {
+      const h = et[l];
+      h && a.appendChild(this.#l(l, h, s));
+    }
+    if (a.children.length !== 0) {
+      if (a.addEventListener("click", this.#c), n === "below") {
+        a.setAttribute("popover", "manual");
+        const l = nt("msg");
+        this.style.setProperty("anchor-name", `--${l}`), a.style.setProperty("position-anchor", `--${l}`), this.appendChild(a), this.#s = !0, a.addEventListener("pointerenter", this.#r), a.addEventListener("pointerleave", this.#a), a.addEventListener("focusin", this.#r), a.addEventListener("focusout", this.#a), r === "partial" && a.showPopover();
+      } else
+        this.appendChild(a);
+      this.#e = a;
+    }
+  }
+  #l(t, e, s) {
+    const n = document.createElement("aui-button");
+    if (n.setAttribute("ghost", ""), n.setAttribute("size", "sm"), n.setAttribute("data-action", t), n.setAttribute("aria-label", e.label), s === "icon" || s === "icon-label") {
+      const r = document.createElement("aui-icon");
+      r.setAttribute("name", e.icon), r.setAttribute("slot", "leading"), n.appendChild(r);
+    }
+    return (s === "label" || s === "icon-label") && n.appendChild(document.createTextNode(e.label)), n.addEventListener("keydown", (r) => {
+      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), n.click());
+    }), n;
+  }
+  #c = (t) => {
+    const e = t.target.closest("[data-action]");
+    if (!e) return;
+    const s = e.getAttribute("data-action");
+    if (s) {
+      if (t.stopPropagation(), s === "continue") {
+        this.dispatchEvent(new CustomEvent("aui:continue-request", {
+          bubbles: !0,
+          composed: !0,
+          detail: { messageId: this.messageId }
+        }));
+        return;
+      }
+      this.dispatchEvent(new CustomEvent("aui:message-action", {
+        bubbles: !0,
+        composed: !0,
+        detail: {
+          action: s,
+          messageId: this.messageId
+        }
+      }));
+    }
+  };
+}
+class Et extends u {
+  static attributes = {
+    "panel-title": { type: "string", default: "" },
+    "auto-focus": { type: "string", default: "ready" }
+    // 'ready' | 'open-request' | 'never'
+  };
+  #t = null;
+  #e = null;
+  #s;
+  constructor() {
+    super(), this.#s = this.attachInternals();
+  }
+  // ── Public API ────────────────────────────────────────────
+  /** Delegate focus to the child agent-input composer. */
+  focusComposer() {
+    this.#e && "focusComposer" in this.#e && this.#e.focusComposer();
+  }
+  /** Reference to the discovered feed element. */
+  get feed() {
+    return this.#t;
+  }
+  /** Reference to the discovered input element. */
+  get input() {
+    return this.#e;
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.#s.role = "region", this.addEffect(() => {
+      const t = this["panel-title"];
+      this.#s.ariaLabel = t || "Chat";
+    }), this.#i(), this["auto-focus"] === "ready" && requestAnimationFrame(() => {
+      this.focusComposer();
+    });
+  }
+  dispose() {
+    this.#t = null, this.#e = null;
+  }
+  // ── Child discovery ───────────────────────────────────────
+  #i() {
+    this.#t = this.querySelector("aui-agent-feed"), this.#e = this.querySelector("aui-agent-input");
+  }
+}
+class At extends u {
+  static attributes = {
+    disabled: { type: "boolean", default: !1 }
+  };
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.addEffect(() => {
+      this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
+    });
+  }
+  dispose() {
+  }
+}
+class wt extends u {
+  static attributes = {
+    options: { type: "string", default: "" },
+    disabled: { type: "boolean", default: !1 }
+  };
+  #t = [];
+  #e = null;
+  // ── Public API ────────────────────────────────────────────
+  get options() {
+    return this.#t;
+  }
+  set options(t) {
+    this.#t = t, this.setAttribute("options", JSON.stringify(t)), this.#n();
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.setAttribute("role", "group"), this.setAttribute("aria-label", "Suggestions");
+    const t = this.getAttribute("options");
+    if (t)
+      try {
+        this.#t = JSON.parse(t);
+      } catch {
+        this.#t = [];
+      }
+    this.addEffect(() => {
+      const e = this.getAttribute("options");
+      if (e)
+        try {
+          this.#t = JSON.parse(e);
+        } catch {
+          this.#t = [];
+        }
+      this.#n();
+    }), this.addEffect(() => {
+      this.disabled, this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
+    }), this.addEventListener("click", this.#s), this.addEventListener("keydown", this.#i);
+  }
+  dispose() {
+    this.removeEventListener("click", this.#s), this.removeEventListener("keydown", this.#i), this.#e = null;
+  }
+  // ── Event delegation ────────────────────────────────────────
+  #s = (t) => {
+    if (this.disabled) return;
+    const e = t.target.closest("[data-seed]");
+    if (!e) return;
+    const s = e.getAttribute("data-seed") ?? "", n = e.querySelector("span:last-child")?.textContent ?? s;
+    this.dispatchEvent(new CustomEvent("aui:seed-select", {
+      bubbles: !0,
+      composed: !0,
+      detail: { value: s, label: n }
+    }));
+  };
+  #i = (t) => {
+    const e = t;
+    if (e.key === "Enter" || e.key === " ") {
+      const s = e.target.closest("[data-seed]");
+      if (!s) return;
+      e.preventDefault(), s.click();
+    }
+  };
+  // ── Rendering ─────────────────────────────────────────────
+  #n() {
+    this.textContent = "";
+    const t = this.#t;
+    if (t.length === 0) return;
+    const e = document.createElement("div");
+    e.setAttribute("data-agent-seeds-wrap", "");
+    for (const s of t) {
+      const n = document.createElement("span");
+      if (n.setAttribute("role", "button"), n.setAttribute("tabindex", "0"), n.setAttribute("data-seed", s.value), n.setAttribute("data-agent-seed-chip", ""), s.icon) {
+        const o = document.createElement("aui-icon");
+        o.setAttribute("name", s.icon), n.appendChild(o);
+      }
+      const r = document.createElement("span");
+      r.textContent = s.label, n.appendChild(r), e.appendChild(n);
+    }
+    this.appendChild(e), this.#e = e;
+  }
+}
+class Ct extends u {
+  static deferChildren = !0;
+  static attributes = {
+    format: { type: "enum", values: ["markdown", "plain"], default: "markdown" }
+  };
+  #t = "";
+  #e = null;
+  #s = 0;
+  // ── Public API ────────────────────────────────────────────
+  get content() {
+    return this.#t;
+  }
+  set content(t) {
+    this.#t = t, this.#i();
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    !this.#t && this.textContent?.trim() && (this.#t = this.textContent.trim()), this.#e = document.createElement("div"), this.#e.setAttribute("data-agent-prose", ""), this.textContent = "", this.appendChild(this.#e), this.addEffect(() => {
+      this.format, this.#i();
+    }), this.#n();
+  }
+  dispose() {
+    cancelAnimationFrame(this.#s), this.#e = null;
+  }
+  // ── Rendering ─────────────────────────────────────────────
+  #i() {
+    cancelAnimationFrame(this.#s), this.#s = requestAnimationFrame(() => this.#n());
+  }
+  #n() {
+    if (!this.#e) return;
+    const t = this.#t;
+    this.format === "plain" ? this.#e.textContent = t : this.#e.innerHTML = at(O(t));
+  }
+}
+const rt = /* @__PURE__ */ new Set([
+  "p",
+  "br",
+  "strong",
+  "em",
+  "code",
+  "pre",
+  "a",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "ul",
+  "ol",
+  "li",
+  "blockquote",
+  "hr"
+]);
+function x(i) {
+  return i.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function g(i) {
+  let t = x(i);
+  return t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/__(.+?)__/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/(?<!\w)_(.+?)_(?!\w)/g, "<em>$1</em>"), t = t.replace(
+    /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,
+    '<a href="$2" rel="noopener noreferrer" target="_blank">$1</a>'
+  ), t;
+}
+function O(i) {
+  if (!i) return "";
+  const t = i.split(`
+`), e = [];
+  let s = 0;
+  for (; s < t.length; ) {
+    const n = t[s];
+    if (n.startsWith("```")) {
+      const a = n.slice(3).trim(), l = [];
+      for (s += 1; s < t.length && !t[s].startsWith("```"); )
+        l.push(t[s]), s += 1;
+      s += 1;
+      const h = a ? ` data-lang="${x(a)}"` : "";
+      e.push(`<pre${h}><code>${x(l.join(`
+`))}</code></pre>`);
+      continue;
+    }
+    const r = n.match(/^(#{1,6})\s+(.+)/);
+    if (r) {
+      const a = r[1].length;
+      e.push(`<h${a}>${g(r[2])}</h${a}>`), s += 1;
+      continue;
+    }
+    if (/^---+$/.test(n.trim()) || /^\*\*\*+$/.test(n.trim())) {
+      e.push("<hr>"), s += 1;
+      continue;
+    }
+    if (n.startsWith("> ")) {
+      const a = [];
+      for (; s < t.length && t[s].startsWith("> "); )
+        a.push(t[s].slice(2)), s += 1;
+      e.push(`<blockquote>${O(a.join(`
+`))}</blockquote>`);
+      continue;
+    }
+    if (/^[-*+]\s/.test(n)) {
+      const a = [];
+      for (; s < t.length; )
+        if (/^[-*+]\s/.test(t[s]))
+          a.push(t[s].replace(/^[-*+]\s/, "")), s += 1;
+        else if (!t[s].trim() && s + 1 < t.length && /^[-*+]\s/.test(t[s + 1]))
+          s += 1;
+        else
+          break;
+      e.push("<ul>" + a.map((l) => `<li>${g(l)}</li>`).join("") + "</ul>");
+      continue;
+    }
+    if (/^\d+\.\s/.test(n)) {
+      const a = [];
+      for (; s < t.length; )
+        if (/^\d+\.\s/.test(t[s]))
+          a.push(t[s].replace(/^\d+\.\s/, "")), s += 1;
+        else if (!t[s].trim() && s + 1 < t.length && /^\d+\.\s/.test(t[s + 1]))
+          s += 1;
+        else
+          break;
+      e.push("<ol>" + a.map((l) => `<li>${g(l)}</li>`).join("") + "</ol>");
+      continue;
+    }
+    if (!n.trim()) {
+      s += 1;
+      continue;
+    }
+    const o = [];
+    for (; s < t.length && t[s].trim() && !t[s].startsWith("#") && !t[s].startsWith("```") && !t[s].startsWith("> ") && !/^[-*+]\s/.test(t[s]) && !/^\d+\.\s/.test(t[s]) && !/^---+$/.test(t[s].trim()); )
+      o.push(t[s]), s += 1;
+    o.length > 0 && e.push(`<p>${g(o.join(`
+`))}</p>`);
+  }
+  return e.join("");
+}
+function at(i) {
+  return i.replace(/<\/?([a-zA-Z][a-zA-Z0-9]*)[^>]*>/g, (t, e) => {
+    const s = e.toLowerCase();
+    return rt.has(s) ? t : "";
+  });
+}
+class kt extends u {
+  static attributes = {
+    role: { type: "string", default: "" },
+    sender: { type: "string", default: "" },
+    "avatar-align": { type: "enum", values: ["top", "center", "bottom"], default: "" }
+  };
+  #t;
+  #e = null;
+  #s = null;
+  #i = null;
+  constructor() {
+    super(), this.#t = this.attachInternals();
+  }
+  // ── Lifecycle ─────────────────────────────────────────────
+  activate() {
+    this.#t.role = "group";
+    const t = this.getAttribute("sender");
+    t && this.setAttribute("aria-label", `Messages from ${t}`), this.addEffect(() => {
+      const e = this.sender;
+      e ? this.setAttribute("aria-label", `Messages from ${e}`) : this.removeAttribute("aria-label");
+    }), this.#n(), this.#i = new MutationObserver((e) => {
+      for (const s of e)
+        for (const n of s.addedNodes)
+          n instanceof Element && n.localName !== "aui-avatar" && (n === this.#e || n === this.#s || (n.localName === "aui-agent-message" ? this.#s?.appendChild(n) : this.#e?.appendChild(n)));
+    }), this.#i.observe(this, { childList: !0 });
+  }
+  dispose() {
+    if (this.#i?.disconnect(), this.#i = null, this.#s) {
+      for (; this.#s.firstChild; )
+        this.appendChild(this.#s.firstChild);
+      this.#s.remove(), this.#s = null;
+    }
+    if (this.#e) {
+      for (; this.#e.firstChild; )
+        this.appendChild(this.#e.firstChild);
+      this.#e.remove(), this.#e = null;
+    }
+  }
+  // ── DOM wrapping ──────────────────────────────────────────
+  #n() {
+    const t = document.createElement("div");
+    t.setAttribute("data-agent-context", "");
+    const e = document.createElement("div");
+    e.setAttribute("data-agent-bubbles", "");
+    const s = Array.from(this.childNodes);
+    for (const n of s)
+      n instanceof Element && n.localName === "aui-avatar" || (n instanceof Element && n.localName === "aui-agent-message" ? e.appendChild(n) : t.appendChild(n));
+    this.appendChild(t), this.appendChild(e), this.#e = t, this.#s = e;
+  }
+}
+export {
+  u as A,
+  mt as B,
+  pt as C,
+  Y as D,
+  st as R,
+  ot as a,
+  W as b,
+  ft as c,
+  V as d,
+  dt as e,
+  gt as f,
+  kt as g,
+  yt as h,
+  Ct as i,
+  bt as j,
+  wt as k,
+  Et as l,
+  vt as m,
+  At as n,
+  K as o,
+  J as p,
+  ut as q,
+  ct as r,
+  k as s,
+  ht as t,
+  lt as u,
+  G as v,
+  et as w,
+  O as x,
+  at as y,
+  _ as z
+};
+//# sourceMappingURL=agent-ciCayeod.js.map