@trdrs/quickcharts 1.3.0 → 2.0.1

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   TRANSIENT_TOOLS,
   alphaOf,
   blanks,
-  buildRailGroups,
+  buildDrawingToolbarGroups,
   button,
   cancelText,
   chooseHideMode,
@@ -44,6 +44,7 @@ import {
   cursorButtonArmed,
   dismissOnOutside,
   dragUntilRelease,
+  drawingToolbarFaceOf,
   drawingTools,
   editRefused,
   el,
@@ -65,12 +66,11 @@ import {
   paintedPosition,
   parseCssColor,
   parseDrawingPreferences,
-  parseIntervalContext,
+  parseTimeframeContext,
   placePanel,
   pushEscapeOwner,
-  railFaceOf,
   readColor,
-  rememberRailTool,
+  rememberDrawingToolbarTool,
   removableDrawings,
   removeRows,
   restoreDrawings,
@@ -82,11 +82,11 @@ import {
   viewportOf,
   visibilityPreset,
   withAlpha
-} from "./chunk-AA7XKXH4.js";
+} from "./chunk-YR7NT5ZW.js";
 import {
   ResourceAbortError,
   memorySaveLoadAdapter
-} from "./chunk-KFBQSPNA.js";
+} from "./chunk-D3S26ARP.js";
 import {
   DRAWING_CONTEXT_VERSION,
   DRAWING_DOCUMENT_VERSION,
@@ -99,7 +99,7 @@ import {
   parseDrawingDocument,
   reviseDrawingDocument,
   sameDrawingContext
-} from "./chunk-AKXIFHQN.js";
+} from "./chunk-KLPTCWA2.js";
 
 // src/datafeed.ts
 function olderPageVerdict(page, askedTo, alreadyHopped) {
@@ -484,8 +484,7 @@ function createUdfDatafeed(options) {
             name: String(col(raw.description, i) ?? symbol),
             exchange: String(col(raw["exchange-listed"], i) ?? group),
             type: String(col(raw.type, i) ?? ""),
-            provider: null,
-            via: null
+            dataSource: null
           });
         }
       }
@@ -528,8 +527,7 @@ function createUdfDatafeed(options) {
         name: r.description ?? r.symbol ?? "",
         exchange: r.exchange ?? "",
         type: r.type ?? "",
-        provider: null,
-        via: null
+        dataSource: null
       }));
       return { hits, hasMore: false };
     },
@@ -724,8 +722,8 @@ var legend = {
    *  its percentage. Both arrive already written, sign included. */
   "legend.change": "{change} ({percent}%)",
   "legend.indicatorSettings": "Indicator settings",
-  "legend.showRows": "Show study rows",
-  "legend.hideRows": "Hide study rows",
+  "legend.showRows": "Show indicator rows",
+  "legend.hideRows": "Hide indicator rows",
   "legend.restorePane": "Restore pane",
   "legend.collapsePane": "Collapse pane",
   "legend.maximizePane": "Maximize pane",
@@ -740,7 +738,7 @@ var legend = {
   // The compare surface's legend side: the header door and the compare chips' verbs. The dialog
   // both open belongs to the search family (search.ts).
   "legend.changeSymbol": "Change symbol",
-  "legend.removeCompare": "Remove compare",
+  "legend.removeCompare": "Remove comparison",
   "legend.removeIndicator": "Remove indicator"
 };
 
@@ -891,14 +889,14 @@ var replay = {
   "replay.speed": "Replay speed",
   "replay.updatesPerSecond": { one: "{count} update per second", other: "{count} updates per second" },
   "replay.oneUpdatePerSeconds": { one: "1 update per {count} second", other: "1 update per {count} seconds" },
-  // The update interval.
-  "replay.interval": "Update interval",
-  "replay.intervalHelp": "How much time each replay update advances. Finer than the chart interval, each bar forms from real finer bars.",
+  // The update timeframe.
+  "replay.timeframe": "Update timeframe",
+  "replay.timeframeHelp": "How much time each replay update advances. Finer than the chart timeframe, each bar forms from real finer bars.",
   /** Why the control is unavailable: this timeframe has nothing finer to form its bars from. */
-  "replay.intervalNone": "No finer interval for this chart interval",
-  /** The interval option that picks the grain itself, rather than a named token. */
+  "replay.timeframeNone": "No finer timeframe for this chart timeframe",
+  /** The timeframe option that picks the grain itself, rather than a named token. */
   "replay.auto": "Auto",
-  "replay.autoSelectInterval": "Auto select interval"
+  "replay.autoSelectTimeframe": "Auto select timeframe"
 };
 
 // src/i18n/en/inputs.ts
@@ -980,17 +978,17 @@ var layouts = {
   "layouts.arrangement": "Chart arrangement",
   "layouts.syncInLayout": "Sync in layout",
   "layouts.syncSymbol": "Symbol",
-  "layouts.syncInterval": "Interval",
+  "layouts.syncTimeframe": "Timeframe",
   "layouts.syncCrosshair": "Crosshair",
   "layouts.syncTime": "Time",
   "layouts.syncDateRange": "Date range",
   "layouts.syncSymbolTip": "Symbol changes on all charts within the layout",
-  "layouts.syncIntervalTip": "Interval changes on all charts within the layout",
+  "layouts.syncTimeframeTip": "Timeframe changes on all charts within the layout",
   "layouts.syncCrosshairTip": "Crosshair is synced across all charts within the layout",
   "layouts.syncTimeTip": "When a chart is clicked, all charts within the layout display the same point of time",
   "layouts.syncDateRangeTip": "Date range changes on all charts within the layout",
   "layouts.syncSymbolToggle": "Sync symbol",
-  "layouts.syncIntervalToggle": "Sync interval",
+  "layouts.syncTimeframeToggle": "Sync timeframe",
   "layouts.syncCrosshairToggle": "Sync crosshair",
   "layouts.syncTimeToggle": "Sync time",
   "layouts.syncDateRangeToggle": "Sync date range",
@@ -1029,9 +1027,9 @@ var layouts = {
   "layouts.loading": "Loading",
   "layouts.emptyNone": "No saved layouts yet.",
   "layouts.openLayoutRow": "Open layout\u2026",
-  /** A saved layout's second line: the market and interval its active chart showed at the last save,
-   *  written as the toolbar writes them (`BTCUSDC`, `1h`). */
-  "layouts.listingFacts": "{symbol}, {interval}",
+  /** A saved layout's second line: the market and timeframe its active chart showed at the last
+   *  save, written as the toolbar writes them (`BTCUSDC`, `1h`). */
+  "layouts.listingFacts": "{symbol}, {timeframe}",
   /** A saved layout's line in the Layouts dialog: what it shows, then when it was last saved. */
   "layouts.listingDated": "{facts} ({date})",
   // The Layouts dialog.
@@ -1144,7 +1142,7 @@ var timeframe = {
   "timeframe.unitDays": "Days",
   "timeframe.unitWeeks": "Weeks",
   "timeframe.unitMonths": "Months",
-  /** A counted interval, one plural per unit: '5t' reads "5 Ticks", '1h' reads "1 Hour". */
+  /** A counted timeframe, one plural per unit: '5t' reads "5 Ticks", '1h' reads "1 Hour". */
   "timeframe.countTicks": { one: "{count} Tick", other: "{count} Ticks" },
   "timeframe.countSeconds": { one: "{count} Second", other: "{count} Seconds" },
   "timeframe.countMinutes": { one: "{count} Minute", other: "{count} Minutes" },
@@ -1152,11 +1150,11 @@ var timeframe = {
   "timeframe.countDays": { one: "{count} Day", other: "{count} Days" },
   "timeframe.countWeeks": { one: "{count} Week", other: "{count} Weeks" },
   "timeframe.countMonths": { one: "{count} Month", other: "{count} Months" },
-  /** The per-row verbs; `{timeframe}` is the counted interval. */
+  /** The per-row verbs; `{timeframe}` is the counted timeframe. */
   "timeframe.delete": "Delete {timeframe}",
   "timeframe.save": "Save {timeframe}",
   "timeframe.exists": "{timeframe} already exists",
-  // The custom-interval footer: a count stepper, a unit picker, and Add.
+  // The custom-timeframe footer: a count stepper, a unit picker, and Add.
   "timeframe.custom": "Custom timeframe",
   "timeframe.customCount": "Custom timeframe count",
   "timeframe.customUnit": "Custom timeframe unit",
@@ -1184,7 +1182,7 @@ var range = {
   "range.fiveYears": "5 Years",
   "range.all": "All data",
   /** A preset's tooltip: what it frames, and the bars it frames it in. */
-  "range.tip": "{range} \xB7 {interval} bars",
+  "range.tip": "{range} \xB7 {timeframe} bars",
   "range.zoomIn": "Zoom in",
   "range.zoomOut": "Zoom out",
   "range.scrollLeft": "Scroll left",
@@ -1374,7 +1372,7 @@ var drawing = {
   "drawing.more": "More",
   "drawing.moreActions": "More drawing actions",
   "drawing.visualOrder": "Visual order",
-  "drawing.visibilityOnIntervals": "Visibility on intervals",
+  "drawing.visibilityOnTimeframes": "Visibility on timeframes",
   "drawing.clone": "Clone",
   "drawing.copy": "Copy",
   "drawing.modifierControl": "Ctrl",
@@ -1396,10 +1394,10 @@ var drawing = {
   "drawing.sendToBack": "Send to back",
   "drawing.bringForward": "Bring forward",
   "drawing.sendBackward": "Send backward",
-  "drawing.visCurrentAndAbove": "Current interval and above",
-  "drawing.visCurrentAndBelow": "Current interval and below",
-  "drawing.visCurrentOnly": "Current interval only",
-  "drawing.visAll": "All intervals",
+  "drawing.visCurrentAndAbove": "Current timeframe and above",
+  "drawing.visCurrentAndBelow": "Current timeframe and below",
+  "drawing.visCurrentOnly": "Current timeframe only",
+  "drawing.visAll": "All timeframes",
   // The template dialogs: naming a new template, and confirming a delete.
   "drawing.saveTemplate": "Save drawing template",
   "drawing.templateName": "Template name",
@@ -1559,7 +1557,7 @@ var drawing = {
   // The Coordinates page: one row per anchor, numbered.
   "drawing.coordBar": "#{n} (bar)",
   "drawing.coordPriceBar": "#{n} (price, bar)",
-  // The Visibility page: which intervals paint the drawing.
+  // The Visibility page: which timeframes paint the drawing.
   "drawing.unitTicks": "Ticks",
   "drawing.unitSeconds": "Seconds",
   "drawing.unitMinutes": "Minutes",
@@ -1567,7 +1565,7 @@ var drawing = {
   "drawing.unitDays": "Days",
   "drawing.unitWeeks": "Weeks",
   "drawing.unitMonths": "Months",
-  "drawing.intervalPinnedNote": "A drawing stays on at least one interval, so it can always be reached again.",
+  "drawing.timeframePinnedNote": "A drawing stays on at least one timeframe, so it can always be reached again.",
   // The color palette: swatches, the custom color panel, the opacity row.
   "drawing.colorSwatch": "Color {hex}",
   "drawing.customColor": "Custom color",
@@ -1651,7 +1649,7 @@ var command = {
   "command.indicatorShow": "Show indicator",
   "command.drawingsRemoveAll": "Remove drawings",
   "command.drawingDeleteSelected": "Delete selected drawing",
-  /** Arm a drawing tool. The tool is the argument, so the ninety tools share one command. */
+  /** Arm a drawing tool. The tool is the argument, so the 90 tools share one command. */
   "command.drawingArm": "Drawing tool",
   // The toolbar's switches and menus. Each takes its value as the argument.
   "command.drawingCursor": "Cursor mode",
@@ -1675,7 +1673,7 @@ var command = {
   "command.drawingBringForward": "Bring drawing forward",
   "command.drawingSendBackward": "Send drawing backward",
   "command.drawingHideSelected": "Hide drawing",
-  "command.drawingVisibility": "Drawing visibility on intervals",
+  "command.drawingVisibility": "Drawing visibility on timeframes",
   "command.drawingSettings": "Drawing settings",
   "command.drawingCommitEdit": "Apply drawing settings",
   "command.drawingPlaceImage": "Place image",
@@ -1700,7 +1698,7 @@ var command = {
   "command.replayStepBack": "Step back",
   "command.replayGoLive": "Replay to the live edge",
   "command.replaySpeed": "Replay speed",
-  "command.replayInterval": "Replay update interval",
+  "command.replayTimeframe": "Replay update timeframe",
   "command.timeframeSet": "Timeframe",
   /** Which subsession intraday bars are shown for. A symbol with no extended hours offers only
    *  the first. */
@@ -1893,26 +1891,26 @@ function readingDirection(i18n) {
   return BUILT_IN_LOCALES.find((l) => l.code === i18n.locale())?.dir ?? "ltr";
 }
 var chartDictionaries = createDictionaryLoader(en, {
-  de: () => import("./de-2SVTG25S.js"),
-  fr: () => import("./fr-35VN4G4S.js"),
-  es: () => import("./es-UDHZM4W7.js"),
-  it: () => import("./it-EIY6JESQ.js"),
-  ca_ES: () => import("./ca_ES-EUSRU4VG.js"),
-  pl: () => import("./pl-TYARHCLT.js"),
-  sv: () => import("./sv-DC5RS67Z.js"),
-  tr: () => import("./tr-7FSUVCNW.js"),
-  ru: () => import("./ru-TPH4F7IB.js"),
-  pt: () => import("./pt-72IIFLL4.js"),
-  id_ID: () => import("./id_ID-XSTFHHJQ.js"),
-  ms_MY: () => import("./ms_MY-SKN7O6M5.js"),
-  th: () => import("./th-I6H6AOZ3.js"),
-  vi: () => import("./vi-DLRPHLLH.js"),
-  ja: () => import("./ja-42N4XRCW.js"),
-  ko: () => import("./ko-3VRPTIP3.js"),
-  zh: () => import("./zh-ZXIQBBEP.js"),
-  zh_TW: () => import("./zh_TW-TYNUJU7U.js"),
-  ar: () => import("./ar-G7MVXRE4.js"),
-  he_IL: () => import("./he_IL-JPZMCURP.js")
+  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")
 });
 var dynamic = (t) => t;
 var source = null;
@@ -2180,9 +2178,9 @@ var THEME_ROLES = [
   { id: "canvas.background", family: "canvas", kind: "color", description: "The fill behind the plotted series." },
   { id: "canvas.paneBorder", family: "canvas", kind: "color", description: "The divider between stacked panes and around the plot area." },
   // ── series: direction, before any chart appearance override ─────────────────────────────────
-  { id: "series.up", family: "series", kind: "color", description: "A rising value: up volume, a rising study tint, a positive series default." },
-  { id: "series.down", family: "series", kind: "color", description: "A falling value: down volume, a falling study tint, a negative series default." },
-  { id: "series.neutral", family: "series", kind: "color", description: "A series or level with no direction, such as a study level line." },
+  { id: "series.up", family: "series", kind: "color", description: "A rising value: up volume, a rising indicator tint, a positive series default." },
+  { id: "series.down", family: "series", kind: "color", description: "A falling value: down volume, a falling indicator tint, a negative series default." },
+  { id: "series.neutral", family: "series", kind: "color", description: "A series or level with no direction, such as an indicator level line." },
   // ── scale: grid, axes, crosshair, and session shading ───────────────────────────────────────
   { id: "scale.grid", family: "scale", kind: "color", description: "The grid lines drawn across the plot area." },
   { id: "scale.background", family: "scale", kind: "color", description: "The ground behind the price and time scales." },
@@ -2257,7 +2255,7 @@ var THEME_ROLES = [
   { id: "text.fontSizeSmall", family: "text", kind: "length", description: "Size of dense control text, such as a legend row." },
   { id: "text.fontSizeMicro", family: "text", kind: "length", description: "Size of the smallest chip and hint text." },
   // ── chrome: the surfaces and borders of the chart's own controls ────────────────────────────
-  { id: "chrome.surface", family: "chrome", kind: "color", description: "The fill of toolbars, rails, bars, and panels." },
+  { id: "chrome.surface", family: "chrome", kind: "color", description: "The fill of toolbars, bars, and panels." },
   { 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 }] },
@@ -2359,7 +2357,7 @@ var THEME_ROLES = [
   { id: "illustration.ink", family: "illustration", kind: "color", description: "The line drawing of an empty-state illustration.", contrast: [{ over: "overlay.surface", min: 3 }] },
   { id: "illustration.accent", family: "illustration", kind: "color", description: "The badge an empty-state illustration wears on the action it invites.", contrast: [{ over: "overlay.surface", min: 3 }] },
   { id: "illustration.accentInk", family: "illustration", kind: "color", description: "The mark on an illustration's badge.", contrast: [{ over: "illustration.accent", min: 3 }] },
-  // ── drawing: what a new drawing wears before a user styles it ───────────────────────────────
+  // ── drawing: what a new drawing wears before a viewer styles it ─────────────────────────────
   { id: "drawing.line", family: "drawing", kind: "color", description: "The stroke of a newly placed drawing." },
   { id: "drawing.fill", family: "drawing", kind: "color", description: "The fill of a newly placed drawing that has an area." },
   { id: "drawing.text", family: "drawing", kind: "color", description: "The ink of a drawing label." },
@@ -2372,7 +2370,7 @@ var THEME_ROLES = [
   { id: "motion.durationBase", family: "motion", kind: "duration", description: "An ordinary transition: a modal dialog and its backdrop opening and closing, and the replay row entering and leaving." },
   { id: "motion.durationModerate", family: "motion", kind: "duration", description: "A control moving to its new state, such as a switch knob sliding." },
   { id: "motion.durationSlow", family: "motion", kind: "duration", description: "A small mark settling, such as a disclosure caret turning or a checkbox filling." },
-  { id: "motion.durationSlower", family: "motion", kind: "duration", description: "A larger mark turning, such as the drawing rail's chevron." },
+  { id: "motion.durationSlower", family: "motion", kind: "duration", description: "A larger mark turning, such as the drawing toolbar's chevron." },
   { id: "motion.easingStandard", family: "motion", kind: "easing", description: "The timing of an ordinary transition: a modal dialog box, the replay row, a caret dip, a checkbox fill." },
   { id: "motion.easingOut", family: "motion", kind: "easing", description: "The timing of a motion that settles as it ends: a modal backdrop fading, a switch knob sliding." },
   { id: "motion.easingLinear", family: "motion", kind: "easing", description: "The timing of a color or opacity change under the pointer." },
@@ -2521,9 +2519,9 @@ function cssVarName(roleId) {
 function themeDeclarations(theme) {
   return Object.keys(theme).sort().map((roleId) => ({ property: cssVarName(roleId), value: String(theme[roleId]) }));
 }
-var STYLE_LAYERS = { tokens: "trdrs.tokens", chart: "trdrs.chart" };
+var STYLE_LAYERS = { tokens: "quickcharts.tokens", chart: "quickcharts.chart" };
 var LAYER_ORDER_STATEMENT = `@layer ${STYLE_LAYERS.tokens}, ${STYLE_LAYERS.chart};`;
-var HOST_LAYER_ORDER = `@layer reset, ${STYLE_LAYERS.tokens}, ${STYLE_LAYERS.chart}, trdrs.platform, host;`;
+var HOST_LAYER_ORDER = `@layer reset, ${STYLE_LAYERS.tokens}, ${STYLE_LAYERS.chart}, host;`;
 
 // src/theme/renderer.ts
 function themeRootStyle(mode, theme) {
@@ -4491,7 +4489,7 @@ function rangeAvailable(preset, earliestBarSecs, nowSecs = Math.floor(Date.now()
   return nowSecs - earliestBarSecs >= preset.span;
 }
 function rangePresetTip(t, preset) {
-  return t("range.tip", { range: t(preset.label), interval: timeframeLabel(t, preset.tf) });
+  return t("range.tip", { range: t(preset.label), timeframe: timeframeLabel(t, preset.tf) });
 }
 function frameRange(chart, series2, span, tf, nowSecs = Math.floor(Date.now() / 1e3)) {
   const data = series2.data();
@@ -4892,7 +4890,7 @@ var LAYOUT_MENU_ROWS = [
 ];
 
 // src/widget/arrangements.ts
-var LAYOUT_SYNC_KEYS = ["symbol", "interval", "crosshair", "time", "dateRange"];
+var LAYOUT_SYNC_KEYS = ["symbol", "timeframe", "crosshair", "time", "dateRange"];
 var ALL_LAYOUTS_OFFERED = { arrangements: ARRANGEMENTS.map((a) => a.code), named: false, sync: LAYOUT_SYNC_KEYS };
 var SYNC_PHRASE = `it takes ${LAYOUT_SYNC_KEYS.join(", ")}`;
 function resolveOfferedLayouts(layouts2, layoutSync, arrangement) {
@@ -4962,9 +4960,9 @@ var DEFAULT_OVERRIDES = {
     background: "#ece7c0",
     upColor: "#26a69a",
     downColor: "#ffa726",
-    // Candle anatomy: solid black ring and wick, the SAME ink both directions — not a shade of the
-    // body color the way the old brand-pair defaults were. On a paper canvas the black is what
-    // separates a candle from the background, and that job does not change with direction.
+    // Candle anatomy: solid black ring and wick, the SAME ink both directions. On a paper canvas
+    // the black is what separates a candle from the background, and that job does not change with
+    // direction.
     borderUpColor: "#000000",
     borderDownColor: "#000000",
     wickUpColor: "#000000",
@@ -8134,6 +8132,10 @@ var PLACE_DRAG_PX = 6;
 var MOVE_EPSILON_PX = 2;
 var HANDLE_GRAB_PX = 11;
 var GRIP_GRAB_PX = 9;
+var TOUCH_REACH_PX = 14;
+var TOUCH_GRAB_PX = 22;
+var TOUCH_PLACE_DRAG_PX = 12;
+var TOUCH_MOVE_PX = 6;
 var STROKE_STEP_PX = 3;
 var isTransientArmed = (tool) => tool === "measure" || tool === "zoom" || tool === "eraser";
 function bindGestures(ctx) {
@@ -8165,11 +8167,38 @@ function bindGestures(ctx) {
     if (mode === "off") return raw;
     return magnetSnap(chart, series2, p, mode) ?? raw;
   };
+  let touching = false;
+  const hitAt = (p) => {
+    const under = manager.hitTest(p);
+    if (under || !touching) return under;
+    for (const radius of [TOUCH_REACH_PX / 2, TOUCH_REACH_PX]) {
+      for (let k = 0; k < 8; k++) {
+        const angle = k * Math.PI / 4;
+        const near2 = manager.hitTest({ x: p.x + radius * Math.cos(angle), y: p.y + radius * Math.sin(angle) });
+        if (near2) return near2;
+      }
+    }
+    return null;
+  };
+  const showPoint = (anchor) => {
+    if (!touching || !anchor) return;
+    try {
+      chart.setCrosshairPosition(anchor.price, anchor.time, series2);
+    } catch {
+    }
+  };
+  const hidePoint = () => {
+    if (!touching) return;
+    try {
+      chart.clearCrosshairPosition();
+    } catch {
+    }
+  };
   const anchorHit = (drawing2, p) => {
     const vp = viewport();
     if (!vp) return null;
     let best = null;
-    let bestD = HANDLE_GRAB_PX;
+    let bestD = touching ? TOUCH_GRAB_PX : HANDLE_GRAB_PX;
     for (const cp of drawing2.getControlPoints(vp)) {
       const d = Math.hypot(cp.x - p.x, cp.y - p.y);
       if (d <= bestD) {
@@ -8241,6 +8270,7 @@ function bindGestures(ctx) {
   };
   const onDown = (e) => {
     if (e.button !== 0) return;
+    touching = e.pointerType === "touch";
     if (ctx.textEditOpen()) return;
     wearCursor(ctx.cursorCss());
     container.focus({ preventScroll: true });
@@ -8249,7 +8279,7 @@ function bindGestures(ctx) {
     if (!ctx.draft && ctx.transient.size && tool !== "measure" && tool !== "zoom") ctx.clearTransients();
     if (tool === "eraser") {
       if (ctx.locked()) return;
-      const hit = manager.hitTest(p);
+      const hit = hitAt(p);
       if (hit && !editRefused("erase", hit.options, false)) {
         manager.remove(hit.id);
         ctx.persist();
@@ -8286,7 +8316,8 @@ function bindGestures(ctx) {
         }
         const vp = viewport();
         if (vp) {
-          const grip = sel.resizeHandles(vp).findIndex((g) => Math.hypot(g.x - p.x, g.y - p.y) <= GRIP_GRAB_PX);
+          const gripReach = touching ? TOUCH_GRAB_PX : GRIP_GRAB_PX;
+          const grip = sel.resizeHandles(vp).findIndex((g) => Math.hypot(g.x - p.x, g.y - p.y) <= gripReach);
           if (grip !== -1) {
             startDrag("resize", sel, grip, p);
             return;
@@ -8304,7 +8335,7 @@ function bindGestures(ctx) {
           return;
         }
       }
-      const hit = manager.hitTest(p);
+      const hit = hitAt(p);
       if (hit) {
         if ((e.ctrlKey || e.metaKey) && !editRefused("cloneDrag", hit.options, false) && ctx.copies(hit.type)) {
           const copy = drawingTools.restore({ ...hit.toJSON(), id: ctx.nextId() });
@@ -8324,7 +8355,10 @@ function bindGestures(ctx) {
       manager.deselect();
       return;
     }
-    if (ctx.draft) return;
+    if (ctx.draft) {
+      if (touching) followDraft(ctx.draft, p, e.shiftKey);
+      return;
+    }
     if (ctx.locked()) return;
     const def = drawingTools.get(tool);
     if (!def) return;
@@ -8357,6 +8391,7 @@ function bindGestures(ctx) {
     }
     manager.add(drawing2);
     ctx.draft = { drawing: drawing2, required, placed: 1, downX: p.x, downY: p.y, pendingDrag: true, hasText: !!def.hasText, mode, lastX: p.x, lastY: p.y };
+    showPoint(anchor);
     if (mode === "fixed" && required === 1) completePlacement(ctx.draft, p);
   };
   const constrainedEnd = (draft, p, shift) => {
@@ -8365,12 +8400,22 @@ function bindGestures(ctx) {
     const first = vp && draft.drawing.anchors[0] ? draft.drawing.anchorToPixel(draft.drawing.anchors[0], vp) : null;
     return first ? constrain45(first, p) : p;
   };
+  const followDraft = (draft, p, shift) => {
+    const live = constrainedEnd(draft, p, shift);
+    const anchor = isTransientArmed(ctx.armed()) ? anchorAt(live) : snappedAnchorAt(live, shift);
+    if (anchor) draft.drawing.updateAnchor(draft.drawing.anchors.length - 1, anchor);
+    showPoint(anchor);
+  };
   const onMove = (e) => {
     const p = localXY(e);
     const drag = ctx.drag;
     if (drag) {
       let { x, y } = p;
-      if (!drag.moved && Math.abs(x - drag.grabX) + Math.abs(y - drag.grabY) > MOVE_EPSILON_PX) drag.moved = true;
+      if (!drag.moved) {
+        const travel = Math.abs(x - drag.grabX) + Math.abs(y - drag.grabY);
+        if (touching && travel <= TOUCH_MOVE_PX) return;
+        if (travel > MOVE_EPSILON_PX) drag.moved = true;
+      }
       const vp = viewport();
       if (!vp) return;
       if (drag.mode === "resize" && drag.anchorIndex !== null) {
@@ -8384,6 +8429,7 @@ function bindGestures(ctx) {
         }
         const anchor = snappedAnchorAt({ x, y }, e.shiftKey);
         if (anchor) drag.drawing.updateAnchor(drag.anchorIndex, anchor);
+        showPoint(anchor);
         return;
       }
       const dx = x - drag.grabX;
@@ -8406,18 +8452,16 @@ function bindGestures(ctx) {
     const draft = ctx.draft;
     if (draft) {
       if (draft.mode === "freehand") {
-        const anchor2 = anchorAt(p);
-        if (!anchor2) return;
+        const anchor = anchorAt(p);
+        if (!anchor) return;
         if (Math.hypot(p.x - draft.lastX, p.y - draft.lastY) >= STROKE_STEP_PX) {
-          draft.drawing.appendAnchor(anchor2);
+          draft.drawing.appendAnchor(anchor);
           draft.lastX = p.x;
           draft.lastY = p.y;
         }
         return;
       }
-      const live = constrainedEnd(draft, p, e.shiftKey);
-      const anchor = isTransientArmed(ctx.armed()) ? anchorAt(live) : snappedAnchorAt(live, e.shiftKey);
-      if (anchor) draft.drawing.updateAnchor(draft.drawing.anchors.length - 1, anchor);
+      followDraft(draft, p, e.shiftKey);
       return;
     }
     wearCursor(ctx.cursorCss());
@@ -8427,33 +8471,38 @@ function bindGestures(ctx) {
     ctx.setHovered(manager.hitTest(localXY(e))?.id ?? null);
   };
   const onLeave = () => ctx.setHovered(null);
+  const placeSlop = () => touching ? TOUCH_PLACE_DRAG_PX : PLACE_DRAG_PX;
+  const endDrag = (drag) => {
+    ctx.drag = null;
+    freezePan(!!ctx.armed());
+    if (drag.cloned && !drag.moved) manager.remove(drag.drawing.id);
+    if (!drag.moved && !drag.cloned && drag.mode === "move" && drag.drawing.type === "table") {
+      const vp = viewport();
+      const table = drag.drawing;
+      const cell2 = vp && table.cellAt ? table.cellAt({ x: drag.grabX, y: drag.grabY }, vp) : null;
+      if (cell2) {
+        ctx.openCellEdit(drag.drawing, cell2);
+        return;
+      }
+    }
+    if (drag.moved || drag.cloned) {
+      ctx.persist();
+      ctx.changed();
+    }
+  };
   const onUp = (e) => {
     const p = localXY(e);
+    hidePoint();
     const drag = ctx.drag;
     if (drag) {
-      ctx.drag = null;
-      freezePan(!!ctx.armed());
-      if (drag.cloned && !drag.moved) manager.remove(drag.drawing.id);
-      if (!drag.moved && !drag.cloned && drag.mode === "move" && drag.drawing.type === "table") {
-        const vp = viewport();
-        const table = drag.drawing;
-        const cell2 = vp && table.cellAt ? table.cellAt({ x: drag.grabX, y: drag.grabY }, vp) : null;
-        if (cell2) {
-          ctx.openCellEdit(drag.drawing, cell2);
-          return;
-        }
-      }
-      if (drag.moved || drag.cloned) {
-        ctx.persist();
-        ctx.changed();
-      }
+      endDrag(drag);
       return;
     }
     const draft = ctx.draft;
     if (!draft) return;
     const tool = ctx.armed();
     if (tool === "measure" || tool === "zoom") {
-      const moved2 = Math.abs(p.x - draft.downX) + Math.abs(p.y - draft.downY) > 4;
+      const moved2 = Math.abs(p.x - draft.downX) + Math.abs(p.y - draft.downY) > (touching ? TOUCH_PLACE_DRAG_PX : 4);
       if (!moved2 && draft.pendingDrag) {
         draft.pendingDrag = false;
         return;
@@ -8473,7 +8522,7 @@ function bindGestures(ctx) {
       return;
     }
     if (draft.mode === "multipoint") {
-      if (draft.pendingDrag && Math.abs(p.x - draft.downX) + Math.abs(p.y - draft.downY) <= PLACE_DRAG_PX) {
+      if (draft.pendingDrag && Math.abs(p.x - draft.downX) + Math.abs(p.y - draft.downY) <= placeSlop()) {
         draft.pendingDrag = false;
         return;
       }
@@ -8489,7 +8538,7 @@ function bindGestures(ctx) {
     const snapped = snappedAnchorAt(constrainedEnd(draft, p, e.shiftKey), e.shiftKey);
     const lastIndex = draft.drawing.anchors.length - 1;
     if (snapped) draft.drawing.updateAnchor(lastIndex, snapped);
-    const moved = Math.abs(p.x - draft.downX) + Math.abs(p.y - draft.downY) > PLACE_DRAG_PX;
+    const moved = Math.abs(p.x - draft.downX) + Math.abs(p.y - draft.downY) > placeSlop();
     if (draft.pendingDrag && !moved) {
       draft.pendingDrag = false;
       return;
@@ -8503,6 +8552,14 @@ function bindGestures(ctx) {
       draft.drawing.appendAnchor({ ...next });
     }
   };
+  const onCancel = () => {
+    hidePoint();
+    if (ctx.drag) endDrag(ctx.drag);
+    else if (ctx.draft) ctx.draft.pendingDrag = false;
+  };
+  const onTouchStart = (e) => {
+    if (ctx.drag || ctx.draft) e.preventDefault();
+  };
   const onDblClick = (e) => {
     if (ctx.locked()) return;
     const draft = ctx.draft;
@@ -8527,18 +8584,22 @@ function bindGestures(ctx) {
     ctx.openTextEdit(hit, p.x, p.y, false);
   };
   container.addEventListener("pointerdown", onDown);
+  container.addEventListener("touchstart", onTouchStart, { passive: false });
   container.addEventListener("pointermove", onHover);
   container.addEventListener("pointerleave", onLeave);
   container.addEventListener("dblclick", onDblClick);
   window.addEventListener("pointermove", onMove);
   window.addEventListener("pointerup", onUp);
+  window.addEventListener("pointercancel", onCancel);
   return () => {
     container.removeEventListener("pointerdown", onDown);
+    container.removeEventListener("touchstart", onTouchStart);
     container.removeEventListener("pointermove", onHover);
     container.removeEventListener("pointerleave", onLeave);
     container.removeEventListener("dblclick", onDblClick);
     window.removeEventListener("pointermove", onMove);
     window.removeEventListener("pointerup", onUp);
+    window.removeEventListener("pointercancel", onCancel);
   };
 }
 
@@ -8596,7 +8657,7 @@ function attachDrawings(options) {
   const manager = new DrawingManager();
   manager.setGlyphSource(options.glyphSource ?? bundledGlyphSource);
   manager.attach(chart, series2);
-  manager.setIntervalContext(parseIntervalContext(options.timeframe ?? ""));
+  manager.setTimeframeContext(parseTimeframeContext(options.timeframe ?? ""));
   if (options.bars) {
     const read = options.bars;
     let cacheKey = "";
@@ -8974,7 +9035,7 @@ function attachDrawings(options) {
     setVisibilityPreset(preset) {
       const sel = selection();
       if (!sel) return;
-      sel.updateOptions({ visibility: visibilityPreset(preset, parseIntervalContext(timeframe2)) });
+      sel.updateOptions({ visibility: visibilityPreset(preset, parseTimeframeContext(timeframe2)) });
       persist();
       changed();
     },
@@ -9041,7 +9102,7 @@ function attachDrawings(options) {
     },
     setTimeframe(tf) {
       timeframe2 = tf;
-      manager.setIntervalContext(parseIntervalContext(tf));
+      manager.setTimeframeContext(parseTimeframeContext(tf));
     },
     setTick: (tick) => manager.setTickSize(tick),
     setPriceFormatter: (format2) => manager.setPriceFormatter(format2),
@@ -9776,17 +9837,17 @@ var HIDE_ICON = {
 };
 function mountDrawingToolbar(deps) {
   const { t } = deps;
-  const groups = buildRailGroups();
+  const groups = buildDrawingToolbarGroups();
   const shown2 = (command2) => deps.shown?.(command2) ?? true;
   const toolShown = (type) => deps.toolShown?.(type) ?? true;
   const drawnGroup = (group) => ({
     ...group,
     sections: group.sections.map((section) => ({ ...section, tools: section.tools.filter((tool) => toolShown(tool.type)) })).filter((section) => section.tools.length > 0)
   });
-  const rail = el("div", { class: "qc-surface qc-drawing-toolbar", role: "toolbar", "aria-orientation": "vertical", "aria-label": t("drawing.toolbar"), "data-role": "drawing-toolbar" });
-  ownPointer(rail);
+  const toolbar = el("div", { class: "qc-surface qc-drawing-toolbar", role: "toolbar", "aria-orientation": "vertical", "aria-label": t("drawing.toolbar"), "data-role": "drawing-toolbar" });
+  ownPointer(toolbar);
   const column = el("div", { class: "qc-drawing-toolbar-column" });
-  rail.appendChild(column);
+  toolbar.appendChild(column);
   let closeFlyout = null;
   let panelHost = deps.chrome;
   const closeOpen = () => {
@@ -9832,16 +9893,16 @@ function mountDrawingToolbar(deps) {
   };
   const cell2 = (face, arrow) => {
     const box = el("div", { class: "qc-drawing-cell" }, face);
-    face.classList.add("qc-drawing-rail-button");
+    face.classList.add("qc-drawing-toolbar-button");
     if (arrow) {
-      arrow.classList.add("qc-drawing-rail-arrow");
+      arrow.classList.add("qc-drawing-toolbar-arrow");
       arrow.setAttribute("aria-haspopup", "menu");
       arrow.setAttribute("aria-expanded", "false");
       box.appendChild(arrow);
     }
     return box;
   };
-  const divider = (where = "rail") => el("div", { class: `qc-separator qc-drawing-${where === "rail" ? "divider" : where === "flyout" ? "flyout-rule" : "menu-rule"}`, role: "separator" });
+  const divider = (where = "toolbar") => el("div", { class: `qc-separator qc-drawing-${where === "toolbar" ? "divider" : where === "flyout" ? "flyout-rule" : "menu-rule"}`, role: "separator" });
   const cursorFace = button({ class: "qc-button", label: t("drawing.cursor"), onClick: () => deps.run("chart.drawings.arm", null) });
   const cursorArrow = button({ class: "qc-button", label: t("drawing.cursorMenu"), icon: deps.icons.icon("chevronRight16") });
   cursorArrow.addEventListener("click", () => {
@@ -9926,7 +9987,7 @@ function mountDrawingToolbar(deps) {
     const face = button({ class: "qc-button", label: t(group.label) });
     const arrow = button({ class: "qc-button", label: t("drawing.groupMenu", { group: t(group.label) }), icon: deps.icons.icon("chevronRight16") });
     face.addEventListener("click", () => {
-      const faceTool = railFaceOf(drawnGroup(group), deps.state().railTools);
+      const faceTool = drawingToolbarFaceOf(drawnGroup(group), deps.state().drawingToolbarTools);
       if (group.id === "glyphs" || !faceTool) {
         openGroup(group, arrow);
         return;
@@ -9962,7 +10023,7 @@ function mountDrawingToolbar(deps) {
       )
     );
   });
-  const stay = button({ class: "qc-button qc-drawing-rail-mode", label: t("drawing.stayInDrawingMode"), onClick: () => deps.run("chart.drawings.stayInMode", !deps.state().stayInDrawingMode) });
+  const stay = button({ class: "qc-button qc-drawing-toolbar-mode", label: t("drawing.stayInDrawingMode"), onClick: () => deps.run("chart.drawings.stayInMode", !deps.state().stayInDrawingMode) });
   const lockAll = button({ class: "qc-button", label: t("drawing.lockAll"), onClick: () => deps.run("chart.drawings.lockAll", !deps.state().allLocked) });
   column.append(cell2(magnetFace, magnetArrow), cell2(stay, null), cell2(lockAll, null));
   const eyeFace = button({ class: "qc-button", label: t("drawing.hideDrawings"), onClick: () => deps.run("chart.drawings.hide", { mode: deps.state().hide.mode, on: !deps.state().hide.on }) });
@@ -10020,9 +10081,9 @@ function mountDrawingToolbar(deps) {
     openFlyout(removeArrow, menu2(t("drawing.removeMenu"), ...items2, divider("menu"), policy));
   });
   column.append(cell2(removeFace, removeArrow));
-  const favorites = button({ class: "qc-button qc-drawing-rail-mode", label: t("drawing.favToolsBar"), title: t("drawing.favTools"), onClick: () => deps.run("chart.drawings.favoritesBar", !deps.state().favorites.visible) });
+  const favorites = button({ class: "qc-button qc-drawing-toolbar-mode", label: t("drawing.favToolsBar"), title: t("drawing.favTools"), onClick: () => deps.run("chart.drawings.favoritesBar", !deps.state().favorites.visible) });
   column.append(el("div", { class: "qc-drawing-toolbar-end" }, cell2(favorites, null)));
-  const unrove = rovingFocus(rail, () => [...column.querySelectorAll("button")].filter((b) => !b.closest("[hidden]")), "vertical");
+  const unrove = rovingFocus(toolbar, () => [...column.querySelectorAll("button")].filter((b) => !b.closest("[hidden]")), "vertical");
   const setActive = (b, active) => {
     b.dataset.qcActive = String(active);
   };
@@ -10045,7 +10106,7 @@ function mountDrawingToolbar(deps) {
     for (const group of groups) {
       const entry = groupFaces.get(group.id);
       const drawn = drawnGroup(group);
-      const faceTool = activeGroup === group.id && s.activeTool && toolShown(s.activeTool) ? s.activeTool : railFaceOf(drawn, s.railTools);
+      const faceTool = activeGroup === group.id && s.activeTool && toolShown(s.activeTool) ? s.activeTool : drawingToolbarFaceOf(drawn, s.drawingToolbarTools);
       entry.face.replaceChildren(...[group.id === "glyphs" ? deps.icons.icon("groupGlyphs") : faceTool ? deps.icons.tool(faceTool) : null].filter((face) => face !== null));
       const faceName = faceTool && group.id !== "glyphs" ? toolName(t, faceTool, faceTool) : t(group.label);
       relabelButton(entry.face, faceName);
@@ -10085,7 +10146,7 @@ function mountDrawingToolbar(deps) {
     gate(eyeArrow, "chart.drawings.hide");
     if (s.layoutCharts > 1) {
       if (!syncButton) {
-        syncButton = button({ class: "qc-button qc-drawing-rail-button", label: t("drawing.syncLabel"), icon: deps.icons.icon("sync"), onClick: () => deps.run("chart.drawings.sync", !deps.state().sync) });
+        syncButton = button({ class: "qc-button qc-drawing-toolbar-button", label: t("drawing.syncLabel"), icon: deps.icons.icon("sync"), onClick: () => deps.run("chart.drawings.sync", !deps.state().sync) });
         syncCell.appendChild(syncButton);
       }
       syncButton.title = t(s.sync ? "drawing.syncOnHelp" : "drawing.syncOffHelp");
@@ -10111,7 +10172,7 @@ function mountDrawingToolbar(deps) {
     tidyRules(column, (child) => !child.hidden && [...child.querySelectorAll("button")].some((control) => !control.closest("[hidden]")));
   };
   const relabel = () => {
-    rail.setAttribute("aria-label", t("drawing.toolbar"));
+    toolbar.setAttribute("aria-label", t("drawing.toolbar"));
     relabelButton(cursorFace, t("drawing.cursor"));
     relabelButton(cursorArrow, t("drawing.cursorMenu"));
     for (const group of groups) relabelButton(groupFaces.get(group.id).arrow, t("drawing.groupMenu", { group: t(group.label) }));
@@ -10129,11 +10190,11 @@ function mountDrawingToolbar(deps) {
   };
   const mount = (container) => {
     const nextPanelHost = panelHostFor(container, deps.chrome);
-    if (rail.parentElement === container && panelHost === nextPanelHost) return;
+    if (toolbar.parentElement === container && panelHost === nextPanelHost) return;
     closeOpen();
     panelHost = nextPanelHost;
-    rail.remove();
-    container?.appendChild(rail);
+    toolbar.remove();
+    container?.appendChild(toolbar);
     render();
   };
   mount(deps.container === void 0 ? deps.chrome : deps.container);
@@ -10147,7 +10208,7 @@ function mountDrawingToolbar(deps) {
       unrove();
       glyphPicker?.destroy();
       glyphPicker = null;
-      rail.remove();
+      toolbar.remove();
     }
   };
 }
@@ -10283,9 +10344,9 @@ var ICONS = {
     viewBox: "0 0 120 120",
     body: '<path fill="currentColor" d="M113 2.5A7 7 0 0 1 120 9.5L120 71.5A6 6 0 0 1 114 77.5L83 77.5A3 3 0 0 1 80 74.5L80 42.5A4 4 0 0 1 84 38.5L110 38.5A4 4 0 0 0 114 34.5L114 12.5A4 4 0 0 0 110 8.5L10 8.5A4 4 0 0 0 6 12.5L6 34.5A4 4 0 0 0 10 38.5L36 38.5A4 4 0 0 1 40 42.5L40 74.5A3 3 0 0 1 37 77.5L6 77.5A6 6 0 0 1 0 71.5L0 9.5A7 7 0 0 1 7 2.5Z"/><path fill="currentColor" d="M40 77.5H80V110.5A7 7 0 0 1 73 117.5H47A7 7 0 0 1 40 110.5Z"/>'
   },
-  /** Baseline market-status mark, on its native 18 grid. */
+  /** The market-status mark, on its native 18 grid. */
   marketStatus: { viewBox: "0 0 18 18", body: '<circle cx="9" cy="9" r="7" fill="currentColor" opacity="0.2"/><path fill="currentColor" d="M9 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8"/>' },
-  /** Independently drawn replay marks on the baseline 18 grid. */
+  /** The replay marks, on their native 18 grid. */
   // The disc carries the phase in `currentColor`; the rewind stays ONE ink in both modes, because a
   // mark that changed the colour of its own shape between modes would read as a different mark.
   replayStatus: { viewBox: "0 0 18 18", body: '<circle cx="9" cy="9" r="9" fill="currentColor"/><path d="M8 5.5v7L4.5 9 8 5.5Zm5 0v7L9.5 9 13 5.5Z" fill="var(--qc-state-markInk)"/>' },
@@ -10314,18 +10375,18 @@ var ICONS = {
     viewBox: "0 0 28 28",
     body: fill("M18 14a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-1 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z") + fill("M8.5 5h11l5 9-5 9h-11l-5-9 5-9Zm-3.86 9L9.1 6h9.82l4.45 8-4.45 8H9.1l-4.45-8Z")
   },
-  // Enter fullscreen: the baseline's four corner brackets turning outward, drawn as a one-unit
+  // Enter fullscreen: four corner brackets turning outward, drawn as a one-unit
   // wall on the 28 grid.
   fullscreen: { viewBox: "0 0 28 28", body: fill("M7 18.5A2.5 2.5 0 0 0 9.5 21H12v1H9.5A3.5 3.5 0 0 1 6 18.5V16h1zm15 0a3.5 3.5 0 0 1-3.5 3.5H16v-1h2.5a2.5 2.5 0 0 0 2.5-2.5V16h1zM12 7H9.5A2.5 2.5 0 0 0 7 9.5V12H6V9.5A3.5 3.5 0 0 1 9.5 6H12zm6.5-1A3.5 3.5 0 0 1 22 9.5V12h-1V9.5A2.5 2.5 0 0 0 18.5 7H16V6z") },
-  // Exit fullscreen: the same brackets folded inward, stroked at the baseline's 1.5 weight.
+  // Exit fullscreen: the same brackets folded inward, stroked at a 1.5 weight.
   exitFullscreen: { viewBox: "0 0 28 28", body: stroke("M11 6v1.5A3.5 3.5 0 0 1 7.5 11H6M22 11h-1.5A3.5 3.5 0 0 1 17 7.5V6M17 22v-1.5a3.5 3.5 0 0 1 3.5-3.5H22M6 17h1.5a3.5 3.5 0 0 1 3.5 3.5V22", 1.5) },
-  // Chart image: the baseline camera, a one-unit-walled body with the shutter hump left of centre
+  // Chart image: a camera, a one-unit-walled body with the shutter hump left of centre
   // and the lens ring offset toward it.
   camera: {
     viewBox: "0 0 28 28",
     body: fill("M11.118 6a.5.5 0 0 0-.447.276L9.809 8H5.5A1.5 1.5 0 0 0 4 9.5v10A1.5 1.5 0 0 0 5.5 21h16a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 21.5 8h-4.309l-.862-1.724A.5.5 0 0 0 15.882 6h-4.764zm-1.342-.17A1.5 1.5 0 0 1 11.118 5h4.764a1.5 1.5 0 0 1 1.342.83L17.809 7H21.5A2.5 2.5 0 0 1 24 9.5v10a2.5 2.5 0 0 1-2.5 2.5h-16A2.5 2.5 0 0 1 3 19.5v-10A2.5 2.5 0 0 1 5.5 7h3.691l.585-1.17z") + fill("M13.5 18a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zm0 1a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9z")
   },
-  /** The layout tile's own maximize and restore marks, on the baseline's native 18 grid: two
+  /** The layout tile's own maximize and restore marks, on their native 18 grid: two
    *  opposite corner brackets turning outward to fill the layout, and inward to give the tile back. */
   tileMaximize: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M14.5 8V3.5H10V2h6v6h-1.5Zm-11 2v4.5H8V16H2v-6h1.5Z"/>' },
   tileRestore: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M10 8V2h1.5v4.5H16V8h-6Zm-2 2v6H6.5v-4.5H2V10h6Z"/>' },
@@ -10336,7 +10397,7 @@ var ICONS = {
   navZoomIn: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M8.25 13.75v-9.5h1.5v9.5h-1.5Z"/><path fill="currentColor" d="M13.75 9.75h-9.5v-1.5h9.5v1.5Z"/>' },
   navScroll: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M7.83 3.92 12.28 9l-4.45 5.08-1.13-1L10.29 9l-3.6-4.09 1.14-.99Z"/>' },
   navReset: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M10 6.38V8L6 5.5 10 3v1.85A5.25 5.25 0 1 1 3.75 10a.75.75 0 0 1 1.5 0A3.75 3.75 0 1 0 10 6.38Z"/>' },
-  /** The pickers' wide caret, on its native 16 by 8 grid: the baseline's own trigger arrow, which
+  /** The pickers' wide caret, on its native 16 by 8 grid: the trigger arrow, which
    *  renders half size beside a picker's text. */
   menuArrowWide: { viewBox: "0 0 16 8", body: '<path fill="currentColor" d="M0 1.475l7.396 6.04.596.485.593-.49L16 1.39 14.807 0 7.393 6.122 8.58 6.12 1.186.08z"/>' },
   // Hairline weight: these two sit beside a label rather than alone in a 38px cell.
@@ -10447,7 +10508,7 @@ var ICONS = {
   ruler: { viewBox: "0 0 28 28", body: '<path fill="currentColor" fill-rule="evenodd" transform="rotate(-45 14 14)" d="M2 9.75a1.5 1.5 0 0 0-1.5 1.5v5.5a1.5 1.5 0 0 0 1.5 1.5h24a1.5 1.5 0 0 0 1.5-1.5v-5.5a1.5 1.5 0 0 0-1.5-1.5zm0 1h3v2.5h1v-2.5h3.25v3.9h1v-3.9h3.25v2.5h1v-2.5h3.25v3.9h1v-3.9H22v2.5h1v-2.5h3a.5.5 0 0 1 .5.5v5.5a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-5.5a.5.5 0 0 1 .5-.5z"/>' },
   zoomIn: { viewBox: "0 0 28 28", body: '<path fill="currentColor" d="M17.646 18.354l4 4 .708-.708-4-4z"/><path fill="currentColor" d="M12.5 21a8.5 8.5 0 1 1 0-17 8.5 8.5 0 0 1 0 17zm0-1a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15z"/><path fill="currentColor" d="M9 13h7v-1H9z"/><path fill="currentColor" d="M13 16V9h-1v7z"/>' },
   groupGlyphs: { viewBox: "0 0 28 28", body: '<path fill="currentColor" d="M4.05 14a9.95 9.95 0 1 1 19.9 0 9.95 9.95 0 0 1-19.9 0ZM14 3a11 11 0 1 0 0 22 11 11 0 0 0 0-22Zm-3 13.03a.5.5 0 0 1 .64.3 2.5 2.5 0 0 0 4.72 0 .5.5 0 0 1 .94.34 3.5 3.5 0 0 1-6.6 0 .5.5 0 0 1 .3-.64Zm.5-4.53a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"/>' },
-  // The rail arrow: a filled chevron on a 10 by 16 grid, drawn 4 by 7 in the strip.
+  // The drawing toolbar's arrow: a filled chevron on a 10 by 16 grid, drawn 4 by 7 in the strip.
   chevronRight16: { viewBox: "0 0 10 16", aspect: 4 / 7, size: 7, body: '<path fill="currentColor" d="M.6 1.4l1.4-1.4 8 8-8 8-1.4-1.4 6.389-6.532-6.389-6.668z"/>' },
   // Six dots on an 8 by 12 grid, each PAINTED in currentColor: the svg the glyph is wrapped in
   // carries `fill="none"`, so a rect with no fill of its own is a grip nobody can see.
@@ -10467,8 +10528,8 @@ var ICONS = {
   textTee: { size: 15, aspect: 13 / 15, viewBox: "0 0 13 15", body: '<path stroke="currentColor" d="M4 14.5h2.5m2.5 0H6.5m0 0V.5m0 0h-5a1 1 0 0 0-1 1V4m6-3.5h5a1 1 0 0 1 1 1V4"/>' },
   // A tool's star in a flyout: an outline at rest and a filled star once saved, on an 18 grid.
   star: { viewBox: "0 0 18 18", body: '<path stroke="currentColor" d="M9 2.13l1.903 3.855.116.236.26.038 4.255.618-3.079 3.001-.188.184.044.259.727 4.237-3.805-2L9 12.434l-.233.122-3.805 2.001.727-4.237.044-.26-.188-.183-3.079-3.001 4.255-.618.26-.038.116-.236L9 2.13z"/>' },
-  // The favorites bar's toggle on the rail: one outlined star in either state, the state carried by
-  // the button's fill.
+  // The favorites bar's toggle on the drawing toolbar: one outlined star in either state, the state
+  // carried by the button's fill.
   favoritesBar: { viewBox: "0 0 28 28", body: '<path fill="currentColor" fill-rule="evenodd" d="m17.13 9.74 7.37.9-5.44 5.06L20.4 23 14 19.38 7.6 23l1.34-7.3-5.44-5.06 7.37-.9L14 3l3.13 6.74Zm5.11 1.63-4.26 3.97 1.04 5.74L14 18.24l-5.02 2.84 1.04-5.74-4.26-3.97 5.79-.7L14 5.37l2.45 5.3 5.8.7Z"/>' },
   starFilled: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M9 1l2.35 4.76 5.26.77-3.8 3.7.9 5.24L9 13l-4.7 2.47.9-5.23-3.8-3.71 5.25-.77L9 1z"/>' },
   trash28: { viewBox: "0 0 28 28", body: '<path fill="currentColor" d="M18 7h5v1h-2.01l-1.33 14.64a1.5 1.5 0 0 1-1.5 1.36H9.84a1.5 1.5 0 0 1-1.49-1.36L7.01 8H5V7h5V6c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v1Zm-6-2a1 1 0 0 0-1 1v1h6V6a1 1 0 0 0-1-1h-4ZM8.02 8l1.32 14.54a.5.5 0 0 0 .5.46h8.33a.5.5 0 0 0 .5-.46L19.99 8H8.02Z"/>' },
@@ -10493,7 +10554,7 @@ var ICONS = {
   submenuArrow: { viewBox: "0 0 24 24", body: '<path d="M9 18l6-6-6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>' },
   close18: { viewBox: "0 0 18 18", body: '<path d="M4.5 4.5l9 9M13.5 4.5l-9 9" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>' },
   chevronDown18: { viewBox: "0 0 18 18", body: '<path fill="currentColor" d="M3.92 7.83 9 12.29l5.08-4.46-1-1.13L9 10.29l-4.09-3.6-.99 1.14Z"/>' },
-  // The indicator browser's marks, on the grids its rows were drawn for.
+  // The indicator picker's marks, on the grids its rows were drawn for.
   pickerStar: { viewBox: "0 0 18 18", body: '<path fill="none" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" d="M9 2.13L11.057 6.168L15.534 6.877L12.329 10.082L13.038 14.558L9 12.5L4.962 14.558L5.671 10.082L2.466 6.877L6.943 6.168z"/>' },
   pickerStarFilled: { viewBox: "0 0 18 18", body: '<path fill="currentColor" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round" d="M9 2.13L11.057 6.168L15.534 6.877L12.329 10.082L13.038 14.558L9 12.5L4.962 14.558L5.671 10.082L2.466 6.877L6.943 6.168z"/>' },
   plus24: { viewBox: "0 0 24 24", body: '<path d="M12 5v14M5 12h14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>' },
@@ -10537,7 +10598,7 @@ function openDialog(options) {
   if (options.width) box.style.width = `${options.width}px`;
   stopPointer(box);
   scrim.appendChild(box);
-  if (options.animated) scrim.dataset.state = "opening";
+  scrim.dataset.state = "opening";
   let isOpen = true;
   const previouslyFocused = document.activeElement;
   const escape = pushEscapeOwner();
@@ -10562,7 +10623,7 @@ function openDialog(options) {
     untrack();
     document.removeEventListener("keydown", onKey, true);
     previouslyFocused?.focus?.();
-    const exitMs = options.animated && closeOptions?.animate !== false ? motionDurationMs(scrim, "motion.durationBase") : 0;
+    const exitMs = closeOptions?.animate !== false ? motionDurationMs(scrim, "motion.durationBase") : 0;
     if (exitMs <= 0) {
       remove();
       return;
@@ -10608,12 +10669,10 @@ function openDialog(options) {
   const handle = { element: box, close, open: () => isOpen };
   options.build(box, handle);
   (layerFor(options.host) ?? options.host).appendChild(scrim);
-  if (options.animated) {
-    scrim.getBoundingClientRect();
-    scrim.dataset.state = "open";
-  }
+  scrim.getBoundingClientRect();
+  scrim.dataset.state = "open";
   const refresh = options.refresh;
-  untrack = trackOverlay(options.host, close, refresh ? () => {
+  untrack = trackOverlay(options.host, () => close({ animate: false }), refresh ? () => {
     if (isOpen) refresh();
   } : void 0);
   document.addEventListener("keydown", onKey, true);
@@ -11000,7 +11059,7 @@ function mountSettingsBar(deps) {
         const at = deps.stackPosition();
         return menuOf(t("drawing.visualOrder"), "narrow", ...ORDER_MOVES.map((move) => menuRow(t(move.label), () => deps.run(move.command), { disabled: move.dead(at), command: move.command })));
       }
-      return menuOf(t("drawing.visibilityOnIntervals"), "wide", ...VISIBILITY_PRESETS.map((v) => menuRow(t(v.label), () => deps.run("chart.drawings.visibility", v.preset), { command: "chart.drawings.visibility" })));
+      return menuOf(t("drawing.visibilityOnTimeframes"), "wide", ...VISIBILITY_PRESETS.map((v) => menuRow(t(v.label), () => deps.run("chart.drawings.visibility", v.preset), { command: "chart.drawings.visibility" })));
     };
     const arm = (kind, row2) => {
       cancelClose();
@@ -11034,7 +11093,7 @@ function mountSettingsBar(deps) {
       t("drawing.moreActions"),
       "wide",
       submenuRow("order", t("drawing.visualOrder"), "layers"),
-      submenuRow("visibility", t("drawing.visibilityOnIntervals")),
+      submenuRow("visibility", t("drawing.visibilityOnTimeframes")),
       separator2(),
       plain(menuRow(t("drawing.clone"), () => deps.run("chart.drawings.clone"), { icon: deps.icons.icon("clone"), hint: t("drawing.hintClone", { modifier: modifier() }), command: "chart.drawings.clone" })),
       plain(menuRow(t("drawing.copy"), () => deps.run("chart.drawings.copy"), { spacer: true, hint: t("drawing.hintCopy", { modifier: modifier() }), command: "chart.drawings.copy" })),
@@ -11377,11 +11436,15 @@ function openDialog2(options) {
       stopDrag = dragBy(header, element);
       element.append(header, body, footer);
     },
-    onClose: () => {
+    // The drag and whatever the dialog opened over itself (a palette, a menu, a template prompt) go
+    // as the dialog begins to close, so nothing answers the viewer from a box that no longer takes
+    // input and no document listener outlives the box it belonged to.
+    onClosing: () => {
       stopDrag();
       if (box) closeOverlays(box);
-      options.onClose?.();
-    }
+      options.onClosing?.();
+    },
+    onClose: () => options.onClose?.()
   });
   return { body, footer, box: modal.element, close: modal.close };
 }
@@ -11411,7 +11474,9 @@ function openImagePicker(deps) {
     icons: deps.icons,
     role: "drawing-image-picker",
     width: 420,
-    onClose: () => {
+    // The picker stops taking a paste as it begins to close, and the Image tool can open it again
+    // while the leaving one finishes its exit.
+    onClosing: () => {
       document.removeEventListener("paste", onPaste);
       deps.onClose?.();
     }
@@ -11901,7 +11966,7 @@ function visibilityRows(ctx) {
     const range2 = visibility[key];
     out.push(visibilityRangeRow(t, ctx.icons, { label: t(text2), range: range2, max, disabled: pinned(range2.on), onChange: (next) => ctx.patchVisibility({ [key]: next }) }));
   }
-  if (enabled === 1) out.push(el("span", { class: "qc-muted qc-drawing-note", text: t("drawing.intervalPinnedNote") }));
+  if (enabled === 1) out.push(el("span", { class: "qc-muted qc-drawing-note", text: t("drawing.timeframePinnedNote") }));
   return out;
 }
 
@@ -11920,7 +11985,9 @@ function openSettingsDialog(deps) {
     icons: deps.icons,
     role: "drawing-settings",
     width: 380,
-    onClose: () => {
+    // Escape, the corner close or a press outside ends the session as the dialog begins to close,
+    // so the drawing is back as it was before the exit motion starts rather than after it.
+    onClosing: () => {
       if (settled) return;
       cancel();
     }
@@ -12128,7 +12195,7 @@ function attachDrawingsPlane(deps) {
     indicators: { hidden: "drawing.statusIndicatorsHidden", shown: "drawing.statusIndicatorsShown" },
     all: { hidden: "drawing.statusAllHidden", shown: "drawing.statusAllShown" }
   };
-  const groups = buildRailGroups();
+  const groups = buildDrawingToolbarGroups();
   const events = {};
   const handle = attachDrawings({
     chart: deps.chart,
@@ -12200,7 +12267,7 @@ function attachDrawingsPlane(deps) {
           removeLocked: p.removeLocked,
           counts: handle.counts(),
           indicatorCount: deps.indicators.count(),
-          railTools: p.railTools,
+          drawingToolbarTools: p.drawingToolbarTools,
           favorites: p.favorites,
           recentGlyphs: p.recentGlyphs,
           layoutCharts: deps.chartCount()
@@ -12350,7 +12417,7 @@ function attachDrawingsPlane(deps) {
       }
       handle.armTool(tool, props);
       if (tool) {
-        const patch = { railTools: rememberRailTool(groups, prefs().railTools, tool) };
+        const patch = { drawingToolbarTools: rememberDrawingToolbarTool(groups, prefs().drawingToolbarTools, tool) };
         const glyph2 = props && typeof props.glyph === "string" ? props.glyph : null;
         if (glyph2) patch.recentGlyphs = pushRecentGlyph(prefs().recentGlyphs, glyph2);
         write(patch);
@@ -12724,7 +12791,7 @@ var FillBetweenPrimitive = class {
   lower = [];
   colors;
   /** Nothing until the first `setData`, which every render path makes before a draw. A tint chosen
-   *  here would be a second study default with no owner. */
+   *  here would be a second indicator default with no owner. */
   color = "transparent";
   attached(param) {
     this.chart = param.chart;
@@ -12925,7 +12992,7 @@ function shapeKeyOf(built) {
   return JSON.stringify([built.placement, built.plots.map((p) => [p.key, p.type, p.location === "absolute", p.scale ?? null])]);
 }
 function makeEntry(chart, built, neutral) {
-  const paneIndex = built.placement === "pane" ? studyPaneIndex(chart) : 0;
+  const paneIndex = built.placement === "pane" ? indicatorPaneIndex(chart) : 0;
   const labels = built.display?.labelsOnPriceScale !== false;
   const series2 = [];
   const markers = [];
@@ -13124,7 +13191,7 @@ function safeRemove(chart, series2) {
   } catch {
   }
 }
-function studyPaneIndex(chart) {
+function indicatorPaneIndex(chart) {
   sweepEmptyPanes(chart);
   return chart.panes().length;
 }
@@ -13693,7 +13760,7 @@ function attachIndicatorsPlane(deps) {
   };
   const renderer = attachIndicators(deps.chart, {
     candles: deps.candleSeries,
-    // A study that declares no precision writes its scale through the symbol formatter, so a
+    // An indicator that declares no precision writes its scale through the symbol formatter, so a
     // moving average on a Treasury reads in thirty-seconds like the bars beside it.
     symbolPriceFormat: () => ({ key: deps.formatKey(), formatter: (price) => deps.formatter().format(price), minMove: deps.minMove() }),
     neutral: () => deps.canvas().neutral
@@ -14562,7 +14629,7 @@ var GRAIN_GROUPS = [
   { unit: "d", rungs: [{ tf: "1d", sec: 86400 }] }
 ];
 var DAY_RUNG = { tf: "1d", sec: 86400 };
-function subIntervalsFor(chartTf) {
+function subTimeframesFor(chartTf) {
   const parsed = parseTimeframe(chartTf);
   const parent = tfSeconds(chartTf);
   if (!parsed || !parent) return [];
@@ -14572,8 +14639,8 @@ function subIntervalsFor(chartTf) {
   const intraday = parsed.unit === "s" || parsed.unit === "m" || parsed.unit === "h";
   return GRAIN_GROUPS.filter((g, i) => i === own || i === own - 1 || intraday && g.unit === "s").flatMap((g) => g.rungs).filter((s) => s.sec <= parent && parent % s.sec === 0).sort((a, b) => a.sec - b.sec);
 }
-function autoIntervalFor(chartTf) {
-  const offered = subIntervalsFor(chartTf);
+function autoTimeframeFor(chartTf) {
+  const offered = subTimeframesFor(chartTf);
   return offered.length ? offered[offered.length - 1] : null;
 }
 function composeFormingBar(parent, subs, k) {
@@ -14595,8 +14662,8 @@ function attachReplayPlane(deps) {
   let arming = false;
   let timer = null;
   let speed = deps.initialSpeed;
-  let autoInterval = deps.initialInterval === "auto";
-  let manualInterval = autoInterval ? null : deps.initialInterval;
+  let autoGrain = deps.initialGrain === "auto";
+  let manualGrain = autoGrain ? null : deps.initialGrain;
   let subs = null;
   let formK = 0;
   let stepping = null;
@@ -14608,18 +14675,18 @@ function attachReplayPlane(deps) {
   };
   const grains = () => {
     const served = deps.resolutions();
-    const ladder = subIntervalsFor(deps.timeframe());
+    const ladder = subTimeframesFor(deps.timeframe());
     return served && served.length > 0 ? ladder.filter((s) => served.includes(s.tf)) : ladder;
   };
-  const effectiveInterval = () => {
+  const effectiveGrain = () => {
     const available = grains();
-    if (autoInterval) return available.length ? available[available.length - 1] : null;
-    return available.find((s) => s.tf === manualInterval) ?? null;
+    if (autoGrain) return available.length ? available[available.length - 1] : null;
+    return available.find((s) => s.tf === manualGrain) ?? null;
   };
   const sync = () => {
     deps.onChange();
   };
-  const currentInterval = () => autoInterval ? "auto" : manualInterval ?? "auto";
+  const currentGrain = () => autoGrain ? "auto" : manualGrain ?? "auto";
   const paintCursor = () => {
     if (!master) return;
     deps.paint(master.slice(0, cursor));
@@ -14654,15 +14721,15 @@ function attachReplayPlane(deps) {
     deps.setCrosshair(!next);
   };
   const fetchSubs = async (parentIdx) => {
-    const interval = effectiveInterval();
-    if (!master || !interval) return null;
-    if (interval.sec >= tfSeconds(deps.timeframe())) return null;
+    const grain = effectiveGrain();
+    if (!master || !grain) return null;
+    if (grain.sec >= tfSeconds(deps.timeframe())) return null;
     const parent = master[parentIdx];
     if (!parent) return null;
     const from = parent.t;
     const to = parent.t + tfSeconds(deps.timeframe()) - 1;
     try {
-      const page = await deps.datafeed.history(deps.symbol(), interval.tf, { from, to });
+      const page = await deps.datafeed.history(deps.symbol(), grain.tf, { from, to });
       const found = page.bars.filter((b) => b.t >= from && b.t <= to);
       return found.length >= 2 ? found : null;
     } catch {
@@ -14693,11 +14760,11 @@ function attachReplayPlane(deps) {
         const epoch = generation;
         const symbol = deps.symbol();
         const timeframe2 = deps.timeframe();
-        const grain = currentInterval();
-        const chosen = effectiveInterval();
+        const grain = currentGrain();
+        const chosen = effectiveGrain();
         const wholeBar = !chosen || chosen.sec >= tfSeconds(deps.timeframe());
         const found = wholeBar ? null : await fetchSubs(targetCursor - 1);
-        if (destroyed || deps.disposed() || stepping !== flight || generation !== epoch || deps.symbol() !== symbol || deps.timeframe() !== timeframe2 || currentInterval() !== grain || !master || cursor !== targetCursor - 1 || master[targetCursor - 1] !== parent) return;
+        if (destroyed || deps.disposed() || stepping !== flight || generation !== epoch || deps.symbol() !== symbol || deps.timeframe() !== timeframe2 || currentGrain() !== grain || !master || cursor !== targetCursor - 1 || master[targetCursor - 1] !== parent) return;
         cursor = targetCursor;
         if (found) {
           subs = found;
@@ -14796,26 +14863,26 @@ function attachReplayPlane(deps) {
       paintCursor();
       sync();
     },
-    interval: currentInterval,
+    timeframe: currentGrain,
     // What `auto` actually RESOLVED to, so a surface can say the grain rather than the mode. Empty
     // when the chart's timeframe has nothing finer to form from and updates advance whole bars.
-    resolvedInterval: () => effectiveInterval()?.tf ?? "",
-    setInterval(token) {
-      if (token === currentInterval()) return;
+    resolvedTimeframe: () => effectiveGrain()?.tf ?? "",
+    setTimeframe(token) {
+      if (token === currentGrain()) return;
       if (token === "auto") {
-        autoInterval = true;
+        autoGrain = true;
       } else {
         if (!grains().some((s) => s.tf === token)) return;
-        autoInterval = false;
-        manualInterval = token;
+        autoGrain = false;
+        manualGrain = token;
       }
       invalidateStep();
-      deps.persist("interval", currentInterval());
+      deps.persist("timeframe", currentGrain());
       subs = null;
       formK = 0;
       sync();
     },
-    subIntervals: () => grains().map((s) => s.tf),
+    subTimeframes: () => grains().map((s) => s.tf),
     state: () => ({ on: master !== null, playing, cursor, total: master?.length ?? deps.bars().length, speed }),
     // An OPEN QUESTION outranks a running session. Re-arming mid-replay to choose a different start
     // puts the plot back to taking a click, and every surface that answers to the picker — the
@@ -14852,7 +14919,7 @@ function attachReplayPlane(deps) {
     abandon,
     snapshot: () => ({ on: master !== null, playing, cursor: master === null ? deps.bars().length : cursor, total: master?.length ?? deps.bars().length }),
     speed: () => speed,
-    interval: currentInterval,
+    timeframe: currentGrain,
     destroy() {
       destroyed = true;
       abandon();
@@ -14931,7 +14998,7 @@ function createExtensionHost(deps, extensions = []) {
       }
     }
     clearLanes(record3.lanes);
-    record3.menuProviders.clear();
+    record3.menuBuilders.clear();
     if (record3.hideLayers.size) {
       record3.hideLayers.clear();
       notifyHideLayers();
@@ -14955,7 +15022,7 @@ function createExtensionHost(deps, extensions = []) {
       } },
       live: true,
       lanes: newLanes(),
-      menuProviders: /* @__PURE__ */ new Set(),
+      menuBuilders: /* @__PURE__ */ new Set(),
       hideLayers: /* @__PURE__ */ new Map(),
       commands: /* @__PURE__ */ new Map(),
       priceLines: /* @__PURE__ */ new Set(),
@@ -15044,12 +15111,12 @@ function createExtensionHost(deps, extensions = []) {
           record3.lanes.dispose.delete(callback);
         };
       },
-      contributeContextMenu(provider) {
+      contributeContextMenu(build) {
         if (!record3.live) return () => {
         };
-        record3.menuProviders.add(provider);
+        record3.menuBuilders.add(build);
         return () => {
-          record3.menuProviders.delete(provider);
+          record3.menuBuilders.delete(build);
         };
       },
       contributeCommands(commands) {
@@ -15143,9 +15210,9 @@ function createExtensionHost(deps, extensions = []) {
       if (!hostLive) return [];
       const rows2 = [];
       for (const record3 of liveRecords()) {
-        for (const provider of [...record3.menuProviders]) {
+        for (const build of [...record3.menuBuilders]) {
           try {
-            rows2.push(...provider(context));
+            rows2.push(...build(context));
           } catch {
           }
         }
@@ -15540,7 +15607,7 @@ function mountChartLegend(container, strings, controls) {
     venueText.className = "qc-legend-venue qc-legend-row-venue";
     const value = document.createElement("span");
     value.className = "qc-legend-value";
-    value.dataset.role = "legend-study-value";
+    value.dataset.role = "legend-indicator-value";
     const gear = chipButton(controls.icons.glyph(ICONS.legendSettings, { size: 18 }), "", () => {
       const r = gear.getBoundingClientRect();
       controls.onSettings?.(chip.id, { x: r.x, y: r.y, w: r.width, h: r.height });
@@ -16195,7 +16262,7 @@ function attachLegendPlane(deps) {
   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] = `study:${id}`;
+    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}`;
@@ -16320,7 +16387,7 @@ function attachLegendPlane(deps) {
     legend2?.setChips([
       ...deps.indicators.chipsAt(hovered).map((row2) => {
         const paneIndex = paneOf[row2.id] ?? 0;
-        const remembered = paneRemembered.get(`study:${row2.id}`);
+        const remembered = paneRemembered.get(`indicator:${row2.id}`);
         return {
           ...row2,
           paneIndex,
@@ -16699,7 +16766,7 @@ var CONTROL_ICONS = byMeaning({
   chevronDown: [ICONS.chevronDown, ICONS.chevronDown18],
   chevronLeft: [ICONS.chevronLeft],
   chevronRight: [ICONS.chevronRight],
-  // The rail's arrow, pointing where the flyout it opens will stand.
+  // The drawing toolbar's arrow, pointing where the flyout it opens will stand.
   flyout: [ICONS.chevronRight16],
   submenu: [ICONS.submenuArrow],
   more: [ICONS.kebab],
@@ -16725,7 +16792,7 @@ var CONTROL_ICONS = byMeaning({
   selectDate: [ICONS.calendar],
   firstAvailable: [ICONS.firstAvailable],
   randomBar: [ICONS.randomBar],
-  // The drawing rail, its menus, the favorites bar and the drawing settings.
+  // The drawing toolbar, its menus, the favorites bar and the drawing settings.
   cursorCross: [ICONS.cursorCross],
   cursorDot: [ICONS.cursorDot],
   cursorArrow: [ICONS.cursorArrow],
@@ -17116,7 +17183,7 @@ function attachMenuPlane(deps) {
       {
         priceText,
         symbol: deps.symbol(),
-        // The level menu's paste row is live exactly when the paste command would run (a copied
+        // The context menu's paste row is live exactly when the paste command would run (a copied
         // drawing on the clipboard, the verb permitted). It offers no settings row: the settings
         // dialog belongs to the selected drawing's own surfaces, which the drawing plane mounts
         // and the chart.drawings.* commands drive.
@@ -17886,12 +17953,12 @@ function registerChartCommands(deps) {
     }
   });
   add({
-    id: "chart.replay.setInterval",
+    id: "chart.replay.setTimeframe",
     scope: "chart",
-    label: "command.replayInterval",
+    label: "command.replayTimeframe",
     available: () => handle.replay.state().on,
     execute: (arg) => {
-      if (typeof arg === "string" && arg) handle.replay.setInterval(arg);
+      if (typeof arg === "string" && arg) handle.replay.setTimeframe(arg);
     }
   });
   const servable = (token) => {
@@ -18220,7 +18287,7 @@ var SCALE_KEY = "quickcharts.scale.v1";
 var PRICE_AXIS_KEY = "quickcharts.priceAxis.v1";
 var HIDDEN_KEY = "quickcharts.indHidden.v1";
 var REPLAY_SPEED_KEY = "quickcharts.replaySpeed.v1";
-var REPLAY_INTERVAL_KEY = "quickcharts.replayIv.v1";
+var REPLAY_TIMEFRAME_KEY = "quickcharts.replayTf.v1";
 var TIMEZONE_KEY = "quickcharts.timezone.v1";
 var SUBSESSION_KEY = "quickcharts.subsession.v1";
 function sameIds(left, right) {
@@ -18465,8 +18532,8 @@ function createChartInstance(deps) {
   const indicators2 = attachIndicatorsPlane({
     chart,
     candleSeries,
-    // A study drawn over bars the active subsession hides would not line up with the series beside
-    // it, so it computes over the painted model rather than the loaded one.
+    // An indicator drawn over bars the active subsession hides would not line up with the series
+    // beside it, so it computes over the painted model rather than the loaded one.
     bars: () => shownBars(),
     i18n,
     formatter: () => symbolFormatter,
@@ -18622,9 +18689,9 @@ function createChartInstance(deps) {
     // 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 } }),
-    // The feed's own grains: a chart never offers, or fetches, an interval its feed cannot serve.
+    // 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_INTERVAL_KEY, value),
+    persist: (key, value) => storage.set(key === "speed" ? REPLAY_SPEED_KEY : REPLAY_TIMEFRAME_KEY, value),
     onChange: () => {
       const state = replay2.snapshot();
       countdown?.refresh();
@@ -18634,7 +18701,7 @@ function createChartInstance(deps) {
       events.emit("replay", state);
     },
     initialSpeed: coerceReplaySpeed(storage.get(REPLAY_SPEED_KEY) ?? deps.preferences.replaySpeed),
-    initialInterval: storage.get(REPLAY_INTERVAL_KEY) ?? deps.preferences.replayInterval ?? "auto"
+    initialGrain: storage.get(REPLAY_TIMEFRAME_KEY) ?? deps.preferences.replayTimeframe ?? "auto"
   });
   const countdownClock = createCountdownClock(() => Date.now() / 1e3, datafeed.serverTime?.bind(datafeed));
   countdown = attachCountdown({
@@ -18681,7 +18748,8 @@ function createChartInstance(deps) {
     setTouchAction: (value) => {
       gestures.style.touchAction = value;
     },
-    // A contributed layer rides the same eye the rail drives, through the drawing plane's verbs.
+    // A contributed layer rides the same eye the drawing toolbar drives, through the drawing
+    // plane's verbs.
     hideState: () => drawings2.verbs?.hide() ?? { mode: "drawings", on: false },
     setHide: (state) => drawings2.verbs?.setHide(state),
     hideLayersChanged: () => drawings2.syncHideLayers()
@@ -19357,7 +19425,7 @@ function createChartInstance(deps) {
     resetAppearance,
     t: () => i18n.t,
     // What is PAINTED, which is the replay slice while replay is on: the data export writes what
-    // the trader can see and never a bar the cursor has not revealed.
+    // the viewer can see and never a bar the cursor has not revealed.
     bars: () => shownBars(),
     // The feed's own statement of how deep its history goes, never the oldest bar that happens to
     // be loaded: the chart opens on a short window, and a preset judged against that would be
@@ -19623,7 +19691,14 @@ function validGeometry(value, catalog) {
 }
 
 // src/widget/layout.ts
-var SYNC_OFF = { symbol: false, interval: false, crosshair: false, time: false, dateRange: false };
+var SYNC_OFF = { symbol: false, timeframe: false, crosshair: false, time: false, dateRange: false };
+var syncSwitches = (stated) => Object.fromEntries(LAYOUT_SYNC_KEYS.map((key) => [key, stated[key] ?? SYNC_OFF[key]]));
+function readSyncFlags(value, defaults) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  const stated = value;
+  if (LAYOUT_SYNC_KEYS.some((key) => key in stated && typeof stated[key] !== "boolean")) return null;
+  return Object.fromEntries(LAYOUT_SYNC_KEYS.map((key) => [key, key in stated ? stated[key] : defaults[key]]));
+}
 var LAYOUT_CONTENT_VERSION = 2;
 var validEntityNamespace = (value) => /^(?:layout:(?:[A-Za-z0-9_.!~*'()-]|%[0-9A-F]{2})+|session:[a-z0-9-]+)$/.test(value);
 var cloneIndicators = (instances) => instances.map((instance) => ({
@@ -19638,7 +19713,7 @@ var cloneTemplate = (template) => ({
 });
 function createLayoutPlane(deps) {
   const slots = [];
-  let flags = { ...SYNC_OFF, ...deps.sync ?? {} };
+  let flags = syncSwitches(deps.sync ?? {});
   const fixedSync = deps.syncOffered ? LAYOUT_SYNC_KEYS.filter((key) => !deps.syncOffered.includes(key)) : [];
   const fixedFlags = { ...flags };
   const holdFixed = (next) => {
@@ -19757,7 +19832,7 @@ function createLayoutPlane(deps) {
       if (!applying) emitActive();
     }));
     slot.unsubscribes.push(handle.on("timeframe", () => {
-      if (flags.interval) fanOut2(index(), (other) => other.setTimeframe(handle.timeframe()));
+      if (flags.timeframe) fanOut2(index(), (other) => other.setTimeframe(handle.timeframe()));
       if (!applying) deps.onChange();
     }));
   };
@@ -20021,15 +20096,14 @@ function createLayoutPlane(deps) {
     if (!arrangement2) throw new Error(`unknown arrangement code ${String(c.arrangement)}`);
     if (charts.length !== arrangement2.count) throw new Error("layout chart count does not match arrangement");
     if (!validGeometry(c.geometry, arrangement2.rects)) throw new Error("invalid layout geometry");
-    const sync = c.sync && typeof c.sync === "object" ? c.sync : null;
-    const keys = LAYOUT_SYNC_KEYS;
-    if (!sync || keys.some((key) => typeof sync[key] !== "boolean")) throw new Error("invalid layout sync flags");
+    const sync = readSyncFlags(c.sync, fixedFlags);
+    if (!sync) throw new Error("invalid layout sync flags");
     if (!Number.isInteger(c.active) || c.active < 0 || c.active >= charts.length) throw new Error("invalid active chart");
     return {
       arrangement: arrangement2,
       identity: { namespace: identity.namespace, next: identity.next },
       geometry: c.geometry.map((rect) => ({ ...rect })),
-      sync: Object.fromEntries(keys.map((key) => [key, sync[key]])),
+      sync,
       active: c.active,
       charts
     };
@@ -20111,7 +20185,7 @@ function createLayoutPlane(deps) {
     setSync(partial) {
       if (removed) return;
       if (fixedSync.length > 0 && Object.keys(partial).every((key) => fixedSync.includes(key))) return;
-      flags = holdFixed({ ...flags, ...partial });
+      flags = holdFixed(syncSwitches({ ...flags, ...partial }));
       deps.onChange();
       emitCommitted();
     },
@@ -20759,9 +20833,9 @@ var FLYOUT_WIDTH = {
   session: 176,
   /** The replay row's starting-point choices, opening upward. */
   replayStart: 177,
-  /** The replay row's update-interval list. The speed list opens at the same width and grows to fit
-   *  its rates. */
-  replayInterval: 196
+  /** The replay row's update-timeframe list. The speed list opens at the same width and grows to
+   *  fit its rates. */
+  replayTimeframe: 196
 };
 
 // src/ui/chrome/bottomBar.ts
@@ -21235,7 +21309,8 @@ function openIndicatorPicker(deps) {
     className: "qc-picker-dialog",
     width: 840,
     refresh: () => redraw(),
-    onClose: () => {
+    // The host's listing is abandoned as the dialog begins to close, not when its exit ends.
+    onClosing: () => {
       cancel();
       offLocale();
     },
@@ -21547,7 +21622,7 @@ var PLACEMENTS2 = [
 ];
 function rowLabels(row2) {
   const names = symbolNames(row2);
-  return { ticker: names.mark, description: names.description, source: row2.exchange || row2.provider || "" };
+  return { ticker: names.mark, description: names.description, source: row2.exchange || row2.dataSource || "" };
 }
 function offeredOperators(spreads) {
   if (spreads === false) return [];
@@ -21776,10 +21851,10 @@ function buildSearchSurface(deps, box, frame) {
         option.appendChild(mark2);
       } else {
         const source3 = h("span", { class: "qc-search-source" });
-        source3.appendChild(h("span", { class: "qc-search-source-text" }, label2.source ? h("span", { class: "qc-search-venue" }, label2.source) : null, h("span", { class: "qc-search-kind" }, r.type)));
+        source3.appendChild(h("span", { class: "qc-search-source-text" }, label2.source ? h("span", { class: "qc-search-source-name" }, label2.source) : null, h("span", { class: "qc-search-kind" }, r.type)));
         if (label2.source) {
           const sourceMark = h("span", { class: "qc-search-mark", "aria-hidden": "true" });
-          const dropSource = r.exchange ? deps.painters.venue?.({ exchange: r.exchange, host: sourceMark, size: SOURCE_MARK_SIZE }) : r.provider ? deps.painters.provider?.({ provider: r.provider, host: sourceMark, size: SOURCE_MARK_SIZE }) : void 0;
+          const dropSource = r.exchange ? deps.painters.venue?.({ exchange: r.exchange, host: sourceMark, size: SOURCE_MARK_SIZE }) : r.dataSource ? deps.painters.dataSource?.({ dataSource: r.dataSource, host: sourceMark, size: SOURCE_MARK_SIZE }) : void 0;
           if (typeof dropSource === "function") {
             sourceMark.dataset.qcHost = "true";
             markDisposers.push(dropSource);
@@ -21886,7 +21961,6 @@ function openSearchDialog(deps) {
     host: deps.host,
     label: title,
     className: `qc-search-dialog qc-search-dialog--${mode}`,
-    animated: true,
     // The compare family (compare, and a compare row's change-symbol) shares one role for a host
     // test to find; a symbol search, with or without a chart behind it, is the other.
     role: mode === "compare" || mode === "change-symbol" ? "compare-dialog" : "symbol-search",
@@ -22021,7 +22095,7 @@ var SORT_LABEL = {
   "modified-desc": "layouts.sortModifiedDesc"
 };
 function listingFacts(t, row2) {
-  return row2.symbol ? row2.timeframe ? t("layouts.listingFacts", { symbol: row2.symbol, interval: timeframeChipLabel(row2.timeframe) }) : row2.symbol : null;
+  return row2.symbol ? row2.timeframe ? t("layouts.listingFacts", { symbol: row2.symbol, timeframe: timeframeChipLabel(row2.timeframe) }) : row2.symbol : null;
 }
 function mountLayoutDialogs(deps) {
   const t = () => deps.i18n.t;
@@ -22037,7 +22111,7 @@ function mountLayoutDialogs(deps) {
   };
   const askName = (question) => {
     raise();
-    asking?.close();
+    asking?.close({ animate: false });
     asking = openNameDialog({
       host: deps.overlays,
       t: t(),
@@ -22189,15 +22263,15 @@ function mountLayoutDialogs(deps) {
         render();
         redraw = render;
         closeBrowser = catalog.onChange(render);
-        browser = {
-          close: () => handle.close()
-        };
+        browser = handle;
         void catalog.refresh().catch(() => {
           deps.notify("error", t()("layouts.errList"));
         });
       },
       initialFocus: (box) => box.querySelector(".qc-layouts-search-input"),
-      onClose: () => {
+      // The dialog lets go of the catalog and its slot as it begins to close, so a Layouts dialog
+      // asked for during the exit opens at once and the leaving one never unsubscribes it.
+      onClosing: () => {
         closeBrowser();
         browser = null;
       }
@@ -22228,8 +22302,8 @@ function mountLayoutDialogs(deps) {
     destroy() {
       raising.clear();
       offLayout();
-      browser?.close();
-      asking?.close();
+      browser?.close({ animate: false });
+      asking?.close({ animate: false });
     }
   };
 }
@@ -22294,7 +22368,7 @@ function arrangementGlyph(code, icons) {
 }
 var SYNC_ROWS = [
   { key: "symbol", label: "layouts.syncSymbol", tip: "layouts.syncSymbolTip", toggle: "layouts.syncSymbolToggle" },
-  { key: "interval", label: "layouts.syncInterval", tip: "layouts.syncIntervalTip", toggle: "layouts.syncIntervalToggle" },
+  { key: "timeframe", label: "layouts.syncTimeframe", tip: "layouts.syncTimeframeTip", toggle: "layouts.syncTimeframeToggle" },
   { key: "crosshair", label: "layouts.syncCrosshair", tip: "layouts.syncCrosshairTip", toggle: "layouts.syncCrosshairToggle" },
   { key: "time", label: "layouts.syncTime", tip: "layouts.syncTimeTip", toggle: "layouts.syncTimeToggle" },
   { key: "dateRange", label: "layouts.syncDateRange", tip: "layouts.syncDateRangeTip", toggle: "layouts.syncDateRangeToggle" }
@@ -22594,8 +22668,8 @@ function mountLayoutsMenu(deps) {
             text: t()("layouts.createNewRow"),
             icon: deps.icons.glyph(ICONS.plusThin, { size: 28 }),
             disabled: !can("widget.layout.create"),
-            // A new layout by the name it is given: the market and interval on screen, nothing else
-            // of the open layout, and the open one left as it was saved.
+            // A new layout by the name it is given: the market and timeframe on screen, nothing
+            // else of the open layout, and the open one left as it was saved.
             onSelect: () => askName({
               title: "layouts.createTitle",
               label: "layouts.newLayoutName",
@@ -22892,7 +22966,6 @@ function mountSettingsMenu(deps) {
       host: deps.overlays,
       label: t()("settings.menu"),
       className: "qc-settings-menu qc-chart-settings-dialog",
-      animated: true,
       width: 750,
       build(box, handle) {
         content = h("div", { class: "qc-dialog-body qc-chart-settings-body" });
@@ -23760,7 +23833,7 @@ function openDatePicker(deps) {
 function speedWords(t, speed) {
   return speed >= 1 ? t("replay.updatesPerSecond", { count: speed }) : t("replay.oneUpdatePerSeconds", { count: Math.round(1 / speed) });
 }
-function intervalWords(t, token) {
+function timeframeWords(t, token) {
   const sec = tfSeconds(token);
   if (sec === 0) return token;
   return timeframeLabel(t, token);
@@ -23931,36 +24004,36 @@ function mountReplayTransport(deps) {
       }
     }));
   };
-  const intervalButton = button2({ label: t()("replay.interval"), text: "", className: "qc-toolbar-button qc-replay-interval", onClick: () => toggleMenu(intervalButton, openIntervalMenu) });
-  intervalButton.setAttribute("aria-haspopup", "menu");
-  const openIntervalMenu = () => {
+  const timeframeButton = button2({ label: t()("replay.timeframe"), text: "", className: "qc-toolbar-button qc-replay-timeframe", onClick: () => toggleMenu(timeframeButton, openTimeframeMenu) });
+  timeframeButton.setAttribute("aria-haspopup", "menu");
+  const openTimeframeMenu = () => {
     const menu2 = hold(openMenu({
       host: deps.chrome,
-      anchor: intervalButton,
-      label: t()("replay.interval"),
+      anchor: timeframeButton,
+      label: t()("replay.timeframe"),
       role: "dialog",
       className: "qc-replay-menu",
-      width: FLYOUT_WIDTH.replayInterval,
+      width: FLYOUT_WIDTH.replayTimeframe,
       placement: "up",
       onClose: () => open2.delete(menu2),
       build(body, menu3) {
-        const heading = menuHeading(t()("replay.interval"));
-        heading.title = t()("replay.intervalHelp");
+        const heading = menuHeading(t()("replay.timeframe"));
+        heading.title = t()("replay.timeframeHelp");
         body.appendChild(heading);
-        const current = handle.replay.interval();
+        const current = handle.replay.timeframe();
         const rows2 = [];
         let previousUnit = null;
-        for (const token of handle.replay.subIntervals()) {
+        for (const token of handle.replay.subTimeframes()) {
           const unit = timeframeGroupUnit(parseTimeframe(token)?.unit ?? "d");
           if (previousUnit !== null && unit !== previousUnit) body.appendChild(menuSeparator());
           previousUnit = unit;
           const row2 = menuItem({
-            text: intervalWords(t(), token),
+            text: timeframeWords(t(), token),
             role: "menuitemradio",
             checked: current === token,
             onSelect: () => {
               menu3.close();
-              commands.execute("chart.replay.setInterval", token);
+              commands.execute("chart.replay.setTimeframe", token);
             }
           });
           rows2.push({ token, row: row2 });
@@ -23969,12 +24042,12 @@ function mountReplayTransport(deps) {
         body.appendChild(menuSeparator());
         body.appendChild(
           switchRow({
-            label: t()("replay.autoSelectInterval"),
+            label: t()("replay.autoSelectTimeframe"),
             checked: current === "auto",
             onChange: (on) => {
-              const first = handle.replay.subIntervals()[0];
-              commands.execute("chart.replay.setInterval", on ? "auto" : first ?? "auto");
-              const now = handle.replay.interval();
+              const first = handle.replay.subTimeframes()[0];
+              commands.execute("chart.replay.setTimeframe", on ? "auto" : first ?? "auto");
+              const now = handle.replay.timeframe();
               for (const entry of rows2) entry.row.setAttribute("aria-checked", String(now === entry.token));
             }
           })
@@ -23994,7 +24067,7 @@ function mountReplayTransport(deps) {
     playPause,
     stepForward,
     speedButton,
-    intervalButton,
+    timeframeButton,
     rule(),
     goLive
   );
@@ -24010,19 +24083,19 @@ function mountReplayTransport(deps) {
     stepForward.hidden = !shown2("chart.replay.stepForward");
     goLive.hidden = !shown2("chart.replay.goLive");
     speedButton.hidden = !shown2("chart.replay.setSpeed");
-    intervalButton.hidden = !shown2("chart.replay.setInterval");
+    timeframeButton.hidden = !shown2("chart.replay.setTimeframe");
     exit.hidden = !shown2("chart.replay.exit");
     setDisabled(stepBack, !commands.available("chart.replay.stepBack") || state.cursor <= 2);
     setDisabled(playPause, !commands.available(playing ? "chart.replay.pause" : "chart.replay.play") || !playing && atLive);
     setDisabled(stepForward, !commands.available("chart.replay.stepForward") || atLive);
     setDisabled(goLive, !commands.available("chart.replay.goLive") || atLive);
     setDisabled(speedButton, !commands.available("chart.replay.setSpeed"));
-    const intervals = handle.replay.subIntervals();
-    const noGrain = intervals.length === 0;
-    setDisabled(intervalButton, noGrain || !commands.available("chart.replay.setInterval"));
+    const grains = handle.replay.subTimeframes();
+    const noGrain = grains.length === 0;
+    setDisabled(timeframeButton, noGrain || !commands.available("chart.replay.setTimeframe"));
     retext(speedButton, t()("replay.speed"), `${state.speed}x`);
-    const resolved = handle.replay.resolvedInterval();
-    retext(intervalButton, noGrain ? t()("replay.intervalNone") : t()("replay.interval"), noGrain ? t()("replay.auto") : timeframeChipLabel(resolved));
+    const resolved = handle.replay.resolvedTimeframe();
+    retext(timeframeButton, noGrain ? t()("replay.timeframeNone") : t()("replay.timeframe"), noGrain ? t()("replay.auto") : timeframeChipLabel(resolved));
     setDisabled(exit, !commands.available("chart.replay.exit"));
     reconcilePicking();
     bar.setAttribute("aria-label", t()("chrome.replay"));
@@ -24053,7 +24126,7 @@ function mountReplayTransport(deps) {
       if (destroyed) return;
       destroyed = true;
       releasePicking();
-      for (const handle2 of [...open2]) handle2.close();
+      for (const handle2 of [...open2]) handle2.close({ animate });
       offStrings();
       const view = bar.ownerDocument.defaultView;
       const exitMs = animate && bar.isConnected ? motionDurationMs(bar, "motion.durationBase") : 0;
@@ -24158,7 +24231,7 @@ function mountChrome(deps) {
     indicatorDialog = openIndicatorPicker({ ...ctx, storage: deps.storage, indicatorPicker: deps.indicatorPicker, initialCollection });
   };
   disposers.push(() => {
-    indicatorDialog?.close();
+    indicatorDialog?.close({ animate: false });
     deps.doors.showIndicatorPicker = () => void 0;
   });
   deps.doors.openSearch = (request) => {
@@ -24213,7 +24286,8 @@ function mountChrome(deps) {
       widget.theme.onChange((theme, mode) => paintThemeRoot(surface, mode, theme)),
       i18n.onChange(() => surface.setAttribute("dir", readingDirection(i18n))),
       () => surface.remove(),
-      // A flyout still open in the layer closes with the rail, taking its document listeners.
+      // A flyout still open in the layer closes with the drawing toolbar, taking its document
+      // listeners.
       () => closeOverlays(deps.layer),
       releasePanelHost
     );
@@ -24404,7 +24478,7 @@ function resolveMarkPainters(hooks) {
   return {
     symbol: hooks.symbolMark ?? null,
     venue: hooks.venueMark ?? null,
-    provider: hooks.providerMark ?? null
+    dataSource: hooks.dataSourceMark ?? null
   };
 }
 
@@ -24857,7 +24931,7 @@ function createChart(options) {
     i18n,
     features,
     ui,
-    // What the chrome keeps is the viewer's own choices about it (favorite and custom intervals,
+    // What the chrome keeps is the viewer's own choices about it (favorite and custom timeframes,
     // starred layouts and indicators, how the layouts sort), which change no layout, so it reads and
     // writes the host's store directly rather than through the save-needed funnel.
     storage: backing,
@@ -25182,7 +25256,7 @@ export {
   attachCompare,
   attachDrawings,
   attachIndicators,
-  autoIntervalFor,
+  autoTimeframeFor,
   buildManifestPlots,
   canvasTheme,
   canvasToBlob,
@@ -25269,7 +25343,7 @@ export {
   sessionTimeline,
   spreadExpression,
   spreadSearchQuery,
-  subIntervalsFor,
+  subTimeframesFor,
   subsessionBarFilter,
   symbolNames,
   tfSeconds,