x-shell.js 0.1.0

package/dist/ui/browser-bundle.js

@@ -0,0 +1,1654 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i5 = decorators.length - 1, decorator; i5 >= 0; i5--)
+    if (decorator = decorators[i5])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+
+// node_modules/@lit/reactive-element/css-tag.js
+var t = globalThis;
+var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s = Symbol();
+var o = /* @__PURE__ */ new WeakMap();
+var n = class {
+  constructor(t4, e5, o6) {
+    if (this._$cssResult$ = true, o6 !== s)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t4, this.t = e5;
+  }
+  get styleSheet() {
+    let t4 = this.o;
+    const s4 = this.t;
+    if (e && void 0 === t4) {
+      const e5 = void 0 !== s4 && 1 === s4.length;
+      e5 && (t4 = o.get(s4)), void 0 === t4 && ((this.o = t4 = new CSSStyleSheet()).replaceSync(this.cssText), e5 && o.set(s4, t4));
+    }
+    return t4;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+var r = (t4) => new n("string" == typeof t4 ? t4 : t4 + "", void 0, s);
+var i = (t4, ...e5) => {
+  const o6 = 1 === t4.length ? t4[0] : e5.reduce((e6, s4, o7) => e6 + ((t5) => {
+    if (true === t5._$cssResult$)
+      return t5.cssText;
+    if ("number" == typeof t5)
+      return t5;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + t5 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(s4) + t4[o7 + 1], t4[0]);
+  return new n(o6, t4, s);
+};
+var S = (s4, o6) => {
+  if (e)
+    s4.adoptedStyleSheets = o6.map((t4) => t4 instanceof CSSStyleSheet ? t4 : t4.styleSheet);
+  else
+    for (const e5 of o6) {
+      const o7 = document.createElement("style"), n5 = t.litNonce;
+      void 0 !== n5 && o7.setAttribute("nonce", n5), o7.textContent = e5.cssText, s4.appendChild(o7);
+    }
+};
+var c = e ? (t4) => t4 : (t4) => t4 instanceof CSSStyleSheet ? ((t5) => {
+  let e5 = "";
+  for (const s4 of t5.cssRules)
+    e5 += s4.cssText;
+  return r(e5);
+})(t4) : t4;
+
+// node_modules/@lit/reactive-element/reactive-element.js
+var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var a = globalThis;
+var c2 = a.trustedTypes;
+var l = c2 ? c2.emptyScript : "";
+var p = a.reactiveElementPolyfillSupport;
+var d = (t4, s4) => t4;
+var u = { toAttribute(t4, s4) {
+  switch (s4) {
+    case Boolean:
+      t4 = t4 ? l : null;
+      break;
+    case Object:
+    case Array:
+      t4 = null == t4 ? t4 : JSON.stringify(t4);
+  }
+  return t4;
+}, fromAttribute(t4, s4) {
+  let i5 = t4;
+  switch (s4) {
+    case Boolean:
+      i5 = null !== t4;
+      break;
+    case Number:
+      i5 = null === t4 ? null : Number(t4);
+      break;
+    case Object:
+    case Array:
+      try {
+        i5 = JSON.parse(t4);
+      } catch (t5) {
+        i5 = null;
+      }
+  }
+  return i5;
+} };
+var f = (t4, s4) => !i2(t4, s4);
+var b = { attribute: true, type: String, converter: u, reflect: false, useDefault: false, hasChanged: f };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), a.litPropertyMetadata ?? (a.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+var y = class extends HTMLElement {
+  static addInitializer(t4) {
+    this._$Ei(), (this.l ?? (this.l = [])).push(t4);
+  }
+  static get observedAttributes() {
+    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+  }
+  static createProperty(t4, s4 = b) {
+    if (s4.state && (s4.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t4) && ((s4 = Object.create(s4)).wrapped = true), this.elementProperties.set(t4, s4), !s4.noAccessor) {
+      const i5 = Symbol(), h3 = this.getPropertyDescriptor(t4, i5, s4);
+      void 0 !== h3 && e2(this.prototype, t4, h3);
+    }
+  }
+  static getPropertyDescriptor(t4, s4, i5) {
+    const { get: e5, set: r6 } = h(this.prototype, t4) ?? { get() {
+      return this[s4];
+    }, set(t5) {
+      this[s4] = t5;
+    } };
+    return { get: e5, set(s5) {
+      const h3 = e5?.call(this);
+      r6?.call(this, s5), this.requestUpdate(t4, h3, i5);
+    }, configurable: true, enumerable: true };
+  }
+  static getPropertyOptions(t4) {
+    return this.elementProperties.get(t4) ?? b;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(d("elementProperties")))
+      return;
+    const t4 = n2(this);
+    t4.finalize(), void 0 !== t4.l && (this.l = [...t4.l]), this.elementProperties = new Map(t4.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(d("finalized")))
+      return;
+    if (this.finalized = true, this._$Ei(), this.hasOwnProperty(d("properties"))) {
+      const t5 = this.properties, s4 = [...r2(t5), ...o2(t5)];
+      for (const i5 of s4)
+        this.createProperty(i5, t5[i5]);
+    }
+    const t4 = this[Symbol.metadata];
+    if (null !== t4) {
+      const s4 = litPropertyMetadata.get(t4);
+      if (void 0 !== s4)
+        for (const [t5, i5] of s4)
+          this.elementProperties.set(t5, i5);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [t5, s4] of this.elementProperties) {
+      const i5 = this._$Eu(t5, s4);
+      void 0 !== i5 && this._$Eh.set(i5, t5);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(s4) {
+    const i5 = [];
+    if (Array.isArray(s4)) {
+      const e5 = new Set(s4.flat(1 / 0).reverse());
+      for (const s5 of e5)
+        i5.unshift(c(s5));
+    } else
+      void 0 !== s4 && i5.push(c(s4));
+    return i5;
+  }
+  static _$Eu(t4, s4) {
+    const i5 = s4.attribute;
+    return false === i5 ? void 0 : "string" == typeof i5 ? i5 : "string" == typeof t4 ? t4.toLowerCase() : void 0;
+  }
+  constructor() {
+    super(), this._$Ep = void 0, this.isUpdatePending = false, this.hasUpdated = false, this._$Em = null, this._$Ev();
+  }
+  _$Ev() {
+    this._$ES = new Promise((t4) => this.enableUpdating = t4), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t4) => t4(this));
+  }
+  addController(t4) {
+    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t4), void 0 !== this.renderRoot && this.isConnected && t4.hostConnected?.();
+  }
+  removeController(t4) {
+    this._$EO?.delete(t4);
+  }
+  _$E_() {
+    const t4 = /* @__PURE__ */ new Map(), s4 = this.constructor.elementProperties;
+    for (const i5 of s4.keys())
+      this.hasOwnProperty(i5) && (t4.set(i5, this[i5]), delete this[i5]);
+    t4.size > 0 && (this._$Ep = t4);
+  }
+  createRenderRoot() {
+    const t4 = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return S(t4, this.constructor.elementStyles), t4;
+  }
+  connectedCallback() {
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), this._$EO?.forEach((t4) => t4.hostConnected?.());
+  }
+  enableUpdating(t4) {
+  }
+  disconnectedCallback() {
+    this._$EO?.forEach((t4) => t4.hostDisconnected?.());
+  }
+  attributeChangedCallback(t4, s4, i5) {
+    this._$AK(t4, i5);
+  }
+  _$ET(t4, s4) {
+    const i5 = this.constructor.elementProperties.get(t4), e5 = this.constructor._$Eu(t4, i5);
+    if (void 0 !== e5 && true === i5.reflect) {
+      const h3 = (void 0 !== i5.converter?.toAttribute ? i5.converter : u).toAttribute(s4, i5.type);
+      this._$Em = t4, null == h3 ? this.removeAttribute(e5) : this.setAttribute(e5, h3), this._$Em = null;
+    }
+  }
+  _$AK(t4, s4) {
+    const i5 = this.constructor, e5 = i5._$Eh.get(t4);
+    if (void 0 !== e5 && this._$Em !== e5) {
+      const t5 = i5.getPropertyOptions(e5), h3 = "function" == typeof t5.converter ? { fromAttribute: t5.converter } : void 0 !== t5.converter?.fromAttribute ? t5.converter : u;
+      this._$Em = e5;
+      const r6 = h3.fromAttribute(s4, t5.type);
+      this[e5] = r6 ?? this._$Ej?.get(e5) ?? r6, this._$Em = null;
+    }
+  }
+  requestUpdate(t4, s4, i5, e5 = false, h3) {
+    if (void 0 !== t4) {
+      const r6 = this.constructor;
+      if (false === e5 && (h3 = this[t4]), i5 ?? (i5 = r6.getPropertyOptions(t4)), !((i5.hasChanged ?? f)(h3, s4) || i5.useDefault && i5.reflect && h3 === this._$Ej?.get(t4) && !this.hasAttribute(r6._$Eu(t4, i5))))
+        return;
+      this.C(t4, s4, i5);
+    }
+    false === this.isUpdatePending && (this._$ES = this._$EP());
+  }
+  C(t4, s4, { useDefault: i5, reflect: e5, wrapped: h3 }, r6) {
+    i5 && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t4) && (this._$Ej.set(t4, r6 ?? s4 ?? this[t4]), true !== h3 || void 0 !== r6) || (this._$AL.has(t4) || (this.hasUpdated || i5 || (s4 = void 0), this._$AL.set(t4, s4)), true === e5 && this._$Em !== t4 && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t4));
+  }
+  async _$EP() {
+    this.isUpdatePending = true;
+    try {
+      await this._$ES;
+    } catch (t5) {
+      Promise.reject(t5);
+    }
+    const t4 = this.scheduleUpdate();
+    return null != t4 && await t4, !this.isUpdatePending;
+  }
+  scheduleUpdate() {
+    return this.performUpdate();
+  }
+  performUpdate() {
+    if (!this.isUpdatePending)
+      return;
+    if (!this.hasUpdated) {
+      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
+        for (const [t6, s5] of this._$Ep)
+          this[t6] = s5;
+        this._$Ep = void 0;
+      }
+      const t5 = this.constructor.elementProperties;
+      if (t5.size > 0)
+        for (const [s5, i5] of t5) {
+          const { wrapped: t6 } = i5, e5 = this[s5];
+          true !== t6 || this._$AL.has(s5) || void 0 === e5 || this.C(s5, void 0, i5, e5);
+        }
+    }
+    let t4 = false;
+    const s4 = this._$AL;
+    try {
+      t4 = this.shouldUpdate(s4), t4 ? (this.willUpdate(s4), this._$EO?.forEach((t5) => t5.hostUpdate?.()), this.update(s4)) : this._$EM();
+    } catch (s5) {
+      throw t4 = false, this._$EM(), s5;
+    }
+    t4 && this._$AE(s4);
+  }
+  willUpdate(t4) {
+  }
+  _$AE(t4) {
+    this._$EO?.forEach((t5) => t5.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t4)), this.updated(t4);
+  }
+  _$EM() {
+    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = false;
+  }
+  get updateComplete() {
+    return this.getUpdateComplete();
+  }
+  getUpdateComplete() {
+    return this._$ES;
+  }
+  shouldUpdate(t4) {
+    return true;
+  }
+  update(t4) {
+    this._$Eq && (this._$Eq = this._$Eq.forEach((t5) => this._$ET(t5, this[t5]))), this._$EM();
+  }
+  updated(t4) {
+  }
+  firstUpdated(t4) {
+  }
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d("elementProperties")] = /* @__PURE__ */ new Map(), y[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: y }), (a.reactiveElementVersions ?? (a.reactiveElementVersions = [])).push("2.1.2");
+
+// node_modules/lit-html/lit-html.js
+var t2 = globalThis;
+var i3 = (t4) => t4;
+var s2 = t2.trustedTypes;
+var e3 = s2 ? s2.createPolicy("lit-html", { createHTML: (t4) => t4 }) : void 0;
+var h2 = "$lit$";
+var o3 = `lit$${Math.random().toFixed(9).slice(2)}$`;
+var n3 = "?" + o3;
+var r3 = `<${n3}>`;
+var l2 = document;
+var c3 = () => l2.createComment("");
+var a2 = (t4) => null === t4 || "object" != typeof t4 && "function" != typeof t4;
+var u2 = Array.isArray;
+var d2 = (t4) => u2(t4) || "function" == typeof t4?.[Symbol.iterator];
+var f2 = "[ 	\n\f\r]";
+var v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g;
+var _ = /-->/g;
+var m = />/g;
+var p2 = RegExp(`>|${f2}(?:([^\\s"'>=/]+)(${f2}*=${f2}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g");
+var g = /'/g;
+var $ = /"/g;
+var y2 = /^(?:script|style|textarea|title)$/i;
+var x = (t4) => (i5, ...s4) => ({ _$litType$: t4, strings: i5, values: s4 });
+var b2 = x(1);
+var w = x(2);
+var T = x(3);
+var E = Symbol.for("lit-noChange");
+var A = Symbol.for("lit-nothing");
+var C = /* @__PURE__ */ new WeakMap();
+var P = l2.createTreeWalker(l2, 129);
+function V(t4, i5) {
+  if (!u2(t4) || !t4.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return void 0 !== e3 ? e3.createHTML(i5) : i5;
+}
+var N = (t4, i5) => {
+  const s4 = t4.length - 1, e5 = [];
+  let n5, l3 = 2 === i5 ? "<svg>" : 3 === i5 ? "<math>" : "", c4 = v;
+  for (let i6 = 0; i6 < s4; i6++) {
+    const s5 = t4[i6];
+    let a3, u3, d3 = -1, f3 = 0;
+    for (; f3 < s5.length && (c4.lastIndex = f3, u3 = c4.exec(s5), null !== u3); )
+      f3 = c4.lastIndex, c4 === v ? "!--" === u3[1] ? c4 = _ : void 0 !== u3[1] ? c4 = m : void 0 !== u3[2] ? (y2.test(u3[2]) && (n5 = RegExp("</" + u3[2], "g")), c4 = p2) : void 0 !== u3[3] && (c4 = p2) : c4 === p2 ? ">" === u3[0] ? (c4 = n5 ?? v, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c4.lastIndex - u3[2].length, a3 = u3[1], c4 = void 0 === u3[3] ? p2 : '"' === u3[3] ? $ : g) : c4 === $ || c4 === g ? c4 = p2 : c4 === _ || c4 === m ? c4 = v : (c4 = p2, n5 = void 0);
+    const x2 = c4 === p2 && t4[i6 + 1].startsWith("/>") ? " " : "";
+    l3 += c4 === v ? s5 + r3 : d3 >= 0 ? (e5.push(a3), s5.slice(0, d3) + h2 + s5.slice(d3) + o3 + x2) : s5 + o3 + (-2 === d3 ? i6 : x2);
+  }
+  return [V(t4, l3 + (t4[s4] || "<?>") + (2 === i5 ? "</svg>" : 3 === i5 ? "</math>" : "")), e5];
+};
+var S2 = class _S {
+  constructor({ strings: t4, _$litType$: i5 }, e5) {
+    let r6;
+    this.parts = [];
+    let l3 = 0, a3 = 0;
+    const u3 = t4.length - 1, d3 = this.parts, [f3, v2] = N(t4, i5);
+    if (this.el = _S.createElement(f3, e5), P.currentNode = this.el.content, 2 === i5 || 3 === i5) {
+      const t5 = this.el.content.firstChild;
+      t5.replaceWith(...t5.childNodes);
+    }
+    for (; null !== (r6 = P.nextNode()) && d3.length < u3; ) {
+      if (1 === r6.nodeType) {
+        if (r6.hasAttributes())
+          for (const t5 of r6.getAttributeNames())
+            if (t5.endsWith(h2)) {
+              const i6 = v2[a3++], s4 = r6.getAttribute(t5).split(o3), e6 = /([.?@])?(.*)/.exec(i6);
+              d3.push({ type: 1, index: l3, name: e6[2], strings: s4, ctor: "." === e6[1] ? I : "?" === e6[1] ? L : "@" === e6[1] ? z : H }), r6.removeAttribute(t5);
+            } else
+              t5.startsWith(o3) && (d3.push({ type: 6, index: l3 }), r6.removeAttribute(t5));
+        if (y2.test(r6.tagName)) {
+          const t5 = r6.textContent.split(o3), i6 = t5.length - 1;
+          if (i6 > 0) {
+            r6.textContent = s2 ? s2.emptyScript : "";
+            for (let s4 = 0; s4 < i6; s4++)
+              r6.append(t5[s4], c3()), P.nextNode(), d3.push({ type: 2, index: ++l3 });
+            r6.append(t5[i6], c3());
+          }
+        }
+      } else if (8 === r6.nodeType)
+        if (r6.data === n3)
+          d3.push({ type: 2, index: l3 });
+        else {
+          let t5 = -1;
+          for (; -1 !== (t5 = r6.data.indexOf(o3, t5 + 1)); )
+            d3.push({ type: 7, index: l3 }), t5 += o3.length - 1;
+        }
+      l3++;
+    }
+  }
+  static createElement(t4, i5) {
+    const s4 = l2.createElement("template");
+    return s4.innerHTML = t4, s4;
+  }
+};
+function M(t4, i5, s4 = t4, e5) {
+  if (i5 === E)
+    return i5;
+  let h3 = void 0 !== e5 ? s4._$Co?.[e5] : s4._$Cl;
+  const o6 = a2(i5) ? void 0 : i5._$litDirective$;
+  return h3?.constructor !== o6 && (h3?._$AO?.(false), void 0 === o6 ? h3 = void 0 : (h3 = new o6(t4), h3._$AT(t4, s4, e5)), void 0 !== e5 ? (s4._$Co ?? (s4._$Co = []))[e5] = h3 : s4._$Cl = h3), void 0 !== h3 && (i5 = M(t4, h3._$AS(t4, i5.values), h3, e5)), i5;
+}
+var R = class {
+  constructor(t4, i5) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t4, this._$AM = i5;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t4) {
+    const { el: { content: i5 }, parts: s4 } = this._$AD, e5 = (t4?.creationScope ?? l2).importNode(i5, true);
+    P.currentNode = e5;
+    let h3 = P.nextNode(), o6 = 0, n5 = 0, r6 = s4[0];
+    for (; void 0 !== r6; ) {
+      if (o6 === r6.index) {
+        let i6;
+        2 === r6.type ? i6 = new k(h3, h3.nextSibling, this, t4) : 1 === r6.type ? i6 = new r6.ctor(h3, r6.name, r6.strings, this, t4) : 6 === r6.type && (i6 = new Z(h3, this, t4)), this._$AV.push(i6), r6 = s4[++n5];
+      }
+      o6 !== r6?.index && (h3 = P.nextNode(), o6++);
+    }
+    return P.currentNode = l2, e5;
+  }
+  p(t4) {
+    let i5 = 0;
+    for (const s4 of this._$AV)
+      void 0 !== s4 && (void 0 !== s4.strings ? (s4._$AI(t4, s4, i5), i5 += s4.strings.length - 2) : s4._$AI(t4[i5])), i5++;
+  }
+};
+var k = class _k {
+  get _$AU() {
+    return this._$AM?._$AU ?? this._$Cv;
+  }
+  constructor(t4, i5, s4, e5) {
+    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t4, this._$AB = i5, this._$AM = s4, this.options = e5, this._$Cv = e5?.isConnected ?? true;
+  }
+  get parentNode() {
+    let t4 = this._$AA.parentNode;
+    const i5 = this._$AM;
+    return void 0 !== i5 && 11 === t4?.nodeType && (t4 = i5.parentNode), t4;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t4, i5 = this) {
+    t4 = M(this, t4, i5), a2(t4) ? t4 === A || null == t4 || "" === t4 ? (this._$AH !== A && this._$AR(), this._$AH = A) : t4 !== this._$AH && t4 !== E && this._(t4) : void 0 !== t4._$litType$ ? this.$(t4) : void 0 !== t4.nodeType ? this.T(t4) : d2(t4) ? this.k(t4) : this._(t4);
+  }
+  O(t4) {
+    return this._$AA.parentNode.insertBefore(t4, this._$AB);
+  }
+  T(t4) {
+    this._$AH !== t4 && (this._$AR(), this._$AH = this.O(t4));
+  }
+  _(t4) {
+    this._$AH !== A && a2(this._$AH) ? this._$AA.nextSibling.data = t4 : this.T(l2.createTextNode(t4)), this._$AH = t4;
+  }
+  $(t4) {
+    const { values: i5, _$litType$: s4 } = t4, e5 = "number" == typeof s4 ? this._$AC(t4) : (void 0 === s4.el && (s4.el = S2.createElement(V(s4.h, s4.h[0]), this.options)), s4);
+    if (this._$AH?._$AD === e5)
+      this._$AH.p(i5);
+    else {
+      const t5 = new R(e5, this), s5 = t5.u(this.options);
+      t5.p(i5), this.T(s5), this._$AH = t5;
+    }
+  }
+  _$AC(t4) {
+    let i5 = C.get(t4.strings);
+    return void 0 === i5 && C.set(t4.strings, i5 = new S2(t4)), i5;
+  }
+  k(t4) {
+    u2(this._$AH) || (this._$AH = [], this._$AR());
+    const i5 = this._$AH;
+    let s4, e5 = 0;
+    for (const h3 of t4)
+      e5 === i5.length ? i5.push(s4 = new _k(this.O(c3()), this.O(c3()), this, this.options)) : s4 = i5[e5], s4._$AI(h3), e5++;
+    e5 < i5.length && (this._$AR(s4 && s4._$AB.nextSibling, e5), i5.length = e5);
+  }
+  _$AR(t4 = this._$AA.nextSibling, s4) {
+    for (this._$AP?.(false, true, s4); t4 !== this._$AB; ) {
+      const s5 = i3(t4).nextSibling;
+      i3(t4).remove(), t4 = s5;
+    }
+  }
+  setConnected(t4) {
+    void 0 === this._$AM && (this._$Cv = t4, this._$AP?.(t4));
+  }
+};
+var H = class {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t4, i5, s4, e5, h3) {
+    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t4, this.name = i5, this._$AM = e5, this.options = h3, s4.length > 2 || "" !== s4[0] || "" !== s4[1] ? (this._$AH = Array(s4.length - 1).fill(new String()), this.strings = s4) : this._$AH = A;
+  }
+  _$AI(t4, i5 = this, s4, e5) {
+    const h3 = this.strings;
+    let o6 = false;
+    if (void 0 === h3)
+      t4 = M(this, t4, i5, 0), o6 = !a2(t4) || t4 !== this._$AH && t4 !== E, o6 && (this._$AH = t4);
+    else {
+      const e6 = t4;
+      let n5, r6;
+      for (t4 = h3[0], n5 = 0; n5 < h3.length - 1; n5++)
+        r6 = M(this, e6[s4 + n5], i5, n5), r6 === E && (r6 = this._$AH[n5]), o6 || (o6 = !a2(r6) || r6 !== this._$AH[n5]), r6 === A ? t4 = A : t4 !== A && (t4 += (r6 ?? "") + h3[n5 + 1]), this._$AH[n5] = r6;
+    }
+    o6 && !e5 && this.j(t4);
+  }
+  j(t4) {
+    t4 === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t4 ?? "");
+  }
+};
+var I = class extends H {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t4) {
+    this.element[this.name] = t4 === A ? void 0 : t4;
+  }
+};
+var L = class extends H {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t4) {
+    this.element.toggleAttribute(this.name, !!t4 && t4 !== A);
+  }
+};
+var z = class extends H {
+  constructor(t4, i5, s4, e5, h3) {
+    super(t4, i5, s4, e5, h3), this.type = 5;
+  }
+  _$AI(t4, i5 = this) {
+    if ((t4 = M(this, t4, i5, 0) ?? A) === E)
+      return;
+    const s4 = this._$AH, e5 = t4 === A && s4 !== A || t4.capture !== s4.capture || t4.once !== s4.once || t4.passive !== s4.passive, h3 = t4 !== A && (s4 === A || e5);
+    e5 && this.element.removeEventListener(this.name, this, s4), h3 && this.element.addEventListener(this.name, this, t4), this._$AH = t4;
+  }
+  handleEvent(t4) {
+    "function" == typeof this._$AH ? this._$AH.call(this.options?.host ?? this.element, t4) : this._$AH.handleEvent(t4);
+  }
+};
+var Z = class {
+  constructor(t4, i5, s4) {
+    this.element = t4, this.type = 6, this._$AN = void 0, this._$AM = i5, this.options = s4;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t4) {
+    M(this, t4);
+  }
+};
+var B = t2.litHtmlPolyfillSupport;
+B?.(S2, k), (t2.litHtmlVersions ?? (t2.litHtmlVersions = [])).push("3.3.2");
+var D = (t4, i5, s4) => {
+  const e5 = s4?.renderBefore ?? i5;
+  let h3 = e5._$litPart$;
+  if (void 0 === h3) {
+    const t5 = s4?.renderBefore ?? null;
+    e5._$litPart$ = h3 = new k(i5.insertBefore(c3(), t5), t5, void 0, s4 ?? {});
+  }
+  return h3._$AI(t4), h3;
+};
+
+// node_modules/lit-element/lit-element.js
+var s3 = globalThis;
+var i4 = class extends y {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var _a;
+    const t4 = super.createRenderRoot();
+    return (_a = this.renderOptions).renderBefore ?? (_a.renderBefore = t4.firstChild), t4;
+  }
+  update(t4) {
+    const r6 = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t4), this._$Do = D(r6, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(true);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(false);
+  }
+  render() {
+    return E;
+  }
+};
+i4._$litElement$ = true, i4["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i4 });
+var o4 = s3.litElementPolyfillSupport;
+o4?.({ LitElement: i4 });
+(s3.litElementVersions ?? (s3.litElementVersions = [])).push("4.2.2");
+
+// node_modules/@lit/reactive-element/decorators/custom-element.js
+var t3 = (t4) => (e5, o6) => {
+  void 0 !== o6 ? o6.addInitializer(() => {
+    customElements.define(t4, e5);
+  }) : customElements.define(t4, e5);
+};
+
+// node_modules/@lit/reactive-element/decorators/property.js
+var o5 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r4 = (t4 = o5, e5, r6) => {
+  const { kind: n5, metadata: i5 } = r6;
+  let s4 = globalThis.litPropertyMetadata.get(i5);
+  if (void 0 === s4 && globalThis.litPropertyMetadata.set(i5, s4 = /* @__PURE__ */ new Map()), "setter" === n5 && ((t4 = Object.create(t4)).wrapped = true), s4.set(r6.name, t4), "accessor" === n5) {
+    const { name: o6 } = r6;
+    return { set(r7) {
+      const n6 = e5.get.call(this);
+      e5.set.call(this, r7), this.requestUpdate(o6, n6, t4, true, r7);
+    }, init(e6) {
+      return void 0 !== e6 && this.C(o6, void 0, t4, e6), e6;
+    } };
+  }
+  if ("setter" === n5) {
+    const { name: o6 } = r6;
+    return function(r7) {
+      const n6 = this[o6];
+      e5.call(this, r7), this.requestUpdate(o6, n6, t4, true, r7);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n5);
+};
+function n4(t4) {
+  return (e5, o6) => "object" == typeof o6 ? r4(t4, e5, o6) : ((t5, e6, o7) => {
+    const r6 = e6.hasOwnProperty(o7);
+    return e6.constructor.createProperty(o7, t5), r6 ? Object.getOwnPropertyDescriptor(e6, o7) : void 0;
+  })(t4, e5, o6);
+}
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r5(r6) {
+  return n4({ ...r6, state: true, attribute: false });
+}
+
+// src/ui/styles.ts
+var themeStyles = i`
+  /* Light theme */
+  :host([theme='light']) {
+    --xs-bg: #ffffff;
+    --xs-bg-header: #f5f5f5;
+    --xs-text: #1f2937;
+    --xs-text-muted: #6b7280;
+    --xs-border: #e5e7eb;
+    --xs-terminal-bg: #ffffff;
+    --xs-terminal-fg: #1f2937;
+    --xs-terminal-cursor: #1f2937;
+    --xs-terminal-selection: #b4d5fe;
+    --xs-btn-bg: #e5e7eb;
+    --xs-btn-text: #374151;
+    --xs-btn-hover: #d1d5db;
+    --xs-status-connected: #22c55e;
+    --xs-status-disconnected: #ef4444;
+  }
+
+  /* Dark theme (default) */
+  :host,
+  :host([theme='dark']) {
+    --xs-bg: #1e1e1e;
+    --xs-bg-header: #2d2d2d;
+    --xs-text: #cccccc;
+    --xs-text-muted: #808080;
+    --xs-border: #3e3e3e;
+    --xs-terminal-bg: #1e1e1e;
+    --xs-terminal-fg: #cccccc;
+    --xs-terminal-cursor: #ffffff;
+    --xs-terminal-selection: #264f78;
+    --xs-btn-bg: #3c3c3c;
+    --xs-btn-text: #cccccc;
+    --xs-btn-hover: #4a4a4a;
+    --xs-status-connected: #22c55e;
+    --xs-status-disconnected: #ef4444;
+  }
+
+  /* Auto theme - follows system preference */
+  :host([theme='auto']) {
+    --xs-bg: #1e1e1e;
+    --xs-bg-header: #2d2d2d;
+    --xs-text: #cccccc;
+    --xs-text-muted: #808080;
+    --xs-border: #3e3e3e;
+    --xs-terminal-bg: #1e1e1e;
+    --xs-terminal-fg: #cccccc;
+    --xs-terminal-cursor: #ffffff;
+    --xs-terminal-selection: #264f78;
+    --xs-btn-bg: #3c3c3c;
+    --xs-btn-text: #cccccc;
+    --xs-btn-hover: #4a4a4a;
+    --xs-status-connected: #22c55e;
+    --xs-status-disconnected: #ef4444;
+  }
+
+  @media (prefers-color-scheme: light) {
+    :host([theme='auto']) {
+      --xs-bg: #ffffff;
+      --xs-bg-header: #f5f5f5;
+      --xs-text: #1f2937;
+      --xs-text-muted: #6b7280;
+      --xs-border: #e5e7eb;
+      --xs-terminal-bg: #ffffff;
+      --xs-terminal-fg: #1f2937;
+      --xs-terminal-cursor: #1f2937;
+      --xs-terminal-selection: #b4d5fe;
+      --xs-btn-bg: #e5e7eb;
+      --xs-btn-text: #374151;
+      --xs-btn-hover: #d1d5db;
+    }
+  }
+`;
+var sharedStyles = i`
+  :host {
+    display: block;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+      Ubuntu, Cantarell, sans-serif;
+    font-size: 14px;
+    color: var(--xs-text);
+    background: var(--xs-bg);
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+`;
+var buttonStyles = i`
+  button {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 6px 12px;
+    border: none;
+    border-radius: 4px;
+    background: var(--xs-btn-bg);
+    color: var(--xs-btn-text);
+    font-size: 13px;
+    cursor: pointer;
+    transition: background-color 0.15s;
+  }
+
+  button:hover {
+    background: var(--xs-btn-hover);
+  }
+
+  button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+
+// src/client/terminal-client.ts
+var TerminalClient = class {
+  constructor(config) {
+    this.ws = null;
+    this.state = "disconnected";
+    this.sessionId = null;
+    this.sessionInfo = null;
+    this.reconnectAttempts = 0;
+    this.reconnectTimeout = null;
+    // Event handlers
+    this.connectHandlers = [];
+    this.disconnectHandlers = [];
+    this.dataHandlers = [];
+    this.exitHandlers = [];
+    this.errorHandlers = [];
+    this.spawnedHandlers = [];
+    // Promise resolvers for spawn
+    this.spawnResolve = null;
+    this.spawnReject = null;
+    this.config = {
+      url: config.url,
+      reconnect: config.reconnect ?? true,
+      maxReconnectAttempts: config.maxReconnectAttempts ?? 10,
+      reconnectDelay: config.reconnectDelay ?? 1e3
+    };
+  }
+  /**
+   * Connect to the terminal server
+   */
+  connect() {
+    return new Promise((resolve, reject) => {
+      if (this.state === "connected") {
+        resolve();
+        return;
+      }
+      this.state = "connecting";
+      try {
+        this.ws = new WebSocket(this.config.url);
+      } catch (error) {
+        this.state = "disconnected";
+        reject(error);
+        return;
+      }
+      this.ws.onopen = () => {
+        this.state = "connected";
+        this.reconnectAttempts = 0;
+        this.connectHandlers.forEach((handler) => handler());
+        resolve();
+      };
+      this.ws.onclose = () => {
+        const wasConnected = this.state === "connected";
+        this.state = "disconnected";
+        this.sessionId = null;
+        this.sessionInfo = null;
+        if (wasConnected) {
+          this.disconnectHandlers.forEach((handler) => handler());
+        }
+        if (this.config.reconnect && this.reconnectAttempts < this.config.maxReconnectAttempts) {
+          this.scheduleReconnect();
+        }
+      };
+      this.ws.onerror = (event) => {
+        const error = new Error("WebSocket error");
+        this.errorHandlers.forEach((handler) => handler(error));
+        if (this.state === "connecting") {
+          reject(error);
+        }
+      };
+      this.ws.onmessage = (event) => {
+        this.handleMessage(event.data);
+      };
+    });
+  }
+  /**
+   * Disconnect from the terminal server
+   */
+  disconnect() {
+    this.config.reconnect = false;
+    if (this.reconnectTimeout) {
+      clearTimeout(this.reconnectTimeout);
+      this.reconnectTimeout = null;
+    }
+    if (this.ws) {
+      this.ws.close();
+      this.ws = null;
+    }
+    this.state = "disconnected";
+    this.sessionId = null;
+    this.sessionInfo = null;
+  }
+  /**
+   * Schedule a reconnection attempt
+   */
+  scheduleReconnect() {
+    if (this.reconnectTimeout)
+      return;
+    const delay = this.config.reconnectDelay * Math.pow(2, this.reconnectAttempts);
+    const maxDelay = 3e4;
+    this.reconnectTimeout = setTimeout(() => {
+      this.reconnectTimeout = null;
+      this.reconnectAttempts++;
+      this.connect().catch(() => {
+      });
+    }, Math.min(delay, maxDelay));
+  }
+  /**
+   * Handle incoming message
+   */
+  handleMessage(data) {
+    let message;
+    try {
+      message = JSON.parse(data);
+    } catch {
+      console.error("[x-shell] Invalid message:", data);
+      return;
+    }
+    switch (message.type) {
+      case "spawned":
+        this.sessionId = message.sessionId;
+        this.sessionInfo = {
+          sessionId: message.sessionId,
+          shell: message.shell,
+          cwd: message.cwd,
+          cols: message.cols,
+          rows: message.rows,
+          createdAt: /* @__PURE__ */ new Date()
+        };
+        this.spawnedHandlers.forEach((handler) => handler(this.sessionInfo));
+        if (this.spawnResolve) {
+          this.spawnResolve(this.sessionInfo);
+          this.spawnResolve = null;
+          this.spawnReject = null;
+        }
+        break;
+      case "data":
+        this.dataHandlers.forEach((handler) => handler(message.data));
+        break;
+      case "exit":
+        const exitCode = message.exitCode;
+        this.exitHandlers.forEach((handler) => handler(exitCode));
+        this.sessionId = null;
+        this.sessionInfo = null;
+        break;
+      case "error":
+        const error = new Error(message.error);
+        this.errorHandlers.forEach((handler) => handler(error));
+        if (this.spawnReject) {
+          this.spawnReject(error);
+          this.spawnResolve = null;
+          this.spawnReject = null;
+        }
+        break;
+    }
+  }
+  /**
+   * Spawn a terminal session
+   */
+  spawn(options = {}) {
+    return new Promise((resolve, reject) => {
+      if (this.state !== "connected" || !this.ws) {
+        reject(new Error("Not connected to server"));
+        return;
+      }
+      if (this.sessionId) {
+        reject(new Error("Session already spawned. Call kill() first."));
+        return;
+      }
+      this.spawnResolve = resolve;
+      this.spawnReject = reject;
+      this.ws.send(
+        JSON.stringify({
+          type: "spawn",
+          options
+        })
+      );
+    });
+  }
+  /**
+   * Write data to the terminal
+   */
+  write(data) {
+    if (!this.ws || this.state !== "connected") {
+      console.error("[x-shell] Cannot write: not connected");
+      return;
+    }
+    if (!this.sessionId) {
+      console.error("[x-shell] Cannot write: no active session");
+      return;
+    }
+    this.ws.send(
+      JSON.stringify({
+        type: "data",
+        sessionId: this.sessionId,
+        data
+      })
+    );
+  }
+  /**
+   * Resize the terminal
+   */
+  resize(cols, rows) {
+    if (!this.ws || this.state !== "connected") {
+      console.error("[x-shell] Cannot resize: not connected");
+      return;
+    }
+    if (!this.sessionId) {
+      console.error("[x-shell] Cannot resize: no active session");
+      return;
+    }
+    this.ws.send(
+      JSON.stringify({
+        type: "resize",
+        sessionId: this.sessionId,
+        cols,
+        rows
+      })
+    );
+  }
+  /**
+   * Kill the terminal session
+   */
+  kill() {
+    if (!this.ws || this.state !== "connected") {
+      return;
+    }
+    if (!this.sessionId) {
+      return;
+    }
+    this.ws.send(
+      JSON.stringify({
+        type: "close",
+        sessionId: this.sessionId
+      })
+    );
+    this.sessionId = null;
+    this.sessionInfo = null;
+  }
+  // ==========================================
+  // Event handlers
+  // ==========================================
+  /**
+   * Called when connected to server
+   */
+  onConnect(handler) {
+    this.connectHandlers.push(handler);
+  }
+  /**
+   * Called when disconnected from server
+   */
+  onDisconnect(handler) {
+    this.disconnectHandlers.push(handler);
+  }
+  /**
+   * Called when data is received from the terminal
+   */
+  onData(handler) {
+    this.dataHandlers.push(handler);
+  }
+  /**
+   * Called when the terminal session exits
+   */
+  onExit(handler) {
+    this.exitHandlers.push(handler);
+  }
+  /**
+   * Called when an error occurs
+   */
+  onError(handler) {
+    this.errorHandlers.push(handler);
+  }
+  /**
+   * Called when a session is spawned
+   */
+  onSpawned(handler) {
+    this.spawnedHandlers.push(handler);
+  }
+  // ==========================================
+  // Getters
+  // ==========================================
+  /**
+   * Get current connection state
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * Check if connected
+   */
+  isConnected() {
+    return this.state === "connected";
+  }
+  /**
+   * Get current session ID
+   */
+  getSessionId() {
+    return this.sessionId;
+  }
+  /**
+   * Get current session info
+   */
+  getSessionInfo() {
+    return this.sessionInfo;
+  }
+  /**
+   * Check if a session is active
+   */
+  hasActiveSession() {
+    return this.sessionId !== null;
+  }
+};
+
+// src/ui/x-shell-terminal.ts
+var XShellTerminal = class extends i4 {
+  constructor() {
+    super(...arguments);
+    this.url = "";
+    this.shell = "";
+    this.cwd = "";
+    this.cols = 80;
+    this.rows = 24;
+    this.theme = "dark";
+    this.noHeader = false;
+    this.autoConnect = false;
+    this.autoSpawn = false;
+    this.fontSize = 14;
+    this.fontFamily = 'Menlo, Monaco, "Courier New", monospace';
+    this.client = null;
+    this.terminal = null;
+    this.fitAddon = null;
+    this.connected = false;
+    this.sessionActive = false;
+    this.loading = false;
+    this.error = null;
+    this.sessionInfo = null;
+    // xterm.js module (loaded dynamically)
+    this.xtermModule = null;
+    this.fitAddonModule = null;
+    this.resizeObserver = null;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (this.autoConnect && this.url) {
+      this.connect();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.cleanup();
+  }
+  /**
+   * Load xterm.js dynamically
+   */
+  async loadXterm() {
+    if (this.xtermModule)
+      return;
+    try {
+      this.xtermModule = await import("https://cdn.jsdelivr.net/npm/xterm@5.3.0/+esm");
+      this.fitAddonModule = await import("https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/+esm");
+    } catch (e5) {
+      try {
+        this.xtermModule = await import("xterm");
+        this.fitAddonModule = await import("xterm-addon-fit");
+      } catch {
+        throw new Error("Failed to load xterm.js. Make sure it is available.");
+      }
+    }
+  }
+  /**
+   * Connect to the terminal server
+   */
+  async connect() {
+    if (!this.url) {
+      this.error = "No URL specified";
+      return;
+    }
+    this.loading = true;
+    this.error = null;
+    try {
+      await this.loadXterm();
+      this.client = new TerminalClient({ url: this.url });
+      this.client.onConnect(() => {
+        this.connected = true;
+        this.dispatchEvent(new CustomEvent("connect", { bubbles: true, composed: true }));
+        if (this.autoSpawn) {
+          this.spawn();
+        }
+      });
+      this.client.onDisconnect(() => {
+        this.connected = false;
+        this.sessionActive = false;
+        this.dispatchEvent(new CustomEvent("disconnect", { bubbles: true, composed: true }));
+      });
+      this.client.onError((err) => {
+        this.error = err.message;
+        this.dispatchEvent(
+          new CustomEvent("error", { detail: { error: err }, bubbles: true, composed: true })
+        );
+      });
+      this.client.onData((data) => {
+        if (this.terminal) {
+          this.terminal.write(data);
+        }
+      });
+      this.client.onExit((code) => {
+        this.sessionActive = false;
+        this.sessionInfo = null;
+        if (this.terminal) {
+          this.terminal.writeln("");
+          this.terminal.writeln(`\x1B[1;33m[Process exited with code: ${code}]\x1B[0m`);
+        }
+        this.dispatchEvent(
+          new CustomEvent("exit", { detail: { exitCode: code }, bubbles: true, composed: true })
+        );
+      });
+      this.client.onSpawned((info) => {
+        this.sessionInfo = info;
+        this.dispatchEvent(
+          new CustomEvent("spawned", { detail: { session: info }, bubbles: true, composed: true })
+        );
+      });
+      await this.client.connect();
+    } catch (err) {
+      this.error = err instanceof Error ? err.message : "Connection failed";
+    } finally {
+      this.loading = false;
+    }
+  }
+  /**
+   * Disconnect from the server
+   */
+  disconnect() {
+    if (this.client) {
+      this.client.disconnect();
+      this.client = null;
+    }
+    this.connected = false;
+    this.sessionActive = false;
+  }
+  /**
+   * Spawn a terminal session
+   */
+  async spawn(options) {
+    if (!this.client || !this.connected) {
+      throw new Error("Not connected to server");
+    }
+    this.loading = true;
+    this.error = null;
+    try {
+      await this.initTerminalUI();
+      const spawnOptions = {
+        shell: options?.shell || this.shell || void 0,
+        cwd: options?.cwd || this.cwd || void 0,
+        cols: this.terminal?.cols || this.cols,
+        rows: this.terminal?.rows || this.rows,
+        env: options?.env
+      };
+      const info = await this.client.spawn(spawnOptions);
+      this.sessionActive = true;
+      this.sessionInfo = info;
+      if (this.terminal) {
+        this.terminal.focus();
+      }
+    } catch (err) {
+      this.error = err instanceof Error ? err.message : "Failed to spawn session";
+    } finally {
+      this.loading = false;
+    }
+  }
+  /**
+   * Initialize xterm.js UI
+   */
+  async initTerminalUI() {
+    if (this.terminal)
+      return;
+    await this.loadXterm();
+    await this.updateComplete;
+    const container = this.shadowRoot?.querySelector(".terminal-container");
+    if (!container)
+      return;
+    const terminalTheme = this.getTerminalTheme();
+    const Terminal = this.xtermModule.Terminal;
+    const term = new Terminal({
+      cursorBlink: true,
+      fontSize: this.fontSize,
+      fontFamily: this.fontFamily,
+      theme: terminalTheme,
+      cols: this.cols,
+      rows: this.rows
+    });
+    const FitAddon = this.fitAddonModule.FitAddon;
+    const fit = new FitAddon();
+    this.terminal = term;
+    this.fitAddon = fit;
+    term.loadAddon(fit);
+    term.open(container);
+    fit.fit();
+    term.onData((data) => {
+      if (this.client && this.sessionActive) {
+        this.client.write(data);
+      }
+    });
+    term.onResize(({ cols, rows }) => {
+      if (this.client && this.sessionActive) {
+        this.client.resize(cols, rows);
+      }
+    });
+    this.resizeObserver = new ResizeObserver(() => {
+      if (this.fitAddon) {
+        this.fitAddon.fit();
+      }
+    });
+    this.resizeObserver.observe(container);
+  }
+  /**
+   * Get terminal theme based on component theme
+   */
+  getTerminalTheme() {
+    if (this.theme === "light") {
+      return {
+        background: "#ffffff",
+        foreground: "#1f2937",
+        cursor: "#1f2937",
+        selection: "#b4d5fe"
+      };
+    }
+    return {
+      background: "#1e1e1e",
+      foreground: "#cccccc",
+      cursor: "#ffffff",
+      selection: "#264f78"
+    };
+  }
+  /**
+   * Kill the current session
+   */
+  kill() {
+    if (this.client) {
+      this.client.kill();
+    }
+    this.sessionActive = false;
+    this.sessionInfo = null;
+  }
+  /**
+   * Clear the terminal
+   */
+  clear() {
+    if (this.terminal) {
+      this.terminal.clear();
+    }
+  }
+  /**
+   * Write data to the terminal (display only, not sent to server)
+   */
+  write(data) {
+    if (this.terminal) {
+      this.terminal.write(data);
+    }
+  }
+  /**
+   * Write line to the terminal (display only, not sent to server)
+   */
+  writeln(data) {
+    if (this.terminal) {
+      this.terminal.writeln(data);
+    }
+  }
+  /**
+   * Focus the terminal
+   */
+  focus() {
+    if (this.terminal) {
+      this.terminal.focus();
+    }
+  }
+  /**
+   * Cleanup resources
+   */
+  cleanup() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    if (this.terminal) {
+      this.terminal.dispose();
+      this.terminal = null;
+    }
+    if (this.client) {
+      this.client.disconnect();
+      this.client = null;
+    }
+    this.fitAddon = null;
+  }
+  render() {
+    return b2`
+      ${this.noHeader ? A : b2`
+            <div class="header">
+              <div class="header-title">
+                <span>Terminal</span>
+                ${this.sessionInfo ? b2`<span style="font-weight: normal; font-size: 12px; color: var(--xs-text-muted)">
+                      ${this.sessionInfo.shell}
+                    </span>` : A}
+              </div>
+              <div class="header-actions">
+                ${!this.connected ? b2`<button @click=${this.connect} ?disabled=${this.loading}>
+                      ${this.loading ? "Connecting..." : "Connect"}
+                    </button>` : !this.sessionActive ? b2`<button @click=${() => this.spawn()} ?disabled=${this.loading}>
+                      ${this.loading ? "Spawning..." : "Start"}
+                    </button>` : b2`<button @click=${this.kill}>Stop</button>`}
+                <button @click=${this.clear} ?disabled=${!this.sessionActive}>Clear</button>
+                <div class="status">
+                  <span class="status-dot ${this.connected ? "connected" : ""}"></span>
+                  <span>${this.connected ? "Connected" : "Disconnected"}</span>
+                </div>
+              </div>
+            </div>
+          `}
+
+      <div class="terminal-container">
+        ${this.loading && !this.terminal ? b2`<div class="loading"><span class="loading-spinner">⏳</span> Loading...</div>` : this.error && !this.terminal ? b2`<div class="error">❌ ${this.error}</div>` : A}
+      </div>
+    `;
+  }
+};
+XShellTerminal.styles = [
+  sharedStyles,
+  themeStyles,
+  buttonStyles,
+  i`
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        min-height: 200px;
+        border: 1px solid var(--xs-border);
+        border-radius: 4px;
+        overflow: hidden;
+      }
+
+      .header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 8px 12px;
+        background: var(--xs-bg-header);
+        border-bottom: 1px solid var(--xs-border);
+      }
+
+      .header-title {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-weight: 600;
+      }
+
+      .header-actions {
+        display: flex;
+        gap: 8px;
+      }
+
+      .status {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 12px;
+        color: var(--xs-text-muted);
+      }
+
+      .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: var(--xs-status-disconnected);
+      }
+
+      .status-dot.connected {
+        background: var(--xs-status-connected);
+      }
+
+      .terminal-container {
+        flex: 1;
+        padding: 4px;
+        background: var(--xs-terminal-bg);
+        overflow: hidden;
+      }
+
+      .terminal-container .xterm {
+        height: 100%;
+      }
+
+      .terminal-container .xterm-viewport {
+        overflow-y: auto;
+      }
+
+      .loading,
+      .error {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        padding: 20px;
+        text-align: center;
+        color: var(--xs-text-muted);
+      }
+
+      .error {
+        color: #ef4444;
+      }
+
+      .loading-spinner {
+        animation: spin 1s linear infinite;
+        margin-right: 8px;
+      }
+
+      @keyframes spin {
+        from {
+          transform: rotate(0deg);
+        }
+        to {
+          transform: rotate(360deg);
+        }
+      }
+
+      /* Hide header if requested */
+      :host([no-header]) .header {
+        display: none;
+      }
+    `
+];
+__decorateClass([
+  n4({ type: String })
+], XShellTerminal.prototype, "url", 2);
+__decorateClass([
+  n4({ type: String })
+], XShellTerminal.prototype, "shell", 2);
+__decorateClass([
+  n4({ type: String })
+], XShellTerminal.prototype, "cwd", 2);
+__decorateClass([
+  n4({ type: Number })
+], XShellTerminal.prototype, "cols", 2);
+__decorateClass([
+  n4({ type: Number })
+], XShellTerminal.prototype, "rows", 2);
+__decorateClass([
+  n4({ type: String, reflect: true })
+], XShellTerminal.prototype, "theme", 2);
+__decorateClass([
+  n4({ type: Boolean, attribute: "no-header" })
+], XShellTerminal.prototype, "noHeader", 2);
+__decorateClass([
+  n4({ type: Boolean, attribute: "auto-connect" })
+], XShellTerminal.prototype, "autoConnect", 2);
+__decorateClass([
+  n4({ type: Boolean, attribute: "auto-spawn" })
+], XShellTerminal.prototype, "autoSpawn", 2);
+__decorateClass([
+  n4({ type: Number, attribute: "font-size" })
+], XShellTerminal.prototype, "fontSize", 2);
+__decorateClass([
+  n4({ type: String, attribute: "font-family" })
+], XShellTerminal.prototype, "fontFamily", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "client", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "terminal", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "fitAddon", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "connected", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "sessionActive", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "loading", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "error", 2);
+__decorateClass([
+  r5()
+], XShellTerminal.prototype, "sessionInfo", 2);
+XShellTerminal = __decorateClass([
+  t3("x-shell-terminal")
+], XShellTerminal);
+export {
+  XShellTerminal,
+  buttonStyles,
+  sharedStyles,
+  themeStyles
+};
+/*! Bundled license information:
+
+@lit/reactive-element/css-tag.js:
+  (**
+   * @license
+   * Copyright 2019 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/reactive-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/lit-html.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-element/lit-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+lit-html/is-server.js:
+  (**
+   * @license
+   * Copyright 2022 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/custom-element.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/property.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/state.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/event-options.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/base.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-all.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-async.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-elements.js:
+  (**
+   * @license
+   * Copyright 2021 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+
+@lit/reactive-element/decorators/query-assigned-nodes.js:
+  (**
+   * @license
+   * Copyright 2017 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=browser-bundle.js.map