@funnest/charts-ui 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,3005 @@
+// src/trading-chart.tsx
+import {
+  createChart,
+  darkTheme,
+  lightTheme
+} from "@funnest/charts";
+
+// ../../node_modules/.pnpm/preact@11.2.0/node_modules/preact/dist/preact.mjs
+var n;
+var t;
+var r;
+var u;
+var i;
+var f;
+var o;
+var e;
+var l;
+var c;
+var a;
+var s;
+var h = /* @__PURE__ */ Symbol.for("pv");
+var p = {};
+var y = [];
+var v = /^m(i|n|o|s|text|space)$/;
+var w = Array.isArray;
+var d = y.slice;
+var _ = Object.assign;
+function g(n2) {
+  n2 && n2.parentNode && n2.remove();
+}
+function m(r3, u3, i3, f4, o4) {
+  var e3 = { type: r3, props: u3, key: i3, ref: f4, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: h, __v: o4 || ++t, __i: -1, __u: 0 };
+  return !o4 && n.vnode && n.vnode(e3), e3;
+}
+function $(n2) {
+  return n2.children;
+}
+function x(n2, t3) {
+  this.props = n2, this.context = t3, this.__g = 0;
+}
+function S(n2, t3) {
+  if (null == t3) return n2.__ && S(n2.__, n2.__i + 1);
+  for (var r3; t3 < n2.__k.length; t3++) if ((r3 = n2.__k[t3]) && r3.__e) return r3.__e;
+  return "function" != typeof n2.type || n2.props.__P ? null : S(n2);
+}
+function C(t3) {
+  var r3, u3 = t3.__v, i3 = u3.__e, f4 = [], o4 = [], e3 = t3.__P;
+  e3 && ((r3 = _({ constructor: h }, u3)).__v = u3.__v + 1, n.vnode && n.vnode(r3), z(e3, r3, u3, t3.__n, e3.namespaceURI, 32 & u3.__u ? [i3] : null, f4, i3 || S(u3), 32 & u3.__u, o4), r3.__v = u3.__v, r3.__.__k[r3.__i] = r3, E(f4, r3, o4), u3.__ = u3.__e = null, r3.__e != i3 && j(r3));
+}
+function j(n2) {
+  if ((n2 = n2.__) && n2.__c && !n2.props.__P) return n2.__e = null, n2.__k.some(function(t3) {
+    return t3 && (n2.__e = t3.__e);
+  }), j(n2);
+}
+function L(t3) {
+  (8 & t3.__g || (t3.__g |= 8, u.push(t3), f++)) && i == n.debounceRendering || ((i = n.debounceRendering) || queueMicrotask)(H);
+}
+function H() {
+  try {
+    for (var n2, t3 = 1; u.length; ) u.length > t3 && u.sort(o), n2 = u.shift(), t3 = u.length, 8 & n2.__g && C(n2);
+  } finally {
+    (f = u.length) && (i || queueMicrotask)(H);
+  }
+}
+function I(n2, t3, r3, u3, i3, f4, o4, e3, l3, c3, a4) {
+  var s3, h3, v3, w3, d3, _3, g3 = u3.__k || y, k2 = t3.length;
+  for (l3 = q(r3, t3, g3, l3, k2), s3 = 0; s3 < k2; s3++) null != (v3 = r3.__k[s3]) && (h3 = ~v3.__i && g3[v3.__i] || p, v3.__i = s3, _3 = z(n2, v3, h3, i3, f4, o4, e3, l3, c3, a4), w3 = v3.__e, (h3.ref != v3.ref || 8 & h3.__u) && (h3.ref && G(h3.ref, null, v3, h3), v3.ref && a4.push(v3.ref, v3.__c || w3, v3)), d3 = d3 || w3, 4 & v3.__u ? (l3 = A(v3, l3, n2, !h3.__v), h3.__e && (h3.__e = null)) : "function" == typeof v3.type && void 0 !== _3 ? l3 = _3 : w3 && (l3 = w3.nextSibling), v3.__u &= -21);
+  return r3.__e = d3, l3;
+}
+function q(n2, t3, r3, u3, i3) {
+  var f4, o4, e3, l3, c3, a4, s3, p3, y3, v3 = r3.length, d3 = v3, _3 = 0, g3 = 0, k2 = n2.__k = Array(i3);
+  for (f4 = 0; f4 < i3; f4++) null != (o4 = t3[f4]) && "boolean" != typeof o4 && "function" != typeof o4 ? ("object" != typeof o4 || o4.constructor === String ? o4 = k2[f4] = m(null, o4) : w(o4) ? o4 = k2[f4] = m($, { children: o4 }) : o4.constructor === h && o4.__b ? o4 = k2[f4] = m(o4.type, o4.props, o4.key, o4.ref, o4.__v) : k2[f4] = o4, l3 = f4 + _3, o4.__ = n2, o4.__b = n2.__b + 1, e3 = null, ~(c3 = o4.__i = P(o4, r3, l3, d3)) && (d3--, (e3 = r3[c3]) && (e3.__u |= 2)), e3 && e3.__v ? (o4.__u |= 16, c3 == l3 - 1 ? _3-- : c3 == l3 + 1 ? _3++ : c3 != l3 && (c3 > l3 ? _3-- : _3++, g3 = 1)) : (~c3 || (i3 > v3 ? _3-- : i3 < v3 && _3++), "function" != typeof o4.type && (o4.__u |= 4))) : k2[f4] = null;
+  if (g3) {
+    for (a4 = [], s3 = [], f4 = 0; f4 < i3; f4++) if ((o4 = k2[f4]) && 16 & o4.__u) {
+      for (_3 = 0, p3 = a4.length; _3 < p3; ) a4[y3 = _3 + p3 >> 1] < o4.__i ? _3 = y3 + 1 : p3 = y3;
+      a4[_3] = o4.__i, s3[f4] = _3 + 1;
+    }
+    for (_3 = a4.length; f4--; ) s3[f4] && (s3[f4] == _3 ? _3-- : k2[f4].__u |= 4);
+  }
+  if (d3) for (f4 = 0; f4 < v3; f4++) !(e3 = r3[f4]) || 2 & e3.__u || (e3.__e == u3 && (u3 = S(e3)), J(e3, e3));
+  return u3;
+}
+function A(n2, t3, r3, u3) {
+  var i3, f4, o4, e3;
+  if ("function" == typeof n2.type) {
+    if (n2.props.__P) return t3;
+    if (i3 = n2.__k) for (f4 = 0; f4 < i3.length; f4++) i3[f4] && (i3[f4].__ = n2, t3 = A(i3[f4], t3, r3, false));
+    return t3;
+  }
+  for (t3 && !t3.parentNode && (t3 = S(n2)) && !t3.parentNode && (t3 = null), o4 = n2.__e, e3 = t3; e3 && 8 == e3.nodeType; ) e3 = e3.nextSibling;
+  for (o4 != e3 && (!u3 && r3.moveBefore && o4.parentNode ? r3.moveBefore(o4, t3) : r3.insertBefore(o4, t3 || null)), t3 = o4; (t3 = t3 && t3.nextSibling) && 8 == t3.nodeType && !t3.data.startsWith("$s"); ) ;
+  return t3;
+}
+function P(n2, t3, r3, u3) {
+  var i3, f4 = n2.key, o4 = n2.type, e3 = t3[r3], l3 = e3 && !(2 & e3.__u);
+  if (null === e3 && null == f4 || l3 && f4 == e3.key && o4 == e3.type) return r3;
+  if (u3 > (l3 ? 1 : 0)) {
+    for (i3 = r3 - 1; i3 >= 0; i3--) if ((e3 = t3[i3]) && !(2 & e3.__u) && f4 == e3.key && o4 == e3.type) return i3;
+    for (i3 = r3 + 1; i3 < t3.length; i3++) if ((e3 = t3[i3]) && !(2 & e3.__u) && f4 == e3.key && o4 == e3.type) return i3;
+  }
+  return -1;
+}
+function T(n2, t3, r3) {
+  null == r3 && (r3 = ""), "-" == t3[0] ? n2.setProperty(t3, r3) : n2[t3] = r3;
+}
+function N(n2, t3, r3, u3, i3) {
+  var f4, o4;
+  if ("style" == t3) if ("string" == typeof r3) n2.style.cssText = r3;
+  else {
+    if ("string" == typeof u3 && (n2.style.cssText = u3 = ""), u3) for (t3 in u3) r3 && t3 in r3 || T(n2.style, t3);
+    if (r3) for (t3 in r3) u3 && r3[t3] == u3[t3] || T(n2.style, t3, r3[t3]);
+  }
+  else if ("o" == t3[0] && "n" == t3[1]) "function" != typeof r3 && (r3 = null), "function" != typeof u3 && (u3 = null), (n2.__e || (n2.__e = {}))[t3] = r3, r3 && u3 || (o4 = a[t3] || (a[t3] = V(t3)), (n2.__a || (n2.__a = {}))[t3] = c, f4 = t3 != (t3 = t3.replace(l, "$1")), (t3 = t3.slice(2))[0] < "a" && (t3 = t3.toLowerCase()), r3 ? n2.addEventListener(t3, o4, f4) : n2.removeEventListener(t3, o4, f4));
+  else {
+    if ("http://www.w3.org/2000/svg" == i3) t3 = t3.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+    else if ("width" != t3 && "height" != t3 && "href" != t3 && "list" != t3 && "form" != t3 && "tabIndex" != t3 && "download" != t3 && "rowSpan" != t3 && "colSpan" != t3 && "role" != t3 && "popover" != t3 && t3 in n2) try {
+      return void (n2[t3] = null == r3 ? "" : r3);
+    } catch (n3) {
+    }
+    if ("function" == typeof r3) return;
+    null == r3 || false === r3 && "-" != t3[4] ? n2.removeAttribute(t3) : n2.setAttribute(t3, "popover" == t3 && 1 == r3 ? "" : r3);
+  }
+}
+function V(t3) {
+  return function(r3) {
+    var u3 = this.__e;
+    if (u3) {
+      if (u3 = u3[t3], null == r3[e]) r3[e] = c++;
+      else if (r3[e] < this.__a[t3]) return;
+      return u3(n.event ? n.event(r3) : r3);
+    }
+  };
+}
+function z(t3, r3, u3, i3, f4, o4, e3, l3, c3, a4) {
+  var s3, p3, v3, d3, k2, b, m3, M, C3, j2, L2, H2, q2, A3, O, P2, T3, N2, V2 = r3.type;
+  if (r3.constructor !== h) return null;
+  128 & u3.__u && (c3 = 32 & u3.__u, s3 = u3.__c.__z) && (r3.__u |= c3, p3 = o4 = [], 8 == s3.nodeType ? l3 = B(s3, o4) : o4.push(s3), l3 = o4[0] || l3), (s3 = n.__b) && s3(r3);
+  n: if ("function" == typeof V2) {
+    v3 = e3.length;
+    try {
+      if (M = r3.props, C3 = (s3 = V2.prototype) && s3.render, j2 = (s3 = V2.contextType) && i3[s3.__c], L2 = s3 ? j2 ? j2.props.value : s3.__ : i3, (d3 = u3.__c) ? (r3.__c = d3, 2 & d3.__g && (d3.__g |= 1)) : (C3 ? r3.__c = d3 = new V2(M, L2) : (r3.__c = d3 = new x(M, L2), d3.constructor = V2, d3.render = K), j2 && j2.sub(d3), d3.state || (d3.state = {}), d3.__n = i3, d3.__g |= 8, d3.__h = [], d3.__k = []), C3 && (d3.__s || (d3.__s = d3.state), V2.getDerivedStateFromProps && (d3.__s == d3.state && (d3.__s = _({}, d3.__s)), _(d3.__s, V2.getDerivedStateFromProps(M, d3.__s)))), k2 = d3.props, b = d3.state, d3.__v = r3, u3.__c) {
+        if (M !== k2 && C3 && !V2.getDerivedStateFromProps && d3.componentWillReceiveProps && d3.componentWillReceiveProps(M, L2), r3.__v == u3.__v && !(8 & d3.__g) || !(4 & d3.__g) && d3.shouldComponentUpdate && false === d3.shouldComponentUpdate(M, d3.__s, L2)) {
+          r3.__v != u3.__v && (d3.props = M, d3.state = d3.__s, d3.__g &= -9), r3.__e = u3.__e, r3.__k = u3.__k, r3.__k.some(function(n2) {
+            n2 && (n2.__ = r3);
+          }), y.push.apply(d3.__h, d3.__k), d3.__k = [], d3.__h.length && e3.push(d3), l3 = S(u3);
+          break n;
+        }
+        d3.componentWillUpdate && d3.componentWillUpdate(M, d3.__s, L2), C3 && d3.componentDidUpdate && d3.__h.push(function() {
+          d3.componentDidUpdate(k2, b, m3);
+        });
+      } else C3 && !V2.getDerivedStateFromProps && d3.componentWillMount && d3.componentWillMount(), C3 && d3.componentDidMount && d3.__h.push(d3.componentDidMount);
+      d3.context = L2, d3.props = M, d3.__P = t3, d3.__g &= -5, H2 = n.__r, q2 = C3 ? 25 : 0;
+      do {
+        d3.__g &= -9, H2 && H2(r3), s3 = d3.render(d3.props, d3.state = d3.__s, d3.context);
+      } while (8 & d3.__g && ++q2 < 25);
+      C3 && (y.push.apply(d3.__h, d3.__k), d3.__k = []), d3.state = d3.__s, d3.getChildContext && (i3 = _({}, i3, d3.getChildContext())), C3 && u3.__c && d3.getSnapshotBeforeUpdate && (m3 = d3.getSnapshotBeforeUpdate(k2, b)), A3 = s3 && s3.type === $ && null == s3.key ? s3.props.children : s3, M.__P && (s3 = l3, f4 = (t3 = M.__P).namespaceURI, c3 = o4 = null, u3.props && u3.props.__P != t3 && (u3.__k.some(function(n2) {
+        n2 && J(n2, n2);
+      }), u3.__k = null), l3 = u3.__k ? S(u3, 0) : null), l3 = I(t3, w(A3) ? A3 : [A3], r3, u3, i3, f4, o4, e3, l3, c3, a4), M.__P && (r3.__e = null, l3 = s3), r3.__u &= -161, p3 && p3.some(g), d3.__h.length && e3.push(d3), 1 & d3.__g && (d3.__g &= -4);
+    } catch (t4) {
+      if (e3.length = v3, r3.__v = null, c3 || o4) if (t4 && t4.then) {
+        if (r3.__u |= 128 | c3, o4) {
+          for (~(T3 = o4.indexOf(l3 || void 0)) || (T3 = o4.length); (N2 = o4[T3 - 1]) && 8 == N2.nodeType; ) T3--;
+          for (; T3 < o4.length; T3++) if (N2 = o4[T3]) if (o4[T3] = null, O) {
+            if (N2 == P2) break;
+          } else {
+            if (8 != N2.nodeType) break;
+            N2.data.startsWith("$s") && (P2 = B(O = N2));
+          }
+        }
+        if (!O) {
+          for (; l3 && 8 == l3.nodeType && l3.nextSibling; ) l3 = l3.nextSibling;
+          O = l3;
+        }
+        (s3 = B(O = r3.__c.__z || (r3.__c.__z = O))) ? (r3.__e = O, l3 = s3) : r3.__e = l3, l3 = l3 && l3.nextSibling;
+      } else o4 && o4.some(g);
+      else r3.__e = u3.__e;
+      r3.__k || (r3.__k = u3.__k || []), t4 && t4.then || D(r3), n.__e(t4, r3, u3);
+    }
+  } else l3 = r3.__e = F(u3.__e, r3, u3, i3, f4, o4, e3, c3, a4, t3);
+  return (s3 = n.diffed) && s3(r3), l3;
+}
+function B(n2, t3) {
+  if (n2 && 8 == n2.nodeType && n2.data.startsWith("$s")) for (var r3 = 1; n2 = n2.nextSibling; ) {
+    if (8 == n2.nodeType) {
+      if (n2.data.startsWith("$s")) r3++;
+      else if (n2.data.startsWith("/$s") && !--r3) return n2;
+    }
+    t3 && t3.push(n2);
+  }
+}
+function D(n2) {
+  n2 && (n2.__c && (n2.__c.__g |= 4), n2.__k && n2.__k.some(D));
+}
+function E(t3, r3, u3) {
+  for (var i3 = 0; i3 < u3.length; ) G(u3[i3++], u3[i3++], u3[i3++]);
+  n.__c && n.__c(r3, t3), t3.some(function(r4) {
+    try {
+      t3 = r4.__h, r4.__h = [], t3.some(function(n2) {
+        n2.call(r4);
+      });
+    } catch (t4) {
+      n.__e(t4, r4.__v);
+    }
+  });
+}
+function F(t3, r3, u3, i3, f4, o4, e3, l3, c3, a4) {
+  var s3, h3, y3, _3, k2, b, m3, M, $2 = u3.props || p, x2 = r3.props, C3 = r3.type;
+  if ("svg" == C3 ? f4 = "http://www.w3.org/2000/svg" : "math" == C3 ? f4 = "http://www.w3.org/1998/Math/MathML" : f4 || (f4 = "http://www.w3.org/1999/xhtml"), o4) {
+    for (s3 = 0; s3 < o4.length; s3++) if ((k2 = o4[s3]) && (C3 ? k2.localName == C3 : 3 == k2.nodeType)) {
+      t3 = k2, o4[s3] = null;
+      break;
+    }
+  }
+  if (!t3) {
+    if (M = a4.ownerDocument || document, !C3) return M.createTextNode(x2);
+    t3 = M.createElementNS(f4, C3, x2.is ? x2 : a4), l3 && (n.__m && n.__m(r3, o4), l3 = false), o4 = null;
+  }
+  if (C3) {
+    if (a4 = "template" == C3 && t3.content || t3, o4 = "textarea" == C3 && null != x2.defaultValue ? null : o4 && d.call(a4.childNodes), !l3 && o4) for ($2 = {}, s3 = 0; s3 < t3.attributes.length; s3++) $2[(k2 = t3.attributes[s3]).name] = k2.value;
+    for (s3 in $2) k2 = $2[s3], "dangerouslySetInnerHTML" == s3 ? y3 = k2 : "children" == s3 || s3 in x2 || "value" == s3 && "defaultValue" in x2 || "checked" == s3 && "defaultChecked" in x2 || N(t3, s3, null, k2, f4);
+    for (s3 in x2) k2 = x2[s3], "children" == s3 ? _3 = k2 : "dangerouslySetInnerHTML" == s3 ? h3 = k2 : "value" == s3 ? b = k2 : "checked" == s3 ? m3 = k2 : l3 && "function" != typeof k2 || $2[s3] === k2 || N(t3, s3, k2, $2[s3], f4);
+    h3 ? (l3 || y3 && (h3.__html == y3.__html || h3.__html == t3.innerHTML) || (t3.innerHTML = h3.__html), r3.__k = []) : (y3 && (t3.textContent = ""), ("foreignObject" == C3 || "http://www.w3.org/1998/Math/MathML" == f4 && v.test(C3)) && (f4 = "http://www.w3.org/1999/xhtml"), I(a4, w(_3) ? _3 : [_3], r3, u3, i3, f4, o4, e3, o4 ? o4[0] : u3.__k && S(u3, 0), l3, c3), o4 && o4.some(g)), l3 && "textarea" != C3 || (s3 = "value", "progress" == C3 && null == b ? t3.removeAttribute(s3) : null == b || b === t3[s3] && ("progress" != C3 || b) || N(t3, s3, b, $2[s3], f4), s3 = "checked", null != m3 && m3 != t3[s3] && N(t3, s3, m3, $2[s3], f4));
+  } else $2 === x2 || l3 && t3.data == x2 || (t3.data = x2);
+  return t3;
+}
+function G(t3, r3, u3, i3) {
+  try {
+    "function" == typeof t3 ? r3 ? r3.__x = t3(r3) || 1 : i3 && (i3 = i3.__c || i3.__e) && (r3 = i3.__x) && (i3.__x = null, "function" == typeof r3 ? r3() : t3(null)) : t3.current = r3;
+  } catch (t4) {
+    n.__e(t4, u3);
+  }
+}
+function J(t3, r3, u3) {
+  var i3, f4, o4, e3;
+  if (n.unmount && n.unmount(t3), !(i3 = t3.ref) || i3.current && i3.current != t3.__e || G(i3, null, r3, t3), i3 = t3.__c) {
+    if (i3.componentWillUnmount) try {
+      i3.componentWillUnmount();
+    } catch (t4) {
+      n.__e(t4, r3);
+    }
+    i3.__P = i3.__n = null;
+  }
+  if (i3 = t3.__k) for (e3 = 0; e3 < i3.length; e3++) i3[e3] && J(i3[e3], r3, "function" != typeof t3.type || u3 && !t3.props.__P);
+  !u3 && (i3 = t3.__c) && (i3 = i3.__z) && (f4 = B(i3, o4 = [])) && (i3 == t3.__e && o4.some(g), g(f4), g(i3)), u3 || g(t3.__e), t3.__e = t3.__c = t3.__ = null;
+}
+function K(n2, t3, r3) {
+  return this.constructor(n2, r3);
+}
+function Q(t3, r3) {
+  var u3, i3, f4, o4;
+  n.__ && n.__(t3, r3), 9 == r3.nodeType && (r3 = r3.documentElement), i3 = (u3 = t3 && 32 & t3.__u) ? null : r3.__k, r3.__k = m($, { children: [t3] }), f4 = [], o4 = [], z(r3, r3.__k, i3 || p, p, r3.namespaceURI, i3 ? null : r3.firstChild ? d.call(r3.childNodes) : null, f4, i3 ? i3.__e : r3.firstChild, u3, o4), E(f4, r3.__k, o4), r3.__k.props.children = null;
+}
+n = { __e: function(n2, t3, r3, u3) {
+  for (var i3, o4, e3; t3 = t3.__; ) if ((i3 = t3.__c) && !(1 & i3.__g)) {
+    i3.__g |= 4;
+    try {
+      if ((e3 = (o4 = i3.constructor) && o4.getDerivedStateFromError) && i3.setState(o4.getDerivedStateFromError(n2)), i3.componentDidCatch && (i3.componentDidCatch(n2, u3 || {}), e3 = 1), e3 && 8 & i3.__g) return void (i3.__g |= 2);
+    } catch (t4) {
+      n2 = t4;
+    }
+  }
+  throw f = 0, n2;
+} }, t = 0, r = function(n2) {
+  return null != n2 && n2.constructor === h;
+}, x.prototype.setState = function(n2, t3) {
+  var r3 = this.__s;
+  r3 && r3 != this.state || (r3 = this.__s = _({}, this.state)), "function" == typeof n2 && (n2 = n2(_({}, r3), this.props)), n2 && (_(r3, n2), this.__v && (t3 && this.__k.push(t3), L(this)));
+}, x.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__g |= 4, n2 && this.__h.push(n2), L(this));
+}, x.prototype.render = $, u = [], f = 0, o = function(n2, t3) {
+  return n2.__v.__b - t3.__v.__b;
+}, e = /* @__PURE__ */ Symbol(), l = /(PointerCapture)$|Capture$/i, c = 0, a = {}, s = 0;
+
+// src/i18n.ts
+var STRINGS = {
+  ko: {
+    searchSymbol: "\uC885\uBAA9 \uAC80\uC0C9",
+    searchPlaceholder: "\uC885\uBAA9\uBA85 \uB610\uB294 \uCF54\uB4DC \uAC80\uC0C9",
+    noResults: "\uAC80\uC0C9 \uACB0\uACFC\uAC00 \uC5C6\uC5B4\uC694",
+    close: "\uB2EB\uAE30",
+    zoomIn: "\uD655\uB300",
+    zoomOut: "\uCD95\uC18C",
+    scrollBack: "\uC774\uC804 \uAD6C\uAC04",
+    scrollForward: "\uB2E4\uC74C \uAD6C\uAC04",
+    resetView: "\uCD08\uAE30\uD654",
+    toRealtime: "\uCD5C\uC2E0\uC73C\uB85C \uC774\uB3D9",
+    screenshot: "\uC2A4\uD06C\uB9B0\uC0F7 \uC800\uC7A5",
+    fullscreen: "\uC804\uCCB4\uD654\uBA74",
+    exitFullscreen: "\uC804\uCCB4\uD654\uBA74 \uC885\uB8CC",
+    open: "\uC2DC",
+    high: "\uACE0",
+    low: "\uC800",
+    close_: "\uC885",
+    volume: "\uAC70\uB798\uB7C9",
+    chartType: "\uCC28\uD2B8 \uC885\uB958",
+    candles: "\uCE94\uB4E4",
+    line: "\uB77C\uC778",
+    area: "\uC601\uC5ED",
+    drawingTools: "\uADF8\uB9AC\uAE30 \uB3C4\uAD6C",
+    cursor: "\uCEE4\uC11C",
+    trendline: "\uCD94\uC138\uC120",
+    horizontal: "\uC218\uD3C9\uC120",
+    fibonacci: "\uD53C\uBCF4\uB098\uCE58 \uB418\uB3CC\uB9BC",
+    removeAll: "\uADF8\uB9AC\uAE30 \uBAA8\uB450 \uC0AD\uC81C",
+    collapseDrawbar: "\uADF8\uB9AC\uAE30 \uB3C4\uAD6C \uC811\uAE30",
+    chartSettings: "\uCC28\uD2B8 \uC124\uC815",
+    settingsCandles: "\uCE94\uB4E4",
+    settingsDisplay: "\uD45C\uC2DC",
+    settingsGrid: "\uACA9\uC790",
+    settingUpColor: "\uC0C1\uC2B9 \uC0C9",
+    settingDownColor: "\uD558\uB77D \uC0C9",
+    followTheme: "\uD14C\uB9C8 \uC0C9 \uC0AC\uC6A9",
+    settingHighLow: "\uCD5C\uACE0\xB7\uCD5C\uC800 \uD45C\uC2DC",
+    settingLastPrice: "\uD604\uC7AC\uAC00 \uC120",
+    settingVolume: "\uAC70\uB798\uB7C9",
+    settingGridH: "\uAC00\uB85C \uACA9\uC790",
+    settingGridV: "\uC138\uB85C \uACA9\uC790",
+    resetDefaults: "\uAE30\uBCF8\uAC12\uC73C\uB85C",
+    done: "\uC644\uB8CC",
+    expandDrawbar: "\uADF8\uB9AC\uAE30 \uB3C4\uAD6C \uD3BC\uCE58\uAE30",
+    magnet: "\uC790\uC11D \uBAA8\uB4DC (\uC2DC\xB7\uACE0\xB7\uC800\xB7\uC885\uAC00\uC5D0 \uBD99\uC774\uAE30)",
+    remove: "\uC0AD\uC81C",
+    color: "\uC0C9\uC0C1",
+    indicators: "\uC9C0\uD45C",
+    addIndicator: "\uC9C0\uD45C \uCD94\uAC00",
+    indicatorSettings: "\uC9C0\uD45C \uC124\uC815",
+    removeIndicator: "\uC9C0\uD45C \uC0AD\uC81C",
+    apply: "\uC801\uC6A9",
+    cancel: "\uCDE8\uC18C",
+    numbersHint: "\uC27C\uD45C\uB85C \uAD6C\uBD84 (\uC608: 5, 20, 60)",
+    show: "\uBCF4\uC774\uAE30",
+    hide: "\uC228\uAE30\uAE30",
+    collapse: "\uC9C0\uD45C \uC811\uAE30",
+    expand: "\uC9C0\uD45C \uD3BC\uCE58\uAE30",
+    indicatorCount: "\uC9C0\uD45C",
+    addPeriod: "\uAE30\uAC04 \uCD94\uAC00",
+    removePeriod: "\uAE30\uAC04 \uC0AD\uC81C",
+    period: "\uAE30\uAC04",
+    source: "\uAC00\uACA9 \uAE30\uC900",
+    lineWidth: "\uB450\uAED8",
+    inputs: "\uC785\uB825\uAC12",
+    style: "\uC2A4\uD0C0\uC77C",
+    // intervals
+    intervalMinutes: "\uBD84",
+    intervalHours: "\uC2DC\uAC04",
+    intervalDays: "\uC77C",
+    moreIntervals: "\uC2DC\uAC04 \uB2E8\uC704 \uB354\uBCF4\uAE30",
+    addFavorite: "\uC990\uACA8\uCC3E\uAE30\uC5D0 \uCD94\uAC00",
+    removeFavorite: "\uC990\uACA8\uCC3E\uAE30\uC5D0\uC11C \uC81C\uAC70",
+    unsupportedInterval: "\uC774 \uC885\uBAA9\uC740 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uB2E8\uC704",
+    // search
+    catAll: "\uC804\uCCB4",
+    catKrStock: "\uAD6D\uB0B4\uC8FC\uC2DD",
+    catUsStock: "\uD574\uC678\uC8FC\uC2DD",
+    catCrypto: "\uCF54\uC778",
+    catFutures: "\uC120\uBB3C",
+    recentSearches: "\uCD5C\uADFC \uAC80\uC0C9",
+    browse: "\uB458\uB7EC\uBCF4\uAE30",
+    allSymbols: "\uC804\uCCB4",
+    favorites: "\uC990\uACA8\uCC3E\uAE30",
+    exchanges: "\uAC70\uB798\uC18C",
+    noFavorites: "\uC990\uACA8\uCC3E\uAE30\uD55C \uC885\uBAA9\uC774 \uC5C6\uC5B4\uC694. \u2606\uB97C \uB20C\uB7EC \uCD94\uAC00\uD574 \uBCF4\uC138\uC694",
+    navigate: "\uC774\uB3D9",
+    openAction: "\uC5F4\uAE30",
+    clearRecent: "\uC804\uCCB4 \uC0AD\uC81C",
+    removeRecent: "\uCD5C\uADFC \uAC80\uC0C9\uC5D0\uC11C \uC0AD\uC81C",
+    symbols: "\uC885\uBAA9",
+    searching: "\uAC80\uC0C9 \uC911",
+    searchHint: "\u2191\u2193 \uC774\uB3D9 \xB7 Enter \uC120\uD0DD \xB7 Esc \uB2EB\uAE30",
+    current: "\uD604\uC7AC"
+  },
+  en: {
+    searchSymbol: "Symbol search",
+    searchPlaceholder: "Search by name or code",
+    noResults: "No results",
+    close: "Close",
+    zoomIn: "Zoom in",
+    zoomOut: "Zoom out",
+    scrollBack: "Scroll back",
+    scrollForward: "Scroll forward",
+    resetView: "Reset",
+    toRealtime: "Go to realtime",
+    screenshot: "Save screenshot",
+    fullscreen: "Fullscreen",
+    exitFullscreen: "Exit fullscreen",
+    open: "O",
+    high: "H",
+    low: "L",
+    close_: "C",
+    volume: "Vol",
+    chartType: "Chart type",
+    candles: "Candles",
+    line: "Line",
+    area: "Area",
+    drawingTools: "Drawing tools",
+    cursor: "Cursor",
+    trendline: "Trend line",
+    horizontal: "Horizontal line",
+    fibonacci: "Fib retracement",
+    removeAll: "Remove all drawings",
+    collapseDrawbar: "Hide drawing tools",
+    chartSettings: "Chart settings",
+    settingsCandles: "Candles",
+    settingsDisplay: "Display",
+    settingsGrid: "Grid",
+    settingUpColor: "Up color",
+    settingDownColor: "Down color",
+    followTheme: "Use theme color",
+    settingHighLow: "High/low markers",
+    settingLastPrice: "Last price line",
+    settingVolume: "Volume",
+    settingGridH: "Horizontal grid",
+    settingGridV: "Vertical grid",
+    resetDefaults: "Reset",
+    done: "Done",
+    expandDrawbar: "Show drawing tools",
+    magnet: "Magnet (snap to OHLC)",
+    remove: "Remove",
+    color: "Color",
+    indicators: "Indicators",
+    addIndicator: "Add indicator",
+    indicatorSettings: "Indicator settings",
+    removeIndicator: "Remove indicator",
+    apply: "Apply",
+    cancel: "Cancel",
+    numbersHint: "Comma separated (e.g. 5, 20, 60)",
+    show: "Show",
+    hide: "Hide",
+    collapse: "Collapse indicators",
+    expand: "Expand indicators",
+    indicatorCount: "Indicators",
+    addPeriod: "Add period",
+    removePeriod: "Remove period",
+    period: "Period",
+    source: "Source",
+    lineWidth: "Width",
+    inputs: "Inputs",
+    style: "Style",
+    intervalMinutes: "Minutes",
+    intervalHours: "Hours",
+    intervalDays: "Days",
+    moreIntervals: "More intervals",
+    addFavorite: "Add to favorites",
+    removeFavorite: "Remove from favorites",
+    unsupportedInterval: "Not available for this symbol",
+    catAll: "All",
+    catKrStock: "KR stocks",
+    catUsStock: "Global stocks",
+    catCrypto: "Crypto",
+    catFutures: "Futures",
+    recentSearches: "Recent",
+    browse: "Browse",
+    allSymbols: "All",
+    favorites: "Favorites",
+    exchanges: "Exchanges",
+    noFavorites: "No favorites yet \u2014 tap \u2606 to add one",
+    navigate: "navigate",
+    openAction: "open",
+    clearRecent: "Clear",
+    removeRecent: "Remove from recent",
+    symbols: "Symbols",
+    searching: "Searching",
+    searchHint: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc close",
+    current: "Current"
+  }
+};
+function resolutionLabel(resolution, locale, form = "short") {
+  const match = /^(\d*)([SDWM]?)$/i.exec(resolution.trim());
+  if (!match) return resolution;
+  const n2 = match[1] ? Number(match[1]) : 1;
+  const unit = (match[2] ?? "").toUpperCase();
+  const ko = locale === "ko";
+  const long = form === "long";
+  switch (unit) {
+    case "S":
+      return ko ? `${n2}\uCD08` : `${n2}s`;
+    case "D":
+      return ko ? n2 === 1 && !long ? "\uC77C" : `${n2}\uC77C` : `${n2}D`;
+    case "W":
+      return ko ? n2 === 1 && !long ? "\uC8FC" : `${n2}\uC8FC` : `${n2}W`;
+    case "M":
+      if (n2 % 12 === 0) return ko ? `${n2 / 12}\uB144` : `${n2 / 12}Y`;
+      return ko ? n2 === 1 && !long ? "\uC6D4" : `${n2}\uAC1C\uC6D4` : `${n2}M`;
+    default:
+      if (n2 >= 60 && n2 % 60 === 0) return ko ? `${n2 / 60}\uC2DC\uAC04` : `${n2 / 60}h`;
+      return ko ? `${n2}\uBD84` : `${n2}m`;
+  }
+}
+
+// ../../node_modules/.pnpm/preact@11.2.0/node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
+var f2 = /* @__PURE__ */ Symbol.for("pv");
+var o2 = 0;
+function a2(t3, e3, n2, u3, a4, i3) {
+  e3 || (e3 = {});
+  var c3, l3, p3 = e3;
+  if ("ref" in p3 && "function" != typeof t3) for (l3 in p3 = {}, e3) "ref" == l3 ? c3 = e3[l3] : p3[l3] = e3[l3];
+  var s3 = { type: t3, props: p3, key: n2, ref: c3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: f2, __v: --o2, __i: -1, __u: 0 };
+  return (a4 || i3) && (s3.__source = a4, s3.__self = i3), n.vnode && n.vnode(s3), s3;
+}
+
+// src/icons.tsx
+function Icon({ children, size = 20 }) {
+  return /* @__PURE__ */ a2(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "1.6",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "aria-hidden": "true",
+      children
+    }
+  );
+}
+var SearchIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: [
+  /* @__PURE__ */ a2("circle", { cx: "9", cy: "9", r: "5.5" }),
+  /* @__PURE__ */ a2("path", { d: "M13 13l3.5 3.5" })
+] });
+var CloseIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M5.5 5.5l9 9M14.5 5.5l-9 9" }) });
+var CameraIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M3.5 7.2c0-.9.7-1.6 1.6-1.6h1.6l1.2-1.8h4.2l1.2 1.8h1.6c.9 0 1.6.7 1.6 1.6v6.6c0 .9-.7 1.6-1.6 1.6H5.1c-.9 0-1.6-.7-1.6-1.6z" }),
+  /* @__PURE__ */ a2("circle", { cx: "10", cy: "10.4", r: "2.6" })
+] });
+var ExpandIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M4 8V4h4M16 8V4h-4M4 12v4h4M16 12v4h-4" }) });
+var CollapseIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M8 4v4H4M12 4v4h4M8 16v-4H4M12 16v-4h4" }) });
+var MinusIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: /* @__PURE__ */ a2("path", { d: "M5 10h10" }) });
+var PlusIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: /* @__PURE__ */ a2("path", { d: "M5 10h10M10 5v10" }) });
+var ChevronLeftIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: /* @__PURE__ */ a2("path", { d: "M12 5l-5 5 5 5" }) });
+var ChevronRightIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: /* @__PURE__ */ a2("path", { d: "M8 5l5 5-5 5" }) });
+var ResetIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: [
+  /* @__PURE__ */ a2("path", { d: "M4.5 10a5.5 5.5 0 1 0 1.7-4" }),
+  /* @__PURE__ */ a2("path", { d: "M4.5 3.5V7H8" })
+] });
+var ToRealtimeIcon = () => /* @__PURE__ */ a2(Icon, { size: 18, children: /* @__PURE__ */ a2("path", { d: "M5 5.5l4.5 4.5L5 14.5M10 5.5l4.5 4.5-4.5 4.5" }) });
+var ChevronDownIcon = () => /* @__PURE__ */ a2(Icon, { size: 14, children: /* @__PURE__ */ a2("path", { d: "M5 8l5 5 5-5" }) });
+var CursorIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M5 3.5l10 6.2-4.4 1.1-2 4.2z" }) });
+var TrendLineIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M5 15L15 5" }),
+  /* @__PURE__ */ a2("circle", { cx: "5", cy: "15", r: "1.6", fill: "currentColor" }),
+  /* @__PURE__ */ a2("circle", { cx: "15", cy: "5", r: "1.6", fill: "currentColor" })
+] });
+var HorizontalLineIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M3 10h14" }),
+  /* @__PURE__ */ a2("circle", { cx: "10", cy: "10", r: "1.6", fill: "currentColor" })
+] });
+var FibonacciIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M3 4.5h14M3 8.2h14M3 11.8h14M3 15.5h14" }) });
+var TrashIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M4.5 6h11M8 6V4.5h4V6M6 6l.7 9.5h6.6L14 6" }) });
+var PencilIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M12.8 4.2l3 3L7.5 15.5 4 16l.5-3.5z" }) });
+var CandlesIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M6.5 3.5v13M13.5 3.5v13" }),
+  /* @__PURE__ */ a2("rect", { x: "4.5", y: "6", width: "4", height: "6", rx: "0.8", fill: "currentColor" }),
+  /* @__PURE__ */ a2("rect", { x: "11.5", y: "8", width: "4", height: "5", rx: "0.8" })
+] });
+var LineChartIcon = () => /* @__PURE__ */ a2(Icon, { children: /* @__PURE__ */ a2("path", { d: "M3 14l4.5-5 3.5 3 6-7" }) });
+var AreaChartIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M3 14l4.5-5 3.5 3 6-7" }),
+  /* @__PURE__ */ a2("path", { d: "M3 14l4.5-5 3.5 3 6-7V17H3z", fill: "currentColor", "fill-opacity": "0.25", stroke: "none" })
+] });
+var IndicatorIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M3 15.5l4-5 3 2.5 3.5-5L17 11" }),
+  /* @__PURE__ */ a2("path", { d: "M3 4.5v11.5h14" })
+] });
+var GearIcon = () => /* @__PURE__ */ a2(Icon, { size: 14, children: [
+  /* @__PURE__ */ a2("circle", { cx: "10", cy: "10", r: "2.4" }),
+  /* @__PURE__ */ a2("path", { d: "M10 3v2M10 15v2M3 10h2M15 10h2M5 5l1.4 1.4M13.6 13.6L15 15M5 15l1.4-1.4M13.6 6.4L15 5" })
+] });
+var SmallCloseIcon = () => /* @__PURE__ */ a2(Icon, { size: 14, children: /* @__PURE__ */ a2("path", { d: "M6 6l8 8M14 6l-8 8" }) });
+var EyeIcon = () => /* @__PURE__ */ a2(Icon, { size: 14, children: [
+  /* @__PURE__ */ a2("path", { d: "M2 10s3-5.5 8-5.5S18 10 18 10s-3 5.5-8 5.5S2 10 2 10z" }),
+  /* @__PURE__ */ a2("circle", { cx: "10", cy: "10", r: "2.3" })
+] });
+var EyeOffIcon = () => /* @__PURE__ */ a2(Icon, { size: 14, children: /* @__PURE__ */ a2("path", { d: "M3 3l14 14M8.2 5a8 8 0 0 1 1.8-.5c5 0 8 5.5 8 5.5a14 14 0 0 1-2.2 2.9M5.4 6.4A14 14 0 0 0 2 10s3 5.5 8 5.5a7.7 7.7 0 0 0 3.6-.9" }) });
+var MagnetIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M5 4h3v6.5a2 2 0 0 0 4 0V4h3v6.5a5 5 0 0 1-10 0z" }),
+  /* @__PURE__ */ a2("path", { d: "M5 7h3M12 7h3" })
+] });
+var StarIcon = ({ filled = false }) => /* @__PURE__ */ a2(Icon, { size: 16, children: /* @__PURE__ */ a2(
+  "path",
+  {
+    d: "M10 3.2l2.1 4.3 4.7.7-3.4 3.3.8 4.7L10 14l-4.2 2.2.8-4.7-3.4-3.3 4.7-.7z",
+    fill: filled ? "currentColor" : "none"
+  }
+) });
+var CollapseLeftIcon = () => /* @__PURE__ */ a2(Icon, { size: 14, children: /* @__PURE__ */ a2("path", { d: "M11 5l-5 5 5 5M15 5l-5 5 5 5" }) });
+var SettingsIcon = () => /* @__PURE__ */ a2(Icon, { children: [
+  /* @__PURE__ */ a2("path", { d: "M10 12.6a2.6 2.6 0 1 0 0-5.2 2.6 2.6 0 0 0 0 5.2z" }),
+  /* @__PURE__ */ a2("path", { d: "M16.2 12a1.3 1.3 0 0 0 .26 1.43l.05.05a1.6 1.6 0 1 1-2.26 2.26l-.05-.05a1.3 1.3 0 0 0-1.43-.26 1.3 1.3 0 0 0-.79 1.19v.14a1.6 1.6 0 0 1-3.2 0v-.07a1.3 1.3 0 0 0-.85-1.19 1.3 1.3 0 0 0-1.43.26l-.05.05a1.6 1.6 0 1 1-2.26-2.26l.05-.05A1.3 1.3 0 0 0 4.5 12a1.3 1.3 0 0 0-1.19-.79h-.14a1.6 1.6 0 0 1 0-3.2h.07a1.3 1.3 0 0 0 1.19-.85 1.3 1.3 0 0 0-.26-1.43l-.05-.05a1.6 1.6 0 1 1 2.26-2.26l.05.05a1.3 1.3 0 0 0 1.43.26h.06a1.3 1.3 0 0 0 .79-1.19v-.14a1.6 1.6 0 0 1 3.2 0v.07a1.3 1.3 0 0 0 .79 1.19 1.3 1.3 0 0 0 1.43-.26l.05-.05a1.6 1.6 0 1 1 2.26 2.26l-.05.05a1.3 1.3 0 0 0-.26 1.43v.06a1.3 1.3 0 0 0 1.19.79h.14a1.6 1.6 0 0 1 0 3.2h-.07a1.3 1.3 0 0 0-1.19.79z" })
+] });
+var FunnestMark = () => /* @__PURE__ */ a2("svg", { width: "20", height: "20", viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [
+  /* @__PURE__ */ a2("rect", { width: "32", height: "32", rx: "9", fill: "#6C4DFF" }),
+  /* @__PURE__ */ a2("path", { d: "M7 13.5C9.5 21.5 17 23.5 23.4 11.2", stroke: "#fff", "stroke-width": "3.2", "stroke-linecap": "round" }),
+  /* @__PURE__ */ a2("circle", { cx: "24.6", cy: "8.6", r: "2.9", fill: "#FFD43B" })
+] });
+
+// ../../node_modules/.pnpm/preact@11.2.0/node_modules/preact/hooks/dist/hooks.mjs
+var t2;
+var r2;
+var u2;
+var i2;
+var o3 = Object.is;
+var f3 = 0;
+var c2 = [];
+var e2 = [];
+var a3 = n;
+var v2 = a3.__b;
+var l2 = a3.__r;
+var m2 = a3.diffed;
+var h2 = a3.__c;
+var s2 = a3.unmount;
+var p2 = a3.__;
+function y2(n2, t3) {
+  a3.__h && a3.__h(r2, n2, f3 || t3), f3 = 0;
+  var u3 = r2.__H || (r2.__H = { __: [], __h: [] });
+  return n2 >= u3.__.length && u3.__.push({}), u3.__[n2];
+}
+function d2(n2) {
+  return f3 = 1, _2(G2, n2);
+}
+function _2(n2, u3, i3) {
+  var f4 = y2(t2++, 2);
+  if (f4.t = n2, !f4.__c && (f4.__ = [i3 ? i3(u3) : G2(void 0, u3), function(n3) {
+    var t3 = (f4.__N || f4.__)[0], r3 = f4.t(t3, n3);
+    o3(t3, r3) || (f4.__N = [r3, f4.__[1]], f4.__c.setState({}));
+  }], f4.__c = r2, !r2.__f)) {
+    r2.__f = true;
+    var c3 = r2.shouldComponentUpdate;
+    r2.shouldComponentUpdate = function(n3, t3, r3) {
+      var u4 = this.__H;
+      if (!u4) return true;
+      var i4 = false, f5 = this.props != n3;
+      if (u4.__.some(function(n4) {
+        n4.__N && (i4 = true, o3(n4.__[0], n4.__N[0]) || (f5 = true));
+      }), c3) {
+        var e3 = c3.call(this, n3, t3, r3);
+        return i4 ? e3 || f5 : e3;
+      }
+      return !i4 || f5;
+    };
+  }
+  return f4.__;
+}
+function A2(n2, u3) {
+  var i3 = y2(t2++, 3);
+  !a3.__s && E2(i3.__H, u3) && (i3.__P = true, i3.__ = n2, i3.u = u3, r2.__H.__h.push(i3));
+}
+function F2(n2, u3) {
+  var i3 = y2(t2++, 4);
+  !a3.__s && E2(i3.__H, u3) && (i3.__P = false, i3.__ = n2, i3.u = u3, r2.__h.push(i3));
+}
+function T2(n2) {
+  return f3 = 5, w2(function() {
+    return { current: n2 };
+  }, []);
+}
+function w2(n2, r3) {
+  var u3 = y2(t2++, 7);
+  return E2(u3.__H, r3) && (u3.__ = n2(), u3.__H = r3), u3.__;
+}
+function g2() {
+  var n2;
+  do {
+    for (; n2 = e2.shift(); ) try {
+      C2(n2);
+    } catch (t4) {
+      a3.__e(t4, { __: (n2 = n2.__P) && n2.__v });
+    }
+    for (; n2 = c2.shift(); ) {
+      var t3 = n2.__H;
+      if (n2.__P && t3) try {
+        t3.__h.some(C2), t3.__h.some(D2), t3.__h = [];
+      } catch (r3) {
+        t3.__h = [], a3.__e(r3, n2.__v);
+      }
+    }
+  } while (e2.length);
+}
+a3.__b = function(n2) {
+  r2 = null, v2 && v2(n2);
+}, a3.__ = function(n2, t3) {
+  n2 && t3.__k && t3.__k.__m && (n2.__m = t3.__k.__m), p2 && p2(n2, t3);
+}, a3.__r = function(n2) {
+  l2 && l2(n2), t2 = 0;
+  var i3 = (r2 = n2.__c).__H;
+  i3 && (u2 == r2 ? r2.__h = [] : (i3.__h.some(C2), i3.__h.some(D2), t2 = 0), i3.__h = [], i3.__.some(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+  })), u2 = r2;
+}, a3.diffed = function(n2) {
+  m2 && m2(n2);
+  var t3 = n2.__c;
+  t3 && t3.__H && (t3.__H.__h.length && B2(c2.push(t3)), t3.__H.__.some(function(n3) {
+    n3.u && (n3.__H = n3.u);
+  })), u2 = r2 = null;
+}, a3.__c = function(n2, t3) {
+  t3.some(function(n3) {
+    try {
+      n3.__h.some(C2), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || D2(n4);
+      });
+    } catch (t4) {
+      n3.__h = [function() {
+        throw t4;
+      }];
+    }
+  }), h2 && h2(n2, t3);
+}, a3.unmount = function(n2) {
+  s2 && s2(n2);
+  var t3, r3, u3 = n2.__c;
+  u3 && u3.__H && (u3.__H.__.some(function(u4) {
+    try {
+      if (u4.__P && u4.__c) {
+        if (void 0 === r3) {
+          for (r3 = n2.__; r3 && (!r3.__c || !r3.__c.__P); ) r3 = r3.__;
+          r3 = r3 && r3.__c;
+        }
+        u4.__P = r3, B2(e2.push(u4));
+      } else C2(u4);
+    } catch (n3) {
+      t3 = n3;
+    }
+  }), u3.__H = void 0, t3 && a3.__e(t3, u3.__v));
+};
+var k = "function" == typeof requestAnimationFrame;
+function z2(n2) {
+  var t3, r3 = function() {
+    clearTimeout(u3), k && cancelAnimationFrame(t3), setTimeout(n2);
+  }, u3 = setTimeout(r3, 35);
+  k && (t3 = requestAnimationFrame(r3));
+}
+function B2(n2) {
+  1 != n2 && i2 == a3.requestAnimationFrame || ((i2 = a3.requestAnimationFrame) || z2)(g2);
+}
+function C2(n2) {
+  var t3 = r2, u3 = n2.__c;
+  "function" == typeof u3 && (n2.__c = void 0, u3()), r2 = t3;
+}
+function D2(n2) {
+  var t3 = r2;
+  n2.__c = n2.__(), r2 = t3;
+}
+function E2(n2, t3) {
+  return !n2 || n2.length != t3.length || t3.some(function(t4, r3) {
+    return !o3(t4, n2[r3]);
+  });
+}
+function G2(n2, t3) {
+  return "function" == typeof t3 ? t3(n2) : t3;
+}
+
+// src/store.ts
+var Store = class {
+  constructor(state) {
+    this.state = state;
+  }
+  state;
+  listeners = /* @__PURE__ */ new Set();
+  get() {
+    return this.state;
+  }
+  set(patch) {
+    let changed = false;
+    for (const key in patch) {
+      if (!Object.is(patch[key], this.state[key])) {
+        changed = true;
+        break;
+      }
+    }
+    if (!changed) return;
+    this.state = { ...this.state, ...patch };
+    for (const listener of this.listeners) listener();
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+};
+function useStore(store) {
+  const [state, setState] = d2(store.get());
+  A2(() => {
+    setState(store.get());
+    return store.subscribe(() => setState(store.get()));
+  }, [store]);
+  return state;
+}
+
+// src/components/drawing-toolbar.tsx
+var TOOLS = [
+  { tool: null, label: "cursor", icon: CursorIcon },
+  { tool: "trendline", label: "trendline", icon: TrendLineIcon },
+  { tool: "horizontal", label: "horizontal", icon: HorizontalLineIcon },
+  { tool: "fibonacci", label: "fibonacci", icon: FibonacciIcon }
+];
+function DrawingToolbar({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const pick = (tool) => {
+    ctx.chart.setDrawingTool(tool);
+    if (tool && ctx.store.get().drawbarOpen) ctx.store.set({ drawbarOpen: false });
+  };
+  return /* @__PURE__ */ a2($, { children: [
+    s3.drawbarCollapsed && /* @__PURE__ */ a2("button", { class: "fnc-drawbar-tab", "aria-label": t3.expandDrawbar, title: t3.expandDrawbar, onClick: () => ctx.setDrawbarCollapsed(false), children: /* @__PURE__ */ a2(ChevronRightIcon, {}) }),
+    /* @__PURE__ */ a2(
+      "div",
+      {
+        class: "fnc-drawbar",
+        role: "toolbar",
+        "aria-label": t3.drawingTools,
+        "aria-orientation": "vertical",
+        "data-open": s3.drawbarOpen,
+        "data-collapsed": s3.drawbarCollapsed,
+        children: [
+          TOOLS.map(({ tool, label, icon: Icon2 }) => /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-btn",
+              title: t3[label],
+              "aria-label": t3[label],
+              "aria-pressed": s3.drawingTool === tool,
+              onClick: () => pick(tool),
+              children: /* @__PURE__ */ a2(Icon2, {})
+            }
+          )),
+          /* @__PURE__ */ a2("div", { class: "fnc-hsep" }),
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-btn",
+              title: t3.magnet,
+              "aria-label": t3.magnet,
+              "aria-pressed": s3.magnet,
+              onClick: () => ctx.chart.setMagnet(!s3.magnet),
+              children: /* @__PURE__ */ a2(MagnetIcon, {})
+            }
+          ),
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-btn",
+              title: t3.removeAll,
+              "aria-label": t3.removeAll,
+              disabled: s3.drawingCount === 0,
+              onClick: () => ctx.chart.clearDrawings(),
+              children: /* @__PURE__ */ a2(TrashIcon, {})
+            }
+          ),
+          /* @__PURE__ */ a2("span", { class: "fnc-spacer" }),
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-btn fnc-drawbar-collapse",
+              title: t3.collapseDrawbar,
+              "aria-label": t3.collapseDrawbar,
+              onClick: () => ctx.setDrawbarCollapsed(true),
+              children: /* @__PURE__ */ a2(ChevronLeftIcon, {})
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var SWATCHES = ["#3182F6", "#F04452", "#12B886", "#FF9F0A", "#7048E8"];
+function SelectionBar({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const d3 = s3.selection;
+  if (!d3 || s3.layout.plotWidth <= 0) return null;
+  return /* @__PURE__ */ a2("div", { class: "fnc-selbar", role: "toolbar", style: { left: `${s3.layout.plotWidth / 2}px` }, children: [
+    SWATCHES.map((color) => /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-swatch",
+        style: { background: color },
+        title: t3.color,
+        "aria-label": `${t3.color} ${color}`,
+        "aria-pressed": (d3.color ?? SWATCHES[0]) === color,
+        onClick: () => ctx.chart.updateDrawing(d3.id, { color })
+      }
+    )),
+    /* @__PURE__ */ a2("div", { class: "fnc-sep" }),
+    /* @__PURE__ */ a2("button", { class: "fnc-btn", title: t3.remove, "aria-label": t3.remove, onClick: () => ctx.chart.removeDrawing(d3.id), children: /* @__PURE__ */ a2(TrashIcon, {}) })
+  ] });
+}
+
+// src/components/overlay.tsx
+import { formatCompact, formatPrice } from "@funnest/charts";
+
+// src/components/symbol-avatar.tsx
+function hue(text) {
+  let h3 = 0;
+  for (const ch of text) h3 = (h3 * 31 + ch.charCodeAt(0)) % 360;
+  return h3;
+}
+function SymbolAvatar({ info, size = 24 }) {
+  const [failed, setFailed] = d2(false);
+  A2(() => setFailed(false), [info.logoUrl]);
+  const style = { width: `${size}px`, height: `${size}px`, fontSize: `${Math.round(size * 0.46)}px` };
+  if (info.logoUrl && !failed) {
+    return /* @__PURE__ */ a2("img", { class: "fnc-avatar", src: info.logoUrl, alt: "", style, onError: () => setFailed(true) });
+  }
+  const h3 = hue(info.symbol);
+  return /* @__PURE__ */ a2(
+    "span",
+    {
+      class: "fnc-avatar fnc-avatar-initial",
+      "aria-hidden": "true",
+      style: { ...style, background: `hsl(${h3} 70% 50% / 0.16)`, color: `hsl(${h3} 60% 42%)` },
+      children: (info.name || info.symbol).trim().charAt(0).toUpperCase()
+    }
+  );
+}
+
+// src/components/overlay.tsx
+var ZOOM_STEP = 1.25;
+var CONTROL_OFFSET = 52;
+var dirClass = (v3) => v3 > 0 ? "fnc-up" : v3 < 0 ? "fnc-down" : "fnc-flat";
+function IndicatorItem({ ctx, item }) {
+  const t3 = STRINGS[ctx.store.get().locale];
+  return /* @__PURE__ */ a2(
+    "div",
+    {
+      class: item.visible ? "fnc-ind" : "fnc-ind fnc-ind-hidden",
+      role: "button",
+      tabIndex: 0,
+      "aria-label": `${item.title} ${t3.indicatorSettings}`,
+      onClick: (e3) => {
+        if (e3.target.closest(".fnc-ind-actions")) return;
+        ctx.store.set({ dialog: { kind: "indicatorSettings", id: item.id } });
+      },
+      onKeyDown: (e3) => e3.key === "Enter" && ctx.store.set({ dialog: { kind: "indicatorSettings", id: item.id } }),
+      children: [
+        /* @__PURE__ */ a2(
+          "button",
+          {
+            class: "fnc-ind-btn fnc-ind-eye",
+            title: item.visible ? t3.hide : t3.show,
+            "aria-label": `${item.title} ${item.visible ? t3.hide : t3.show}`,
+            "aria-pressed": !item.visible,
+            onClick: (e3) => {
+              e3.stopPropagation();
+              ctx.chart.setIndicatorVisible(item.id, !item.visible);
+            },
+            children: item.visible ? /* @__PURE__ */ a2(EyeIcon, {}) : /* @__PURE__ */ a2(EyeOffIcon, {})
+          }
+        ),
+        /* @__PURE__ */ a2("span", { class: "fnc-ind-title", children: item.title }),
+        item.visible && item.values.map((v3) => /* @__PURE__ */ a2("b", { style: { color: v3.color }, title: v3.label, children: v3.value })),
+        /* @__PURE__ */ a2("span", { class: "fnc-ind-actions", children: [
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-ind-btn",
+              title: t3.indicatorSettings,
+              "aria-label": `${item.title} ${t3.indicatorSettings}`,
+              onClick: () => ctx.store.set({ dialog: { kind: "indicatorSettings", id: item.id } }),
+              children: /* @__PURE__ */ a2(GearIcon, {})
+            }
+          ),
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-ind-btn",
+              title: t3.removeIndicator,
+              "aria-label": `${item.title} ${t3.removeIndicator}`,
+              onClick: () => ctx.chart.removeIndicator(item.id),
+              children: /* @__PURE__ */ a2(SmallCloseIcon, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function Legend({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const [hover, setHover] = d2(null);
+  const [, refresh] = _2((n2) => n2 + 1, 0);
+  const [collapsed, setCollapsed] = d2(false);
+  A2(() => {
+    const offs = [
+      ctx.chart.on(
+        "crosshairMove",
+        (info) => setHover(info ? { bar: info.bar, prev: ctx.chart.bars[info.index - 1], index: info.index } : null)
+      ),
+      ctx.chart.on("dataChange", () => refresh(void 0))
+    ];
+    return () => offs.forEach((off) => off());
+  }, [ctx.chart]);
+  const ref = T2(null);
+  A2(() => {
+    const el = ref.current;
+    if (!el) return;
+    const update = () => ctx.chart.setTopInset(el.offsetTop + el.offsetHeight + 4);
+    const ro = new ResizeObserver(update);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [ctx.chart]);
+  if (!s3.symbol) return /* @__PURE__ */ a2("div", { class: "fnc-legend", ref });
+  const bars = ctx.chart.bars;
+  const bar = hover?.bar ?? bars[bars.length - 1];
+  const prev = hover ? hover.prev : bars[bars.length - 2];
+  const fmt = (p3) => formatPrice(p3, s3.symbol.pricePrecision);
+  let values = null;
+  if (bar) {
+    const cls = dirClass(bar.close - bar.open);
+    const change = prev ? bar.close - prev.close : 0;
+    const pct = prev && prev.close ? change / prev.close * 100 : 0;
+    const sign = change > 0 ? "+" : "";
+    values = /* @__PURE__ */ a2("div", { class: "fnc-legend-values", children: [
+      /* @__PURE__ */ a2("span", { children: [
+        t3.open,
+        " ",
+        /* @__PURE__ */ a2("b", { class: cls, children: fmt(bar.open) })
+      ] }),
+      /* @__PURE__ */ a2("span", { children: [
+        t3.high,
+        " ",
+        /* @__PURE__ */ a2("b", { class: cls, children: fmt(bar.high) })
+      ] }),
+      /* @__PURE__ */ a2("span", { children: [
+        t3.low,
+        " ",
+        /* @__PURE__ */ a2("b", { class: cls, children: fmt(bar.low) })
+      ] }),
+      /* @__PURE__ */ a2("span", { children: [
+        t3.close_,
+        " ",
+        /* @__PURE__ */ a2("b", { class: cls, children: fmt(bar.close) })
+      ] }),
+      /* @__PURE__ */ a2("b", { class: dirClass(change), children: [
+        sign,
+        fmt(change),
+        " (",
+        sign,
+        pct.toFixed(2),
+        "%)"
+      ] }),
+      bar.volume !== void 0 && /* @__PURE__ */ a2("span", { children: [
+        t3.volume,
+        " ",
+        /* @__PURE__ */ a2("b", { class: "fnc-flat", children: formatCompact(bar.volume, s3.locale) })
+      ] })
+    ] });
+  }
+  const items = s3.indicators.length ? ctx.chart.indicatorLegend(hover?.index) : [];
+  const overlayItems = items.filter((i3) => i3.overlay);
+  const paneLegends = s3.layout.panes.filter((p3) => p3.kind === "indicator").map((pane) => ({ pane, item: items.find((i3) => i3.id === pane.id) }));
+  return /* @__PURE__ */ a2($, { children: [
+    /* @__PURE__ */ a2("div", { class: "fnc-legend", ref, children: [
+      /* @__PURE__ */ a2("div", { class: "fnc-legend-title", children: [
+        ctx.showLogo && /* @__PURE__ */ a2(SymbolAvatar, { info: s3.symbol, size: 18 }),
+        /* @__PURE__ */ a2("b", { children: s3.symbol.name }),
+        /* @__PURE__ */ a2("span", { children: "\xB7" }),
+        /* @__PURE__ */ a2("span", { children: resolutionLabel(s3.resolution, s3.locale) }),
+        /* @__PURE__ */ a2("span", { children: "\xB7" }),
+        /* @__PURE__ */ a2("span", { children: s3.symbol.exchange }),
+        s3.loading && /* @__PURE__ */ a2("span", { class: "fnc-spinner", role: "status" })
+      ] }),
+      values,
+      !collapsed && overlayItems.map((item) => /* @__PURE__ */ a2(IndicatorItem, { ctx, item })),
+      overlayItems.length > 0 && (collapsed ? /* @__PURE__ */ a2("button", { class: "fnc-ind-handle", "aria-expanded": "false", "aria-label": t3.expand, title: t3.expand, onClick: () => setCollapsed(false), children: /* @__PURE__ */ a2("span", {}) }) : /* @__PURE__ */ a2("button", { class: "fnc-ind-collapse", "aria-expanded": "true", "aria-label": t3.collapse, title: t3.collapse, onClick: () => setCollapsed(true), children: /* @__PURE__ */ a2(CollapseLeftIcon, {}) }))
+    ] }),
+    paneLegends.map(
+      ({ pane, item }) => item && /* @__PURE__ */ a2("div", { class: "fnc-legend fnc-pane-legend", style: { top: `${pane.top + 4}px` }, children: /* @__PURE__ */ a2(IndicatorItem, { ctx, item }) })
+    )
+  ] });
+}
+function NavControls({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const { plotWidth, panesHeight } = s3.layout;
+  if (plotWidth <= 0) return null;
+  const top = panesHeight - CONTROL_OFFSET;
+  const page = () => Math.max(1, Math.round(plotWidth / ctx.chart.timeScale.barSpacing / 3));
+  const button = (label, onClick, icon) => /* @__PURE__ */ a2("button", { class: "fnc-btn", title: label, "aria-label": label, onClick, children: icon });
+  return /* @__PURE__ */ a2($, { children: [
+    /* @__PURE__ */ a2("div", { class: "fnc-nav", style: { left: `${plotWidth / 2}px`, top: `${top}px` }, children: [
+      button(t3.zoomOut, () => ctx.chart.zoom(1 / ZOOM_STEP), /* @__PURE__ */ a2(MinusIcon, {})),
+      button(t3.zoomIn, () => ctx.chart.zoom(ZOOM_STEP), /* @__PURE__ */ a2(PlusIcon, {})),
+      button(t3.scrollBack, () => ctx.chart.scrollBars(-page()), /* @__PURE__ */ a2(ChevronLeftIcon, {})),
+      button(t3.scrollForward, () => ctx.chart.scrollBars(page()), /* @__PURE__ */ a2(ChevronRightIcon, {})),
+      button(t3.resetView, () => ctx.chart.resetView(), /* @__PURE__ */ a2(ResetIcon, {}))
+    ] }),
+    !s3.atRealtime && /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-realtime",
+        style: { left: `${plotWidth - 44}px`, top: `${top}px` },
+        title: t3.toRealtime,
+        "aria-label": t3.toRealtime,
+        onClick: () => ctx.chart.scrollToRealtime(),
+        children: /* @__PURE__ */ a2(ToRealtimeIcon, {})
+      }
+    )
+  ] });
+}
+var ATTRIBUTION_URL = "https://charts.funnest.xyz/?utm_source=chart&utm_medium=attribution";
+function Attribution({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const { panesHeight, plotWidth } = s3.layout;
+  if (!ctx.attribution || plotWidth <= 0) return null;
+  const label = s3.locale === "ko" ? "Funnest \uCC28\uD2B8" : "Charts by Funnest";
+  return /* @__PURE__ */ a2(
+    "a",
+    {
+      class: "fnc-attribution",
+      href: ATTRIBUTION_URL,
+      target: "_blank",
+      rel: "noopener",
+      title: label,
+      "aria-label": label,
+      style: { top: `${panesHeight - 36}px` },
+      children: [
+        /* @__PURE__ */ a2(FunnestMark, {}),
+        /* @__PURE__ */ a2("span", { children: "funnest" })
+      ]
+    }
+  );
+}
+function Overlay({ ctx }) {
+  return /* @__PURE__ */ a2($, { children: [
+    /* @__PURE__ */ a2(Attribution, { ctx }),
+    /* @__PURE__ */ a2(Legend, { ctx }),
+    /* @__PURE__ */ a2(NavControls, { ctx }),
+    /* @__PURE__ */ a2(SelectionBar, { ctx })
+  ] });
+}
+
+// src/components/chart-type-menu.tsx
+var TYPES = [
+  { type: "candles", label: "candles", icon: CandlesIcon },
+  { type: "line", label: "line", icon: LineChartIcon },
+  { type: "area", label: "area", icon: AreaChartIcon }
+];
+function ChartTypeMenu({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const [open, setOpen] = d2(false);
+  const ref = T2(null);
+  const current = TYPES.find((x2) => x2.type === s3.chartType) ?? TYPES[0];
+  A2(() => {
+    if (!open) return;
+    const onDown = (e3) => !ref.current?.contains(e3.target) && setOpen(false);
+    const onKey = (e3) => e3.key === "Escape" && setOpen(false);
+    document.addEventListener("pointerdown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("pointerdown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const choose = (type) => {
+    ctx.chart.setChartType(type);
+    ctx.store.set({ chartType: type });
+    setOpen(false);
+  };
+  return /* @__PURE__ */ a2("div", { class: "fnc-menu-wrap", ref, children: [
+    /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-btn fnc-btn-wide",
+        title: t3.chartType,
+        "aria-label": t3.chartType,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        onClick: () => setOpen(!open),
+        children: [
+          /* @__PURE__ */ a2(current.icon, {}),
+          /* @__PURE__ */ a2(ChevronDownIcon, {})
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ a2("div", { class: "fnc-menu", role: "menu", children: TYPES.map(({ type, label, icon: Icon2 }) => /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-menu-item",
+        role: "menuitemradio",
+        "aria-checked": type === s3.chartType,
+        onClick: () => choose(type),
+        children: [
+          /* @__PURE__ */ a2(Icon2, {}),
+          /* @__PURE__ */ a2("span", { children: t3[label] })
+        ]
+      }
+    )) })
+  ] });
+}
+
+// src/components/indicator-dialogs.tsx
+import {
+  INDICATORS,
+  maLines,
+  PRICE_SOURCES,
+  SERIES_COLORS
+} from "@funnest/charts";
+
+// src/components/settings-dialog.tsx
+import { DEFAULT_CHART_SETTINGS } from "@funnest/charts";
+function toHex(color) {
+  const ctx = document.createElement("canvas").getContext("2d");
+  if (!ctx) return "#000000";
+  ctx.fillStyle = "#000000";
+  ctx.fillStyle = color;
+  return ctx.fillStyle.startsWith("#") ? ctx.fillStyle : "#000000";
+}
+var SECTIONS = [
+  {
+    title: "settingsDisplay",
+    toggles: [
+      { key: "highLowMarkers", label: "settingHighLow" },
+      { key: "lastPriceLine", label: "settingLastPrice" },
+      { key: "volume", label: "settingVolume" }
+    ]
+  },
+  {
+    title: "settingsGrid",
+    toggles: [
+      { key: "gridHorizontal", label: "settingGridH" },
+      { key: "gridVertical", label: "settingGridV" }
+    ]
+  }
+];
+function SettingsDialog({ ctx }) {
+  const { locale } = useStore(ctx.store);
+  const t3 = STRINGS[locale];
+  const [settings, setSettings] = d2(ctx.chart.settings);
+  A2(() => ctx.chart.on("settingsChange", setSettings), [ctx.chart]);
+  const close = () => ctx.store.set({ dialog: null });
+  const set = (patch) => ctx.chart.setSettings(patch);
+  const themeColor = (name) => toHex(getComputedStyle(ctx.root).getPropertyValue(name).trim());
+  return /* @__PURE__ */ a2("div", { class: "fnc-backdrop", onPointerDown: (e3) => e3.target === e3.currentTarget && close(), children: /* @__PURE__ */ a2("div", { class: "fnc-dialog", role: "dialog", "aria-modal": "true", "aria-label": t3.chartSettings, onKeyDown: (e3) => e3.key === "Escape" && close(), children: [
+    /* @__PURE__ */ a2("div", { class: "fnc-dialog-head", children: [
+      /* @__PURE__ */ a2("b", { children: t3.chartSettings }),
+      /* @__PURE__ */ a2("button", { class: "fnc-btn", "aria-label": t3.close, onClick: close, children: /* @__PURE__ */ a2(CloseIcon, {}) })
+    ] }),
+    /* @__PURE__ */ a2("form", { class: "fnc-form", onSubmit: (e3) => (e3.preventDefault(), close()), children: [
+      /* @__PURE__ */ a2("div", { class: "fnc-section", children: t3.settingsCandles }),
+      ["upColor", "downColor"].map((key) => /* @__PURE__ */ a2("label", { class: "fnc-row", children: [
+        /* @__PURE__ */ a2("span", { class: "fnc-row-label fnc-row-label-wide", children: key === "upColor" ? t3.settingUpColor : t3.settingDownColor }),
+        /* @__PURE__ */ a2(
+          "input",
+          {
+            type: "color",
+            class: "fnc-color",
+            value: settings[key] ?? themeColor(key === "upColor" ? "--fnc-up" : "--fnc-down"),
+            onInput: (e3) => set({ [key]: e3.currentTarget.value })
+          }
+        ),
+        settings[key] && /* @__PURE__ */ a2("button", { type: "button", class: "fnc-link", onClick: () => set({ [key]: null }), children: t3.followTheme })
+      ] })),
+      SECTIONS.map((section) => /* @__PURE__ */ a2($, { children: [
+        /* @__PURE__ */ a2("div", { class: "fnc-section", children: t3[section.title] }),
+        section.toggles.map(({ key, label }) => /* @__PURE__ */ a2("label", { class: "fnc-row fnc-toggle-row", children: [
+          /* @__PURE__ */ a2("span", { children: t3[label] }),
+          /* @__PURE__ */ a2(
+            "input",
+            {
+              type: "checkbox",
+              role: "switch",
+              class: "fnc-switch",
+              checked: settings[key],
+              onChange: (e3) => set({ [key]: e3.currentTarget.checked })
+            }
+          )
+        ] }))
+      ] })),
+      /* @__PURE__ */ a2("div", { class: "fnc-form-actions", children: [
+        /* @__PURE__ */ a2("button", { type: "button", class: "fnc-action fnc-action-danger", onClick: () => ctx.chart.setSettings(DEFAULT_CHART_SETTINGS), children: t3.resetDefaults }),
+        /* @__PURE__ */ a2("button", { type: "submit", class: "fnc-action fnc-action-primary", children: t3.done })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/indicator-dialogs.tsx
+function Dialog({ title, onClose, children, wide }) {
+  const ref = T2(null);
+  A2(() => {
+    ref.current?.querySelector("input, button.fnc-sr-row")?.focus();
+  }, []);
+  return /* @__PURE__ */ a2("div", { class: "fnc-backdrop", onPointerDown: (e3) => e3.target === e3.currentTarget && onClose(), children: /* @__PURE__ */ a2(
+    "div",
+    {
+      class: wide ? "fnc-dialog fnc-dialog-wide" : "fnc-dialog",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": title,
+      ref,
+      onKeyDown: (e3) => e3.key === "Escape" && onClose(),
+      children: [
+        /* @__PURE__ */ a2("div", { class: "fnc-dialog-head", children: [
+          /* @__PURE__ */ a2("b", { children: title }),
+          /* @__PURE__ */ a2("button", { class: "fnc-btn", "aria-label": "close", onClick: onClose, children: /* @__PURE__ */ a2(CloseIcon, {}) })
+        ] }),
+        children
+      ]
+    }
+  ) });
+}
+function IndicatorPicker({ ctx }) {
+  const { locale } = useStore(ctx.store);
+  const t3 = STRINGS[locale];
+  const close = () => ctx.store.set({ dialog: null });
+  const add = (type) => {
+    ctx.chart.addIndicator(type);
+    close();
+  };
+  const groups = [
+    [locale === "ko" ? "\uAC00\uACA9 \uCC28\uD2B8\uC5D0 \uD45C\uC2DC" : "On price", ["ma", "ema", "bb"]],
+    [locale === "ko" ? "\uC544\uB798 \uC601\uC5ED\uC5D0 \uD45C\uC2DC" : "Separate pane", ["rsi", "macd"]]
+  ];
+  return /* @__PURE__ */ a2(Dialog, { title: t3.addIndicator, onClose: close, children: /* @__PURE__ */ a2("div", { class: "fnc-sr-list fnc-scroll", children: groups.map(([label, types]) => /* @__PURE__ */ a2($, { children: [
+    /* @__PURE__ */ a2("div", { class: "fnc-sr-section", children: label }),
+    types.map((type) => {
+      const def = INDICATORS[type];
+      return /* @__PURE__ */ a2("button", { class: "fnc-sr-row", onClick: () => add(type), children: /* @__PURE__ */ a2("span", { class: "fnc-sr-main", children: [
+        /* @__PURE__ */ a2("span", { class: "fnc-sr-name", children: def.name[locale] }),
+        /* @__PURE__ */ a2("span", { class: "fnc-sr-meta", children: def.description[locale] })
+      ] }) });
+    })
+  ] })) }) });
+}
+var WIDTHS = [1, 2, 3, 4];
+function defaultSeries(type, params) {
+  return INDICATORS[type].compute([], params).series.filter((s3) => s3.kind === "line");
+}
+function StyleControls({
+  t: t3,
+  row,
+  onChange
+}) {
+  return /* @__PURE__ */ a2($, { children: [
+    /* @__PURE__ */ a2(
+      "input",
+      {
+        type: "checkbox",
+        class: "fnc-check",
+        checked: row.visible,
+        "aria-label": row.visible ? t3.hide : t3.show,
+        onChange: (e3) => onChange({ visible: e3.currentTarget.checked })
+      }
+    ),
+    /* @__PURE__ */ a2(
+      "input",
+      {
+        type: "color",
+        class: "fnc-color",
+        value: row.color,
+        "aria-label": t3.color,
+        onInput: (e3) => onChange({ color: e3.currentTarget.value })
+      }
+    ),
+    /* @__PURE__ */ a2("select", { class: "fnc-select fnc-select-width", value: row.width, "aria-label": t3.lineWidth, onChange: (e3) => onChange({ width: Number(e3.currentTarget.value) }), children: WIDTHS.map((w3) => /* @__PURE__ */ a2("option", { value: w3, children: [
+      w3,
+      "px"
+    ] })) })
+  ] });
+}
+function SourceSelect({ value, locale, label, onChange }) {
+  return /* @__PURE__ */ a2("select", { class: "fnc-select fnc-select-source", value, "aria-label": label, onChange: (e3) => onChange(e3.currentTarget.value), children: PRICE_SOURCES.map((s3) => /* @__PURE__ */ a2("option", { value: s3.value, children: s3.label[locale] })) });
+}
+function IndicatorSettings({ ctx, id }) {
+  const { locale, indicators } = useStore(ctx.store);
+  const t3 = STRINGS[locale];
+  const config = indicators.find((c3) => c3.id === id);
+  const def = config ? INDICATORS[config.type] : null;
+  const hasLines = !!def?.params.some((p3) => p3.kind === "lines");
+  const [lines, setLines] = d2(() => {
+    if (!config || !hasLines) return [];
+    const defaults = defaultSeries(config.type, config.params);
+    return maLines(config.params).map((l3, i3) => {
+      const style = config.styles?.[`l${i3}`];
+      return {
+        period: String(l3.period),
+        source: l3.source,
+        color: style?.color ?? defaults[i3]?.color ?? SERIES_COLORS[i3 % SERIES_COLORS.length],
+        width: style?.width ?? defaults[i3]?.width ?? 1,
+        visible: style?.visible ?? true
+      };
+    });
+  });
+  const [values, setValues] = d2(
+    () => Object.fromEntries(Object.entries(config?.params ?? {}).filter(([, v3]) => !Array.isArray(v3)).map(([k2, v3]) => [k2, String(v3)]))
+  );
+  const [styles, setStyles] = d2(() => {
+    if (!config || hasLines) return [];
+    return defaultSeries(config.type, config.params).map((s3) => {
+      const style = config.styles?.[s3.key];
+      return { key: s3.key, label: s3.label, color: style?.color ?? s3.color, width: style?.width ?? s3.width, visible: style?.visible ?? true };
+    });
+  });
+  const close = () => ctx.store.set({ dialog: null });
+  if (!config || !def) return null;
+  const updateLine = (i3, patch) => setLines(lines.map((l3, j2) => j2 === i3 ? { ...l3, ...patch } : l3));
+  const addLine = () => {
+    const i3 = lines.length;
+    const last = lines[i3 - 1];
+    setLines([
+      ...lines,
+      {
+        period: String(last ? Number(last.period) * 2 || 10 : 5),
+        source: "close",
+        color: SERIES_COLORS[i3 % SERIES_COLORS.length],
+        width: 1,
+        visible: true
+      }
+    ]);
+  };
+  const apply = (e3) => {
+    e3.preventDefault();
+    const params = {};
+    const nextStyles = {};
+    for (const spec of def.params) {
+      const clamp = (n2) => Math.min(spec.max ?? Infinity, Math.max(spec.min ?? -Infinity, n2));
+      if (spec.kind === "lines") {
+        const valid = lines.filter((l3) => Number(l3.period) > 0);
+        params[spec.key] = valid.map((l3) => ({ period: clamp(Math.round(Number(l3.period))), source: l3.source }));
+        valid.forEach((l3, i3) => nextStyles[`l${i3}`] = { color: l3.color, width: l3.width, visible: l3.visible });
+      } else if (spec.kind === "source") {
+        params[spec.key] = values[spec.key] ?? "close";
+      } else {
+        const n2 = Number(values[spec.key]);
+        if (Number.isFinite(n2)) params[spec.key] = clamp(n2);
+      }
+    }
+    for (const s3 of styles) nextStyles[s3.key] = { color: s3.color, width: s3.width, visible: s3.visible };
+    ctx.chart.updateIndicator(id, { params, styles: nextStyles });
+    close();
+  };
+  return /* @__PURE__ */ a2(Dialog, { title: `${def.name[locale]} \xB7 ${t3.indicatorSettings}`, onClose: close, wide: true, children: /* @__PURE__ */ a2("form", { class: "fnc-form", onSubmit: apply, children: [
+    hasLines ? /* @__PURE__ */ a2("div", { class: "fnc-rows", children: [
+      lines.map((l3, i3) => /* @__PURE__ */ a2("div", { class: "fnc-row", children: [
+        /* @__PURE__ */ a2("span", { class: "fnc-row-label", children: [
+          t3.period,
+          i3 + 1
+        ] }),
+        /* @__PURE__ */ a2(StyleControls, { t: t3, row: l3, onChange: (p3) => updateLine(i3, p3) }),
+        /* @__PURE__ */ a2(SourceSelect, { value: l3.source, locale, label: t3.source, onChange: (source) => updateLine(i3, { source }) }),
+        /* @__PURE__ */ a2(
+          "input",
+          {
+            class: "fnc-input fnc-input-period",
+            inputMode: "numeric",
+            value: l3.period,
+            "aria-label": `${t3.period}${i3 + 1}`,
+            onInput: (e3) => updateLine(i3, { period: e3.currentTarget.value.replace(/\D/g, "") })
+          }
+        ),
+        /* @__PURE__ */ a2("button", { type: "button", class: "fnc-ind-btn", "aria-label": t3.removePeriod, title: t3.removePeriod, onClick: () => setLines(lines.filter((_3, j2) => j2 !== i3)), children: /* @__PURE__ */ a2(SmallCloseIcon, {}) })
+      ] })),
+      /* @__PURE__ */ a2("button", { type: "button", class: "fnc-add-row", onClick: addLine, children: [
+        "+ ",
+        t3.addPeriod
+      ] })
+    ] }) : /* @__PURE__ */ a2($, { children: [
+      /* @__PURE__ */ a2("div", { class: "fnc-section", children: t3.inputs }),
+      def.params.map((spec) => /* @__PURE__ */ a2("div", { class: "fnc-row", children: [
+        /* @__PURE__ */ a2("span", { class: "fnc-row-label fnc-row-label-wide", children: spec.label[locale] }),
+        spec.kind === "source" ? /* @__PURE__ */ a2(
+          SourceSelect,
+          {
+            value: values[spec.key] ?? "close",
+            locale,
+            label: spec.label[locale],
+            onChange: (v3) => setValues({ ...values, [spec.key]: v3 })
+          }
+        ) : /* @__PURE__ */ a2(
+          "input",
+          {
+            class: "fnc-input",
+            inputMode: "decimal",
+            value: values[spec.key] ?? "",
+            "aria-label": spec.label[locale],
+            onInput: (e3) => setValues({ ...values, [spec.key]: e3.currentTarget.value })
+          }
+        )
+      ] })),
+      styles.length > 0 && /* @__PURE__ */ a2("div", { class: "fnc-section", children: t3.style }),
+      styles.map((row, i3) => /* @__PURE__ */ a2("div", { class: "fnc-row", children: [
+        /* @__PURE__ */ a2("span", { class: "fnc-row-label fnc-row-label-wide", children: row.label }),
+        /* @__PURE__ */ a2(StyleControls, { t: t3, row, onChange: (p3) => setStyles(styles.map((s3, j2) => j2 === i3 ? { ...s3, ...p3 } : s3)) })
+      ] }))
+    ] }),
+    /* @__PURE__ */ a2("div", { class: "fnc-form-actions", children: [
+      /* @__PURE__ */ a2(
+        "button",
+        {
+          type: "button",
+          class: "fnc-action fnc-action-danger",
+          onClick: () => {
+            ctx.chart.removeIndicator(id);
+            close();
+          },
+          children: t3.remove
+        }
+      ),
+      /* @__PURE__ */ a2("button", { type: "button", class: "fnc-action", onClick: close, children: t3.cancel }),
+      /* @__PURE__ */ a2("button", { type: "submit", class: "fnc-action fnc-action-primary", children: t3.apply })
+    ] })
+  ] }) });
+}
+function Dialogs({ ctx }) {
+  const { dialog } = useStore(ctx.store);
+  if (dialog?.kind === "indicators") return /* @__PURE__ */ a2(IndicatorPicker, { ctx });
+  if (dialog?.kind === "indicatorSettings") return /* @__PURE__ */ a2(IndicatorSettings, { ctx, id: dialog.id });
+  if (dialog?.kind === "chartSettings") return /* @__PURE__ */ a2(SettingsDialog, { ctx });
+  return null;
+}
+
+// src/components/interval-picker.tsx
+var GROUP_LABEL = {
+  minutes: "intervalMinutes",
+  hours: "intervalHours",
+  days: "intervalDays"
+};
+function IntervalPicker({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const [open, setOpen] = d2(false);
+  const ref = T2(null);
+  A2(() => {
+    if (!open) return;
+    const onDown = (e3) => !ref.current?.contains(e3.target) && setOpen(false);
+    const onKey = (e3) => e3.key === "Escape" && setOpen(false);
+    document.addEventListener("pointerdown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("pointerdown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const supported = s3.symbol?.supportedResolutions;
+  const isSupported = (r3) => !supported || supported.includes(r3);
+  const order = ctx.intervalGroups.flatMap((g3) => g3.intervals);
+  const favorites = [...s3.favoriteIntervals].sort((a4, b) => order.indexOf(a4) - order.indexOf(b));
+  const select = (r3) => {
+    setOpen(false);
+    ctx.selectResolution(r3);
+  };
+  return /* @__PURE__ */ a2("div", { class: "fnc-interval-picker", ref, children: [
+    /* @__PURE__ */ a2("div", { class: "fnc-intervals", children: favorites.map((r3) => /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-chip",
+        "aria-pressed": r3 === s3.resolution,
+        disabled: !isSupported(r3),
+        title: isSupported(r3) ? resolutionLabel(r3, s3.locale, "long") : t3.unsupportedInterval,
+        onClick: () => select(r3),
+        children: resolutionLabel(r3, s3.locale)
+      }
+    )) }),
+    /* @__PURE__ */ a2(
+      "button",
+      {
+        class: `fnc-btn fnc-btn-wide fnc-interval-trigger${favorites.includes(s3.resolution) ? "" : " fnc-interval-trigger-active"}`,
+        title: t3.moreIntervals,
+        "aria-label": t3.moreIntervals,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        onClick: () => setOpen(!open),
+        children: [
+          /* @__PURE__ */ a2("b", { class: "fnc-interval-current", children: resolutionLabel(s3.resolution, s3.locale) }),
+          /* @__PURE__ */ a2(ChevronDownIcon, {})
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ a2("div", { class: "fnc-menu fnc-interval-menu", role: "menu", children: ctx.intervalGroups.map((group) => /* @__PURE__ */ a2("div", { class: "fnc-menu-group", role: "group", "aria-label": t3[GROUP_LABEL[group.id]], children: [
+      /* @__PURE__ */ a2("div", { class: "fnc-menu-title", children: t3[GROUP_LABEL[group.id]] }),
+      group.intervals.map((r3) => {
+        const favorite = s3.favoriteIntervals.includes(r3);
+        const ok = isSupported(r3);
+        return /* @__PURE__ */ a2("div", { class: `fnc-menu-row${favorite ? " is-favorite" : ""}`, children: [
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-menu-item",
+              role: "menuitemradio",
+              "aria-checked": r3 === s3.resolution,
+              disabled: !ok,
+              title: ok ? void 0 : t3.unsupportedInterval,
+              onClick: () => select(r3),
+              children: resolutionLabel(r3, s3.locale, "long")
+            }
+          ),
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-star",
+              "aria-pressed": favorite,
+              "aria-label": `${resolutionLabel(r3, s3.locale, "long")} ${favorite ? t3.removeFavorite : t3.addFavorite}`,
+              title: favorite ? t3.removeFavorite : t3.addFavorite,
+              onClick: () => ctx.toggleFavoriteInterval(r3),
+              children: /* @__PURE__ */ a2(StarIcon, { filled: favorite })
+            }
+          )
+        ] });
+      })
+    ] })) })
+  ] });
+}
+
+// src/components/slot.tsx
+function Slot({ el }) {
+  const ref = T2(null);
+  F2(() => {
+    ref.current?.appendChild(el);
+    return () => el.remove();
+  }, [el]);
+  return /* @__PURE__ */ a2("div", { class: "fnc-slot-host", ref });
+}
+
+// src/components/symbol-search.tsx
+import { formatPrice as formatPrice2 } from "@funnest/charts";
+var DEBOUNCE_MS = 150;
+var RECENT_KEY = "recent-symbols";
+var FAVORITE_KEY = "favorite-symbols";
+var MAX_RECENT = 8;
+var displayCode = (symbol) => symbol.slice(symbol.lastIndexOf(":") + 1);
+var toStored = (info) => JSON.parse(JSON.stringify({ ...info, tickSize: 0, price: void 0, changePercent: void 0, sparkline: void 0 }));
+function Highlight({ text, query }) {
+  const q2 = query.trim();
+  if (!q2) return /* @__PURE__ */ a2($, { children: text });
+  const parts = [];
+  const lower = text.toLowerCase();
+  const needle = q2.toLowerCase();
+  let i3 = 0;
+  for (let at = lower.indexOf(needle); at >= 0; at = lower.indexOf(needle, i3)) {
+    if (at > i3) parts.push(text.slice(i3, at));
+    parts.push(/* @__PURE__ */ a2("mark", { children: text.slice(at, at + q2.length) }));
+    i3 = at + q2.length;
+  }
+  parts.push(text.slice(i3));
+  return /* @__PURE__ */ a2($, { children: parts });
+}
+function Sparkline({ values, up }) {
+  if (values.length < 2) return null;
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const w3 = 72;
+  const h3 = 24;
+  const points = values.map((v3, i3) => `${(i3 / (values.length - 1) * w3).toFixed(1)},${(h3 - 2 - (v3 - min) / (max - min || 1) * (h3 - 4)).toFixed(1)}`).join(" ");
+  return /* @__PURE__ */ a2("svg", { class: `fnc-sr-spark ${up ? "fnc-up" : "fnc-down"}`, width: w3, height: h3, viewBox: `0 0 ${w3} ${h3}`, "aria-hidden": "true", children: /* @__PURE__ */ a2("polyline", { points, fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }) });
+}
+function SymbolSearch({ ctx }) {
+  const { locale, symbol: current } = useStore(ctx.store);
+  const t3 = STRINGS[locale];
+  const [query, setQuery] = d2("");
+  const [category, setCategory] = d2(ctx.searchCategories[0]?.id ?? "all");
+  const [view, setView] = d2({ kind: "all" });
+  const [exchange, setExchange] = d2(null);
+  const [results, setResults] = d2(null);
+  const [loading, setLoading] = d2(true);
+  const [recent, setRecent] = d2(() => ctx.storage.get(RECENT_KEY, []));
+  const [favorites, setFavorites] = d2(() => ctx.storage.get(FAVORITE_KEY, []));
+  const [active, setActive] = d2(0);
+  const inputRef = T2(null);
+  const listRef = T2(null);
+  A2(() => inputRef.current?.focus(), []);
+  A2(() => {
+    let alive = true;
+    setLoading(true);
+    const id = setTimeout(() => {
+      ctx.datafeed.searchSymbols?.(query.trim()).then((items) => alive && setResults(items)).catch(() => alive && setResults([])).finally(() => alive && setLoading(false));
+    }, DEBOUNCE_MS);
+    return () => {
+      alive = false;
+      clearTimeout(id);
+    };
+  }, [query]);
+  const matchCategory = ctx.searchCategories.find((c3) => c3.id === category)?.match ?? (() => true);
+  const categoryOf = (info) => ctx.searchCategories.find((c3) => c3.id !== "all" && c3.match(info));
+  const isFavorite = (info) => favorites.some((f4) => f4.symbol === info.symbol);
+  const filter = (list) => list.filter((i3) => matchCategory(i3) && (!exchange || i3.exchange === exchange));
+  const exchanges = w2(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const r3 of results ?? []) if (matchCategory(r3)) counts.set(r3.exchange, (counts.get(r3.exchange) ?? 0) + 1);
+    return [...counts.entries()].sort((a4, b) => b[1] - a4[1]);
+  }, [results, category]);
+  const q2 = query.trim().toLowerCase();
+  const favoriteRows = filter(favorites).filter((f4) => !q2 || f4.name.toLowerCase().includes(q2) || f4.symbol.toLowerCase().includes(q2));
+  const showRecent = view.kind === "all" && !q2 && recent.length > 0;
+  const recentRows = showRecent ? filter(recent) : [];
+  const resultRows = view.kind === "favorites" ? favoriteRows : filter(results ?? []);
+  const rows = [...recentRows, ...resultRows];
+  A2(() => setActive(0), [query, category, exchange, view, results]);
+  A2(() => {
+    listRef.current?.querySelector(`[data-index="${active}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [active]);
+  const close = () => ctx.setSearchOpen(false);
+  const save = (key, next, set) => {
+    set(next);
+    ctx.storage.set(key, next);
+  };
+  const toggleFavorite = (info) => save(FAVORITE_KEY, isFavorite(info) ? favorites.filter((f4) => f4.symbol !== info.symbol) : [...favorites, toStored(info)], setFavorites);
+  const choose = (info) => {
+    if (!info) return;
+    save(RECENT_KEY, [toStored(info), ...recent.filter((r3) => r3.symbol !== info.symbol)].slice(0, MAX_RECENT), setRecent);
+    close();
+    ctx.selectSymbol(info.symbol);
+  };
+  const onKeyDown = (e3) => {
+    const count = rows.length;
+    if (e3.key === "Escape") close();
+    else if (e3.key === "ArrowDown" && count) setActive((a4) => (a4 + 1) % count);
+    else if (e3.key === "ArrowUp" && count) setActive((a4) => (a4 - 1 + count) % count);
+    else if (e3.key === "Enter") choose(rows[active]);
+    else if (e3.key === "Backspace" && !query && exchange) setExchange(null);
+    else return;
+    e3.preventDefault();
+  };
+  const row = (info, index, isRecent) => {
+    const cat = categoryOf(info);
+    const fav = isFavorite(info);
+    const change = info.changePercent ?? 0;
+    const up = change >= 0;
+    const trend = change > 0 ? "fnc-up" : change < 0 ? "fnc-down" : "fnc-flat";
+    return /* @__PURE__ */ a2(
+      "div",
+      {
+        class: "fnc-sr-row",
+        role: "option",
+        "aria-selected": index === active,
+        "data-index": index,
+        onPointerMove: () => setActive(index),
+        onClick: () => choose(info),
+        children: [
+          /* @__PURE__ */ a2(
+            "button",
+            {
+              class: `fnc-sr-star${fav ? " is-on" : ""}`,
+              "aria-pressed": fav,
+              "aria-label": `${info.name} ${fav ? t3.removeFavorite : t3.addFavorite}`,
+              title: fav ? t3.removeFavorite : t3.addFavorite,
+              onClick: (e3) => {
+                e3.stopPropagation();
+                toggleFavorite(info);
+              },
+              children: /* @__PURE__ */ a2(StarIcon, { filled: fav })
+            }
+          ),
+          ctx.showLogo && /* @__PURE__ */ a2(SymbolAvatar, { info, size: 32 }),
+          /* @__PURE__ */ a2("span", { class: "fnc-sr-main", children: [
+            /* @__PURE__ */ a2("span", { class: "fnc-sr-name", children: [
+              /* @__PURE__ */ a2(Highlight, { text: info.name, query }),
+              current?.symbol === info.symbol && /* @__PURE__ */ a2("span", { class: "fnc-sr-current", children: t3.current })
+            ] }),
+            /* @__PURE__ */ a2("span", { class: "fnc-sr-meta", children: [
+              /* @__PURE__ */ a2(Highlight, { text: displayCode(info.symbol), query }),
+              " \xB7 ",
+              info.exchange,
+              cat && ` \xB7 ${cat.label[locale]}`
+            ] })
+          ] }),
+          info.sparkline && /* @__PURE__ */ a2(Sparkline, { values: info.sparkline, up }),
+          info.price !== void 0 && /* @__PURE__ */ a2("span", { class: "fnc-sr-quote", children: [
+            /* @__PURE__ */ a2("b", { children: formatPrice2(info.price, info.pricePrecision) }),
+            info.changePercent !== void 0 && /* @__PURE__ */ a2("span", { class: trend, children: [
+              change > 0 ? "\u2191 " : change < 0 ? "\u2193 " : "",
+              Math.abs(info.changePercent).toFixed(2),
+              "%"
+            ] })
+          ] }),
+          isRecent && /* @__PURE__ */ a2(
+            "button",
+            {
+              class: "fnc-ind-btn",
+              "aria-label": `${info.name} ${t3.removeRecent}`,
+              title: t3.removeRecent,
+              onClick: (e3) => {
+                e3.stopPropagation();
+                save(RECENT_KEY, recent.filter((r3) => r3.symbol !== info.symbol), setRecent);
+              },
+              children: /* @__PURE__ */ a2(SmallCloseIcon, {})
+            }
+          )
+        ]
+      }
+    );
+  };
+  const sideItem = (label, selected, onClick, extra) => /* @__PURE__ */ a2("button", { class: "fnc-sr-side-item", "aria-pressed": selected, onClick, children: [
+    /* @__PURE__ */ a2("span", { children: label }),
+    extra
+  ] });
+  return /* @__PURE__ */ a2("div", { class: "fnc-backdrop", onPointerDown: (e3) => e3.target === e3.currentTarget && close(), children: /* @__PURE__ */ a2("div", { class: "fnc-dialog fnc-search-dialog", role: "dialog", "aria-modal": "true", "aria-label": t3.searchSymbol, onKeyDown, children: [
+    /* @__PURE__ */ a2("div", { class: "fnc-search", children: [
+      /* @__PURE__ */ a2(SearchIcon, {}),
+      exchange && /* @__PURE__ */ a2("span", { class: "fnc-chip-token", children: [
+        exchange,
+        /* @__PURE__ */ a2("button", { "aria-label": `${exchange} ${t3.cancel}`, onClick: () => setExchange(null), children: /* @__PURE__ */ a2(SmallCloseIcon, {}) })
+      ] }),
+      /* @__PURE__ */ a2(
+        "input",
+        {
+          ref: inputRef,
+          value: query,
+          placeholder: t3.searchPlaceholder,
+          role: "combobox",
+          "aria-expanded": "true",
+          "aria-controls": "fnc-search-results",
+          autocomplete: "off",
+          spellcheck: false,
+          onInput: (e3) => setQuery(e3.currentTarget.value)
+        }
+      ),
+      query && /* @__PURE__ */ a2("button", { class: "fnc-ind-btn", "aria-label": t3.cancel, onClick: () => (setQuery(""), inputRef.current?.focus()), children: /* @__PURE__ */ a2(SmallCloseIcon, {}) }),
+      /* @__PURE__ */ a2("kbd", { class: "fnc-kbd fnc-hide-mobile", children: "ESC" })
+    ] }),
+    /* @__PURE__ */ a2("div", { class: "fnc-tabs", role: "tablist", children: ctx.searchCategories.map((c3) => /* @__PURE__ */ a2("button", { class: "fnc-tab", role: "tab", "aria-selected": c3.id === category, onClick: () => setCategory(c3.id), children: c3.label[locale] })) }),
+    /* @__PURE__ */ a2("div", { class: "fnc-sr-body", children: [
+      /* @__PURE__ */ a2("nav", { class: "fnc-sr-side fnc-scroll", "aria-label": t3.searchSymbol, children: [
+        /* @__PURE__ */ a2("div", { class: "fnc-sr-side-title", children: t3.browse }),
+        sideItem(t3.allSymbols, view.kind === "all" && !exchange, () => (setView({ kind: "all" }), setExchange(null))),
+        sideItem(t3.favorites, view.kind === "favorites", () => (setView({ kind: "favorites" }), setExchange(null)), /* @__PURE__ */ a2("em", { children: favorites.length || "" })),
+        exchanges.length > 0 && /* @__PURE__ */ a2("div", { class: "fnc-sr-side-title", children: t3.exchanges }),
+        exchanges.map(
+          ([name, count]) => sideItem(name, exchange === name, () => (setView({ kind: "all" }), setExchange(exchange === name ? null : name)), /* @__PURE__ */ a2("em", { children: count }))
+        )
+      ] }),
+      /* @__PURE__ */ a2("div", { class: "fnc-sr-list fnc-scroll", id: "fnc-search-results", role: "listbox", ref: listRef, children: [
+        recentRows.length > 0 && /* @__PURE__ */ a2("div", { class: "fnc-sr-section", children: [
+          /* @__PURE__ */ a2("span", { children: t3.recentSearches }),
+          /* @__PURE__ */ a2("button", { class: "fnc-link", onClick: () => save(RECENT_KEY, [], setRecent), children: t3.clearRecent })
+        ] }),
+        recentRows.map((info, i3) => row(info, i3, true)),
+        (recentRows.length > 0 || view.kind === "favorites") && /* @__PURE__ */ a2("div", { class: "fnc-sr-section", children: view.kind === "favorites" ? t3.favorites : t3.symbols }),
+        loading && !results && view.kind === "all" ? Array.from({ length: 6 }, () => /* @__PURE__ */ a2("div", { class: "fnc-sr-skeleton", "aria-hidden": "true" })) : resultRows.map((info, i3) => row(info, recentRows.length + i3, false)),
+        !loading && rows.length === 0 && /* @__PURE__ */ a2("div", { class: "fnc-empty", children: view.kind === "favorites" && favorites.length === 0 ? t3.noFavorites : t3.noResults })
+      ] })
+    ] }),
+    /* @__PURE__ */ a2("div", { class: "fnc-sr-footer", children: [
+      /* @__PURE__ */ a2("span", { children: [
+        /* @__PURE__ */ a2("kbd", { class: "fnc-kbd", children: "\u2191\u2193" }),
+        " ",
+        t3.navigate
+      ] }),
+      /* @__PURE__ */ a2("span", { children: [
+        /* @__PURE__ */ a2("kbd", { class: "fnc-kbd", children: "\u21B5" }),
+        " ",
+        t3.openAction
+      ] }),
+      /* @__PURE__ */ a2("span", { children: [
+        /* @__PURE__ */ a2("kbd", { class: "fnc-kbd", children: "ESC" }),
+        " ",
+        t3.close
+      ] }),
+      /* @__PURE__ */ a2("span", { class: "fnc-spacer" }),
+      /* @__PURE__ */ a2("span", { children: [
+        /* @__PURE__ */ a2("kbd", { class: "fnc-kbd", children: [
+          /Mac|iPhone|iPad/.test(navigator.platform) ? "\u2318" : "Ctrl",
+          " + K"
+        ] }),
+        " ",
+        t3.searchSymbol
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/toolbar.tsx
+function Toolbar({ ctx }) {
+  const s3 = useStore(ctx.store);
+  const t3 = STRINGS[s3.locale];
+  const canSearch = typeof ctx.datafeed.searchSymbols === "function";
+  return /* @__PURE__ */ a2("div", { class: "fnc-toolbar", role: "toolbar", children: [
+    /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-symbol",
+        disabled: !canSearch,
+        title: canSearch ? t3.searchSymbol : void 0,
+        "aria-haspopup": "dialog",
+        onClick: () => ctx.setSearchOpen(true),
+        children: [
+          ctx.showLogo && s3.symbol ? /* @__PURE__ */ a2(SymbolAvatar, { info: s3.symbol, size: 24 }) : canSearch && /* @__PURE__ */ a2("span", { class: "fnc-icon", children: /* @__PURE__ */ a2(SearchIcon, {}) }),
+          /* @__PURE__ */ a2("span", { class: "fnc-symbol-name", children: s3.symbol?.name ?? "\u2014" }),
+          canSearch && ctx.showLogo && /* @__PURE__ */ a2("span", { class: "fnc-icon", children: /* @__PURE__ */ a2(ChevronDownIcon, {}) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a2("div", { class: "fnc-sep" }),
+    /* @__PURE__ */ a2(IntervalPicker, { ctx }),
+    /* @__PURE__ */ a2(Slot, { el: ctx.slots.toolbar }),
+    /* @__PURE__ */ a2("div", { class: "fnc-sep" }),
+    /* @__PURE__ */ a2(ChartTypeMenu, { ctx }),
+    /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-btn fnc-btn-wide fnc-btn-label",
+        title: t3.addIndicator,
+        "aria-label": t3.addIndicator,
+        "aria-haspopup": "dialog",
+        onClick: () => ctx.store.set({ dialog: { kind: "indicators" } }),
+        children: [
+          /* @__PURE__ */ a2(IndicatorIcon, {}),
+          /* @__PURE__ */ a2("span", { children: t3.indicators })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a2("div", { class: "fnc-spacer" }),
+    ctx.drawingToolbar && /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-btn fnc-btn-drawbar",
+        title: t3.drawingTools,
+        "aria-label": t3.drawingTools,
+        "aria-pressed": s3.drawbarOpen || s3.drawingTool !== null,
+        onClick: () => ctx.store.set({ drawbarOpen: !s3.drawbarOpen }),
+        children: /* @__PURE__ */ a2(PencilIcon, {})
+      }
+    ),
+    /* @__PURE__ */ a2(Slot, { el: ctx.slots.toolbarEnd }),
+    /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-btn",
+        title: t3.chartSettings,
+        "aria-label": t3.chartSettings,
+        "aria-haspopup": "dialog",
+        onClick: () => ctx.store.set({ dialog: { kind: "chartSettings" } }),
+        children: /* @__PURE__ */ a2(SettingsIcon, {})
+      }
+    ),
+    /* @__PURE__ */ a2("button", { class: "fnc-btn fnc-btn-screenshot", title: t3.screenshot, "aria-label": t3.screenshot, onClick: ctx.screenshot, children: /* @__PURE__ */ a2(CameraIcon, {}) }),
+    /* @__PURE__ */ a2(
+      "button",
+      {
+        class: "fnc-btn",
+        title: s3.fullscreen ? t3.exitFullscreen : t3.fullscreen,
+        "aria-label": s3.fullscreen ? t3.exitFullscreen : t3.fullscreen,
+        onClick: ctx.toggleFullscreen,
+        children: s3.fullscreen ? /* @__PURE__ */ a2(CollapseIcon, {}) : /* @__PURE__ */ a2(ExpandIcon, {})
+      }
+    ),
+    s3.searchOpen && canSearch && /* @__PURE__ */ a2(SymbolSearch, { ctx }),
+    /* @__PURE__ */ a2(Dialogs, { ctx })
+  ] });
+}
+
+// src/storage.ts
+function createStorage(prefix) {
+  const memory = /* @__PURE__ */ new Map();
+  const ls = (() => {
+    try {
+      return prefix && typeof localStorage !== "undefined" ? localStorage : null;
+    } catch {
+      return null;
+    }
+  })();
+  const full = (key) => `${prefix}:${key}`;
+  return {
+    get(key, fallback) {
+      try {
+        const raw = ls ? ls.getItem(full(key)) : memory.get(key) ?? null;
+        return raw === null ? fallback : JSON.parse(raw);
+      } catch {
+        return fallback;
+      }
+    },
+    set(key, value) {
+      const raw = JSON.stringify(value);
+      try {
+        if (ls) ls.setItem(full(key), raw);
+        else memory.set(key, raw);
+      } catch {
+        memory.set(key, raw);
+      }
+    }
+  };
+}
+
+// src/styles.ts
+var CSS = (
+  /* css */
+  `
+.fnc-root {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  background: var(--fnc-bg);
+  color: var(--fnc-text);
+  font-family: var(--fnc-font);
+  font-size: 14px;
+  line-height: 1.4;
+  -webkit-font-smoothing: antialiased;
+  overflow: hidden;
+}
+.fnc-root *, .fnc-root *::before, .fnc-root *::after { box-sizing: border-box; }
+.fnc-root.fnc-pseudo-fullscreen { position: fixed; inset: 0; z-index: 2147483000; }
+:where(.fnc-root) button {
+  font: inherit;
+  color: inherit;
+  background: none;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+.fnc-root button:focus-visible { outline: 2px solid var(--fnc-accent); outline-offset: 1px; }
+
+/* \u2500\u2500 Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 48px;
+  padding: 0 8px;
+  border-bottom: 1px solid var(--fnc-border);
+  flex: none;
+}
+.fnc-symbol {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  height: 36px;
+  max-width: 220px;
+  padding: 0 10px 0 8px;
+  border-radius: var(--fnc-radius);
+  font-weight: 700;
+  font-size: 15px;
+  flex: none;
+}
+.fnc-symbol .fnc-icon { color: var(--fnc-text-2); display: flex; }
+.fnc-symbol-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fnc-symbol:not(:disabled):hover, .fnc-btn:hover, .fnc-chip:hover { background: var(--fnc-surface); }
+.fnc-symbol:disabled { cursor: default; }
+.fnc-sep { width: 1px; height: 20px; background: var(--fnc-border); margin: 0 4px; flex: none; }
+.fnc-intervals {
+  display: flex;
+  gap: 2px;
+  overflow-x: auto;
+  scrollbar-width: none;
+  min-width: 0;
+}
+.fnc-intervals::-webkit-scrollbar { display: none; }
+.fnc-chip {
+  height: 32px;
+  padding: 0 10px;
+  border-radius: var(--fnc-radius);
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--fnc-text-2);
+  white-space: nowrap;
+  flex: none;
+}
+.fnc-chip[aria-pressed='true'] { color: var(--fnc-text); background: var(--fnc-surface); }
+.fnc-spacer { flex: 1; min-width: 8px; }
+.fnc-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: var(--fnc-radius);
+  color: var(--fnc-text-2);
+  flex: none;
+}
+.fnc-btn:hover { color: var(--fnc-text); }
+.fnc-btn[aria-pressed='true'] { color: var(--fnc-text); background: var(--fnc-surface); }
+.fnc-btn:disabled { opacity: 0.35; cursor: default; background: none; }
+.fnc-btn-wide { width: auto; gap: 2px; padding: 0 6px 0 8px; }
+.fnc-btn-drawbar { display: none; }
+.fnc-btn-label { font-size: 13px; font-weight: 600; gap: 4px; padding: 0 10px 0 8px; }
+
+.fnc-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  border-radius: 50%;
+  object-fit: cover;
+  font-weight: 700;
+  line-height: 1;
+  background: var(--fnc-surface);
+}
+
+/* \u2500\u2500 Menus \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-menu-wrap { position: relative; flex: none; }
+.fnc-menu {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  min-width: 140px;
+  padding: 6px;
+  border-radius: 12px;
+  background: var(--fnc-bg);
+  box-shadow: 0 8px 28px rgb(0 0 0 / 0.16), 0 0 0 1px var(--fnc-border);
+}
+.fnc-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: 36px;
+  padding: 0 10px;
+  border-radius: var(--fnc-radius);
+  font-size: 14px;
+  color: var(--fnc-text-2);
+  text-align: left;
+}
+.fnc-menu-item:hover, .fnc-menu-item[aria-checked='true'] { background: var(--fnc-surface); color: var(--fnc-text); }
+
+/* \u2500\u2500 Chart body & overlays \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-body { position: relative; display: flex; flex: 1; min-height: 0; }
+.fnc-stage { position: relative; flex: 1; min-width: 0; }
+.fnc-chart-host, .fnc-overlay { position: absolute; inset: 0; }
+
+/* \u2500\u2500 Drawing tool bar (left) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-drawbar-host { flex: none; display: flex; }
+.fnc-drawbar {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  width: 48px;
+  padding: 8px 0;
+  border-right: 1px solid var(--fnc-border);
+  background: var(--fnc-bg);
+}
+.fnc-hsep { width: 20px; height: 1px; background: var(--fnc-border); margin: 4px 0; }
+
+/* Selected drawing: floating color/delete bar */
+.fnc-selbar {
+  position: absolute;
+  top: 8px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 4px 4px 10px;
+  transform: translateX(-50%);
+  border-radius: calc(var(--fnc-radius) + 4px);
+  background: var(--fnc-bg);
+  box-shadow: 0 2px 12px rgb(0 0 0 / 0.12), 0 0 0 1px var(--fnc-border);
+  pointer-events: auto;
+}
+.fnc-swatch {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  flex: none;
+}
+.fnc-swatch[aria-pressed='true'] { box-shadow: 0 0 0 2px var(--fnc-bg), 0 0 0 4px var(--fnc-text-2); }
+.fnc-selbar .fnc-btn { width: 32px; height: 32px; }
+.fnc-overlay { pointer-events: none; }
+.fnc-overlay button { pointer-events: auto; }
+
+.fnc-legend {
+  position: absolute;
+  left: 12px;
+  top: 8px;
+  right: 80px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  font-size: 12px;
+  color: var(--fnc-text-2);
+  font-variant-numeric: tabular-nums;
+}
+.fnc-legend-title { display: flex; align-items: center; gap: 6px; font-size: 13px; }
+.fnc-legend-title b { color: var(--fnc-text); font-weight: 700; }
+.fnc-legend-values { display: flex; flex-wrap: wrap; gap: 0 10px; }
+.fnc-legend-values b { font-weight: 600; }
+/* Indicator legend rows */
+.fnc-ind {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0 8px;
+  min-height: 20px;
+  pointer-events: auto;
+  width: fit-content;
+  max-width: 100%;
+  border-radius: 6px;
+}
+.fnc-ind-title { color: var(--fnc-text-2); }
+.fnc-ind-hidden .fnc-ind-title { opacity: 0.5; text-decoration: line-through; }
+.fnc-ind-eye { margin-left: -4px; }
+.fnc-ind-hidden .fnc-ind-eye { color: var(--fnc-text-2); opacity: 0.7; }
+.fnc-ind-collapse, .fnc-ind-handle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  height: 20px;
+  margin-top: 2px;
+  border-radius: 6px;
+  color: var(--fnc-text-2);
+  pointer-events: auto;
+}
+.fnc-ind-collapse { width: 24px; margin-left: -4px; }
+.fnc-ind-collapse:hover, .fnc-ind-handle:hover { background: var(--fnc-surface); color: var(--fnc-text); }
+/* Collapsed: a small horizontal bar centered in a comfortable tap target. */
+.fnc-ind-handle { width: 40px; margin-left: -6px; }
+.fnc-ind-handle span { width: 24px; height: 4px; border-radius: 2px; background: currentColor; opacity: 0.55; }
+.fnc-ind-handle:hover span { opacity: 0.9; }
+.fnc-ind b { font-weight: 600; }
+.fnc-ind-actions { display: inline-flex; gap: 2px; opacity: 0; transition: opacity 0.12s; }
+.fnc-ind:hover .fnc-ind-actions, .fnc-ind:focus-within .fnc-ind-actions { opacity: 1; }
+.fnc-ind-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border-radius: 6px;
+  color: var(--fnc-text-2);
+}
+.fnc-ind-btn:hover { background: var(--fnc-surface); color: var(--fnc-text); }
+.fnc-ind { cursor: pointer; }
+.fnc-ind:hover .fnc-ind-title { color: var(--fnc-text); }
+/* Touch: no tiny icons; tapping the row opens settings (which can also remove). */
+@media (hover: none) { .fnc-ind-actions { display: none; } }
+.fnc-pane-legend { right: auto; }
+
+/* \u2500\u2500 Thin, quiet scrollbars for every scroll area in the widget \u2500\u2500 */
+.fnc-root .fnc-scroll, .fnc-root .fnc-menu, .fnc-root .fnc-dialog form {
+  scrollbar-width: thin;
+  scrollbar-color: var(--fnc-border) transparent;
+}
+.fnc-root ::-webkit-scrollbar { width: 10px; height: 10px; }
+.fnc-root ::-webkit-scrollbar-track { background: transparent; }
+.fnc-root ::-webkit-scrollbar-thumb {
+  background: var(--fnc-border);
+  border-radius: 10px;
+  border: 3px solid transparent;
+  background-clip: padding-box;
+}
+.fnc-root ::-webkit-scrollbar-thumb:hover { background-color: var(--fnc-text-2); }
+
+/* \u2500\u2500 Interval picker \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-interval-picker { position: relative; display: flex; align-items: center; min-width: 0; }
+.fnc-interval-trigger { gap: 2px; padding: 0 6px; }
+.fnc-interval-current { display: none; font-size: 13px; color: var(--fnc-text); }
+.fnc-interval-trigger-active { background: var(--fnc-surface); }
+.fnc-interval-trigger-active .fnc-interval-current { display: inline; }
+.fnc-chip:disabled { opacity: 0.35; cursor: default; background: none; }
+.fnc-interval-menu {
+  width: 208px;
+  max-height: min(440px, 70vh);
+  overflow-y: auto;
+  gap: 0;
+}
+.fnc-menu-group + .fnc-menu-group { border-top: 1px solid var(--fnc-border); margin-top: 4px; padding-top: 4px; }
+.fnc-menu-title { padding: 8px 10px 4px; font-size: 11px; font-weight: 700; color: var(--fnc-text-2); letter-spacing: 0.02em; }
+.fnc-menu-row { display: flex; align-items: center; border-radius: var(--fnc-radius); }
+.fnc-menu-row:hover { background: var(--fnc-surface); }
+.fnc-menu-row .fnc-menu-item { flex: 1; background: none; }
+.fnc-menu-row .fnc-menu-item[aria-checked='true'] { color: var(--fnc-accent); font-weight: 700; }
+.fnc-menu-item:disabled { opacity: 0.35; cursor: default; }
+.fnc-star {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  flex: none;
+  color: var(--fnc-text-2);
+  opacity: 0;
+  transition: opacity 0.12s, color 0.12s;
+}
+.fnc-menu-row:hover .fnc-star, .fnc-star:focus-visible { opacity: 1; }
+.fnc-star:hover { color: #FF9F0A; }
+.fnc-menu-row.is-favorite .fnc-star { opacity: 1; color: #FF9F0A; }
+@media (hover: none) { .fnc-star { opacity: 0.5; } }
+
+/* Interval buttons keep their width; host content in the toolbar slot shrinks first. */
+.fnc-interval-picker { flex: none; }
+
+/* \u2500\u2500 Slots: host-app UI inside the widget (collapse when empty) \u2500\u2500 */
+.fnc-slot:empty { display: none; }
+.fnc-slot-host { display: flex; align-self: stretch; min-width: 0; flex: 0 1 auto; }
+.fnc-slot-toolbar { position: relative; display: flex; align-items: center; min-width: 0; padding-left: 9px; margin-left: 4px; }
+.fnc-slot-toolbar::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 1px;
+  height: 20px;
+  margin-top: -10px;
+  background: var(--fnc-border);
+}
+.fnc-slot-below-toolbar, .fnc-slot-footer { flex: none; min-width: 0; }
+.fnc-slot-toolbar-end { display: flex; align-items: center; gap: 2px; flex: none; }
+
+/* \u2500\u2500 Drawing bar fold (desktop) \u2500\u2500 */
+.fnc-drawbar .fnc-spacer { flex: 1; min-height: 8px; }
+.fnc-drawbar[data-collapsed='true'] { display: none; }
+.fnc-drawbar-tab {
+  align-self: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 56px;
+  border: 1px solid var(--fnc-border);
+  border-left: 0;
+  border-radius: 0 8px 8px 0;
+  color: var(--fnc-text-2);
+  background: var(--fnc-bg);
+}
+.fnc-drawbar-tab:hover { color: var(--fnc-text); background: var(--fnc-surface); }
+
+/* \u2500\u2500 Symbol search \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-dialog.fnc-search-dialog { width: min(880px, calc(100% - 32px)); height: min(640px, 100%); max-height: none; }
+.fnc-sr-body { display: flex; flex: 1; min-height: 0; }
+.fnc-sr-side {
+  width: 196px;
+  flex: none;
+  padding: 8px;
+  border-right: 1px solid var(--fnc-border);
+  overflow-y: auto;
+}
+.fnc-sr-side-title { padding: 12px 10px 6px; font-size: 12px; font-weight: 700; color: var(--fnc-text-2); }
+.fnc-sr-side-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  height: 36px;
+  padding: 0 10px;
+  border-radius: var(--fnc-radius);
+  font-size: 14px;
+  color: var(--fnc-text);
+  text-align: left;
+}
+.fnc-sr-side-item span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fnc-sr-side-item em { font-style: normal; font-size: 12px; color: var(--fnc-text-2); }
+.fnc-sr-side-item:hover { background: var(--fnc-surface); }
+.fnc-sr-side-item[aria-pressed='true'] { background: var(--fnc-surface); font-weight: 700; }
+.fnc-chip-token {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  flex: none;
+  height: 28px;
+  padding: 0 4px 0 10px;
+  border: 1px solid var(--fnc-border);
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--fnc-text);
+}
+.fnc-chip-token button { display: flex; color: var(--fnc-text-2); }
+.fnc-chip-token button:hover { color: var(--fnc-text); }
+.fnc-kbd {
+  display: inline-flex;
+  align-items: center;
+  height: 22px;
+  padding: 0 6px;
+  border: 1px solid var(--fnc-border);
+  border-radius: 6px;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--fnc-text-2);
+  background: var(--fnc-surface);
+}
+.fnc-sr-star {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  flex: none;
+  margin-right: -4px;
+  color: var(--fnc-text-2);
+  opacity: 0.45;
+  border-radius: 6px;
+}
+.fnc-sr-star:hover { opacity: 1; color: #ff9f0a; }
+.fnc-sr-star.is-on { opacity: 1; color: #ff9f0a; }
+.fnc-sr-spark { flex: none; }
+.fnc-sr-quote { display: flex; flex-direction: column; align-items: flex-end; flex: none; min-width: 84px; line-height: 1.25; font-variant-numeric: tabular-nums; }
+.fnc-sr-quote b { font-size: 14px; font-weight: 700; }
+.fnc-sr-quote span { font-size: 12px; font-weight: 600; }
+.fnc-search mark { background: none; color: var(--fnc-accent); font-weight: 700; }
+.fnc-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--fnc-border);
+  overflow-x: auto;
+  scrollbar-width: none;
+  flex: none;
+}
+.fnc-tabs::-webkit-scrollbar { display: none; }
+.fnc-tab {
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 999px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--fnc-text-2);
+  white-space: nowrap;
+  flex: none;
+}
+.fnc-tab:hover { color: var(--fnc-text); }
+.fnc-tab[aria-selected='true'] { background: var(--fnc-text); color: var(--fnc-bg); }
+.fnc-sr-list { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 8px 8px; }
+.fnc-sr-section {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 8px 6px;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--fnc-text-2);
+}
+.fnc-link { font-size: 12px; color: var(--fnc-text-2); }
+.fnc-link:hover { color: var(--fnc-text); text-decoration: underline; }
+.fnc-sr-row {
+  width: 100%;
+  text-align: left;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-height: 56px;
+  padding: 8px;
+  border-radius: 12px;
+  cursor: pointer;
+}
+.fnc-sr-row[aria-selected='true'] { background: var(--fnc-surface); }
+.fnc-sr-main { display: flex; flex-direction: column; min-width: 0; flex: 1; }
+.fnc-sr-name { font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fnc-sr-meta { font-size: 12px; color: var(--fnc-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fnc-sr-name mark, .fnc-sr-meta mark { background: none; color: var(--fnc-accent); font-weight: 700; }
+.fnc-sr-current { margin-left: 6px; font-size: 11px; font-weight: 700; color: var(--fnc-accent); }
+.fnc-sr-skeleton {
+  height: 48px;
+  margin: 8px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, var(--fnc-surface) 0%, var(--fnc-bg) 50%, var(--fnc-surface) 100%);
+  background-size: 200% 100%;
+  animation: fnc-shimmer 1.2s ease-in-out infinite;
+}
+@keyframes fnc-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
+.fnc-sr-footer {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 10px 16px;
+  border-top: 1px solid var(--fnc-border);
+  font-size: 12px;
+  color: var(--fnc-text-2);
+  flex: none;
+}
+
+.fnc-up { color: var(--fnc-up); }
+.fnc-down { color: var(--fnc-down); }
+.fnc-flat { color: var(--fnc-text); }
+.fnc-spinner {
+  width: 12px;
+  height: 12px;
+  border: 2px solid var(--fnc-border);
+  border-top-color: var(--fnc-text-2);
+  border-radius: 50%;
+  animation: fnc-spin 0.8s linear infinite;
+}
+@keyframes fnc-spin { to { transform: rotate(360deg); } }
+
+.fnc-attribution {
+  position: absolute;
+  left: 10px;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  height: 28px;
+  padding: 0 10px 0 4px;
+  border-radius: 14px;
+  color: var(--fnc-text);
+  font-weight: 800;
+  font-size: 13px;
+  letter-spacing: -0.3px;
+  text-decoration: none;
+  pointer-events: auto;
+  opacity: 0.85;
+  transition: opacity 0.15s, background 0.15s;
+}
+.fnc-attribution:hover { opacity: 1; background: var(--fnc-bg); box-shadow: 0 0 0 1px var(--fnc-border); }
+.fnc-attribution svg { flex: none; }
+.fnc-attribution span { max-width: 0; overflow: hidden; transition: max-width 0.2s; }
+.fnc-attribution:hover span, .fnc-attribution:focus-visible span { max-width: 80px; }
+
+.fnc-nav {
+  position: absolute;
+  display: flex;
+  gap: 4px;
+  padding: 4px;
+  transform: translateX(-50%);
+  border-radius: calc(var(--fnc-radius) + 4px);
+  background: var(--fnc-bg);
+  box-shadow: 0 2px 12px rgb(0 0 0 / 0.12), 0 0 0 1px var(--fnc-border);
+  opacity: 0;
+  transition: opacity 0.15s;
+}
+.fnc-body:hover .fnc-nav, .fnc-nav:focus-within { opacity: 1; }
+.fnc-nav .fnc-btn { width: 32px; height: 32px; }
+.fnc-realtime {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: var(--fnc-bg);
+  color: var(--fnc-text);
+  box-shadow: 0 2px 12px rgb(0 0 0 / 0.12), 0 0 0 1px var(--fnc-border);
+}
+@media (hover: none) {
+  .fnc-nav { display: none; }
+}
+
+/* \u2500\u2500 Symbol search \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+.fnc-backdrop {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 24px 16px;
+  background: rgb(0 0 0 / 0.32);
+}
+.fnc-dialog {
+  display: flex;
+  flex-direction: column;
+  width: min(480px, calc(100% - 32px));
+  max-height: min(560px, 100%);
+  border-radius: 16px;
+  background: var(--fnc-bg);
+  box-shadow: 0 12px 40px rgb(0 0 0 / 0.2);
+  overflow: hidden;
+}
+.fnc-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 56px;
+  padding: 0 8px 0 16px;
+  border-bottom: 1px solid var(--fnc-border);
+  color: var(--fnc-text-2);
+}
+.fnc-search input {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--fnc-text);
+  font: inherit;
+  font-size: 16px;
+}
+.fnc-search input::placeholder { color: var(--fnc-text-2); }
+.fnc-dialog-wide { width: min(600px, calc(100% - 32px)); }
+.fnc-dialog form { overflow-y: auto; }
+.fnc-section { font-size: 12px; font-weight: 700; color: var(--fnc-text-2); margin-top: 2px; }
+.fnc-rows { display: flex; flex-direction: column; gap: 8px; }
+.fnc-row { display: flex; align-items: center; gap: 8px; min-height: 40px; }
+.fnc-row-label { width: 44px; flex: none; font-size: 13px; color: var(--fnc-text-2); white-space: nowrap; }
+.fnc-row-label-wide { width: 88px; }
+.fnc-check { width: 18px; height: 18px; flex: none; accent-color: var(--fnc-accent); margin: 0; cursor: pointer; }
+.fnc-color {
+  width: 32px;
+  height: 32px;
+  flex: none;
+  padding: 0;
+  border: 1px solid var(--fnc-border);
+  border-radius: var(--fnc-radius);
+  background: none;
+  cursor: pointer;
+}
+.fnc-color::-webkit-color-swatch-wrapper { padding: 3px; }
+.fnc-color::-webkit-color-swatch { border: 0; border-radius: 4px; }
+.fnc-select, .fnc-input {
+  height: 40px;
+  min-width: 0;
+  padding: 0 10px;
+  border: 1px solid var(--fnc-border);
+  border-radius: var(--fnc-radius);
+  background: var(--fnc-bg);
+  color: var(--fnc-text);
+  font: inherit;
+  font-size: 14px;
+  outline: none;
+}
+.fnc-select:focus, .fnc-input:focus { border-color: var(--fnc-accent); }
+.fnc-input { flex: 1; font-size: 16px; }
+.fnc-input-period { flex: 0 0 72px; text-align: right; }
+.fnc-select-width { flex: 0 0 72px; }
+.fnc-select-source { flex: 1; }
+.fnc-toggle-row { justify-content: space-between; min-height: 36px; cursor: pointer; font-size: 14px; }
+.fnc-switch {
+  appearance: none;
+  -webkit-appearance: none;
+  position: relative;
+  width: 40px;
+  height: 24px;
+  flex: none;
+  margin: 0;
+  border-radius: 12px;
+  background: var(--fnc-border);
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.fnc-switch::after {
+  content: '';
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 1px 3px rgb(0 0 0 / 0.2);
+  transition: transform 0.15s;
+}
+.fnc-switch:checked { background: var(--fnc-accent); }
+.fnc-switch:checked::after { transform: translateX(16px); }
+.fnc-switch:focus-visible { outline: 2px solid var(--fnc-accent); outline-offset: 2px; }
+.fnc-add-row {
+  height: 40px;
+  border: 1px dashed var(--fnc-border);
+  border-radius: var(--fnc-radius);
+  color: var(--fnc-text-2);
+  font-size: 14px;
+  font-weight: 600;
+}
+.fnc-add-row:hover { color: var(--fnc-text); border-color: var(--fnc-text-2); }
+.fnc-empty { padding: 32px 16px; text-align: center; color: var(--fnc-text-2); }
+.fnc-dialog-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 56px;
+  padding: 0 8px 0 20px;
+  border-bottom: 1px solid var(--fnc-border);
+  font-size: 16px;
+}
+.fnc-group { padding: 12px 12px 4px; font-size: 12px; font-weight: 600; color: var(--fnc-text-2); }
+.fnc-form { display: flex; flex-direction: column; gap: 14px; padding: 20px; }
+.fnc-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--fnc-text-2); }
+.fnc-field input {
+  height: 44px;
+  padding: 0 14px;
+  border: 1px solid var(--fnc-border);
+  border-radius: var(--fnc-radius);
+  background: var(--fnc-bg);
+  color: var(--fnc-text);
+  font: inherit;
+  font-size: 16px;
+  outline: none;
+}
+.fnc-field input:focus { border-color: var(--fnc-accent); }
+/* Actions stay pinned to the bottom of long, scrolling dialogs (indicator / chart settings). */
+.fnc-form-actions {
+  position: sticky;
+  bottom: -20px;
+  display: flex;
+  gap: 8px;
+  margin: 6px -20px -20px;
+  padding: 12px 20px 20px;
+  border-top: 1px solid var(--fnc-border);
+  background: var(--fnc-bg);
+}
+.fnc-action {
+  flex: 1;
+  height: 48px;
+  border-radius: var(--fnc-radius);
+  background: var(--fnc-surface);
+  font-size: 15px;
+  font-weight: 600;
+}
+.fnc-action-primary { background: var(--fnc-accent); color: #fff; }
+.fnc-action-danger { flex: 0 0 auto; padding: 0 16px; color: var(--fnc-danger, #F04452); background: none; }
+
+/* \u2500\u2500 Mobile \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+@media (max-width: 640px) {
+  .fnc-toolbar { padding: 0 4px; }
+  .fnc-symbol { max-width: 140px; padding: 0 8px 0 6px; }
+  .fnc-chip { padding: 0 8px; }
+  .fnc-btn-screenshot { display: none; }
+  .fnc-btn-label span { display: none; }
+  .fnc-intervals { display: none; }
+  .fnc-interval-current { display: inline; }
+  .fnc-interval-menu { left: auto; right: -40px; }
+  .fnc-btn-drawbar { display: flex; }
+  .fnc-drawbar-tab, .fnc-drawbar-collapse { display: none; }
+  .fnc-drawbar[data-collapsed='true'] { display: flex; }
+  /* The drawing bar slides over the chart instead of taking width. */
+  .fnc-drawbar-host { position: absolute; left: 0; top: 0; bottom: 0; z-index: 5; pointer-events: none; }
+  .fnc-drawbar {
+    pointer-events: auto;
+    transform: translateX(-100%);
+    transition: transform 0.18s ease;
+    box-shadow: 4px 0 16px rgb(0 0 0 / 0.08);
+  }
+  .fnc-drawbar[data-open='true'] { transform: none; }
+  .fnc-selbar { top: auto; bottom: 56px; }
+  .fnc-legend { left: 10px; right: 64px; }
+  .fnc-backdrop { padding: 0; align-items: stretch; }
+  .fnc-dialog { width: 100%; max-height: none; border-radius: 0; }
+  .fnc-dialog.fnc-search-dialog { width: 100%; height: 100%; }
+  .fnc-sr-footer, .fnc-sr-side, .fnc-hide-mobile, .fnc-sr-spark { display: none; }
+  /* The interval button must stay whole; the symbol name truncates instead. */
+  .fnc-symbol { flex: 0 1 auto; min-width: 0; }
+  /* MA rows wrap to two lines: [label \u2713 color width \xD7] / [source period] */
+  .fnc-rows .fnc-row { flex-wrap: wrap; row-gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--fnc-border); }
+  /* Basis = row \u2212 indent(52) \u2212 gap(8) \u2212 period(72): too wide for line 1, so it always wraps. */
+  .fnc-rows .fnc-select-source { order: 10; flex: 0 0 calc(100% - 132px); margin-left: 52px; }
+  .fnc-rows .fnc-input-period { order: 11; }
+  .fnc-rows .fnc-ind-btn { margin-left: auto; }
+}
+`
+);
+var STYLE_ID = "fnc-styles";
+function injectStyles(doc = document) {
+  if (doc.getElementById(STYLE_ID)) return;
+  const style = doc.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = CSS;
+  doc.head.appendChild(style);
+}
+
+// src/trading-chart.tsx
+var DEFAULT_INTERVAL_GROUPS = [
+  { id: "minutes", intervals: ["1", "5", "15", "30"] },
+  { id: "hours", intervals: ["60", "240"] },
+  { id: "days", intervals: ["1D", "1W", "1M", "3M", "6M", "12M"] }
+];
+var DEFAULT_FAVORITE_INTERVALS = ["1", "5", "15", "60", "240", "1D"];
+var stockLike = (i3) => i3.type === "stock" || i3.type === "etf" || i3.type === "index";
+var DEFAULT_SEARCH_CATEGORIES = [
+  { id: "all", label: { ko: "\uC804\uCCB4", en: "All" }, match: () => true },
+  { id: "kr-stock", label: { ko: "\uAD6D\uB0B4\uC8FC\uC2DD", en: "KR stocks" }, match: (i3) => stockLike(i3) && i3.country === "KR" },
+  { id: "global-stock", label: { ko: "\uD574\uC678\uC8FC\uC2DD", en: "Global stocks" }, match: (i3) => stockLike(i3) && i3.country !== "KR" },
+  { id: "crypto", label: { ko: "\uCF54\uC778", en: "Crypto" }, match: (i3) => i3.type === "crypto" },
+  { id: "futures", label: { ko: "\uC120\uBB3C", en: "Futures" }, match: (i3) => i3.type === "futures" }
+];
+var THEME_VARS = {
+  background: "--fnc-bg",
+  surface: "--fnc-surface",
+  text: "--fnc-text",
+  textSecondary: "--fnc-text-2",
+  border: "--fnc-border",
+  up: "--fnc-up",
+  down: "--fnc-down",
+  accent: "--fnc-accent",
+  fontFamily: "--fnc-font"
+};
+function applyThemeVars(el, theme) {
+  for (const [key, cssVar] of Object.entries(THEME_VARS)) {
+    el.style.setProperty(cssVar, String(theme[key]));
+  }
+  el.style.setProperty("--fnc-radius", `${theme.radius}px`);
+}
+function div(className, parent) {
+  const el = document.createElement("div");
+  el.className = className;
+  parent?.appendChild(el);
+  return el;
+}
+function createTradingChart(container, options) {
+  const {
+    datafeed,
+    symbol,
+    resolution = "1D",
+    intervalGroups = DEFAULT_INTERVAL_GROUPS,
+    favoriteIntervals,
+    onFavoriteIntervalsChange,
+    searchCategories = DEFAULT_SEARCH_CATEGORIES,
+    storageKey = "funnest-charts",
+    searchHotkey = true,
+    symbolLogo = true,
+    drawingToolbar = true,
+    chartType = "candles",
+    attribution = true,
+    colorScheme = "system",
+    ...chartOptions
+  } = options;
+  const locale = chartOptions.locale ?? "ko";
+  const displayTimezone = chartOptions.displayTimezone ?? (locale === "ko" ? "Asia/Seoul" : Intl.DateTimeFormat().resolvedOptions().timeZone);
+  const storage = createStorage(storageKey);
+  injectStyles(container.ownerDocument);
+  const win = container.ownerDocument.defaultView;
+  const darkQuery = win?.matchMedia?.("(prefers-color-scheme: dark)") ?? null;
+  let scheme = colorScheme;
+  let themePatch = { ...chartOptions.theme };
+  const isDark = () => scheme === "system" ? !!darkQuery?.matches : scheme === "dark";
+  const resolveTheme = () => ({ ...isDark() ? darkTheme : lightTheme, ...themePatch });
+  let theme = resolveTheme();
+  const root = div("fnc-root", container);
+  const applyScheme = () => {
+    root.dataset.colorScheme = isDark() ? "dark" : "light";
+    root.style.colorScheme = isDark() ? "dark" : "light";
+    applyThemeVars(root, theme);
+  };
+  applyScheme();
+  const toolbarHost = div("fnc-toolbar-host", root);
+  const slots = {
+    toolbar: div("fnc-slot fnc-slot-toolbar"),
+    toolbarEnd: div("fnc-slot fnc-slot-toolbar-end"),
+    belowToolbar: div("fnc-slot fnc-slot-below-toolbar", root),
+    footer: div("fnc-slot fnc-slot-footer")
+  };
+  const body = div("fnc-body", root);
+  const drawbarHost = drawingToolbar ? div("fnc-drawbar-host", body) : null;
+  const stage = div("fnc-stage", body);
+  const chartHost = div("fnc-chart-host", stage);
+  const overlayHost = div("fnc-overlay", stage);
+  root.appendChild(slots.footer);
+  const chart = createChart(chartHost, { ...chartOptions, theme, datafeed, displayTimezone });
+  const refreshScheme = () => {
+    theme = resolveTheme();
+    applyScheme();
+    chart.setTheme(theme);
+  };
+  const onSchemeChange = () => scheme === "system" && refreshScheme();
+  darkQuery?.addEventListener?.("change", onSchemeChange);
+  chart.setChartType(chartType);
+  const store = new Store({
+    locale,
+    symbol: null,
+    resolution,
+    loading: false,
+    layout: chart.layout,
+    atRealtime: true,
+    fullscreen: false,
+    searchOpen: false,
+    chartType,
+    drawingTool: null,
+    selection: null,
+    drawingCount: 0,
+    drawbarOpen: false,
+    magnet: chart.magnetEnabled,
+    indicators: chart.getIndicators(),
+    dialog: null,
+    favoriteIntervals: storage.get("favorite-intervals", [...favoriteIntervals ?? DEFAULT_FAVORITE_INTERVALS]),
+    drawbarCollapsed: storage.get("drawbar-collapsed", false)
+  });
+  const syncRealtime = () => store.set({ atRealtime: chart.isAtRealtime() });
+  const offs = [
+    chart.on("symbolChange", (info) => store.set({ symbol: info, resolution: chart.currentResolution ?? resolution })),
+    chart.on("loadingChange", (loading) => store.set({ loading })),
+    chart.on("layoutChange", (layout) => store.set({ layout })),
+    chart.on("visibleRangeChange", syncRealtime),
+    chart.on("dataChange", syncRealtime),
+    chart.on("drawingToolChange", (drawingTool) => store.set({ drawingTool })),
+    chart.on("selectionChange", (selection) => store.set({ selection })),
+    chart.on("drawingsChange", (drawings) => store.set({ drawingCount: drawings.length })),
+    chart.on("indicatorsChange", (indicators) => store.set({ indicators })),
+    chart.on("magnetChange", (magnet) => store.set({ magnet })),
+    chart.on("chartTypeChange", (chartType2) => store.set({ chartType: chartType2 }))
+  ];
+  const load = (sym, res) => {
+    store.set({ resolution: res });
+    return chart.setSymbol(sym, res).catch((error) => {
+      console.error("funnest-charts: failed to load", sym, res, error);
+      store.set({ loading: false });
+    });
+  };
+  const isNativeFullscreen = () => document.fullscreenElement === root;
+  const onFullscreenChange = () => store.set({ fullscreen: isNativeFullscreen() || root.classList.contains("fnc-pseudo-fullscreen") });
+  const onKeyDown = (e3) => {
+    const s3 = store.get();
+    if (searchHotkey && (e3.ctrlKey || e3.metaKey) && e3.key.toLowerCase() === "k" && datafeed.searchSymbols && !s3.dialog) {
+      e3.preventDefault();
+      store.set({ searchOpen: true });
+      return;
+    }
+    if (e3.key === "Escape" && !e3.defaultPrevented && (s3.searchOpen || s3.dialog)) {
+      e3.preventDefault();
+      store.set(s3.searchOpen ? { searchOpen: false } : { dialog: null });
+      return;
+    }
+    if (e3.key === "Escape" && root.classList.contains("fnc-pseudo-fullscreen") && !s3.searchOpen && !s3.dialog) {
+      root.classList.remove("fnc-pseudo-fullscreen");
+      onFullscreenChange();
+    }
+  };
+  const onKeyUp = (e3) => {
+    const s3 = store.get();
+    if (e3.key === "Escape" && (s3.searchOpen || s3.dialog)) store.set(s3.searchOpen ? { searchOpen: false } : { dialog: null });
+  };
+  document.addEventListener("fullscreenchange", onFullscreenChange);
+  document.addEventListener("keydown", onKeyDown);
+  document.addEventListener("keyup", onKeyUp);
+  const ctx = {
+    root,
+    chart,
+    datafeed,
+    store,
+    storage,
+    intervalGroups,
+    searchCategories,
+    displayTimezone,
+    showLogo: symbolLogo,
+    drawingToolbar,
+    attribution,
+    slots,
+    setDrawbarCollapsed: (collapsed) => {
+      store.set({ drawbarCollapsed: collapsed });
+      storage.set("drawbar-collapsed", collapsed);
+    },
+    selectSymbol: (sym) => void load(sym, store.get().resolution),
+    selectResolution: (res) => {
+      const current = store.get().symbol;
+      if (current) void load(current.symbol, res);
+    },
+    toggleFavoriteInterval: (res) => {
+      const current = store.get().favoriteIntervals;
+      const next = current.includes(res) ? current.filter((r3) => r3 !== res) : [...current, res];
+      store.set({ favoriteIntervals: next });
+      storage.set("favorite-intervals", next);
+      onFavoriteIntervalsChange?.(next);
+    },
+    setSearchOpen: (open) => store.set({ searchOpen: open }),
+    screenshot: () => {
+      const s3 = store.get();
+      chart.takeScreenshot().toBlob((blob) => {
+        if (!blob) return;
+        const a4 = document.createElement("a");
+        a4.href = URL.createObjectURL(blob);
+        a4.download = `${s3.symbol?.symbol ?? "chart"}_${s3.resolution}_${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.png`;
+        a4.click();
+        setTimeout(() => URL.revokeObjectURL(a4.href), 1e3);
+      });
+    },
+    toggleFullscreen: () => {
+      if (isNativeFullscreen()) {
+        void document.exitFullscreen();
+      } else if (root.classList.contains("fnc-pseudo-fullscreen")) {
+        root.classList.remove("fnc-pseudo-fullscreen");
+        onFullscreenChange();
+      } else if (root.requestFullscreen && document.fullscreenEnabled) {
+        root.requestFullscreen().catch(() => {
+          root.classList.add("fnc-pseudo-fullscreen");
+          onFullscreenChange();
+        });
+      } else {
+        root.classList.add("fnc-pseudo-fullscreen");
+        onFullscreenChange();
+      }
+    }
+  };
+  Q(/* @__PURE__ */ a2(Toolbar, { ctx }), toolbarHost);
+  Q(/* @__PURE__ */ a2(Overlay, { ctx }), overlayHost);
+  if (drawbarHost) Q(/* @__PURE__ */ a2(DrawingToolbar, { ctx }), drawbarHost);
+  void load(symbol, resolution);
+  return {
+    chart,
+    slots,
+    setSymbol: (sym, res) => load(sym, res ?? store.get().resolution),
+    setResolution: (res) => {
+      const current = store.get().symbol;
+      return current ? load(current.symbol, res) : Promise.resolve();
+    },
+    setLocale: (locale2) => {
+      chart.setLocale(locale2);
+      store.set({ locale: locale2 });
+    },
+    save: () => chart.save(),
+    load: (state) => chart.load(state),
+    setTheme: (patch) => {
+      themePatch = { ...themePatch, ...patch };
+      refreshScheme();
+    },
+    setColorScheme: (next) => {
+      scheme = next;
+      refreshScheme();
+    },
+    destroy: () => {
+      offs.forEach((off) => off());
+      document.removeEventListener("fullscreenchange", onFullscreenChange);
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+      darkQuery?.removeEventListener?.("change", onSchemeChange);
+      if (isNativeFullscreen()) void document.exitFullscreen();
+      Q(null, toolbarHost);
+      Q(null, overlayHost);
+      if (drawbarHost) Q(null, drawbarHost);
+      chart.destroy();
+      root.remove();
+    }
+  };
+}
+export {
+  DEFAULT_FAVORITE_INTERVALS,
+  DEFAULT_INTERVAL_GROUPS,
+  DEFAULT_SEARCH_CATEGORIES,
+  createTradingChart,
+  resolutionLabel
+};