@nivaro/react 0.3.36 → 0.3.37

package/dist/shared/components/layout-editor/keyboard-move.js

@@ -1,28 +1,28 @@
 import { isCanvasSlot as a, UNGROUPED_KEY as x, HEADER_GROUP_KEY as v } from "../../lib/layout-ops.js";
 import { titleCase as b } from "../../lib/utils.js";
 import { normalizedBundle as A, fieldZones as R, zoneItems as w } from "./field-zones.js";
-import { pinLocked as $, pinnedZone as E } from "./pin.js";
+import { pinLocked as $, pinnedZone as E, isPlacementPinned as I } from "./pin.js";
 const Z = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
 }, u = (r) => r === "up" || r === "left" ? -1 : 1;
-function I(r, e) {
+function D(r, e) {
   return [
     ...r.groups.filter((n) => n.parent_key === e).map((n) => ({ key: n.key, sort: n.sort })),
     ...e === null ? r.placements.filter((n) => a(n)).map((n) => ({ key: n.field, sort: n.sort })) : []
   ].sort((n, l) => n.sort - l.sort).map((n) => n.key);
 }
-function D(r, e) {
+function M(r, e) {
   if (e === x) return "ungrouped fields";
   const o = r.groups.find((n) => n.key === e);
   return o ? `${o.type === "tab" ? "tab" : "section"} "${o.label || b(o.key)}"` : "panel";
 }
 function _(r, e, o, n) {
-  const l = w(r, o), p = l.findIndex((d) => d.field === e.field), i = p + u(n);
-  return p < 0 || i < 0 || i >= l.length ? null : {
-    ops: [{ op: "move", from: { field: e.field, group_key: o }, to_group_key: o, index: i }],
+  const l = w(r, o), p = l.findIndex((d) => d.field === e.field), t = p + u(n);
+  return p < 0 || t < 0 || t >= l.length || I(l[t]) ? null : {
+    ops: [{ op: "move", from: { field: e.field, group_key: o }, to_group_key: o, index: t }],
     label: `Move ${e.kind === "header" ? "header tile" : "field"} ${u(n) < 0 ? "up" : "down"}`,
     next: e
   };
@@ -33,12 +33,12 @@ function C(r, e, o) {
   if (e.kind === "header") return _(n, e, v, o);
   if ((e.kind === "field" || e.kind === "slot") && !a(e)) {
     const s = e.group_key;
-    if (!n.placements.some((t) => t.field === e.field && t.group_key === s)) return null;
+    if (!n.placements.some((i) => i.field === e.field && i.group_key === s)) return null;
     if (o === "up" || o === "down") return _(n, e, s, o);
-    const c = R(n), g = c.findIndex((t) => t.key === s);
+    const c = R(n), g = c.findIndex((i) => i.key === s);
     if (g < 0) return null;
-    for (let t = g + u(o); t >= 0 && t < c.length; t += u(o)) {
-      const f = c[t];
+    for (let i = g + u(o); i >= 0 && i < c.length; i += u(o)) {
+      const f = c[i];
       if (n.placements.some((m) => m.field === e.field && m.group_key === f.key) || E(n, f.key) || a({ field: e.field, group_key: f.key })) continue;
       const h = o === "left" ? w(n, f.key).length : 0;
       return {
@@ -51,12 +51,12 @@ function C(r, e, o) {
     }
     return null;
   }
-  const l = e.kind === "group" ? e.key : e.field, p = n.groups.find((s) => s.key === l), i = p ? p.parent_key : null;
-  if ((o === "left" || o === "right") && i === null) return null;
-  const d = I(n, i), y = d.indexOf(l), k = y + u(o);
+  const l = e.kind === "group" ? e.key : e.field, p = n.groups.find((s) => s.key === l), t = p ? p.parent_key : null;
+  if ((o === "left" || o === "right") && t === null) return null;
+  const d = D(n, t), y = d.indexOf(l), k = y + u(o);
   return y < 0 || k < 0 || k >= d.length ? null : {
-    ops: [{ op: "group_move", key: l, parent_key: i, index: k }],
-    label: `Move ${e.kind === "group" ? D(n, l) : "panel"} ${i === null ? u(o) < 0 ? "up" : "down" : u(o) < 0 ? "left" : "right"}`,
+    ops: [{ op: "group_move", key: l, parent_key: t, index: k }],
+    label: `Move ${e.kind === "group" ? M(n, l) : "panel"} ${t === null ? u(o) < 0 ? "up" : "down" : u(o) < 0 ? "left" : "right"}`,
     next: e
   };
 }

package/dist/shared/components/layout-editor/lint/LabelStyle.js

@@ -0,0 +1,201 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronRight as F } from "lucide-react";
+import { useMemo as R, useState as y, useId as w, useEffect as L } from "react";
+import { toast as _ } from "sonner";
+import { STYLE_RULES as C, DEFAULT_MAX_LABEL_LENGTH as A, MAX_LABEL_LENGTH_RANGE as u, DEFAULT_JARGON as D } from "../../../lib/layout-lint.js";
+import { cn as f } from "../../../lib/utils.js";
+import { groupTitle as G, effectText as m, labelText as b, inputBase as v } from "../panel-style.js";
+import { Toggle as H } from "../settings/controls.js";
+import { useLintStyle as M, useSaveLintStyle as B, EMPTY_LINT_STYLE as I } from "./lint-api.js";
+const N = {
+  "label-sentence-case": {
+    label: "Sentence case",
+    effect: "Only the first word of a label starts with a capital."
+  },
+  "label-too-long": {
+    label: "Short labels",
+    effect: "Labels past the limit move detail into help."
+  },
+  "label-jargon": {
+    label: "No abbreviations",
+    effect: "Qty, Amt, Dept and the like are spelled out."
+  },
+  "help-repeats-label": {
+    label: "Help says something new",
+    effect: "Help text that only repeats the label is flagged."
+  },
+  "label-duplicate": {
+    label: "One label per field",
+    effect: "Two fields on one form never share a label."
+  }
+};
+function J(e) {
+  return C.includes(e);
+}
+function U(e) {
+  const a = [], s = /* @__PURE__ */ new Set();
+  for (const o of e.split(`
+`)) {
+    const t = /^\s*(.+?)\s*(?:=|→|->)\s*(.+?)\s*$/.exec(o);
+    !t || s.has(t[1].toLowerCase()) || (s.add(t[1].toLowerCase()), a.push({ term: t[1], say: t[2] }));
+  }
+  return a;
+}
+function g(e) {
+  return e.map((a) => `${a.term} = ${a.say}`).join(`
+`);
+}
+function le(e = !0) {
+  const { data: a } = M(e), { mutate: s } = B();
+  return R(
+    () => ({
+      onTurnOff: (o) => {
+        if (!J(o)) return;
+        const t = [.../* @__PURE__ */ new Set([...(a == null ? void 0 : a.off) ?? [], o])];
+        s(
+          { off: t },
+          {
+            onSuccess: () => _.success(`${N[o].label} is off for every form here`),
+            onError: () => _.error("That check could not be turned off")
+          }
+        );
+      },
+      settings: /* @__PURE__ */ n(Y, {})
+    }),
+    [a == null ? void 0 : a.off, s]
+  );
+}
+function Y() {
+  const [e, a] = y(!1), s = w(), { data: o = I, isLoading: t } = M(e), i = B(), h = (d) => i.mutate(d, { onError: () => _.error("The label style was not saved") });
+  return /* @__PURE__ */ r("section", { "aria-label": "Label style", "data-label-style": "", className: "space-y-2", children: [
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": e,
+        "aria-controls": s,
+        onClick: () => a(!e),
+        className: "flex w-full items-center gap-1 rounded-md text-left transition-colors hover:text-slate-900 dark:hover:text-foreground",
+        children: [
+          /* @__PURE__ */ n(
+            F,
+            {
+              className: f(
+                "h-3.5 w-3.5 text-slate-400 transition-transform motion-reduce:transition-none",
+                e && "rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ n("span", { className: G, children: "Label style" })
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ r("div", { id: s, className: "space-y-3", children: [
+      /* @__PURE__ */ n("p", { className: m, children: "Checks every form on this instance against house style. Turning a check off here turns it off for everyone." }),
+      t ? /* @__PURE__ */ n("p", { className: m, children: "Loading…" }) : /* @__PURE__ */ n(P, { data: o, commit: h, busy: i.isPending })
+    ] })
+  ] });
+}
+function P({
+  data: e,
+  commit: a,
+  busy: s
+}) {
+  const o = { max: w(), allow: w(), jargon: w() }, t = new Set(e.off), [i, h] = y(String(e.max_label_length ?? "")), [d, S] = y(e.allow_words.join(", ")), [j, E] = y(g(e.jargon));
+  L(() => h(String(e.max_label_length ?? "")), [e.max_label_length]), L(() => S(e.allow_words.join(", ")), [e.allow_words]), L(() => E(g(e.jargon)), [e.jargon]);
+  const c = i.trim() === "" ? null : Number(i), p = c != null && (!Number.isInteger(c) || c < u[0] || c > u[1]), T = () => {
+    p || c === e.max_label_length || a({ max_label_length: c });
+  }, k = () => {
+    const l = [
+      ...new Set(
+        d.split(",").map((x) => x.trim()).filter(Boolean)
+      )
+    ];
+    l.join("\0") !== e.allow_words.join("\0") && a({ allow_words: l });
+  }, O = () => {
+    const l = U(j);
+    g(l) !== g(e.jargon) && a({ jargon: l });
+  };
+  return /* @__PURE__ */ r("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ n("ul", { className: "space-y-2.5", children: C.map((l) => /* @__PURE__ */ r("li", { "data-style-rule": l, className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ r("span", { className: "min-w-0", children: [
+        /* @__PURE__ */ n("span", { className: f(b, "block"), children: N[l].label }),
+        /* @__PURE__ */ n("span", { className: f(m, "block"), children: N[l].effect })
+      ] }),
+      /* @__PURE__ */ n(
+        H,
+        {
+          label: N[l].label,
+          checked: !t.has(l),
+          disabled: s,
+          onChange: (x) => a({
+            off: x ? e.off.filter(($) => $ !== l) : [.../* @__PURE__ */ new Set([...e.off, l])]
+          })
+        }
+      )
+    ] }, l)) }),
+    /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ n("label", { htmlFor: o.max, className: b, children: "Longest label" }),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: o.max,
+          inputMode: "numeric",
+          value: i,
+          placeholder: String(A),
+          "aria-invalid": p || void 0,
+          onChange: (l) => h(l.target.value),
+          onBlur: T,
+          onKeyDown: (l) => l.key === "Enter" && T(),
+          className: f(v, "w-24", p && "border-red-400 dark:border-red-500")
+        }
+      ),
+      /* @__PURE__ */ n("p", { className: m, children: p ? `A whole number from ${u[0]} to ${u[1]}.` : `Characters. Empty = ${A}.` })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ n("label", { htmlFor: o.allow, className: b, children: "Words that keep their capital" }),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: o.allow,
+          value: d,
+          placeholder: "Fusion, Oracle",
+          onChange: (l) => S(l.target.value),
+          onBlur: k,
+          onKeyDown: (l) => l.key === "Enter" && k(),
+          className: v
+        }
+      ),
+      /* @__PURE__ */ n("p", { className: m, children: "Names, comma between. They are never called jargon either." })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ n("label", { htmlFor: o.jargon, className: b, children: "More abbreviations" }),
+      /* @__PURE__ */ n(
+        "textarea",
+        {
+          id: o.jargon,
+          value: j,
+          rows: 3,
+          placeholder: "PM = project manager",
+          onChange: (l) => E(l.target.value),
+          onBlur: O,
+          className: f(v, "h-auto py-1.5 font-mono text-[12px]")
+        }
+      ),
+      /* @__PURE__ */ r("p", { className: m, children: [
+        "One per line, the word and what to say instead. Checked already:",
+        " ",
+        D.slice(0, 8).map((l) => l.term).join(", "),
+        "…"
+      ] })
+    ] })
+  ] });
+}
+export {
+  Y as LabelStyleSettings,
+  N as STYLE_RULE_NAMES,
+  J as isStyleRule,
+  g as jargonLines,
+  U as parseJargonLines,
+  le as useLabelStyleControls
+};

package/dist/shared/components/layout-editor/lint/LintPanel.js

@@ -1,68 +1,81 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { CircleAlert as k, CheckCircle2 as h, Sparkles as w, Info as y, AlertTriangle as v, AlertCircle as C } from "lucide-react";
+import { CircleAlert as C, CheckCircle2 as k, Sparkles as $, Info as B, AlertTriangle as T, AlertCircle as I } from "lucide-react";
 import { cn as c } from "../../../lib/utils.js";
-import { PanelHeader as T, PanelBody as $ } from "../panel-frame.js";
-import { groupTitle as b, effectText as x } from "../panel-style.js";
-import { barBtnOn as I, barBtn as P } from "../toolbar-kit.js";
-import { findingDesignTarget as B } from "./lint-api.js";
-const j = [
+import { PanelHeader as P, PanelBody as S } from "../panel-frame.js";
+import { groupTitle as N, effectText as p } from "../panel-style.js";
+import { barBtnOn as j, barBtn as A } from "../toolbar-kit.js";
+import { isStyleRule as H } from "./LabelStyle.js";
+import { findingDesignTarget as E } from "./lint-api.js";
+const q = [
   { severity: "error", title: "Errors" },
   { severity: "warn", title: "Warnings" },
   { severity: "info", title: "Tips" }
-], A = {
-  error: C,
-  warn: v,
-  info: y
-}, O = {
+], F = {
+  error: I,
+  warn: T,
+  info: B
+}, L = {
   error: "text-red-600 dark:text-red-400",
   warn: "text-amber-600 dark:text-amber-400",
   info: "text-slate-500 dark:text-muted-foreground"
 };
-function S(e) {
+function D(e) {
   return e >= 80 ? "bg-emerald-50 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-300" : e >= 60 ? "bg-amber-50 text-amber-700 dark:bg-amber-500/15 dark:text-amber-300" : "bg-red-50 text-red-700 dark:bg-red-500/15 dark:text-red-300";
 }
-function f(e) {
-  const t = (n) => e.filter((s) => s.severity === n).length;
+function w(e) {
+  const t = (s) => e.filter((l) => l.severity === s).length;
   return { error: t("error"), warn: t("warn"), info: t("info") };
 }
-function G({
+function X({
   findings: e,
   active: t,
-  onClick: n
+  onClick: s
 }) {
-  const s = f(e), o = s.error + s.warn;
+  const l = w(e), n = l.error + l.warn;
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      onClick: n,
+      onClick: s,
       "aria-pressed": t,
-      "aria-label": `Problems: ${s.error} errors, ${s.warn} warnings`,
+      "aria-label": `Problems: ${l.error} errors, ${l.warn} warnings`,
       "data-editor-checks": "",
-      "data-tip": "Problems this form has: hidden required fields, missing cascade parents, empty steps, unreachable fields and accessibility",
-      className: c(P, "gap-1 px-2", t && I),
+      "data-tip": "Problems this form has: hidden required fields, missing cascade parents, empty steps, unreachable fields, accessibility and label style",
+      className: c(A, "gap-1 px-2", t && j),
       children: [
         /* @__PURE__ */ r(
-          k,
+          C,
           {
             className: c(
               "h-3.5 w-3.5",
-              s.error > 0 ? "text-red-600 dark:text-red-400" : o > 0 ? "text-amber-600 dark:text-amber-400" : "text-slate-500 dark:text-muted-foreground"
+              l.error > 0 ? "text-red-600 dark:text-red-400" : n > 0 ? "text-amber-600 dark:text-amber-400" : "text-slate-500 dark:text-muted-foreground"
             )
           }
         ),
-        o > 0 ? /* @__PURE__ */ r("span", { "data-checks-count": o, className: "tabular-nums", children: o }) : /* @__PURE__ */ r(h, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" })
+        n > 0 ? /* @__PURE__ */ r("span", { "data-checks-count": n, className: "tabular-nums", children: n }) : /* @__PURE__ */ r(k, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" })
       ]
     }
   );
 }
-function E({
+const f = "inline-flex h-6 items-center rounded px-1.5 text-[12px] font-medium text-slate-700 transition-colors hover:bg-muted hover:text-slate-900 dark:text-foreground";
+function M(e) {
+  const t = e.filter((s) => s.rule === "label-sentence-case" && s.fix);
+  return t.length < 2 ? null : {
+    ops: t.flatMap((s) => {
+      var l;
+      return ((l = s.fix) == null ? void 0 : l.ops) ?? [];
+    }),
+    count: t.length
+  };
+}
+function R({
   finding: e,
   onSelect: t,
-  apply: n,
-  readOnly: s
+  apply: s,
+  readOnly: l,
+  onTurnOff: n
 }) {
-  const o = A[e.severity], i = B(e);
+  const m = !!n && H(e.rule), u = F[e.severity], d = E(e);
   return /* @__PURE__ */ a(
     "li",
     {
@@ -73,57 +86,75 @@ function E({
           "button",
           {
             type: "button",
-            disabled: !i,
-            onClick: () => i && t(i),
+            disabled: !d,
+            onClick: () => d && t(d),
             className: "flex w-full items-start gap-2 rounded-md px-2.5 py-2 text-left transition-colors hover:bg-muted disabled:cursor-default disabled:hover:bg-transparent",
-            "data-tip": i ? "Select it on the form" : void 0,
+            "data-tip": d ? "Select it on the form" : void 0,
             children: [
-              /* @__PURE__ */ r(o, { className: c("mt-0.5 h-3.5 w-3.5 shrink-0", O[e.severity]) }),
+              /* @__PURE__ */ r(u, { className: c("mt-0.5 h-3.5 w-3.5 shrink-0", L[e.severity]) }),
               /* @__PURE__ */ r("span", { className: "min-w-0 text-[12.5px] leading-snug text-slate-700 dark:text-foreground", children: e.message })
             ]
           }
         ),
-        e.fix && !s && /* @__PURE__ */ r("div", { className: "border-t border-slate-100 px-2.5 py-1.5 dark:border-border", children: /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            "data-lint-fix": "",
-            onClick: () => e.fix && n(e.fix.ops, { label: e.fix.label }),
-            className: "inline-flex h-6 items-center rounded px-1.5 text-[12px] font-medium text-slate-700 transition-colors hover:bg-muted hover:text-slate-900 dark:text-foreground",
-            children: e.fix.label
-          }
-        ) })
+        (e.fix && !l || m) && /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-1 border-t border-slate-100 px-2.5 py-1.5 dark:border-border", children: [
+          e.fix && !l && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              "data-lint-fix": "",
+              onClick: () => e.fix && s(e.fix.ops, { label: e.fix.label }),
+              className: f,
+              children: e.fix.label
+            }
+          ),
+          m && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              "data-lint-turn-off": e.rule,
+              "data-tip": "House style for every form on this instance",
+              onClick: () => n == null ? void 0 : n(e.rule),
+              className: c(
+                f,
+                "ml-auto font-normal text-slate-500 dark:text-muted-foreground"
+              ),
+              children: "Turn off this check"
+            }
+          )
+        ] })
       ]
     }
   );
 }
-function J({
+function Y({
   findings: e,
   health: t,
-  ready: n,
-  onSelect: s,
-  apply: o,
-  onOpenAiReview: i,
-  readOnly: g = !1
+  ready: s,
+  onSelect: l,
+  apply: n,
+  onOpenAiReview: m,
+  readOnly: u = !1,
+  onTurnOff: d,
+  styleSettings: y
 }) {
-  const l = f(e), N = e.length === 0 ? n ? "Nothing to fix" : "Checking…" : [
-    l.error && `${l.error} ${l.error === 1 ? "problem" : "problems"}`,
-    l.warn && `${l.warn} ${l.warn === 1 ? "warning" : "warnings"}`,
-    l.info && `${l.info} ${l.info === 1 ? "suggestion" : "suggestions"}`
+  const o = w(e), b = u ? null : M(e), v = e.length === 0 ? s ? "Nothing to fix" : "Checking…" : [
+    o.error && `${o.error} ${o.error === 1 ? "problem" : "problems"}`,
+    o.warn && `${o.warn} ${o.warn === 1 ? "warning" : "warnings"}`,
+    o.info && `${o.info} ${o.info === 1 ? "suggestion" : "suggestions"}`
   ].filter(Boolean).join(" · ");
   return /* @__PURE__ */ a("div", { "data-lint-panel": "", className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ r(T, { eyebrow: "Form", title: "Problems", sub: N }),
-    /* @__PURE__ */ a($, { children: [
+    /* @__PURE__ */ r(P, { eyebrow: "Form", title: "Problems", sub: v }),
+    /* @__PURE__ */ a(S, { children: [
       t && /* @__PURE__ */ a("section", { "aria-label": "Health", className: "space-y-1.5", children: [
         /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ r("h3", { className: b, children: "Health" }),
+          /* @__PURE__ */ r("h3", { className: N, children: "Health" }),
           /* @__PURE__ */ a(
             "span",
             {
               "data-health-score": t.score,
               className: c(
                 "rounded-full px-2 py-px text-[11.5px] font-semibold tabular-nums",
-                S(t.score)
+                D(t.score)
               ),
               children: [
                 t.score,
@@ -132,48 +163,64 @@ function J({
             }
           )
         ] }),
-        t.costs.length > 0 ? /* @__PURE__ */ r("ul", { className: "space-y-0.5", children: t.costs.map((d) => /* @__PURE__ */ a("li", { className: c(x, "flex justify-between gap-2"), children: [
-          /* @__PURE__ */ r("span", { children: d.label }),
+        t.costs.length > 0 ? /* @__PURE__ */ r("ul", { className: "space-y-0.5", children: t.costs.map((i) => /* @__PURE__ */ a("li", { className: c(p, "flex justify-between gap-2"), children: [
+          /* @__PURE__ */ r("span", { children: i.label }),
           /* @__PURE__ */ a("span", { className: "tabular-nums", children: [
             "−",
-            d.points
+            i.points
           ] })
-        ] }, d.label)) }) : /* @__PURE__ */ r("p", { className: x, children: "Nothing costs this form points." })
+        ] }, i.label)) }) : /* @__PURE__ */ r("p", { className: p, children: "Nothing costs this form points." })
       ] }),
-      e.length === 0 && n && /* @__PURE__ */ a("p", { className: c(x, "flex items-center gap-1.5"), children: [
-        /* @__PURE__ */ r(h, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" }),
+      e.length === 0 && s && /* @__PURE__ */ a("p", { className: c(p, "flex items-center gap-1.5"), children: [
+        /* @__PURE__ */ r(k, { className: "h-3.5 w-3.5 text-emerald-600 dark:text-emerald-400" }),
         "No problems found on this form."
       ] }),
-      j.map(({ severity: d, title: p }) => {
-        const u = e.filter((m) => m.severity === d);
-        return u.length === 0 ? null : /* @__PURE__ */ a("section", { "aria-label": p, className: "space-y-1.5", children: [
-          /* @__PURE__ */ a("h3", { className: b, children: [
-            p,
+      q.map(({ severity: i, title: g }) => {
+        const h = e.filter((x) => x.severity === i);
+        return h.length === 0 ? null : /* @__PURE__ */ a("section", { "aria-label": g, className: "space-y-1.5", children: [
+          /* @__PURE__ */ a("h3", { className: N, children: [
+            g,
             " ",
-            /* @__PURE__ */ r("span", { className: "font-normal text-slate-500 dark:text-muted-foreground", children: u.length })
+            /* @__PURE__ */ r("span", { className: "font-normal text-slate-500 dark:text-muted-foreground", children: h.length })
           ] }),
-          /* @__PURE__ */ r("ul", { className: "space-y-1.5", children: u.map((m) => /* @__PURE__ */ r(
-            E,
+          i === "info" && b && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "data-lint-fix-all": "label-sentence-case",
+              onClick: () => n(b.ops, { label: `Change ${b.count} labels to sentence case` }),
+              className: c(f, "h-7 border border-slate-200 dark:border-border"),
+              children: [
+                "Change all ",
+                b.count,
+                " labels to sentence case"
+              ]
+            }
+          ),
+          /* @__PURE__ */ r("ul", { className: "space-y-1.5", children: h.map((x) => /* @__PURE__ */ r(
+            R,
             {
-              finding: m,
-              onSelect: s,
-              apply: o,
-              readOnly: g
+              finding: x,
+              onSelect: l,
+              apply: n,
+              readOnly: u,
+              onTurnOff: d
             },
-            m.id
+            x.id
           )) })
-        ] }, d);
+        ] }, i);
       }),
-      i && /* @__PURE__ */ a("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ r("p", { className: x, children: "These checks are counted, not guessed. The AI review also reads labels and help text." }),
+      y,
+      m && /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ r("p", { className: p, children: "These checks are counted, not guessed. The AI review also reads labels and help text." }),
         /* @__PURE__ */ a(
           "button",
           {
             type: "button",
-            onClick: i,
+            onClick: m,
             className: "inline-flex h-7 items-center gap-1.5 rounded-md px-1.5 text-[12px] font-medium text-slate-700 transition-colors hover:bg-muted hover:text-slate-900 dark:text-foreground",
             children: [
-              /* @__PURE__ */ r(w, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ r($, { className: "h-3.5 w-3.5" }),
               "Open the AI review"
             ]
           }
@@ -183,8 +230,9 @@ function J({
   ] });
 }
 export {
-  G as LintButton,
-  J as LintPanel,
-  f as lintCounts,
-  S as scoreTone
+  X as LintButton,
+  Y as LintPanel,
+  w as lintCounts,
+  D as scoreTone,
+  M as sentenceCaseBatch
 };