better-rtplot 0.4.11__tar.gz → 0.4.15__tar.gz

better_rtplot-0.4.15/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 jmontp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

{better_rtplot-0.4.11 → better_rtplot-0.4.15}/PKG-INFO

@@ -1,12 +1,12 @@
 Metadata-Version: 2.1
 Name: better-rtplot
-Version: 0.4.11
+Version: 0.4.15
 Summary: 
-License: GPL V3.0
+License: MIT
 Author: jmontp
 Author-email: jmontp@umich.edu
 Requires-Python: >=3.9,<3.13
-Classifier: License :: Other/Proprietary License
+Classifier: License :: OSI Approved :: MIT License
 Classifier: Programming Language :: Python :: 3
 Classifier: Programming Language :: Python :: 3.9
 Classifier: Programming Language :: Python :: 3.10
@@ -67,6 +67,11 @@ Sender and server don't have to be on the same machine — see the
 No Python needed on the viewing machine. On Windows the binary opens
 a small Tk status window showing the listening URL.
 
+To arrange several plots side by side, start the server with
+`./rtplot-server --columns 2` (or `--columns 3`). The Python server accepts
+the same option: `python -m rtplot.server_browser --columns 2`. See the
+[multi-column example](examples/05_multi_column/).
+
 **Client** — pip install in the env that runs your script:
 
 ```bash
@@ -127,8 +132,10 @@ A rising line now draws itself in the browser tab.
 - **Config lives with the data.** The sender declares plot layout.
 - **Interactive controls.** Buttons, sliders, dials, displays — polled
   from your loop, no threads, no callbacks.
+- **LaTeX labels.** Use `$...$` or `\(...\)` in plot and control text;
+  the server bundles KaTeX and works offline.
 - **Static HTML snapshots.** `save_snapshot("out.html")` writes a
-  self-contained ~65 KB file with the current trace embedded.
+  self-contained file with the current trace and math rendering embedded.
 
 ---
 

{better_rtplot-0.4.11 → better_rtplot-0.4.15}/README.md

@@ -43,6 +43,11 @@ Sender and server don't have to be on the same machine — see the
 No Python needed on the viewing machine. On Windows the binary opens
 a small Tk status window showing the listening URL.
 
+To arrange several plots side by side, start the server with
+`./rtplot-server --columns 2` (or `--columns 3`). The Python server accepts
+the same option: `python -m rtplot.server_browser --columns 2`. See the
+[multi-column example](examples/05_multi_column/).
+
 **Client** — pip install in the env that runs your script:
 
 ```bash
@@ -103,8 +108,10 @@ A rising line now draws itself in the browser tab.
 - **Config lives with the data.** The sender declares plot layout.
 - **Interactive controls.** Buttons, sliders, dials, displays — polled
   from your loop, no threads, no callbacks.
+- **LaTeX labels.** Use `$...$` or `\(...\)` in plot and control text;
+  the server bundles KaTeX and works offline.
 - **Static HTML snapshots.** `save_snapshot("out.html")` writes a
-  self-contained ~65 KB file with the current trace embedded.
+  self-contained file with the current trace and math rendering embedded.
 
 ---
 

{better_rtplot-0.4.11 → better_rtplot-0.4.15}/pyproject.toml

@@ -1,9 +1,9 @@
 [tool.poetry]
 name = "better-rtplot"
-version = "0.4.11"
+version = "0.4.15"
 description = ""
 authors = ["jmontp <jmontp@umich.edu>"]
-license = "GPL V3.0"
+license = "MIT"
 readme = "README.md"
 packages = [{include = "rtplot"}]
 include = ["rtplot/static/*", "rtplot/static/katex/*", "rtplot/static/katex/fonts/*"]

{better_rtplot-0.4.11 → better_rtplot-0.4.15}/rtplot/client.py

@@ -90,6 +90,7 @@ else:
 SENDING_PLOT_UPDATE = "0"
 SENDING_DATA = "1"
 SENDING_DISPLAY = "4"
+SENDING_TEXT_INPUT = "5"
 
 #Lightweight result type returned by poll_controls()
 ControlState = namedtuple("ControlState", ["values", "buttons"])
@@ -138,6 +139,7 @@ class Plot:
     names: List[str]
     colors: Optional[List[str]] = None
     line_style: Optional[List[str]] = None
+    show: Optional[List[bool]] = None
     line_width: Optional[float] = None
     title: Optional[str] = None
     xlabel: Optional[str] = None
@@ -151,6 +153,7 @@ class Plot:
             "names": list(self.names),
             "colors": list(self.colors) if self.colors is not None else None,
             "line_style": list(self.line_style) if self.line_style is not None else None,
+            "show": list(self.show) if self.show is not None else None,
             "line_width": self.line_width,
             "title": self.title,
             "xlabel": self.xlabel,
@@ -590,6 +593,18 @@ def set_display(display_id: str, value):
     socket.send_json({"id": str(display_id), "value": payload_value})
 
 
+def set_text_input(input_id: str, value):
+    """Push a text_input control value to the browser and server state.
+
+    This is the editable-control companion to set_display(). It updates
+    declared 'text_input' controls without rebuilding the full plot config,
+    and the server keeps the value as the current control state returned by
+    poll_controls().
+    """
+    socket.send_string(SENDING_TEXT_INPUT, zmq.SNDMORE)
+    socket.send_json({"id": str(input_id), "value": str(value)})
+
+
 def poll_controls():
     """Drain the return channel non-blocking and return current control state.
 
@@ -644,7 +659,8 @@ def save_snapshot(path, server_url=None, animate=False, timeout=5.0):
 
     The server exposes a ``/snapshot.html`` endpoint that renders the
     current plot state as a self-contained HTML file with uPlot's JS +
-    CSS inlined plus the most recent window of trace data. The result
+    CSS inlined plus the most recent window of trace data. Vendored KaTeX
+    assets are also inlined, so LaTeX plot labels render offline. The result
     opens in any browser offline and looks pixel-identical to what the
     live tab was showing. Ideal for committing reproducible example
     previews to a repo or emailing a static "here's what I was seeing"

{better_rtplot-0.4.11 → better_rtplot-0.4.15}/rtplot/server_browser.py

@@ -20,7 +20,9 @@ subscribed tab's PUSH socket.
 
 import argparse
 import asyncio
+import base64
 import dataclasses
+import hashlib
 import json
 import os
 import socket
@@ -96,8 +98,17 @@ parser.add_argument(
 parser.add_argument(
     "-c",
     "--column",
-    help="Create new plots in separate columns instead of rows",
-    action="store_false",
+    dest="columns",
+    help="Shortcut for --columns 2",
+    action="store_const",
+    const=2,
+)
+
+parser.add_argument(
+    "--columns",
+    type=int,
+    metavar="N",
+    help="Arrange plots in N columns (default: 1)",
 )
 
 parser.add_argument(
@@ -178,7 +189,9 @@ parser.add_argument(
 
 args = parser.parse_args()
 
-NEW_SUBPLOT_IN_ROW = args.column
+PLOT_COLUMNS = args.columns if args.columns is not None else 1
+if PLOT_COLUMNS < 1:
+    parser.error("--columns must be at least 1")
 DEBUG_TEXT_ENABLED = args.debug
 SKIP_PLOT_DATAPOINTS = args.skip
 ADAPT_SKIP_PLOT_DATAPOINTS = args.adaptable
@@ -215,6 +228,7 @@ RECEIVED_PLOT_UPDATE = 0
 RECEIVED_DATA = 1
 SAVE_PLOT = 3
 RECEIVED_DISPLAY = 4
+RECEIVED_TEXT_INPUT = 5
 
 BIND_ME_ID = "bind_me"
 BIND_ME_NAME = "Shared - Bind to me"
@@ -376,6 +390,7 @@ class Tab:
     control_rows: list = field(default_factory=list)
     slider_values: dict = field(default_factory=dict)
     text_values: dict = field(default_factory=dict)
+    text_dirty: set = field(default_factory=set)
     display_values: dict = field(default_factory=dict)
     display_dirty: set = field(default_factory=set)
     fps: float = 0.0
@@ -561,6 +576,7 @@ def parse_config(tab: Tab, json_config):
         for text_id, default_value in text_values.items()
         if text_id in active_text_ids
     }
+    tab.text_dirty = {text_id for text_id in tab.text_dirty if text_id in active_text_ids}
     tab.layout = layout
 
     num_traces = sum(traces_per_plot)
@@ -602,7 +618,8 @@ def build_config_message(tab: Tab, config_dict) -> dict:
         "slider_values": dict(tab.slider_values),
         "text_values": dict(tab.text_values),
         "display_values": dict(tab.display_values),
-        "row_layout": bool(NEW_SUBPLOT_IN_ROW),
+        "columns": PLOT_COLUMNS,
+        "row_layout": PLOT_COLUMNS == 1,
     }
 
 
@@ -1056,6 +1073,20 @@ async def zmq_receiver(tab: Tab):
                 tab.display_values[display_id] = value
                 tab.display_dirty.add(display_id)
 
+        elif category == RECEIVED_TEXT_INPUT:
+            payload = await sock.recv_json()
+            text_id = payload.get("id")
+            if text_id is None:
+                continue
+            value = str(payload.get("value", ""))
+            if tab.text_values.get(text_id) != value:
+                tab.text_values[text_id] = value
+                tab.text_dirty.add(text_id)
+                refresh_config_message(tab)
+                await send_control_event(
+                    tab, {"type": "text", "id": text_id, "value": value}
+                )
+
 
 ###############################
 # Pusher tasks #
@@ -1078,6 +1109,23 @@ async def display_pusher():
             )
 
 
+async def text_input_pusher():
+    """Push dirty text_input values to viewers at ~30 Hz, per tab."""
+    target_dt = 1.0 / 30.0
+    while True:
+        await asyncio.sleep(target_dt)
+        if not ws_clients:
+            continue
+        for t in list(tabs.values()):
+            if not t.text_dirty:
+                continue
+            values = {k: t.text_values[k] for k in t.text_dirty}
+            t.text_dirty = set()
+            await broadcast_text_tab(
+                t.id, {"type": "text_update", "tab": t.id, "values": values}
+            )
+
+
 async def ws_pusher():
     """Push new samples to viewers as binary delta frames, per tab."""
     target_dt = 1.0 / max(1, args.rate)
@@ -1324,8 +1372,21 @@ def _read_static_asset(name: str) -> str:
         return fh.read()
 
 
-# Loaded once at import time so per-request cost is just the send.
+# Loaded once at import time so per-request cost is just the send. Version the
+# asset URLs by their contents: browsers can otherwise keep an old or damaged
+# KaTeX script after the executable is updated while fetching the new HTML.
 _INDEX_HTML = _read_static_asset("index.html")
+for _asset in (
+    "uPlot.min.css",
+    "uPlot.iife.min.js",
+    "katex/katex.min.css",
+    "katex/katex.min.js",
+    "katex/auto-render.min.js",
+):
+    _digest = hashlib.sha256(_read_static_asset(_asset).encode("utf-8")).hexdigest()[:12]
+    _INDEX_HTML = _INDEX_HTML.replace(
+        f'"/static/{_asset}"', f'"/static/{_asset}?v={_digest}"'
+    )
 
 
 async def handle_index(request):
@@ -1464,12 +1525,13 @@ _SNAPSHOT_TEMPLATE = """<!doctype html>
 <meta charset="utf-8" />
 <title>rtplot snapshot</title>
 <style>__UPLOT_CSS__</style>
+<style>__KATEX_CSS__</style>
 <style>
   html, body { margin: 0; padding: 0; background: #fafafa; color: #222;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
-  #plots { display: flex; flex-direction: column; gap: 12px;
-           max-width: 900px; margin: 0 auto; padding: 20px 16px; }
-  .plot-wrap { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 8px; }
+  #plots { display: grid; grid-template-columns: repeat(var(--plot-columns, 1), minmax(320px, 1fr));
+           gap: 12px; overflow-x: auto; max-width: 900px; margin: 0 auto; padding: 20px 16px; }
+  .plot-wrap { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 8px; min-width: 0; }
   .snap-footer { text-align: center; font-size: 12px; color: #999; padding: 8px 0 20px; }
   .snap-footer a { color: #2a5db0; text-decoration: none; }
   .snap-footer a:hover { text-decoration: underline; }
@@ -1483,10 +1545,14 @@ _SNAPSHOT_TEMPLATE = """<!doctype html>
   &middot; drag to zoom, double-click to reset
 </p>
 <script>__UPLOT_JS__</script>
+<script>__KATEX_JS__</script>
+<script>__KATEX_AUTO_RENDER_JS__</script>
 <script>
 (function () {
   const SNAP = __SNAPSHOT_JSON__;
   const plotsDiv = document.getElementById('plots');
+  plotsDiv.style.setProperty('--plot-columns', SNAP.columns || 1);
+  plotsDiv.style.maxWidth = `${900 * (SNAP.columns || 1)}px`;
   const COLOR_MAP = { r:'rgb(255,0,0)', g:'rgb(0,200,0)', b:'rgb(0,0,255)',
                       c:'rgb(0,200,200)', m:'rgb(200,0,200)',
                       y:'rgb(200,200,0)', k:'rgb(0,0,0)' };
@@ -1526,7 +1592,7 @@ _SNAPSHOT_TEMPLATE = """<!doctype html>
       data.push(Float64Array.from(src));
     }
     const opts = {
-      width: Math.max(640, plotsDiv.clientWidth - 40),
+      width: Math.max(240, wrap.clientWidth - 16),
       height: 260,
       title: pcfg.title || '',
       scales: {
@@ -1539,10 +1605,19 @@ _SNAPSHOT_TEMPLATE = """<!doctype html>
       cursor: { drag: { x: true, y: false } },
     };
     const u = new uPlot(opts, data, wrap);
-    plots.push({ uplot: u, data: data, xs: xs, xrange: xrange,
+    plots.push({ uplot: u, wrap: wrap, data: data, xs: xs, xrange: xrange,
                  traceCount: traceCount, startIdx: traceOffset });
     traceOffset += traceCount;
   });
+  renderMathInElement(plotsDiv, {
+    delimiters: [
+      { left: '$$', right: '$$', display: true },
+      { left: '\\\\[', right: '\\\\]', display: true },
+      { left: '\\\\(', right: '\\\\)', display: false },
+      { left: '$', right: '$', display: false },
+    ],
+    throwOnError: false,
+  });
   if (SNAP.animate) {
     let phase = 0;
     setInterval(function () {
@@ -1564,7 +1639,7 @@ _SNAPSHOT_TEMPLATE = """<!doctype html>
   window.addEventListener('resize', function () {
     plots.forEach(function (p) {
       p.uplot.setSize({
-        width: Math.max(640, plotsDiv.clientWidth - 40),
+        width: Math.max(240, p.wrap.clientWidth - 16),
         height: 260,
       });
     });
@@ -1579,9 +1654,31 @@ _SNAPSHOT_TEMPLATE = """<!doctype html>
 try:
     _UPLOT_JS = _read_static_asset("uPlot.iife.min.js")
     _UPLOT_CSS = _read_static_asset("uPlot.min.css")
+    _KATEX_JS = _read_static_asset(os.path.join("katex", "katex.min.js"))
+    _KATEX_AUTO_RENDER_JS = _read_static_asset(
+        os.path.join("katex", "auto-render.min.js")
+    )
+    _KATEX_CSS = _read_static_asset(os.path.join("katex", "katex.min.css"))
+    # Snapshot files have no sibling font directory. Inline the vendored
+    # WOFF2 faces so equations keep their layout when opened offline.
+    _KATEX_FONT_DIR = os.path.join(
+        os.path.dirname(os.path.abspath(__file__)), "static", "katex", "fonts"
+    )
+    for _font_name in os.listdir(_KATEX_FONT_DIR):
+        if not _font_name.endswith(".woff2"):
+            continue
+        with open(os.path.join(_KATEX_FONT_DIR, _font_name), "rb") as _font_file:
+            _font_data = base64.b64encode(_font_file.read()).decode("ascii")
+        _KATEX_CSS = _KATEX_CSS.replace(
+            f"url(fonts/{_font_name})",
+            f"url(data:font/woff2;base64,{_font_data})",
+        )
 except Exception as _exc:  # noqa: BLE001
     _UPLOT_JS = f"/* uPlot load failed: {_exc} */"
     _UPLOT_CSS = ""
+    _KATEX_JS = f"/* KaTeX load failed: {_exc} */"
+    _KATEX_AUTO_RENDER_JS = ""
+    _KATEX_CSS = ""
 
 
 def _build_snapshot_html(tab: Tab, animate: bool) -> str:
@@ -1624,6 +1721,7 @@ def _build_snapshot_html(tab: Tab, animate: bool) -> str:
 
     payload = {
         "plots": plots,
+        "columns": PLOT_COLUMNS,
         "num_samples": int(hi - lo),
         "trace_data": trace_data,
         "animate": bool(animate),
@@ -1631,7 +1729,13 @@ def _build_snapshot_html(tab: Tab, animate: bool) -> str:
     html = _SNAPSHOT_TEMPLATE
     html = html.replace("__UPLOT_CSS__", _UPLOT_CSS)
     html = html.replace("__UPLOT_JS__", _UPLOT_JS)
-    html = html.replace("__SNAPSHOT_JSON__", json.dumps(payload))
+    html = html.replace("__KATEX_CSS__", _KATEX_CSS)
+    html = html.replace("__KATEX_JS__", _KATEX_JS)
+    html = html.replace("__KATEX_AUTO_RENDER_JS__", _KATEX_AUTO_RENDER_JS)
+    # Keep client-supplied labels from closing the script element while
+    # preserving their exact value when JavaScript parses the payload.
+    snapshot_json = json.dumps(payload).replace("<", "\\u003c")
+    html = html.replace("__SNAPSHOT_JSON__", snapshot_json)
     return html
 
 
@@ -1682,11 +1786,12 @@ async def on_startup(app):
 
     app["ws_task"] = asyncio.create_task(ws_pusher())
     app["display_task"] = asyncio.create_task(display_pusher())
+    app["text_input_task"] = asyncio.create_task(text_input_pusher())
     app["resources_task"] = asyncio.create_task(resources_pusher())
 
 
 async def on_cleanup(app):
-    for key in ("ws_task", "display_task", "resources_task"):
+    for key in ("ws_task", "display_task", "text_input_task", "resources_task"):
         await _cancel_task(app.get(key))
     for t in list(tabs.values()):
         await _cancel_task(t.receiver_task)

{better_rtplot-0.4.11 → better_rtplot-0.4.15}/rtplot/static/index.html

@@ -62,10 +62,9 @@
   #ws-status { font-size: calc(12px * var(--ui-scale)); color: #666; margin-left: auto; }
 
   /* -------- Plots + controls (existing) -------- */
-  #plots { display: flex; padding: 12px; gap: 12px; }
-  #plots.row { flex-direction: column; }
-  #plots.col { flex-direction: row; flex-wrap: wrap; }
-  .plot-wrap { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 8px; flex: 1 1 auto; min-width: 320px; }
+  #plots { display: grid; grid-template-columns: repeat(var(--plot-columns, 1), minmax(320px, 1fr)); padding: 12px; gap: 12px; overflow-x: auto; }
+  .plot-wrap { background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 8px; min-width: 0; }
+  #plots .ctrl-row, #plots #empty-state { grid-column: 1 / -1; }
   .plot-title { font-size: 13px; font-weight: 600; margin: 0 0 4px 4px; color: #333; }
   #empty-state { padding: 28px 32px; color: #888; font-size: calc(14px * var(--ui-scale)); font-style: italic; }
   /* Persistent banner the server raises when a client-supplied plot
@@ -265,6 +264,8 @@
       // a typo in someone's label can't blow up the whole page.
       const _latexDelims = [
         { left: '$$', right: '$$', display: true },
+        { left: '\\[', right: '\\]', display: true },
+        { left: '\\(', right: '\\)', display: false },
         { left: '$', right: '$', display: false },
       ];
       function renderLatexIn(el) {
@@ -301,6 +302,26 @@
       const resTabRates = document.getElementById('res-tab-rates');
       const resUnavail = document.getElementById('res-unavail');
 
+      // A failed KaTeX download can still leave auto-render defined, but its
+      // closure then holds an undefined KaTeX reference. Retry both scripts
+      // in order with fresh URLs and render labels already on the page.
+      if (typeof katex === 'undefined') {
+        const retry = Date.now();
+        const core = document.createElement('script');
+        core.src = `/static/katex/katex.min.js?retry=${retry}`;
+        core.onload = () => {
+          if (typeof katex === 'undefined') return;
+          const autoRender = document.createElement('script');
+          autoRender.src = `/static/katex/auto-render.min.js?retry=${retry}`;
+          autoRender.onload = () => {
+            renderLatexIn(plotsDiv);
+            tabbar.querySelectorAll('.tab-name').forEach(renderLatexIn);
+          };
+          document.head.appendChild(autoRender);
+        };
+        document.head.appendChild(core);
+      }
+
       // ---- Detect the monitor's refresh rate on page load ----
       let monitorHz = 0;
       (function measureMonitorHz() {
@@ -810,6 +831,7 @@
         const colors = pcfg.colors || DEFAULT_COLORS;
         const widths = pcfg.line_width || [];
         const styles = pcfg.line_style || [];
+        const shows = pcfg.show || [];
 
         const series = [{}];
         for (let t = 0; t < traceCount; t++) {
@@ -821,6 +843,7 @@
             dash: dash || undefined,
             points: { show: false },
             spanGaps: true,
+            show: shows[t] !== false,
           });
         }
 
@@ -829,8 +852,12 @@
         const plotHeight = (Number.isFinite(heightMul) && heightMul > 0)
           ? Math.round(baseHeight * heightMul)
           : baseHeight;
+        const wrap = document.createElement('div');
+        wrap.className = 'plot-wrap';
+        plotsDiv.appendChild(wrap);
+
         const opts = {
-          width: Math.max(640, plotsDiv.clientWidth - 40),
+          width: Math.max(240, wrap.clientWidth - 16),
           height: plotHeight,
           title: pcfg.title || '',
           scales: {
@@ -846,10 +873,6 @@
           cursor: { drag: { x: false, y: false } },
         };
 
-        const wrap = document.createElement('div');
-        wrap.className = 'plot-wrap';
-        plotsDiv.appendChild(wrap);
-
         const buffers = [];
         for (let t = 0; t < traceCount; t++) {
           const buf = new Float32Array(xrange);
@@ -863,6 +886,7 @@
         const u = new uPlot(opts, initialData, wrap);
         plots.push({
           uplot: u,
+          wrap: wrap,
           xs: xs,
           traceCount: traceCount,
           startIdx: traceOffset,
@@ -875,8 +899,8 @@
 
       function buildPlots(cfg) {
         destroyPlots();
-        plotsDiv.classList.toggle('row', cfg.row_layout);
-        plotsDiv.classList.toggle('col', !cfg.row_layout);
+        const columns = Number(cfg.columns) || (cfg.row_layout === false ? 2 : 1);
+        plotsDiv.style.setProperty('--plot-columns', Math.max(1, Math.floor(columns)));
 
         const controls = cfg.controls || [];
         const layout = (cfg.layout && cfg.layout.length)
@@ -889,7 +913,7 @@
           if (entry.kind === 'plot') {
             const pcfg = cfg.plots[entry.index];
             if (!pcfg) return;
-            traceOffset += buildOnePlot(pcfg, cfg.row_layout, traceOffset);
+            traceOffset += buildOnePlot(pcfg, columns === 1, traceOffset);
           } else if (entry.kind === 'controls') {
             const row = controls[entry.index];
             if (!row) return;
@@ -1320,6 +1344,9 @@
             } else if (msg.type === 'display_update') {
               if (msg.tab && msg.tab !== activeTab) return;
               applyDisplayValues(msg.values);
+            } else if (msg.type === 'text_update') {
+              if (msg.tab && msg.tab !== activeTab) return;
+              applyTextValues(msg.values);
             } else if (msg.type === 'peer_count') {
               const n = Number(msg.count) || 0;
               if (lastStatus.peers !== n) {
@@ -1339,7 +1366,7 @@
       window.addEventListener('resize', () => {
         plots.forEach(p => {
           p.uplot.setSize({
-            width: Math.max(640, plotsDiv.clientWidth - 40),
+            width: Math.max(240, p.wrap.clientWidth - 16),
             height: p.height,
           });
         });