sbatchman 2.0.2__tar.gz → 2.0.3__tar.gz

{sbatchman-2.0.2/src/sbatchman.egg-info → sbatchman-2.0.3}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: sbatchman
-Version: 2.0.2
+Version: 2.0.3
 Summary: A utility to create, launch and monitor code experiments on SLURM, PBS, or local machines.
 Author: Lorenzo Pichetti
 Author-email: Thomas Pasquali <thomas.pasquali@unitn.it>, Salvatore Andaloro <sbatchman@sasso.dev>

{sbatchman-2.0.2 → sbatchman-2.0.3}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "sbatchman"
-version = "2.0.2"
+version = "2.0.3"
 authors = [
   { name="Thomas Pasquali", email="thomas.pasquali@unitn.it" },
   { name="Salvatore Andaloro", email="sbatchman@sasso.dev" },

{sbatchman-2.0.2 → sbatchman-2.0.3}/src/sbatchman/visualize/static/builder.js

@@ -24,18 +24,46 @@ export function renderDataTable(container, dfData, emptyMsg) {
 }
 
 export function renderMultiPreview(container, labeledTables) {
-  container.innerHTML = '';
-  labeledTables.forEach(({ label, df }) => {
-    const lbl = document.createElement('div');
+  container.replaceChildren();
+  labeledTables.forEach(({ label, df }, index) => {
+    const lbl = document.createElement('button');
+    lbl.type = 'button';
     lbl.className = 'preview-section-label';
     lbl.textContent = label;
-    container.appendChild(lbl);
     const box = document.createElement('div');
-    renderDataTable(box, df);
-    container.appendChild(box);
+    box.hidden = index !== 0;
+    let rendered = false;
+    const render = () => {
+      if (rendered) return;
+      renderDataTable(box, df);
+      rendered = true;
+    };
+    lbl.setAttribute('aria-expanded', String(index === 0));
+    lbl.addEventListener('click', () => {
+      const open = box.hidden;
+      box.hidden = !open;
+      lbl.setAttribute('aria-expanded', String(open));
+      if (open) render();
+    });
+    container.append(lbl, box);
+    if (index === 0) render();
   });
 }
 
+export function deferDataPreview(container, render) {
+  if (!container) return;
+  container._pendingPreviewRender = render;
+  container.replaceChildren();
+  if (container.classList.contains('open')) renderPendingDataPreview(container);
+}
+
+export function renderPendingDataPreview(container) {
+  if (!container?._pendingPreviewRender) return;
+  const render = container._pendingPreviewRender;
+  container._pendingPreviewRender = null;
+  render();
+}
+
 // --- Plot type chips / extra options ----------------------------------
 export function renderPlotChips(id) {
   const wrap = document.getElementById(`chips-${id}`);
@@ -384,6 +412,7 @@ export function enhanceCodeEditors(root = document) {
     if (!layer) {
       const wrapper = document.createElement('div');
       wrapper.className = 'code-editor-wrap';
+      if (editor.classList.contains('tick-formatter-editor')) wrapper.classList.add('tick-formatter-wrap');
       editor.parentNode.insertBefore(wrapper, editor);
       wrapper.appendChild(editor);
       layer = document.createElement('pre');
@@ -392,7 +421,13 @@ export function enhanceCodeEditors(root = document) {
       wrapper.insertBefore(layer, editor);
       editor._codeHighlightLayer = layer;
       editor.classList.add('highlight-ready');
-      editor.addEventListener('input', () => enhanceCodeEditors(editor));
+      editor.addEventListener('input', () => {
+        if (editor._highlightFrame) return;
+        editor._highlightFrame = requestAnimationFrame(() => {
+          editor._highlightFrame = 0;
+          enhanceCodeEditors(editor);
+        });
+      });
       editor.addEventListener('scroll', () => {
         layer.scrollTop = editor.scrollTop;
         layer.scrollLeft = editor.scrollLeft;
@@ -561,6 +596,7 @@ document.addEventListener('keydown', event => {
 });
 
 Object.assign(window, {
-  renderDataTable, renderMultiPreview, renderPlotChips, renderExtraOpts, renderPlotSpecificFields,
+  renderDataTable, renderMultiPreview, deferDataPreview, renderPendingDataPreview,
+  renderPlotChips, renderExtraOpts, renderPlotSpecificFields,
   updateAxisControls, builderColumnsHTML, wireBuilderColumns, runShow, enhanceCodeEditors,
 });

{sbatchman-2.0.2 → sbatchman-2.0.3}/src/sbatchman/visualize/static/config.js

@@ -410,6 +410,7 @@ export function wireConfigControls() {
   });
 
   document.getElementById('btn-export-all').addEventListener('click', async event => {
+    const exportButton = event.currentTarget;
     // window.getTabConfig here too, and for the same reason: this is a
     // *workspace* export, exactly the shape style_addon.js's window.download
     // wrap looks for to inject the global style.
@@ -423,7 +424,7 @@ export function wireConfigControls() {
       return;
     }
     const json = JSON.stringify(ws, null, 2);
-    openWorkspaceExportMenu(event.currentTarget, json, `workspace-${Date.now()}.json`);
+    openWorkspaceExportMenu(exportButton, json, `workspace-${Date.now()}.json`);
   });
   document.getElementById('btn-import-all').addEventListener('click', () => document.getElementById('import-ws-file-input').click());
   document.getElementById('import-ws-file-input').addEventListener('change', e => {

{sbatchman-2.0.2 → sbatchman-2.0.3}/src/sbatchman/visualize/static/log.js

@@ -15,6 +15,8 @@ export function addLogEntry(e) {
   div.className = `log-entry ${e.level}`;
   div.innerHTML = `<span class="log-ts">${e.ts}</span><span class="log-msg">${escHtml(e.msg)}</span>`;
   body.appendChild(div);
+  // Keep long sessions responsive instead of retaining every log row forever.
+  while (body.childElementCount > 500) body.firstElementChild.remove();
   body.scrollTop = body.scrollHeight;
   G.logCount++;
   const badge = document.getElementById('log-badge');

{sbatchman-2.0.2 → sbatchman-2.0.3}/src/sbatchman/visualize/static/plotting.js

@@ -3,7 +3,7 @@
 // needs help with that it won't do on its own.
 import { G, getState, tabEl, currentDb } from './state.js';
 import { api, addLogEntries, clientLog } from './log.js';
-import { renderDataTable, renderMultiPreview } from './builder.js';
+import { renderDataTable, renderMultiPreview, deferDataPreview } from './builder.js';
 // updateAxisControls is deliberately NOT imported here: axis_addon.js wraps
 // window.updateAxisControls to refresh the y2/error-column selects whenever
 // fresh columns arrive, and a static import would bypass that wrap (see the
@@ -122,7 +122,8 @@ export async function runPlot() {
       const hint = res.truncated ? ' (truncated to 10k rows)' : '';
       setStatus(tabId, `OK — Matplotlib rendered${hint}`, 'ok');
       clientLog(`Matplotlib plot rendered: "${tab.label}"${hint}`);
-      renderDataTable(document.getElementById(`preview-${tabId}`), res.preview);
+      const preview = document.getElementById(`preview-${tabId}`);
+      deferDataPreview(preview, () => renderDataTable(preview, res.preview));
       return;
     }
     showPlotlyFigure(tabId);
@@ -143,7 +144,8 @@ export async function runPlot() {
     const hint = res.truncated ? ' (truncated to 10k rows)' : '';
     setStatus(tabId, `OK — ${res.traces.length} trace(s), ${res.columns?.length || 0} column(s)${hint}`, 'ok');
     clientLog(`Plot rendered: "${tab.label}" — ${res.traces.length} trace(s)${hint}`);
-    renderDataTable(document.getElementById(`preview-${tabId}`), res.preview);
+    const preview = document.getElementById(`preview-${tabId}`);
+    deferDataPreview(preview, () => renderDataTable(preview, res.preview));
   } catch (e) {
     document.getElementById('btn-run').disabled = false;
     setStatus(tabId, e.message, 'err');
@@ -185,7 +187,8 @@ export async function runGridPlot(tabId) {
       setStatus(tabId, `OK — ${res.panel_count || panels.length} panel(s), Matplotlib rendered`, 'ok');
       clientLog(`Matplotlib grid rendered: "${tab.label}" — ${res.panel_count || panels.length} panel(s)`);
       const labeled = (res.previews || []).map((df, i) => ({ label: `Panel ${i + 1}`, df }));
-      renderMultiPreview(document.getElementById(`preview-${tabId}`), labeled);
+      const preview = document.getElementById(`preview-${tabId}`);
+      deferDataPreview(preview, () => renderMultiPreview(preview, labeled));
       return;
     }
     showPlotlyFigure(tabId);
@@ -214,7 +217,8 @@ export async function runGridPlot(tabId) {
     clientLog(`Grid figure rendered: "${tab.label}" — ${panelCount} panel(s)`);
 
     const labeled = (res.previews || []).map((df, i) => ({ label: `Panel ${i + 1}`, df }));
-    renderMultiPreview(document.getElementById(`preview-${tabId}`), labeled);
+    const preview = document.getElementById(`preview-${tabId}`);
+    deferDataPreview(preview, () => renderMultiPreview(preview, labeled));
   } catch (e) {
     document.getElementById('btn-run').disabled = false;
     setStatus(tabId, e.message, 'err');

{sbatchman-2.0.2 → sbatchman-2.0.3}/src/sbatchman/visualize/static/tabs.js

@@ -105,6 +105,7 @@ function wireWorkspace(id) {
   document.getElementById(`preview-toggle-${id}`).addEventListener('click', () => {
     const pv = document.getElementById(`preview-${id}`);
     const open = pv.classList.toggle('open');
+    if (open) window.renderPendingDataPreview?.(pv);
     document.querySelector(`#ws-${id} .plot-area`)?.classList.toggle('preview-open', open);
     document.getElementById(`preview-toggle-${id}`).textContent = open ? 'Data ▴' : 'Data ▾';
     resizePlot(id);

{sbatchman-2.0.2 → sbatchman-2.0.3}/src/sbatchman/visualize/webapp.html

@@ -161,7 +161,9 @@ textarea{resize:vertical}
   flex:0 0 var(--preview-height,25%)}
 .plot-area>.data-preview.open{display:block}
 .preview-section-label{font-size:9px;color:var(--text3);padding:5px 10px;background:var(--bg3);
-  text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}
+  text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0;display:block;width:100%;border:0;
+  text-align:left;font-family:var(--sans);cursor:pointer}
+.preview-section-label:hover{color:var(--accent2)}
 table.data-table{border-collapse:collapse;font-family:var(--mono);font-size:10px;width:max-content;min-width:100%}
 table.data-table th{position:sticky;top:0;background:var(--bg4);color:var(--accent2);text-align:left;
   padding:4px 8px;border-bottom:1px solid var(--border2);white-space:nowrap}
@@ -267,6 +269,7 @@ table.data-table tr:hover td{background:var(--bg3)}
 .script-paths-dialog textarea{min-height:220px;resize:vertical}
 .script-paths-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
 .code-editor-wrap{position:relative;display:grid;width:100%;min-width:0;min-height:150px;background:#0b1016;border:1px solid #46515e;border-radius:var(--radius);overflow:hidden}
+.code-editor-wrap.tick-formatter-wrap{min-height:88px}
 .code-highlight{position:absolute;inset:0;margin:0;padding:9px 10px;overflow:hidden;pointer-events:none;
   color:#e6edf3;font-family:var(--mono);font-size:12px;line-height:1.5;tab-size:4;white-space:pre}
 .code-editor{position:relative;z-index:1;grid-area:1/1;display:block;width:100%;height:190px;min-height:150px;padding:9px 10px;
@@ -280,7 +283,7 @@ table.data-table tr:hover td{background:var(--bg3)}
 .code-editor-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,212,212,.12)}
 .sql-editor{height:145px;min-height:110px}
 .python-editor{height:175px;min-height:120px}
-.python-editor.tick-formatter-editor{height:88px;min-height:70px}
+.python-editor.tick-formatter-editor{height:88px;min-height:88px;resize:vertical;overflow:auto}
 .grid-dimension{width:4rem!important;min-width:4rem!important;padding:3px 4px!important;color:#f0f6fc!important;background:#0b1016!important;
   border-color:#66717f!important;font-size:12px!important;font-weight:600;letter-spacing:.01em}
 .grid-gap{width:4rem!important;min-width:4rem!important;padding:3px 4px!important;color:#f0f6fc!important;background:#0b1016!important;

{sbatchman-2.0.2 → sbatchman-2.0.3/src/sbatchman.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: sbatchman
-Version: 2.0.2
+Version: 2.0.3
 Summary: A utility to create, launch and monitor code experiments on SLURM, PBS, or local machines.
 Author: Lorenzo Pichetti
 Author-email: Thomas Pasquali <thomas.pasquali@unitn.it>, Salvatore Andaloro <sbatchman@sasso.dev>