@qoretechnologies/reqraft 0.10.25 → 0.10.26

package/dist/components/form/engine/variants/VariantFocus.js

@@ -0,0 +1,138 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariantFocus = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * VARIANT 3 — "Focus" (production-leaning)
+ *
+ * The original Focus structure — three expandable boxes (Needs attention / Set /
+ * Optional) — with the engine's real functionality layered in:
+ *  • REQUIRED (one-of) GROUPS highlighted as a "pick one" cluster in the box,
+ *  • schema GROUPS as thin Minimal-style labels INSIDE the Set / Optional boxes,
+ *  • a "Descriptions" toggle (short_desc under every field),
+ *  • COMPLEX fields showing their nested value inline with Show-more,
+ *  • real inline editing (AutoFormField) on click.
+ *
+ * Attention box and the rest are EXCLUSIVE: a field needing attention sits in the
+ * box until resolved, then drops into Set (or Optional) below.
+ */
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var variantParts_1 = require("./variantParts");
+var Wrap = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 18px;\n  font-size: 13px;\n\n  .vf-row {\n    display: grid;\n    grid-template-columns: minmax(190px, 320px) minmax(0, 1fr) auto;\n    column-gap: 16px;\n    row-gap: 2px;\n    align-items: center;\n    /* Single-line rows: centre the content within the min-height. */\n    align-content: center;\n    min-height: 38px;\n    padding: 6px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n  }\n  /* Rows with a description / preview / editor below: pin the name+value to the\n     top instead of centring the whole block. */\n  .vf-row.vf-tall {\n    align-content: start;\n  }\n  .vf-row:hover,\n  .vf-row[aria-expanded='true'] {\n    background: ", ";\n  }\n  .vf-section {\n    border-radius: 12px;\n    padding: 6px;\n  }\n  .vf-sechead {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n    user-select: none;\n  }\n  .vf-grouplabel {\n    font-size: 10px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 10px 0 2px 12px;\n  }\n  .vf-cluster {\n    border-radius: 10px;\n    padding: 4px 4px 6px;\n    margin: 2px 0;\n  }\n  .vf-desc {\n    grid-column: 1 / -1;\n    padding: 0 0 2px;\n    font-size: 12px;\n    line-height: 1.45;\n  }\n  .vf-preview {\n    grid-column: 2 / -1;\n    padding: 2px 0 4px;\n  }\n  @media (max-width: 640px) {\n    .vf-row {\n      grid-template-columns: 1fr auto;\n      grid-template-areas: 'label dot' 'value value';\n      row-gap: 2px;\n    }\n    .vf-label {\n      grid-area: label;\n    }\n    .vf-value {\n      grid-area: value;\n    }\n    .vf-dot {\n      grid-area: dot;\n    }\n    .vf-preview {\n      grid-column: 1 / -1;\n    }\n  }\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 18px;\n  font-size: 13px;\n\n  .vf-row {\n    display: grid;\n    grid-template-columns: minmax(190px, 320px) minmax(0, 1fr) auto;\n    column-gap: 16px;\n    row-gap: 2px;\n    align-items: center;\n    /* Single-line rows: centre the content within the min-height. */\n    align-content: center;\n    min-height: 38px;\n    padding: 6px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n  }\n  /* Rows with a description / preview / editor below: pin the name+value to the\n     top instead of centring the whole block. */\n  .vf-row.vf-tall {\n    align-content: start;\n  }\n  .vf-row:hover,\n  .vf-row[aria-expanded='true'] {\n    background: ", ";\n  }\n  .vf-section {\n    border-radius: 12px;\n    padding: 6px;\n  }\n  .vf-sechead {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n    user-select: none;\n  }\n  .vf-grouplabel {\n    font-size: 10px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 10px 0 2px 12px;\n  }\n  .vf-cluster {\n    border-radius: 10px;\n    padding: 4px 4px 6px;\n    margin: 2px 0;\n  }\n  .vf-desc {\n    grid-column: 1 / -1;\n    padding: 0 0 2px;\n    font-size: 12px;\n    line-height: 1.45;\n  }\n  .vf-preview {\n    grid-column: 2 / -1;\n    padding: 2px 0 4px;\n  }\n  @media (max-width: 640px) {\n    .vf-row {\n      grid-template-columns: 1fr auto;\n      grid-template-areas: 'label dot' 'value value';\n      row-gap: 2px;\n    }\n    .vf-label {\n      grid-area: label;\n    }\n    .vf-value {\n      grid-area: value;\n    }\n    .vf-dot {\n      grid-area: dot;\n    }\n    .vf-preview {\n      grid-column: 1 / -1;\n    }\n  }\n"])), function (_a) {
+    var $hover = _a.$hover;
+    return $hover;
+});
+var Row = function (_a) {
+    var _b;
+    var r = _a.r, form = _a.form, showDesc = _a.showDesc;
+    var c = (0, variantParts_1.useVariantColors)();
+    var editing = form.editing === r.name;
+    var isHash = r.value.kind === 'hash';
+    // A row is "tall" (has something below the name/value line) when editing, when
+    // it's a complex preview, or when descriptions are shown for it.
+    var tall = editing || isHash || (showDesc && !!r.shortDesc);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: tall ? 'vf-row vf-tall' : 'vf-row', role: 'button', tabIndex: 0, "aria-expanded": editing, onClick: function () { return !r.readOnly && form.startEdit(r.name); }, children: [(0, jsx_runtime_1.jsxs)("span", { className: 'vf-label', style: { fontWeight: 600, color: c.text, display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }, children: [r.label, r.required ?
+                        (0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'Asterisk', size: '9px', style: { color: c.danger } })
+                        : null] }), (0, jsx_runtime_1.jsxs)("span", { className: 'vf-value', style: { color: c.muted, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)(variantParts_1.ValueView, { value: r.value }), r.reason && r.status !== 'set' ?
+                        (0, jsx_runtime_1.jsx)("span", { style: { color: (0, variantParts_1.STATUS_COLOR)(r.status, c), fontSize: 12, marginLeft: 8 }, children: r.reason })
+                        : null] }), (0, jsx_runtime_1.jsx)("span", { className: 'vf-dot', style: { display: 'inline-flex', justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(variantParts_1.StatusDot, { status: r.status }) }), showDesc && r.shortDesc && !editing ?
+                (0, jsx_runtime_1.jsx)("div", { className: 'vf-desc', style: { color: c.faint }, children: r.shortDesc })
+                : null, isHash && !editing ?
+                (0, jsx_runtime_1.jsx)("div", { className: 'vf-preview', children: (0, jsx_runtime_1.jsx)(variantParts_1.ComplexPreview, { value: (_b = r.field) === null || _b === void 0 ? void 0 : _b.value, onOpen: function () { return !r.readOnly && form.startEdit(r.name); } }) })
+                : null, editing ?
+                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [r.shortDesc ? (0, jsx_runtime_1.jsx)("div", { className: 'vf-desc', style: { color: c.faint }, children: r.shortDesc }) : null, (0, jsx_runtime_1.jsx)(variantParts_1.InlineEdit, { row: r, onDone: form.stopEdit })] })
+                : null] }));
+};
+/** A one-of required group, highlighted: "pick one of these". */
+var RequiredCluster = function (_a) {
+    var rows = _a.rows, form = _a.form, showDesc = _a.showDesc;
+    var c = (0, variantParts_1.useVariantColors)();
+    var tint = c.warning;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'vf-cluster', style: { background: "".concat(tint, "10"), border: "1px solid ".concat(tint, "33") }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 6, padding: '8px 0 2px 12px' }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'LinkM', size: '11px', style: { color: tint } }), (0, jsx_runtime_1.jsx)("span", { style: { fontSize: 10, letterSpacing: 1, textTransform: 'uppercase', color: tint }, children: "One of the below is required" })] }), rows.map(function (r) { return (0, jsx_runtime_1.jsx)(Row, { r: r, form: form, showDesc: showDesc }, r.name); })] }));
+};
+var Section = function (_a) {
+    var title = _a.title, intent = _a.intent, count = _a.count, children = _a.children, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? true : _b;
+    var _c = react_1.default.useState(defaultOpen), open = _c[0], setOpen = _c[1];
+    if (!count)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'vf-section', style: { background: "".concat(intent, "0e"), border: "1px solid ".concat(intent, "22") }, children: [(0, jsx_runtime_1.jsxs)("div", { className: 'vf-sechead', onClick: function () { return setOpen(function (o) { return !o; }); }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: open ? 'ArrowDownSLine' : 'ArrowRightSLine', size: '15px' }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreP, { effect: { weight: 'bold' }, children: title }), (0, jsx_runtime_1.jsx)("span", { style: {
+                            background: "".concat(intent, "22"),
+                            color: intent,
+                            borderRadius: 20,
+                            padding: '1px 9px',
+                            fontSize: 12,
+                            fontWeight: 700,
+                        }, children: count })] }), open ? (0, jsx_runtime_1.jsx)("div", { children: children }) : null] }));
+};
+/** Rows of a given status, grouped by schema group with thin Minimal-style
+ *  labels. Used inside the Set and Optional boxes. */
+var GroupedRows = function (_a) {
+    var groups = _a.groups, status = _a.status, skip = _a.skip, form = _a.form, showDesc = _a.showDesc;
+    var c = (0, variantParts_1.useVariantColors)();
+    var sections = groups
+        .map(function (g) { return ({ g: g, rows: g.rows.filter(function (r) { return r.status === status && !skip.has(r.name); }) }); })
+        .filter(function (s) { return s.rows.length; });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sections.map(function (_a) {
+            var g = _a.g, rows = _a.rows;
+            return ((0, jsx_runtime_1.jsxs)("div", { children: [sections.length > 1 ?
+                        (0, jsx_runtime_1.jsx)("div", { className: 'vf-grouplabel', style: { color: c.faint }, children: g.label })
+                        : null, rows.map(function (r) { return (0, jsx_runtime_1.jsx)(Row, { r: r, form: form, showDesc: showDesc }, r.name); })] }, g.name));
+        }) }));
+};
+var VariantFocus = function (_a) {
+    var options = _a.options, values = _a.values, config = _a.config;
+    var c = (0, variantParts_1.useVariantColors)();
+    var form = (0, variantParts_1.useVariantForm)(options, values, config);
+    var s = form.summary;
+    var showDesc = form.showDescriptions;
+    var allRows = form.visibleGroups.flatMap(function (g) { return g.rows; });
+    var unmetGroups = Object.values(form.requiredGroups).filter(function (g) { return !g.satisfied; });
+    var unmetMembers = new Set();
+    unmetGroups.forEach(function (g) { return g.members.forEach(function (m) { return unmetMembers.add(m); }); });
+    // Attention = invalid + individually-required-todo (NOT one-of members, which
+    // show as their cluster) + the unmet one-of clusters.
+    var attentionRows = allRows.filter(function (r) { return (r.status === 'invalid' || r.status === 'todo') && !unmetMembers.has(r.name); });
+    var attentionCount = attentionRows.length + unmetGroups.length;
+    var skip = new Set(attentionRows.map(function (r) { return r.name; }));
+    unmetMembers.forEach(function (n) { return skip.add(n); });
+    var setCount = allRows.filter(function (r) { return r.status === 'set' && !skip.has(r.name); }).length;
+    var optionalCount = allRows.filter(function (r) { return r.status === 'unset' && !skip.has(r.name); }).length;
+    // Group the attention items by schema group (placing each one-of cluster under
+    // its members' group) so the attention box reads like the Set / Optional boxes.
+    var clusterGroupName = function (members) { var _a; return (_a = form.visibleGroups.find(function (g) { return g.rows.some(function (r) { return r.name === members[0]; }); })) === null || _a === void 0 ? void 0 : _a.name; };
+    var attnGroups = form.visibleGroups
+        .map(function (g) { return ({
+        g: g,
+        rows: g.rows.filter(function (r) { return (r.status === 'invalid' || r.status === 'todo') && !unmetMembers.has(r.name); }),
+        clusters: unmetGroups.filter(function (rg) { return clusterGroupName(rg.members) === g.name; }),
+    }); })
+        .filter(function (x) { return x.rows.length || x.clusters.length; });
+    return ((0, jsx_runtime_1.jsxs)(Wrap, { "$hover": c.hover, "$faint": c.faint, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexFlow: 'column', gap: 10 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'baseline', gap: 12, flexWrap: 'wrap' }, children: [(0, jsx_runtime_1.jsxs)(reqore_1.ReqoreP, { size: 'big', effect: { weight: 'bold' }, children: [s.pct, "% complete"] }), (0, jsx_runtime_1.jsxs)("span", { style: { color: c.muted, fontSize: 12 }, children: [s.set, "/", s.total, " set"] }), s.attention ?
+                                (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: form.toggleAttention, style: {
+                                        background: 'none',
+                                        border: 'none',
+                                        cursor: 'pointer',
+                                        color: c.warning,
+                                        fontSize: 12,
+                                        textDecoration: 'underline',
+                                        textUnderlineOffset: 3,
+                                    }, children: form.filter === 'attention' ? '← show all' : "".concat(s.attention, " need attention \u2192") })
+                                : null] }), (0, jsx_runtime_1.jsxs)("div", { style: { height: 4, borderRadius: 2, background: c.line, overflow: 'hidden', display: 'flex' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: "".concat((s.set / s.total) * 100, "%"), background: c.success } }), (0, jsx_runtime_1.jsx)("div", { style: { width: "".concat((s.attention / s.total) * 100, "%"), background: c.warning } })] })] }), (0, jsx_runtime_1.jsx)(variantParts_1.VariantToolbar, { form: form }), (0, jsx_runtime_1.jsx)(Section, { title: 'Needs attention', intent: c.warning, count: attentionCount, children: attnGroups.map(function (_a) {
+                    var g = _a.g, rows = _a.rows, clusters = _a.clusters;
+                    return ((0, jsx_runtime_1.jsxs)("div", { children: [attnGroups.length > 1 ?
+                                (0, jsx_runtime_1.jsx)("div", { className: 'vf-grouplabel', style: { color: c.faint }, children: g.label })
+                                : null, clusters.map(function (cl) { return ((0, jsx_runtime_1.jsx)(RequiredCluster, { rows: allRows.filter(function (r) { return cl.members.includes(r.name); }), form: form, showDesc: showDesc }, cl.key)); }), rows.map(function (r) { return (0, jsx_runtime_1.jsx)(Row, { r: r, form: form, showDesc: showDesc }, r.name); })] }, g.name));
+                }) }), (0, jsx_runtime_1.jsx)(Section, { title: 'Set', intent: c.success, count: setCount, children: (0, jsx_runtime_1.jsx)(GroupedRows, { groups: form.visibleGroups, status: 'set', skip: skip, form: form, showDesc: showDesc }) }), (0, jsx_runtime_1.jsx)(Section, { title: 'Optional \u2014 not set', intent: c.muted, count: optionalCount, defaultOpen: false, children: (0, jsx_runtime_1.jsx)(GroupedRows, { groups: form.visibleGroups, status: 'unset', skip: skip, form: form, showDesc: showDesc }) })] }));
+};
+exports.VariantFocus = VariantFocus;
+var templateObject_1;
+//# sourceMappingURL=VariantFocus.js.map

package/dist/components/form/engine/variants/VariantFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantFocus.js","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/VariantFocus.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/engine/variants/VariantMinimal.d.ts

@@ -0,0 +1,6 @@
+import { IQorusFormField, IQorusFormSchema } from '@qoretechnologies/ts-toolkit';
+export declare const VariantMinimal: ({ options, values, }: {
+    options: IQorusFormSchema;
+    values: Record<string, IQorusFormField>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VariantMinimal.d.ts.map

package/dist/components/form/engine/variants/VariantMinimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantMinimal.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/VariantMinimal.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AA+DjF,eAAO,MAAM,cAAc,yBAGxB;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE,OAAO,MAAM,EAAE,eAAe,CAAC,CAAC;CACzC,4CA2FA,CAAC"}

package/dist/components/form/engine/variants/VariantMinimal.js

@@ -0,0 +1,73 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VariantMinimal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * VARIANT 4 — "Minimal" (Notion / Linear inspired)
+ *
+ * Direction: the lightest possible treatment. No surfaces, no boxes, no group
+ * panels — just a quiet `label · value` list with a hairline status tick on the
+ * left edge. TAP a row to reveal its description and edit it inline — NO hover
+ * dependency, so it behaves identically on phone. Densest of the four.
+ */
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var variantParts_1 = require("./variantParts");
+var Wrap = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  gap: 4px;\n  font-size: 13px;\n\n  .vm-group {\n    font-size: 11px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 16px 0 6px 14px;\n  }\n  .vm-row {\n    display: grid;\n    grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);\n    gap: 14px;\n    align-items: baseline;\n    padding: 7px 12px 7px 14px;\n    border-left: 2px solid transparent;\n    cursor: pointer;\n    border-radius: 0 6px 6px 0;\n  }\n  .vm-row[aria-expanded='true'] {\n    background: ", ";\n  }\n  @media (hover: hover) {\n    .vm-row:hover {\n      background: ", ";\n    }\n  }\n  .vm-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n  }\n  .vm-detail {\n    grid-column: 1 / -1;\n    color: ", ";\n    padding: 4px 0 2px;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n  @media (max-width: 620px) {\n    .vm-row {\n      grid-template-columns: 1fr;\n      gap: 2px;\n    }\n  }\n"], ["\n  display: flex;\n  flex-flow: column;\n  gap: 4px;\n  font-size: 13px;\n\n  .vm-group {\n    font-size: 11px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    padding: 16px 0 6px 14px;\n  }\n  .vm-row {\n    display: grid;\n    grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);\n    gap: 14px;\n    align-items: baseline;\n    padding: 7px 12px 7px 14px;\n    border-left: 2px solid transparent;\n    cursor: pointer;\n    border-radius: 0 6px 6px 0;\n  }\n  .vm-row[aria-expanded='true'] {\n    background: ", ";\n  }\n  @media (hover: hover) {\n    .vm-row:hover {\n      background: ", ";\n    }\n  }\n  .vm-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n  }\n  .vm-detail {\n    grid-column: 1 / -1;\n    color: ", ";\n    padding: 4px 0 2px;\n    font-size: 12px;\n    line-height: 1.5;\n  }\n  @media (max-width: 620px) {\n    .vm-row {\n      grid-template-columns: 1fr;\n      gap: 2px;\n    }\n  }\n"])), function (_a) {
+    var $hover = _a.$hover;
+    return $hover;
+}, function (_a) {
+    var $hover = _a.$hover;
+    return $hover;
+}, function (_a) {
+    var $faint = _a.$faint;
+    return $faint;
+});
+var VariantMinimal = function (_a) {
+    var options = _a.options, values = _a.values;
+    var c = (0, variantParts_1.useVariantColors)();
+    var form = (0, variantParts_1.useVariantForm)(options, values);
+    var s = form.summary;
+    return ((0, jsx_runtime_1.jsxs)(Wrap, { "$hover": c.hover, "$line": c.line, "$faint": c.faint, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 10,
+                    padding: '0 12px 10px',
+                    borderBottom: "1px solid ".concat(c.line),
+                }, children: [(0, jsx_runtime_1.jsx)("span", { style: { width: 8, height: 8, borderRadius: '50%', background: s.attention ? c.warning : c.success } }), (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreP, { effect: { weight: 'bold' }, children: [s.pct, "%"] }), (0, jsx_runtime_1.jsxs)("span", { style: { color: c.muted, fontSize: 12 }, children: [s.set, "/", s.total, " set"] }), s.attention ?
+                        (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: form.toggleAttention, style: {
+                                background: 'none',
+                                border: 'none',
+                                cursor: 'pointer',
+                                color: c.warning,
+                                fontSize: 12,
+                                textDecoration: 'underline',
+                                textUnderlineOffset: 3,
+                            }, children: form.filter === 'attention' ? '← all' : "".concat(s.attention, " to resolve \u2192") })
+                        : null] }), (0, jsx_runtime_1.jsx)(variantParts_1.VariantToolbar, { form: form }), form.visibleGroups.map(function (g) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'vm-group', style: { color: c.faint }, children: g.label }), g.rows.map(function (r) {
+                        var editing = form.editing === r.name;
+                        var hasDetail = !!(r.shortDesc || r.longDesc);
+                        return ((0, jsx_runtime_1.jsxs)("div", { className: 'vm-row', role: 'button', tabIndex: 0, "aria-expanded": editing, style: { borderLeftColor: r.status === 'set' || r.status === 'unset' ? 'transparent' : (0, variantParts_1.STATUS_COLOR)(r.status, c) }, onClick: function () { return !r.readOnly && form.startEdit(r.name); }, children: [(0, jsx_runtime_1.jsxs)("span", { className: 'vm-label', style: { color: c.text, fontWeight: 500 }, children: [r.label, r.required ?
+                                            (0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'Asterisk', size: '8px', style: { color: c.danger } })
+                                            : null] }), (0, jsx_runtime_1.jsxs)("span", { style: { color: c.muted, minWidth: 0, display: 'inline-flex', alignItems: 'baseline', gap: 8 }, children: [(0, jsx_runtime_1.jsx)(variantParts_1.ValueView, { value: r.value }), r.status === 'invalid' || r.status === 'todo' ?
+                                            (0, jsx_runtime_1.jsxs)("span", { style: { color: (0, variantParts_1.STATUS_COLOR)(r.status, c), fontSize: 12 }, children: ["\u00B7 ", r.reason] })
+                                            : null] }), editing ?
+                                    (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasDetail ?
+                                                (0, jsx_runtime_1.jsxs)("div", { className: 'vm-detail', children: [r.shortDesc ? (0, jsx_runtime_1.jsx)("div", { children: r.shortDesc }) : null, r.longDesc ?
+                                                            (0, jsx_runtime_1.jsx)("div", { style: { marginTop: r.shortDesc ? 4 : 0 }, children: r.longDesc.replace(/[#`*]/g, '') })
+                                                            : null] })
+                                                : null, (0, jsx_runtime_1.jsx)(variantParts_1.InlineEdit, { row: r, onDone: form.stopEdit })] })
+                                    : null] }, r.name));
+                    })] }, g.name)); })] }));
+};
+exports.VariantMinimal = VariantMinimal;
+var templateObject_1;
+//# sourceMappingURL=VariantMinimal.js.map

package/dist/components/form/engine/variants/VariantMinimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantMinimal.js","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/VariantMinimal.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/engine/variants/focusDemo.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A richer, realistic demo schema for the Focus-Pro variant — exercises the
+ * features the basic fixture lacks: NAMED groups, a one-of REQUIRED GROUP,
+ * a complex nested hash (Show-more preview), allowed-values, files/lists, plus
+ * a mix of set / invalid / required-unset / optional states. Modelled loosely
+ * on a Qorus datasource connection config.
+ */
+import { IQorusFormField, IQorusFormSchema } from '@qoretechnologies/ts-toolkit';
+export declare const getFocusDemoOptions: () => IQorusFormSchema;
+export declare const focusDemoValue: Record<string, IQorusFormField>;
+export declare const focusDemoInvalid: Record<string, string>;
+export declare const focusDemoGroupLabels: Record<string, string>;
+//# sourceMappingURL=focusDemo.d.ts.map

package/dist/components/form/engine/variants/focusDemo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusDemo.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/focusDemo.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEjF,eAAO,MAAM,mBAAmB,QAAO,gBAwGJ,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAe1D,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAEnD,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAMvD,CAAC"}

package/dist/components/form/engine/variants/focusDemo.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.focusDemoGroupLabels = exports.focusDemoInvalid = exports.focusDemoValue = exports.getFocusDemoOptions = void 0;
+var getFocusDemoOptions = function () {
+    return ({
+        // --- Connection -------------------------------------------------------
+        url: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Connection URL',
+            short_desc: 'The full datasource URL (driver://user@host:port/db).',
+            desc: 'Accepts any Qore datasource URL. Templates like `$config:db-url` are supported.',
+            group: 'connection',
+            required: true,
+            supports_templates: true,
+        },
+        port: {
+            type: 'int',
+            ui_type: 'number',
+            display_name: 'Port',
+            short_desc: 'TCP port of the database server.',
+            group: 'connection',
+            default_value: { type: 'int', value: 5432 },
+        },
+        database: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Database name',
+            short_desc: 'Name of the schema/database to connect to.',
+            group: 'connection',
+            required: true,
+        },
+        // --- Authentication (one-of required group) ---------------------------
+        token: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'API token',
+            short_desc: 'Bearer token — use this OR a username/password.',
+            group: 'authentication',
+            required_groups: ['auth'],
+            supports_templates: true,
+        },
+        username: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Username',
+            short_desc: 'Database user — paired with a password.',
+            group: 'authentication',
+            required_groups: ['auth'],
+        },
+        password: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Password',
+            short_desc: 'Database password.',
+            group: 'authentication',
+            required_groups: ['auth'],
+            supports_templates: true,
+        },
+        // --- Advanced ---------------------------------------------------------
+        options: {
+            type: 'hash',
+            ui_type: 'hash',
+            display_name: 'Driver options',
+            short_desc: 'Extra key/value options passed to the driver.',
+            group: 'advanced',
+        },
+        poolSize: {
+            type: 'int',
+            ui_type: 'number',
+            display_name: 'Pool size',
+            short_desc: 'Max simultaneous connections.',
+            group: 'advanced',
+            default_value: { type: 'int', value: 10 },
+        },
+        timeout: {
+            type: 'int',
+            ui_type: 'number',
+            display_name: 'Timeout (s)',
+            short_desc: 'Connection timeout in seconds.',
+            group: 'advanced',
+        },
+        logLevel: {
+            type: 'string',
+            ui_type: 'string',
+            display_name: 'Log level',
+            short_desc: 'Verbosity of the connection log.',
+            group: 'advanced',
+            allowed_values: [
+                { value: 'error', display_name: 'Error' },
+                { value: 'info', display_name: 'Info' },
+                { value: 'debug', display_name: 'Debug' },
+            ],
+        },
+        // --- Optional (non-preselected — render in the Optional group) ---------
+        sslCert: {
+            type: 'file',
+            ui_type: 'file',
+            display_name: 'SSL certificate',
+            short_desc: 'Client certificate for mutual TLS.',
+        },
+        tags: {
+            type: 'list',
+            ui_type: 'list',
+            display_name: 'Tags',
+            short_desc: 'Free-form labels for this connection.',
+        },
+    });
+};
+exports.getFocusDemoOptions = getFocusDemoOptions;
+exports.focusDemoValue = {
+    url: { type: 'string', value: 'pgsql://hq.qoretechnologies.com:5432/omq' },
+    // database: intentionally unset → required to-do
+    // auth group: intentionally none set → one-of unsatisfied → attention
+    options: {
+        type: 'hash',
+        value: {
+            sslmode: { type: 'string', value: 'require' },
+            application_name: { type: 'string', value: 'qorus-ide' },
+            connect_timeout: { type: 'int', value: 8 },
+        },
+    },
+    logLevel: { type: 'string', value: 'info' },
+    // timeout: invalid (entered 0)
+    timeout: { type: 'int', value: 0 },
+};
+// Demo-only invalid reasons (in the engine these come from the validity pass).
+exports.focusDemoInvalid = {
+    timeout: 'Must be greater than 0',
+};
+// Display labels for the named groups.
+exports.focusDemoGroupLabels = {
+    connection: 'Connection',
+    authentication: 'Authentication',
+    advanced: 'Advanced',
+    optional: 'Optional',
+    general: 'General',
+};
+//# sourceMappingURL=focusDemo.js.map

package/dist/components/form/engine/variants/focusDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusDemo.js","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/focusDemo.ts"],"names":[],"mappings":"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"}

package/dist/components/form/engine/variants/variantModel.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Shared row model for the FormEngine compact VARIANTS playground.
+ *
+ * This is a prototyping harness: every variant renders the SAME normalized rows
+ * (derived from a real options schema + values via the real `readFirst`
+ * formatters) and differs only in layout / chrome / UX. That keeps the
+ * comparison about presentation, not data. Editing is intentionally stubbed
+ * (expand shows a placeholder) — the point is to compare the read-first view
+ * that currently feels crowded, then graft the winner onto the real engine.
+ */
+import { IQorusFormField, IQorusFormSchema } from '@qoretechnologies/ts-toolkit';
+export type TVariantStatus = 'set' | 'unset' | 'todo' | 'invalid';
+export type TVariantValueKind = 'text' | 'number' | 'bool' | 'color' | 'file' | 'template' | 'richtext' | 'hash' | 'empty';
+export interface IVariantValue {
+    kind: TVariantValueKind;
+    /** Human-readable summary (already formatted by readFirst). */
+    display: string;
+    /** color: css color; file: size label; hash: field count; template: label */
+    extra?: string;
+}
+export interface IVariantRow {
+    name: string;
+    label: string;
+    shortDesc?: string;
+    longDesc?: string;
+    required: boolean;
+    readOnly: boolean;
+    status: TVariantStatus;
+    /** Short reason for todo/invalid, e.g. "Text value is empty". */
+    reason?: string;
+    value: IVariantValue;
+    typeLabel: string;
+    /** required_groups this field belongs to (one-of constraints). */
+    requiredGroups: string[];
+    /** True when this field is a member of an unsatisfied one-of group. */
+    inUnmetGroup: boolean;
+    /** Raw schema + value object — passed to AutoFormField for REAL editing. */
+    schema: any;
+    field: any;
+}
+export interface IVariantGroup {
+    name: string;
+    label: string;
+    rows: IVariantRow[];
+}
+/** One-of required group: members + whether any is filled. */
+export interface IRequiredGroupInfo {
+    key: string;
+    members: string[];
+    memberLabels: string[];
+    satisfied: boolean;
+}
+export interface IVariantConfig {
+    groupLabels?: Record<string, string>;
+    /** name → reason; in the engine this comes from the validity pass. */
+    invalidReasons?: Record<string, string>;
+}
+export declare function buildVariantGroups(options: IQorusFormSchema, values: Record<string, IQorusFormField>, config?: IVariantConfig): {
+    groups: IVariantGroup[];
+    requiredGroups: Record<string, IRequiredGroupInfo>;
+};
+export declare function summarize(groups: IVariantGroup[]): {
+    total: number;
+    set: number;
+    todo: number;
+    invalid: number;
+    attention: number;
+    pct: number;
+};
+//# sourceMappingURL=variantModel.d.ts.map

package/dist/components/form/engine/variants/variantModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantModel.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/variantModel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAajF,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,OAAO,GACP,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,iBAAiB,CAAC;IACxB,+DAA+D;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,cAAc,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,uEAAuE;IACvE,YAAY,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,EAAE,CAAC;CACrB;AAED,8DAA8D;AAC9D,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AA4CD,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,EACvC,MAAM,GAAE,cAAmB,GAC1B;IAAE,MAAM,EAAE,aAAa,EAAE,CAAC;IAAC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAA;CAAE,CAqEjF;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE;;;;;;;EAShD"}