@datalabz_/dashboard-kit 6.0.0 → 6.0.2

package/README.md

@@ -37,10 +37,12 @@ to, never altered (see Rules). Up to `v4` a major is a `vN.js`/`vN.css` pair;
 from `v5` on it is `vN.js` alone, carrying its own CSS, because Claude artifacts
 can load scripts from jsDelivr but not stylesheets.
 
-- **`v5` is the current major** — what the authoring guide links and what
-  `catalog.html` demos.
-- **`v4` stays live** and in every release: every dashboard made before `v5`
-  loads it.
+- **`v6` is the current major** — what the authoring guide links and what
+  `catalog.html` demos. It is `v4` with its stylesheet carried in the script, one
+  `title` option on every renderer, one item shape `{ label, value, colorClass?,
+  tooltip?, sub? }` for strips and grids, and the checks `v4` lacked.
+- **`v5` and `v4` stay live** and in every release: every dashboard made before
+  `v6` loads one of them.
 - **`v1`, `v2` and `v3` are deprecated — treat them as gone.** They are not in
   this repo and are not published. Don't bring them back, don't publish them,
   don't cite them in docs or `catalog.html`, and don't copy from them when
@@ -123,13 +125,13 @@ URLs already pinned by live dashboards.
 
 Pushing a `kit-v*` tag (`kit-v4.0.3`, …) runs
 [bitbucket-pipelines.yml](../bitbucket-pipelines.yml). It publishes `v4.js`,
-`v4.css`, `v5.js`, `wrapper.js`, `wrapper.css` and `catalog.html` as they are
+`v4.css`, `v5.js`, `v6.js`, `wrapper.js`, `wrapper.css` and `catalog.html` as they are
 in this directory, with the `__BUILD__` marker in each kit's JS replaced by the
 commit hash so System Info can say which build is live, to two places:
 
 - **Cloudflare Pages**, project `dashboard-kit` — for BackOffice dashboards,
-  which load `https://dashboard-kit-2n2.pages.dev/v5.js` (older ones
-  `v4.js` and `v4.css`). That is a test
+  which load `https://dashboard-kit-2n2.pages.dev/v6.js` (older ones
+  `v5.js`, or `v4.js` and `v4.css`). That is a test
   address on a test account until the company account serves
   `https://kit.<domain>/`; dashboards made before then keep the test address,
   so the test project must stay until they are rewritten. Every file is

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalabz_/dashboard-kit",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "description": "DashboardKit runtime + styles, served from jsDelivr",
   "license": "UNLICENSED",
   "files": [

package/v4.js

@@ -20,7 +20,7 @@
   let _activeTabId = '';
   let _sections = [];   // { id, label, load, loaded, errors }
   let _title = '';
-  let _gitVer = '572aefd'; // replaced at deploy: sed -i "s/572aefd/$(git rev-parse --short HEAD)/g" v4.js
+  let _gitVer = 'b3d1c2d'; // replaced at deploy: sed -i "s/b3d1c2d/$(git rev-parse --short HEAD)/g" v4.js
   let _calls = [];   // System Info call log
   let _sectionErrors = {}; // sectionId → error count
   let _generation = 0;

package/v5.js

@@ -20,7 +20,7 @@
   let _activeTabId = '';
   let _sections = [];   // { id, label, load, loaded, errors }
   let _title = '';
-  let _gitVer = '572aefd'; // replaced at deploy: sed -i "s/572aefd/$(git rev-parse --short HEAD)/g" v4.js
+  let _gitVer = 'b3d1c2d'; // replaced at deploy: sed -i "s/b3d1c2d/$(git rev-parse --short HEAD)/g" v4.js
   let _calls = [];   // System Info call log
   let _sectionErrors = {}; // sectionId → error count
   let _generation = 0;

package/v6.js

@@ -20,7 +20,7 @@
   let _activeTabId = '';
   let _sections = [];   // { id, label, load, loaded, errors }
   let _title = '';
-  let _gitVer = '572aefd'; // replaced at deploy: sed -i "s/572aefd/$(git rev-parse --short HEAD)/g" v6.js
+  let _gitVer = 'b3d1c2d'; // replaced at deploy: sed -i "s/b3d1c2d/$(git rev-parse --short HEAD)/g" v6.js
   let _calls = [];   // System Info call log
   let _sectionErrors = {}; // sectionId → error count
   let _generation = 0;
@@ -1143,20 +1143,6 @@ details.dk-call summary::-webkit-details-marker {
   }
 
   // ── runQuery ──────────────────────────────────────────────────────────────────
-  // Text a `$n` can sit in without being a placeholder: 'USD $10', "col$1", comments,
-  // $tag$…$tag$ bodies. Blanked before counting, or a valid query is refused locally.
-  const NOT_SQL_CODE =
-    /'(?:[^']|'')*'|"(?:[^"]|"")*"|--[^\n]*|\/\*[\s\S]*?\*\/|\$([A-Za-z_]\w*)?\$[\s\S]*?\$\1\$/g;
-
-  function _maxPlaceholder(sql) {
-    let m, max = 0;
-    // A `$n` glued to a word is an identifier ("price$1"), so it needs a non-word char before it.
-    const re = /(^|[^\w$])\$(\d+)/g;
-    const code = String(sql).replace(NOT_SQL_CODE, ' ');
-    while ((m = re.exec(code)) !== null) max = Math.max(max, +m[2]);
-    return max;
-  }
-
   // One retry, only where _isRetryable says the same request may succeed.
   async function runQuery(sectionId, callLabel, sql, args, params) {
     const t0 = performance.now();
@@ -1172,24 +1158,7 @@ details.dk-call summary::-webkit-details-marker {
     };
     _calls.push(entry);
 
-    // Preflight: $n count vs args, after the log so it shows in System Info with its SQL.
-    // Never reaches the gateway, so no dkCall — it reports as kind 'script': the document
-    // is wrong. Never retried. `local` keeps it out of the CORS hint and the NET label.
-    const need = _maxPlaceholder(sql);
-    const got = (args || []).length;
-    if (need !== got) {
-      entry.state = 'error';
-      entry.local = true;
-      entry.clientMs = Math.round(performance.now() - t0);
-      entry.error =
-        'SQL uses ' + (need ? '$1..$' + need : 'no placeholders') +
-        ' but received ' + got + ' arg' + (got === 1 ? '' : 's') +
-        ' — each query takes exactly the args its own placeholders use, never a shared array.';
-      _sectionErrors[sectionId] = (_sectionErrors[sectionId] || 0) + 1;
-      throw new Error(entry.error);
-    }
-
-    const body = { sql };
+    const body = { query: sql };
     if (args && args.length) body.args = args;
     if (params && params.hierarchy_id != null) body.hierarchy_id = params.hierarchy_id;
     else if (_hierarchyId != null) body.hierarchy_id = _hierarchyId;
@@ -1763,7 +1732,7 @@ details.dk-call summary::-webkit-details-marker {
           (c.error ? '<div class="dk-s-err" style="margin-bottom:6px">' + esc(c.error) + '</div>' : '') +
           '<p style="font-size:11px;color:var(--muted);margin:0 0 4px">Data Request:</p>' +
           '<pre>' + esc(c.sql) + '</pre>' +
-          (c.args && c.args.length ? '<p style="font-size:11px;color:var(--muted);margin:8px 0 4px">Args:</p><pre>' + esc(JSON.stringify(c.args, null, 2)) + '</pre>' : '') +
+          (c.args && c.args.length ? '<p style="font-size:11px;color:var(--muted);margin:8px 0 4px">Filters:</p><pre>' + esc(JSON.stringify(c.args, null, 2)) + '</pre>' : '') +
           '<div class="dk-resp-head">' +
           '<span>Response:</span><button type="button" class="dk-resp-toggle" aria-label="Toggle response">−</button>' +
           '</div>' +