@copilotkit/vue 1.62.2-canary.1783457132 → 1.62.3

package/dist/index-By5nIKxT.js

@@ -1,1632 +0,0 @@
-const Ae = {
-  bg: "oklch(1 0 0)",
-  fg: "oklch(0.145 0 0)",
-  surface: "oklch(1 0 0)",
-  "surface-fg": "oklch(0.145 0 0)",
-  muted: "oklch(0.97 0 0)",
-  "muted-fg": "oklch(0.556 0 0)",
-  accent: "oklch(0.97 0 0)",
-  "accent-fg": "oklch(0.205 0 0)",
-  primary: "oklch(0.205 0 0)",
-  "primary-fg": "oklch(0.985 0 0)",
-  danger: "oklch(0.577 0.245 27.325)",
-  border: "oklch(0.922 0 0)",
-  ring: "oklch(0.708 0 0)",
-  radius: "0.625rem"
-};
-const I = globalThis, V = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q = /* @__PURE__ */ Symbol(), X = /* @__PURE__ */ new WeakMap();
-let fe = class {
-  constructor(e, t, r) {
-    if (this._$cssResult$ = !0, r !== Q) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = e, this.t = t;
-  }
-  get styleSheet() {
-    let e = this.o;
-    const t = this.t;
-    if (V && e === void 0) {
-      const r = t !== void 0 && t.length === 1;
-      r && (e = X.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), r && X.set(t, e));
-    }
-    return e;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const me = (s) => new fe(typeof s == "string" ? s : s + "", void 0, Q), ke = (s, ...e) => {
-  const t = s.length === 1 ? s[0] : e.reduce((r, i, o) => r + ((n) => {
-    if (n._$cssResult$ === !0) return n.cssText;
-    if (typeof n == "number") return n;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + s[o + 1], s[0]);
-  return new fe(t, s, Q);
-}, Ee = (s, e) => {
-  if (V) s.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
-  else for (const t of e) {
-    const r = document.createElement("style"), i = I.litNonce;
-    i !== void 0 && r.setAttribute("nonce", i), r.textContent = t.cssText, s.appendChild(r);
-  }
-}, ee = V ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((e) => {
-  let t = "";
-  for (const r of e.cssRules) t += r.cssText;
-  return me(t);
-})(s) : s;
-const { is: Se, defineProperty: Me, getOwnPropertyDescriptor: Ce, getOwnPropertyNames: Te, getOwnPropertySymbols: Ne, getPrototypeOf: Pe } = Object, H = globalThis, te = H.trustedTypes, Oe = te ? te.emptyScript : "", Ue = H.reactiveElementPolyfillSupport, P = (s, e) => s, W = { toAttribute(s, e) {
-  switch (e) {
-    case Boolean:
-      s = s ? Oe : null;
-      break;
-    case Object:
-    case Array:
-      s = s == null ? s : JSON.stringify(s);
-  }
-  return s;
-}, fromAttribute(s, e) {
-  let t = s;
-  switch (e) {
-    case Boolean:
-      t = s !== null;
-      break;
-    case Number:
-      t = s === null ? null : Number(s);
-      break;
-    case Object:
-    case Array:
-      try {
-        t = JSON.parse(s);
-      } catch {
-        t = null;
-      }
-  }
-  return t;
-} }, _e = (s, e) => !Se(s, e), re = { attribute: !0, type: String, converter: W, reflect: !1, useDefault: !1, hasChanged: _e };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), H.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let S = class extends HTMLElement {
-  static addInitializer(e) {
-    this._$Ei(), (this.l ??= []).push(e);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(e, t = re) {
-    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
-      const r = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(e, r, t);
-      i !== void 0 && Me(this.prototype, e, i);
-    }
-  }
-  static getPropertyDescriptor(e, t, r) {
-    const { get: i, set: o } = Ce(this.prototype, e) ?? { get() {
-      return this[t];
-    }, set(n) {
-      this[t] = n;
-    } };
-    return { get: i, set(n) {
-      const d = i?.call(this);
-      o?.call(this, n), this.requestUpdate(e, d, r);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? re;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(P("elementProperties"))) return;
-    const e = Pe(this);
-    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(P("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(P("properties"))) {
-      const t = this.properties, r = [...Te(t), ...Ne(t)];
-      for (const i of r) this.createProperty(i, t[i]);
-    }
-    const e = this[Symbol.metadata];
-    if (e !== null) {
-      const t = litPropertyMetadata.get(e);
-      if (t !== void 0) for (const [r, i] of t) this.elementProperties.set(r, i);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, r] of this.elementProperties) {
-      const i = this._$Eu(t, r);
-      i !== void 0 && this._$Eh.set(i, t);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(e) {
-    const t = [];
-    if (Array.isArray(e)) {
-      const r = new Set(e.flat(1 / 0).reverse());
-      for (const i of r) t.unshift(ee(i));
-    } else e !== void 0 && t.push(ee(e));
-    return t;
-  }
-  static _$Eu(e, t) {
-    const r = t.attribute;
-    return r === !1 ? void 0 : typeof r == "string" ? r : typeof e == "string" ? e.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
-  }
-  addController(e) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
-  }
-  removeController(e) {
-    this._$EO?.delete(e);
-  }
-  _$E_() {
-    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const r of t.keys()) this.hasOwnProperty(r) && (e.set(r, this[r]), delete this[r]);
-    e.size > 0 && (this._$Ep = e);
-  }
-  createRenderRoot() {
-    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Ee(e, this.constructor.elementStyles), e;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
-  }
-  enableUpdating(e) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach((e) => e.hostDisconnected?.());
-  }
-  attributeChangedCallback(e, t, r) {
-    this._$AK(e, r);
-  }
-  _$ET(e, t) {
-    const r = this.constructor.elementProperties.get(e), i = this.constructor._$Eu(e, r);
-    if (i !== void 0 && r.reflect === !0) {
-      const o = (r.converter?.toAttribute !== void 0 ? r.converter : W).toAttribute(t, r.type);
-      this._$Em = e, o == null ? this.removeAttribute(i) : this.setAttribute(i, o), this._$Em = null;
-    }
-  }
-  _$AK(e, t) {
-    const r = this.constructor, i = r._$Eh.get(e);
-    if (i !== void 0 && this._$Em !== i) {
-      const o = r.getPropertyOptions(i), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : W;
-      this._$Em = i;
-      const d = n.fromAttribute(t, o.type);
-      this[i] = d ?? this._$Ej?.get(i) ?? d, this._$Em = null;
-    }
-  }
-  requestUpdate(e, t, r, i = !1, o) {
-    if (e !== void 0) {
-      const n = this.constructor;
-      if (i === !1 && (o = this[e]), r ??= n.getPropertyOptions(e), !((r.hasChanged ?? _e)(o, t) || r.useDefault && r.reflect && o === this._$Ej?.get(e) && !this.hasAttribute(n._$Eu(e, r)))) return;
-      this.C(e, t, r);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(e, t, { useDefault: r, reflect: i, wrapped: o }, n) {
-    r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? t ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || r || (t = void 0), this._$AL.set(e, t)), i === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (t) {
-      Promise.reject(t);
-    }
-    const e = this.scheduleUpdate();
-    return e != null && await e, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [i, o] of this._$Ep) this[i] = o;
-        this._$Ep = void 0;
-      }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [i, o] of r) {
-        const { wrapped: n } = o, d = this[i];
-        n !== !0 || this._$AL.has(i) || d === void 0 || this.C(i, void 0, o, d);
-      }
-    }
-    let e = !1;
-    const t = this._$AL;
-    try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach((r) => r.hostUpdate?.()), this.update(t)) : this._$EM();
-    } catch (r) {
-      throw e = !1, this._$EM(), r;
-    }
-    e && this._$AE(t);
-  }
-  willUpdate(e) {
-  }
-  _$AE(e) {
-    this._$EO?.forEach((t) => t.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(e) {
-    return !0;
-  }
-  update(e) {
-    this._$Eq &&= this._$Eq.forEach((t) => this._$ET(t, this[t])), this._$EM();
-  }
-  updated(e) {
-  }
-  firstUpdated(e) {
-  }
-};
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[P("elementProperties")] = /* @__PURE__ */ new Map(), S[P("finalized")] = /* @__PURE__ */ new Map(), Ue?.({ ReactiveElement: S }), (H.reactiveElementVersions ??= []).push("2.1.2");
-const Y = globalThis, ie = (s) => s, L = Y.trustedTypes, se = L ? L.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, ge = "$lit$", $ = `lit$${Math.random().toFixed(9).slice(2)}$`, ve = "?" + $, Re = `<${ve}>`, E = document, U = () => E.createComment(""), R = (s) => s === null || typeof s != "object" && typeof s != "function", Z = Array.isArray, De = (s) => Z(s) || typeof s?.[Symbol.iterator] == "function", j = `[ 	
-\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, oe = /-->/g, ne = />/g, y = RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ae = /'/g, le = /"/g, be = /^(?:script|style|textarea|title)$/i, Ie = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), u = Ie(1), w = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), de = /* @__PURE__ */ new WeakMap(), A = E.createTreeWalker(E, 129);
-function $e(s, e) {
-  if (!Z(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return se !== void 0 ? se.createHTML(e) : e;
-}
-const Le = (s, e) => {
-  const t = s.length - 1, r = [];
-  let i, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = T;
-  for (let d = 0; d < t; d++) {
-    const a = s[d];
-    let c, m, l = -1, p = 0;
-    for (; p < a.length && (n.lastIndex = p, m = n.exec(a), m !== null); ) p = n.lastIndex, n === T ? m[1] === "!--" ? n = oe : m[1] !== void 0 ? n = ne : m[2] !== void 0 ? (be.test(m[2]) && (i = RegExp("</" + m[2], "g")), n = y) : m[3] !== void 0 && (n = y) : n === y ? m[0] === ">" ? (n = i ?? T, l = -1) : m[1] === void 0 ? l = -2 : (l = n.lastIndex - m[2].length, c = m[1], n = m[3] === void 0 ? y : m[3] === '"' ? le : ae) : n === le || n === ae ? n = y : n === oe || n === ne ? n = T : (n = y, i = void 0);
-    const h = n === y && s[d + 1].startsWith("/>") ? " " : "";
-    o += n === T ? a + Re : l >= 0 ? (r.push(c), a.slice(0, l) + ge + a.slice(l) + $ + h) : a + $ + (l === -2 ? d : h);
-  }
-  return [$e(s, o + (s[t] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), r];
-};
-class D {
-  constructor({ strings: e, _$litType$: t }, r) {
-    let i;
-    this.parts = [];
-    let o = 0, n = 0;
-    const d = e.length - 1, a = this.parts, [c, m] = Le(e, t);
-    if (this.el = D.createElement(c, r), A.currentNode = this.el.content, t === 2 || t === 3) {
-      const l = this.el.content.firstChild;
-      l.replaceWith(...l.childNodes);
-    }
-    for (; (i = A.nextNode()) !== null && a.length < d; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(ge)) {
-          const p = m[n++], h = i.getAttribute(l).split($), _ = /([.?@])?(.*)/.exec(p);
-          a.push({ type: 1, index: o, name: _[2], strings: h, ctor: _[1] === "." ? Be : _[1] === "?" ? ze : _[1] === "@" ? je : B }), i.removeAttribute(l);
-        } else l.startsWith($) && (a.push({ type: 6, index: o }), i.removeAttribute(l));
-        if (be.test(i.tagName)) {
-          const l = i.textContent.split($), p = l.length - 1;
-          if (p > 0) {
-            i.textContent = L ? L.emptyScript : "";
-            for (let h = 0; h < p; h++) i.append(l[h], U()), A.nextNode(), a.push({ type: 2, index: ++o });
-            i.append(l[p], U());
-          }
-        }
-      } else if (i.nodeType === 8) if (i.data === ve) a.push({ type: 2, index: o });
-      else {
-        let l = -1;
-        for (; (l = i.data.indexOf($, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += $.length - 1;
-      }
-      o++;
-    }
-  }
-  static createElement(e, t) {
-    const r = E.createElement("template");
-    return r.innerHTML = e, r;
-  }
-}
-function M(s, e, t = s, r) {
-  if (e === w) return e;
-  let i = r !== void 0 ? t._$Co?.[r] : t._$Cl;
-  const o = R(e) ? void 0 : e._$litDirective$;
-  return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(s), i._$AT(s, t, r)), r !== void 0 ? (t._$Co ??= [])[r] = i : t._$Cl = i), i !== void 0 && (e = M(s, i._$AS(s, e.values), i, r)), e;
-}
-class He {
-  constructor(e, t) {
-    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(e) {
-    const { el: { content: t }, parts: r } = this._$AD, i = (e?.creationScope ?? E).importNode(t, !0);
-    A.currentNode = i;
-    let o = A.nextNode(), n = 0, d = 0, a = r[0];
-    for (; a !== void 0; ) {
-      if (n === a.index) {
-        let c;
-        a.type === 2 ? c = new C(o, o.nextSibling, this, e) : a.type === 1 ? c = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (c = new Fe(o, this, e)), this._$AV.push(c), a = r[++d];
-      }
-      n !== a?.index && (o = A.nextNode(), n++);
-    }
-    return A.currentNode = E, i;
-  }
-  p(e) {
-    let t = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(e, r, t), t += r.strings.length - 2) : r._$AI(e[t])), t++;
-  }
-}
-class C {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(e, t, r, i) {
-    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
-  }
-  get parentNode() {
-    let e = this._$AA.parentNode;
-    const t = this._$AM;
-    return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(e, t = this) {
-    e = M(this, e, t), R(e) ? e === f || e == null || e === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : e !== this._$AH && e !== w && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : De(e) ? this.k(e) : this._(e);
-  }
-  O(e) {
-    return this._$AA.parentNode.insertBefore(e, this._$AB);
-  }
-  T(e) {
-    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
-  }
-  _(e) {
-    this._$AH !== f && R(this._$AH) ? this._$AA.nextSibling.data = e : this.T(E.createTextNode(e)), this._$AH = e;
-  }
-  $(e) {
-    const { values: t, _$litType$: r } = e, i = typeof r == "number" ? this._$AC(e) : (r.el === void 0 && (r.el = D.createElement($e(r.h, r.h[0]), this.options)), r);
-    if (this._$AH?._$AD === i) this._$AH.p(t);
-    else {
-      const o = new He(i, this), n = o.u(this.options);
-      o.p(t), this.T(n), this._$AH = o;
-    }
-  }
-  _$AC(e) {
-    let t = de.get(e.strings);
-    return t === void 0 && de.set(e.strings, t = new D(e)), t;
-  }
-  k(e) {
-    Z(this._$AH) || (this._$AH = [], this._$AR());
-    const t = this._$AH;
-    let r, i = 0;
-    for (const o of e) i === t.length ? t.push(r = new C(this.O(U()), this.O(U()), this, this.options)) : r = t[i], r._$AI(o), i++;
-    i < t.length && (this._$AR(r && r._$AB.nextSibling, i), t.length = i);
-  }
-  _$AR(e = this._$AA.nextSibling, t) {
-    for (this._$AP?.(!1, !0, t); e !== this._$AB; ) {
-      const r = ie(e).nextSibling;
-      ie(e).remove(), e = r;
-    }
-  }
-  setConnected(e) {
-    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
-  }
-}
-class B {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(e, t, r, i, o) {
-    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = e, this.name = t, this._$AM = i, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = f;
-  }
-  _$AI(e, t = this, r, i) {
-    const o = this.strings;
-    let n = !1;
-    if (o === void 0) e = M(this, e, t, 0), n = !R(e) || e !== this._$AH && e !== w, n && (this._$AH = e);
-    else {
-      const d = e;
-      let a, c;
-      for (e = o[0], a = 0; a < o.length - 1; a++) c = M(this, d[r + a], t, a), c === w && (c = this._$AH[a]), n ||= !R(c) || c !== this._$AH[a], c === f ? e = f : e !== f && (e += (c ?? "") + o[a + 1]), this._$AH[a] = c;
-    }
-    n && !i && this.j(e);
-  }
-  j(e) {
-    e === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
-  }
-}
-class Be extends B {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(e) {
-    this.element[this.name] = e === f ? void 0 : e;
-  }
-}
-class ze extends B {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(e) {
-    this.element.toggleAttribute(this.name, !!e && e !== f);
-  }
-}
-class je extends B {
-  constructor(e, t, r, i, o) {
-    super(e, t, r, i, o), this.type = 5;
-  }
-  _$AI(e, t = this) {
-    if ((e = M(this, e, t, 0) ?? f) === w) return;
-    const r = this._$AH, i = e === f && r !== f || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== f && (r === f || i);
-    i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
-  }
-  handleEvent(e) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
-  }
-}
-class Fe {
-  constructor(e, t, r) {
-    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = r;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(e) {
-    M(this, e);
-  }
-}
-const qe = { I: C }, Ke = Y.litHtmlPolyfillSupport;
-Ke?.(D, C), (Y.litHtmlVersions ??= []).push("3.3.2");
-const We = (s, e, t) => {
-  const r = t?.renderBefore ?? e;
-  let i = r._$litPart$;
-  if (i === void 0) {
-    const o = t?.renderBefore ?? null;
-    r._$litPart$ = i = new C(e.insertBefore(U(), o), o, void 0, t ?? {});
-  }
-  return i._$AI(s), i;
-};
-const G = globalThis;
-let O = class extends S {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    const e = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= e.firstChild, e;
-  }
-  update(e) {
-    const t = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = We(t, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._$Do?.setConnected(!0);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._$Do?.setConnected(!1);
-  }
-  render() {
-    return w;
-  }
-};
-O._$litElement$ = !0, O.finalized = !0, G.litElementHydrateSupport?.({ LitElement: O });
-const Ve = G.litElementPolyfillSupport;
-Ve?.({ LitElement: O });
-(G.litElementVersions ??= []).push("4.2.2");
-const g = (s) => me(s), v = Ae, Qe = ke`
-  :host {
-    /* Re-pin inheritable properties to close inheritance leaks from hostile
-       host CSS. These are the only properties that cross the shadow boundary
-       via inheritance, so we hard-set them at the root. */
-    all: initial;
-    display: block;
-    height: 100%;
-    box-sizing: border-box;
-    font-family:
-      var(--cpk-drawer-font-family, ui-sans-serif, system-ui, sans-serif);
-    font-size: var(--cpk-drawer-font-size, 14px);
-    line-height: var(--cpk-drawer-line-height, 1.4);
-    color: var(--cpk-drawer-fg, var(--foreground, ${g(v.fg)}));
-
-    /* Three-level token resolution, highest priority first:
-       1. explicit per-token override (--cpk-drawer-*),
-       2. the host app's theme variable (--background/--card/… — the standard
-          react-core/shadcn names), so the drawer follows the host's light/dark
-          theme by inheritance (custom properties are NOT reset by all:initial),
-       3. the built-in light default derived from react-core at build time, so a
-          host with no theme still renders correctly (self-contained). */
-    --_bg: var(--cpk-drawer-bg, var(--background, ${g(v.bg)}));
-    --_surface: var(--cpk-drawer-surface, var(--card, ${g(v.surface)}));
-    --_surface-fg: var(
-      --cpk-drawer-surface-fg,
-      var(--card-foreground, ${g(v["surface-fg"])})
-    );
-    --_muted: var(--cpk-drawer-muted, var(--muted, ${g(v.muted)}));
-    --_muted-fg: var(
-      --cpk-drawer-muted-fg,
-      var(--muted-foreground, ${g(v["muted-fg"])})
-    );
-    --_accent: var(--cpk-drawer-accent, var(--accent, ${g(v.accent)}));
-    --_accent-fg: var(
-      --cpk-drawer-accent-fg,
-      var(--accent-foreground, ${g(v["accent-fg"])})
-    );
-    --_primary: var(--cpk-drawer-primary, var(--primary, ${g(v.primary)}));
-    --_primary-fg: var(
-      --cpk-drawer-primary-fg,
-      var(--primary-foreground, ${g(v["primary-fg"])})
-    );
-    --_danger: var(--cpk-drawer-danger, var(--destructive, ${g(v.danger)}));
-    --_border: var(--cpk-drawer-border, var(--border, ${g(v.border)}));
-    --_ring: var(--cpk-drawer-ring, var(--ring, ${g(v.ring)}));
-    --_radius: var(--cpk-drawer-radius, var(--radius, ${g(v.radius)}));
-    --_width: var(--cpk-drawer-width, 320px);
-    --_rail-width: var(--cpk-drawer-rail-width, 56px);
-  }
-
-  :host([hidden]) {
-    display: none;
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-
-  .root {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    width: var(--_width);
-    background: var(--_bg);
-    border-right: 1px solid var(--_border);
-    overflow: hidden;
-    transition: width 0.2s ease;
-    /* Positioning context for the confirm-delete dialog's absolutely-positioned
-       backdrop (see .dialog-backdrop). Without this the backdrop's inset:0
-       resolves against the initial containing block (the viewport) and its
-       low z-index competes in the light-DOM root stacking context, so on
-       desktop the dialog escapes the drawer column and paints UNDER the chat
-       input (which sits in a sibling column). Anchoring here confines the
-       modal to the drawer, where its z-index only needs to beat the rows.
-       The mobile path already establishes its own context via position:fixed. */
-    position: relative;
-  }
-
-  .root.collapsed {
-    width: var(--_rail-width);
-  }
-
-  /* Mobile: off-canvas overlay (modal pattern). */
-  .root.mobile {
-    position: fixed;
-    inset: 0 auto 0 0;
-    z-index: 1000;
-    width: min(var(--_width), 85vw);
-    transform: translateX(-100%);
-    transition: transform 0.2s ease;
-    box-shadow: 0 0 0 100vmax transparent;
-  }
-
-  .root.mobile.open {
-    transform: translateX(0);
-  }
-
-  .backdrop {
-    position: fixed;
-    inset: 0;
-    z-index: 999;
-    background: rgba(0, 0, 0, 0.4);
-    border: 0;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-  }
-
-  /* Mobile-only floating affordance to OPEN the off-canvas drawer. Rendered by
-     the element itself so phones always have a way in with no host wiring. */
-  .launcher {
-    position: fixed;
-    z-index: 998;
-    /* Position is themeable so a host can line the launcher up with its own
-       header controls (e.g. vertically centering it on a toggle group). */
-    top: var(--cpk-drawer-launcher-top, 12px);
-    left: var(--cpk-drawer-launcher-left, 12px);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 40px;
-    height: 40px;
-    border-radius: 999px;
-    border: 1px solid var(--_border);
-    background: var(--_surface);
-    color: var(--_surface-fg);
-    cursor: pointer;
-    box-shadow: 0 2px 8px rgb(0 0 0 / 0.12);
-  }
-
-  .launcher-icon {
-    width: 18px;
-    height: 18px;
-    display: block;
-  }
-
-  .header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 8px;
-    padding: 12px;
-    border-bottom: 1px solid var(--_border);
-  }
-
-  .filters {
-    display: flex;
-    gap: 4px;
-    padding: 8px 12px;
-  }
-
-  .filter-btn {
-    flex: 1;
-    padding: 6px 10px;
-    border: 1px solid var(--_border);
-    border-radius: var(--_radius);
-    background: var(--_bg);
-    color: var(--_muted-fg);
-    cursor: pointer;
-    font: inherit;
-  }
-
-  .filter-btn[aria-pressed="true"] {
-    background: var(--_accent);
-    color: var(--_accent-fg);
-    border-color: var(--_ring);
-  }
-
-  .list {
-    flex: 1;
-    min-height: 0;
-    overflow-y: auto;
-    padding: 8px 12px;
-    margin: 0;
-    list-style: none;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-
-  .row {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 10px;
-    border-radius: var(--_radius);
-    cursor: pointer;
-    background: transparent;
-    color: inherit;
-    border: 1px solid transparent;
-    opacity: 0;
-    transform: translateY(4px);
-    animation: cpk-drawer-row-in 0.18s ease forwards;
-    /* Positioned so the hovered row can be lifted above later rows (below). */
-    position: relative;
-  }
-
-  /* The entry animation leaves each row with a (non-none) transform, making it
-     its own stacking context — which would paint the name tooltip UNDER the
-     following rows (their text bled through the bubble). Lifting the hovered
-     row's z-index re-floats its tooltip above the rows beneath it. */
-  .row.name-clipped:hover {
-    z-index: 2;
-  }
-
-  @keyframes cpk-drawer-row-in {
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  .row.active {
-    background: var(--_accent);
-    color: var(--_accent-fg);
-    border-color: var(--_ring);
-  }
-
-  .row.archived .row-name {
-    color: var(--_muted-fg);
-  }
-
-  .row-name {
-    /* The outer name element owns NO overflow clip so it can host the name
-       tooltip pseudo-element; the inner .row-name-text does the ellipsis. */
-    flex: 1;
-    min-width: 0;
-    position: relative;
-  }
-
-  .row-name-text {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  /* Name tooltip: matches the row-action tooltip (instant primary bubble with
-     an arrow), shown ONLY when the name is clipped. Positioned below the name,
-     wrapping within the drawer width (a long name can't fit one line). */
-  .row-name.name-clipped[data-tooltip]:hover::after {
-    content: attr(data-tooltip);
-    position: absolute;
-    left: 0;
-    top: calc(100% + 6px);
-    white-space: normal;
-    max-width: 240px;
-    background: var(--_primary);
-    color: var(--_primary-fg);
-    border-radius: 6px;
-    padding: 4px 8px;
-    font-size: 12px;
-    line-height: 1.4;
-    box-shadow: 0 4px 12px rgb(0 0 0 / 0.18);
-    pointer-events: none;
-    z-index: 20;
-  }
-
-  .row-name.name-clipped[data-tooltip]:hover::before {
-    content: "";
-    position: absolute;
-    left: 10px;
-    top: calc(100% + 1.5px);
-    transform: rotate(45deg);
-    width: 7px;
-    height: 7px;
-    background: var(--_primary);
-    border-radius: 1px;
-    pointer-events: none;
-    z-index: 21;
-  }
-
-  .row-name.placeholder {
-    color: var(--_muted-fg);
-    font-style: italic;
-  }
-
-  .row-name.revealed {
-    animation: cpk-drawer-name-reveal 0.3s ease;
-  }
-
-  @keyframes cpk-drawer-name-reveal {
-    from {
-      opacity: 0.4;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-
-  .row-action {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex: none;
-    border: 0;
-    background: transparent;
-    color: var(--_muted-fg);
-    cursor: pointer;
-    font: inherit;
-    padding: 5px;
-    border-radius: 6px;
-  }
-
-  /* Instant tooltip (matches the react components' delayDuration:0) styled to
-     match the CPK standard tooltip: a solid primary-colored bubble with
-     primary-foreground text, rounded corners, no border, and a small arrow —
-     NOT a surface/bordered box (which reads as a button). Rendered to the LEFT
-     of the action so the list's vertical overflow never clips it; the native
-     \`title\` tooltip is avoided because its show-delay is browser-fixed (~1.5s)
-     and cannot be tuned. */
-  .row-action[data-tooltip]:hover::after,
-  .row-action[data-tooltip]:focus-visible::after {
-    content: attr(data-tooltip);
-    position: absolute;
-    right: calc(100% + 8px);
-    top: 50%;
-    transform: translateY(-50%);
-    white-space: nowrap;
-    background: var(--_primary);
-    color: var(--_primary-fg);
-    border-radius: 6px;
-    padding: 4px 8px;
-    font-size: 12px;
-    line-height: 1.4;
-    box-shadow: 0 4px 12px rgb(0 0 0 / 0.18);
-    pointer-events: none;
-    z-index: 20;
-  }
-
-  /* Arrow: a small rotated square at the bubble's right edge, pointing at the
-     action — same primary fill as the bubble. */
-  .row-action[data-tooltip]:hover::before,
-  .row-action[data-tooltip]:focus-visible::before {
-    content: "";
-    position: absolute;
-    right: calc(100% + 4.5px);
-    top: 50%;
-    transform: translateY(-50%) rotate(45deg);
-    width: 7px;
-    height: 7px;
-    background: var(--_primary);
-    border-radius: 1px;
-    pointer-events: none;
-    z-index: 21;
-  }
-
-  /* While the delete-confirmation dialog is open, suppress row-action tooltips:
-     the clicked trash button keeps :focus-visible (and may stay hovered), which
-     would otherwise leave its "Delete" tooltip floating over the dialog. */
-  .root.confirming .row-action[data-tooltip]:hover::after,
-  .root.confirming .row-action[data-tooltip]:focus-visible::after,
-  .root.confirming .row-action[data-tooltip]:hover::before,
-  .root.confirming .row-action[data-tooltip]:focus-visible::before {
-    content: none;
-    display: none;
-  }
-
-  .row-action:hover,
-  .row-action:focus-visible {
-    background: var(--_muted);
-    color: inherit;
-  }
-
-  .row-action.danger:hover,
-  .row-action.danger:focus-visible {
-    color: var(--_danger);
-  }
-
-  .row-action-icon {
-    width: 15px;
-    height: 15px;
-    display: block;
-  }
-
-  button.primary {
-    background: var(--_primary);
-    color: var(--_primary-fg);
-    border: 0;
-    border-radius: var(--_radius);
-    padding: 8px 12px;
-    cursor: pointer;
-    font: inherit;
-  }
-
-  .state {
-    padding: 24px 16px;
-    text-align: center;
-    color: var(--_muted-fg);
-  }
-
-  .state.error {
-    color: var(--_danger);
-  }
-
-  .fetch-more-error {
-    padding: 8px 12px;
-    text-align: center;
-    color: var(--_danger);
-    font-size: 0.9em;
-  }
-
-  .load-more {
-    display: block;
-    width: 100%;
-    padding: 8px 12px;
-    background: none;
-    border: none;
-    color: var(--_muted-fg);
-    font: inherit;
-    font-size: 0.9em;
-    cursor: pointer;
-  }
-
-  .load-more:hover,
-  .load-more:focus-visible {
-    color: var(--_surface-fg);
-    background: var(--_muted);
-  }
-
-  .licensed {
-    padding: 24px 16px;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .memories {
-    border-top: 1px solid var(--_border);
-    padding: 8px 12px;
-  }
-
-  .memories[hidden] {
-    display: none;
-  }
-
-  .dialog-backdrop {
-    position: absolute;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.3);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 10;
-  }
-
-  .dialog {
-    background: var(--_surface);
-    color: var(--_surface-fg);
-    border-radius: var(--_radius);
-    padding: 16px;
-    max-width: 80%;
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .dialog-actions {
-    display: flex;
-    justify-content: flex-end;
-    gap: 8px;
-  }
-
-  .footer {
-    border-top: 1px solid var(--_border);
-    padding: 12px;
-  }
-
-  .footer[hidden] {
-    display: none;
-  }
-`;
-const we = { ATTRIBUTE: 1, CHILD: 2 }, ye = (s) => (...e) => ({ _$litDirective$: s, values: e });
-let xe = class {
-  constructor(e) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(e, t, r) {
-    this._$Ct = e, this._$AM = t, this._$Ci = r;
-  }
-  _$AS(e, t) {
-    return this.update(e, t);
-  }
-  update(e, t) {
-    return this.render(...t);
-  }
-};
-const { I: Ye } = qe, ce = (s) => s, he = () => document.createComment(""), N = (s, e, t) => {
-  const r = s._$AA.parentNode, i = e === void 0 ? s._$AB : e._$AA;
-  if (t === void 0) {
-    const o = r.insertBefore(he(), i), n = r.insertBefore(he(), i);
-    t = new Ye(o, n, s, s.options);
-  } else {
-    const o = t._$AB.nextSibling, n = t._$AM, d = n !== s;
-    if (d) {
-      let a;
-      t._$AQ?.(s), t._$AM = s, t._$AP !== void 0 && (a = s._$AU) !== n._$AU && t._$AP(a);
-    }
-    if (o !== i || d) {
-      let a = t._$AA;
-      for (; a !== o; ) {
-        const c = ce(a).nextSibling;
-        ce(r).insertBefore(a, i), a = c;
-      }
-    }
-  }
-  return t;
-}, x = (s, e, t = s) => (s._$AI(e, t), s), Ze = {}, Ge = (s, e = Ze) => s._$AH = e, Je = (s) => s._$AH, F = (s) => {
-  s._$AR(), s._$AA.remove();
-};
-const pe = (s, e, t) => {
-  const r = /* @__PURE__ */ new Map();
-  for (let i = e; i <= t; i++) r.set(s[i], i);
-  return r;
-}, Xe = ye(class extends xe {
-  constructor(s) {
-    if (super(s), s.type !== we.CHILD) throw Error("repeat() can only be used in text expressions");
-  }
-  dt(s, e, t) {
-    let r;
-    t === void 0 ? t = e : e !== void 0 && (r = e);
-    const i = [], o = [];
-    let n = 0;
-    for (const d of s) i[n] = r ? r(d, n) : n, o[n] = t(d, n), n++;
-    return { values: o, keys: i };
-  }
-  render(s, e, t) {
-    return this.dt(s, e, t).values;
-  }
-  update(s, [e, t, r]) {
-    const i = Je(s), { values: o, keys: n } = this.dt(e, t, r);
-    if (!Array.isArray(i)) return this.ut = n, o;
-    const d = this.ut ??= [], a = [];
-    let c, m, l = 0, p = i.length - 1, h = 0, _ = o.length - 1;
-    for (; l <= p && h <= _; ) if (i[l] === null) l++;
-    else if (i[p] === null) p--;
-    else if (d[l] === n[h]) a[h] = x(i[l], o[h]), l++, h++;
-    else if (d[p] === n[_]) a[_] = x(i[p], o[_]), p--, _--;
-    else if (d[l] === n[_]) a[_] = x(i[l], o[_]), N(s, a[_ + 1], i[l]), l++, _--;
-    else if (d[p] === n[h]) a[h] = x(i[p], o[h]), N(s, i[l], i[p]), p--, h++;
-    else if (c === void 0 && (c = pe(n, h, _), m = pe(d, l, p)), c.has(d[l])) if (c.has(d[p])) {
-      const b = m.get(n[h]), z = b !== void 0 ? i[b] : null;
-      if (z === null) {
-        const J = N(s, i[l]);
-        x(J, o[h]), a[h] = J;
-      } else a[h] = x(z, o[h]), N(s, i[l], z), i[b] = null;
-      h++;
-    } else F(i[p]), p--;
-    else F(i[l]), l++;
-    for (; h <= _; ) {
-      const b = N(s, a[_ + 1]);
-      x(b, o[h]), a[h++] = b;
-    }
-    for (; l <= p; ) {
-      const b = i[l++];
-      b !== null && F(b);
-    }
-    return this.ut = n, Ge(s, a), w;
-  }
-});
-const q = ye(class extends xe {
-  constructor(s) {
-    if (super(s), s.type !== we.ATTRIBUTE || s.name !== "class" || s.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(s) {
-    return " " + Object.keys(s).filter((e) => s[e]).join(" ") + " ";
-  }
-  update(s, [e]) {
-    if (this.st === void 0) {
-      this.st = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((r) => r !== "")));
-      for (const r in e) e[r] && !this.nt?.has(r) && this.st.add(r);
-      return this.render(e);
-    }
-    const t = s.element.classList;
-    for (const r of this.st) r in e || (t.remove(r), this.st.delete(r));
-    for (const r in e) {
-      const i = !!e[r];
-      i === this.st.has(r) || this.nt?.has(r) || (i ? (t.add(r), this.st.add(r)) : (t.remove(r), this.st.delete(r)));
-    }
-    return w;
-  }
-}), ue = "copilotkit-threads-drawer", et = 768;
-function K(s) {
-  return s !== null && s.trim().length > 0;
-}
-function tt(s) {
-  return s.length === 0 || /[\s"'<>=]/.test(s) ? null : `row:${s}`;
-}
-const rt = u`
-  <svg
-    class="row-action-icon"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <rect width="20" height="5" x="2" y="3" rx="1" />
-    <path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" />
-    <path d="M10 12h4" />
-  </svg>
-`, it = u`
-  <svg
-    class="row-action-icon"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <rect width="20" height="5" x="2" y="3" rx="1" />
-    <path d="M4 8v11a2 2 0 0 0 2 2h2" />
-    <path d="M20 8v11a2 2 0 0 1-2 2h-2" />
-    <path d="m9 15 3-3 3 3" />
-    <path d="M12 12v9" />
-  </svg>
-`, st = u`
-  <svg
-    class="row-action-icon"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <path d="M3 6h18" />
-    <path
-      d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    />
-    <line x1="10" x2="10" y1="11" y2="17" />
-    <line x1="14" x2="14" y1="11" y2="17" />
-  </svg>
-`, ot = u`
-  <svg
-    class="launcher-icon"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    aria-hidden="true"
-  >
-    <rect width="18" height="18" x="3" y="3" rx="2" />
-    <path d="M9 3v18" />
-    <path d="m14 9 3 3-3 3" />
-  </svg>
-`;
-var k, nt = (k = class extends O {
-  constructor(...e) {
-    super(...e), this.label = "Threads", this.threads = [], this.loading = !1, this.error = null, this.activeThreadId = null, this.licensed = !0, this.licenseUrl = "https://docs.copilotkit.ai/intelligence", this.hasMore = !1, this.fetchingMore = !1, this.fetchMoreError = null, this.open = !0, this.collapsed = !1, this._filter = "active", this._confirmingDeleteId = null, this._viewportIsMobile = !1, this._hasMemories = !1, this._hasFooter = !1, this._mediaQuery = null, this._onMediaChange = (t) => {
-      this._viewportIsMobile = t.matches;
-    }, this._onKeyDown = (t) => {
-      if (t.key === "Escape") {
-        if (this._confirmingDeleteId !== null) {
-          this._confirmingDeleteId = null, t.stopPropagation();
-          return;
-        }
-        this._viewportIsMobile && this.open && (this._setOpen(!1), t.stopPropagation());
-        return;
-      }
-      t.key === "Tab" && this._trapTab(t);
-    }, this._seenNamed = /* @__PURE__ */ new Set(), this._justRevealed = /* @__PURE__ */ new Set(), this._scrollLocked = !1, this._prevBodyOverflow = "", this._trapTab = (t) => {
-      if (t.key !== "Tab" || !this._isMobileModalOpen()) return;
-      const r = this._composedFocusable();
-      if (r.length === 0) return;
-      const i = r[0], o = r[r.length - 1], n = this.renderRoot.activeElement ?? document.activeElement;
-      t.shiftKey && n === i ? (o.focus(), t.preventDefault()) : !t.shiftKey && n === o && (i.focus(), t.preventDefault());
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), typeof window < "u" && window.matchMedia && (this._mediaQuery = window.matchMedia(`(max-width: ${et}px)`), this._viewportIsMobile = this._mediaQuery.matches, this._mediaQuery.addEventListener("change", this._onMediaChange)), this.addEventListener("keydown", this._onKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._onMediaChange), this.removeEventListener("keydown", this._onKeyDown), this._releaseScrollLock();
-  }
-  willUpdate(e) {
-    if (e.has("threads")) {
-      const t = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
-      for (const i of this.threads) {
-        t.add(i.id);
-        const o = i.name !== null && i.name !== "";
-        o && !this._seenNamed.has(i.id) && r.add(i.id), o && this._seenNamed.add(i.id);
-      }
-      for (const i of this._seenNamed) t.has(i) || this._seenNamed.delete(i);
-      this._justRevealed = r, this._confirmingDeleteId !== null && (this._visibleThreads().some((i) => i.id === this._confirmingDeleteId) || (this._confirmingDeleteId = null));
-    }
-  }
-  updated(e) {
-    (e.has("open") || e.has("_viewportIsMobile")) && (this._isMobileModalOpen() ? (this._applyScrollLock(), this._focusFirstFocusable()) : this._releaseScrollLock()), this._justRevealed.size > 0 && (this._justRevealed = /* @__PURE__ */ new Set()), this._syncNameClipping();
-  }
-  /**
-  * Marks each row whose name text is truncated with `name-clipped`, so the CSS
-  * shows the name tooltip ONLY when the full name isn't already visible (an
-  * always-on bubble over every row on hover would be noise). Measured after
-  * render because truncation depends on the laid-out width.
-  */
-  _syncNameClipping() {
-    this.renderRoot.querySelectorAll(".row-name").forEach((e) => {
-      const t = e.querySelector(".row-name-text"), r = !!t && t.scrollWidth > t.clientWidth;
-      e.classList.toggle("name-clipped", r), e.closest(".row")?.classList.toggle("name-clipped", r);
-    });
-  }
-  _isMobileModalOpen() {
-    return this._viewportIsMobile && this.open;
-  }
-  _setOpen(e) {
-    this.open !== e && (this.open = e, this._emit("open-change", { open: e }));
-  }
-  _setFilter(e) {
-    this._filter !== e && (this._filter = e, this._emit("filter-change", { filter: e }));
-  }
-  /**
-  * Element-authoritative ordering + filtering. Active filter hides archived
-  * threads; ordering is most-recent-first by `lastRunAt`/`updatedAt`.
-  */
-  _visibleThreads() {
-    const e = this._filter === "active" ? this.threads.filter((r) => !r.archived) : this.threads, t = (r) => {
-      const i = r.lastRunAt ?? r.updatedAt ?? r.createdAt, o = Date.parse(i);
-      return Number.isNaN(o) ? null : o;
-    };
-    return [...e].map((r, i) => ({
-      thread: r,
-      index: i,
-      ts: t(r)
-    })).sort((r, i) => r.ts === null && i.ts === null ? r.index - i.index : r.ts === null ? 1 : i.ts === null ? -1 : r.ts !== i.ts ? i.ts - r.ts : r.index - i.index).map((r) => r.thread);
-  }
-  _emit(e, t) {
-    this.dispatchEvent(new CustomEvent(e, {
-      detail: t,
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  _applyScrollLock() {
-    this._scrollLocked || typeof document > "u" || (this._prevBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this._scrollLocked = !0);
-  }
-  _releaseScrollLock() {
-    !this._scrollLocked || typeof document > "u" || (document.body.style.overflow = this._prevBodyOverflow, this._scrollLocked = !1);
-  }
-  /**
-  * Returns the focusable elements in the composed/flattened tree of the drawer
-  * root, INCLUDING slotted light-DOM content (so a focus trap covers slotted
-  * rows). Walks assigned nodes of each `<slot>`.
-  */
-  _composedFocusable() {
-    const e = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', t = [], r = this.renderRoot.querySelector(".backdrop");
-    r && t.push(r);
-    const i = this.renderRoot.querySelector(".root");
-    if (!i) return t;
-    const o = (n) => {
-      n.querySelectorAll(e).forEach((d) => t.push(d));
-    };
-    return o(i), i.querySelectorAll("slot").forEach((n) => {
-      n.assignedElements({ flatten: !0 }).forEach((d) => {
-        d.matches(e) && t.push(d), o(d);
-      });
-    }), t;
-  }
-  _focusFirstFocusable() {
-    queueMicrotask(() => {
-      const e = this._composedFocusable(), t = this.renderRoot.querySelector(".backdrop");
-      (e.find((r) => r !== t) ?? e[0])?.focus();
-    });
-  }
-  render() {
-    const e = {
-      root: !0,
-      collapsed: this.collapsed && !this._viewportIsMobile,
-      mobile: this._viewportIsMobile,
-      open: this.open,
-      confirming: this._confirmingDeleteId !== null
-    };
-    return u`
-      ${this._viewportIsMobile && !this.open ? u`<button
-            class="launcher"
-            part="launcher"
-            aria-label="Open threads"
-            @click=${() => this._setOpen(!0)}
-          >
-            <slot name="launcher-icon">${ot}</slot>
-          </button>` : f}
-      ${this._isMobileModalOpen() ? u`<button
-            class="backdrop"
-            part="backdrop"
-            aria-label="Close threads drawer"
-            @click=${() => this._setOpen(!1)}
-          ></button>` : f}
-      <div
-        class=${q(e)}
-        part="root"
-        role=${this._isMobileModalOpen() ? "dialog" : "region"}
-        aria-modal=${this._isMobileModalOpen() ? "true" : f}
-        aria-label=${this.label}
-      >
-        ${this._renderHeader()} ${this._renderBody()} ${this._renderMemories()}
-        ${this._renderFooter()} ${this._renderConfirmDialog()}
-      </div>
-    `;
-  }
-  _renderHeader() {
-    return u`
-      <div class="header" part="header">
-        <slot name="header"><span>${this.label}</span></slot>
-        <button
-          class="primary"
-          part="new-thread-button"
-          aria-label="New thread"
-          @click=${() => this._emit("new-thread", {})}
-        >
-          + New
-        </button>
-      </div>
-      ${this.licensed && (!K(this.error) || this.threads.length > 0) ? u`
-            <div class="filters" part="filters" role="group" aria-label="Filter threads">
-              <button
-                class="filter-btn"
-                part="filter-active"
-                aria-pressed=${this._filter === "active"}
-                @click=${() => this._setFilter("active")}
-              >
-                Active
-              </button>
-              <button
-                class="filter-btn"
-                part="filter-all"
-                aria-pressed=${this._filter === "all"}
-                @click=${() => this._setFilter("all")}
-              >
-                All
-              </button>
-            </div>
-          ` : f}
-    `;
-  }
-  _renderBody() {
-    return this.licensed ? K(this.error) && this.threads.length === 0 ? this._renderError() : this.loading && this.threads.length === 0 ? this._renderLoading() : this._renderList() : this._renderLicensed();
-  }
-  /**
-  * Handles the Upgrade CTA click in the locked view. Dispatches a cancelable
-  * `licensed` event carrying the resolved `licenseUrl`; unless a host calls
-  * `preventDefault()`, opens that URL in a new tab. A blank `licenseUrl`
-  * suppresses navigation so the event alone drives host behavior.
-  */
-  _onLicensedCta() {
-    this.dispatchEvent(new CustomEvent("licensed", {
-      detail: { licenseUrl: this.licenseUrl },
-      bubbles: !0,
-      composed: !0,
-      cancelable: !0
-    })) && this.licenseUrl && typeof window < "u" && window.open(this.licenseUrl, "_blank", "noopener,noreferrer");
-  }
-  _renderLicensed() {
-    return u`
-      <div class="licensed" part="licensed" data-testid="drawer-licensed">
-        <slot name="licensed">
-          <p>Threads are a CopilotKit Intelligence feature.</p>
-          <button
-            class="primary"
-            part="licensed-cta"
-            @click=${() => this._onLicensedCta()}
-          >
-            Upgrade
-          </button>
-        </slot>
-      </div>
-    `;
-  }
-  _renderError() {
-    return u`
-      <div class="state error" part="error" role="alert" data-testid="drawer-error">
-        <p>${this.error}</p>
-        <button
-          class="primary"
-          part="retry-button"
-          @click=${() => this._emit("retry", { scope: "initial" })}
-        >
-          Retry
-        </button>
-      </div>
-    `;
-  }
-  _renderLoading() {
-    return u`
-      <div class="state" part="loading" data-testid="drawer-loading" aria-busy="true">
-        Loading threads…
-      </div>
-    `;
-  }
-  _renderList() {
-    const e = this._visibleThreads();
-    return e.length === 0 ? u`
-        <div class="state" part="empty" data-testid="drawer-empty">
-          <slot name="empty">No threads yet.</slot>
-        </div>
-      ` : u`
-      <ul class="list" part="list" role="listbox" aria-label=${this.label}>
-        ${Xe(e, (t) => t.id, (t) => this._renderRow(t))}
-      </ul>
-      ${this._renderFetchMore()}
-    `;
-  }
-  _renderRow(e) {
-    const t = e.id === this.activeThreadId, r = e.name !== null && e.name !== "", i = this._justRevealed.has(e.id), o = {
-      row: !0,
-      active: t,
-      archived: e.archived
-    }, n = {
-      "row-name": !0,
-      placeholder: !r,
-      revealed: i
-    }, d = tt(e.id), a = u`<span
-      class=${q(n)}
-      part="row-name"
-      data-tooltip=${r ? e.name : f}
-    >
-      <span class="row-name-text"
-        >${r ? e.name : "New thread"}</span
-      >
-    </span>`;
-    return u`
-      <li
-        class=${q(o)}
-        part=${t ? "row row-active" : "row"}
-        role="option"
-        aria-selected=${t ? "true" : "false"}
-        tabindex="0"
-        data-thread-id=${e.id}
-        @click=${() => this._emit("thread-selected", { threadId: e.id })}
-        @keydown=${(c) => {
-      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), this._emit("thread-selected", { threadId: e.id }));
-    }}
-      >
-        ${d !== null ? u`<slot name=${d}>${a}</slot>` : a}
-        ${e.archived ? u`<button
-              class="row-action"
-              part="row-unarchive"
-              data-tooltip="Unarchive"
-              aria-label=${`Unarchive thread ${e.name ?? "New thread"}`}
-              @click=${(c) => {
-      c.stopPropagation(), this._emit("unarchive", { threadId: e.id });
-    }}
-            >
-              ${it}
-            </button>` : u`<button
-              class="row-action"
-              part="row-archive"
-              data-tooltip="Archive"
-              aria-label=${`Archive thread ${e.name ?? "New thread"}`}
-              @click=${(c) => {
-      c.stopPropagation(), this._emit("archive", { threadId: e.id });
-    }}
-            >
-              ${rt}
-            </button>`}
-        <button
-          class="row-action danger"
-          part="row-delete"
-          data-tooltip="Delete"
-          aria-label=${`Delete thread ${e.name ?? "New thread"}`}
-          @click=${(c) => {
-      c.stopPropagation(), this._confirmingDeleteId = e.id;
-    }}
-        >
-          ${st}
-        </button>
-      </li>
-    `;
-  }
-  _renderFetchMore() {
-    return K(this.fetchMoreError) ? u`
-        <div class="fetch-more-error" part="fetch-more-error" role="alert">
-          Couldn't load more —
-          <button
-            class="row-action"
-            part="fetch-more-retry"
-            @click=${() => this._emit("retry", { scope: "fetch-more" })}
-          >
-            retry
-          </button>
-        </div>
-      ` : this.fetchingMore ? u`
-        <div class="state" part="fetching-more" aria-busy="true">Loading more…</div>
-      ` : this.hasMore ? u`
-        <button
-          class="load-more"
-          part="load-more"
-          @click=${() => this._emit("load-more", {})}
-        >
-          Load more
-        </button>
-      ` : f;
-  }
-  _renderMemories() {
-    return u`
-      <div class="memories" part="memories" ?hidden=${!this._hasMemories}>
-        <slot
-          name="memories"
-          @slotchange=${(e) => {
-      this._hasMemories = e.target.assignedElements().length > 0;
-    }}
-        ></slot>
-      </div>
-    `;
-  }
-  _renderFooter() {
-    return u`
-      <div class="footer" part="footer" ?hidden=${!this._hasFooter}>
-        <slot
-          name="footer"
-          @slotchange=${(e) => {
-      this._hasFooter = e.target.assignedElements().length > 0;
-    }}
-        ></slot>
-      </div>
-    `;
-  }
-  _renderConfirmDialog() {
-    if (this._confirmingDeleteId === null) return f;
-    const e = this._confirmingDeleteId;
-    return u`
-      <div class="dialog-backdrop" part="dialog-backdrop">
-        <div
-          class="dialog"
-          part="confirm-dialog"
-          role="alertdialog"
-          aria-modal="true"
-          aria-label="Confirm delete"
-          data-testid="drawer-confirm-delete"
-        >
-          <p>Delete this thread? This cannot be undone.</p>
-          <div class="dialog-actions">
-            <button
-              class="row-action"
-              part="confirm-cancel"
-              @click=${() => this._confirmingDeleteId = null}
-            >
-              Cancel
-            </button>
-            <button
-              class="primary"
-              part="confirm-delete"
-              @click=${() => {
-      this._confirmingDeleteId = null, this._emit("delete", { threadId: e });
-    }}
-            >
-              Delete
-            </button>
-          </div>
-        </div>
-      </div>
-    `;
-  }
-}, k.styles = Qe, k.properties = {
-  threads: { attribute: !1 },
-  loading: { type: Boolean },
-  error: { type: String },
-  activeThreadId: {
-    attribute: "active-thread-id",
-    type: String
-  },
-  licensed: { type: Boolean },
-  licenseUrl: {
-    attribute: "license-url",
-    type: String
-  },
-  hasMore: {
-    attribute: "has-more",
-    type: Boolean
-  },
-  fetchingMore: {
-    attribute: "fetching-more",
-    type: Boolean
-  },
-  fetchMoreError: {
-    attribute: "fetch-more-error",
-    type: String
-  },
-  label: { type: String },
-  open: {
-    type: Boolean,
-    reflect: !0
-  },
-  collapsed: {
-    type: Boolean,
-    reflect: !0
-  },
-  _filter: { state: !0 },
-  _confirmingDeleteId: { state: !0 },
-  _viewportIsMobile: { state: !0 },
-  _hasMemories: { state: !0 },
-  _hasFooter: { state: !0 }
-}, k);
-function ht() {
-  typeof customElements < "u" && !customElements.get(ue) && customElements.define(ue, nt);
-}
-export {
-  ue as COPILOTKIT_THREADS_DRAWER_TAG,
-  nt as CopilotKitThreadsDrawer,
-  Ae as GENERATED_DRAWER_TOKEN_DEFAULTS,
-  ht as defineCopilotKitThreadsDrawer,
-  Qe as drawerStyles
-};
-//# sourceMappingURL=index-By5nIKxT.js.map