@ai-matrx/records-ui 0.67.0 → 0.68.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.68.0
+
+**Two things a screen was still doing behind a person's back.** (lane TAILS-6, found while
+proving 0.66.0 on the live seat.)
+
+* **The engineer's line was being READ ALOUD.** `sr-only` does not hide a line — it hides it
+  from people with EYES and reads it to everybody else. So the one person who could not skim
+  past *"@ai-matrx/records never reached the store from checklistTemplates: TypeError: Failed
+  to fetch"* was the blind owner of the business, who had it announced in full underneath
+  "We could not reach your data". `RefusalNotice` now marks that line `aria-hidden`; it stays
+  in the DOM with the SQLSTATE on it, and on the notice's `title`, for whoever debugs it.
+  The guard asserts on what a screen reader would SAY, not on what the DOM contains.
+* **The Group by picker contradicted the board beside it.** `offerableFields` answers what is
+  a SENSIBLE column to group by — Choice columns — and the select listed only those. A view,
+  or a `?group=` link from a dashboard number, can name a column outside that set: the board
+  grouped by it happily and the select fell back to its blank "Choose a field". Watched on
+  Rincon Plumbing Co's Jobs board with six columns headed RPC-1000, RPC-1001 … over a picker
+  saying nothing was chosen. The chosen column is now always in the list, named, and marked
+  "an unusual column to use here".
+
+**Consumer action:** none.
+
 ## 0.67.0
 
 **The office can copy a waiting client's own link, from the panel where it invited them.**

package/dist/index.cjs

@@ -1492,7 +1492,16 @@ function RefusalNotice({
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.AlertDescription, { className: "space-y-1 text-xs", children: [
           plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: plain.sentence }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "opacity-80", children: plain.remedy }),
-          plain.forEngineers ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "sr-only", ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {}, children: plain.forEngineers }) : null,
+          plain.forEngineers ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "p",
+            {
+              className: "sr-only",
+              "aria-hidden": "true",
+              "data-for-engineers": "",
+              ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {},
+              children: plain.forEngineers
+            }
+          ) : null,
           actions
         ] })
       ]
@@ -7429,7 +7438,9 @@ function FieldPicker({
 }) {
   const want = LAYOUT_FIELD_KIND[layout];
   const offerable = want ? offerableFields(all, want) : [];
-  if (offerable.length === 0) {
+  const chosenField = chosen ? all.find((field) => field.key === chosen) : void 0;
+  const unusual = chosenField && !offerable.some((field) => field.key === chosenField.key) ? chosenField : void 0;
+  if (offerable.length === 0 && !unusual) {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs text-muted-foreground", children: LAYOUT_NO_FIELD[layout] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-1.5 text-xs", children: [
@@ -7444,7 +7455,11 @@ function FieldPicker({
         onChange: (event) => onPick(event.target.value === "" ? null : event.target.value),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "", children: "Choose a field" }),
-          offerable.map((field) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: field.key, children: fieldName(field) }, field.key))
+          offerable.map((field) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: field.key, children: fieldName(field) }, field.key)),
+          unusual ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("option", { value: unusual.key, children: [
+            fieldName(unusual),
+            " \u2014 an unusual column to use here"
+          ] }, unusual.key) : null
         ]
       }
     ),