@copilotkit/vue 1.62.0 → 1.62.2-canary.1783457132

package/dist/index-By5nIKxT.js

@@ -0,0 +1,1632 @@
+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