@qoretechnologies/reqraft 0.10.25 → 0.10.26

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

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.summarize = exports.buildVariantGroups = void 0;
+var readFirst_1 = require("../readFirst");
+var templates_1 = require("../../../../helpers/templates");
+// Default (basic-fixture) invalid set — overridable via config.
+var DEFAULT_INVALID = {
+    optionWithInvalidValue: 'Text value is empty',
+    schemaOption: 'Hash arguments are invalid',
+};
+function buildValue(field, schema) {
+    if (!field || (0, readFirst_1.isOptionValueEmpty)(field.value))
+        return { kind: 'empty', display: '' };
+    var valueType = (0, readFirst_1.getValueType)(field, schema);
+    var formatted = (0, readFirst_1.formatOptionValue)(field, schema);
+    if (valueType === 'rgbcolor') {
+        return { kind: 'color', display: formatted, extra: (0, readFirst_1.colorToCss)(field.value) };
+    }
+    if (valueType === 'file') {
+        var size = (0, readFirst_1.getFileSize)(field.value);
+        return {
+            kind: 'file',
+            display: formatted,
+            extra: size !== undefined ? (0, readFirst_1.formatBytes)(size) : undefined,
+        };
+    }
+    if (valueType === 'bool' || valueType === 'boolean') {
+        return { kind: 'bool', display: formatted };
+    }
+    if (valueType === 'hash' || valueType === 'free-hash') {
+        return { kind: 'hash', display: formatted };
+    }
+    if (typeof field.value === 'string' && (0, templates_1.isValueTemplate)(field.value)) {
+        // The real chip resolves the template's display name from the templates
+        // list; the prototype shows a friendly label of the key.
+        var label = field.value.replace(/^\$[a-z]+:/i, '').replace(/[-_]/g, ' ') || field.value;
+        return { kind: 'template', display: label.replace(/\b\w/g, function (c) { return c.toUpperCase(); }), extra: 'local' };
+    }
+    if (valueType === 'richtext' && Array.isArray(field.value)) {
+        return { kind: 'richtext', display: formatted };
+    }
+    return { kind: 'text', display: formatted };
+}
+function buildVariantGroups(options, values, config) {
+    var _a;
+    if (config === void 0) { config = {}; }
+    var invalidReasons = (_a = config.invalidReasons) !== null && _a !== void 0 ? _a : DEFAULT_INVALID;
+    var groupMap = new Map();
+    // Pass 1: collect one-of required-group membership + satisfaction.
+    var reqGroups = {};
+    Object.entries(options).forEach(function (_a) {
+        var name = _a[0], schema = _a[1];
+        ((schema === null || schema === void 0 ? void 0 : schema.required_groups) || []).forEach(function (key) {
+            var _a;
+            if (!reqGroups[key])
+                reqGroups[key] = { key: key, members: [], memberLabels: [], satisfied: false };
+            reqGroups[key].members.push(name);
+            reqGroups[key].memberLabels.push((schema === null || schema === void 0 ? void 0 : schema.display_name) || name);
+            if (!(0, readFirst_1.isOptionValueEmpty)((_a = values[name]) === null || _a === void 0 ? void 0 : _a.value))
+                reqGroups[key].satisfied = true;
+        });
+    });
+    Object.entries(options).forEach(function (_a) {
+        var _b, _c;
+        var name = _a[0], schema = _a[1];
+        var field = values[name];
+        var empty = (0, readFirst_1.isOptionValueEmpty)(field === null || field === void 0 ? void 0 : field.value);
+        var ownGroups = (schema === null || schema === void 0 ? void 0 : schema.required_groups) || [];
+        // Member of a one-of group that nobody has satisfied yet.
+        var inUnmetGroup = ownGroups.some(function (k) { return reqGroups[k] && !reqGroups[k].satisfied; });
+        var required = !!(schema === null || schema === void 0 ? void 0 : schema.required);
+        var status;
+        var reason;
+        if (invalidReasons[name]) {
+            status = 'invalid';
+            reason = invalidReasons[name];
+        }
+        else if (empty && required) {
+            status = 'todo';
+            reason = 'Needs a value';
+        }
+        else if (empty && inUnmetGroup) {
+            status = 'todo';
+            reason = "One of ".concat(reqGroups[ownGroups[0]].memberLabels.join(' / '));
+        }
+        else if (empty) {
+            status = 'unset';
+        }
+        else {
+            status = 'set';
+        }
+        var groupName = (0, readFirst_1.getOptionGroup)(schema);
+        var groupLabel = (_c = (_b = config.groupLabels) === null || _b === void 0 ? void 0 : _b[groupName]) !== null && _c !== void 0 ? _c : (0, readFirst_1.getOptionGroupLabel)(groupName, undefined);
+        if (!groupMap.has(groupName)) {
+            groupMap.set(groupName, { name: groupName, label: groupLabel, rows: [] });
+        }
+        groupMap.get(groupName).rows.push({
+            name: name,
+            label: (schema === null || schema === void 0 ? void 0 : schema.display_name) || name,
+            shortDesc: schema === null || schema === void 0 ? void 0 : schema.short_desc,
+            longDesc: schema === null || schema === void 0 ? void 0 : schema.desc,
+            required: required || ownGroups.length > 0,
+            readOnly: !!(schema === null || schema === void 0 ? void 0 : schema.readonly),
+            status: status,
+            reason: reason,
+            value: buildValue(field, schema),
+            typeLabel: "".concat((schema === null || schema === void 0 ? void 0 : schema.ui_type) || (schema === null || schema === void 0 ? void 0 : schema.type) || 'auto'),
+            requiredGroups: ownGroups,
+            inUnmetGroup: inUnmetGroup,
+            schema: schema,
+            field: field,
+        });
+    });
+    // Stable group order: 'general' first, then the rest, 'optional' last.
+    var groups = Array.from(groupMap.values()).sort(function (a, b) {
+        var rank = function (g) { return (g === 'general' ? 0 : g === 'optional' ? 2 : 1); };
+        return rank(a.name) - rank(b.name);
+    });
+    return { groups: groups, requiredGroups: reqGroups };
+}
+exports.buildVariantGroups = buildVariantGroups;
+function summarize(groups) {
+    var rows = groups.flatMap(function (g) { return g.rows; });
+    var total = rows.length;
+    var set = rows.filter(function (r) { return r.status === 'set'; }).length;
+    var todo = rows.filter(function (r) { return r.status === 'todo'; }).length;
+    var invalid = rows.filter(function (r) { return r.status === 'invalid'; }).length;
+    var attention = todo + invalid;
+    var pct = total ? Math.round((set / total) * 100) : 0;
+    return { total: total, set: set, todo: todo, invalid: invalid, attention: attention, pct: pct };
+}
+exports.summarize = summarize;
+//# sourceMappingURL=variantModel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variantModel.js","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/variantModel.ts"],"names":[],"mappings":";;;AAWA,0CASsB;AACtB,2DAAgE;AAoEhE,gEAAgE;AAChE,IAAM,eAAe,GAA2B;IAC9C,sBAAsB,EAAE,qBAAqB;IAC7C,YAAY,EAAE,4BAA4B;CAC3C,CAAC;AAEF,SAAS,UAAU,CAAC,KAAkC,EAAE,MAAW;IACjE,IAAI,CAAC,KAAK,IAAI,IAAA,8BAAkB,EAAC,KAAK,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IAErF,IAAM,SAAS,GAAG,IAAA,wBAAY,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC9C,IAAM,SAAS,GAAG,IAAA,6BAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEnD,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAA,sBAAU,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/E,CAAC;IACD,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;QACzB,IAAM,IAAI,GAAG,IAAA,uBAAW,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO;YACL,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,uBAAW,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;SAC1D,CAAC;IACJ,CAAC;IACD,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACpD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAC9C,CAAC;IACD,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;QACtD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAC9C,CAAC;IACD,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAA,2BAAe,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACpE,wEAAwE;QACxE,yDAAyD;QACzD,IAAM,KAAK,GACT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC;QAC9E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,WAAW,EAAE,EAAf,CAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IACvG,CAAC;IACD,IAAI,SAAS,KAAK,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;IAClD,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAC9C,CAAC;AAED,SAAgB,kBAAkB,CAChC,OAAyB,EACzB,MAAuC,EACvC,MAA2B;;IAA3B,uBAAA,EAAA,WAA2B;IAE3B,IAAM,cAAc,GAAG,MAAA,MAAM,CAAC,cAAc,mCAAI,eAAe,CAAC;IAChE,IAAM,QAAQ,GAAG,IAAI,GAAG,EAAyB,CAAC;IAElD,mEAAmE;IACnE,IAAM,SAAS,GAAuC,EAAE,CAAC;IACzD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAC,EAA6B;YAA5B,IAAI,QAAA,EAAE,MAAM,QAAA;QAC5C,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,KAAI,EAAE,CAAC,CAAC,OAAO,CAAC,UAAC,GAAW;;YAClD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;gBAAE,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,KAAA,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAC/F,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClC,SAAS,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAuB,KAAI,IAAI,CAAC,CAAC;YAC3E,IAAI,CAAC,IAAA,8BAAkB,EAAC,MAAA,MAAM,CAAC,IAAI,CAAC,0CAAE,KAAK,CAAC;gBAAE,SAAS,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC;QAChF,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,UAAC,EAA6B;;YAA5B,IAAI,QAAA,EAAE,MAAM,QAAA;QAC5C,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAM,KAAK,GAAG,IAAA,8BAAkB,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,CAAC;QAC/C,IAAM,SAAS,GAAa,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,eAAe,KAAI,EAAE,CAAC;QAC1D,0DAA0D;QAC1D,IAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EAAvC,CAAuC,CAAC,CAAC;QACpF,IAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA,CAAC;QAEpC,IAAI,MAAsB,CAAC;QAC3B,IAAI,MAA0B,CAAC;QAC/B,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,MAAM,GAAG,SAAS,CAAC;YACnB,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;aAAM,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,MAAM,GAAG,MAAM,CAAC;YAChB,MAAM,GAAG,eAAe,CAAC;QAC3B,CAAC;aAAM,IAAI,KAAK,IAAI,YAAY,EAAE,CAAC;YACjC,MAAM,GAAG,MAAM,CAAC;YAChB,MAAM,GAAG,iBAAU,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAE,CAAC;QACxE,CAAC;aAAM,IAAI,KAAK,EAAE,CAAC;YACjB,MAAM,GAAG,OAAO,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;QAED,IAAM,SAAS,GAAG,IAAA,0BAAc,EAAC,MAAM,CAAC,CAAC;QACzC,IAAM,UAAU,GAAG,MAAA,MAAA,MAAM,CAAC,WAAW,0CAAG,SAAS,CAAC,mCAAI,IAAA,+BAAmB,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC7B,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5E,CAAC;QACD,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC;YACjC,IAAI,MAAA;YACJ,KAAK,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAuB,KAAI,IAAI;YAC/C,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU;YAC7B,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;YACtB,QAAQ,EAAE,QAAQ,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;YAC1C,QAAQ,EAAE,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAA;YAC5B,MAAM,QAAA;YACN,MAAM,QAAA;YACN,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC;YAChC,SAAS,EAAE,UAAG,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAkB,MAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAe,CAAA,IAAI,MAAM,CAAE;YACjF,cAAc,EAAE,SAAS;YACzB,YAAY,cAAA;YACZ,MAAM,QAAA;YACN,KAAK,OAAA;SACN,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,uEAAuE;IACvE,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACrD,IAAM,IAAI,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAhD,CAAgD,CAAC;QAC7E,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,MAAM,QAAA,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AAC/C,CAAC;AAzED,gDAyEC;AAED,SAAgB,SAAS,CAAC,MAAuB;IAC/C,IAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC;IAC3C,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;IAC1B,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,KAAK,KAAK,EAAlB,CAAkB,CAAC,CAAC,MAAM,CAAC;IAC1D,IAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,KAAK,MAAM,EAAnB,CAAmB,CAAC,CAAC,MAAM,CAAC;IAC5D,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,KAAK,SAAS,EAAtB,CAAsB,CAAC,CAAC,MAAM,CAAC;IAClE,IAAM,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC;IACjC,IAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,OAAO,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,GAAG,KAAA,EAAE,CAAC;AACvD,CAAC;AATD,8BASC"}

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { IVariantGroup, IVariantRow, IVariantValue, TVariantStatus } from './variantModel';
+export declare function useVariantColors(): {
+    main: string;
+    text: string;
+    muted: string;
+    faint: string;
+    line: string;
+    hover: string;
+    surface: string;
+    danger: string;
+    warning: string;
+    success: string;
+    info: string;
+    custom1: string;
+};
+export declare const STATUS_COLOR: (status: TVariantStatus, c: ReturnType<typeof useVariantColors>) => string;
+/** A single status mark — one dot, color = severity. Replaces stripe+box+icon. */
+export declare const StatusDot: ({ status, size, }: {
+    status: TVariantStatus;
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+/** The value summary. `tone='calm'` desaturates template/richtext chips. */
+export declare const ValueView: ({ value, tone, }: {
+    value: IVariantValue;
+    tone?: 'calm' | 'vivid';
+}) => import("react/jsx-runtime").JSX.Element;
+/** A reusable description disclosure used by every variant (tap-friendly).
+ *  Unifies short_desc (inline) + long desc into ONE control. */
+export declare const useDisclosure: () => {
+    isOpen: (id: string) => boolean;
+    toggle: (id: string) => void;
+};
+export type TVariantFilter = 'all' | 'attention';
+export declare function useVariantForm(options: any, values: any, config?: any): {
+    groups: IVariantGroup[];
+    visibleGroups: IVariantGroup[];
+    requiredGroups: Record<string, import("./variantModel").IRequiredGroupInfo>;
+    summary: {
+        total: number;
+        set: number;
+        todo: number;
+        invalid: number;
+        attention: number;
+        pct: number;
+    };
+    filter: TVariantFilter;
+    setFilter: React.Dispatch<React.SetStateAction<TVariantFilter>>;
+    toggleAttention: () => void;
+    query: string;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    showDescriptions: boolean;
+    toggleDescriptions: () => void;
+    editing: string;
+    startEdit: (name: string) => void;
+    stopEdit: () => void;
+};
+export type TVariantForm = ReturnType<typeof useVariantForm>;
+/** Compact toolbar: just a prominent filter field. The "needs attention" control
+ *  lives in each variant's header (the count line is the link); all optional
+ *  fields render inline in the Optional group, so there's no "add field" step. */
+export declare const VariantToolbar: ({ form }: {
+    form: TVariantForm;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Complex value preview — the SAME nested tree + "Show more" fade the compact
+ *  engine uses, so hash/list fields show their contents immediately. */
+export declare const ComplexPreview: ({ value, onOpen }: {
+    value: unknown;
+    onOpen?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Inline editor: mounts the REAL field editor (AutoFormField) for the row's
+ *  schema + value, so clicking a field edits it for real (string, number, bool,
+ *  colour, file, richtext, list, date, …). Local state only — the prototype
+ *  doesn't persist; in the engine this flows through handleValueChange. */
+export declare const InlineEdit: ({ row, onDone }: {
+    row: IVariantRow;
+    onDone: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=variantParts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variantParts.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/engine/variants/variantParts.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAGL,aAAa,EACb,WAAW,EACX,aAAa,EACb,cAAc,EACf,MAAM,gBAAgB,CAAC;AAExB,wBAAgB,gBAAgB;;;;;;;;;;;;;EAiB/B;AAED,eAAO,MAAM,YAAY,WACf,cAAc,KACnB,WAAW,uBAAuB,CAAC,WAK7B,CAAC;AAEZ,kFAAkF;AAClF,eAAO,MAAM,SAAS,sBAGnB;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,4CAgBA,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,SAAS,qBAGnB;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,4CAkFA,CAAC;AAEF;gEACgE;AAChE,eAAO,MAAM,aAAa;iBAGT,MAAM;iBACN,MAAM;CAEtB,CAAC;AAMF,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,WAAW,CAAC;AAEjD,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG;;;;;;;;;;;;;;;;;;;;sBAwChD,MAAM;;EAG3B;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D;;kFAEkF;AAClF,eAAO,MAAM,cAAc,aAAc;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,4CAgC9D,CAAC;AAEF;wEACwE;AACxE,eAAO,MAAM,cAAc,sBAAuB;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CAWxF,CAAC;AAEF;;;2EAG2E;AAC3E,eAAO,MAAM,UAAU,oBAAqB;IAAE,GAAG,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,4CAuBnF,CAAC"}

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

@@ -0,0 +1,191 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineEdit = exports.ComplexPreview = exports.VariantToolbar = exports.useVariantForm = exports.useDisclosure = exports.ValueView = exports.StatusDot = exports.STATUS_COLOR = exports.useVariantColors = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Shared rendering parts for the FormEngine compact VARIANTS playground.
+ * Value rendering is shared so every variant shows identical data; the `tone`
+ * prop lets a variant choose a calm (desaturated) or vivid chip treatment.
+ */
+var reqore_1 = require("@qoretechnologies/reqore");
+var useTheme_1 = require("@qoretechnologies/reqore/dist/hooks/useTheme");
+var react_1 = __importDefault(require("react"));
+var AutoFormField_1 = require("../../fields/auto/AutoFormField");
+var StructuredDataView_1 = require("../_structuredData/StructuredDataView");
+var variantModel_1 = require("./variantModel");
+function useVariantColors() {
+    var _a, _b, _c, _d, _e, _f;
+    var theme = (0, useTheme_1.useReqoreTheme)();
+    var intents = (theme.intents || {});
+    return {
+        main: theme.main,
+        text: ((_a = theme.text) === null || _a === void 0 ? void 0 : _a.color) || '#e8e8e8',
+        muted: "".concat(((_b = theme.text) === null || _b === void 0 ? void 0 : _b.color) || '#e8e8e8', "99"),
+        faint: "".concat(((_c = theme.text) === null || _c === void 0 ? void 0 : _c.color) || '#e8e8e8', "55"),
+        line: "".concat(((_d = theme.text) === null || _d === void 0 ? void 0 : _d.color) || '#ffffff', "14"),
+        hover: "".concat(((_e = theme.text) === null || _e === void 0 ? void 0 : _e.color) || '#ffffff', "0c"),
+        surface: "".concat(((_f = theme.text) === null || _f === void 0 ? void 0 : _f.color) || '#ffffff', "08"),
+        danger: intents.danger || '#a82a2a',
+        warning: intents.warning || '#d17c29',
+        success: intents.success || '#4a7110',
+        info: intents.info || '#3b7bbf',
+        custom1: intents.custom1 || '#762f7e',
+    };
+}
+exports.useVariantColors = useVariantColors;
+var STATUS_COLOR = function (status, c) {
+    return status === 'invalid' ? c.danger
+        : status === 'todo' ? c.warning
+            : status === 'set' ? c.success
+                : c.faint;
+};
+exports.STATUS_COLOR = STATUS_COLOR;
+/** A single status mark — one dot, color = severity. Replaces stripe+box+icon. */
+var StatusDot = function (_a) {
+    var status = _a.status, _b = _a.size, size = _b === void 0 ? 7 : _b;
+    var c = useVariantColors();
+    if (status === 'unset')
+        return null;
+    return ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, style: {
+            width: size,
+            height: size,
+            borderRadius: '50%',
+            flex: '0 0 auto',
+            background: (0, exports.STATUS_COLOR)(status, c),
+            boxShadow: status !== 'set' ? "0 0 0 3px ".concat((0, exports.STATUS_COLOR)(status, c), "22") : undefined,
+        } }));
+};
+exports.StatusDot = StatusDot;
+/** The value summary. `tone='calm'` desaturates template/richtext chips. */
+var ValueView = function (_a) {
+    var value = _a.value, _b = _a.tone, tone = _b === void 0 ? 'calm' : _b;
+    var c = useVariantColors();
+    var ellipsis = {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        minWidth: 0,
+    };
+    switch (value.kind) {
+        case 'empty':
+            // A quiet dash reads as "no value" without shouting "Not set" on every row.
+            return (0, jsx_runtime_1.jsx)("span", { style: { color: c.faint }, children: "\u2014" });
+        case 'color':
+            return ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 7, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, style: {
+                            width: 12,
+                            height: 12,
+                            borderRadius: 3,
+                            flex: '0 0 auto',
+                            background: value.extra,
+                            border: "1px solid ".concat(c.line),
+                        } }), (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display })] }));
+        case 'file':
+            return ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 6, minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'FileLine', size: '13px', style: { color: c.muted, flexShrink: 0 } }), (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display }), value.extra ?
+                        (0, jsx_runtime_1.jsx)("span", { style: { color: c.faint, fontSize: 11, flexShrink: 0 }, children: value.extra })
+                        : null] }));
+        case 'bool':
+            return (0, jsx_runtime_1.jsx)("span", { children: value.display });
+        case 'hash':
+            return ((0, jsx_runtime_1.jsxs)("span", { style: { display: 'inline-flex', alignItems: 'center', gap: 6, color: c.muted }, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'BracesLine', size: '12px', style: { color: c.faint } }), (0, jsx_runtime_1.jsx)("span", { children: value.display })] }));
+        case 'template':
+            return tone === 'vivid' ?
+                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { size: 'small', intent: 'info', icon: 'ExchangeDollarLine', label: value.display })
+                : (0, jsx_runtime_1.jsxs)("span", { style: __assign({ display: 'inline-flex', alignItems: 'center', gap: 5, padding: '1px 7px', borderRadius: 4, background: c.surface, border: "1px solid ".concat(c.line), color: c.text, fontSize: 12, maxWidth: '100%' }, ellipsis), children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreIcon, { icon: 'ExchangeDollarLine', size: '11px', style: { color: c.custom1, flexShrink: 0 } }), (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display })] });
+        case 'richtext':
+            return (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display });
+        default:
+            return (0, jsx_runtime_1.jsx)("span", { style: ellipsis, children: value.display });
+    }
+};
+exports.ValueView = ValueView;
+/** A reusable description disclosure used by every variant (tap-friendly).
+ *  Unifies short_desc (inline) + long desc into ONE control. */
+var useDisclosure = function () {
+    var _a = react_1.default.useState({}), open = _a[0], setOpen = _a[1];
+    return {
+        isOpen: function (id) { return !!open[id]; },
+        toggle: function (id) { return setOpen(function (p) {
+            var _a;
+            return (__assign(__assign({}, p), (_a = {}, _a[id] = !p[id], _a)));
+        }); },
+    };
+};
+exports.useDisclosure = useDisclosure;
+function useVariantForm(options, values, config) {
+    var _a = react_1.default.useState('all'), filter = _a[0], setFilter = _a[1];
+    var _b = react_1.default.useState(''), query = _b[0], setQuery = _b[1];
+    var _c = react_1.default.useState(false), showDescriptions = _c[0], setShowDescriptions = _c[1];
+    var _d = react_1.default.useState(null), editing = _d[0], setEditing = _d[1];
+    var _e = react_1.default.useMemo(function () { return (0, variantModel_1.buildVariantGroups)(options, values, config); }, [options, values, config]), groups = _e.groups, requiredGroups = _e.requiredGroups;
+    var summary = react_1.default.useMemo(function () { return (0, variantModel_1.summarize)(groups); }, [groups]);
+    // Filtered view: text query (label match) + 'attention' (todo/invalid only).
+    var visibleGroups = react_1.default.useMemo(function () {
+        var q = query.trim().toLowerCase();
+        return groups
+            .map(function (g) { return (__assign(__assign({}, g), { rows: g.rows.filter(function (r) {
+                return (filter === 'all' || r.status === 'todo' || r.status === 'invalid') &&
+                    (!q || r.label.toLowerCase().includes(q) || r.name.toLowerCase().includes(q));
+            }) })); })
+            .filter(function (g) { return g.rows.length; });
+    }, [groups, filter, query]);
+    return {
+        groups: groups,
+        visibleGroups: visibleGroups,
+        requiredGroups: requiredGroups,
+        summary: summary,
+        filter: filter,
+        setFilter: setFilter,
+        toggleAttention: function () { return setFilter(function (f) { return (f === 'attention' ? 'all' : 'attention'); }); },
+        query: query,
+        setQuery: setQuery,
+        showDescriptions: showDescriptions,
+        toggleDescriptions: function () { return setShowDescriptions(function (v) { return !v; }); },
+        editing: editing,
+        startEdit: function (name) { return setEditing(function (cur) { return (cur === name ? null : name); }); },
+        stopEdit: function () { return setEditing(null); },
+    };
+}
+exports.useVariantForm = useVariantForm;
+/** Compact toolbar: just a prominent filter field. The "needs attention" control
+ *  lives in each variant's header (the count line is the link); all optional
+ *  fields render inline in the Optional group, so there's no "add field" step. */
+var VariantToolbar = function (_a) {
+    var form = _a.form;
+    var c = useVariantColors();
+    var summary = form.summary, query = form.query, setQuery = form.setQuery, showDescriptions = form.showDescriptions, toggleDescriptions = form.toggleDescriptions;
+    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { verticalAlign: 'center', fluid: true, children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreInput, { placeholder: 'Filter fields\u2026', icon: 'Search2Line', iconColor: 'muted', pill: true, fluid: true, value: query, onChange: function (e) { return setQuery(e.currentTarget.value); }, onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { fixed: true, flat: true, minimal: true, intent: showDescriptions ? 'info' : undefined, active: showDescriptions, icon: showDescriptions ? 'InformationFill' : 'InformationLine', tooltip: showDescriptions ? 'Hide field descriptions' : 'Show field descriptions', onClick: toggleDescriptions }), (0, jsx_runtime_1.jsxs)("span", { style: { color: c.faint, fontSize: 12, paddingLeft: 4, whiteSpace: 'nowrap' }, children: [summary.set, "/", summary.total, " set"] })] }));
+};
+exports.VariantToolbar = VariantToolbar;
+/** Complex value preview — the SAME nested tree + "Show more" fade the compact
+ *  engine uses, so hash/list fields show their contents immediately. */
+var ComplexPreview = function (_a) {
+    var value = _a.value, onOpen = _a.onOpen;
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreCollapsibleContent, { maxCollapsedHeight: 120, children: (0, jsx_runtime_1.jsx)("div", { onClick: function (e) { return e.stopPropagation(); }, children: (0, jsx_runtime_1.jsx)(StructuredDataView_1.StructuredDataView, { value: value, collapsibleRoot: false, defaultExpandDepth: 2, onItemClick: onOpen }) }) }));
+};
+exports.ComplexPreview = ComplexPreview;
+/** Inline editor: mounts the REAL field editor (AutoFormField) for the row's
+ *  schema + value, so clicking a field edits it for real (string, number, bool,
+ *  colour, file, richtext, list, date, …). Local state only — the prototype
+ *  doesn't persist; in the engine this flows through handleValueChange. */
+var InlineEdit = function (_a) {
+    var _b, _c;
+    var row = _a.row, onDone = _a.onDone;
+    var _d = react_1.default.useState((_b = row.field) === null || _b === void 0 ? void 0 : _b.value), value = _d[0], setValue = _d[1];
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { gridColumn: '1 / -1', display: 'flex', flexFlow: 'column', gap: 8, padding: '10px 0 12px' }, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(AutoFormField_1.AutoFormField, __assign({}, (row.schema || {}), { name: row.name, value: value, default_value: (_c = row.schema) === null || _c === void 0 ? void 0 : _c.default_value, onChange: function (_n, v) { return setValue(v); }, fluid: true, size: 'small' })), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'flex-end' }, children: (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { size: 'small', intent: 'success', icon: 'CheckLine', fixed: true, onClick: onDone, children: "Done" }) })] }));
+};
+exports.InlineEdit = InlineEdit;
+//# sourceMappingURL=variantParts.js.map

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

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

package/dist/components/form/expressions/builder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/expressions/builder/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAc1D,OAAO,EAEL,WAAW,EACX,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAalB,MAAM,WAAW,uBAAuB;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EACT,kBAAkB,EAAE,GACpB,CAAC,CAAC,OAAO,EAAE;QACT,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;QACvC,KAAK,CAAC,EAAE,WAAW,CAAC;KACrB,KAAK,kBAAkB,EAAE,CAAC,CAAC;CACjC;AAiBD,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;CAAG;AAEpE,eAAO,MAAM,UAAU,wKAiBpB,gBAAgB,4CA26BlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,kLAiB3B,uBAAuB,4CAyLzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/expressions/builder/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAc1D,OAAO,EAEL,WAAW,EACX,iBAAiB,EAElB,MAAM,UAAU,CAAC;AAalB,MAAM,WAAW,uBAAuB;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EACT,kBAAkB,EAAE,GACpB,CAAC,CAAC,OAAO,EAAE;QACT,kBAAkB,CAAC,EAAE,iBAAiB,CAAC;QACvC,KAAK,CAAC,EAAE,WAAW,CAAC;KACrB,KAAK,kBAAkB,EAAE,CAAC,CAAC;CACjC;AAiBD,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;CAAG;AAEpE,eAAO,MAAM,UAAU,wKAiBpB,gBAAgB,4CAs7BlB,CAAC;AAEF,eAAO,MAAM,iBAAiB,kLAiB3B,uBAAuB,4CAyLzB,CAAC"}

package/dist/components/form/expressions/builder/index.js

@@ -422,7 +422,10 @@ var Expression = function (_a) {
         var _a, _b;
         return (_b = (_a = value.value) === null || _a === void 0 ? void 0 : _a.args) === null || _b === void 0 ? void 0 : _b.some(function (arg) { return arg === null || arg === void 0 ? void 0 : arg.types_mismatch; });
     }, [JSON.stringify(value)]);
-    if (expressions.loading || types.loading) {
+    // The type hook is seeded with the complete built-in catalogue and refreshes
+    // it in the background.  Do not hide an otherwise usable expression behind
+    // a skeleton while that optional refresh is in flight.
+    if (expressions.loading || (types.loading && !(0, lodash_1.size)(types.value))) {
         return (0, jsx_runtime_1.jsx)(reqore_1.ReqorePanelSkeleton, { size: 'small' });
     }
     var validationData = (0, validations_1.validateFieldWithResult)('expression', value, {
@@ -430,7 +433,12 @@ var Expression = function (_a) {
     });
     return ((0, jsx_runtime_1.jsxs)(item_1.ExpressionItem, { index: index, as: reqore_1.ReqorePanel, intent: validationData.isValid && !!returnType && isReturnTypeMatching ? 'muted' : 'danger', description: isExpressionServerHandled ? 'This expression will be executed outside of Qorus' : '', flat: true, readOnly: readOnly, minimal: true, size: 'small', isChild: isChild, className: 'expression', customTheme: {
             main: "main:darken:".concat(level),
-        }, id: id, label: (0, jsx_runtime_1.jsx)(Select_1.SelectFormField, { size: 'tiny', className: 'expression-operator-selector', value: (_f = value === null || value === void 0 ? void 0 : value.value) === null || _f === void 0 ? void 0 : _f.exp, icon: 'Functions', placeholder: 'Select operation', fluid: false, fixed: true, flat: true, minimal: true, items: defaultItems, onChange: handleOperatorChange, showDescription: 'tooltip', disabled: readOnly, id: 'expression-builder-select-function' }), style: {
+        }, id: id, label: (0, jsx_runtime_1.jsx)(Select_1.SelectFormField, { size: 'tiny', className: 'expression-operator-selector', value: (_f = value === null || value === void 0 ? void 0 : value.value) === null || _f === void 0 ? void 0 : _f.exp, icon: 'Functions', placeholder: 'Select operation', fluid: false, fixed: true, flat: true, 
+            // The operation catalogue is long and every entry carries a description,
+            // so it belongs in the searchable collection modal rather than an inline
+            // dropdown. `SelectFormField` defaults `forceDropdown` to `true`, which
+            // would otherwise collapse this picker into the dropdown presentation.
+            forceDropdown: false, minimal: true, items: defaultItems, onChange: handleOperatorChange, showDescription: 'tooltip', disabled: readOnly, id: 'expression-builder-select-function' }), style: {
             marginLeft: isChild ? 10 : undefined,
             borderStyle: 'dashed',
             flexShrink: 1,
@@ -461,6 +469,9 @@ var Expression = function (_a) {
                     transparent: false,
                     fixed: true,
                     minimal: false,
+                    // Same catalogue as the operation selector above — keep the collection
+                    // modal rather than the `forceDropdown` default's inline dropdown.
+                    forceDropdown: false,
                     items: defaultItems,
                     hideItemCount: true,
                     onChange: handleWrapExpressionClick,