@trdrs/quickcharts 2.3.0 → 3.0.0

package/dist/index.js

@@ -82,7 +82,7 @@ import {
   viewportOf,
   visibilityPreset,
   withAlpha
-} from "./chunk-YR7NT5ZW.js";
+} from "./chunk-DBJQXHLQ.js";
 import {
   ResourceAbortError,
   memorySaveLoadAdapter
@@ -1267,6 +1267,9 @@ var search = {
   // The asset-class filter strip: the chip for every class, and the strip's own name.
   "search.allClasses": "All",
   "search.classFilter": "Asset class",
+  /** The scope chip's accessible name: what pressing it does. `{scope}` is the host's name for the
+   *  scope, which the chip shows; whether the limit stands is the chip's pressed state. */
+  "search.limitToScope": "Limit search to {scope}",
   // The spread operators' names, each for the arithmetic it inserts, and the strip's toggle.
   "search.opDivision": "Division",
   "search.opSubtraction": "Subtraction",
@@ -1904,26 +1907,26 @@ function readingDirection(i18n) {
   return BUILT_IN_LOCALES.find((l) => l.code === i18n.locale())?.dir ?? "ltr";
 }
 var chartDictionaries = createDictionaryLoader(en, {
-  de: () => import("./de-VSW2LHNF.js"),
-  fr: () => import("./fr-4F6DAWGD.js"),
-  es: () => import("./es-5ZXIPVOB.js"),
-  it: () => import("./it-KTX4SG5P.js"),
-  ca_ES: () => import("./ca_ES-JG4FM55E.js"),
-  pl: () => import("./pl-ADNVRP55.js"),
-  sv: () => import("./sv-TORXQVE7.js"),
-  tr: () => import("./tr-4AEM66KW.js"),
-  ru: () => import("./ru-V6YFEPAF.js"),
-  pt: () => import("./pt-OL2DR3DO.js"),
-  id_ID: () => import("./id_ID-CYJRMXPC.js"),
-  ms_MY: () => import("./ms_MY-EY235E7Q.js"),
-  th: () => import("./th-K6SJSYSY.js"),
-  vi: () => import("./vi-YU5XCEUU.js"),
-  ja: () => import("./ja-V7OURU5D.js"),
-  ko: () => import("./ko-2RNEBYVE.js"),
-  zh: () => import("./zh-QXKRYHU5.js"),
-  zh_TW: () => import("./zh_TW-AYPDKG4Q.js"),
-  ar: () => import("./ar-KSXQ2USS.js"),
-  he_IL: () => import("./he_IL-B7PBQUEV.js")
+  de: () => import("./de-GXKOZYHP.js"),
+  fr: () => import("./fr-EBUMQLPT.js"),
+  es: () => import("./es-R7WSUWO2.js"),
+  it: () => import("./it-IMLHI5VO.js"),
+  ca_ES: () => import("./ca_ES-3ALUJ2FI.js"),
+  pl: () => import("./pl-CIIDQ3SB.js"),
+  sv: () => import("./sv-HCBRKFRZ.js"),
+  tr: () => import("./tr-M57AMCWK.js"),
+  ru: () => import("./ru-2F2VGHMW.js"),
+  pt: () => import("./pt-3HA2PDUN.js"),
+  id_ID: () => import("./id_ID-6JYEEKEA.js"),
+  ms_MY: () => import("./ms_MY-K4EAHE5J.js"),
+  th: () => import("./th-WWPM2QKB.js"),
+  vi: () => import("./vi-YJHN2OK7.js"),
+  ja: () => import("./ja-QDEQ2EYA.js"),
+  ko: () => import("./ko-MTA7BZI3.js"),
+  zh: () => import("./zh-AIFC65OE.js"),
+  zh_TW: () => import("./zh_TW-2LLLW4H6.js"),
+  ar: () => import("./ar-HLKX6L6O.js"),
+  he_IL: () => import("./he_IL-GCAXKEWB.js")
 });
 var dynamic = (t) => t;
 var source = null;
@@ -2060,6 +2063,10 @@ var LIGHT_THEME = {
   "control.offHover": "#8c8c8c",
   "control.offPressed": "#b8b8b8",
   "control.mark": "#ffffff",
+  "control.fieldEdge": "#dbdbdb",
+  "control.fieldEdgeHover": "#a8a8a8",
+  "control.fieldInvalid": "#f23645",
+  "control.fieldFill": "#f2f2f2",
   "status.positive": "#067a67",
   "status.negative": "#cc2f3c",
   "status.warning": "#8a5a00",
@@ -2150,6 +2157,10 @@ var DARK_THEME = {
   "control.offHover": "#707070",
   "control.offPressed": "#636363",
   "control.mark": "#2e2e2e",
+  "control.fieldEdge": "#575757",
+  "control.fieldEdgeHover": "#707070",
+  "control.fieldInvalid": "#f23645",
+  "control.fieldFill": "#2e2e2e",
   "status.positive": "#089981",
   "status.negative": "#f7525f",
   "status.warning": "#f5a623",
@@ -2272,7 +2283,7 @@ var THEME_ROLES = [
   { id: "chrome.surfaceRaised", family: "chrome", kind: "color", description: "The fill of a control sitting on a chrome surface, such as a button or field." },
   { id: "chrome.border", family: "chrome", kind: "color", description: "The ordinary border of a control or panel." },
   { id: "chrome.borderStrong", family: "chrome", kind: "color", description: "A border or divider that must stay visible at a glance.", contrast: [{ over: "chrome.surface", min: 3 }] },
-  { id: "chrome.fieldBorder", family: "chrome", kind: "color", description: "The outline of a text field, such as the symbol search field. The field's mark and prompt name it, so the outline is not its only sign." },
+  { id: "chrome.fieldBorder", family: "chrome", kind: "color", description: "The outline of the symbol search field. The field's mark and prompt name it, so the outline is not its only sign." },
   { id: "chrome.caret", family: "chrome", kind: "color", description: "The ink of the arrow that opens a control's menu or flyout.", contrast: [{ over: "chrome.surface", min: 3 }] },
   { id: "chrome.grip", family: "chrome", kind: "color", description: "The dots of a drag handle on a floating toolbar." },
   // No contrast rule: the thumb says where a list is, and the wheel, the drag and the keyboard
@@ -2323,7 +2334,7 @@ var THEME_ROLES = [
     contrast: [{ over: "state.accent", min: 4.5 }]
   },
   { id: "state.selection", family: "state", kind: "color", description: "The tint over selected content." },
-  // ── control: switches, checkboxes, and radios ───────────────────────────────────────────────
+  // ── control: switches, checkboxes, radios, and fields ───────────────────────────────────────
   // The emphasis fill is neutral in both modes, the strong end of the grey ramp: a control that is on,
   // a chosen row, a held mode and the primary action all wear it. The mark a control carries is cut
   // from the surface end of the ramp.
@@ -2353,6 +2364,24 @@ var THEME_ROLES = [
       { over: "control.onPressed", min: 3 }
     ]
   },
+  // A field is a box of its own: a text field, a select, a number field or a color well. Its edge
+  // declares no contrast rule, as `chrome.fieldBorder` declares none: the field's label names it, so
+  // the edge is not what identifies it. The invalid edge is how a refused value shows, so it reads
+  // as a non-text indicator on both surfaces a field stands on. The ring a focused field wears is
+  // `state.focusRing`.
+  { id: "control.fieldEdge", family: "control", kind: "color", description: "The edge of a text field, a select, a number field or a color well at rest." },
+  { id: "control.fieldEdgeHover", family: "control", kind: "color", description: "The edge of a field under the pointer." },
+  {
+    id: "control.fieldInvalid",
+    family: "control",
+    kind: "color",
+    description: "The edge and the focus ring of a field holding a value it refuses.",
+    contrast: [
+      { over: "overlay.surface", min: 3 },
+      { over: "chrome.surface", min: 3 }
+    ]
+  },
+  { id: "control.fieldFill", family: "control", kind: "color", description: "The fill of a field that is read-only or disabled." },
   // ── status: feedback, including market session status ───────────────────────────────────────
   { id: "status.positive", family: "status", kind: "color", description: "A positive value or a successful outcome in chart chrome.", contrast: [{ over: "chrome.surface", min: 4.5 }] },
   { id: "status.negative", family: "status", kind: "color", description: "A negative value or a failed outcome in chart chrome.", contrast: [{ over: "chrome.surface", min: 4.5 }] },
@@ -2935,6 +2964,44 @@ function searchSession(datafeed, options, cache, onDispose) {
     inflight.set(k, ask);
     return ask;
   };
+  const searchFor = (query, asked, immediate) => {
+    if (disposed) return;
+    const cls = settleFilter(asked);
+    clearTimeout(timer);
+    const nextKey = keyOf(query, cls, pageSize);
+    const unchanged = key === nextKey;
+    if (!unchanged) {
+      cancelPending();
+    }
+    key = nextKey;
+    filter = cls;
+    const mine = key;
+    const epoch = generation;
+    const retained = cache.get(key);
+    const cached = unchanged && current ? current : retained;
+    current = cached;
+    if (cached) {
+      emit({ query, ...classState(cls), hits: cached.hits, hasMore: cached.hasMore, loading: false, failed: false });
+      if (cached.pages > 1) return;
+    } else {
+      emit({ query, ...classState(cls), loading: true, failed: false });
+    }
+    if (disposed || generation !== epoch || key !== mine) return;
+    const run = () => {
+      if (disposed || generation !== epoch || key !== mine) return;
+      load(mine, query, cls).then((loaded) => {
+        if (disposed || generation !== epoch || key !== mine) return;
+        current = current && current.pages > loaded.pages ? current : loaded;
+        emit({ hits: current.hits, hasMore: current.hasMore, loading: false, failed: false });
+      }).catch(() => {
+        if (disposed || generation !== epoch || key !== mine) return;
+        if (current) emit({ loading: false });
+        else emit({ hits: [], hasMore: false, loading: false, failed: true });
+      });
+    };
+    if (immediate || inflight.has(mine)) run();
+    else timer = setTimeout(run, debounceMs);
+  };
   const controller = {
     state: () => state,
     subscribe(listener) {
@@ -2946,42 +3013,7 @@ function searchSession(datafeed, options, cache, onDispose) {
       };
     },
     search(query, asked = "") {
-      if (disposed) return;
-      const cls = settleFilter(asked);
-      clearTimeout(timer);
-      const nextKey = keyOf(query, cls, pageSize);
-      const unchanged = key === nextKey;
-      if (!unchanged) {
-        cancelPending();
-      }
-      key = nextKey;
-      filter = cls;
-      const mine = key;
-      const epoch = generation;
-      const retained = cache.get(key);
-      const cached = unchanged && current ? current : retained;
-      current = cached;
-      if (cached) {
-        emit({ query, ...classState(cls), hits: cached.hits, hasMore: cached.hasMore, loading: false, failed: false });
-        if (cached.pages > 1) return;
-      } else {
-        emit({ query, ...classState(cls), loading: true, failed: false });
-      }
-      if (disposed || generation !== epoch || key !== mine) return;
-      const run = () => {
-        if (disposed || generation !== epoch || key !== mine) return;
-        load(mine, query, cls).then((loaded) => {
-          if (disposed || generation !== epoch || key !== mine) return;
-          current = current && current.pages > loaded.pages ? current : loaded;
-          emit({ hits: current.hits, hasMore: current.hasMore, loading: false, failed: false });
-        }).catch(() => {
-          if (disposed || generation !== epoch || key !== mine) return;
-          if (current) emit({ loading: false });
-          else emit({ hits: [], hasMore: false, loading: false, failed: true });
-        });
-      };
-      if (inflight.has(mine)) run();
-      else timer = setTimeout(run, debounceMs);
+      searchFor(query, asked, false);
     },
     loadMore() {
       if (disposed || state.loading) return;
@@ -3022,7 +3054,11 @@ function searchSession(datafeed, options, cache, onDispose) {
       onDispose();
     }
   };
-  return { controller, cancelPending };
+  const over = (source3) => {
+    const own = completedCache();
+    return searchSession(source3, options, own, () => own.clear());
+  };
+  return { controller, cancelPending, searchNow: (query, asked = "") => searchFor(query, asked, true), over };
 }
 var RECENT_SYMBOLS_CAP = 10;
 function promoteRecent(list, pick, cap = RECENT_SYMBOLS_CAP) {
@@ -3082,7 +3118,8 @@ var FEATURE_KEYS = {
   replay: "flag",
   history: "flag",
   sessions: "flag",
-  crosshair: "flag"
+  crosshair: "flag",
+  navigation: "flag"
 };
 var TOP_BAR_KEYS = {
   symbol: "flag",
@@ -3111,7 +3148,9 @@ var UI_KEYS = {
   toasts: "flag",
   symbolSearch: "flag",
   indicatorPicker: "flag",
-  indicatorSettings: "flag"
+  indicatorSettings: "flag",
+  priceScale: "flag",
+  crosshair: { horizontal: "flag", labels: "flag", solid: "flag" }
 };
 function checkKeys(path, value, keys) {
   if (value === void 0) return;
@@ -3139,7 +3178,8 @@ function resolveFeatures(config) {
     replay: on(config?.replay),
     history: on(config?.history),
     sessions: on(config?.sessions),
-    crosshair: on(config?.crosshair)
+    crosshair: on(config?.crosshair),
+    navigation: on(config?.navigation)
   };
 }
 var shown = (value) => value !== false;
@@ -3155,6 +3195,9 @@ function resolveUi(config, features, offered = {}) {
   const inLegend = (key) => legend2 && (typeof legendConfig !== "object" || shown(legendConfig[key]));
   const symbolSearch = shown(config?.symbolSearch);
   const indicatorPicker = shown(config?.indicatorPicker);
+  const crosshairConfig = config?.crosshair;
+  const crosshair = features.crosshair && shown(crosshairConfig);
+  const inCrosshair = (key) => crosshair && (typeof crosshairConfig !== "object" || shown(crosshairConfig[key]));
   return {
     topBar,
     symbolPill: inBar("symbol") && symbolSearch,
@@ -3178,13 +3221,19 @@ function resolveUi(config, features, offered = {}) {
     legend: legend2,
     legendValues: inLegend("values"),
     marketStatus: inLegend("marketStatus"),
-    navigation: shown(config?.navigation),
+    navigation: features.navigation && shown(config?.navigation),
     contextMenu: shown(config?.contextMenu),
     replayTransport: features.replay && shown(config?.replayTransport),
     toasts: shown(config?.toasts),
     symbolSearch,
     indicatorPicker,
-    indicatorSettings: shown(config?.indicatorSettings)
+    indicatorSettings: shown(config?.indicatorSettings),
+    priceScale: shown(config?.priceScale),
+    crosshair,
+    crosshairHorizontal: inCrosshair("horizontal"),
+    crosshairLabels: inCrosshair("labels"),
+    // Solid is the one part that is off unless named: a crosshair is dashed by default.
+    crosshairSolid: crosshair && typeof crosshairConfig === "object" && crosshairConfig.solid === true
   };
 }
 function canCopyImage() {
@@ -3313,6 +3362,29 @@ function styleOptions(style, paint) {
       return candleOptions(paint);
   }
 }
+function fadedStyleOptions(style, paint, alpha) {
+  const a = Math.min(1, Math.max(0, alpha));
+  const up = paint.appearance.upColor;
+  const down = paint.appearance.downColor;
+  switch (style) {
+    case "line":
+    case "stepline":
+      return { color: withAlpha2(paint.canvas.neutral, a) };
+    case "area":
+      return { lineColor: withAlpha2(up, a), topColor: withAlpha2(up, 0.28 * a), bottomColor: withAlpha2(up, 0.04 * a) };
+    case "baseline":
+      return {
+        topLineColor: withAlpha2(up, a),
+        bottomLineColor: withAlpha2(down, a),
+        topFillColor1: withAlpha2(up, 0.28 * a),
+        topFillColor2: withAlpha2(up, 0.04 * a),
+        bottomFillColor1: withAlpha2(down, 0.04 * a),
+        bottomFillColor2: withAlpha2(down, 0.28 * a)
+      };
+    default:
+      return styleOptions(style, paint);
+  }
+}
 function lineOptions(paint) {
   return { color: paint.canvas.neutral, lineWidth: 2 };
 }
@@ -4963,6 +5035,7 @@ import {
   createChart as createRenderer,
   HistogramSeries as HistogramSeries2,
   LineSeries as LineSeries4,
+  LineStyle as LineStyle3,
   TrackingModeExitMode
 } from "lightweight-charts";
 
@@ -5017,6 +5090,59 @@ function coerceScaleMode(raw) {
   return SCALE_MODES.includes(raw ?? "") ? raw : "normal";
 }
 
+// src/widget/styleMorph.ts
+var STYLE_MORPH_MS = 500;
+function morphEase(t) {
+  const clamped = Math.min(1, Math.max(0, t));
+  return (1 - Math.cos(Math.PI * clamped)) / 2;
+}
+function foldBar(bar, fold) {
+  const keep = 1 - Math.min(1, Math.max(0, fold));
+  return {
+    time: bar.t,
+    open: bar.c + (bar.o - bar.c) * keep,
+    high: bar.c + (bar.h - bar.c) * keep,
+    low: bar.c + (bar.l - bar.c) * keep,
+    close: bar.c
+  };
+}
+function startStyleMorph(deps) {
+  const frame = deps.frame ?? ((tick2) => requestAnimationFrame(tick2));
+  const cancel = deps.cancelFrame ?? ((handle2) => cancelAnimationFrame(handle2));
+  const now = deps.now ?? (() => performance.now());
+  const start = now();
+  let handle = null;
+  let ended = false;
+  const draw = (t) => {
+    const p = morphEase(t);
+    const fold = deps.direction === "fold" ? p : 1 - p;
+    deps.bars.setData(deps.shown().map((bar) => foldBar(bar, fold)));
+    deps.fadeLine(fold);
+  };
+  const finish = () => {
+    if (ended) return;
+    ended = true;
+    if (handle !== null) cancel(handle);
+    handle = null;
+    draw(1);
+    deps.done();
+  };
+  const tick = () => {
+    handle = null;
+    if (ended) return;
+    const t = (now() - start) / STYLE_MORPH_MS;
+    if (t >= 1) {
+      finish();
+      return;
+    }
+    draw(t);
+    handle = frame(tick);
+  };
+  draw(0);
+  handle = frame(tick);
+  return { running: () => !ended, finish };
+}
+
 // src/widget/baselineLevel.ts
 var BASELINE_SCREEN_PERCENT = 50;
 var BASELINE_DRIFT_PX = 0.5;
@@ -5710,8 +5836,8 @@ function bundledGlyphSource(glyph2) {
 }
 
 // src/pointerInput.ts
-function pointerLock(locked) {
-  const on = !locked;
+function pointerLock(locked, navigable = true) {
+  const on = !locked && navigable;
   return {
     handleScroll: on,
     handleScale: { mouseWheel: on, pinch: false, axisPressedMouseMove: on, axisDoubleClickReset: on },
@@ -6825,7 +6951,7 @@ function attachDrawings(options) {
   const locked = () => allLocked || workflow().allLocked === true;
   const changed = () => events.onChange?.();
   const lockPointer = (locked2) => {
-    const lock = pointerLock(locked2);
+    const lock = pointerLock(locked2, options.navigable ?? true);
     chart.applyOptions({ handleScroll: lock.handleScroll, handleScale: lock.handleScale });
     container.style.touchAction = lock.touchAction;
   };
@@ -7485,6 +7611,21 @@ function refreshOverlays(within) {
   }
 }
 
+// src/ui/controls/select.ts
+function selectChevron(icons) {
+  const slot = document.createElement("span");
+  slot.className = "qc-select-chevron";
+  slot.setAttribute("aria-hidden", "true");
+  slot.appendChild(icons.icon("chevronDown18", 18));
+  return slot;
+}
+function selectField(select, icons) {
+  const box = document.createElement("span");
+  box.className = "qc-select";
+  box.append(select, selectChevron(icons));
+  return box;
+}
+
 // src/ui/drawings/fields.ts
 function row(label2, ...controls) {
   const cell2 = el("div", { class: "qc-drawing-row-controls" }, ...controls);
@@ -7503,12 +7644,12 @@ function checkbox(label2, value, onChange) {
   input.addEventListener("change", () => onChange(input.checked));
   return input;
 }
-function dropdown(label2, options, value, labels, onChange) {
+function dropdown(icons, label2, options, value, labels, onChange) {
   const select = el("select", { class: "qc-field qc-drawing-select", "aria-label": label2 });
   for (const option of options) select.appendChild(el("option", { value: option, text: labels(option) }));
   select.value = value;
   select.addEventListener("change", () => onChange(select.value));
-  return select;
+  return selectField(select, icons);
 }
 function numberInput(t, icons, props) {
   const input = el("input", { type: "number", class: "qc-field qc-drawing-number", "aria-label": props.label });
@@ -7660,6 +7801,7 @@ function strokeRows(t, content, options) {
 function lineEndButton(t, icons, box, side, value, onChange) {
   const face = (v) => icons.icon(v === "normal" ? "lineEndNormal" : "lineEndArrow");
   const b = button({ class: "qc-field qc-drawing-line-end", label: t(side === "left" ? "drawing.leftEnd" : "drawing.rightEnd"), icon: face(value) });
+  b.appendChild(selectChevron(icons));
   b.dataset.qcEnd = side;
   b.setAttribute("aria-haspopup", "listbox");
   b.setAttribute("aria-expanded", "false");
@@ -8941,7 +9083,7 @@ function openNameDialog(options) {
       append(
         box,
         ...promptHead(t, options.icons, options.title, () => dialog.close()),
-        h("label", { class: "qc-name-field" }, h("span", { class: "qc-name-label" }, options.label), h("span", { class: "qc-name-box" }, field)),
+        h("label", { class: "qc-name-field" }, h("span", { class: "qc-name-label" }, options.label), h("span", { class: "qc-field qc-name-box" }, field)),
         h("div", { class: "qc-prompt-actions" }, button2({ label: t("layouts.cancel"), text: t("layouts.cancel"), className: "qc-button--secondary", onClick: () => dialog.close() }), verb)
       );
     },
@@ -9530,29 +9672,30 @@ function mountTextEditor(session2, deps) {
 
 // src/ui/drawings/dialog.ts
 function dragBy(header, box) {
-  let dragging = null;
+  let stop = null;
   header.addEventListener("pointerdown", (event) => {
     if (event.target.closest("button")) return;
+    stop?.();
     const rect = box.getBoundingClientRect();
-    dragging = { dx: event.clientX - rect.left, dy: event.clientY - rect.top };
+    const dx = event.clientX - rect.left;
+    const dy = event.clientY - rect.top;
+    stop = dragUntilRelease(
+      (move) => {
+        const x = Math.max(0, Math.min(move.clientX - dx, window.innerWidth - box.offsetWidth));
+        const y = Math.max(0, Math.min(move.clientY - dy, window.innerHeight - box.offsetHeight));
+        box.style.position = "fixed";
+        box.style.left = `${Math.round(x)}px`;
+        box.style.top = `${Math.round(y)}px`;
+      },
+      () => {
+        stop = null;
+      }
+    );
     event.preventDefault();
   });
-  const onMove = (event) => {
-    if (!dragging) return;
-    const x = Math.max(0, Math.min(event.clientX - dragging.dx, window.innerWidth - box.offsetWidth));
-    const y = Math.max(0, Math.min(event.clientY - dragging.dy, window.innerHeight - box.offsetHeight));
-    box.style.position = "fixed";
-    box.style.left = `${Math.round(x)}px`;
-    box.style.top = `${Math.round(y)}px`;
-  };
-  const onUp = () => {
-    dragging = null;
-  };
-  window.addEventListener("pointermove", onMove);
-  window.addEventListener("pointerup", onUp);
   return () => {
-    window.removeEventListener("pointermove", onMove);
-    window.removeEventListener("pointerup", onUp);
+    stop?.();
+    stop = null;
   };
 }
 function openDialog2(options) {
@@ -9771,7 +9914,7 @@ function styleRows(ctx) {
   const inertKeys = new Set(INERT_PROPS[type] ?? []);
   const sect = (key) => key in props && !inertKeys.has(key) && (inputKeys.has(key) ? tab === "Inputs" : tab === "Style");
   const out = [];
-  const fontSize = () => dropdown(t("drawing.fontSize"), FONT_SIZES2, String(style.fontSize), (v) => v, (v) => ctx.patchStyle({ fontSize: Number(v) }));
+  const fontSize = () => dropdown(ctx.icons, t("drawing.fontSize"), FONT_SIZES2, String(style.fontSize), (v) => v, (v) => ctx.patchStyle({ fontSize: Number(v) }));
   const toggle = (key, text2) => {
     if (sect(key)) out.push(toggleRow(t(text2), !!props[key], (v) => ctx.patchProps({ [key]: v })));
   };
@@ -9802,7 +9945,7 @@ function styleRows(ctx) {
   }
   if ("extendLeft" in props && sect("extendLeft")) {
     const value = props.extendLeft && props.extendRight ? "Both" : props.extendLeft ? "Left" : props.extendRight ? "Right" : "None";
-    out.push(row(t("drawing.extend"), dropdown(t("drawing.extend"), ["None", "Left", "Right", "Both"], value, label(t, EXTEND_LABEL), (v) => ctx.patchProps({ extendLeft: v === "Left" || v === "Both", extendRight: v === "Right" || v === "Both" }))));
+    out.push(row(t("drawing.extend"), dropdown(ctx.icons, t("drawing.extend"), ["None", "Left", "Right", "Both"], value, label(t, EXTEND_LABEL), (v) => ctx.patchProps({ extendLeft: v === "Left" || v === "Both", extendRight: v === "Right" || v === "Both" }))));
   }
   toggle("middlePoint", "drawing.middlePoint");
   toggle("showPriceLabels", "drawing.priceLabels");
@@ -9810,7 +9953,7 @@ function styleRows(ctx) {
   toggle("showTime", "drawing.timeLabel");
   toggle("middleLine", "drawing.middleLine");
   if (sect("variant")) {
-    out.push(row(t("drawing.rowStyle"), dropdown(t("drawing.rowStyle"), ["original", "schiff", "modified_schiff", "inside"], props.variant, label(t, VARIANT_LABEL), (v) => ctx.patchProps({ variant: v }))));
+    out.push(row(t("drawing.rowStyle"), dropdown(ctx.icons, t("drawing.rowStyle"), ["original", "schiff", "modified_schiff", "inside"], props.variant, label(t, VARIANT_LABEL), (v) => ctx.patchProps({ variant: v }))));
   }
   if (sect("showPriceDelta")) {
     out.push(el("div", { class: "qc-dialog-heading", text: t("drawing.sectionStats") }));
@@ -9834,10 +9977,10 @@ function styleRows(ctx) {
       toggleRow(t("drawing.barsRange"), !!props.showBarsRange, (v) => ctx.patchProps({ showBarsRange: v })),
       toggleRow(t("drawing.dateTimeRange"), !!props.showDateTimeRange, (v) => ctx.patchProps({ showDateTimeRange: v })),
       toggleRow(t("drawing.angle"), !!props.showAngle, (v) => ctx.patchProps({ showAngle: v })),
-      row(t("drawing.statsPosition"), dropdown(t("drawing.statsPosition"), ["left", "center", "right"], props.statsPosition, label(t, SIDE_LABEL), (v) => ctx.patchProps({ statsPosition: v })))
+      row(t("drawing.statsPosition"), dropdown(ctx.icons, t("drawing.statsPosition"), ["left", "center", "right"], props.statsPosition, label(t, SIDE_LABEL), (v) => ctx.patchProps({ statsPosition: v })))
     );
   }
-  if (sect("direction")) out.push(row(t("drawing.direction"), dropdown(t("drawing.direction"), ["up", "down"], props.direction, label(t, UPDOWN_LABEL), (v) => ctx.patchProps({ direction: v }))));
+  if (sect("direction")) out.push(row(t("drawing.direction"), dropdown(ctx.icons, t("drawing.direction"), ["up", "down"], props.direction, label(t, UPDOWN_LABEL), (v) => ctx.patchProps({ direction: v }))));
   toggle("showPrices", "drawing.prices");
   toggle("showLevels", "drawing.levels");
   toggle("reverse", "drawing.reverse");
@@ -9886,9 +10029,9 @@ function styleRows(ctx) {
   if (sect("url")) out.push(row(t("drawing.link"), textField(String(props.url ?? ""), t("drawing.link"), (v) => ctx.patchQuiet({ url: v }), { wide: true })));
   if (sect("rowsLayout")) {
     out.push(
-      row(t("drawing.rowsLayout"), dropdown(t("drawing.rowsLayout"), ["number", "ticks"], props.rowsLayout, label(t, ROWS_LAYOUT_LABEL), (v) => ctx.patchProps({ rowsLayout: v }))),
+      row(t("drawing.rowsLayout"), dropdown(ctx.icons, t("drawing.rowsLayout"), ["number", "ticks"], props.rowsLayout, label(t, ROWS_LAYOUT_LABEL), (v) => ctx.patchProps({ rowsLayout: v }))),
       row(t("drawing.rowSize"), numberInput(t, ctx.icons, { label: t("drawing.rowSize"), value: Number(props.rowSize), min: 1, max: 400, step: 1, onChange: (v) => ctx.patchProps({ rowSize: v }) })),
-      row(t("drawing.volume"), dropdown(t("drawing.volume"), ["updown", "total", "delta"], props.volume, label(t, PROFILE_VOLUME_LABEL), (v) => ctx.patchProps({ volume: v }))),
+      row(t("drawing.volume"), dropdown(ctx.icons, t("drawing.volume"), ["updown", "total", "delta"], props.volume, label(t, PROFILE_VOLUME_LABEL), (v) => ctx.patchProps({ volume: v }))),
       row(t("drawing.valueAreaVolume"), numberInput(t, ctx.icons, { label: t("drawing.valueAreaVolume"), value: Number(props.valueAreaVolume), min: 0, max: 95, step: 5, onChange: (v) => ctx.patchProps({ valueAreaVolume: v }) }))
     );
     if ("extendRight" in props) out.push(toggleRow(t("drawing.extendRight"), !!props.extendRight, (v) => ctx.patchProps({ extendRight: v })));
@@ -9896,7 +10039,7 @@ function styleRows(ctx) {
   if ("rowsLayout" in props && tab === "Style") {
     out.push(
       row(t("drawing.widthPercent"), numberInput(t, ctx.icons, { label: t("drawing.widthPercent"), value: Number(props.widthPercent), min: 5, max: 100, step: 5, onChange: (v) => ctx.patchProps({ widthPercent: v }) })),
-      row(t("drawing.placement"), dropdown(t("drawing.placement"), ["left", "right"], props.placement, label(t, SIDE_LABEL), (v) => ctx.patchProps({ placement: v }))),
+      row(t("drawing.placement"), dropdown(ctx.icons, t("drawing.placement"), ["left", "right"], props.placement, label(t, SIDE_LABEL), (v) => ctx.patchProps({ placement: v }))),
       row(t("drawing.upDownVolume"), swatch("upColor"), swatch("downColor")),
       row(t("drawing.valueAreaUpDown"), swatch("valueAreaUpColor"), swatch("valueAreaDownColor"))
     );
@@ -9906,17 +10049,17 @@ function styleRows(ctx) {
           t(level.label),
           checkbox(t("drawing.rowVisible", { name: t(level.label) }), !!props[`${level.key}Visible`], (v) => ctx.patchProps({ [`${level.key}Visible`]: v })),
           swatch(`${level.key}Color`),
-          dropdown(t("drawing.thickness"), ["1", "2", "3", "4"], String(Math.min(4, Number(props[`${level.key}Width`]) || 1)), (v) => `${v}px`, (v) => ctx.patchProps({ [`${level.key}Width`]: Number(v) })),
-          dropdown(t("drawing.lineStyle"), ["solid", "dashed", "dotted"], props[`${level.key}Style`], (v) => t(v === "solid" ? "drawing.lineSolid" : v === "dashed" ? "drawing.lineDashed" : "drawing.lineDotted"), (v) => ctx.patchProps({ [`${level.key}Style`]: v }))
+          dropdown(ctx.icons, t("drawing.thickness"), ["1", "2", "3", "4"], String(Math.min(4, Number(props[`${level.key}Width`]) || 1)), (v) => `${v}px`, (v) => ctx.patchProps({ [`${level.key}Width`]: Number(v) })),
+          dropdown(ctx.icons, t("drawing.lineStyle"), ["solid", "dashed", "dotted"], props[`${level.key}Style`], (v) => t(v === "solid" ? "drawing.lineSolid" : v === "dashed" ? "drawing.lineDashed" : "drawing.lineDotted"), (v) => ctx.patchProps({ [`${level.key}Style`]: v }))
         )
       );
     }
     out.push(toggleRow(t("drawing.developingPoc"), !!props.developingPoc, (v) => ctx.patchProps({ developingPoc: v })), toggleRow(t("drawing.developingVa"), !!props.developingVa, (v) => ctx.patchProps({ developingVa: v })));
   }
   if (sect("source")) {
-    out.push(row(t("drawing.source"), dropdown(t("drawing.source"), ["close", "open", "hl2", "hlc3"], props.source, (v) => v, (v) => ctx.patchProps({ source: v }))));
+    out.push(row(t("drawing.source"), dropdown(ctx.icons, t("drawing.source"), ["close", "open", "hl2", "hlc3"], props.source, (v) => v, (v) => ctx.patchProps({ source: v }))));
   }
-  if (sect("mode")) out.push(row(t("drawing.mode"), dropdown(t("drawing.mode"), ["bars", "open", "high", "low", "close", "hl2"], props.mode, label(t, MODE_LABEL), (v) => ctx.patchProps({ mode: v }))));
+  if (sect("mode")) out.push(row(t("drawing.mode"), dropdown(ctx.icons, t("drawing.mode"), ["bars", "open", "high", "low", "close", "hl2"], props.mode, label(t, MODE_LABEL), (v) => ctx.patchProps({ mode: v }))));
   toggle("mirrored", "drawing.mirrored");
   toggle("flipped", "drawing.flipped");
   if (sect("successBackColor")) {
@@ -9955,7 +10098,7 @@ function styleRows(ctx) {
       row(
         t("drawing.risk"),
         numberInput(t, ctx.icons, { label: t("drawing.risk"), value: Number(props.risk), onChange: (v) => ctx.patchProps({ risk: v }) }),
-        dropdown(t("drawing.risk"), ["percent", "money"], props.riskDisplay, (v) => v === "percent" ? "%" : "$", (v) => ctx.patchProps({ riskDisplay: v }))
+        dropdown(ctx.icons, t("drawing.risk"), ["percent", "money"], props.riskDisplay, (v) => v === "percent" ? "%" : "$", (v) => ctx.patchProps({ riskDisplay: v }))
       ),
       row(t("drawing.lotSize"), numberInput(t, ctx.icons, { label: t("drawing.lotSize"), value: Number(props.lotSize), min: 0, step: 0.01, onChange: (v) => ctx.patchProps({ lotSize: v }) })),
       row(t("drawing.leverage"), numberInput(t, ctx.icons, { label: t("drawing.leverage"), value: Number(props.leverage), min: 1, max: 500, step: 1, onChange: (v) => ctx.patchProps({ leverage: v }) })),
@@ -10016,11 +10159,11 @@ function textRows(ctx) {
       const alpha = alphaOf(style.textColor);
       ctx.patchStyle({ textColor: alpha < 1 ? withAlpha(c, alpha) : c });
     }, opacity: alphaOf(style.textColor), onOpacity: (v) => ctx.patchStyle({ textColor: withAlpha(style.textColor, v) }) })),
-    row(t("drawing.size"), dropdown(t("drawing.size"), FONT_SIZES2, String(style.fontSize), (v) => v, (v) => ctx.patchStyle({ fontSize: Number(v) }))),
+    row(t("drawing.size"), dropdown(ctx.icons, t("drawing.size"), FONT_SIZES2, String(style.fontSize), (v) => v, (v) => ctx.patchStyle({ fontSize: Number(v) }))),
     row(t("drawing.weight"), weight(style.bold, "B", t("drawing.bold"), () => ctx.patchStyle({ bold: !style.bold })), weight(style.italic, "I", t("drawing.italic"), () => ctx.patchStyle({ italic: !style.italic }))),
     area
   ];
-  if ("align" in props) out.push(row(t("drawing.alignment"), dropdown(t("drawing.alignment"), ["left", "center"], props.align, label(t, SIDE_LABEL), (v) => ctx.patchProps({ align: v }))));
+  if ("align" in props) out.push(row(t("drawing.alignment"), dropdown(ctx.icons, t("drawing.alignment"), ["left", "center"], props.align, label(t, SIDE_LABEL), (v) => ctx.patchProps({ align: v }))));
   if (NO_STYLE_TAB.has(drawing2.type)) {
     out.push(row(t("drawing.background"), swatchButton(t, box, { label: t("drawing.background"), value: style.fillColor, onPick: (c) => ctx.patchStyle({ fillColor: c, ...style.fillOpacity === 0 ? { fillOpacity: 0.95 } : {} }), opacity: style.fillOpacity, onOpacity: (v) => ctx.patchStyle({ fillOpacity: v }) })));
     if (drawing2.type !== "text") {
@@ -10339,6 +10482,7 @@ function attachDrawingsPlane(deps) {
   const handle = attachDrawings({
     chart: deps.chart,
     series: deps.series,
+    navigable: deps.navigable,
     container: deps.container,
     symbol: deps.symbol,
     timeframe: deps.timeframe,
@@ -12754,6 +12898,7 @@ function composeFormingBar(parent, subs, k) {
 }
 
 // src/widget/replay.ts
+var START_HOLD_MS = 250;
 function coerceReplaySpeed(raw) {
   const n = Number(raw);
   return REPLAY_SPEEDS.includes(n) ? n : 10;
@@ -12772,6 +12917,13 @@ function attachReplayPlane(deps) {
   let stepping = null;
   let generation = 0;
   let destroyed = false;
+  let glide = null;
+  const stopGlide = () => {
+    if (glide) {
+      clearTimeout(glide);
+      glide = null;
+    }
+  };
   const invalidateStep = () => {
     generation += 1;
     stepping = null;
@@ -12792,15 +12944,34 @@ function attachReplayPlane(deps) {
   const currentGrain = () => autoGrain ? "auto" : manualGrain ?? "auto";
   const paintCursor = () => {
     if (!master) return;
+    stopGlide();
     deps.paint(master.slice(0, cursor));
     deps.chart.timeScale().scrollToRealTime();
   };
   const paintForming = () => {
     if (!master || !subs) return;
+    stopGlide();
     const parent = master[cursor - 1];
     deps.paint([...master.slice(0, cursor - 1), composeFormingBar(parent, subs, formK)]);
     deps.chart.timeScale().scrollToRealTime();
   };
+  const paintStart = () => {
+    if (!master) return;
+    const scale = deps.chart.timeScale();
+    const shown2 = scale.getVisibleRange();
+    const view = scale.getVisibleLogicalRange();
+    const chosen = master[cursor - 1].t;
+    const from = shown2?.from;
+    const to = shown2?.to;
+    if (!view || typeof from !== "number" || typeof to !== "number" || chosen < from || chosen > to) return paintCursor();
+    stopGlide();
+    deps.paint(master.slice(0, cursor));
+    scale.setVisibleLogicalRange(view);
+    glide = setTimeout(() => {
+      glide = null;
+      if (master && !destroyed && !deps.disposed()) scale.scrollToRealTime();
+    }, START_HOLD_MS);
+  };
   const stopTimer = () => {
     if (timer) {
       clearInterval(timer);
@@ -12884,6 +13055,7 @@ function attachReplayPlane(deps) {
   };
   function abandon() {
     invalidateStep();
+    stopGlide();
     if (!master) return;
     stopTimer();
     playing = false;
@@ -12911,7 +13083,7 @@ function attachReplayPlane(deps) {
       const idx = master.findIndex((b) => b.t >= atSec);
       cursor = Math.max(2, (idx === -1 ? master.length - 1 : idx) + 1);
       deps.setHeader(true);
-      paintCursor();
+      paintStart();
       sync();
     },
     exit() {
@@ -13434,7 +13606,7 @@ function attachExtensionsPlane(deps) {
     },
     lockPanZoom: (locked) => {
       if (deps.disposed()) return;
-      const state = pointerLock(locked);
+      const state = pointerLock(locked, deps.navigable);
       deps.chart.applyOptions({ handleScroll: state.handleScroll, handleScale: state.handleScale });
       deps.setTouchAction(state.touchAction);
     }
@@ -13974,1353 +14146,1358 @@ function mountChartLegend(container, strings, controls) {
   };
 }
 
-// src/inputsEditor.ts
-var titleOf = (key, titles) => titles?.[key] ?? key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (c) => c.toUpperCase());
-function buildInputFields(inputs2, current, titles) {
-  const fields = /* @__PURE__ */ new Map();
-  const rows2 = [];
-  for (const [key, spec] of Object.entries(inputs2)) {
-    const row2 = document.createElement("label");
-    row2.className = "qc-inputs-row";
-    const name2 = document.createElement("span");
-    name2.textContent = titleOf(key, titles);
-    row2.appendChild(name2);
-    if (spec.kind === "enum") {
-      const select = document.createElement("select");
-      select.className = "qc-field qc-inputs-select";
-      (spec.options ?? []).forEach((label2, i) => {
-        const o = document.createElement("option");
-        o.value = String(i);
-        o.textContent = label2;
-        select.appendChild(o);
-      });
-      select.value = String(current[key] ?? spec.default);
-      fields.set(key, select);
-      row2.appendChild(select);
-    } else {
-      const input = document.createElement("input");
-      input.type = "number";
-      input.className = "qc-field qc-inputs-field";
-      if (spec.min !== void 0) input.min = String(spec.min);
-      if (spec.max !== void 0) input.max = String(spec.max);
-      input.step = spec.kind === "int" ? "1" : "any";
-      input.value = String(current[key] ?? spec.default);
-      fields.set(key, input);
-      row2.appendChild(input);
-    }
-    rows2.push(row2);
+// src/ui/icons/draw.ts
+var SVG_NS2 = "http://www.w3.org/2000/svg";
+var answered = /* @__PURE__ */ new WeakSet();
+var isSvg = (node) => typeof node === "object" && node !== null && node.nodeType === 1 && node.namespaceURI === SVG_NS2 && node.localName === "svg";
+var FAILURE_TEXT = {
+  threw: "the factory threw",
+  "not-svg": "the factory answered something other than an <svg> element",
+  "in-use": "the factory answered an element already in a document or answered before"
+};
+function drawHostIcon(factory, context) {
+  let node;
+  try {
+    node = factory(context);
+  } catch {
+    return { failure: "threw" };
   }
+  if (!isSvg(node)) return { failure: "not-svg" };
+  if (node.parentNode !== null || answered.has(node)) return { failure: "in-use" };
+  answered.add(node);
+  node.setAttribute("width", String(context.width));
+  node.setAttribute("height", String(context.height));
+  node.setAttribute("aria-hidden", "true");
+  node.setAttribute("focusable", "false");
+  return { element: node };
+}
+function createIconDiagnostics() {
+  const seen = /* @__PURE__ */ new Map();
   return {
-    rows: rows2,
-    read() {
-      const patch = {};
-      for (const [key, field] of fields) {
-        const spec = inputs2[key];
-        let value = Number(field.value);
-        if (!Number.isFinite(value)) continue;
-        if (spec.kind === "int" || spec.kind === "enum") value = Math.round(value);
-        if (spec.min !== void 0) value = Math.max(spec.min, value);
-        if (spec.max !== void 0) value = Math.min(spec.max, value);
-        patch[key] = value;
-      }
-      return patch;
+    report(icon, failure) {
+      if (!seen.has(icon)) seen.set(icon, { icon, code: failure, message: `${icon}: ${FAILURE_TEXT[failure]}` });
     },
-    first: () => fields.values().next().value ?? null
-  };
-}
-function openInputsEditor(container, rect, inputs2, current, onApply, strings = createChartI18n()) {
-  const host2 = container.getBoundingClientRect();
-  const el2 = document.createElement("div");
-  el2.className = "qc-overlay qc-inputs";
-  el2.setAttribute("role", "dialog");
-  el2.setAttribute("aria-label", strings.t("legend.indicatorSettings"));
-  el2.style.left = `${Math.max(4, rect.x - host2.left)}px`;
-  el2.style.top = `${Math.max(4, rect.y - host2.top + rect.h + 4)}px`;
-  for (const type of ["pointerdown", "pointerup", "pointermove"]) el2.addEventListener(type, (e) => e.stopPropagation());
-  const dismiss = () => {
-    unsubscribe();
-    el2.remove();
-  };
-  const fields = buildInputFields(inputs2, current);
-  for (const row2 of fields.rows) el2.appendChild(row2);
-  const apply = () => {
-    onApply(fields.read());
-    dismiss();
-  };
-  const buttons = document.createElement("div");
-  buttons.className = "qc-inputs-actions";
-  const mkButton = (label2, onClick, primary = false) => {
-    const b = document.createElement("button");
-    b.type = "button";
-    b.className = primary ? "qc-button qc-button--primary" : "qc-button";
-    b.textContent = label2;
-    b.addEventListener("click", onClick);
-    buttons.appendChild(b);
-    return b;
+    list: () => [...seen.values()]
   };
-  const cancelButton = mkButton(strings.t("inputs.cancel"), () => dismiss());
-  const applyButton = mkButton(strings.t("inputs.apply"), apply, true);
-  el2.appendChild(buttons);
-  const unsubscribe = strings.onChange(() => {
-    cancelButton.textContent = strings.t("inputs.cancel");
-    applyButton.textContent = strings.t("inputs.apply");
-    el2.setAttribute("aria-label", strings.t("legend.indicatorSettings"));
-  });
-  el2.addEventListener("keydown", (e) => {
-    e.stopPropagation();
-    if (e.key === "Enter") apply();
-    else if (e.key === "Escape") dismiss();
-  });
-  container.appendChild(el2);
-  fields.first()?.focus?.();
 }
 
-// src/ui/chrome/menu.ts
-var HOST_MARGIN = 8;
-var byAnchor = /* @__PURE__ */ new WeakMap();
-function toggleMenu(anchor, open2) {
-  const current = byAnchor.get(anchor);
-  if (current?.open()) current.close();
-  else open2();
-}
-function openMenu(options) {
-  const { anchor, host: host2 } = options;
-  const previous = byAnchor.get(anchor);
-  const rtl = isRtl(anchor);
-  const role = options.role ?? "menu";
-  const element = h("div", {
-    class: `qc-overlay qc-menu-panel${options.className ? ` ${options.className}` : ""}`,
-    role,
-    "aria-label": options.label,
-    ...role === "dialog" ? { "aria-modal": "false" } : {}
-  });
-  if (options.width) element.style.width = `${options.width}px`;
-  stopPointer(element);
-  const body = h("div", { class: "qc-menu-body" });
-  element.appendChild(body);
-  const footer = options.footer ? h("div", { class: "qc-menu-footer" }) : null;
-  if (footer) element.appendChild(footer);
-  let isOpen = true;
-  const previouslyFocused = document.activeElement;
-  const escape = pushEscapeOwner();
-  let untrack = () => void 0;
-  const close = () => {
-    if (!isOpen) return;
-    isOpen = false;
-    escape.release();
-    const ownedAnchor = byAnchor.get(anchor) === handle;
-    if (ownedAnchor) byAnchor.delete(anchor);
-    untrack();
-    document.removeEventListener("pointerdown", onOutside, true);
-    document.removeEventListener("keydown", onDocumentKey, true);
-    window.removeEventListener("resize", reposition);
-    if (ownedAnchor) anchor.setAttribute("aria-expanded", "false");
-    element.remove();
-    options.onClose?.();
-    if (byAnchor.get(anchor)?.open()) return;
-    const target = document.activeElement === document.body || document.activeElement === null || element.contains(document.activeElement) ? anchor : previouslyFocused;
-    target?.focus();
-  };
-  const reposition = () => {
-    if (!isOpen) return;
-    const a = anchor.getBoundingClientRect();
-    const bounds = host2.getBoundingClientRect();
-    const below = (options.placement ?? "down") === "down";
-    if (!below) element.style.maxHeight = `${Math.max(0, Math.floor(a.top - bounds.top - HOST_MARGIN - 2))}px`;
-    element.style.left = "0px";
-    element.style.top = "0px";
-    const box = element.getBoundingClientRect();
-    const alignEnd = (options.align ?? "start") === (rtl ? "start" : "end");
-    let left = (alignEnd ? a.right - box.width : a.left) - bounds.left;
-    left = Math.max(HOST_MARGIN, Math.min(left, Math.max(HOST_MARGIN, bounds.width - box.width - HOST_MARGIN)));
-    let top = (below ? a.bottom + 2 : a.top - box.height - 2) - bounds.top;
-    top = Math.max(HOST_MARGIN, Math.min(top, Math.max(HOST_MARGIN, bounds.height - box.height - HOST_MARGIN)));
-    element.style.left = `${Math.round(left)}px`;
-    element.style.top = `${Math.round(top)}px`;
-  };
-  const onOutside = (event) => {
-    const target = event.target;
-    if (!target || element.contains(target) || anchor.contains(target)) return;
-    close();
-  };
-  const onDocumentKey = (event) => {
-    if (event.key === "Escape" && ownsEscape(escape.token)) {
-      event.stopPropagation();
-      event.preventDefault();
-      close();
-    }
-  };
-  element.addEventListener("keydown", (event) => {
-    if (event.key === "Tab") {
-      close();
-      return;
-    }
-    const target = event.target;
-    const typing = target instanceof HTMLInputElement && target.type !== "checkbox" && target.type !== "radio";
-    if (typing && (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End")) return;
-    if (roveFocus(element, event, "both")) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  });
-  const handle = {
-    element,
-    close,
-    open: () => isOpen,
-    refresh() {
-      if (!isOpen) return;
-      const current = items(element).indexOf(document.activeElement);
-      body.replaceChildren();
-      options.build(body, handle);
-      if (footer && options.footer) {
-        footer.replaceChildren();
-        options.footer(footer, handle);
-      }
-      const list2 = items(element);
-      if (list2.length === 0) return;
-      if (current >= 0 && document.activeElement && !element.contains(document.activeElement)) return;
-      armRoving(element, Math.max(0, Math.min(current, list2.length - 1)));
-      if (current >= 0) list2[Math.min(current, list2.length - 1)]?.focus();
-      reposition();
-    },
-    reposition
-  };
-  byAnchor.set(anchor, handle);
-  previous?.close();
-  if (!isOpen || byAnchor.get(anchor) !== handle) return handle;
-  options.build(body, handle);
-  if (footer && options.footer) options.footer(footer, handle);
-  if (!isOpen || byAnchor.get(anchor) !== handle) return handle;
-  host2.appendChild(element);
-  untrack = trackOverlay(host2, close, () => handle.refresh());
-  anchor.setAttribute("aria-expanded", "true");
-  reposition();
-  const list = items(element);
-  const first = Math.max(0, Math.min(options.initialIndex ?? 0, list.length - 1));
-  if (list.length > 0) {
-    armRoving(element, first);
-    focusItem(list, first);
-    list[first]?.scrollIntoView?.({ block: "nearest" });
-  } else {
-    const focusable = element.querySelector('input, button, select, textarea, [tabindex="0"]');
-    focusable?.focus();
-  }
-  document.addEventListener("pointerdown", onOutside, true);
-  document.addEventListener("keydown", onDocumentKey, true);
-  window.addEventListener("resize", reposition);
-  return handle;
-}
-function menuItem(options) {
-  const role = options.role ?? "menuitem";
-  const row2 = h("button", {
-    type: "button",
-    class: `qc-menu-row${options.className ? ` ${options.className}` : ""}`,
-    role,
-    "data-qc-item": "",
-    tabindex: "-1",
-    ...options.label ? { "aria-label": options.label } : options.keys ? { "aria-label": options.text } : {},
-    ...options.keys ? { "aria-keyshortcuts": options.keys } : {},
-    ...role === "menuitemradio" || role === "menuitemcheckbox" ? { "aria-checked": String(options.checked === true) } : {},
-    ...role === "option" ? { "aria-selected": String(options.checked === true) } : {}
-  });
-  if (options.disabled) {
-    row2.disabled = true;
-    row2.setAttribute("aria-disabled", "true");
-  }
-  const cell2 = h("span", { class: "qc-menu-icon" });
-  if (options.icon) {
-    row2.classList.add("qc-menu-row--marked");
-    cell2.appendChild(options.icon);
-  }
-  row2.appendChild(cell2);
-  const label2 = h("span", { class: "qc-menu-label" }, options.text);
-  row2.appendChild(options.description === void 0 ? label2 : h("span", { class: "qc-menu-text" }, label2, h("span", { class: "qc-menu-description" }, options.description)));
-  if (options.hint !== void 0) row2.appendChild(h("span", { class: "qc-menu-hint", ...options.keys ? { "aria-hidden": "true" } : {} }, options.hint));
-  if (options.onSelect) row2.addEventListener("click", () => options.onSelect?.());
-  return row2;
-}
-function menuHeading(text2) {
-  return h("div", { class: "qc-menu-heading", role: "presentation" }, text2);
-}
-function menuSeparator() {
-  return h("div", { class: "qc-separator", role: "separator" });
-}
+// src/ui/drawings/toolIcons.ts
+var TOOL_ICONS = {
+  trend_line: '<path d="M7.3 20.7 20.7 7.3" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  ray: '<path d="M8.3 19.7 12.7 15.3 M16.3 11.7 24.4 3.6" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="13.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  info_line: '<path d="M7.3 20.7 20.7 7.3" stroke="currentColor" stroke-width="1.2"/><rect x="16.5" y="17.5" width="9" height="7" rx="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  extended: '<path d="M4.4 25.4 9.3 20.5 M12.4 17.4 17.4 12.4 M20.4 9.4 25.4 4.4" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  trend_angle: '<path d="M7.3 20.7 20.7 7.3 M7.5 22.5H24 M15.5 22.5A8 8 0 0 0 13.2 16.8" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  horizontal_line: '<path d="M4 14.5h8.4 M16.6 14.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  horizontal_ray: '<path d="M8.9 14.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  vertical_line: '<path d="M14.5 4v8.4 M14.5 16.6V25" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  cross_line: '<path d="M4 14.5h8.4 M16.6 14.5H25 M14.5 4v8.4 M14.5 16.6V25" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  parallel_channel: '<path d="M8.3 18.3 18.3 8.3 M12.4 25.3 17.3 20.4 M20.4 17.3 25.3 12.4" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.85" cy="18.85" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  regression_trend: '<path d="M5.5 12 22.5 3 M5.5 25 22.5 16 M7.6 18 20.7 11.1" stroke="currentColor" stroke-width="1.2"/><path d="M5.5 12v4.4 M5.5 20.6V25 M22.5 3v4.4 M22.5 11.6V16" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  flat_top_bottom: '<path d="M7.7 12.6 20.3 7.4 M7.5 22.5h13" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="13.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  disjoint_channel: '<path d="M7.3 9.3 20.6 4.6 M7.5 17.7 20.7 22.4" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  pitchfork: '<path d="M7.3 21.4 19.9 8.9 M6.7 13.4 14.6 21.3 M7.1 10.6 14.2 3.5 M18.1 21.6 25.2 14.5" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  schiff_pitchfork: '<path d="M6.5 22.5H16.5 M10.3 20.4 21.9 8.9 M8.3 13 17 21.7 M9.1 10.6 16.2 3.5 M20.1 21.6 27.2 14.5" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  schiff_pitchfork_modified: '<path d="M7.9 22.9 21.9 8.9 M5.5 22.5H16.5 M8.3 13 17 21.7 M9.1 10.6 16.2 3.5 M20.1 21.6 27.2 14.5" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  inside_pitchfork: '<path d="M6.5 22.5H18.5 M8.4 22.7 10.4 16.6 M11.6 12.7 14.7 3.1 M16 18.7 19.7 7.1 M21.6 20.7 24.7 11.1 M11.8 16.2 18.6 21.6" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_retracement: '<path d="M3 4.5h22 M3 10.5h19.4 M3 16.5h22 M6 22.5h19" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_trend_ext: '<path d="M6.6 16.5H26 M4 20.5h22 M4 24.5h22 M4.5 11.6v2.9 M6.6 9.3 16.6 5.7" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_channel: '<path d="M7.5 12 21 4.9 M7.3 18.5 23.2 10.1 M5.3 26 23.2 16.7" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="3.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_timezone: '<path d="M5.5 4v4.4 M5.5 12.6V25 M14.5 4v13.4 M14.5 21.6V25 M19.5 4v21 M24.5 4v21" stroke="currentColor" stroke-width="1.2"/><path d="M7.2 12.2l1 1 M9 14.5l1.5 1.5 M11.4 16.9l1.2 1.2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_speed_resist_fan: '<path d="M4.5 2v19.4 M4.5 10.5H15 M17.5 12.6v10.9 M6.5 23.5H26" stroke="currentColor" stroke-width="1.2"/><path d="M6.3 22.4 16.4 12.3 M19.3 9.4 25.9 2.9 M6.6 23.4 25.7 17.5 M5.6 21.7 11.5 2.7" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_trend_time: '<path d="M16.5 2v19.4 M20.5 2v22 M24.5 2v22 M4.7 11.5 8.4 21.8 M11.5 23.5h3" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_circles: '<circle cx="14.5" cy="14.5" r="5" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="8" stroke="currentColor" stroke-width="1.2"/><path d="M24.1 8.5A11.3 11.3 0 0 1 8.5 24.1 M4.9 20.5A11.3 11.3 0 0 1 20.5 4.9" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_spiral: '<path d="M15.6 13.2a1.7 1.7 0 1 0-3.4 0 3 3 0 0 0 6 0 5.2 5.2 0 1 0-10.4 0 7.6 7.6 0 0 0 14.9 2.4" stroke="currentColor" stroke-width="1.2"/><path d="M15 15.7 18.7 12 M21 9.7 24.2 6.5" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_speed_resist_arcs: '<path d="M8.5 9.5A5 5 0 0 0 18.5 9.5 M0.5 9.5A13 13 0 0 0 26.5 9.5 M4.5 9.5A9 9 0 0 0 11 18.2 M16 18.2A9 9 0 0 0 22.5 9.5" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fib_wedge: '<path d="M5.5 8v13 M8 23.5H21" stroke="currentColor" stroke-width="1.2"/><path d="M5.5 17.5A6 6 0 0 1 11.5 23.5 M5.5 13.5A10 10 0 0 1 15.5 23.5 M5.5 9.5A14 14 0 0 1 19.5 23.5" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  pitchfan: '<path d="M7.4 21.4 24.4 4.4 M7.3 22.7 16.9 21.2 M20.3 20.7 24.8 19.9 M7.3 22.1 23 13.8 M6.7 21.2 15.1 5.5 M6.3 20.8 7.8 11.4 M8.3 7.8 9 3.3 M9.3 10.6 17.5 18.8" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="20.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  gannbox: '<path d="M22.5 3.5H3.5V22 M5.5 24.5H24.5V5.5" stroke="currentColor" stroke-width="1.2"/><path d="M3.5 10.5h21 M3.5 17.5h21 M10.5 3.5v21 M17.5 3.5v21" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="3.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  gannbox_fixed: '<path d="M5.5 23.5H24.5V2.5H3.5V21.5 M4 9.5h20 M3.5 18.5h5 M12.5 18.5h12 M17.5 3v20 M10.5 2.5v12 M10.5 18.5v5" stroke="currentColor" stroke-width="1.2"/><path d="M4.9 22.1 9.1 17.9 M12 15 24 3 M5.4 23 24.5 17 M4.1 21.6 10 2.5 M24.5 23.5A21 21 0 0 0 3.5 2.5" stroke="currentColor" stroke-width="1.2"/>',
+  gannbox_square: '<path d="M22.5 3.5H3.5V22 M5.5 24.5H24.5V5.5" stroke="currentColor" stroke-width="1.2"/><path d="M5.3 23.4 23.5 5.2 M5.6 24.4 24.7 18.5 M4.6 22.7 10.5 3.7 M24.5 6.5A21 21 0 0 1 6.5 24.5" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="3.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  gannbox_fan: '<path d="M7.4 21.4 14.5 14.3 M17.3 11.5 24.4 4.4 M7.5 22.1 23.3 14.4 M7.5 22.7 24.8 19.9 M6.8 21 14.5 5.2 M6.3 20.7 9.1 3.3" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="15.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  xabcd_pattern: '<path d="M6.3 20.7 8.6 7.6 M9 7.5 11 11 M11 13.8 6.2 20.6 M14.4 11.7 19.2 8.1 M20.4 8.5 22.6 17.6 M13.9 14 21.6 18.9" stroke="currentColor" stroke-width="1.2"/><circle cx="8.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="12.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  cypher_pattern: '<path d="M6.3 20.7 8.6 7.6 M9 7.5 11 11 M11 13.8 6.2 20.6 M14.4 11.7 19.2 8.1 M20.4 8.5 22.6 17.6 M13.9 14 21.6 18.9" stroke="currentColor" stroke-width="1.2"/><circle cx="8.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="12.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="14.3" y="24.4" text-anchor="middle" font-size="7.5" fill="currentColor">C</text>',
+  abcd_pattern: '<path d="M9.5 6.7 21.5 5.2 M6.6 9.4 4.4 20.4 M6.5 22.7 18.6 21.2 M21.4 18.6 23.6 7.6 M8.5 9.2 18.8 19.5" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="7.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="20.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  triangle_pattern: '<path d="M2.5 1.5V20.8 M2.6 1.9 7.4 4.1 M11.1 5.9 16.4 8.3 M20.1 8.1 26.8 11.1 M4.1 21.2 9.5 18.8 M13.3 17.7 26.8 11.6" stroke="currentColor" stroke-width="1.2"/><path d="M3.7 20.8 9.2 6.6 M9.3 6.4 10.7 16.6 M13.1 17.2 17.8 10.4" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  three_drives: '<path d="M0.3 4.7 1.4 5.2 M5.1 6.8 8.5 8.2 M12.1 9.8 15.5 11.2 M19.2 12.8 25.1 15.3 M0.3 17.7 1.4 18.2 M5.1 19.8 8.5 21.2 M12.1 22.8 15.5 24.2 M19.2 25.8 20.8 26.5" stroke="currentColor" stroke-width="1.2"/><path d="M3.5 7.5V16.4 M4.3 16.5 8.9 9.9 M10.5 10.5V19.5 M11.3 19.5 15.9 12.9 M17.5 13.5V22.5 M17.7 22.5 24.3 5.2" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  head_and_shoulders: '<path d="M4.4 21.7 6.5 12.6 M7.8 12 10 16.5 M10.6 16.4 13.5 6.3 M15.5 6.2 18.4 16.5 M18.9 16.5 21.1 12.1 M23.4 12.3 25.5 21.4" stroke="currentColor" stroke-width="1.2"/><path d="M1 18.5h7.5 M12.5 18.5h4 M20.5 18.5h6.5" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="21.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="25.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  elliott_impulse_wave: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">1</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">5</text>',
+  elliott_correction: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">A</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">C</text>',
+  elliott_triangle_wave: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">A</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">E</text>',
+  elliott_double_combo: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">W</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">Y</text>',
+  elliott_triple_combo: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">W</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">Z</text>',
+  cyclic_lines: '<path d="M5.5 4v8.4 M5.5 16.6V25 M11.5 4v8.4 M11.5 16.6V25 M17.5 4v21 M23.5 4v21" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  time_cycles: '<path d="M-2.5 15A5.5 5.5 0 0 1 8.5 15 M8.5 15A5.5 5.5 0 0 1 19.5 15 M19.5 15A5.5 5.5 0 0 1 30.5 15" stroke="currentColor" stroke-width="1.2"/><circle cx="8.5" cy="17.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="17.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  sine_line: '<path d="M5.2 14.1C5.2 11.4 6 8.9 7.5 8 M11.1 8.6C12.7 9.9 13.3 12.1 14.1 14.6C15 17.4 15.9 20 17.7 21.3 M21.5 21.5C23 20.9 24 19.1 24.6 17.2C24.9 16.2 25.3 15.1 25.4 14.2" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="7.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  long_position: '<path d="M8 6.5H25 M5 17.5h20 M8 22.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="15.5" y="14.5" text-anchor="middle" font-size="7.5" fill="currentColor">L</text>',
+  short_position: '<path d="M8 6.5H25 M5 11.5h20 M8 22.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="15.7" y="19" text-anchor="middle" font-size="7.5" fill="currentColor">S</text>',
+  forecast: '<path d="M7.5 6v6 M7.5 19.5V22 M14.5 5v5 M14.5 18v3 M21.5 5v6" stroke="currentColor" stroke-width="1.2"/><rect x="6.5" y="12.5" width="2" height="7" stroke="currentColor" stroke-width="1.2"/><rect x="13.5" y="10.5" width="2" height="7.5" stroke="currentColor" stroke-width="1.2"/><path d="M19 11h5l-2.5 3z" fill="currentColor"/><circle cx="21.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  bars_pattern: '<path d="M6.5 6v6.5 M6.5 19.5V22 M11.5 11v2.5 M11.5 16.5V24 M16.5 5v5.5 M16.5 18.5V21 M21.5 7v4.5 M21.5 16.5V19" stroke="currentColor" stroke-width="1.2"/><rect x="5.5" y="12.5" width="2" height="7" stroke="currentColor" stroke-width="1.2"/><rect x="10.5" y="13.5" width="2" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="15.5" y="10.5" width="2" height="8" stroke="currentColor" stroke-width="1.2"/><rect x="20.5" y="11.5" width="2" height="5" stroke="currentColor" stroke-width="1.2"/>',
+  ghost_feed: '<path d="M4.5 18 7.7 16.7 M9.7 15.9 12.7 14.7 M14.7 13.9 17.7 12.7 M19.7 11.8 22.8 10.5" stroke="currentColor" stroke-width="1.2"/><path d="M8.5 9v4.5 M8.5 18.5v2.5 M13.5 6v5 M13.5 15v5 M18.5 3v5.5 M18.5 16.5v2.5" stroke="currentColor" stroke-width="1.2"/><rect x="7.5" y="13.5" width="2" height="5" stroke="currentColor" stroke-width="1.2"/><rect x="12.5" y="11" width="2" height="4" stroke="currentColor" stroke-width="1.2"/><rect x="17.5" y="8.5" width="2" height="8" stroke="currentColor" stroke-width="1.2"/>',
+  sector: '<path d="M5.5 8v13 M8 23.5H21 M7.6 5.1A18.4 18.4 0 0 1 23.9 21.4" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  anchored_vwap: '<path d="M10.5 5v4.5 M10.5 21.5V25 M17.5 2v5.5 M17.5 17.5V23" stroke="currentColor" stroke-width="1.2"/><rect x="8.5" y="9.5" width="4" height="12" stroke="currentColor" stroke-width="1.2"/><rect x="15.5" y="7.5" width="4" height="10" stroke="currentColor" stroke-width="1.2"/><path d="M5.6 15.8 7.5 14.4 14.2 15.9 25 9.7" stroke="currentColor" stroke-width="1.2"/><circle cx="4" cy="17" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  fixed_range_volume_profile: '<path d="M3.5 3v16 M23.5 8v16" stroke="currentColor" stroke-width="1.2"/><rect x="3.5" y="6.5" width="6" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="3.5" y="9.5" width="9" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="3.5" y="12.5" width="4" height="3" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  anchored_volume_profile: '<path d="M23.5 3v21 M9 13.5h5.5" stroke="currentColor" stroke-width="1.2"/><rect x="17.5" y="7.5" width="6" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="12.5" y="10.5" width="11" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="14.5" y="14.5" width="9" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="20.5" y="17.5" width="3" height="3" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="13.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  price_range: '<path d="M4 4.5h16.5 M8.5 24.5H25 M14.5 9v14" stroke="currentColor" stroke-width="1.2"/><path d="M14.5 6l2.5 3h-5z" fill="currentColor"/><circle cx="22.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  date_range: '<path d="M4.5 4v16.5 M24.5 8.5V25 M6 14.5h14" stroke="currentColor" stroke-width="1.2"/><path d="M20 12v5l3-2.5z" fill="currentColor"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  date_and_price_range: '<path d="M4 4.5h17.5 M4.5 4v17.5 M6.5 23.5H24 M23.5 6.5V24" stroke="currentColor" stroke-width="1.2"/><path d="M13.5 9v13 M6 14.5h13" stroke="currentColor" stroke-width="1.2"/><path d="M13.5 6l2.5 3h-5z M19 12v5l3-2.5z" fill="currentColor"/><circle cx="4.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  brush: '<path d="M3.5 22.5c2.4-2.6 3.6-5.3 4.5-8 1.2-3.4 5.6-4.2 8.2-1.2 2.8 3.3-.3 9.2-5.5 9.2z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="M18.2 6.4 16.8 7.7c-1 .9-1 2.4-.1 3.4l1.9 1.9c1 1 2.5.9 3.4 0l5.5-5.7" stroke="currentColor" stroke-width="1.2"/>',
+  highlighter: '<path d="M15 2.7 26 13.7 19.3 20.4 14.7 21.9a1.2 1.2 0 0 1-1.2-.3l-5.9-6a1.2 1.2 0 0 1-.3-1.2L8.4 9.3z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="M8.9 10.5 18.2 19.8" stroke="currentColor" stroke-width="1.2"/><path d="M7.9 16.9l4.2 4.2-2.6 2.6-6.1-2.4z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  arrow_marker: '<path d="M22.7 4.6a.8.8 0 0 1 1 1l-2.5 8.3c-.2.7-1.1.8-1.5.2l-.9-1.7-12.6 10a.8.8 0 0 1-1.1-1.1l10-12.6-1.7-.9c-.6-.4-.5-1.3.2-1.5z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  arrow: '<path d="M7.3 20.7 15 13" stroke="currentColor" stroke-width="1.2"/><path d="M21 7l-8 3 5 5z" fill="currentColor"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  arrow_up: '<path d="M10.5 16.5H4.8L14 5.5l9.2 11h-5.7v6h-7z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  arrow_down: '<path d="M10.5 11.5H4.8L14 22.5l9.2-11h-5.7v-6h-7z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  rectangle: '<path d="M7.5 5.5h13 M7.5 22.5h13 M5.5 7.5v13 M22.5 7.5v13" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  rotated_rectangle: '<path d="M14.7 3.6 10.5 7.8 M7.7 10.6 3.5 14.8 M3.5 18.2l6.2 6.2 M13.2 24.5l4.2-4.2 M20.2 17.5l4.2-4.2 M24.4 9.7 18.2 3.5" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="2.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="2.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="25.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="25.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  path: '<path d="M2 18.6 7.7 12.6 M11.3 12.3 14.7 15.7 M18.3 15.7 25.6 8.4 M21 7.5h5.5 M26.5 7.5V13" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="17.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  circle: '<path d="M23.7 16.4A10 10 0 1 1 23.7 11.6" stroke="currentColor" stroke-width="1.2"/><circle cx="14" cy="14" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24" cy="14" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  ellipse: '<path d="M17 6.8A11 8 0 0 1 25 12.2 M25 16.8A11 8 0 0 1 17 22.2 M12 22.2A11 8 0 0 1 4 16.8 M4 12.2A11 8 0 0 1 12 6.8" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="25.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  polyline: '<path d="M8.3 11.6 13.4 7.1 M16.5 5.5h4 M22.5 7.5v5 M20.5 14.5h-4 M14.5 16.5v4 M12.5 22.5h-4 M6.5 20.5v-6" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  triangle: '<path d="M8.5 22.5h11 M6.5 8.5v12 M7.5 8.3 19.8 21.4" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="21.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  arc: '<path d="M8.2 21.4 21.5 7.3" stroke="currentColor" stroke-width="1.2"/><path d="M8 23.9C12.5 26 17.8 26 21.5 23.4 M24 20C26 16 25.7 11 23.9 7.1" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  curve: '<path d="M6.3 20.7C6.9 17.2 8 14.3 9.7 12.1 M12.2 9.7C14.7 7.9 17.7 6.8 20.7 6.3" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  double_curve: '<path d="M6 24.9C9.8 26.5 13.3 26.5 15.7 23.6 M17.6 19.6C17.9 17.3 17 16 14.3 13.6C11.9 11.5 11.1 10.3 11.4 8.5 M12.9 5.1C15 2.6 18.1 2.5 21.6 4.1" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  text: '<path d="M7.5 9V5.5h13V9 M14 5.5v17 M11 22.5h6" stroke="currentColor" stroke-width="1.2"/>',
+  note: '<rect x="4.5" y="2.5" width="18" height="14" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M9.5 8V6h9v2 M14 6v7 M12 13h4 M13.5 16.5v4.5" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  price_note: '<rect x="4.5" y="2.5" width="18" height="14" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M13.5 16.5v4.5" stroke="currentColor" stroke-width="1.2"/><text x="14" y="13" text-anchor="middle" font-size="10" fill="currentColor">$</text><circle cx="13.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  table: '<rect x="3.5" y="5.5" width="21" height="18" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M3.5 11.5h21 M3.5 17.5h21 M9.5 5.5v18" stroke="currentColor" stroke-width="1.2"/>',
+  callout: '<path d="M9.6 18.5 5.5 23.5V6.5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  comment: '<path d="M5.5 14a7 7 0 0 1 7-7h5a7 7 0 1 1 0 14H6.5a1 1 0 0 1-1-1z" stroke="currentColor" stroke-width="1.2"/>',
+  price_label: '<path d="M5.5 20.5v-14a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H12.6l-3.2 3.2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
+  signpost: '<circle cx="14" cy="11.5" r="9" stroke="currentColor" stroke-width="1.2"/><path d="M14 20.5V27" stroke="currentColor" stroke-width="1.2"/><path d="M14 6.2l1.5 3.1 3.4.4-2.5 2.3.6 3.4-3-1.7-3 1.7.6-3.4-2.5-2.3 3.4-.4z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  flag: '<path d="M5.5 23V5.5h16.7l-4.6 5.25 4.6 5.25H5.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
+  image: '<rect x="3.5" y="4.5" width="21" height="19" rx="3.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10" cy="10" r="1.5" stroke="currentColor" stroke-width="1.2"/><path d="M4.2 21.5 9.3 15.1l3.3 4 M12.9 17.4 18 10.7l5.9 7.7" stroke="currentColor" stroke-width="1.2"/>',
+  content_card: '<rect x="4.5" y="5.5" width="19" height="17" rx="2" stroke="currentColor" stroke-width="1.2"/><path d="M4.5 11.5h19 M8 15.5h9 M8 18.5h6" stroke="currentColor" stroke-width="1.2"/>',
+  pin: '<path d="M14 3.5a7.5 7.5 0 0 1 7.5 7.5c0 4.2-4.2 8.9-7.5 12.6C10.7 19.9 6.5 15.2 6.5 11A7.5 7.5 0 0 1 14 3.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><circle cx="14" cy="11" r="3" stroke="currentColor" stroke-width="1.2"/>'
+};
 
-// src/ui/chrome/marketStatus.ts
-var clock = (mins) => `${String(Math.floor(mins / 60) % 24).padStart(2, "0")}:${String(mins % 60).padStart(2, "0")}`;
-function timelineLabels(starts) {
-  const sorted = [...new Set(starts.filter((m) => m > 0))].sort((a, b) => a - b);
-  const out = [];
-  for (let i = 0; i < sorted.length; i++) {
-    const a = sorted[i];
-    const b = sorted[i + 1];
-    if (b !== void 0 && b - a <= 90) {
-      out.push({ mins: (a + b) / 2, text: `${clock(a)} ${clock(b)}` });
-      i++;
-    } else out.push({ mins: a, text: clock(a) });
-  }
-  return out;
-}
-function openMarketStatus(anchor, deps) {
-  const t = deps.i18n.t;
-  const now = () => Math.floor(Date.now() / 1e3);
-  let timer = null;
-  let offLocale = () => void 0;
-  const stopUpdates = () => {
-    if (timer) clearInterval(timer);
-    timer = null;
-    offLocale();
-    offLocale = () => void 0;
-  };
-  const titleRow = (state, text2) => {
-    const dot = h("span", { class: "qc-session-dot qc-status-dot", ...state ? { "data-qc-session": state } : {} });
-    return h("div", { class: "qc-status-title" }, dot, h("span", { class: "qc-title" }, text2));
-  };
-  const menu2 = openMenu({
-    host: deps.host,
-    anchor,
-    label: t("status.title"),
-    role: "dialog",
-    className: "qc-status-popup",
-    width: 300,
-    build(body) {
-      const model = deps.model();
-      const nowSecs = now();
-      const status2 = model ? deps.status(nowSecs) : null;
-      if (!model || !status2) {
-        body.append(titleRow(null, t("status.unknownTitle")), h("p", { class: "qc-status-text qc-secondary" }, t("status.unknown")));
-        return;
-      }
-      body.append(titleRow(sessionStateAt(model, nowSecs), marketStatusTitle(t, status2)), h("p", { class: "qc-status-text qc-secondary" }, marketStatusText(t, status2, nowSecs)));
-      const tl = sessionTimeline(model, nowSecs, deps.i18n.tag());
-      const bar = h("div", { class: "qc-status-bar", "aria-hidden": "true" });
-      for (const s of tl.segments) {
-        const segment = h("div", { class: "qc-status-segment", "data-qc-session": s.state });
-        segment.style.width = `${(s.end - s.start) / 1440 * 100}%`;
-        bar.appendChild(segment);
-      }
-      const marker = h("div", { class: "qc-status-now" });
-      marker.style.insetInlineStart = `${tl.nowMins / 1440 * 100}%`;
-      const track = h("div", { class: "qc-status-track" }, bar, marker);
-      body.appendChild(h("div", { class: "qc-status-timeline" }, h("span", { class: "qc-status-day qc-muted" }, tl.dayLabel), track));
-      const labels = timelineLabels(tl.segments.map((s) => s.start));
-      if (labels.length > 0) {
-        const row2 = h("div", { class: "qc-status-labels", "aria-hidden": "true" });
-        for (const l of labels) {
-          const label2 = h("span", { class: "qc-status-label qc-muted" }, l.text);
-          label2.style.insetInlineStart = `${l.mins / 1440 * 100}%`;
-          row2.appendChild(label2);
-        }
-        body.appendChild(row2);
-      }
-      body.appendChild(h("div", { class: "qc-status-footer qc-muted" }, exchangeTimezoneText(t, tl.timezone, new Date(nowSecs * 1e3))));
-    },
-    onClose() {
-      stopUpdates();
-      deps.onClose?.();
-    }
-  });
-  timer = setInterval(() => menu2.refresh(), 6e4);
-  offLocale = deps.i18n.onChange(() => menu2.refresh());
-  if (!menu2.open()) stopUpdates();
-  return menu2;
-}
+// src/ui/chrome/arrangementGlyphs.ts
+var ARRANGEMENT_ICONS = {
+  "s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" d="M2.5 1C1.67 1 1 1.67 1 2.5v12c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5h-14ZM0 2.5A2.5 2.5 0 0 1 2.5 0h14A2.5 2.5 0 0 1 19 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 0 14.5v-12Z"></path>' },
+  "2h": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H10v15ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "2v": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V9H1Zm1.5-9A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "3h": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H6v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM7 16h5V1H7v15Zm6-15v15h3.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H13ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "3v": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V5H1V2.5ZM1 6v5h17V6H1Zm17 6H1v2.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V12ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "3s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V9h-8v7Zm8-8V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "3r": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H9V9H1Zm9 7h6.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H10v15ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "2-1": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V9H1Zm17-1V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "1-2": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H9V9H1Zm9 7h6.5c.83 0 1.5-.67 1.5-1.5V9h-8v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "4": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H9V9H1Zm9 7h6.5c.83 0 1.5-.67 1.5-1.5V9h-8v7Zm8-8V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "4v": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V4H1V2.5ZM1 5v3h17V5H1Zm17 4H1v3h17V9Zm0 4H1v1.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V13ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "4h": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H4v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM5 16h4V1H5v15Zm5-15v15h4V1h-4Zm5 0v15h1.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H15ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "4s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V12h-8v4Zm8-5V6h-8v5h8Zm0-6V2.5c0-.83-.67-1.5-1.5-1.5H10v4h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "4s-l": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H11v4H2V3.5ZM2 7v5h9V7H2Zm0 6v2.5c0 .83.67 1.5 1.5 1.5H11v-4H2Zm10 4h5.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H12v15ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
+  "1-3": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "3-1": { viewBox: "-1 -1 21 19", body: '<g transform="matrix(1,0,0,-1,0,0)"><path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path></g>' },
+  "2-2-l": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M2.5 1C1.67 1 1 1.67 1 2.5v12c0 .83.67 1.5 1.5 1.5H5V1zM10 16H6V1h4v15m1 0h5.5c.83 0 1.5-.67 1.5-1.5V9h-7zm7-8V2.5c0-.83-.67-1.5-1.5-1.5H11v7zM0 2.5A2.5 2.5 0 0 1 2.5 0h14A2.5 2.5 0 0 1 19 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 0 14.5z"></path>' },
+  "2-2-r": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M16.5 1H14v15h2.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5M9 1h4v15H9V1M8 1H2.5C1.67 1 1 1.67 1 2.5V8h7zM1 9v5.5c0 .83.67 1.5 1.5 1.5H8V9zm1.5-9A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
+  "2-2": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v3h17V9H1Zm17-1V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8Zm0 5H1v1.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V13ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "1-4": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H4V9H1Zm4 7h4V9H5v7Zm5 0h4V9h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V9h-3v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "5h": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M19 3.5c0-.83-.67-1.5-1.5-1.5H17v15h.5c.83 0 1.5-.67 1.5-1.5v-12Zm-17 12c0 .83.67 1.5 1.5 1.5H4V2h-.5C2.67 2 2 2.67 2 3.5v12ZM1.01 3.24A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 1 15.5v-12l.01-.26ZM5 17h3V2H5v15Zm11 0h-3V2h3v15ZM12 2v15H9V2h3Z"></path>' },
+  "5v": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 3.5A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 1 15.5v-12ZM3.5 2h14c.83 0 1.5.67 1.5 1.5V4H2v-.5C2 2.67 2.67 2 3.5 2ZM2 5v2h17V5H2Zm17 3H2v3h17V8Zm0 4H2v2h17v-2Zm0 3H2v.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V15Z"></path>' },
+  "5s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V13h-8v3Zm8-4V9h-8v3h8Zm0-4V5h-8v3h8Zm0-4V2.5c0-.83-.67-1.5-1.5-1.5H10v3h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "5s-l": { viewBox: "-1 -1 21 19", body: '<g transform="matrix(-1,0,0,-1,0,0)"><path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V13h-8v3Zm8-4V9h-8v3h8Zm0-4V5h-8v3h8Zm0-4V2.5c0-.83-.67-1.5-1.5-1.5H10v3h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path></g>' },
+  "2-3": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7Zm5-8V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "3-2": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H7v7H2V3.5ZM2 10v5.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V10h-8v7h-1v-7H2Zm17-1V3.5c0-.83-.67-1.5-1.5-1.5H14v7h5Zm-6-7H8v7h5V2ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
+  "4-1": { viewBox: "-1 -1 21 19", body: '<g transform="matrix(-1,0,0,-1,0,0)"><path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H4V9H1Zm4 7h4V9H5v7Zm5 0h4V9h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V9h-3v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path></g>' },
+  "2-3-l": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M10 1H6v15h4V1m1 0v4h7V2.5c0-.83-.67-1.5-1.5-1.5zm7 5h-7v5h7zm0 6h-7v4h5.5c.83 0 1.5-.67 1.5-1.5zM2.5 1H5v15H2.5A1.5 1.5 0 0 1 1 14.5v-12C1 1.67 1.67 1 2.5 1m0-1A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
+  "2-3-r": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M16.5 1H14v15h2.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5M9 1h4v15H9V1M8 1H2.5C1.67 1 1 1.67 1 2.5V5h7zM1 6v5h7V6zm0 6v2.5c0 .83.67 1.5 1.5 1.5H8v-4zM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
+  "6": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H6v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7Zm5-8V2.5c0-.83-.67-1.5-1.5-1.5H13v7h5Zm-6-7H7v7h5V1ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "6h": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H4v15h-.5A1.5 1.5 0 0 1 2 15.5v-12ZM5 17h2V2H5v15ZM8 2v15h2V2H8Zm3 0v15h2V2h-2Zm3 0v15h2V2h-2Zm3 0v15h.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H17ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
+  "6v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
+  "6c": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v4H1V2.5ZM1 6v5h8V6H1Zm0 6v2.5c0 .83.67 1.5 1.5 1.5H9v-4H1Zm9 4h6.5c.83 0 1.5-.67 1.5-1.5V12h-8v4Zm8-5V6h-8v5h8Zm0-6V2.5c0-.83-.67-1.5-1.5-1.5H10v4h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "2-4": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 3.5A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 1 15.5v-12ZM11 2h6.5c.83 0 1.5.67 1.5 1.5V9h-8V2Zm-1 0H3.5C2.67 2 2 2.67 2 3.5V9h8V2Zm-8 8v5.5c0 .83.67 1.5 1.5 1.5H5v-7H2Zm4 7h4v-7H6v7Zm5 0h4v-7h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V10h-3v7Z"></path>' },
+  "4-2": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M15 1h1.5c.83 0 1.5.67 1.5 1.5v5h-3zm-1 0h-4v6.5h4zM9 1H5v6.5h4zM4 1H2.5C1.67 1 1 1.67 1 2.5v5h3zM1 8.5v6c0 .83.67 1.5 1.5 1.5H9V8.5H1m9 7.5h6.5c.83 0 1.5-.67 1.5-1.5v-6h-8zM0 2.5A2.5 2.5 0 0 1 2.5 0h14A2.5 2.5 0 0 1 19 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 0 14.5z"></path>' },
+  "4-3": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M14 1h-4v7h4zm1 8h-2v7h3.5c.83 0 1.5-.67 1.5-1.5V9zm-3 7V9H7v7zM5 9h1v7H2.5A1.5 1.5 0 0 1 1 14.5V9h4m13-1V2.5c0-.83-.67-1.5-1.5-1.5H15v7zM1 8h3V1H2.5C1.67 1 1 1.67 1 2.5zm4 0h4V1H5zM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
+  "7h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
+  "7s": { viewBox: "0 0 19 17", body: '<g fill="currentColor"><path fill-rule="evenodd" d="M16.5 1h-14C1.67 1 1 1.67 1 2.5v12c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5m-14-1A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path><path d="M9 3h9v1H9z"></path><path d="M9 17V1h1v16z"></path><path d="M9 6h9v1H9z" opacity=".65"></path><path d="M9 9h9v1H9z" opacity=".25"></path><path d="M9 12h9v1H9z" opacity=".05"></path></g>' },
+  "8": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H4v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H4V9H1Zm4 7h4V9H5v7Zm5 0h4V9h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V9h-3v7Zm3-8V2.5c0-.83-.67-1.5-1.5-1.5H15v7h3Zm-4-7h-4v7h4V1ZM9 1H5v7h4V1ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "8c": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v3H1V2.5ZM1 5v3h8V5H1Zm0 4v3h8V9H1Zm0 4v1.5c0 .83.67 1.5 1.5 1.5H9v-3H1Zm9 3h6.5c.83 0 1.5-.67 1.5-1.5V13h-8v3Zm8-4V9h-8v3h8Zm0-4V5h-8v3h8Zm0-4V2.5c0-.83-.67-1.5-1.5-1.5H10v3h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
+  "8h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
+  "8v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
+  "9s": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14ZM7 2H3.5C2.67 2 2 2.67 2 3.5V6h5V2Zm1 0v4h5V2H8Zm0 5h5v5H8V7Zm-1 5V7H2v5h5Zm-5 1h5v4H3.5A1.5 1.5 0 0 1 2 15.5V13Zm6 0h5v4H8v-4Zm6 0v4h3.5c.83 0 1.5-.67 1.5-1.5V13h-5Zm5-1V7h-5v5h5ZM14 2v4h5V3.5c0-.83-.67-1.5-1.5-1.5H14Z"></path>' },
+  "5-4": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M7 1H4v7h3zm1 0v7h3V1zm4 0v7h3V1zm0 8h-2v7h4V9zm3 0h3v5.5c0 .83-.67 1.5-1.5 1.5H15zm1-8v7h2V2.5c0-.83-.67-1.5-1.5-1.5zM8 9H5v7h4V9zM2.5 1H3v7H1V2.5C1 1.67 1.67 1 2.5 1M1 9h3v7H2.5A1.5 1.5 0 0 1 1 14.5zm1.5-9A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
+  "9h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
+  "9v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
+  "10c5": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H4v7H2V3.5ZM2 10v5.5c0 .83.67 1.5 1.5 1.5H4v-7H2Zm3 7h3v-7H5v7Zm4 0h3v-7H9v7Zm4 0h3v-7h-3v7Zm4 0h.5c.83 0 1.5-.67 1.5-1.5V10h-2v7Zm2-8V3.5c0-.83-.67-1.5-1.5-1.5H17v7h2Zm-3-7h-3v7h3V2Zm-4 0H9v7h3V2ZM8 2H5v7h3V2ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
+  "10h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
+  "10v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
+  "12c6": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H4v7H2V3.5ZM2 10v5.5c0 .83.67 1.5 1.5 1.5H4v-7H2Zm3 7h2v-7H5v7Zm3 0h2v-7H8v7Zm3 0h2v-7h-2v7Zm3 0h2v-7h-2v7Zm3 0h.5c.83 0 1.5-.67 1.5-1.5V10h-2v7Zm2-8V3.5c0-.83-.67-1.5-1.5-1.5H17v7h2Zm-3-7h-2v7h2V2Zm-3 0h-2v7h2V2Zm-3 0H8v7h2V2ZM7 2H5v7h2V2ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
+  "12c4": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H7v3H2v1h5v3H2v1h5v3H2v1h5v3H3.5A1.5 1.5 0 0 1 2 15.5v-12ZM8 14v3h5v-3H8Zm6 0v3h3.5c.83 0 1.5-.67 1.5-1.5V14h-5Zm5-1h-5v-3h5v3Zm-6 0H8v-3h5v3ZM8 9h5V6H8v3Zm6 0h5V6h-5v3Zm-1-4H8V2h5v3Zm1 13H3.5A2.5 2.5 0 0 1 1 15.5v-12A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5H14Zm0-13V2h3.5c.83 0 1.5.67 1.5 1.5V5h-5Z"></path>' },
+  "12h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
+  "14c7": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M19 10H2V9h17v1Z"></path><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 18V2h1v16h-1Z" opacity=".05"></path></g>' },
+  "16c8": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M19 10H2V9h17v1Z"></path><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 18V2h1v16h-1Z" opacity=".05"></path></g>' },
+  "16c4": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M3.5 2C2.67 2 2 2.67 2 3.5v12c0 .83.67 1.5 1.5 1.5H5v-3H2v-1h3v-3H2V9h3V6H2V5h3V2H3.5ZM6 14v3h4v-3H6Zm4-1H6v-3h4v3Zm1 1v3h4v-3h-4Zm4-1h-4v-3h4v3Zm1 1v3h1.5c.83 0 1.5-.67 1.5-1.5V14h-3Zm3-1h-3v-3h3v3Zm-8-4h4V6h-4v3Zm5-3v3h3V6h-3ZM6 9h4V6H6v3Zm0-4h4V2H6v3Zm10 13H3.5A2.5 2.5 0 0 1 1 15.5v-12A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5H16Zm0-13V2h1.5c.83 0 1.5.67 1.5 1.5V5h-3Zm-1-3h-4v3h4V2Z"></path>' }
+};
 
-// src/widget/legend.ts
-var COMPARE_ROW_PREFIX = "cmp:";
-var HOST_ROW_PREFIX = "host:";
-function barIndexAt(bars, time) {
-  if (bars.length === 0) return -1;
-  if (time === null) return bars.length - 1;
-  let lo = 0;
-  let hi = bars.length - 1;
-  while (lo < hi) {
-    const mid = lo + hi + 1 >> 1;
-    if (bars[mid].t <= time) lo = mid;
-    else hi = mid - 1;
-  }
-  return lo;
+// src/ui/icons/catalog.ts
+var byMeaning = (table) => table;
+var CONTROL_ICONS = byMeaning({
+  // The top bar and the widget's menus.
+  compare: [ICONS.comparePlus],
+  indicators: [ICONS.indicators],
+  replay: [ICONS.replay],
+  undo: [ICONS.undo],
+  redo: [ICONS.redo],
+  settings: [ICONS.settings, ICONS.gear, ICONS.legendSettings],
+  fullscreen: [ICONS.fullscreen],
+  fullscreenExit: [ICONS.exitFullscreen],
+  image: [ICONS.camera],
+  download: [ICONS.download],
+  copy: [ICONS.copy],
+  caret: [ICONS.menuArrowWide],
+  info: [ICONS.info],
+  // The legend.
+  visible: [ICONS.legendEye],
+  hidden: [ICONS.legendEyeOff],
+  collapse: [ICONS.legendChevron],
+  paneCollapse: [ICONS.paneCollapse],
+  paneRestore: [ICONS.paneRestore],
+  paneMaximize: [ICONS.paneMaximize],
+  marketStatus: [ICONS.marketStatus],
+  replayStatus: [ICONS.replayStatus],
+  replayMark: [ICONS.replayMark],
+  replayCut: [ICONS.replayCut],
+  // The navigation cluster.
+  zoomIn: [ICONS.navZoomIn],
+  zoomOut: [ICONS.navZoomOut],
+  scroll: [ICONS.navScroll],
+  reset: [ICONS.navReset],
+  tileMaximize: [ICONS.tileMaximize],
+  tileRestore: [ICONS.tileRestore],
+  // Rows, lists and dialogs.
+  check: [ICONS.check],
+  close: [ICONS.close, ICONS.closeThin, ICONS.dialogClose],
+  remove: [ICONS.close18, ICONS.removeRow],
+  delete: [ICONS.trash, ICONS.trash28],
+  add: [ICONS.plus, ICONS.plusThin, ICONS.plus24],
+  search: [ICONS.search, ICONS.search24],
+  clear: [ICONS.clear],
+  open: [ICONS.folder],
+  rename: [ICONS.pencil],
+  duplicate: [ICONS.clone],
+  favorite: [ICONS.star, ICONS.pickerStar],
+  favorited: [ICONS.starFilled, ICONS.pickerStarFilled],
+  sortAscending: [ICONS.sortUp, ICONS.sortUpRow],
+  sortDescending: [ICONS.sortDown, ICONS.sortDownRow],
+  chevronUp: [ICONS.chevronUp],
+  chevronDown: [ICONS.chevronDown, ICONS.chevronDown18],
+  chevronLeft: [ICONS.chevronLeft],
+  chevronRight: [ICONS.chevronRight],
+  // The drawing toolbar's arrow, pointing where the flyout it opens will stand.
+  flyout: [ICONS.chevronRight16],
+  submenu: [ICONS.submenuArrow],
+  more: [ICONS.kebab],
+  grip: [ICONS.grip],
+  emptySearch: [SEARCH_EMPTY_MARK],
+  emptyCompare: [COMPARE_EMPTY_MARK],
+  // The symbol search's spread builder.
+  operatorsShow: [ICONS.spreadOpsShow],
+  operatorsHide: [ICONS.spreadOpsHide],
+  operatorAdd: [OPERATOR_GLYPHS.addition],
+  operatorSubtract: [OPERATOR_GLYPHS.subtraction],
+  operatorMultiply: [OPERATOR_GLYPHS.multiplication],
+  operatorDivide: [OPERATOR_GLYPHS.division],
+  operatorPower: [OPERATOR_GLYPHS.exponentiation],
+  operatorReciprocal: [OPERATOR_GLYPHS.reciprocal],
+  // The replay transport.
+  play: [ICONS.play],
+  pause: [ICONS.pause],
+  stepForward: [ICONS.stepForward],
+  stepBack: [ICONS.stepBack],
+  goLive: [ICONS.goLive],
+  selectBar: [ICONS.selectBar],
+  selectDate: [ICONS.calendar],
+  firstAvailable: [ICONS.firstAvailable],
+  randomBar: [ICONS.randomBar],
+  // The drawing toolbar, its menus, the favorites bar and the drawing settings.
+  cursorCross: [ICONS.cursorCross],
+  cursorDot: [ICONS.cursorDot],
+  cursorArrow: [ICONS.cursorArrow],
+  eraser: [ICONS.eraser],
+  measure: [ICONS.ruler],
+  zoomTool: [ICONS.zoomIn],
+  magnet: [ICONS.magnet],
+  magnetStrong: [ICONS.magnetStrong],
+  stayInMode: [ICONS.pin],
+  stayInModeOn: [ICONS.pinOn],
+  locked: [ICONS.lockClosed],
+  unlocked: [ICONS.lockOpen],
+  drawingsShown: [ICONS.drawingsShown],
+  drawingsHidden: [ICONS.drawingsHidden],
+  indicatorsShown: [ICONS.indicatorsShown],
+  indicatorsHidden: [ICONS.indicatorsHidden],
+  allShown: [ICONS.allShown],
+  allHidden: [ICONS.allHidden],
+  hide: [ICONS.eyeCrossed],
+  sync: [ICONS.sync],
+  glyphTools: [ICONS.groupGlyphs],
+  favoritesBar: [ICONS.favoritesBar],
+  template: [ICONS.template],
+  visualOrder: [ICONS.layers],
+  lineColor: [ICONS.pencil16],
+  fillColor: [ICONS.bucket],
+  textColor: [ICONS.textTee],
+  lineSolid: [ICONS.lineSolid],
+  lineDashed: [ICONS.lineDashed],
+  lineDotted: [ICONS.lineDotted],
+  lineThickness1: [ICONS.lineThickness1],
+  lineThickness2: [ICONS.lineThickness2],
+  lineThickness3: [ICONS.lineThickness3],
+  lineThickness4: [ICONS.lineThickness4],
+  // Drawn for a line's left end; the right end wears the same drawing mirrored.
+  lineEndNormal: [ICONS.lineEndNormal],
+  lineEndArrow: [ICONS.lineEndArrow]
+});
+var MIRRORED_ICONS = /* @__PURE__ */ new Set(["flyout"]);
+var MINIATURE_TOOLS = Object.keys(TOOL_ICONS);
+var ARRANGEMENT_CODES = Object.keys(ARRANGEMENT_ICONS);
+var toolGlyphs = new Map(MINIATURE_TOOLS.map((type) => [type, { viewBox: "0 0 28 28", body: TOOL_ICONS[type] }]));
+var arrangementGlyphs = new Map(ARRANGEMENT_CODES.map((code) => [code, { viewBox: ARRANGEMENT_ICONS[code].viewBox, body: ARRANGEMENT_ICONS[code].body }]));
+var toolGlyph = (type) => toolGlyphs.get(type);
+var arrangementGlyphOf = (code) => arrangementGlyphs.get(code);
+var CHART_ICON_IDS = [
+  ...Object.keys(CONTROL_ICONS),
+  ...CHART_STYLES.map((style) => `style.${style}`),
+  ...MINIATURE_TOOLS.map((type) => `tool.${type}`),
+  ...ARRANGEMENT_CODES.map((code) => `layout.${code}`)
+];
+var PUBLISHED = new Set(CHART_ICON_IDS);
+var ICON_OF = /* @__PURE__ */ new WeakMap();
+for (const [id, glyphs] of Object.entries(CONTROL_ICONS)) for (const mark of glyphs) ICON_OF.set(mark, id);
+for (const style of CHART_STYLES) ICON_OF.set(STYLE_ICONS[style], `style.${style}`);
+for (const type of MINIATURE_TOOLS) ICON_OF.set(toolGlyphs.get(type), `tool.${type}`);
+for (const code of ARRANGEMENT_CODES) ICON_OF.set(arrangementGlyphs.get(code), `layout.${code}`);
+var iconOf = (mark) => ICON_OF.get(mark);
+var GLYPHS_OF = new Map([
+  ...Object.entries(CONTROL_ICONS),
+  ...CHART_STYLES.map((style) => [`style.${style}`, [STYLE_ICONS[style]]]),
+  ...MINIATURE_TOOLS.map((type) => [`tool.${type}`, [toolGlyphs.get(type)]]),
+  ...ARRANGEMENT_CODES.map((code) => [`layout.${code}`, [arrangementGlyphs.get(code)]])
+]);
+var standsAlone = (mark) => !/var\(--|class=/.test(mark.body);
+function chartIconArtwork(id) {
+  const glyphs = GLYPHS_OF.get(id) ?? [];
+  if (!glyphs.every(standsAlone)) return [];
+  return glyphs.map((mark) => ({
+    viewBox: mark.viewBox,
+    body: mark.body,
+    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${mark.viewBox}" fill="none">${mark.body}</svg>`
+  }));
 }
-var percentWriters = /* @__PURE__ */ new Map();
-function percentText(fraction, tag) {
-  let writer = percentWriters.get(tag);
-  if (!writer) {
-    writer = new Intl.NumberFormat(tag);
-    percentWriters.set(tag, writer);
+function checkIcons(icons) {
+  if (icons === void 0) return;
+  if (typeof icons !== "object" || icons === null || Array.isArray(icons)) throw new TypeError("icons must be an object");
+  for (const [id, factory] of Object.entries(icons)) {
+    if (!PUBLISHED.has(id)) throw new TypeError(`icons.${id} is not an icon the chart draws; CHART_ICON_IDS lists every one`);
+    if (factory !== void 0 && typeof factory !== "function") throw new TypeError(`icons.${id} must be a function that draws the icon`);
   }
-  const points = Math.round(fraction * 1e4) / 100;
-  return `${points > 0 ? "+" : ""}${writer.format(points)}`;
 }
-function attachLegendPlane(deps) {
-  if (!deps.enabled) {
-    return {
-      push: () => void 0,
-      setHeader: () => void 0,
-      setDot: () => void 0,
-      setHostRows: () => void 0,
-      destroy: () => void 0
-    };
-  }
-  let destroyed = false;
-  const hostRows = /* @__PURE__ */ new Map();
-  const paneRemembered = /* @__PURE__ */ new Map();
-  const paneKeys = () => {
-    const keys = { 0: "main" };
-    for (const [id, pane] of Object.entries(deps.indicators.renderer.paneOf())) if (pane > 0) keys[pane] = `indicator:${id}`;
-    for (const entry of deps.compare?.api.list() ?? []) {
-      const pane = deps.compare.handle.paneIndexOf(entry.symbol);
-      if (pane !== null && pane > 0) keys[pane] = `compare:${entry.symbol}`;
+
+// src/ui/icons/resolver.ts
+function createIconResolver(deps) {
+  checkIcons(deps.icons);
+  const icons = deps.icons ?? {};
+  const standing = /* @__PURE__ */ new Set();
+  const forget = new FinalizationRegistry((record3) => standing.delete(record3));
+  const draw = (factory, box, icon) => {
+    const direction = deps.direction();
+    const drawn = drawHostIcon(factory, { document: deps.document, width: box.width, height: box.height, direction });
+    if ("failure" in drawn) {
+      deps.diagnostics.report(icon, drawn.failure);
+      return null;
     }
-    return keys;
+    const record3 = { element: new WeakRef(drawn.element), factory, box, icon, direction };
+    standing.add(record3);
+    forget.register(drawn.element, record3, record3);
+    return drawn.element;
   };
-  let legend2 = null;
-  let status2 = null;
-  let hovered = null;
-  let named = null;
-  let namedTimeframe = null;
-  legend2 = mountChartLegend(deps.chrome, deps.i18n, {
-    // Every row control is a COMMAND. The legend states an intent by id and the registry decides
-    // whether it may run, so a verb the host forbade cannot be reached by clicking either.
-    onToggleEye: (id) => {
-      if (id.startsWith(COMPARE_ROW_PREFIX)) {
-        const symbol = id.slice(COMPARE_ROW_PREFIX.length);
-        const entry = deps.compare?.api.list().find((e) => e.symbol === symbol);
-        if (entry) deps.commands.execute("chart.compare.setVisible", { symbol, visible: !entry.visible });
-        return;
-      }
-      deps.commands.execute(deps.indicators.isHidden(id) ? "chart.indicators.show" : "chart.indicators.hide", id);
-    },
-    onTitle: (id) => {
-      if (id.startsWith(COMPARE_ROW_PREFIX)) deps.commands.execute("chart.compare.changeSymbol", id.slice(COMPARE_ROW_PREFIX.length));
-    },
-    onRemove: (id) => {
-      if (id.startsWith(COMPARE_ROW_PREFIX)) deps.commands.execute("chart.compare.remove", id.slice(COMPARE_ROW_PREFIX.length));
-      else deps.commands.execute("chart.indicators.remove", id);
-    },
-    ...deps.symbolSearch ? { onSymbol: () => deps.openSearch() } : {},
-    painters: deps.painters,
-    icons: deps.icons,
-    ...deps.marketStatus ? {
-      onStatus: (anchor) => {
-        if (status2) {
-          status2.close();
-          return;
-        }
-        status2 = openMarketStatus(anchor, {
-          host: deps.chrome,
-          i18n: deps.i18n,
-          model: deps.sessionModel,
-          status: deps.status,
-          onClose: () => {
-            status2 = null;
-          }
-        });
-      }
-    } : {},
-    onSettings: (id, rect) => {
-      const host2 = hostRows.get(id);
-      if (host2) {
-        host2.onSettings?.();
-        return;
-      }
-      if (deps.openIndicatorSettings(id)) return;
-      const inst = deps.indicators.list().find((i) => i.id === id);
-      if (!inst) return;
-      openInputsEditor(
-        deps.chrome,
-        rect,
-        inst.definition.manifest.inputs ?? {},
-        { ...manifestInputDefaults(inst.definition.manifest), ...inst.inputs },
-        (patch) => deps.indicators.patchInputs(id, patch),
-        deps.i18n
-      );
-    },
-    onPaneOp: (id, op) => {
-      const paneIdx = deps.indicators.renderer.paneOf()[id];
-      if (paneIdx === void 0 || paneIdx === 0) return;
-      const panes = deps.chart.panes();
-      const heights = {};
-      panes.forEach((p, i) => heights[i] = p.getHeight());
-      const keys = paneKeys();
-      const remembered = {};
-      for (const [index, key] of Object.entries(keys)) {
-        const height = paneRemembered.get(key);
-        if (height !== void 0) remembered[Number(index)] = height;
-      }
-      const plan = planPaneOp({ heights, remembered }, { kind: op, pane: paneIdx });
-      paneRemembered.clear();
-      for (const [index, height] of Object.entries(plan.remembered)) {
-        const key = keys[Number(index)];
-        if (key) paneRemembered.set(key, height);
-      }
-      for (const [i, h2] of Object.entries(plan.apply)) {
-        const index = Number(i);
-        panes[index]?.setHeight(h2);
-        if (index > 0) deps.indicators.setPaneCollapsed(index, h2 <= COLLAPSED_H);
+  const host2 = (id, box) => {
+    const factory = icons[id];
+    return factory ? draw(factory, box, id) : null;
+  };
+  const redraw = () => {
+    const direction = deps.direction();
+    for (const record3 of [...standing]) {
+      if (record3.direction === direction) continue;
+      const element = record3.element.deref();
+      if (!element) {
+        standing.delete(record3);
+        continue;
       }
-      deps.indicators.recompute();
+      if (!element.parentNode) continue;
+      const fresh = draw(record3.factory, record3.box, record3.icon);
+      if (!fresh) continue;
+      element.replaceWith(fresh);
+      standing.delete(record3);
+      forget.unregister(record3);
     }
-  });
-  function reading() {
-    const bars = deps.bars();
-    const index = barIndexAt(bars, hovered);
-    const bar = index < 0 ? void 0 : bars[index];
-    if (!bar) return null;
-    const previous = index > 0 ? bars[index - 1] : void 0;
-    const format2 = deps.formatter();
-    const change = previous ? bar.c - previous.c : null;
-    const fraction = change !== null && previous && previous.c !== 0 ? change / previous.c : null;
-    return {
-      open: format2.format(bar.o),
-      high: format2.format(bar.h),
-      low: format2.format(bar.l),
-      close: format2.format(bar.c),
-      change: change === null ? null : `${change > 0 ? "+" : ""}${format2.format(change)}`,
-      percent: fraction === null ? null : percentText(fraction, deps.i18n.tag()),
-      direction: change === null || change === 0 ? "flat" : change > 0 ? "up" : "down"
-    };
-  }
-  const paint = () => {
-    if (destroyed) return;
-    const alive = new Set(Object.values(paneKeys()));
-    for (const key of paneRemembered.keys()) if (!alive.has(key)) paneRemembered.delete(key);
-    legend2?.setValueShaped(deps.valueShaped());
-    legend2?.setQuote(deps.legendValues ? reading() : null);
-    const paneOf = deps.indicators.renderer.paneOf();
-    const shown2 = (command2) => deps.shown?.(command2) ?? true;
-    legend2?.setChips([
-      ...deps.indicators.chipsAt(hovered).map((row2) => {
-        const paneIndex = paneOf[row2.id] ?? 0;
-        const remembered = paneRemembered.get(`indicator:${row2.id}`);
-        return {
-          ...row2,
-          paneIndex,
-          maximized: remembered !== void 0 && !row2.collapsed && (deps.chart.panes()[paneIndex]?.getHeight() ?? 0) > remembered,
-          ...shown2(row2.hidden ? "chart.indicators.show" : "chart.indicators.hide") ? {} : { hideable: false },
-          ...shown2("chart.indicators.remove") ? {} : { removable: false }
-        };
-      }),
-      ...(deps.compare?.chips(hovered) ?? []).map((row2) => ({
-        ...row2,
-        paneIndex: deps.compare.handle.paneIndexOf(row2.id.slice(COMPARE_ROW_PREFIX.length)) ?? 0,
-        ...shown2("chart.compare.setVisible") ? {} : { hideable: false },
-        ...shown2("chart.compare.remove") ? {} : { removable: false }
-      })),
-      ...[...hostRows].map(([id, row2]) => ({
-        id,
-        title: row2.title,
-        inputs: row2.inputs,
-        value: null,
-        note: row2.status,
-        description: row2.description,
-        settingsLabel: row2.settingsLabel,
-        hidden: false,
-        hideable: false,
-        removable: false,
-        hasInputs: !!row2.onSettings,
-        paneIndex: 0
-      }))
-    ]);
-    const tops = {};
-    let top = 0;
-    const panes = deps.chart.panes();
-    const first = panes[0]?.getHTMLElement()?.getBoundingClientRect();
-    for (const [index, pane] of panes.entries()) {
-      const element = pane.getHTMLElement();
-      const rect = element?.getBoundingClientRect();
-      tops[index] = rect && first && rect.height > 0 ? rect.top - first.top : top;
-      top += pane.getHeight();
-      if (element && !observed.has(element)) {
-        observed.add(element);
-        resize?.observe(element);
+  };
+  const glyph2 = (mark, options = {}) => {
+    const id = iconOf(mark);
+    if (id) {
+      const width = options.size ?? mark.size ?? 28;
+      const drawn = host2(id, { width, height: options.height ?? width });
+      if (drawn) {
+        const span = deps.document.createElement("span");
+        span.className = `qc-icon${options.className ? ` ${options.className}` : ""}`;
+        span.setAttribute("aria-hidden", "true");
+        span.append(drawn);
+        return span;
       }
     }
-    const current = new Set(panes.map((pane) => pane.getHTMLElement()));
-    for (const element of observed) if (!current.has(element)) {
-      resize?.unobserve(element);
-      observed.delete(element);
-    }
-    legend2?.setPaneTops(tops);
-    try {
-      const start = deps.chart.priceScale("left").width();
-      const end = deps.chart.priceScale("right").width();
-      legend2?.setScaleInsets(start, end, deps.chart.timeScale().height());
-      deps.chrome.style.setProperty("--qcp-plot-start", `${start}px`);
-      deps.chrome.style.setProperty("--qcp-plot-end", `${end}px`);
-    } catch {
-    }
+    return glyph(mark, options);
   };
-  const observed = /* @__PURE__ */ new Set();
-  const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => paint());
-  const onCrosshair = (param) => {
-    if (deps.replayPhase() === "arming")
-      legend2?.setReplayGuide(param.point ? { x: param.point.x, y: param.point.y } : null, deps.chart.timeScale().height());
-    const next = typeof param.time === "number" && Number.isFinite(param.time) ? param.time : null;
-    if (next === hovered) return;
-    hovered = next;
-    paint();
+  const widthFor = (mark, height) => mark.aspect === void 0 ? height : Math.round(height * mark.aspect * 1e3) / 1e3;
+  const ownSvg = (mark, width, height) => {
+    const holder = deps.document.createElement("span");
+    holder.innerHTML = `<svg width="${width}" height="${height}" viewBox="${mark.viewBox}" fill="none" aria-hidden="true">${mark.body}</svg>`;
+    return holder.firstElementChild;
+  };
+  const bare = (mark, width, height) => {
+    const id = iconOf(mark);
+    return (id ? host2(id, { width, height }) : null) ?? ownSvg(mark, width, height);
   };
-  deps.chart.subscribeCrosshairMove(onCrosshair);
   return {
-    setHostRows(rows2) {
-      if (destroyed) return;
-      hostRows.clear();
-      for (const row2 of rows2) hostRows.set(`${HOST_ROW_PREFIX}${row2.id}`, { ...row2 });
-      paint();
-    },
-    push() {
-      paint();
-    },
-    setHeader(symbol, tf) {
-      if (symbol !== named || deps.replayPhase() !== "off") {
-        status2?.close();
-        status2 = null;
-      }
-      legend2?.setReplay(deps.replayPhase());
-      if (symbol !== named || tf !== namedTimeframe) {
-        named = symbol;
-        namedTimeframe = tf;
-        hovered = null;
-      }
-      const info = deps.symbolInfo();
-      const label2 = symbolNames(info ?? symbol).title;
-      legend2?.setIdentity({ name: label2, symbol, timeframe: tf, exchange: info?.exchange ?? "" });
+    glyph: glyph2,
+    icon(name2, requested) {
+      const mark = ICONS[name2];
+      const height = requested ?? mark.size ?? 28;
+      return bare(mark, widthFor(mark, height), height);
     },
-    setDot(state) {
-      const current = deps.status(Math.floor(Date.now() / 1e3));
-      legend2?.setDot(state, current ? marketStatusTitle(deps.i18n.t, current) : deps.i18n.t("status.unknownTitle"));
-      status2?.refresh();
+    tool(type, size = 28) {
+      const mark = toolGlyph(type);
+      return mark ? bare(mark, size, size) : null;
     },
-    destroy() {
-      destroyed = true;
-      hostRows.clear();
-      resize?.disconnect();
-      observed.clear();
-      deps.chart.unsubscribeCrosshairMove(onCrosshair);
-      status2?.close();
-      status2 = null;
-      legend2?.destroy();
-      legend2 = null;
-    }
+    host: host2,
+    draw,
+    redraw
   };
 }
 
-// src/widget/fling.ts
-function attachFling(deps) {
-  const scale = () => deps.chart.timeScale();
-  let samples = [];
-  let movedAt = null;
-  let oneFinger = false;
-  let frame = null;
-  const stop = () => {
-    if (frame !== null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
-    frame = null;
-  };
-  const record3 = (t) => {
-    samples.push({ t, position: scale().scrollPosition() });
-    while (samples.length > 2 && samples[0].t < t - 2 * FLING_SAMPLE_MS) samples.shift();
-  };
-  const coast = (speed) => {
-    if (typeof requestAnimationFrame !== "function") return;
-    let last = performance.now();
-    let travelling = speed;
-    let position = null;
-    const step = (now) => {
-      if (frame === null) return;
-      const s = scale();
-      position ??= s.scrollPosition();
-      const next = flingStep(travelling, Math.max(0, now - last));
-      last = now;
-      travelling = next.speed;
-      position += next.moved;
-      s.scrollToPosition(position, false);
-      if (Math.abs(travelling) * s.options().barSpacing < FLING_REST_PX_PER_MS) {
-        frame = null;
-        return;
+// src/inputsEditor.ts
+var titleOf = (key, titles) => titles?.[key] ?? key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (c) => c.toUpperCase());
+function buildInputFields(icons, inputs2, current, titles) {
+  const fields = /* @__PURE__ */ new Map();
+  const rows2 = [];
+  for (const [key, spec] of Object.entries(inputs2)) {
+    const row2 = document.createElement("label");
+    row2.className = "qc-inputs-row";
+    const name2 = document.createElement("span");
+    name2.textContent = titleOf(key, titles);
+    row2.appendChild(name2);
+    if (spec.kind === "enum") {
+      const select = document.createElement("select");
+      select.className = "qc-field qc-inputs-select";
+      (spec.options ?? []).forEach((label2, i) => {
+        const o = document.createElement("option");
+        o.value = String(i);
+        o.textContent = label2;
+        select.appendChild(o);
+      });
+      select.value = String(current[key] ?? spec.default);
+      fields.set(key, select);
+      row2.appendChild(selectField(select, icons));
+    } else {
+      const input = document.createElement("input");
+      input.type = "number";
+      input.className = "qc-field qc-inputs-field";
+      if (spec.min !== void 0) input.min = String(spec.min);
+      if (spec.max !== void 0) input.max = String(spec.max);
+      input.step = spec.kind === "int" ? "1" : "any";
+      input.value = String(current[key] ?? spec.default);
+      fields.set(key, input);
+      row2.appendChild(input);
+    }
+    rows2.push(row2);
+  }
+  return {
+    rows: rows2,
+    read() {
+      const patch = {};
+      for (const [key, field] of fields) {
+        const spec = inputs2[key];
+        let value = Number(field.value);
+        if (!Number.isFinite(value)) continue;
+        if (spec.kind === "int" || spec.kind === "enum") value = Math.round(value);
+        if (spec.min !== void 0) value = Math.max(spec.min, value);
+        if (spec.max !== void 0) value = Math.min(spec.max, value);
+        patch[key] = value;
       }
-      frame = requestAnimationFrame(step);
-    };
-    frame = requestAnimationFrame(step);
-  };
-  const onStart = (event) => {
-    stop();
-    samples = [];
-    movedAt = null;
-    oneFinger = event.touches.length === 1;
-    if (oneFinger) record3(performance.now());
-  };
-  const onMove = (event) => {
-    if (event.touches.length !== 1) oneFinger = false;
-    if (!oneFinger) return;
-    if (movedAt !== null) record3(movedAt);
-    movedAt = performance.now();
+      return patch;
+    },
+    first: () => fields.values().next().value ?? null
   };
-  const onEnd = (event) => {
-    const thrown = oneFinger && event.touches.length === 0;
-    oneFinger = false;
-    if (!thrown) return;
-    if (movedAt !== null) record3(movedAt);
-    const spacing = scale().options().barSpacing;
-    const speed = flingSpeed(samples, performance.now(), spacing);
-    samples = [];
-    movedAt = null;
-    if (Math.abs(speed) * spacing >= FLING_REST_PX_PER_MS) coast(speed);
+}
+function openInputsEditor(container, rect, inputs2, current, onApply, strings = createChartI18n()) {
+  const icons = createIconResolver({ document: container.ownerDocument, direction: () => readingDirection(strings), diagnostics: createIconDiagnostics() });
+  mountInputsEditor(container, rect, inputs2, current, onApply, strings, icons);
+}
+function mountInputsEditor(container, rect, inputs2, current, onApply, strings, icons) {
+  const host2 = container.getBoundingClientRect();
+  const el2 = document.createElement("div");
+  el2.className = "qc-overlay qc-inputs";
+  el2.setAttribute("role", "dialog");
+  el2.setAttribute("aria-label", strings.t("legend.indicatorSettings"));
+  el2.style.left = `${Math.max(4, rect.x - host2.left)}px`;
+  el2.style.top = `${Math.max(4, rect.y - host2.top + rect.h + 4)}px`;
+  for (const type of ["pointerdown", "pointerup", "pointermove"]) el2.addEventListener(type, (e) => e.stopPropagation());
+  const dismiss = () => {
+    unsubscribe();
+    el2.remove();
   };
-  const onCancel = () => {
-    oneFinger = false;
-    samples = [];
-    movedAt = null;
+  const fields = buildInputFields(icons, inputs2, current);
+  for (const row2 of fields.rows) el2.appendChild(row2);
+  const apply = () => {
+    onApply(fields.read());
+    dismiss();
   };
-  deps.target.addEventListener("touchstart", onStart, { passive: true });
-  deps.target.addEventListener("touchmove", onMove, { passive: true });
-  deps.target.addEventListener("touchend", onEnd, { passive: true });
-  deps.target.addEventListener("touchcancel", onCancel, { passive: true });
-  return {
-    stop,
-    destroy() {
-      stop();
-      deps.target.removeEventListener("touchstart", onStart);
-      deps.target.removeEventListener("touchmove", onMove);
-      deps.target.removeEventListener("touchend", onEnd);
-      deps.target.removeEventListener("touchcancel", onCancel);
-    }
+  const buttons = document.createElement("div");
+  buttons.className = "qc-inputs-actions";
+  const mkButton = (label2, onClick, primary = false) => {
+    const b = document.createElement("button");
+    b.type = "button";
+    b.className = primary ? "qc-button qc-button--primary" : "qc-button";
+    b.textContent = label2;
+    b.addEventListener("click", onClick);
+    buttons.appendChild(b);
+    return b;
   };
+  const cancelButton = mkButton(strings.t("inputs.cancel"), () => dismiss());
+  const applyButton = mkButton(strings.t("inputs.apply"), apply, true);
+  el2.appendChild(buttons);
+  const unsubscribe = strings.onChange(() => {
+    cancelButton.textContent = strings.t("inputs.cancel");
+    applyButton.textContent = strings.t("inputs.apply");
+    el2.setAttribute("aria-label", strings.t("legend.indicatorSettings"));
+  });
+  el2.addEventListener("keydown", (e) => {
+    e.stopPropagation();
+    if (e.key === "Enter") apply();
+    else if (e.key === "Escape") dismiss();
+  });
+  container.appendChild(el2);
+  fields.first()?.focus?.();
 }
 
-// src/widget/pinch.ts
-function attachPinch(deps) {
-  const scale = () => deps.chart.timeScale();
-  let pinch = null;
-  let panned = false;
-  const read = (touches) => {
-    const a = touches[0];
-    const b = touches[1];
-    const left = deps.chart.chartElement().getBoundingClientRect().left + deps.chart.priceScale("left").width();
-    return { distance: Math.hypot(a.clientX - b.clientX, a.clientY - b.clientY), x: (a.clientX + b.clientX) / 2 - left };
-  };
-  const begin = (event) => {
-    pinch = null;
-    if (event.touches.length === 1) panned = false;
-    if (event.touches.length !== 2 || panned || !scalingOpen(deps.chart.options().handleScale)) return;
-    const range2 = scale().getVisibleLogicalRange();
-    if (range2 === null) return;
-    const { distance, x } = read(event.touches);
-    pinch = pinchStart(range2, scale().width(), x, distance);
-  };
-  const move = (event) => {
-    if (event.touches.length === 1 && pinch === null) panned = true;
-    if (pinch === null || event.touches.length !== 2) return;
-    if (!scalingOpen(deps.chart.options().handleScale)) {
-      pinch = null;
-      return;
-    }
-    const { distance, x } = read(event.touches);
-    const s = scale();
-    const width = s.width();
-    const options = s.options();
-    const plot = { width, minSpacing: options.minBarSpacing, maxSpacing: options.maxBarSpacing > 0 ? options.maxBarSpacing : width / 2 };
-    s.setVisibleLogicalRange(pinchRange(pinch, x, distance, plot));
-  };
-  const end = (event) => {
-    if (event.touches.length === 1) panned = false;
-    if (event.touches.length === 2) begin(event);
-    else pinch = null;
-  };
-  deps.target.addEventListener("touchstart", begin, { passive: true });
-  deps.target.addEventListener("touchmove", move, { passive: true });
-  deps.target.addEventListener("touchend", end, { passive: true });
-  deps.target.addEventListener("touchcancel", end, { passive: true });
-  return {
-    destroy() {
-      pinch = null;
-      deps.target.removeEventListener("touchstart", begin);
-      deps.target.removeEventListener("touchmove", move);
-      deps.target.removeEventListener("touchend", end);
-      deps.target.removeEventListener("touchcancel", end);
-    }
-  };
+// src/ui/chrome/menu.ts
+var HOST_MARGIN = 8;
+var byAnchor = /* @__PURE__ */ new WeakMap();
+function toggleMenu(anchor, open2) {
+  const current = byAnchor.get(anchor);
+  if (current?.open()) current.close();
+  else open2();
 }
-
-// src/widget/freePan.ts
-function attachFreePan(deps) {
-  let landed = null;
-  const onPlot = (clientX, clientY) => {
-    const box = deps.chart.chartElement().getBoundingClientRect();
-    const left = box.left + deps.chart.priceScale("left").width();
-    const right = left + deps.chart.timeScale().width();
-    return clientX >= left && clientX <= right && clientY >= box.top && clientY <= box.bottom - deps.chart.timeScale().height();
-  };
-  const release = () => {
-    if (deps.framing()) deps.release();
-  };
-  const onStart = (event) => {
-    landed = null;
-    if (event.touches.length === 2) {
-      if (scalingOpen(deps.chart.options().handleScale)) release();
-      return;
-    }
-    const touch = event.touches[0];
-    if (event.touches.length !== 1 || !touch || !onPlot(touch.clientX, touch.clientY)) return;
-    landed = { x: touch.clientX, y: touch.clientY, at: performance.now() };
-  };
-  const onMove = (event) => {
-    if (landed === null) return;
-    const touch = event.touches[0];
-    if (event.touches.length !== 1 || !touch) {
-      landed = null;
-      return;
-    }
-    if (Math.abs(touch.clientX - landed.x) + Math.abs(touch.clientY - landed.y) < RENDERER_DRAG_START_PX) return;
-    const started = landed;
-    landed = null;
-    if (performance.now() - started.at >= RENDERER_LONG_TAP_MS) return;
-    if (scrollOpen(deps.chart.options().handleScroll)) release();
-  };
-  const onEnd = () => {
-    landed = null;
+function openMenu(options) {
+  const { anchor, host: host2 } = options;
+  const previous = byAnchor.get(anchor);
+  const rtl = isRtl(anchor);
+  const role = options.role ?? "menu";
+  const element = h("div", {
+    class: `qc-overlay qc-menu-panel${options.className ? ` ${options.className}` : ""}`,
+    role,
+    "aria-label": options.label,
+    ...role === "dialog" ? { "aria-modal": "false" } : {}
+  });
+  if (options.width) element.style.width = `${options.width}px`;
+  stopPointer(element);
+  const body = h("div", { class: "qc-menu-body" });
+  element.appendChild(body);
+  const footer = options.footer ? h("div", { class: "qc-menu-footer" }) : null;
+  if (footer) element.appendChild(footer);
+  let isOpen = true;
+  const previouslyFocused = document.activeElement;
+  const escape = pushEscapeOwner();
+  let untrack = () => void 0;
+  const close = () => {
+    if (!isOpen) return;
+    isOpen = false;
+    escape.release();
+    const ownedAnchor = byAnchor.get(anchor) === handle;
+    if (ownedAnchor) byAnchor.delete(anchor);
+    untrack();
+    document.removeEventListener("pointerdown", onOutside, true);
+    document.removeEventListener("keydown", onDocumentKey, true);
+    window.removeEventListener("resize", reposition);
+    if (ownedAnchor) anchor.setAttribute("aria-expanded", "false");
+    element.remove();
+    options.onClose?.();
+    if (byAnchor.get(anchor)?.open()) return;
+    const target = document.activeElement === document.body || document.activeElement === null || element.contains(document.activeElement) ? anchor : previouslyFocused;
+    target?.focus();
   };
-  deps.target.addEventListener("touchstart", onStart, { passive: true });
-  deps.target.addEventListener("touchmove", onMove, { passive: true });
-  deps.target.addEventListener("touchend", onEnd, { passive: true });
-  deps.target.addEventListener("touchcancel", onEnd, { passive: true });
-  return {
-    destroy() {
-      landed = null;
-      deps.target.removeEventListener("touchstart", onStart);
-      deps.target.removeEventListener("touchmove", onMove);
-      deps.target.removeEventListener("touchend", onEnd);
-      deps.target.removeEventListener("touchcancel", onEnd);
-    }
+  const reposition = () => {
+    if (!isOpen) return;
+    const a = anchor.getBoundingClientRect();
+    const bounds = host2.getBoundingClientRect();
+    const below = (options.placement ?? "down") === "down";
+    if (!below) element.style.maxHeight = `${Math.max(0, Math.floor(a.top - bounds.top - HOST_MARGIN - 2))}px`;
+    element.style.left = "0px";
+    element.style.top = "0px";
+    const box = element.getBoundingClientRect();
+    const alignEnd = (options.align ?? "start") === (rtl ? "start" : "end");
+    let left = (alignEnd ? a.right - box.width : a.left) - bounds.left;
+    left = Math.max(HOST_MARGIN, Math.min(left, Math.max(HOST_MARGIN, bounds.width - box.width - HOST_MARGIN)));
+    let top = (below ? a.bottom + 2 : a.top - box.height - 2) - bounds.top;
+    top = Math.max(HOST_MARGIN, Math.min(top, Math.max(HOST_MARGIN, bounds.height - box.height - HOST_MARGIN)));
+    element.style.left = `${Math.round(left)}px`;
+    element.style.top = `${Math.round(top)}px`;
   };
-}
-
-// src/widget/plotArea.ts
-function measurePlotArea(chart, host2) {
-  const row2 = chart.panes()[0]?.getHTMLElement();
-  if (!row2) return null;
-  const size = chart.paneSize(0);
-  if (!(size.width > 0) || !(size.height > 0)) return null;
-  const outer = host2.getBoundingClientRect();
-  const top = row2.getBoundingClientRect().top;
-  const left = chart.chartElement().getBoundingClientRect().left + chart.priceScale("left").width();
-  const round = (n) => Math.round(n * 100) / 100;
-  return {
-    top: round(top - outer.top),
-    right: round(outer.right - (left + size.width)),
-    bottom: round(outer.bottom - (top + size.height)),
-    left: round(left - outer.left),
-    width: round(size.width),
-    height: round(size.height)
+  const onOutside = (event) => {
+    const target = event.target;
+    if (!target || element.contains(target) || anchor.contains(target)) return;
+    close();
   };
-}
-var sameArea = (a, b) => b !== null && a.top === b.top && a.right === b.right && a.bottom === b.bottom && a.left === b.left && a.width === b.width && a.height === b.height;
-function watchPlotArea(deps) {
-  let area = null;
-  let frame = null;
-  let destroyed = false;
-  let row2 = null;
-  const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => schedule());
-  const measure2 = () => {
-    frame = null;
-    if (destroyed) return;
-    const nextRow = deps.chart.panes()[0]?.getHTMLElement() ?? null;
-    if (nextRow !== row2) {
-      if (row2) resize?.unobserve(row2);
-      if (nextRow) resize?.observe(nextRow);
-      row2 = nextRow;
+  const onDocumentKey = (event) => {
+    if (event.key === "Escape" && ownsEscape(escape.token)) {
+      event.stopPropagation();
+      event.preventDefault();
+      close();
     }
-    const next = measurePlotArea(deps.chart, deps.host);
-    if (next === null || sameArea(next, area)) return;
-    area = next;
-    deps.changed(next);
   };
-  function schedule() {
-    if (destroyed || frame !== null) return;
-    if (typeof requestAnimationFrame !== "function") {
-      measure2();
+  element.addEventListener("keydown", (event) => {
+    if (event.key === "Tab") {
+      close();
       return;
     }
-    frame = requestAnimationFrame(measure2);
-  }
-  deps.chart.timeScale().subscribeSizeChange(schedule);
-  resize?.observe(deps.host);
-  resize?.observe(deps.chart.chartElement());
-  schedule();
-  return {
-    current() {
-      if (destroyed) return null;
-      return area ?? measurePlotArea(deps.chart, deps.host);
-    },
-    destroy() {
-      if (destroyed) return;
-      destroyed = true;
-      if (frame !== null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
-      frame = null;
-      resize?.disconnect();
-      try {
-        deps.chart.timeScale().unsubscribeSizeChange(schedule);
-      } catch {
-      }
+    const target = event.target;
+    const typing = target instanceof HTMLInputElement && target.type !== "checkbox" && target.type !== "radio";
+    if (typing && (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "Home" || event.key === "End")) return;
+    if (roveFocus(element, event, "both")) {
+      event.preventDefault();
+      event.stopPropagation();
     }
+  });
+  const handle = {
+    element,
+    close,
+    open: () => isOpen,
+    refresh() {
+      if (!isOpen) return;
+      const current = items(element).indexOf(document.activeElement);
+      body.replaceChildren();
+      options.build(body, handle);
+      if (footer && options.footer) {
+        footer.replaceChildren();
+        options.footer(footer, handle);
+      }
+      const list2 = items(element);
+      if (list2.length === 0) return;
+      if (current >= 0 && document.activeElement && !element.contains(document.activeElement)) return;
+      armRoving(element, Math.max(0, Math.min(current, list2.length - 1)));
+      if (current >= 0) list2[Math.min(current, list2.length - 1)]?.focus();
+      reposition();
+    },
+    reposition
   };
+  byAnchor.set(anchor, handle);
+  previous?.close();
+  if (!isOpen || byAnchor.get(anchor) !== handle) return handle;
+  options.build(body, handle);
+  if (footer && options.footer) options.footer(footer, handle);
+  if (!isOpen || byAnchor.get(anchor) !== handle) return handle;
+  host2.appendChild(element);
+  untrack = trackOverlay(host2, close, () => handle.refresh());
+  anchor.setAttribute("aria-expanded", "true");
+  reposition();
+  const list = items(element);
+  const first = Math.max(0, Math.min(options.initialIndex ?? 0, list.length - 1));
+  if (list.length > 0) {
+    armRoving(element, first);
+    focusItem(list, first);
+    list[first]?.scrollIntoView?.({ block: "nearest" });
+  } else {
+    const focusable = element.querySelector('input, button, select, textarea, [tabindex="0"]');
+    focusable?.focus();
+  }
+  document.addEventListener("pointerdown", onOutside, true);
+  document.addEventListener("keydown", onDocumentKey, true);
+  window.addEventListener("resize", reposition);
+  return handle;
 }
-
-// src/contextMenu.ts
-function chartContextMenuGroups(c) {
-  const t = c.t ?? englishChartStrings();
-  const clipboard2 = [{ kind: "item", id: "copy-price", label: t("menu.copyPrice", { price: c.priceText }) }];
-  if (c.canPaste !== false) clipboard2.push({ kind: "item", id: "paste", label: t("menu.paste"), shortcut: t("drawing.hintPaste", { modifier: t(isApplePlatform() ? "drawing.modifierCommand" : "drawing.modifierControl") }) });
-  const remove = [];
-  if (c.indicatorCount > 0) remove.push({ kind: "item", id: "remove-indicators", label: t("menu.removeIndicators", { count: c.indicatorCount }) });
-  if (c.drawingCount > 0) remove.push({ kind: "item", id: "remove-drawings", label: t("menu.removeDrawings", { count: c.drawingCount }) });
-  return [
-    { slot: "view", rows: [{ kind: "item", id: "reset-view", label: t("menu.resetView"), shortcut: "Alt + R", icon: "reset" }] },
-    { slot: "clipboard", rows: clipboard2 },
-    { slot: "remove", rows: remove },
-    { slot: "settings", rows: c.canSettings !== false ? [{ kind: "item", id: "settings", label: t("menu.settings"), icon: "settings" }] : [] }
-  ];
-}
-function flattenMenuGroups(groups) {
-  const rows2 = [];
-  for (const g of groups.filter((g2) => g2.length > 0)) {
-    if (rows2.length) rows2.push({ kind: "separator" });
-    rows2.push(...g);
-  }
-  return rows2;
-}
-function chartContextMenu(c) {
-  return flattenMenuGroups(chartContextMenuGroups(c).map((g) => g.rows));
-}
-
-// src/ui/icons/draw.ts
-var SVG_NS2 = "http://www.w3.org/2000/svg";
-var answered = /* @__PURE__ */ new WeakSet();
-var isSvg = (node) => typeof node === "object" && node !== null && node.nodeType === 1 && node.namespaceURI === SVG_NS2 && node.localName === "svg";
-var FAILURE_TEXT = {
-  threw: "the factory threw",
-  "not-svg": "the factory answered something other than an <svg> element",
-  "in-use": "the factory answered an element already in a document or answered before"
-};
-function drawHostIcon(factory, context) {
-  let node;
-  try {
-    node = factory(context);
-  } catch {
-    return { failure: "threw" };
-  }
-  if (!isSvg(node)) return { failure: "not-svg" };
-  if (node.parentNode !== null || answered.has(node)) return { failure: "in-use" };
-  answered.add(node);
-  node.setAttribute("width", String(context.width));
-  node.setAttribute("height", String(context.height));
-  node.setAttribute("aria-hidden", "true");
-  node.setAttribute("focusable", "false");
-  return { element: node };
-}
-function createIconDiagnostics() {
-  const seen = /* @__PURE__ */ new Map();
-  return {
-    report(icon, failure) {
-      if (!seen.has(icon)) seen.set(icon, { icon, code: failure, message: `${icon}: ${FAILURE_TEXT[failure]}` });
-    },
-    list: () => [...seen.values()]
-  };
-}
-
-// src/ui/drawings/toolIcons.ts
-var TOOL_ICONS = {
-  trend_line: '<path d="M7.3 20.7 20.7 7.3" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  ray: '<path d="M8.3 19.7 12.7 15.3 M16.3 11.7 24.4 3.6" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="13.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  info_line: '<path d="M7.3 20.7 20.7 7.3" stroke="currentColor" stroke-width="1.2"/><rect x="16.5" y="17.5" width="9" height="7" rx="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  extended: '<path d="M4.4 25.4 9.3 20.5 M12.4 17.4 17.4 12.4 M20.4 9.4 25.4 4.4" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  trend_angle: '<path d="M7.3 20.7 20.7 7.3 M7.5 22.5H24 M15.5 22.5A8 8 0 0 0 13.2 16.8" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  horizontal_line: '<path d="M4 14.5h8.4 M16.6 14.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  horizontal_ray: '<path d="M8.9 14.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  vertical_line: '<path d="M14.5 4v8.4 M14.5 16.6V25" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  cross_line: '<path d="M4 14.5h8.4 M16.6 14.5H25 M14.5 4v8.4 M14.5 16.6V25" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  parallel_channel: '<path d="M8.3 18.3 18.3 8.3 M12.4 25.3 17.3 20.4 M20.4 17.3 25.3 12.4" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.85" cy="18.85" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  regression_trend: '<path d="M5.5 12 22.5 3 M5.5 25 22.5 16 M7.6 18 20.7 11.1" stroke="currentColor" stroke-width="1.2"/><path d="M5.5 12v4.4 M5.5 20.6V25 M22.5 3v4.4 M22.5 11.6V16" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  flat_top_bottom: '<path d="M7.7 12.6 20.3 7.4 M7.5 22.5h13" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="13.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  disjoint_channel: '<path d="M7.3 9.3 20.6 4.6 M7.5 17.7 20.7 22.4" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  pitchfork: '<path d="M7.3 21.4 19.9 8.9 M6.7 13.4 14.6 21.3 M7.1 10.6 14.2 3.5 M18.1 21.6 25.2 14.5" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  schiff_pitchfork: '<path d="M6.5 22.5H16.5 M10.3 20.4 21.9 8.9 M8.3 13 17 21.7 M9.1 10.6 16.2 3.5 M20.1 21.6 27.2 14.5" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  schiff_pitchfork_modified: '<path d="M7.9 22.9 21.9 8.9 M5.5 22.5H16.5 M8.3 13 17 21.7 M9.1 10.6 16.2 3.5 M20.1 21.6 27.2 14.5" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  inside_pitchfork: '<path d="M6.5 22.5H18.5 M8.4 22.7 10.4 16.6 M11.6 12.7 14.7 3.1 M16 18.7 19.7 7.1 M21.6 20.7 24.7 11.1 M11.8 16.2 18.6 21.6" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_retracement: '<path d="M3 4.5h22 M3 10.5h19.4 M3 16.5h22 M6 22.5h19" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_trend_ext: '<path d="M6.6 16.5H26 M4 20.5h22 M4 24.5h22 M4.5 11.6v2.9 M6.6 9.3 16.6 5.7" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_channel: '<path d="M7.5 12 21 4.9 M7.3 18.5 23.2 10.1 M5.3 26 23.2 16.7" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="3.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_timezone: '<path d="M5.5 4v4.4 M5.5 12.6V25 M14.5 4v13.4 M14.5 21.6V25 M19.5 4v21 M24.5 4v21" stroke="currentColor" stroke-width="1.2"/><path d="M7.2 12.2l1 1 M9 14.5l1.5 1.5 M11.4 16.9l1.2 1.2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_speed_resist_fan: '<path d="M4.5 2v19.4 M4.5 10.5H15 M17.5 12.6v10.9 M6.5 23.5H26" stroke="currentColor" stroke-width="1.2"/><path d="M6.3 22.4 16.4 12.3 M19.3 9.4 25.9 2.9 M6.6 23.4 25.7 17.5 M5.6 21.7 11.5 2.7" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_trend_time: '<path d="M16.5 2v19.4 M20.5 2v22 M24.5 2v22 M4.7 11.5 8.4 21.8 M11.5 23.5h3" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_circles: '<circle cx="14.5" cy="14.5" r="5" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="8" stroke="currentColor" stroke-width="1.2"/><path d="M24.1 8.5A11.3 11.3 0 0 1 8.5 24.1 M4.9 20.5A11.3 11.3 0 0 1 20.5 4.9" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_spiral: '<path d="M15.6 13.2a1.7 1.7 0 1 0-3.4 0 3 3 0 0 0 6 0 5.2 5.2 0 1 0-10.4 0 7.6 7.6 0 0 0 14.9 2.4" stroke="currentColor" stroke-width="1.2"/><path d="M15 15.7 18.7 12 M21 9.7 24.2 6.5" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_speed_resist_arcs: '<path d="M8.5 9.5A5 5 0 0 0 18.5 9.5 M0.5 9.5A13 13 0 0 0 26.5 9.5 M4.5 9.5A9 9 0 0 0 11 18.2 M16 18.2A9 9 0 0 0 22.5 9.5" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fib_wedge: '<path d="M5.5 8v13 M8 23.5H21" stroke="currentColor" stroke-width="1.2"/><path d="M5.5 17.5A6 6 0 0 1 11.5 23.5 M5.5 13.5A10 10 0 0 1 15.5 23.5 M5.5 9.5A14 14 0 0 1 19.5 23.5" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  pitchfan: '<path d="M7.4 21.4 24.4 4.4 M7.3 22.7 16.9 21.2 M20.3 20.7 24.8 19.9 M7.3 22.1 23 13.8 M6.7 21.2 15.1 5.5 M6.3 20.8 7.8 11.4 M8.3 7.8 9 3.3 M9.3 10.6 17.5 18.8" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="20.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  gannbox: '<path d="M22.5 3.5H3.5V22 M5.5 24.5H24.5V5.5" stroke="currentColor" stroke-width="1.2"/><path d="M3.5 10.5h21 M3.5 17.5h21 M10.5 3.5v21 M17.5 3.5v21" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="3.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  gannbox_fixed: '<path d="M5.5 23.5H24.5V2.5H3.5V21.5 M4 9.5h20 M3.5 18.5h5 M12.5 18.5h12 M17.5 3v20 M10.5 2.5v12 M10.5 18.5v5" stroke="currentColor" stroke-width="1.2"/><path d="M4.9 22.1 9.1 17.9 M12 15 24 3 M5.4 23 24.5 17 M4.1 21.6 10 2.5 M24.5 23.5A21 21 0 0 0 3.5 2.5" stroke="currentColor" stroke-width="1.2"/>',
-  gannbox_square: '<path d="M22.5 3.5H3.5V22 M5.5 24.5H24.5V5.5" stroke="currentColor" stroke-width="1.2"/><path d="M5.3 23.4 23.5 5.2 M5.6 24.4 24.7 18.5 M4.6 22.7 10.5 3.7 M24.5 6.5A21 21 0 0 1 6.5 24.5" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="3.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  gannbox_fan: '<path d="M7.4 21.4 14.5 14.3 M17.3 11.5 24.4 4.4 M7.5 22.1 23.3 14.4 M7.5 22.7 24.8 19.9 M6.8 21 14.5 5.2 M6.3 20.7 9.1 3.3" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="15.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  xabcd_pattern: '<path d="M6.3 20.7 8.6 7.6 M9 7.5 11 11 M11 13.8 6.2 20.6 M14.4 11.7 19.2 8.1 M20.4 8.5 22.6 17.6 M13.9 14 21.6 18.9" stroke="currentColor" stroke-width="1.2"/><circle cx="8.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="12.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  cypher_pattern: '<path d="M6.3 20.7 8.6 7.6 M9 7.5 11 11 M11 13.8 6.2 20.6 M14.4 11.7 19.2 8.1 M20.4 8.5 22.6 17.6 M13.9 14 21.6 18.9" stroke="currentColor" stroke-width="1.2"/><circle cx="8.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="12.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="14.3" y="24.4" text-anchor="middle" font-size="7.5" fill="currentColor">C</text>',
-  abcd_pattern: '<path d="M9.5 6.7 21.5 5.2 M6.6 9.4 4.4 20.4 M6.5 22.7 18.6 21.2 M21.4 18.6 23.6 7.6 M8.5 9.2 18.8 19.5" stroke="currentColor" stroke-width="1.2"/><circle cx="7.5" cy="7.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="20.5" cy="20.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  triangle_pattern: '<path d="M2.5 1.5V20.8 M2.6 1.9 7.4 4.1 M11.1 5.9 16.4 8.3 M20.1 8.1 26.8 11.1 M4.1 21.2 9.5 18.8 M13.3 17.7 26.8 11.6" stroke="currentColor" stroke-width="1.2"/><path d="M3.7 20.8 9.2 6.6 M9.3 6.4 10.7 16.6 M13.1 17.2 17.8 10.4" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  three_drives: '<path d="M0.3 4.7 1.4 5.2 M5.1 6.8 8.5 8.2 M12.1 9.8 15.5 11.2 M19.2 12.8 25.1 15.3 M0.3 17.7 1.4 18.2 M5.1 19.8 8.5 21.2 M12.1 22.8 15.5 24.2 M19.2 25.8 20.8 26.5" stroke="currentColor" stroke-width="1.2"/><path d="M3.5 7.5V16.4 M4.3 16.5 8.9 9.9 M10.5 10.5V19.5 M11.3 19.5 15.9 12.9 M17.5 13.5V22.5 M17.7 22.5 24.3 5.2" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="8.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  head_and_shoulders: '<path d="M4.4 21.7 6.5 12.6 M7.8 12 10 16.5 M10.6 16.4 13.5 6.3 M15.5 6.2 18.4 16.5 M18.9 16.5 21.1 12.1 M23.4 12.3 25.5 21.4" stroke="currentColor" stroke-width="1.2"/><path d="M1 18.5h7.5 M12.5 18.5h4 M20.5 18.5h6.5" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="21.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="25.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  elliott_impulse_wave: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">1</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">5</text>',
-  elliott_correction: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">A</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">C</text>',
-  elliott_triangle_wave: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">A</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">E</text>',
-  elliott_double_combo: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">W</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">Y</text>',
-  elliott_triple_combo: '<path d="M5.2 18.5 9.4 14.3 M11.9 13.9 16.1 18.1 M18.6 17.7 22.7 13.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="17.5" cy="19.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="10.8" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">W</text><text x="24.6" y="7" text-anchor="middle" font-size="7.5" fill="currentColor">Z</text>',
-  cyclic_lines: '<path d="M5.5 4v8.4 M5.5 16.6V25 M11.5 4v8.4 M11.5 16.6V25 M17.5 4v21 M23.5 4v21" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  time_cycles: '<path d="M-2.5 15A5.5 5.5 0 0 1 8.5 15 M8.5 15A5.5 5.5 0 0 1 19.5 15 M19.5 15A5.5 5.5 0 0 1 30.5 15" stroke="currentColor" stroke-width="1.2"/><circle cx="8.5" cy="17.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="17.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  sine_line: '<path d="M5.2 14.1C5.2 11.4 6 8.9 7.5 8 M11.1 8.6C12.7 9.9 13.3 12.1 14.1 14.6C15 17.4 15.9 20 17.7 21.3 M21.5 21.5C23 20.9 24 19.1 24.6 17.2C24.9 16.2 25.3 15.1 25.4 14.2" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="7.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="19.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  long_position: '<path d="M8 6.5H25 M5 17.5h20 M8 22.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="15.5" y="14.5" text-anchor="middle" font-size="7.5" fill="currentColor">L</text>',
-  short_position: '<path d="M8 6.5H25 M5 11.5h20 M8 22.5H25" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><text x="15.7" y="19" text-anchor="middle" font-size="7.5" fill="currentColor">S</text>',
-  forecast: '<path d="M7.5 6v6 M7.5 19.5V22 M14.5 5v5 M14.5 18v3 M21.5 5v6" stroke="currentColor" stroke-width="1.2"/><rect x="6.5" y="12.5" width="2" height="7" stroke="currentColor" stroke-width="1.2"/><rect x="13.5" y="10.5" width="2" height="7.5" stroke="currentColor" stroke-width="1.2"/><path d="M19 11h5l-2.5 3z" fill="currentColor"/><circle cx="21.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  bars_pattern: '<path d="M6.5 6v6.5 M6.5 19.5V22 M11.5 11v2.5 M11.5 16.5V24 M16.5 5v5.5 M16.5 18.5V21 M21.5 7v4.5 M21.5 16.5V19" stroke="currentColor" stroke-width="1.2"/><rect x="5.5" y="12.5" width="2" height="7" stroke="currentColor" stroke-width="1.2"/><rect x="10.5" y="13.5" width="2" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="15.5" y="10.5" width="2" height="8" stroke="currentColor" stroke-width="1.2"/><rect x="20.5" y="11.5" width="2" height="5" stroke="currentColor" stroke-width="1.2"/>',
-  ghost_feed: '<path d="M4.5 18 7.7 16.7 M9.7 15.9 12.7 14.7 M14.7 13.9 17.7 12.7 M19.7 11.8 22.8 10.5" stroke="currentColor" stroke-width="1.2"/><path d="M8.5 9v4.5 M8.5 18.5v2.5 M13.5 6v5 M13.5 15v5 M18.5 3v5.5 M18.5 16.5v2.5" stroke="currentColor" stroke-width="1.2"/><rect x="7.5" y="13.5" width="2" height="5" stroke="currentColor" stroke-width="1.2"/><rect x="12.5" y="11" width="2" height="4" stroke="currentColor" stroke-width="1.2"/><rect x="17.5" y="8.5" width="2" height="8" stroke="currentColor" stroke-width="1.2"/>',
-  sector: '<path d="M5.5 8v13 M8 23.5H21 M7.6 5.1A18.4 18.4 0 0 1 23.9 21.4" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  anchored_vwap: '<path d="M10.5 5v4.5 M10.5 21.5V25 M17.5 2v5.5 M17.5 17.5V23" stroke="currentColor" stroke-width="1.2"/><rect x="8.5" y="9.5" width="4" height="12" stroke="currentColor" stroke-width="1.2"/><rect x="15.5" y="7.5" width="4" height="10" stroke="currentColor" stroke-width="1.2"/><path d="M5.6 15.8 7.5 14.4 14.2 15.9 25 9.7" stroke="currentColor" stroke-width="1.2"/><circle cx="4" cy="17" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  fixed_range_volume_profile: '<path d="M3.5 3v16 M23.5 8v16" stroke="currentColor" stroke-width="1.2"/><rect x="3.5" y="6.5" width="6" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="3.5" y="9.5" width="9" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="3.5" y="12.5" width="4" height="3" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  anchored_volume_profile: '<path d="M23.5 3v21 M9 13.5h5.5" stroke="currentColor" stroke-width="1.2"/><rect x="17.5" y="7.5" width="6" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="12.5" y="10.5" width="11" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="14.5" y="14.5" width="9" height="3" stroke="currentColor" stroke-width="1.2"/><rect x="20.5" y="17.5" width="3" height="3" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="13.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  price_range: '<path d="M4 4.5h16.5 M8.5 24.5H25 M14.5 9v14" stroke="currentColor" stroke-width="1.2"/><path d="M14.5 6l2.5 3h-5z" fill="currentColor"/><circle cx="22.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="24.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  date_range: '<path d="M4.5 4v16.5 M24.5 8.5V25 M6 14.5h14" stroke="currentColor" stroke-width="1.2"/><path d="M20 12v5l3-2.5z" fill="currentColor"/><circle cx="4.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  date_and_price_range: '<path d="M4 4.5h17.5 M4.5 4v17.5 M6.5 23.5H24 M23.5 6.5V24" stroke="currentColor" stroke-width="1.2"/><path d="M13.5 9v13 M6 14.5h13" stroke="currentColor" stroke-width="1.2"/><path d="M13.5 6l2.5 3h-5z M19 12v5l3-2.5z" fill="currentColor"/><circle cx="4.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  brush: '<path d="M3.5 22.5c2.4-2.6 3.6-5.3 4.5-8 1.2-3.4 5.6-4.2 8.2-1.2 2.8 3.3-.3 9.2-5.5 9.2z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="M18.2 6.4 16.8 7.7c-1 .9-1 2.4-.1 3.4l1.9 1.9c1 1 2.5.9 3.4 0l5.5-5.7" stroke="currentColor" stroke-width="1.2"/>',
-  highlighter: '<path d="M15 2.7 26 13.7 19.3 20.4 14.7 21.9a1.2 1.2 0 0 1-1.2-.3l-5.9-6a1.2 1.2 0 0 1-.3-1.2L8.4 9.3z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><path d="M8.9 10.5 18.2 19.8" stroke="currentColor" stroke-width="1.2"/><path d="M7.9 16.9l4.2 4.2-2.6 2.6-6.1-2.4z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  arrow_marker: '<path d="M22.7 4.6a.8.8 0 0 1 1 1l-2.5 8.3c-.2.7-1.1.8-1.5.2l-.9-1.7-12.6 10a.8.8 0 0 1-1.1-1.1l10-12.6-1.7-.9c-.6-.4-.5-1.3.2-1.5z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  arrow: '<path d="M7.3 20.7 15 13" stroke="currentColor" stroke-width="1.2"/><path d="M21 7l-8 3 5 5z" fill="currentColor"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  arrow_up: '<path d="M10.5 16.5H4.8L14 5.5l9.2 11h-5.7v6h-7z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  arrow_down: '<path d="M10.5 11.5H4.8L14 22.5l9.2-11h-5.7v-6h-7z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  rectangle: '<path d="M7.5 5.5h13 M7.5 22.5h13 M5.5 7.5v13 M22.5 7.5v13" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  rotated_rectangle: '<path d="M14.7 3.6 10.5 7.8 M7.7 10.6 3.5 14.8 M3.5 18.2l6.2 6.2 M13.2 24.5l4.2-4.2 M20.2 17.5l4.2-4.2 M24.4 9.7 18.2 3.5" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="2.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="9.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="2.5" cy="16.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="25.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="18.5" cy="18.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="25.5" cy="11.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  path: '<path d="M2 18.6 7.7 12.6 M11.3 12.3 14.7 15.7 M18.3 15.7 25.6 8.4 M21 7.5h5.5 M26.5 7.5V13" stroke="currentColor" stroke-width="1.2"/><circle cx="9.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="17.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  circle: '<path d="M23.7 16.4A10 10 0 1 1 23.7 11.6" stroke="currentColor" stroke-width="1.2"/><circle cx="14" cy="14" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="24" cy="14" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  ellipse: '<path d="M17 6.8A11 8 0 0 1 25 12.2 M25 16.8A11 8 0 0 1 17 22.2 M12 22.2A11 8 0 0 1 4 16.8 M4 12.2A11 8 0 0 1 12 6.8" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="25.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  polyline: '<path d="M8.3 11.6 13.4 7.1 M16.5 5.5h4 M22.5 7.5v5 M20.5 14.5h-4 M14.5 16.5v4 M12.5 22.5h-4 M6.5 20.5v-6" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="12.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="14.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="14.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  triangle: '<path d="M8.5 22.5h11 M6.5 8.5v12 M7.5 8.3 19.8 21.4" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="21.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  arc: '<path d="M8.2 21.4 21.5 7.3" stroke="currentColor" stroke-width="1.2"/><path d="M8 23.9C12.5 26 17.8 26 21.5 23.4 M24 20C26 16 25.7 11 23.9 7.1" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  curve: '<path d="M6.3 20.7C6.9 17.2 8 14.3 9.7 12.1 M12.2 9.7C14.7 7.9 17.7 6.8 20.7 6.3" stroke="currentColor" stroke-width="1.2"/><circle cx="5.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="10.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="22.5" cy="5.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  double_curve: '<path d="M6 24.9C9.8 26.5 13.3 26.5 15.7 23.6 M17.6 19.6C17.9 17.3 17 16 14.3 13.6C11.9 11.5 11.1 10.3 11.4 8.5 M12.9 5.1C15 2.6 18.1 2.5 21.6 4.1" stroke="currentColor" stroke-width="1.2"/><circle cx="4.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="16.5" cy="21.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="11.5" cy="6.5" r="2" stroke="currentColor" stroke-width="1.2"/><circle cx="23.5" cy="4.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  text: '<path d="M7.5 9V5.5h13V9 M14 5.5v17 M11 22.5h6" stroke="currentColor" stroke-width="1.2"/>',
-  note: '<rect x="4.5" y="2.5" width="18" height="14" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M9.5 8V6h9v2 M14 6v7 M12 13h4 M13.5 16.5v4.5" stroke="currentColor" stroke-width="1.2"/><circle cx="13.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  price_note: '<rect x="4.5" y="2.5" width="18" height="14" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M13.5 16.5v4.5" stroke="currentColor" stroke-width="1.2"/><text x="14" y="13" text-anchor="middle" font-size="10" fill="currentColor">$</text><circle cx="13.5" cy="23.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  table: '<rect x="3.5" y="5.5" width="21" height="18" rx="1" stroke="currentColor" stroke-width="1.2"/><path d="M3.5 11.5h21 M3.5 17.5h21 M9.5 5.5v18" stroke="currentColor" stroke-width="1.2"/>',
-  callout: '<path d="M9.6 18.5 5.5 23.5V6.5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  comment: '<path d="M5.5 14a7 7 0 0 1 7-7h5a7 7 0 1 1 0 14H6.5a1 1 0 0 1-1-1z" stroke="currentColor" stroke-width="1.2"/>',
-  price_label: '<path d="M5.5 20.5v-14a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H12.6l-3.2 3.2" stroke="currentColor" stroke-width="1.2"/><circle cx="6.5" cy="22.5" r="2" stroke="currentColor" stroke-width="1.2"/>',
-  signpost: '<circle cx="14" cy="11.5" r="9" stroke="currentColor" stroke-width="1.2"/><path d="M14 20.5V27" stroke="currentColor" stroke-width="1.2"/><path d="M14 6.2l1.5 3.1 3.4.4-2.5 2.3.6 3.4-3-1.7-3 1.7.6-3.4-2.5-2.3 3.4-.4z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  flag: '<path d="M5.5 23V5.5h16.7l-4.6 5.25 4.6 5.25H5.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>',
-  image: '<rect x="3.5" y="4.5" width="21" height="19" rx="3.5" stroke="currentColor" stroke-width="1.2"/><circle cx="10" cy="10" r="1.5" stroke="currentColor" stroke-width="1.2"/><path d="M4.2 21.5 9.3 15.1l3.3 4 M12.9 17.4 18 10.7l5.9 7.7" stroke="currentColor" stroke-width="1.2"/>',
-  content_card: '<rect x="4.5" y="5.5" width="19" height="17" rx="2" stroke="currentColor" stroke-width="1.2"/><path d="M4.5 11.5h19 M8 15.5h9 M8 18.5h6" stroke="currentColor" stroke-width="1.2"/>',
-  pin: '<path d="M14 3.5a7.5 7.5 0 0 1 7.5 7.5c0 4.2-4.2 8.9-7.5 12.6C10.7 19.9 6.5 15.2 6.5 11A7.5 7.5 0 0 1 14 3.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/><circle cx="14" cy="11" r="3" stroke="currentColor" stroke-width="1.2"/>'
-};
-
-// src/ui/chrome/arrangementGlyphs.ts
-var ARRANGEMENT_ICONS = {
-  "s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" d="M2.5 1C1.67 1 1 1.67 1 2.5v12c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5h-14ZM0 2.5A2.5 2.5 0 0 1 2.5 0h14A2.5 2.5 0 0 1 19 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 0 14.5v-12Z"></path>' },
-  "2h": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H10v15ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "2v": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V9H1Zm1.5-9A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "3h": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H6v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM7 16h5V1H7v15Zm6-15v15h3.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H13ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "3v": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V5H1V2.5ZM1 6v5h17V6H1Zm17 6H1v2.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V12ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "3s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V9h-8v7Zm8-8V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "3r": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H9V9H1Zm9 7h6.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H10v15ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "2-1": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V9H1Zm17-1V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "1-2": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H9V9H1Zm9 7h6.5c.83 0 1.5-.67 1.5-1.5V9h-8v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "4": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H9V9H1Zm9 7h6.5c.83 0 1.5-.67 1.5-1.5V9h-8v7Zm8-8V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "4v": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V4H1V2.5ZM1 5v3h17V5H1Zm17 4H1v3h17V9Zm0 4H1v1.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V13ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "4h": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H4v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM5 16h4V1H5v15Zm5-15v15h4V1h-4Zm5 0v15h1.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H15ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "4s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V12h-8v4Zm8-5V6h-8v5h8Zm0-6V2.5c0-.83-.67-1.5-1.5-1.5H10v4h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "4s-l": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H11v4H2V3.5ZM2 7v5h9V7H2Zm0 6v2.5c0 .83.67 1.5 1.5 1.5H11v-4H2Zm10 4h5.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H12v15ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
-  "1-3": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "3-1": { viewBox: "-1 -1 21 19", body: '<g transform="matrix(1,0,0,-1,0,0)"><path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path></g>' },
-  "2-2-l": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M2.5 1C1.67 1 1 1.67 1 2.5v12c0 .83.67 1.5 1.5 1.5H5V1zM10 16H6V1h4v15m1 0h5.5c.83 0 1.5-.67 1.5-1.5V9h-7zm7-8V2.5c0-.83-.67-1.5-1.5-1.5H11v7zM0 2.5A2.5 2.5 0 0 1 2.5 0h14A2.5 2.5 0 0 1 19 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 0 14.5z"></path>' },
-  "2-2-r": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M16.5 1H14v15h2.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5M9 1h4v15H9V1M8 1H2.5C1.67 1 1 1.67 1 2.5V8h7zM1 9v5.5c0 .83.67 1.5 1.5 1.5H8V9zm1.5-9A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
-  "2-2": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v3h17V9H1Zm17-1V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8Zm0 5H1v1.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V13ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "1-4": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H4V9H1Zm4 7h4V9H5v7Zm5 0h4V9h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V9h-3v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "5h": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M19 3.5c0-.83-.67-1.5-1.5-1.5H17v15h.5c.83 0 1.5-.67 1.5-1.5v-12Zm-17 12c0 .83.67 1.5 1.5 1.5H4V2h-.5C2.67 2 2 2.67 2 3.5v12ZM1.01 3.24A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 1 15.5v-12l.01-.26ZM5 17h3V2H5v15Zm11 0h-3V2h3v15ZM12 2v15H9V2h3Z"></path>' },
-  "5v": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 3.5A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 1 15.5v-12ZM3.5 2h14c.83 0 1.5.67 1.5 1.5V4H2v-.5C2 2.67 2.67 2 3.5 2ZM2 5v2h17V5H2Zm17 3H2v3h17V8Zm0 4H2v2h17v-2Zm0 3H2v.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V15Z"></path>' },
-  "5s": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V13h-8v3Zm8-4V9h-8v3h8Zm0-4V5h-8v3h8Zm0-4V2.5c0-.83-.67-1.5-1.5-1.5H10v3h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "5s-l": { viewBox: "-1 -1 21 19", body: '<g transform="matrix(-1,0,0,-1,0,0)"><path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v15H2.5A1.5 1.5 0 0 1 1 14.5v-12ZM10 16h6.5c.83 0 1.5-.67 1.5-1.5V13h-8v3Zm8-4V9h-8v3h8Zm0-4V5h-8v3h8Zm0-4V2.5c0-.83-.67-1.5-1.5-1.5H10v3h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path></g>' },
-  "2-3": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7Zm5-8V2.5c0-.83-.67-1.5-1.5-1.5H10v7h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "3-2": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H7v7H2V3.5ZM2 10v5.5c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5V10h-8v7h-1v-7H2Zm17-1V3.5c0-.83-.67-1.5-1.5-1.5H14v7h5Zm-6-7H8v7h5V2ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
-  "4-1": { viewBox: "-1 -1 21 19", body: '<g transform="matrix(-1,0,0,-1,0,0)"><path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1h14c.83 0 1.5.67 1.5 1.5V8H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H4V9H1Zm4 7h4V9H5v7Zm5 0h4V9h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V9h-3v7ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path></g>' },
-  "2-3-l": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M10 1H6v15h4V1m1 0v4h7V2.5c0-.83-.67-1.5-1.5-1.5zm7 5h-7v5h7zm0 6h-7v4h5.5c.83 0 1.5-.67 1.5-1.5zM2.5 1H5v15H2.5A1.5 1.5 0 0 1 1 14.5v-12C1 1.67 1.67 1 2.5 1m0-1A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
-  "2-3-r": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M16.5 1H14v15h2.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5M9 1h4v15H9V1M8 1H2.5C1.67 1 1 1.67 1 2.5V5h7zM1 6v5h7V6zm0 6v2.5c0 .83.67 1.5 1.5 1.5H8v-4zM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
-  "6": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H6v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H6V9H1Zm6 7h5V9H7v7Zm6 0h3.5c.83 0 1.5-.67 1.5-1.5V9h-5v7Zm5-8V2.5c0-.83-.67-1.5-1.5-1.5H13v7h5Zm-6-7H7v7h5V1ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "6h": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H4v15h-.5A1.5 1.5 0 0 1 2 15.5v-12ZM5 17h2V2H5v15ZM8 2v15h2V2H8Zm3 0v15h2V2h-2Zm3 0v15h2V2h-2Zm3 0v15h.5c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5H17ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
-  "6v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
-  "6c": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v4H1V2.5ZM1 6v5h8V6H1Zm0 6v2.5c0 .83.67 1.5 1.5 1.5H9v-4H1Zm9 4h6.5c.83 0 1.5-.67 1.5-1.5V12h-8v4Zm8-5V6h-8v5h8Zm0-6V2.5c0-.83-.67-1.5-1.5-1.5H10v4h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "2-4": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 3.5A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 1 15.5v-12ZM11 2h6.5c.83 0 1.5.67 1.5 1.5V9h-8V2Zm-1 0H3.5C2.67 2 2 2.67 2 3.5V9h8V2Zm-8 8v5.5c0 .83.67 1.5 1.5 1.5H5v-7H2Zm4 7h4v-7H6v7Zm5 0h4v-7h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V10h-3v7Z"></path>' },
-  "4-2": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M15 1h1.5c.83 0 1.5.67 1.5 1.5v5h-3zm-1 0h-4v6.5h4zM9 1H5v6.5h4zM4 1H2.5C1.67 1 1 1.67 1 2.5v5h3zM1 8.5v6c0 .83.67 1.5 1.5 1.5H9V8.5H1m9 7.5h6.5c.83 0 1.5-.67 1.5-1.5v-6h-8zM0 2.5A2.5 2.5 0 0 1 2.5 0h14A2.5 2.5 0 0 1 19 2.5v12a2.5 2.5 0 0 1-2.5 2.5h-14A2.5 2.5 0 0 1 0 14.5z"></path>' },
-  "4-3": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M14 1h-4v7h4zm1 8h-2v7h3.5c.83 0 1.5-.67 1.5-1.5V9zm-3 7V9H7v7zM5 9h1v7H2.5A1.5 1.5 0 0 1 1 14.5V9h4m13-1V2.5c0-.83-.67-1.5-1.5-1.5H15v7zM1 8h3V1H2.5C1.67 1 1 1.67 1 2.5zm4 0h4V1H5zM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
-  "7h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
-  "7s": { viewBox: "0 0 19 17", body: '<g fill="currentColor"><path fill-rule="evenodd" d="M16.5 1h-14C1.67 1 1 1.67 1 2.5v12c0 .83.67 1.5 1.5 1.5h14c.83 0 1.5-.67 1.5-1.5v-12c0-.83-.67-1.5-1.5-1.5m-14-1A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path><path d="M9 3h9v1H9z"></path><path d="M9 17V1h1v16z"></path><path d="M9 6h9v1H9z" opacity=".65"></path><path d="M9 9h9v1H9z" opacity=".25"></path><path d="M9 12h9v1H9z" opacity=".05"></path></g>' },
-  "8": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H4v7H1V2.5ZM1 9v5.5c0 .83.67 1.5 1.5 1.5H4V9H1Zm4 7h4V9H5v7Zm5 0h4V9h-4v7Zm5 0h1.5c.83 0 1.5-.67 1.5-1.5V9h-3v7Zm3-8V2.5c0-.83-.67-1.5-1.5-1.5H15v7h3Zm-4-7h-4v7h4V1ZM9 1H5v7h4V1ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "8c": { viewBox: "-1 -1 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M1 2.5C1 1.67 1.67 1 2.5 1H9v3H1V2.5ZM1 5v3h8V5H1Zm0 4v3h8V9H1Zm0 4v1.5c0 .83.67 1.5 1.5 1.5H9v-3H1Zm9 3h6.5c.83 0 1.5-.67 1.5-1.5V13h-8v3Zm8-4V9h-8v3h8Zm0-4V5h-8v3h8Zm0-4V2.5c0-.83-.67-1.5-1.5-1.5H10v3h8ZM2.5 0A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0h-14Z"></path>' },
-  "8h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
-  "8v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
-  "9s": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14ZM7 2H3.5C2.67 2 2 2.67 2 3.5V6h5V2Zm1 0v4h5V2H8Zm0 5h5v5H8V7Zm-1 5V7H2v5h5Zm-5 1h5v4H3.5A1.5 1.5 0 0 1 2 15.5V13Zm6 0h5v4H8v-4Zm6 0v4h3.5c.83 0 1.5-.67 1.5-1.5V13h-5Zm5-1V7h-5v5h5ZM14 2v4h5V3.5c0-.83-.67-1.5-1.5-1.5H14Z"></path>' },
-  "5-4": { viewBox: "0 0 19 17", body: '<path fill="currentColor" fill-rule="evenodd" d="M7 1H4v7h3zm1 0v7h3V1zm4 0v7h3V1zm0 8h-2v7h4V9zm3 0h3v5.5c0 .83-.67 1.5-1.5 1.5H15zm1-8v7h2V2.5c0-.83-.67-1.5-1.5-1.5zM8 9H5v7h4V9zM2.5 1H3v7H1V2.5C1 1.67 1.67 1 2.5 1M1 9h3v7H2.5A1.5 1.5 0 0 1 1 14.5zm1.5-9A2.5 2.5 0 0 0 0 2.5v12A2.5 2.5 0 0 0 2.5 17h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 16.5 0z"></path>' },
-  "9h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
-  "9v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
-  "10c5": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H4v7H2V3.5ZM2 10v5.5c0 .83.67 1.5 1.5 1.5H4v-7H2Zm3 7h3v-7H5v7Zm4 0h3v-7H9v7Zm4 0h3v-7h-3v7Zm4 0h.5c.83 0 1.5-.67 1.5-1.5V10h-2v7Zm2-8V3.5c0-.83-.67-1.5-1.5-1.5H17v7h2Zm-3-7h-3v7h3V2Zm-4 0H9v7h3V2ZM8 2H5v7h3V2ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
-  "10h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
-  "10v": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M1.5 4h18v1h-18V4Z"></path><path fill="currentColor" d="M2 7h18v1H2V7Z" opacity=".65"></path><path fill="currentColor" d="M1.5 10h18v1h-18v-1Z" opacity=".25"></path><path fill="currentColor" d="M1.5 13h18v1h-18v-1Z" opacity=".05"></path></g>' },
-  "12c6": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H4v7H2V3.5ZM2 10v5.5c0 .83.67 1.5 1.5 1.5H4v-7H2Zm3 7h2v-7H5v7Zm3 0h2v-7H8v7Zm3 0h2v-7h-2v7Zm3 0h2v-7h-2v7Zm3 0h.5c.83 0 1.5-.67 1.5-1.5V10h-2v7Zm2-8V3.5c0-.83-.67-1.5-1.5-1.5H17v7h2Zm-3-7h-2v7h2V2Zm-3 0h-2v7h2V2Zm-3 0H8v7h2V2ZM7 2H5v7h2V2ZM3.5 1A2.5 2.5 0 0 0 1 3.5v12A2.5 2.5 0 0 0 3.5 18h14a2.5 2.5 0 0 0 2.5-2.5v-12A2.5 2.5 0 0 0 17.5 1h-14Z"></path>' },
-  "12c4": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M2 3.5C2 2.67 2.67 2 3.5 2H7v3H2v1h5v3H2v1h5v3H2v1h5v3H3.5A1.5 1.5 0 0 1 2 15.5v-12ZM8 14v3h5v-3H8Zm6 0v3h3.5c.83 0 1.5-.67 1.5-1.5V14h-5Zm5-1h-5v-3h5v3Zm-6 0H8v-3h5v3ZM8 9h5V6H8v3Zm6 0h5V6h-5v3Zm-1-4H8V2h5v3Zm1 13H3.5A2.5 2.5 0 0 1 1 15.5v-12A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5H14Zm0-13V2h3.5c.83 0 1.5.67 1.5 1.5V5h-5Z"></path>' },
-  "12h": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 17V2h1v15h-1Z" opacity=".05"></path></g>' },
-  "14c7": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M19 10H2V9h17v1Z"></path><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 18V2h1v16h-1Z" opacity=".05"></path></g>' },
-  "16c8": { viewBox: "0 0 21 19", body: '<g fill="none"><rect width="18" height="16" stroke="currentColor" rx="2" x="1.5" y="1.5"></rect><path fill="currentColor" d="M19 10H2V9h17v1Z"></path><path fill="currentColor" d="M4 17V2h1v15H4Z"></path><path fill="currentColor" d="M7 17V2h1v15H7Z" opacity=".85"></path><path fill="currentColor" d="M10 17V2h1v15h-1Z" opacity=".65"></path><path fill="currentColor" d="M13 17V2h1v15h-1Z" opacity=".25"></path><path fill="currentColor" d="M16 18V2h1v16h-1Z" opacity=".05"></path></g>' },
-  "16c4": { viewBox: "0 0 21 19", body: '<path fill="currentColor" fill-rule="evenodd" d="M3.5 2C2.67 2 2 2.67 2 3.5v12c0 .83.67 1.5 1.5 1.5H5v-3H2v-1h3v-3H2V9h3V6H2V5h3V2H3.5ZM6 14v3h4v-3H6Zm4-1H6v-3h4v3Zm1 1v3h4v-3h-4Zm4-1h-4v-3h4v3Zm1 1v3h1.5c.83 0 1.5-.67 1.5-1.5V14h-3Zm3-1h-3v-3h3v3Zm-8-4h4V6h-4v3Zm5-3v3h3V6h-3ZM6 9h4V6H6v3Zm0-4h4V2H6v3Zm10 13H3.5A2.5 2.5 0 0 1 1 15.5v-12A2.5 2.5 0 0 1 3.5 1h14A2.5 2.5 0 0 1 20 3.5v12a2.5 2.5 0 0 1-2.5 2.5H16Zm0-13V2h1.5c.83 0 1.5.67 1.5 1.5V5h-3Zm-1-3h-4v3h4V2Z"></path>' }
-};
-
-// src/ui/icons/catalog.ts
-var byMeaning = (table) => table;
-var CONTROL_ICONS = byMeaning({
-  // The top bar and the widget's menus.
-  compare: [ICONS.comparePlus],
-  indicators: [ICONS.indicators],
-  replay: [ICONS.replay],
-  undo: [ICONS.undo],
-  redo: [ICONS.redo],
-  settings: [ICONS.settings, ICONS.gear, ICONS.legendSettings],
-  fullscreen: [ICONS.fullscreen],
-  fullscreenExit: [ICONS.exitFullscreen],
-  image: [ICONS.camera],
-  download: [ICONS.download],
-  copy: [ICONS.copy],
-  caret: [ICONS.menuArrowWide],
-  info: [ICONS.info],
-  // The legend.
-  visible: [ICONS.legendEye],
-  hidden: [ICONS.legendEyeOff],
-  collapse: [ICONS.legendChevron],
-  paneCollapse: [ICONS.paneCollapse],
-  paneRestore: [ICONS.paneRestore],
-  paneMaximize: [ICONS.paneMaximize],
-  marketStatus: [ICONS.marketStatus],
-  replayStatus: [ICONS.replayStatus],
-  replayMark: [ICONS.replayMark],
-  replayCut: [ICONS.replayCut],
-  // The navigation cluster.
-  zoomIn: [ICONS.navZoomIn],
-  zoomOut: [ICONS.navZoomOut],
-  scroll: [ICONS.navScroll],
-  reset: [ICONS.navReset],
-  tileMaximize: [ICONS.tileMaximize],
-  tileRestore: [ICONS.tileRestore],
-  // Rows, lists and dialogs.
-  check: [ICONS.check],
-  close: [ICONS.close, ICONS.closeThin, ICONS.dialogClose],
-  remove: [ICONS.close18, ICONS.removeRow],
-  delete: [ICONS.trash, ICONS.trash28],
-  add: [ICONS.plus, ICONS.plusThin, ICONS.plus24],
-  search: [ICONS.search, ICONS.search24],
-  clear: [ICONS.clear],
-  open: [ICONS.folder],
-  rename: [ICONS.pencil],
-  duplicate: [ICONS.clone],
-  favorite: [ICONS.star, ICONS.pickerStar],
-  favorited: [ICONS.starFilled, ICONS.pickerStarFilled],
-  sortAscending: [ICONS.sortUp, ICONS.sortUpRow],
-  sortDescending: [ICONS.sortDown, ICONS.sortDownRow],
-  chevronUp: [ICONS.chevronUp],
-  chevronDown: [ICONS.chevronDown, ICONS.chevronDown18],
-  chevronLeft: [ICONS.chevronLeft],
-  chevronRight: [ICONS.chevronRight],
-  // The drawing toolbar's arrow, pointing where the flyout it opens will stand.
-  flyout: [ICONS.chevronRight16],
-  submenu: [ICONS.submenuArrow],
-  more: [ICONS.kebab],
-  grip: [ICONS.grip],
-  emptySearch: [SEARCH_EMPTY_MARK],
-  emptyCompare: [COMPARE_EMPTY_MARK],
-  // The symbol search's spread builder.
-  operatorsShow: [ICONS.spreadOpsShow],
-  operatorsHide: [ICONS.spreadOpsHide],
-  operatorAdd: [OPERATOR_GLYPHS.addition],
-  operatorSubtract: [OPERATOR_GLYPHS.subtraction],
-  operatorMultiply: [OPERATOR_GLYPHS.multiplication],
-  operatorDivide: [OPERATOR_GLYPHS.division],
-  operatorPower: [OPERATOR_GLYPHS.exponentiation],
-  operatorReciprocal: [OPERATOR_GLYPHS.reciprocal],
-  // The replay transport.
-  play: [ICONS.play],
-  pause: [ICONS.pause],
-  stepForward: [ICONS.stepForward],
-  stepBack: [ICONS.stepBack],
-  goLive: [ICONS.goLive],
-  selectBar: [ICONS.selectBar],
-  selectDate: [ICONS.calendar],
-  firstAvailable: [ICONS.firstAvailable],
-  randomBar: [ICONS.randomBar],
-  // The drawing toolbar, its menus, the favorites bar and the drawing settings.
-  cursorCross: [ICONS.cursorCross],
-  cursorDot: [ICONS.cursorDot],
-  cursorArrow: [ICONS.cursorArrow],
-  eraser: [ICONS.eraser],
-  measure: [ICONS.ruler],
-  zoomTool: [ICONS.zoomIn],
-  magnet: [ICONS.magnet],
-  magnetStrong: [ICONS.magnetStrong],
-  stayInMode: [ICONS.pin],
-  stayInModeOn: [ICONS.pinOn],
-  locked: [ICONS.lockClosed],
-  unlocked: [ICONS.lockOpen],
-  drawingsShown: [ICONS.drawingsShown],
-  drawingsHidden: [ICONS.drawingsHidden],
-  indicatorsShown: [ICONS.indicatorsShown],
-  indicatorsHidden: [ICONS.indicatorsHidden],
-  allShown: [ICONS.allShown],
-  allHidden: [ICONS.allHidden],
-  hide: [ICONS.eyeCrossed],
-  sync: [ICONS.sync],
-  glyphTools: [ICONS.groupGlyphs],
-  favoritesBar: [ICONS.favoritesBar],
-  template: [ICONS.template],
-  visualOrder: [ICONS.layers],
-  lineColor: [ICONS.pencil16],
-  fillColor: [ICONS.bucket],
-  textColor: [ICONS.textTee],
-  lineSolid: [ICONS.lineSolid],
-  lineDashed: [ICONS.lineDashed],
-  lineDotted: [ICONS.lineDotted],
-  lineThickness1: [ICONS.lineThickness1],
-  lineThickness2: [ICONS.lineThickness2],
-  lineThickness3: [ICONS.lineThickness3],
-  lineThickness4: [ICONS.lineThickness4],
-  // Drawn for a line's left end; the right end wears the same drawing mirrored.
-  lineEndNormal: [ICONS.lineEndNormal],
-  lineEndArrow: [ICONS.lineEndArrow]
-});
-var MIRRORED_ICONS = /* @__PURE__ */ new Set(["flyout"]);
-var MINIATURE_TOOLS = Object.keys(TOOL_ICONS);
-var ARRANGEMENT_CODES = Object.keys(ARRANGEMENT_ICONS);
-var toolGlyphs = new Map(MINIATURE_TOOLS.map((type) => [type, { viewBox: "0 0 28 28", body: TOOL_ICONS[type] }]));
-var arrangementGlyphs = new Map(ARRANGEMENT_CODES.map((code) => [code, { viewBox: ARRANGEMENT_ICONS[code].viewBox, body: ARRANGEMENT_ICONS[code].body }]));
-var toolGlyph = (type) => toolGlyphs.get(type);
-var arrangementGlyphOf = (code) => arrangementGlyphs.get(code);
-var CHART_ICON_IDS = [
-  ...Object.keys(CONTROL_ICONS),
-  ...CHART_STYLES.map((style) => `style.${style}`),
-  ...MINIATURE_TOOLS.map((type) => `tool.${type}`),
-  ...ARRANGEMENT_CODES.map((code) => `layout.${code}`)
-];
-var PUBLISHED = new Set(CHART_ICON_IDS);
-var ICON_OF = /* @__PURE__ */ new WeakMap();
-for (const [id, glyphs] of Object.entries(CONTROL_ICONS)) for (const mark of glyphs) ICON_OF.set(mark, id);
-for (const style of CHART_STYLES) ICON_OF.set(STYLE_ICONS[style], `style.${style}`);
-for (const type of MINIATURE_TOOLS) ICON_OF.set(toolGlyphs.get(type), `tool.${type}`);
-for (const code of ARRANGEMENT_CODES) ICON_OF.set(arrangementGlyphs.get(code), `layout.${code}`);
-var iconOf = (mark) => ICON_OF.get(mark);
-var GLYPHS_OF = new Map([
-  ...Object.entries(CONTROL_ICONS),
-  ...CHART_STYLES.map((style) => [`style.${style}`, [STYLE_ICONS[style]]]),
-  ...MINIATURE_TOOLS.map((type) => [`tool.${type}`, [toolGlyphs.get(type)]]),
-  ...ARRANGEMENT_CODES.map((code) => [`layout.${code}`, [arrangementGlyphs.get(code)]])
-]);
-var standsAlone = (mark) => !/var\(--|class=/.test(mark.body);
-function chartIconArtwork(id) {
-  const glyphs = GLYPHS_OF.get(id) ?? [];
-  if (!glyphs.every(standsAlone)) return [];
-  return glyphs.map((mark) => ({
-    viewBox: mark.viewBox,
-    body: mark.body,
-    svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${mark.viewBox}" fill="none">${mark.body}</svg>`
-  }));
-}
-function checkIcons(icons) {
-  if (icons === void 0) return;
-  if (typeof icons !== "object" || icons === null || Array.isArray(icons)) throw new TypeError("icons must be an object");
-  for (const [id, factory] of Object.entries(icons)) {
-    if (!PUBLISHED.has(id)) throw new TypeError(`icons.${id} is not an icon the chart draws; CHART_ICON_IDS lists every one`);
-    if (factory !== void 0 && typeof factory !== "function") throw new TypeError(`icons.${id} must be a function that draws the icon`);
+function menuItem(options) {
+  const role = options.role ?? "menuitem";
+  const row2 = h("button", {
+    type: "button",
+    class: `qc-menu-row${options.className ? ` ${options.className}` : ""}`,
+    role,
+    "data-qc-item": "",
+    tabindex: "-1",
+    ...options.label ? { "aria-label": options.label } : options.keys ? { "aria-label": options.text } : {},
+    ...options.keys ? { "aria-keyshortcuts": options.keys } : {},
+    ...role === "menuitemradio" || role === "menuitemcheckbox" ? { "aria-checked": String(options.checked === true) } : {},
+    ...role === "option" ? { "aria-selected": String(options.checked === true) } : {}
+  });
+  if (options.disabled) {
+    row2.disabled = true;
+    row2.setAttribute("aria-disabled", "true");
+  }
+  const cell2 = h("span", { class: "qc-menu-icon" });
+  if (options.icon) {
+    row2.classList.add("qc-menu-row--marked");
+    cell2.appendChild(options.icon);
+  }
+  row2.appendChild(cell2);
+  const label2 = h("span", { class: "qc-menu-label" }, options.text);
+  row2.appendChild(options.description === void 0 ? label2 : h("span", { class: "qc-menu-text" }, label2, h("span", { class: "qc-menu-description" }, options.description)));
+  if (options.hint !== void 0) row2.appendChild(h("span", { class: "qc-menu-hint", ...options.keys ? { "aria-hidden": "true" } : {} }, options.hint));
+  if (options.onSelect) row2.addEventListener("click", () => options.onSelect?.());
+  return row2;
+}
+function menuHeading(text2) {
+  return h("div", { class: "qc-menu-heading", role: "presentation" }, text2);
+}
+function menuSeparator() {
+  return h("div", { class: "qc-separator", role: "separator" });
+}
+
+// src/ui/chrome/marketStatus.ts
+var clock = (mins) => `${String(Math.floor(mins / 60) % 24).padStart(2, "0")}:${String(mins % 60).padStart(2, "0")}`;
+function timelineLabels(starts) {
+  const sorted = [...new Set(starts.filter((m) => m > 0))].sort((a, b) => a - b);
+  const out = [];
+  for (let i = 0; i < sorted.length; i++) {
+    const a = sorted[i];
+    const b = sorted[i + 1];
+    if (b !== void 0 && b - a <= 90) {
+      out.push({ mins: (a + b) / 2, text: `${clock(a)} ${clock(b)}` });
+      i++;
+    } else out.push({ mins: a, text: clock(a) });
+  }
+  return out;
+}
+function openMarketStatus(anchor, deps) {
+  const t = deps.i18n.t;
+  const now = () => Math.floor(Date.now() / 1e3);
+  let timer = null;
+  let offLocale = () => void 0;
+  const stopUpdates = () => {
+    if (timer) clearInterval(timer);
+    timer = null;
+    offLocale();
+    offLocale = () => void 0;
+  };
+  const titleRow = (state, text2) => {
+    const dot = h("span", { class: "qc-session-dot qc-status-dot", ...state ? { "data-qc-session": state } : {} });
+    return h("div", { class: "qc-status-title" }, dot, h("span", { class: "qc-title" }, text2));
+  };
+  const menu2 = openMenu({
+    host: deps.host,
+    anchor,
+    label: t("status.title"),
+    role: "dialog",
+    className: "qc-status-popup",
+    width: 300,
+    build(body) {
+      const model = deps.model();
+      const nowSecs = now();
+      const status2 = model ? deps.status(nowSecs) : null;
+      if (!model || !status2) {
+        body.append(titleRow(null, t("status.unknownTitle")), h("p", { class: "qc-status-text qc-secondary" }, t("status.unknown")));
+        return;
+      }
+      body.append(titleRow(sessionStateAt(model, nowSecs), marketStatusTitle(t, status2)), h("p", { class: "qc-status-text qc-secondary" }, marketStatusText(t, status2, nowSecs)));
+      const tl = sessionTimeline(model, nowSecs, deps.i18n.tag());
+      const bar = h("div", { class: "qc-status-bar", "aria-hidden": "true" });
+      for (const s of tl.segments) {
+        const segment = h("div", { class: "qc-status-segment", "data-qc-session": s.state });
+        segment.style.width = `${(s.end - s.start) / 1440 * 100}%`;
+        bar.appendChild(segment);
+      }
+      const marker = h("div", { class: "qc-status-now" });
+      marker.style.insetInlineStart = `${tl.nowMins / 1440 * 100}%`;
+      const track = h("div", { class: "qc-status-track" }, bar, marker);
+      body.appendChild(h("div", { class: "qc-status-timeline" }, h("span", { class: "qc-status-day qc-muted" }, tl.dayLabel), track));
+      const labels = timelineLabels(tl.segments.map((s) => s.start));
+      if (labels.length > 0) {
+        const row2 = h("div", { class: "qc-status-labels", "aria-hidden": "true" });
+        for (const l of labels) {
+          const label2 = h("span", { class: "qc-status-label qc-muted" }, l.text);
+          label2.style.insetInlineStart = `${l.mins / 1440 * 100}%`;
+          row2.appendChild(label2);
+        }
+        body.appendChild(row2);
+      }
+      body.appendChild(h("div", { class: "qc-status-footer qc-muted" }, exchangeTimezoneText(t, tl.timezone, new Date(nowSecs * 1e3))));
+    },
+    onClose() {
+      stopUpdates();
+      deps.onClose?.();
+    }
+  });
+  timer = setInterval(() => menu2.refresh(), 6e4);
+  offLocale = deps.i18n.onChange(() => menu2.refresh());
+  if (!menu2.open()) stopUpdates();
+  return menu2;
+}
+
+// src/widget/legend.ts
+var COMPARE_ROW_PREFIX = "cmp:";
+var HOST_ROW_PREFIX = "host:";
+function barIndexAt(bars, time) {
+  if (bars.length === 0) return -1;
+  if (time === null) return bars.length - 1;
+  let lo = 0;
+  let hi = bars.length - 1;
+  while (lo < hi) {
+    const mid = lo + hi + 1 >> 1;
+    if (bars[mid].t <= time) lo = mid;
+    else hi = mid - 1;
+  }
+  return lo;
+}
+var percentWriters = /* @__PURE__ */ new Map();
+function percentText(fraction, tag) {
+  let writer = percentWriters.get(tag);
+  if (!writer) {
+    writer = new Intl.NumberFormat(tag);
+    percentWriters.set(tag, writer);
+  }
+  const points = Math.round(fraction * 1e4) / 100;
+  return `${points > 0 ? "+" : ""}${writer.format(points)}`;
+}
+function attachLegendPlane(deps) {
+  if (!deps.enabled) {
+    return {
+      push: () => void 0,
+      setHeader: () => void 0,
+      setDot: () => void 0,
+      setHostRows: () => void 0,
+      destroy: () => void 0
+    };
+  }
+  let destroyed = false;
+  const hostRows = /* @__PURE__ */ new Map();
+  const paneRemembered = /* @__PURE__ */ new Map();
+  const paneKeys = () => {
+    const keys = { 0: "main" };
+    for (const [id, pane] of Object.entries(deps.indicators.renderer.paneOf())) if (pane > 0) keys[pane] = `indicator:${id}`;
+    for (const entry of deps.compare?.api.list() ?? []) {
+      const pane = deps.compare.handle.paneIndexOf(entry.symbol);
+      if (pane !== null && pane > 0) keys[pane] = `compare:${entry.symbol}`;
+    }
+    return keys;
+  };
+  let legend2 = null;
+  let status2 = null;
+  let hovered = null;
+  let named = null;
+  let namedTimeframe = null;
+  legend2 = mountChartLegend(deps.chrome, deps.i18n, {
+    // Every row control is a COMMAND. The legend states an intent by id and the registry decides
+    // whether it may run, so a verb the host forbade cannot be reached by clicking either.
+    onToggleEye: (id) => {
+      if (id.startsWith(COMPARE_ROW_PREFIX)) {
+        const symbol = id.slice(COMPARE_ROW_PREFIX.length);
+        const entry = deps.compare?.api.list().find((e) => e.symbol === symbol);
+        if (entry) deps.commands.execute("chart.compare.setVisible", { symbol, visible: !entry.visible });
+        return;
+      }
+      deps.commands.execute(deps.indicators.isHidden(id) ? "chart.indicators.show" : "chart.indicators.hide", id);
+    },
+    onTitle: (id) => {
+      if (id.startsWith(COMPARE_ROW_PREFIX)) deps.commands.execute("chart.compare.changeSymbol", id.slice(COMPARE_ROW_PREFIX.length));
+    },
+    onRemove: (id) => {
+      if (id.startsWith(COMPARE_ROW_PREFIX)) deps.commands.execute("chart.compare.remove", id.slice(COMPARE_ROW_PREFIX.length));
+      else deps.commands.execute("chart.indicators.remove", id);
+    },
+    ...deps.symbolSearch ? { onSymbol: () => deps.openSearch() } : {},
+    painters: deps.painters,
+    icons: deps.icons,
+    ...deps.marketStatus ? {
+      onStatus: (anchor) => {
+        if (status2) {
+          status2.close();
+          return;
+        }
+        status2 = openMarketStatus(anchor, {
+          host: deps.chrome,
+          i18n: deps.i18n,
+          model: deps.sessionModel,
+          status: deps.status,
+          onClose: () => {
+            status2 = null;
+          }
+        });
+      }
+    } : {},
+    onSettings: (id, rect) => {
+      const host2 = hostRows.get(id);
+      if (host2) {
+        host2.onSettings?.();
+        return;
+      }
+      if (deps.openIndicatorSettings(id)) return;
+      const inst = deps.indicators.list().find((i) => i.id === id);
+      if (!inst) return;
+      mountInputsEditor(
+        deps.chrome,
+        rect,
+        inst.definition.manifest.inputs ?? {},
+        { ...manifestInputDefaults(inst.definition.manifest), ...inst.inputs },
+        (patch) => deps.indicators.patchInputs(id, patch),
+        deps.i18n,
+        deps.icons
+      );
+    },
+    onPaneOp: (id, op) => {
+      const paneIdx = deps.indicators.renderer.paneOf()[id];
+      if (paneIdx === void 0 || paneIdx === 0) return;
+      const panes = deps.chart.panes();
+      const heights = {};
+      panes.forEach((p, i) => heights[i] = p.getHeight());
+      const keys = paneKeys();
+      const remembered = {};
+      for (const [index, key] of Object.entries(keys)) {
+        const height = paneRemembered.get(key);
+        if (height !== void 0) remembered[Number(index)] = height;
+      }
+      const plan = planPaneOp({ heights, remembered }, { kind: op, pane: paneIdx });
+      paneRemembered.clear();
+      for (const [index, height] of Object.entries(plan.remembered)) {
+        const key = keys[Number(index)];
+        if (key) paneRemembered.set(key, height);
+      }
+      for (const [i, h2] of Object.entries(plan.apply)) {
+        const index = Number(i);
+        panes[index]?.setHeight(h2);
+        if (index > 0) deps.indicators.setPaneCollapsed(index, h2 <= COLLAPSED_H);
+      }
+      deps.indicators.recompute();
+    }
+  });
+  function reading() {
+    const bars = deps.bars();
+    const index = barIndexAt(bars, hovered);
+    const bar = index < 0 ? void 0 : bars[index];
+    if (!bar) return null;
+    const previous = index > 0 ? bars[index - 1] : void 0;
+    const format2 = deps.formatter();
+    const change = previous ? bar.c - previous.c : null;
+    const fraction = change !== null && previous && previous.c !== 0 ? change / previous.c : null;
+    return {
+      open: format2.format(bar.o),
+      high: format2.format(bar.h),
+      low: format2.format(bar.l),
+      close: format2.format(bar.c),
+      change: change === null ? null : `${change > 0 ? "+" : ""}${format2.format(change)}`,
+      percent: fraction === null ? null : percentText(fraction, deps.i18n.tag()),
+      direction: change === null || change === 0 ? "flat" : change > 0 ? "up" : "down"
+    };
   }
+  const paint = () => {
+    if (destroyed) return;
+    const alive = new Set(Object.values(paneKeys()));
+    for (const key of paneRemembered.keys()) if (!alive.has(key)) paneRemembered.delete(key);
+    legend2?.setValueShaped(deps.valueShaped());
+    legend2?.setQuote(deps.legendValues ? reading() : null);
+    const paneOf = deps.indicators.renderer.paneOf();
+    const shown2 = (command2) => deps.shown?.(command2) ?? true;
+    legend2?.setChips([
+      ...deps.indicators.chipsAt(hovered).map((row2) => {
+        const paneIndex = paneOf[row2.id] ?? 0;
+        const remembered = paneRemembered.get(`indicator:${row2.id}`);
+        return {
+          ...row2,
+          paneIndex,
+          maximized: remembered !== void 0 && !row2.collapsed && (deps.chart.panes()[paneIndex]?.getHeight() ?? 0) > remembered,
+          ...shown2(row2.hidden ? "chart.indicators.show" : "chart.indicators.hide") ? {} : { hideable: false },
+          ...shown2("chart.indicators.remove") ? {} : { removable: false }
+        };
+      }),
+      ...(deps.compare?.chips(hovered) ?? []).map((row2) => ({
+        ...row2,
+        paneIndex: deps.compare.handle.paneIndexOf(row2.id.slice(COMPARE_ROW_PREFIX.length)) ?? 0,
+        ...shown2("chart.compare.setVisible") ? {} : { hideable: false },
+        ...shown2("chart.compare.remove") ? {} : { removable: false }
+      })),
+      ...[...hostRows].map(([id, row2]) => ({
+        id,
+        title: row2.title,
+        inputs: row2.inputs,
+        value: null,
+        note: row2.status,
+        description: row2.description,
+        settingsLabel: row2.settingsLabel,
+        hidden: false,
+        hideable: false,
+        removable: false,
+        hasInputs: !!row2.onSettings,
+        paneIndex: 0
+      }))
+    ]);
+    const tops = {};
+    let top = 0;
+    const panes = deps.chart.panes();
+    const first = panes[0]?.getHTMLElement()?.getBoundingClientRect();
+    for (const [index, pane] of panes.entries()) {
+      const element = pane.getHTMLElement();
+      const rect = element?.getBoundingClientRect();
+      tops[index] = rect && first && rect.height > 0 ? rect.top - first.top : top;
+      top += pane.getHeight();
+      if (element && !observed.has(element)) {
+        observed.add(element);
+        resize?.observe(element);
+      }
+    }
+    const current = new Set(panes.map((pane) => pane.getHTMLElement()));
+    for (const element of observed) if (!current.has(element)) {
+      resize?.unobserve(element);
+      observed.delete(element);
+    }
+    legend2?.setPaneTops(tops);
+    try {
+      const start = deps.chart.priceScale("left").width();
+      const end = deps.chart.priceScale("right").width();
+      legend2?.setScaleInsets(start, end, deps.chart.timeScale().height());
+      deps.chrome.style.setProperty("--qcp-plot-start", `${start}px`);
+      deps.chrome.style.setProperty("--qcp-plot-end", `${end}px`);
+    } catch {
+    }
+  };
+  const observed = /* @__PURE__ */ new Set();
+  const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => paint());
+  const onCrosshair = (param) => {
+    if (deps.replayPhase() === "arming")
+      legend2?.setReplayGuide(param.point ? { x: param.point.x, y: param.point.y } : null, deps.chart.timeScale().height());
+    const next = typeof param.time === "number" && Number.isFinite(param.time) ? param.time : null;
+    if (next === hovered) return;
+    hovered = next;
+    paint();
+  };
+  deps.chart.subscribeCrosshairMove(onCrosshair);
+  return {
+    setHostRows(rows2) {
+      if (destroyed) return;
+      hostRows.clear();
+      for (const row2 of rows2) hostRows.set(`${HOST_ROW_PREFIX}${row2.id}`, { ...row2 });
+      paint();
+    },
+    push() {
+      paint();
+    },
+    setHeader(symbol, tf) {
+      if (symbol !== named || deps.replayPhase() !== "off") {
+        status2?.close();
+        status2 = null;
+      }
+      legend2?.setReplay(deps.replayPhase());
+      if (symbol !== named || tf !== namedTimeframe) {
+        named = symbol;
+        namedTimeframe = tf;
+        hovered = null;
+      }
+      const info = deps.symbolInfo();
+      const label2 = symbolNames(info ?? symbol).title;
+      legend2?.setIdentity({ name: label2, symbol, timeframe: tf, exchange: info?.exchange ?? "" });
+    },
+    setDot(state) {
+      const current = deps.status(Math.floor(Date.now() / 1e3));
+      legend2?.setDot(state, current ? marketStatusTitle(deps.i18n.t, current) : deps.i18n.t("status.unknownTitle"));
+      status2?.refresh();
+    },
+    destroy() {
+      destroyed = true;
+      hostRows.clear();
+      resize?.disconnect();
+      observed.clear();
+      deps.chart.unsubscribeCrosshairMove(onCrosshair);
+      status2?.close();
+      status2 = null;
+      legend2?.destroy();
+      legend2 = null;
+    }
+  };
+}
+
+// src/widget/fling.ts
+function attachFling(deps) {
+  const scale = () => deps.chart.timeScale();
+  let samples = [];
+  let movedAt = null;
+  let oneFinger = false;
+  let frame = null;
+  const stop = () => {
+    if (frame !== null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
+    frame = null;
+  };
+  const record3 = (t) => {
+    samples.push({ t, position: scale().scrollPosition() });
+    while (samples.length > 2 && samples[0].t < t - 2 * FLING_SAMPLE_MS) samples.shift();
+  };
+  const coast = (speed) => {
+    if (typeof requestAnimationFrame !== "function") return;
+    let last = performance.now();
+    let travelling = speed;
+    let position = null;
+    const step = (now) => {
+      if (frame === null) return;
+      const s = scale();
+      position ??= s.scrollPosition();
+      const next = flingStep(travelling, Math.max(0, now - last));
+      last = now;
+      travelling = next.speed;
+      position += next.moved;
+      s.scrollToPosition(position, false);
+      if (Math.abs(travelling) * s.options().barSpacing < FLING_REST_PX_PER_MS) {
+        frame = null;
+        return;
+      }
+      frame = requestAnimationFrame(step);
+    };
+    frame = requestAnimationFrame(step);
+  };
+  const onStart = (event) => {
+    stop();
+    samples = [];
+    movedAt = null;
+    oneFinger = event.touches.length === 1;
+    if (oneFinger) record3(performance.now());
+  };
+  const onMove = (event) => {
+    if (event.touches.length !== 1) oneFinger = false;
+    if (!oneFinger) return;
+    if (movedAt !== null) record3(movedAt);
+    movedAt = performance.now();
+  };
+  const onEnd = (event) => {
+    const thrown = oneFinger && event.touches.length === 0;
+    oneFinger = false;
+    if (!thrown) return;
+    if (movedAt !== null) record3(movedAt);
+    const spacing = scale().options().barSpacing;
+    const speed = flingSpeed(samples, performance.now(), spacing);
+    samples = [];
+    movedAt = null;
+    if (Math.abs(speed) * spacing >= FLING_REST_PX_PER_MS) coast(speed);
+  };
+  const onCancel = () => {
+    oneFinger = false;
+    samples = [];
+    movedAt = null;
+  };
+  deps.target.addEventListener("touchstart", onStart, { passive: true });
+  deps.target.addEventListener("touchmove", onMove, { passive: true });
+  deps.target.addEventListener("touchend", onEnd, { passive: true });
+  deps.target.addEventListener("touchcancel", onCancel, { passive: true });
+  return {
+    stop,
+    destroy() {
+      stop();
+      deps.target.removeEventListener("touchstart", onStart);
+      deps.target.removeEventListener("touchmove", onMove);
+      deps.target.removeEventListener("touchend", onEnd);
+      deps.target.removeEventListener("touchcancel", onCancel);
+    }
+  };
+}
+
+// src/widget/pinch.ts
+function attachPinch(deps) {
+  const scale = () => deps.chart.timeScale();
+  let pinch = null;
+  let panned = false;
+  const read = (touches) => {
+    const a = touches[0];
+    const b = touches[1];
+    const left = deps.chart.chartElement().getBoundingClientRect().left + deps.chart.priceScale("left").width();
+    return { distance: Math.hypot(a.clientX - b.clientX, a.clientY - b.clientY), x: (a.clientX + b.clientX) / 2 - left };
+  };
+  const begin = (event) => {
+    pinch = null;
+    if (event.touches.length === 1) panned = false;
+    if (event.touches.length !== 2 || panned || !scalingOpen(deps.chart.options().handleScale)) return;
+    const range2 = scale().getVisibleLogicalRange();
+    if (range2 === null) return;
+    const { distance, x } = read(event.touches);
+    pinch = pinchStart(range2, scale().width(), x, distance);
+  };
+  const move = (event) => {
+    if (event.touches.length === 1 && pinch === null) panned = true;
+    if (pinch === null || event.touches.length !== 2) return;
+    if (!scalingOpen(deps.chart.options().handleScale)) {
+      pinch = null;
+      return;
+    }
+    const { distance, x } = read(event.touches);
+    const s = scale();
+    const width = s.width();
+    const options = s.options();
+    const plot = { width, minSpacing: options.minBarSpacing, maxSpacing: options.maxBarSpacing > 0 ? options.maxBarSpacing : width / 2 };
+    s.setVisibleLogicalRange(pinchRange(pinch, x, distance, plot));
+  };
+  const end = (event) => {
+    if (event.touches.length === 1) panned = false;
+    if (event.touches.length === 2) begin(event);
+    else pinch = null;
+  };
+  deps.target.addEventListener("touchstart", begin, { passive: true });
+  deps.target.addEventListener("touchmove", move, { passive: true });
+  deps.target.addEventListener("touchend", end, { passive: true });
+  deps.target.addEventListener("touchcancel", end, { passive: true });
+  return {
+    destroy() {
+      pinch = null;
+      deps.target.removeEventListener("touchstart", begin);
+      deps.target.removeEventListener("touchmove", move);
+      deps.target.removeEventListener("touchend", end);
+      deps.target.removeEventListener("touchcancel", end);
+    }
+  };
 }
 
-// src/ui/icons/resolver.ts
-function createIconResolver(deps) {
-  checkIcons(deps.icons);
-  const icons = deps.icons ?? {};
-  const standing = /* @__PURE__ */ new Set();
-  const forget = new FinalizationRegistry((record3) => standing.delete(record3));
-  const draw = (factory, box, icon) => {
-    const direction = deps.direction();
-    const drawn = drawHostIcon(factory, { document: deps.document, width: box.width, height: box.height, direction });
-    if ("failure" in drawn) {
-      deps.diagnostics.report(icon, drawn.failure);
-      return null;
-    }
-    const record3 = { element: new WeakRef(drawn.element), factory, box, icon, direction };
-    standing.add(record3);
-    forget.register(drawn.element, record3, record3);
-    return drawn.element;
+// src/widget/freePan.ts
+function attachFreePan(deps) {
+  let landed = null;
+  const onPlot = (clientX, clientY) => {
+    const box = deps.chart.chartElement().getBoundingClientRect();
+    const left = box.left + deps.chart.priceScale("left").width();
+    const right = left + deps.chart.timeScale().width();
+    return clientX >= left && clientX <= right && clientY >= box.top && clientY <= box.bottom - deps.chart.timeScale().height();
   };
-  const host2 = (id, box) => {
-    const factory = icons[id];
-    return factory ? draw(factory, box, id) : null;
+  const release = () => {
+    if (deps.framing()) deps.release();
   };
-  const redraw = () => {
-    const direction = deps.direction();
-    for (const record3 of [...standing]) {
-      if (record3.direction === direction) continue;
-      const element = record3.element.deref();
-      if (!element) {
-        standing.delete(record3);
-        continue;
-      }
-      if (!element.parentNode) continue;
-      const fresh = draw(record3.factory, record3.box, record3.icon);
-      if (!fresh) continue;
-      element.replaceWith(fresh);
-      standing.delete(record3);
-      forget.unregister(record3);
+  const onStart = (event) => {
+    landed = null;
+    if (event.touches.length === 2) {
+      if (scalingOpen(deps.chart.options().handleScale)) release();
+      return;
     }
+    const touch = event.touches[0];
+    if (event.touches.length !== 1 || !touch || !onPlot(touch.clientX, touch.clientY)) return;
+    landed = { x: touch.clientX, y: touch.clientY, at: performance.now() };
   };
-  const glyph2 = (mark, options = {}) => {
-    const id = iconOf(mark);
-    if (id) {
-      const width = options.size ?? mark.size ?? 28;
-      const drawn = host2(id, { width, height: options.height ?? width });
-      if (drawn) {
-        const span = deps.document.createElement("span");
-        span.className = `qc-icon${options.className ? ` ${options.className}` : ""}`;
-        span.setAttribute("aria-hidden", "true");
-        span.append(drawn);
-        return span;
-      }
+  const onMove = (event) => {
+    if (landed === null) return;
+    const touch = event.touches[0];
+    if (event.touches.length !== 1 || !touch) {
+      landed = null;
+      return;
     }
-    return glyph(mark, options);
+    if (Math.abs(touch.clientX - landed.x) + Math.abs(touch.clientY - landed.y) < RENDERER_DRAG_START_PX) return;
+    const started = landed;
+    landed = null;
+    if (performance.now() - started.at >= RENDERER_LONG_TAP_MS) return;
+    if (scrollOpen(deps.chart.options().handleScroll)) release();
   };
-  const widthFor = (mark, height) => mark.aspect === void 0 ? height : Math.round(height * mark.aspect * 1e3) / 1e3;
-  const ownSvg = (mark, width, height) => {
-    const holder = deps.document.createElement("span");
-    holder.innerHTML = `<svg width="${width}" height="${height}" viewBox="${mark.viewBox}" fill="none" aria-hidden="true">${mark.body}</svg>`;
-    return holder.firstElementChild;
+  const onEnd = () => {
+    landed = null;
   };
-  const bare = (mark, width, height) => {
-    const id = iconOf(mark);
-    return (id ? host2(id, { width, height }) : null) ?? ownSvg(mark, width, height);
+  deps.target.addEventListener("touchstart", onStart, { passive: true });
+  deps.target.addEventListener("touchmove", onMove, { passive: true });
+  deps.target.addEventListener("touchend", onEnd, { passive: true });
+  deps.target.addEventListener("touchcancel", onEnd, { passive: true });
+  return {
+    destroy() {
+      landed = null;
+      deps.target.removeEventListener("touchstart", onStart);
+      deps.target.removeEventListener("touchmove", onMove);
+      deps.target.removeEventListener("touchend", onEnd);
+      deps.target.removeEventListener("touchcancel", onEnd);
+    }
+  };
+}
+
+// src/widget/plotArea.ts
+function measurePlotArea(chart, host2) {
+  const row2 = chart.panes()[0]?.getHTMLElement();
+  if (!row2) return null;
+  const size = chart.paneSize(0);
+  if (!(size.width > 0) || !(size.height > 0)) return null;
+  const outer = host2.getBoundingClientRect();
+  const top = row2.getBoundingClientRect().top;
+  const left = chart.chartElement().getBoundingClientRect().left + chart.priceScale("left").width();
+  const round = (n) => Math.round(n * 100) / 100;
+  return {
+    top: round(top - outer.top),
+    right: round(outer.right - (left + size.width)),
+    bottom: round(outer.bottom - (top + size.height)),
+    left: round(left - outer.left),
+    width: round(size.width),
+    height: round(size.height)
+  };
+}
+var sameArea = (a, b) => b !== null && a.top === b.top && a.right === b.right && a.bottom === b.bottom && a.left === b.left && a.width === b.width && a.height === b.height;
+function watchPlotArea(deps) {
+  let area = null;
+  let frame = null;
+  let destroyed = false;
+  let row2 = null;
+  const resize = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => schedule());
+  const measure2 = () => {
+    frame = null;
+    if (destroyed) return;
+    const nextRow = deps.chart.panes()[0]?.getHTMLElement() ?? null;
+    if (nextRow !== row2) {
+      if (row2) resize?.unobserve(row2);
+      if (nextRow) resize?.observe(nextRow);
+      row2 = nextRow;
+    }
+    const next = measurePlotArea(deps.chart, deps.host);
+    if (next === null || sameArea(next, area)) return;
+    area = next;
+    deps.changed(next);
   };
+  function schedule() {
+    if (destroyed || frame !== null) return;
+    if (typeof requestAnimationFrame !== "function") {
+      measure2();
+      return;
+    }
+    frame = requestAnimationFrame(measure2);
+  }
+  deps.chart.timeScale().subscribeSizeChange(schedule);
+  resize?.observe(deps.host);
+  resize?.observe(deps.chart.chartElement());
+  schedule();
   return {
-    glyph: glyph2,
-    icon(name2, requested) {
-      const mark = ICONS[name2];
-      const height = requested ?? mark.size ?? 28;
-      return bare(mark, widthFor(mark, height), height);
-    },
-    tool(type, size = 28) {
-      const mark = toolGlyph(type);
-      return mark ? bare(mark, size, size) : null;
+    current() {
+      if (destroyed) return null;
+      return area ?? measurePlotArea(deps.chart, deps.host);
     },
-    host: host2,
-    draw,
-    redraw
+    destroy() {
+      if (destroyed) return;
+      destroyed = true;
+      if (frame !== null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame);
+      frame = null;
+      resize?.disconnect();
+      try {
+        deps.chart.timeScale().unsubscribeSizeChange(schedule);
+      } catch {
+      }
+    }
   };
 }
 
+// src/contextMenu.ts
+function chartContextMenuGroups(c) {
+  const t = c.t ?? englishChartStrings();
+  const clipboard2 = [{ kind: "item", id: "copy-price", label: t("menu.copyPrice", { price: c.priceText }) }];
+  if (c.canPaste !== false) clipboard2.push({ kind: "item", id: "paste", label: t("menu.paste"), shortcut: t("drawing.hintPaste", { modifier: t(isApplePlatform() ? "drawing.modifierCommand" : "drawing.modifierControl") }) });
+  const remove = [];
+  if (c.indicatorCount > 0) remove.push({ kind: "item", id: "remove-indicators", label: t("menu.removeIndicators", { count: c.indicatorCount }) });
+  if (c.drawingCount > 0) remove.push({ kind: "item", id: "remove-drawings", label: t("menu.removeDrawings", { count: c.drawingCount }) });
+  return [
+    { slot: "view", rows: [{ kind: "item", id: "reset-view", label: t("menu.resetView"), shortcut: "Alt + R", icon: "reset" }] },
+    { slot: "clipboard", rows: clipboard2 },
+    { slot: "remove", rows: remove },
+    { slot: "settings", rows: c.canSettings !== false ? [{ kind: "item", id: "settings", label: t("menu.settings"), icon: "settings" }] : [] }
+  ];
+}
+function flattenMenuGroups(groups) {
+  const rows2 = [];
+  for (const g of groups.filter((g2) => g2.length > 0)) {
+    if (rows2.length) rows2.push({ kind: "separator" });
+    rows2.push(...g);
+  }
+  return rows2;
+}
+function chartContextMenu(c) {
+  return flattenMenuGroups(chartContextMenuGroups(c).map((g) => g.rows));
+}
+
 // src/contextMenuUi.ts
 var MENU_W = 327;
 var ICONS2 = {
@@ -15943,10 +16120,11 @@ function registerChartCommands(deps) {
   });
   add({ id: "chart.view.reset", scope: "chart", label: "command.viewReset", shortcut: "Alt+KeyR", available: always, execute: () => handle.reset() });
   add({ id: "chart.view.goLive", scope: "chart", label: "command.viewGoLive", shortcut: "Alt+KeyL", available: always, execute: () => handle.goLive() });
-  add({ id: "chart.view.zoomIn", scope: "chart", label: "command.viewZoomIn", shortcut: "Equal", available: always, execute: () => deps.zoom("in") });
-  add({ id: "chart.view.zoomOut", scope: "chart", label: "command.viewZoomOut", shortcut: "Minus", available: always, execute: () => deps.zoom("out") });
-  add({ id: "chart.view.scrollLeft", scope: "chart", label: "command.viewScrollLeft", shortcut: "ArrowLeft", available: always, execute: () => deps.scroll("left") });
-  add({ id: "chart.view.scrollRight", scope: "chart", label: "command.viewScrollRight", shortcut: "ArrowRight", available: always, execute: () => deps.scroll("right") });
+  const navigable = () => features.navigation;
+  add({ id: "chart.view.zoomIn", scope: "chart", label: "command.viewZoomIn", shortcut: "Equal", available: navigable, execute: () => deps.zoom("in") });
+  add({ id: "chart.view.zoomOut", scope: "chart", label: "command.viewZoomOut", shortcut: "Minus", available: navigable, execute: () => deps.zoom("out") });
+  add({ id: "chart.view.scrollLeft", scope: "chart", label: "command.viewScrollLeft", shortcut: "ArrowLeft", available: navigable, execute: () => deps.scroll("left") });
+  add({ id: "chart.view.scrollRight", scope: "chart", label: "command.viewScrollRight", shortcut: "ArrowRight", available: navigable, execute: () => deps.scroll("right") });
   add({
     id: "chart.data.download",
     scope: "chart",
@@ -16750,14 +16928,21 @@ function createChartInstance(deps) {
       vertLines: { color: canvas().grid, visible: eff.appearance.grid },
       horzLines: { color: canvas().grid, visible: eff.appearance.grid }
     },
-    crosshair: { mode: deps.features.crosshair ? CrosshairMode.Normal : CrosshairMode.Hidden },
+    crosshair: {
+      mode: deps.ui.crosshair ? CrosshairMode.Normal : CrosshairMode.Hidden,
+      vertLine: { labelVisible: deps.ui.crosshairLabels, ...deps.ui.crosshairSolid ? { style: LineStyle3.Solid } : {} },
+      horzLine: { visible: deps.ui.crosshairHorizontal, labelVisible: deps.ui.crosshairLabels, ...deps.ui.crosshairSolid ? { style: LineStyle3.Solid } : {} }
+    },
     // A finger held on the plot scrubs the crosshair for as long as it stays down, and lifting it
     // takes the crosshair away, so the next one-finger drag pans: the way a native chart reads.
     trackingMode: { exitMode: TrackingModeExitMode.OnTouchEnd },
     // The renderer's own momentum throws a flick as fast as seven pixels a millisecond and coasts
     // it thousands of pixels; the chart coasts a flick itself, calmly.
     kineticScroll: { touch: false, mouse: false },
-    rightPriceScale: { borderVisible: false, scaleMargins: { top: 0.08, bottom: 0.08 } },
+    // A chart that holds its view takes no drag, wheel, pinch or scale gesture from the renderer.
+    handleScroll: deps.features.navigation,
+    handleScale: deps.features.navigation,
+    rightPriceScale: { visible: deps.ui.priceScale, borderVisible: false, scaleMargins: { top: 0.08, bottom: 0.08 } },
     timeScale: { borderVisible: false, timeVisible: true, secondsVisible: false, rightOffset: 4, barSpacing: 8, minBarSpacing: 0.5 }
   });
   const anchor = chart.addSeries(LineSeries4, {
@@ -16766,7 +16951,13 @@ function createChartInstance(deps) {
     priceLineVisible: false,
     crosshairMarkerVisible: false
   });
-  let series2 = addStyleSeries(chart, style, paint());
+  const addMainSeries = (id) => {
+    const added = addStyleSeries(chart, id, paint());
+    if (!deps.ui.priceScale) added.applyOptions({ priceLineVisible: false, lastValueVisible: false });
+    return added;
+  };
+  let series2 = addMainSeries(style);
+  let morph = null;
   const baselineLevel = createBaselineLevel({ paneHeight: () => chart.paneSize().height });
   if (style === "baseline") baselineLevel.follow(series2);
   const volume2 = chart.addSeries(HistogramSeries2, {
@@ -16897,15 +17088,17 @@ function createChartInstance(deps) {
   const crosshairSubs = /* @__PURE__ */ new Set();
   const timeClickSubs = /* @__PURE__ */ new Set();
   const rangeSubs = /* @__PURE__ */ new Set();
+  const reducedMotion = () => gestures.ownerDocument.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
   const ranges = createRangeApi({
     chart,
     disposed: disposedFn,
     muted,
     mirrored,
     onGlide: () => followLiveEdge(),
-    reducedMotion: () => gestures.ownerDocument.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false
+    reducedMotion
   });
-  const fling = attachFling({ chart, target: gestures });
+  const still = { stop: () => void 0, destroy: () => void 0 };
+  const fling = deps.features.navigation ? attachFling({ chart, target: gestures }) : still;
   let unregisterRangeMirror = () => void 0;
   function applyTimezone() {
     if (disposed) return;
@@ -17013,6 +17206,7 @@ function createChartInstance(deps) {
   const drawings2 = attachDrawingsPlane({
     chart,
     series: anchor,
+    navigable: deps.features.navigation,
     container: gestures,
     chrome: chrome2,
     chartId: deps.id,
@@ -17086,7 +17280,7 @@ function createChartInstance(deps) {
     setHeader: () => legend2.setHeader(symbol, tf),
     // A chart whose crosshair the host switched OFF keeps it off: replay may take the crosshair
     // away for the length of a question, never hand one back that was never there.
-    setCrosshair: (visible) => chart.applyOptions({ crosshair: { mode: visible && deps.features.crosshair ? CrosshairMode.Normal : CrosshairMode.Hidden } }),
+    setCrosshair: (visible) => chart.applyOptions({ crosshair: { mode: visible && deps.ui.crosshair ? CrosshairMode.Normal : CrosshairMode.Hidden } }),
     // The feed's own grains: a chart never offers, or fetches, a timeframe its feed cannot serve.
     resolutions: () => deps.capabilities().resolutions,
     persist: (key, value) => storage.set(key === "speed" ? REPLAY_SPEED_KEY : REPLAY_TIMEFRAME_KEY, value),
@@ -17120,6 +17314,7 @@ function createChartInstance(deps) {
   const extensions = attachExtensionsPlane({
     chartId: deps.id,
     chart,
+    navigable: deps.features.navigation,
     series: () => anchor,
     visible: () => series2,
     gestures,
@@ -17227,8 +17422,8 @@ function createChartInstance(deps) {
   navigationRoot.addEventListener("mouseup", onNativeDragEnd, { passive: true });
   navigationRoot.addEventListener("pointerup", onNativeDragEnd, { passive: true });
   navigationRoot.addEventListener("pointercancel", onNativeDragEnd, { passive: true });
-  const pinch = attachPinch({ chart, target: gestures });
-  const freePan = deps.freePan ? attachFreePan({
+  const pinch = deps.features.navigation ? attachPinch({ chart, target: gestures }) : null;
+  const freePan = deps.freePan && deps.features.navigation ? attachFreePan({
     chart,
     target: gestures,
     framing: () => priceAxisPolicy() === "auto",
@@ -17252,9 +17447,11 @@ function createChartInstance(deps) {
     const painted = shownBars();
     const values = painted.map((b) => ({ time: b.t, value: b.c }));
     anchor.setData(values);
-    series2.setData(
-      shaped ? values : painted.map((b) => ({ time: b.t, open: b.o, high: b.h, low: b.l, close: b.c }))
-    );
+    if (morph?.bars !== series2) {
+      series2.setData(
+        shaped ? values : painted.map((b) => ({ time: b.t, open: b.o, high: b.h, low: b.l, close: b.c }))
+      );
+    }
     if (volumeInstance()) paintVolume();
     indicators2.recompute();
     compare?.sync();
@@ -17580,20 +17777,48 @@ function createChartInstance(deps) {
   function setStyle(next) {
     if (disposed || next === style || !deps.styles.includes(next)) return;
     const keep = chart.timeScale().getVisibleLogicalRange();
+    morph?.run.finish();
     const previous = series2;
+    const previousStyle = style;
     style = next;
     storage.set(STYLE_KEY, next);
-    series2 = addStyleSeries(chart, next, paint());
+    series2 = addMainSeries(next);
     baselineLevel.follow(next === "baseline" ? series2 : null);
     countdown?.seriesChanged(previous);
     extensions.visibleSeriesReplaced();
     applyPriceFormat();
-    try {
-      chart.removeSeries(previous);
-    } catch {
-    }
+    const remove = (leaving) => {
+      try {
+        chart.removeSeries(leaving);
+      } catch {
+      }
+    };
+    const folding = valueShaped(next) && !valueShaped(previousStyle);
+    const unfolding = !valueShaped(next) && valueShaped(previousStyle);
+    const morphing = !!deps.styleMorph && (folding || unfolding) && !reducedMotion();
+    if (!morphing) remove(previous);
     paintAll();
     if (keep) chart.timeScale().setVisibleLogicalRange(keep);
+    if (morphing) {
+      const bars2 = folding ? previous : series2;
+      const line2 = folding ? series2 : previous;
+      const lineStyle2 = folding ? next : previousStyle;
+      const entry = {
+        bars: bars2,
+        run: startStyleMorph({
+          bars: bars2,
+          fadeLine: (alpha) => line2.applyOptions(fadedStyleOptions(lineStyle2, paint(), alpha)),
+          shown: shownBars,
+          direction: folding ? "fold" : "unfold",
+          done: () => {
+            if (morph === entry) morph = null;
+            remove(previous);
+            if (folding) line2.applyOptions(styleOptions(lineStyle2, paint()));
+          }
+        })
+      };
+      morph = entry;
+    }
     events.emit("style", next);
   }
   function content() {
@@ -18005,8 +18230,9 @@ function createChartInstance(deps) {
       countdownClock.destroy();
       pointer?.destroy();
       ranges.stopGlide();
+      morph?.run.finish();
       fling.destroy();
-      pinch.destroy();
+      pinch?.destroy();
       freePan?.destroy();
       plotArea.destroy();
       extensions.destroy();
@@ -19492,7 +19718,7 @@ function openIndicatorSettings(deps) {
   const overrides = cloneOverrides(instance.overrides);
   let hidden = chart.indicators.hidden().includes(instance.id);
   const inputs2 = manifest2.inputs ?? {};
-  const fields = buildInputFields(inputs2, { ...manifestInputDefaults(manifest2), ...instance.inputs }, builtIn.inputTitles);
+  const fields = buildInputFields(deps.icons, inputs2, { ...manifestInputDefaults(manifest2), ...instance.inputs }, builtIn.inputTitles);
   const tabs = [...Object.keys(inputs2).length > 0 ? [{ id: "inputs", label: t("settings.tabInputs") }] : [], { id: "style", label: t("settings.tabStyle") }, { id: "visibility", label: t("settings.tabVisibility") }];
   let tab = tabs[0].id;
   const plotOverride = (key) => (overrides.plots ??= {})[key] ??= {};
@@ -19519,7 +19745,7 @@ function openIndicatorSettings(deps) {
     const el2 = h("select", { class: "qc-field", "aria-label": label2 });
     for (const o of options) el2.appendChild(h("option", { value: o.value, selected: o.value === current }, o.text));
     el2.addEventListener("change", () => onChange(el2.value));
-    return el2;
+    return selectField(el2, deps.icons);
   };
   const lineStyleOptions = () => [
     { value: "solid", text: t("settings.lineStyleSolid") },
@@ -20126,7 +20352,12 @@ function buildSearchSurface(deps, box, frame) {
   const chart = request.chart ?? null;
   const scope = chart ? chart.id : `pick-${picks += 1}`;
   const listId = `qc-search-${scope}-list`;
-  const search2 = deps.search.controller;
+  const searchScope = compare || mode === "change-symbol" ? null : deps.scope?.() ?? null;
+  const feedSession = deps.search;
+  const scopeSession = searchScope ? feedSession.over(searchScope) : null;
+  let scoped = scopeSession !== null && searchScope?.on !== false;
+  const session2 = () => scoped && scopeSession ? scopeSession : feedSession;
+  const search2 = () => session2().controller;
   if (mode === "search" || mode === "pick") box.classList.add("qc-search-table");
   let query = request.changeFrom ?? "";
   const display = deps.display ?? {};
@@ -20195,7 +20426,7 @@ function buildSearchSurface(deps, box, frame) {
     for (const { row: row2, top } of narrower) row2.hidden = !selection.has(top);
     cls = selection.filter();
     active = -1;
-    search2.search(serverQuery(), cls);
+    search2().search(serverQuery(), cls);
     render();
   };
   const classChip = (label2, pressed, pick) => {
@@ -20203,18 +20434,31 @@ function buildSearchSurface(deps, box, frame) {
     chips.push({ chip, pressed });
     return chip;
   };
-  const searchScope = deps.scope?.() ?? null;
+  let scopeChip = null;
+  const setScoped = (on) => {
+    if (on === scoped) return;
+    session2().cancelPending();
+    scoped = on;
+    scopeChip?.setAttribute("aria-pressed", String(on));
+    active = -1;
+    search2().search(serverQuery(), cls);
+    render();
+  };
   if (branches.length > 0 || searchScope) {
-    strip = h("div", { class: "qc-search-classes", role: "group", "aria-label": t("search.classFilter") });
-    if (allShown && branches.length > 0) strip.appendChild(classChip(allLabel, () => selection.isAll(), () => selection.clear()));
-    for (const branch of branches) {
-      strip.appendChild(classChip(labelOf(branch.id), () => selection.has(branch.id), () => selection.pickTop(branch.id)));
-      if (branch.children.length === 0) continue;
-      const row2 = h("div", { class: "qc-search-classes qc-search-subclasses", role: "group", "aria-label": labelOf(branch.id) });
-      row2.appendChild(classChip(allLabel, () => selection.has(branch.id) && !selection.narrowed(branch.id), () => selection.clearChildren(branch.id)));
-      for (const child of branch.children) row2.appendChild(classChip(labelOf(child), () => selection.hasChild(branch.id, child), () => selection.pickChild(branch.id, child)));
-      row2.hidden = !selection.has(branch.id);
-      narrower.push({ row: row2, top: branch.id });
+    strip = h("div", { class: "qc-search-classes" });
+    if (branches.length > 0) {
+      const group = h("div", { class: "qc-search-class-group", role: "group", "aria-label": t("search.classFilter") });
+      if (allShown) group.appendChild(classChip(allLabel, () => selection.isAll(), () => selection.clear()));
+      for (const branch of branches) {
+        group.appendChild(classChip(labelOf(branch.id), () => selection.has(branch.id), () => selection.pickTop(branch.id)));
+        if (branch.children.length === 0) continue;
+        const row2 = h("div", { class: "qc-search-classes qc-search-subclasses", role: "group", "aria-label": labelOf(branch.id) });
+        row2.appendChild(classChip(allLabel, () => selection.has(branch.id) && !selection.narrowed(branch.id), () => selection.clearChildren(branch.id)));
+        for (const child of branch.children) row2.appendChild(classChip(labelOf(child), () => selection.hasChild(branch.id, child), () => selection.pickChild(branch.id, child)));
+        row2.hidden = !selection.has(branch.id);
+        narrower.push({ row: row2, top: branch.id });
+      }
+      strip.appendChild(group);
     }
     if (searchScope) {
       const mark = h("span", { class: "qc-search-scope-mark", "aria-hidden": "true" });
@@ -20223,7 +20467,8 @@ function buildSearchSurface(deps, box, frame) {
         mark.dataset.qcHost = "true";
         scopeMarkDisposer = drop;
       } else if (mark.childNodes.length === 0) mark.textContent = searchScope.label.charAt(0).toUpperCase();
-      strip.appendChild(h("span", { class: "qc-search-scope", "aria-label": searchScope.label }, mark, h("span", {}, searchScope.label)));
+      scopeChip = button2({ label: t("search.limitToScope", { scope: searchScope.label }), text: searchScope.label, icon: mark, className: "qc-chip qc-search-scope", pressed: scoped, onClick: () => setScoped(!scoped) });
+      strip.appendChild(scopeChip);
     }
   }
   const list = h("div", { class: "qc-search-list", role: "listbox", id: listId, "aria-label": t("search.results") });
@@ -20237,11 +20482,16 @@ function buildSearchSurface(deps, box, frame) {
     input.value = next;
     showClear(next !== "");
     active = -1;
-    if (compare && next.trim() === "") deps.search.cancelPending();
-    else search2.search(serverQuery(), cls);
+    if (compare && next.trim() === "") session2().cancelPending();
+    else search2().search(serverQuery(), cls);
     render();
   };
-  const remember = (row2) => deps.recents.promote(row2);
+  const recentRows = () => scoped ? searchScope?.recents?.list() ?? [] : deps.recents.list();
+  const remember = (row2) => {
+    deps.recents.promote(row2);
+    const own = scoped ? searchScope?.recents : void 0;
+    if (own && own !== deps.recents) own.promote(row2);
+  };
   const act = (entry, placement = "same-percent") => {
     const row2 = entry.row;
     if (compare) {
@@ -20271,9 +20521,9 @@ function buildSearchSurface(deps, box, frame) {
   };
   const render = () => {
     releaseMarks();
-    const state = search2.state();
+    const state = search2().state();
     const settled = state.query.trim() === serverQuery().trim();
-    rows2 = dialogRows({ mode, query, hits: settled ? state.hits : [], loading: state.loading || !settled, recents: deps.recents.list(), curated: deps.curated ?? [], added: chart?.compare.list() ?? [], spreads });
+    rows2 = dialogRows({ mode, query, hits: settled ? state.hits : [], loading: state.loading || !settled, recents: recentRows(), curated: deps.curated ?? [], added: chart?.compare.list() ?? [], spreads });
     active = Math.min(active, rows2.length - 1);
     const emptyStack = compare && query.trim() === "";
     const addedCount = emptyStack ? chart?.compare.list().length ?? 0 : 0;
@@ -20373,7 +20623,7 @@ function buildSearchSurface(deps, box, frame) {
     if (e.key === "ArrowDown") {
       e.preventDefault();
       if (rows2.length === 0) return;
-      if (search2.state().hasMore && active >= rows2.length - PREFETCH_MARGIN) search2.loadMore();
+      if (search2().state().hasMore && active >= rows2.length - PREFETCH_MARGIN) search2().loadMore();
       setActive(Math.min(active + 1, rows2.length - 1));
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
@@ -20384,10 +20634,15 @@ function buildSearchSurface(deps, box, frame) {
       if (entry) act(entry);
     }
   });
-  observer = typeof IntersectionObserver === "function" ? new IntersectionObserver((entries) => entries.some((en2) => en2.isIntersecting) && search2.loadMore(), { root: list }) : null;
-  search2.subscribe(render);
+  observer = typeof IntersectionObserver === "function" ? new IntersectionObserver((entries) => entries.some((en2) => en2.isIntersecting) && search2().loadMore(), { root: list }) : null;
+  for (const own of [feedSession, scopeSession]) own?.controller.subscribe(() => {
+    if (session2() === own) render();
+  });
   render();
-  if (!compare || query.trim() !== "") search2.search(serverQuery(), cls);
+  if (!compare || query.trim() !== "") {
+    if (scoped) session2().searchNow(serverQuery(), cls);
+    else search2().search(serverQuery(), cls);
+  }
   if (request.changeFrom) input.select();
   setDisabled(clear, false);
   return {
@@ -20395,7 +20650,8 @@ function buildSearchSurface(deps, box, frame) {
       scopeMarkDisposer?.();
       scopeMarkDisposer = null;
       releaseMarks();
-      search2.dispose();
+      feedSession.controller.dispose();
+      scopeSession?.controller.dispose();
       observer?.disconnect();
     }
   };
@@ -23100,6 +23356,7 @@ function createChart(options) {
           container: element,
           hostContainer: options.container,
           freePan: options.touch?.freePan === true,
+          styleMorph: options.transitions?.style === true,
           layer,
           datafeed: options.datafeed,
           externalDrawingToolbar: !!options.drawingToolbarContainer,