@qoretechnologies/reqraft 0.10.46-pr.95.ge595a13 → 0.10.46

package/dist/helpers/providerValue.d.ts

@@ -0,0 +1,68 @@
+import { TQorusForm } from '@qoretechnologies/ts-toolkit';
+export type TRecordType = 'search' | 'search-single' | 'create' | 'update' | 'delete';
+export type TRealRecordType = 'read' | 'create' | 'update' | 'delete';
+export type TProviderTypeSupports = {
+    [key in `supports_${TRealRecordType}`]?: boolean;
+};
+export type TProviderTypeArgs = {
+    [key in `${TRecordType}_args`]?: TQorusForm | TQorusForm[];
+};
+/**
+ * A data-provider selection, in the shape the form holds it.
+ *
+ * The `supports_*` flags say which record operations the selected provider can
+ * perform; validation reads them to decide whether a provider is a legitimate
+ * target for the operation the field was configured for.
+ */
+export interface IProviderType extends TProviderTypeSupports, TProviderTypeArgs {
+    type: string;
+    name: string;
+    path?: string;
+    options?: TQorusForm;
+    subtype?: 'request' | 'response';
+    hasApiContext?: boolean;
+    optionsChanged?: boolean;
+    searchOptionsChanged?: boolean;
+    desc?: string;
+    use_args?: boolean;
+    args?: any;
+    up?: boolean;
+    supports_request?: boolean;
+    supports_messages?: 'ASYNC' | 'SYNC' | 'NONE';
+    supports_observable?: boolean;
+    transaction_management?: boolean;
+    record_requires_search_options?: boolean;
+    create_args_freeform?: TQorusForm[];
+    is_api_call?: boolean;
+    search_options?: TQorusForm;
+    descriptions?: string[];
+    message_id?: string;
+    message?: {
+        type: string;
+        value: any;
+    };
+}
+/**
+ * A provider value as an object, from either representation a caller may hold.
+ *
+ * A provider reaches the form either already expanded into `IProviderType`, or
+ * as the flat path string the server stores — `"factory/db{driver=pgsql}/table"`
+ * or the plain `"type/name/path"`. Returns `null` for anything that is neither,
+ * so a caller reports an invalid value rather than reading fields off nothing.
+ */
+export declare const maybeBuildOptionProvider: (provider: unknown) => IProviderType | null;
+/**
+ * An FSM variable action — which variable, and what is done to it.
+ *
+ * The provider half is `Partial<IProviderType>` because the action's own
+ * `action_type` decides which provider fields have to be there; validation
+ * re-runs the matching provider validator over the merged value rather than
+ * duplicating those rules here.
+ */
+export type TVariableActionValue = {
+    var_type: 'globalvar' | 'localvar' | 'autovar';
+    var_name: string;
+    transaction_action?: 'commit' | 'rollback' | 'begin-transaction';
+    action_type?: 'search' | 'search-single' | 'update' | 'create' | 'delete' | 'transaction' | 'send-message' | 'apicall';
+} & Partial<IProviderType>;
+//# sourceMappingURL=providerValue.d.ts.map

package/dist/helpers/providerValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerValue.d.ts","sourceRoot":"","sources":["../../src/helpers/providerValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACtF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;KACjC,GAAG,IAAI,YAAY,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO;CACjD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,GAAG,WAAW,OAAO,CAAC,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE;CAC3D,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,aAAc,SAAQ,qBAAqB,EAAE,iBAAiB;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,oBAAoB,CAAC,EAAE,UAAU,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,GAAG,CAAC;KACZ,CAAC;CACH;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,aAAc,OAAO,KAAG,aAAa,GAAG,IA4C5E,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,mBAAmB,CAAC;IACjE,WAAW,CAAC,EACR,QAAQ,GACR,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,aAAa,GACb,cAAc,GACd,SAAS,CAAC;CACf,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC"}

package/dist/helpers/providerValue.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maybeBuildOptionProvider = void 0;
+/**
+ * A provider value as an object, from either representation a caller may hold.
+ *
+ * A provider reaches the form either already expanded into `IProviderType`, or
+ * as the flat path string the server stores — `"factory/db{driver=pgsql}/table"`
+ * or the plain `"type/name/path"`. Returns `null` for anything that is neither,
+ * so a caller reports an invalid value rather than reading fields off nothing.
+ */
+var maybeBuildOptionProvider = function (provider) {
+    if (!provider) {
+        return null;
+    }
+    if (typeof provider === 'object') {
+        return provider;
+    }
+    if (typeof provider !== 'string') {
+        return null;
+    }
+    if (provider.startsWith('factory')) {
+        var fixedProvider = provider.endsWith('/') ? provider : "".concat(provider, "/");
+        var factoryType = fixedProvider.split('/')[0];
+        var factoryName = fixedProvider.substring(fixedProvider.indexOf('/') + 1, fixedProvider.lastIndexOf('{'));
+        var options = fixedProvider.substring(fixedProvider.indexOf('{') + 1, fixedProvider.lastIndexOf('}'));
+        var optionsObject = options
+            .split(',')
+            .filter(Boolean)
+            .reduce(function (result, option) {
+            var _a = option.split('='), key = _a[0], value = _a[1];
+            result[key] = value;
+            return result;
+        }, {});
+        var result = {
+            type: factoryType,
+            name: factoryName,
+            path: fixedProvider.substring(fixedProvider.lastIndexOf('}/') + 2),
+            options: optionsObject,
+        };
+        if (provider.includes('?options_changed')) {
+            result.optionsChanged = true;
+        }
+        return result;
+    }
+    var _a = provider.split('/'), type = _a[0], name = _a[1], path = _a.slice(2);
+    return { type: type, name: name, path: path.join('/') };
+};
+exports.maybeBuildOptionProvider = maybeBuildOptionProvider;
+//# sourceMappingURL=providerValue.js.map

package/dist/helpers/providerValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerValue.js","sourceRoot":"","sources":["../../src/helpers/providerValue.ts"],"names":[],"mappings":";;;AAiDA;;;;;;;GAOG;AACI,IAAM,wBAAwB,GAAG,UAAC,QAAiB;IACxD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,QAAyB,CAAC;IACnC,CAAC;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACnC,IAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAG,QAAQ,MAAG,CAAC;QAClE,IAAA,WAAW,GAAI,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,GAA5B,CAA6B;QAC/C,IAAM,WAAW,GAAG,aAAa,CAAC,SAAS,CACzC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAC9B,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAC/B,CAAC;QACF,IAAM,OAAO,GAAG,aAAa,CAAC,SAAS,CACrC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAC9B,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,CAC/B,CAAC;QACF,IAAM,aAAa,GAAG,OAAO;aAC1B,KAAK,CAAC,GAAG,CAAC;aACV,MAAM,CAAC,OAAO,CAAC;aACf,MAAM,CAAyB,UAAC,MAAM,EAAE,MAAM;YACvC,IAAA,KAAe,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAA/B,GAAG,QAAA,EAAE,KAAK,QAAqB,CAAC;YACvC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACpB,OAAO,MAAM,CAAC;QAChB,CAAC,EAAE,EAAE,CAAC,CAAC;QACT,IAAM,MAAM,GAAkB;YAC5B,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClE,OAAO,EAAE,aAAsC;SAChD,CAAC;QACF,IAAI,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC;YAC1C,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAC/B,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEK,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAA1C,IAAI,QAAA,EAAE,IAAI,QAAA,EAAK,IAAI,cAAuB,CAAC;IAClD,OAAO,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAC9C,CAAC,CAAC;AA5CW,QAAA,wBAAwB,4BA4CnC"}

package/dist/helpers/singleLineString.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Which string field types hold one line, and how to keep them that way.
+ *
+ * The server already draws this distinction and the IDE was throwing it away:
+ * a service's `name` is declared `ui_type: "string"` while its `description` is
+ * `ui_type: "long-string"` with `markdown: True` (see `ServiceMetadata.qc`).
+ * Every one of them — plus `email`, `uuid`, `hostname`, `ipv4`, `ipv6` and
+ * `phone` — rendered through the same growing textarea, so a technical name, a
+ * version and an IP address all accepted Enter.
+ *
+ * That is not a cosmetic problem. These values become YAML keys, class names,
+ * URLs and identifiers; a newline in one of them is invalid input that the form
+ * happily accepted and passed on, and the operator had no way to see it.
+ *
+ * The rule is the server's own contract, stated once here rather than guessed
+ * per field, and it is enforced in `LongString.tsx`.
+ *
+ * It lives in reqraft rather than in a consumer because the consumer is not the
+ * only renderer: qorus-ide fixed this in its OWN long-string field, and every
+ * form that goes through FormEngine — which is where an alert rule's Internal
+ * Name, Name and Short Description are — reaches THIS one instead. The fix was
+ * real and the field in front of the operator still took Enter.
+ */
+/** True when a string field of this type holds a single line. */
+export declare const isSingleLineStringType: (type?: string) => boolean;
+/**
+ * Flattens any line break to a single space.
+ *
+ * A space rather than nothing, because the newline is usually where a word
+ * boundary was — pasting two lines into a name should read as two words, not
+ * one run-together one. CR, LF and CRLF all collapse to one space, and the
+ * result is trimmed of leading/trailing whitespace the break introduced.
+ */
+export declare const flattenToSingleLine: (value: string) => string;
+/** True when the value carries a line break this field should not hold. */
+export declare const hasLineBreak: (value: string) => boolean;
+//# sourceMappingURL=singleLineString.d.ts.map

package/dist/helpers/singleLineString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleLineString.d.ts","sourceRoot":"","sources":["../../src/helpers/singleLineString.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAsBH,iEAAiE;AACjE,eAAO,MAAM,sBAAsB,UAAW,MAAM,KAAG,OACT,CAAC;AAE/C;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,UAAW,MAAM,KAAG,MACM,CAAC;AAE3D,2EAA2E;AAC3E,eAAO,MAAM,YAAY,UAAW,MAAM,KAAG,OAA8B,CAAC"}

package/dist/helpers/singleLineString.js

@@ -0,0 +1,66 @@
+"use strict";
+/**
+ * Which string field types hold one line, and how to keep them that way.
+ *
+ * The server already draws this distinction and the IDE was throwing it away:
+ * a service's `name` is declared `ui_type: "string"` while its `description` is
+ * `ui_type: "long-string"` with `markdown: True` (see `ServiceMetadata.qc`).
+ * Every one of them — plus `email`, `uuid`, `hostname`, `ipv4`, `ipv6` and
+ * `phone` — rendered through the same growing textarea, so a technical name, a
+ * version and an IP address all accepted Enter.
+ *
+ * That is not a cosmetic problem. These values become YAML keys, class names,
+ * URLs and identifiers; a newline in one of them is invalid input that the form
+ * happily accepted and passed on, and the operator had no way to see it.
+ *
+ * The rule is the server's own contract, stated once here rather than guessed
+ * per field, and it is enforced in `LongString.tsx`.
+ *
+ * It lives in reqraft rather than in a consumer because the consumer is not the
+ * only renderer: qorus-ide fixed this in its OWN long-string field, and every
+ * form that goes through FormEngine — which is where an alert rule's Internal
+ * Name, Name and Short Description are — reaches THIS one instead. The fix was
+ * real and the field in front of the operator still took Enter.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasLineBreak = exports.flattenToSingleLine = exports.isSingleLineStringType = void 0;
+/**
+ * The string types that hold exactly one line — the ones routed to a textarea
+ * today.
+ *
+ * Listed explicitly rather than derived by excluding the document types,
+ * because the two directions fail very differently. Missing a single-line type
+ * here leaves it behaving as it does now — no worse. Wrongly treating a new
+ * DOCUMENT type as single-line would flatten a user's text as they typed it,
+ * which is data loss. So an unrecognised type stays multi-line.
+ */
+var SINGLE_LINE_STRING_TYPES = new Set([
+    'string',
+    'email',
+    'uuid',
+    'hostname',
+    'ipv4',
+    'ipv6',
+    'phone',
+]);
+/** True when a string field of this type holds a single line. */
+var isSingleLineStringType = function (type) {
+    return !!type && SINGLE_LINE_STRING_TYPES.has(type);
+};
+exports.isSingleLineStringType = isSingleLineStringType;
+/**
+ * Flattens any line break to a single space.
+ *
+ * A space rather than nothing, because the newline is usually where a word
+ * boundary was — pasting two lines into a name should read as two words, not
+ * one run-together one. CR, LF and CRLF all collapse to one space, and the
+ * result is trimmed of leading/trailing whitespace the break introduced.
+ */
+var flattenToSingleLine = function (value) {
+    return value.replace(/\r\n|\r|\n/g, ' ').replace(/ {2,}/g, ' ');
+};
+exports.flattenToSingleLine = flattenToSingleLine;
+/** True when the value carries a line break this field should not hold. */
+var hasLineBreak = function (value) { return /\r|\n/.test(value); };
+exports.hasLineBreak = hasLineBreak;
+//# sourceMappingURL=singleLineString.js.map

package/dist/helpers/singleLineString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleLineString.js","sourceRoot":"","sources":["../../src/helpers/singleLineString.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;;;AAEH;;;;;;;;;GASG;AACH,IAAM,wBAAwB,GAAG,IAAI,GAAG,CAAC;IACvC,QAAQ;IACR,OAAO;IACP,MAAM;IACN,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAEH,iEAAiE;AAC1D,IAAM,sBAAsB,GAAG,UAAC,IAAa;IAClD,OAAA,CAAC,CAAC,IAAI,IAAI,wBAAwB,CAAC,GAAG,CAAC,IAAI,CAAC;AAA5C,CAA4C,CAAC;AADlC,QAAA,sBAAsB,0BACY;AAE/C;;;;;;;GAOG;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAa;IAC/C,OAAA,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC;AAAxD,CAAwD,CAAC;AAD9C,QAAA,mBAAmB,uBAC2B;AAE3D,2EAA2E;AACpE,IAAM,YAAY,GAAG,UAAC,KAAa,IAAc,OAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC;AAA/D,QAAA,YAAY,gBAAmD"}

package/dist/helpers/templates.d.ts

@@ -1,5 +1,15 @@
 import { IReqoreFormTemplates } from '@qoretechnologies/reqore/dist/components/Textarea';
 import { TReqoreDropdownItem } from '@qoretechnologies/reqore/dist/components/Dropdown/list';
+/**
+ * The DOM ceiling for a serialized example value in a picker item — a
+ * binary-carrying field's example (e.g. an email attachment body) can be an
+ * entire base64 file, and it must not enter the item wholesale. The VISUAL
+ * truncation is not this number: past the ceiling the item also gets a
+ * single-line-ellipsis description (`descriptionEffect.noWrap`), which cuts at
+ * the popover's ACTUAL rendered width — container-intrinsic, no breakpoints —
+ * paired with the "?" action that shows the full value.
+ */
+export declare const TEMPLATE_EXAMPLE_PREVIEW_LENGTH = 150;
 /**
  * Shared template string utilities.
  * Used by both validations and TemplateField.
@@ -15,7 +25,97 @@ export declare const getTemplateTagStyle: (meta?: TTemplateMeta) => {
 export declare const isValueTemplate: (value: string) => boolean;
 export declare const getTemplateKey: (value: string) => string;
 export declare const getTemplateValue: (value: string) => string;
+/**
+ * The canonical template-token grammar (twin of the IDE's
+ * `helpers/templateValue.ts` — keep the two in step). A token is
+ * `$<key>:<segment>(:<segment>)*` where the key may carry dashes
+ * (`-expr`) and every segment is either a plain word or a braced
+ * context reference — `{W2n….filename}` — whose content may hold dots,
+ * colons, spaces and dashes (`:{deep:test:list}`,
+ * `{id.Created by.name}`). `isValueTemplate` above stays deliberately
+ * LOOSER (starts with `$`, has `:`): it answers "does the user mean a
+ * template here" while typing; use the strict check below when a decision
+ * must not misfire on user-typed dollar-strings.
+ */
+export declare const TEMPLATE_TOKEN_SOURCE = "\\$[A-Za-z_][\\w-]*(?::(?:\\{[^}]*\\}|[A-Za-z_][\\w-]*))+";
+/** STRICT whole-value check: the entire string is one well-formed template
+ *  token (`:{id.path}`, `:item`, …) — nothing before or after.
+ *  `'$foo: hello'` passes the loose check but not this one. */
+export declare const isCompleteTemplateToken: (value?: unknown) => value is string;
+/** A complete token carrying at least one BRACED context segment —
+ *  `$data:{W2n….filename}`, `$qore-expr:{1 + 2}`. These are machine-written
+ *  references nobody types by hand, so a surface may render them as a picker
+ *  chip. Plain word-path tokens (`$local:id`) stay typeable and belong in the
+ *  template-offering input (build #123 review). Word segments cannot contain
+ *  `{`, so `:{` inside a complete token always starts a braced segment. */
+export declare const isBracedTemplateToken: (value?: unknown) => value is string;
+/**
+ * The longest catalogue item whose path is a PREFIX of `value`, plus the part
+ * of the path it does not cover.
+ *
+ * A catalogue can only offer what the action's output type declares, so it
+ * stops at a list: `choices` is offered, `choices[0].message.content` is not —
+ * an operator hand-extends the path past the named field. Such a value has no
+ * item to match and used to render as its own raw token. Naming it by its
+ * nearest ancestor (`Choices[0].message.content`) keeps the chip readable
+ * without inventing a catalogue entry that does not exist.
+ *
+ * The match must break at a path boundary (`.` or `[`) so `choicesOther` is
+ * never named after `choices`, and the token keys must agree so a `$config:`
+ * item never names a `$data:` value.
+ */
+export declare const findTemplateByPath: (templates: IReqoreFormTemplates, value: string) => {
+    item: TReqoreDropdownItem;
+    remainder: string;
+} | undefined;
 export declare const findTemplate: (templates: IReqoreFormTemplates, value: string) => TReqoreDropdownItem | undefined;
+/**
+ * The one answer to "what is this reference called?", so a value reads the
+ * same in the picker chip, the read-only tag and the compact row's summary.
+ * Exact match first (aliases included), then the nearest catalogue ancestor
+ * for a hand-extended path, and finally the raw token — which is honest when
+ * the catalogue holds nothing that explains the value.
+ */
+export declare const resolveTemplateLabel: (templates: IReqoreFormTemplates | undefined, value: string) => {
+    label: string;
+    item?: TReqoreDropdownItem;
+};
+/**
+ * What to call a reference when the catalogue explains nothing about it — the
+ * reference's own path, with the token wrapper stripped:
+ * `$data:{dc_ai_reply.choices[0].message.content}` reads as
+ * `dc_ai_reply.choices[0].message.content`.
+ *
+ * Surfaces exist with no catalogue at all (the Automation Hub template preview
+ * never fetches one), and there the raw token is the only thing left to show.
+ * Showing it as `$data:{…}` renders a value as code; showing the path renders
+ * it as a name, which is the honest floor.
+ */
+export declare const getTemplateReferencePath: (value: string) => string;
+/**
+ * The best available name for a reference, for a surface that must show
+ * something readable no matter what: the catalogue's name when it has one,
+ * otherwise the bare path. `resolveTemplateLabel` keeps falling back to the
+ * raw token, because a picker that cannot resolve a value should say exactly
+ * what the value is.
+ */
+export declare const describeTemplateReference: (templates: IReqoreFormTemplates | undefined, value: string) => {
+    label: string;
+    item?: TReqoreDropdownItem;
+};
+export type TTemplateTextSegment = {
+    kind: 'text';
+    text: string;
+} | {
+    kind: 'token';
+    text: string;
+};
+/**
+ * Splits prose that embeds template tokens into its literal and token parts —
+ * `trim("$data:{…}")` becomes `trim("`, the token, `")`. Used to chip the
+ * references inside a rendered expression instead of printing them raw.
+ */
+export declare const splitTemplateTokens: (text?: string) => TTemplateTextSegment[];
 export declare const filterTemplatesByType: (templates?: IReqoreFormTemplates, fieldType?: string, hasArgSchema?: boolean) => IReqoreFormTemplates;
 interface ITemplateItemPayload {
     display_name?: string;

package/dist/helpers/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/helpers/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EACL,mBAAmB,EAEpB,MAAM,wDAAwD,CAAC;AAIhE;;;GAGG;AAEH,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE5F,eAAO,MAAM,mBAAmB,UACvB,aAAa,KACnB;IAAE,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;CAI1C,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,MAAM,KAAG,OAK/C,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,KAAG,MAG9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,KAAG,MAGhD,CAAC;AAEF,eAAO,MAAM,YAAY,cACZ,oBAAoB,SACxB,MAAM,KACZ,mBAAmB,GAAG,SAoBxB,CAAC;AAMF,eAAO,MAAM,qBAAqB,eACrB,oBAAoB,qCAEhB,OAAO,KACrB,oBAgEF,CAAC;AAOF,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,MAAM,GAAG;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;QAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,eAAO,MAAM,cAAc,eACb,iBAAiB,KAC5B,oBAAoB,GAAG,SA6GzB,CAAC"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/helpers/templates.ts"],"names":[],"mappings":"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"}

package/dist/helpers/templates.js

@@ -20,9 +20,22 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTemplates = exports.filterTemplatesByType = exports.findTemplate = exports.getTemplateValue = exports.getTemplateKey = exports.isValueTemplate = exports.getTemplateTagStyle = void 0;
+exports.buildTemplates = exports.filterTemplatesByType = exports.splitTemplateTokens = exports.describeTemplateReference = exports.getTemplateReferencePath = exports.resolveTemplateLabel = exports.findTemplate = exports.findTemplateByPath = exports.isBracedTemplateToken = exports.isCompleteTemplateToken = exports.TEMPLATE_TOKEN_SOURCE = exports.getTemplateValue = exports.getTemplateKey = exports.isValueTemplate = exports.getTemplateTagStyle = exports.TEMPLATE_EXAMPLE_PREVIEW_LENGTH = void 0;
+var reqore_1 = require("@qoretechnologies/reqore");
 var lodash_1 = require("lodash");
+var react_1 = require("react");
+var ExampleValueModal_1 = require("../components/form/fields/template/ExampleValueModal");
 var expressions_1 = require("./expressions");
+/**
+ * The DOM ceiling for a serialized example value in a picker item — a
+ * binary-carrying field's example (e.g. an email attachment body) can be an
+ * entire base64 file, and it must not enter the item wholesale. The VISUAL
+ * truncation is not this number: past the ceiling the item also gets a
+ * single-line-ellipsis description (`descriptionEffect.noWrap`), which cuts at
+ * the popover's ACTUAL rendered width — container-intrinsic, no breakpoints —
+ * paired with the "?" action that shows the full value.
+ */
+exports.TEMPLATE_EXAMPLE_PREVIEW_LENGTH = 150;
 var getTemplateTagStyle = function (meta) {
     if (meta === null || meta === void 0 ? void 0 : meta.isEventTrigger)
         return { intent: 'success' };
@@ -48,13 +61,119 @@ var getTemplateValue = function (value) {
     return value.substring(colonIndex + 1);
 };
 exports.getTemplateValue = getTemplateValue;
+/**
+ * The canonical template-token grammar (twin of the IDE's
+ * `helpers/templateValue.ts` — keep the two in step). A token is
+ * `$<key>:<segment>(:<segment>)*` where the key may carry dashes
+ * (`-expr`) and every segment is either a plain word or a braced
+ * context reference — `{W2n….filename}` — whose content may hold dots,
+ * colons, spaces and dashes (`:{deep:test:list}`,
+ * `{id.Created by.name}`). `isValueTemplate` above stays deliberately
+ * LOOSER (starts with `$`, has `:`): it answers "does the user mean a
+ * template here" while typing; use the strict check below when a decision
+ * must not misfire on user-typed dollar-strings.
+ */
+exports.TEMPLATE_TOKEN_SOURCE = '\\$[A-Za-z_][\\w-]*(?::(?:\\{[^}]*\\}|[A-Za-z_][\\w-]*))+';
+var COMPLETE_TEMPLATE_TOKEN = new RegExp("^".concat(exports.TEMPLATE_TOKEN_SOURCE, "$"));
+/** STRICT whole-value check: the entire string is one well-formed template
+ *  token (`:{id.path}`, `:item`, …) — nothing before or after.
+ *  `'$foo: hello'` passes the loose check but not this one. */
+var isCompleteTemplateToken = function (value) {
+    return typeof value === 'string' && COMPLETE_TEMPLATE_TOKEN.test(value);
+};
+exports.isCompleteTemplateToken = isCompleteTemplateToken;
+/** A complete token carrying at least one BRACED context segment —
+ *  `$data:{W2n….filename}`, `$qore-expr:{1 + 2}`. These are machine-written
+ *  references nobody types by hand, so a surface may render them as a picker
+ *  chip. Plain word-path tokens (`$local:id`) stay typeable and belong in the
+ *  template-offering input (build #123 review). Word segments cannot contain
+ *  `{`, so `:{` inside a complete token always starts a braced segment. */
+var isBracedTemplateToken = function (value) {
+    return (0, exports.isCompleteTemplateToken)(value) && value.includes(':{');
+};
+exports.isBracedTemplateToken = isBracedTemplateToken;
+/**
+ * An FSM state carries TWO identities: the key it occupies in the `states`
+ * hash and its own `id`. The IDE gives both the same nanoid, so nothing
+ * authored there can tell them apart — but a template hand-writes numbered
+ * keys (`'1'`, `'2'`, …) over meaningful ids (`dc_ai_reply`), its saved
+ * `$data:{…}` references use the **id**, and the server's design-time
+ * catalogue spells its item values with the **key**. The two never match as
+ * text, so a template-derived Qog renders the raw token where a named chip
+ * belongs.
+ *
+ * The producer of the catalogue (the IDE, which is the side that holds the
+ * states) attaches the alternate spelling here rather than rewriting either
+ * side — a picked value must keep storing exactly what the catalogue says.
+ * Consuming it is therefore purely a display concern.
+ */
+var matchesTemplateValue = function (item, value) {
+    var _a, _b;
+    return item.value === value ||
+        !!((_b = (_a = item.metadata) === null || _a === void 0 ? void 0 : _a.aliasValues) === null || _b === void 0 ? void 0 : _b.includes(value));
+};
+/** Splits `$data:{a.b.c}` into its key (`$data`) and inner path (`a.b.c`). */
+var TEMPLATE_TOKEN_PATH = /^(\$[A-Za-z_][\w-]*):\{(.*)\}$/;
+var getTokenPath = function (value) {
+    var match = typeof value === 'string' ? TEMPLATE_TOKEN_PATH.exec(value) : null;
+    return match ? { key: match[1], path: match[2] } : undefined;
+};
+/**
+ * The longest catalogue item whose path is a PREFIX of `value`, plus the part
+ * of the path it does not cover.
+ *
+ * A catalogue can only offer what the action's output type declares, so it
+ * stops at a list: `choices` is offered, `choices[0].message.content` is not —
+ * an operator hand-extends the path past the named field. Such a value has no
+ * item to match and used to render as its own raw token. Naming it by its
+ * nearest ancestor (`Choices[0].message.content`) keeps the chip readable
+ * without inventing a catalogue entry that does not exist.
+ *
+ * The match must break at a path boundary (`.` or `[`) so `choicesOther` is
+ * never named after `choices`, and the token keys must agree so a `$config:`
+ * item never names a `$data:` value.
+ */
+var findTemplateByPath = function (templates, value) {
+    var ref = getTokenPath(value);
+    if (!ref)
+        return undefined;
+    var best;
+    var consider = function (item, candidate) {
+        var itemPath = getTokenPath(candidate);
+        if (!itemPath || itemPath.key !== ref.key || !ref.path.startsWith(itemPath.path)) {
+            return;
+        }
+        var boundary = ref.path[itemPath.path.length];
+        if (boundary !== '.' && boundary !== '[') {
+            return;
+        }
+        if (!best || itemPath.path.length > best.path.length) {
+            best = { item: item, path: itemPath.path, remainder: ref.path.slice(itemPath.path.length) };
+        }
+    };
+    var walk = function (items) {
+        items === null || items === void 0 ? void 0 : items.forEach(function (item) {
+            var _a, _b;
+            consider(item, item.value);
+            (_b = (_a = item.metadata) === null || _a === void 0 ? void 0 : _a.aliasValues) === null || _b === void 0 ? void 0 : _b.forEach(function (alias) {
+                return consider(item, alias);
+            });
+            if (item.items) {
+                walk(item.items);
+            }
+        });
+    };
+    walk(templates === null || templates === void 0 ? void 0 : templates.items);
+    return best ? { item: best.item, remainder: best.remainder } : undefined;
+};
+exports.findTemplateByPath = findTemplateByPath;
 var findTemplate = function (templates, value) {
     if (!value)
         return undefined;
     var result = undefined;
     var findItem = function (items) {
         items === null || items === void 0 ? void 0 : items.forEach(function (item) {
-            if (item.value === value) {
+            if (matchesTemplateValue(item, value)) {
                 result = item;
                 return;
             }
@@ -67,6 +186,93 @@ var findTemplate = function (templates, value) {
     return result;
 };
 exports.findTemplate = findTemplate;
+/**
+ * Joins a catalogue item's name to the part of the path it does not cover.
+ * A field step reads as a step (`Choices › message`), while an array index
+ * binds to the name it indexes (`Choices[0]`) rather than floating off it.
+ */
+var composeExtendedLabel = function (label, remainder) {
+    return remainder.startsWith('.') ? "".concat(label, " \u203A ").concat(remainder.slice(1)) : "".concat(label).concat(remainder);
+};
+/**
+ * The one answer to "what is this reference called?", so a value reads the
+ * same in the picker chip, the read-only tag and the compact row's summary.
+ * Exact match first (aliases included), then the nearest catalogue ancestor
+ * for a hand-extended path, and finally the raw token — which is honest when
+ * the catalogue holds nothing that explains the value.
+ */
+var resolveTemplateLabel = function (templates, value) {
+    if (!templates || !value) {
+        return { label: value };
+    }
+    var exact = (0, exports.findTemplate)(templates, value);
+    if (exact) {
+        return { label: exact.label || value, item: exact };
+    }
+    var extended = (0, exports.findTemplateByPath)(templates, value);
+    if (extended) {
+        return {
+            label: composeExtendedLabel(extended.item.label, extended.remainder),
+            item: extended.item,
+        };
+    }
+    return { label: value };
+};
+exports.resolveTemplateLabel = resolveTemplateLabel;
+/**
+ * What to call a reference when the catalogue explains nothing about it — the
+ * reference's own path, with the token wrapper stripped:
+ * `$data:{dc_ai_reply.choices[0].message.content}` reads as
+ * `dc_ai_reply.choices[0].message.content`.
+ *
+ * Surfaces exist with no catalogue at all (the Automation Hub template preview
+ * never fetches one), and there the raw token is the only thing left to show.
+ * Showing it as `$data:{…}` renders a value as code; showing the path renders
+ * it as a name, which is the honest floor.
+ */
+var getTemplateReferencePath = function (value) { var _a, _b; return (_b = (_a = getTokenPath(value)) === null || _a === void 0 ? void 0 : _a.path) !== null && _b !== void 0 ? _b : value; };
+exports.getTemplateReferencePath = getTemplateReferencePath;
+/**
+ * The best available name for a reference, for a surface that must show
+ * something readable no matter what: the catalogue's name when it has one,
+ * otherwise the bare path. `resolveTemplateLabel` keeps falling back to the
+ * raw token, because a picker that cannot resolve a value should say exactly
+ * what the value is.
+ */
+var describeTemplateReference = function (templates, value) {
+    var resolved = (0, exports.resolveTemplateLabel)(templates, value);
+    return resolved.item ? resolved : { label: (0, exports.getTemplateReferencePath)(value) };
+};
+exports.describeTemplateReference = describeTemplateReference;
+var EMBEDDED_TEMPLATE_TOKEN = new RegExp(exports.TEMPLATE_TOKEN_SOURCE, 'g');
+/**
+ * Splits prose that embeds template tokens into its literal and token parts —
+ * `trim("$data:{…}")` becomes `trim("`, the token, `")`. Used to chip the
+ * references inside a rendered expression instead of printing them raw.
+ */
+var splitTemplateTokens = function (text) {
+    if (!text) {
+        return [];
+    }
+    var segments = [];
+    var lastIndex = 0;
+    // A fresh regex per call: a shared /g instance carries `lastIndex` between
+    // calls and would skip tokens on the second string it is given.
+    var pattern = new RegExp(EMBEDDED_TEMPLATE_TOKEN.source, 'g');
+    var match;
+    while ((match = pattern.exec(text)) !== null) {
+        if (match.index > lastIndex) {
+            segments.push({ kind: 'text', text: text.slice(lastIndex, match.index) });
+        }
+        segments.push({ kind: 'token', text: match[0] });
+        lastIndex = match.index + match[0].length;
+    }
+    if (lastIndex < text.length) {
+        segments.push({ kind: 'text', text: text.slice(lastIndex) });
+    }
+    return segments;
+};
+exports.splitTemplateTokens = splitTemplateTokens;
 // Ported verbatim from qorus-ide `helpers/functions.tsx` (FIELD_STACK_REPORT
 // batch) — the previous reqraft version used naive badge equality; the IDE
 // routes compatibility through `areQorusTypesCompatible` (int↔string coercion
@@ -126,11 +332,21 @@ var buildTemplates = function (templates) {
         if (items === void 0) { items = []; }
         return items.map(function (_a) {
             var itemDisplayName = _a.display_name, value = _a.value, example_value = _a.example_value, type = _a.type, childItems = _a.items, itemDataRole = _a.data_role;
+            var serializedExample = example_value !== undefined ? JSON.stringify(example_value) : undefined;
+            var exampleIsLong = serializedExample !== undefined &&
+                serializedExample.length > exports.TEMPLATE_EXAMPLE_PREVIEW_LENGTH;
             var item = {
                 label: itemDisplayName,
-                description: example_value
-                    ? "Example value: ".concat(JSON.stringify(example_value))
+                description: serializedExample
+                    ? "Example value: ".concat(exampleIsLong
+                        ? "".concat(serializedExample.slice(0, exports.TEMPLATE_EXAMPLE_PREVIEW_LENGTH), "\u2026")
+                        : serializedExample)
                     : undefined,
+                // Ellipsize ONLY where the "?" full-value affordance exists — for a
+                // short value an ellipsis would hide information with no way to
+                // reveal it. The single line cuts at the rendered width, so the
+                // preview adapts to any popover/panel width without breakpoints.
+                descriptionEffect: exampleIsLong ? { noWrap: true } : undefined,
                 badge: type,
                 metadata: {
                     image: logo,
@@ -146,6 +362,23 @@ var buildTemplates = function (templates) {
                 transparent: false,
                 minimal: true,
             };
+            if (exampleIsLong) {
+                // Menu-item actions stop propagation, so the click never selects or
+                // expands the item. The modal rides reqore's global modal queue
+                // (rendered by the provider portal), so no host component is needed
+                // — the modals wrapper injects `isOpen`/`onClose` itself.
+                item.rightAction = {
+                    icon: 'QuestionLine',
+                    compact: true,
+                    tooltip: 'Show the full example value',
+                    onClick: function () {
+                        reqore_1.modalStore.getState().addModal((0, react_1.createElement)(ExampleValueModal_1.ReqraftTemplateExampleValueModal, {
+                            label: itemDisplayName,
+                            value: serializedExample,
+                        }));
+                    },
+                };
+            }
             if (childItems === null || childItems === void 0 ? void 0 : childItems.length) {
                 item.items = mapTemplates(childItems, app, action, logo, display_name, builtIn, isEventTrigger, dataRole);
                 item.stackWithActions = false;