@wildo-ai/saas-frontend-lib 1.1.10 → 1.1.11

package/dist/esm/components/form/fields/form-field-resource-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-resource-reference.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-resource-reference.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport type { z } from 'zod'\n\nimport { FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models'\nimport { getObjectShape, unwrapSchema } from '@wildo-ai/zod-decorators'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\nimport { Select } from '~wildo-frontend-lib/components/form/controls/enum/select'\nimport { ResourceFieldEdit_ResourceReference } from '~wildo-frontend-lib/components/resources-fields/resource-reference/ResourceFieldEdit_ResourceReference'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\n\n/**\n * A reference to ONE row of a resource whose type is chosen at run time (#2471): the control behind an object decorated\n * `.isResourceReference({ targetSet })` — `{ resourceType, resourceId }`, such as `WorkUnitRefSchema`.\n *\n * ## Why this control\n *\n * The work-unit references an administrator sets (`agentWorkCaptureSettings.narrowToCaseRefs`,\n * `evaluationExportAuthorizations.excludedCaseRefs`, `subjectConsents[].caseRef`, `excludedSubjectRefs`) were edited as two\n * text inputs: a resource name and a row id, typed exactly. They are not foreign keys — no relationship names them and\n * their type is not fixed — so the reference picker, which searches ONE target type, could not serve them alone. This\n * control offers the types first, then searches the rows of the chosen type with that same picker.\n *\n * ## Which types\n *\n * The types are the target set's members as the backend publishes them on `/application-config`\n * (`resourceReferenceTargets`): every `workUnit: true` resource for a case, the resources the case-subject declarations\n * point at for a subject. Each type reads as the resource's name (`tResourceHeader`). A CURRENT type the published set no\n * longer holds is kept as the first option, so the field shows what is stored and the administrator can see it needs\n * changing. Choosing another type clears the row: a row of one resource is not a row of another.\n *\n * ## Degradation\n *\n * A backend that publishes no targets leaves nothing to offer ({@link resourceReferenceTargetTypesOf} answers\n * `undefined`), so the form renders the object's two members as before. The server stays the control either way: the service that owns the field decides\n * whether the reference is accepted.\n */\n\n/** What the control reads from the application's configuration. */\nexport interface ResourceReferenceTargetsSource {\n  readonly resourceReferenceTargets?: Readonly<Partial<Record<string, readonly string[]>>>\n}\n\n/** The resource types `targetSet` holds, as published; `undefined` when the backend published no targets at all. */\nexport function resourceReferenceTargetTypesOf(appConfig: ResourceReferenceTargetsSource | undefined, targetSet: string): readonly string[] | undefined {\n  const published = appConfig?.resourceReferenceTargets\n  if (!published) return undefined\n  return published[targetSet] ?? []\n}\n\n/** The value a resource reference holds; either member may be absent while it is being chosen. */\nexport interface ResourceReferenceValue {\n  readonly resourceType?: string\n  readonly resourceId?: string\n}\n\n/**\n * The value after a TYPE is chosen: the new type, and no row — a row id of one resource names nothing in another. The\n * same type keeps the current value. An emptied type clears the reference.\n */\nexport function withResourceReferenceType(current: ResourceReferenceValue | undefined, resourceType: string): ResourceReferenceValue | undefined {\n  if (!resourceType) return undefined\n  if (current?.resourceType === resourceType) return current\n  return { resourceType }\n}\n\n/** The value after a ROW is chosen within the current type. */\nexport function withResourceReferenceId(current: ResourceReferenceValue | undefined, resourceId: string | undefined): ResourceReferenceValue | undefined {\n  if (!current?.resourceType) return current\n  return resourceId ? { resourceType: current.resourceType, resourceId } : { resourceType: current.resourceType }\n}\n\n/** The type options: every published type, worded, and a stored type the set no longer holds kept first. */\nexport function listResourceReferenceTypeOptions(\n  types: readonly string[],\n  currentType: string | undefined,\n  typeLabel: (resourceType: string) => string,\n): FieldOption<string>[] {\n  const options = types.map((resourceType) => ({ value: resourceType, label: typeLabel(resourceType) }))\n  if (currentType && !types.includes(currentType)) options.unshift({ value: currentType, label: typeLabel(currentType) })\n  return options\n}\n\nexport interface FormFieldResourceReferenceProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  /** The resource types the reference may name. */\n  types: readonly string[]\n  value?: ResourceReferenceValue\n  onChange?: (value: ResourceReferenceValue | undefined) => void\n}\n\n/** The label namespaces the control reads: the resource names offered as types. Module-level for a stable identity. */\nconst RESOURCE_REFERENCE_LABEL_NAMESPACES = [LabellingTypes.RESOURCES]\n\n/** The schema of one member of the reference object, so each half is rendered from its own declaration. */\nfunction memberSchemaOf(schema: z.ZodTypeAny, member: 'resourceType' | 'resourceId'): z.ZodTypeAny {\n  return getObjectShape(unwrapSchema(schema))?.[member] ?? schema\n}\n\nexport const FormFieldResourceReference = React.forwardRef<HTMLButtonElement, FormFieldResourceReferenceProps>(\n  ({ types, value, onChange, schema, name, ...controlProps }, ref): React.JSX.Element => {\n    const { tComponent, tResourceHeader } = useI18n({ component: FrontendComponentType.RESOURCES_FIELDS_RESOURCE_REFERENCE, keys: RESOURCE_REFERENCE_LABEL_NAMESPACES })\n    const options = React.useMemo(\n      () => listResourceReferenceTypeOptions(types, value?.resourceType, (resourceType) => tResourceHeader(resourceType, 'title')),\n      [types, value?.resourceType, tResourceHeader],\n    )\n    return (\n      <span className=\"flex min-w-0 flex-col gap-element\">\n        <Select\n          ref={ref}\n          {...controlProps}\n          schema={memberSchemaOf(schema, 'resourceType')}\n          name={`${name}.resourceType`}\n          options={options}\n          value={value?.resourceType || undefined}\n          onChange={(next) => onChange?.(withResourceReferenceType(value, next))}\n          placeholder={tComponent(\n            FrontendComponentType.RESOURCES_FIELDS_RESOURCE_REFERENCE,\n            options.length > 0 ? 'selectTypePlaceholder' : 'noTypesAvailable',\n          )}\n        />\n        {value?.resourceType ? (\n          <ResourceFieldEdit_ResourceReference\n            {...controlProps}\n            schema={memberSchemaOf(schema, 'resourceId')}\n            name={`${name}.resourceId`}\n            targetResourceType={value.resourceType}\n            value={value.resourceId}\n            onChange={(next) => onChange?.(withResourceReferenceId(value, Array.isArray(next) ? next[0] : next))}\n          />\n        ) : null}\n      </span>\n    )\n  },\n)\nFormFieldResourceReference.displayName = 'FormFieldResourceReference'\n"]}

package/dist/esm/components/form/fields/form-field-string-organization-role.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { OrganizationRoleTable } from '@wildo-ai/zod-decorators';
 import type { ControlBaseProps, FieldOption } from '../../../components/form/form-field-types';
 /**
  * The ONE role a string field names, picked from the organization role table (#1921) — the control behind
@@ -25,6 +26,13 @@ import type { ControlBaseProps, FieldOption } from '../../../components/form/for
  * table as that list narrows it for the organization being administered — a role outside it is one no member of this
  * organization can hold, and naming it would admit nobody. The setting's write applies the same rule.
  *
+ * ## Narrowed by the operation, or another organization's (#2778)
+ *
+ * An operation that declares a `requestFieldOffers` entry for the field narrows that table further: a relationship's
+ * role picker offers only the roles the chosen kind confers. A field naming a role held in ANOTHER organization
+ * (`organizationRoleTable: ANOTHER_ORGANIZATION`, a representing organization's proposal) reads no table of its own and
+ * offers the operation's roles alone. {@link organizationRolePickerRoles} is that one rule.
+ *
  * ## Clearing
  *
  * A clearable field (an optional one) offers a clear action that emits `''` — the same empty gesture the text input
@@ -33,7 +41,10 @@ import type { ControlBaseProps, FieldOption } from '../../../components/form/for
  * ## Degradation
  *
  * A backend that publishes no table (one that predates the field) leaves nothing to pick from, so the caller renders a
- * text input instead — {@link organizationRoleTableOf} answers `undefined` for exactly that case. The server stays the
+ * text input instead — {@link organizationRoleTableOf} answers `undefined` for exactly that case, as does
+ * {@link organizationRolePickerRoles} for another organization's role while the operation offers none. An offer of NO
+ * role is an empty choice, deliberately: the operation can only be refused then, and a text input would invite a key
+ * it refuses. The server stays the
  * control either way: holding a role is decided against the membership, never against what a picker offered.
  */
 /** What the picker reads from the application's configuration. */
@@ -44,9 +55,10 @@ export interface OrganizationRoleTableSource {
     } | undefined>>;
 }
 /**
- * The roles a member of an organization of `organizationType` may hold: the published table, narrowed by that type's
- * `availableOrgRoles` when it declares any (the rule the membership write applies). `undefined` when the backend
- * published no table. An organization with no type, or a type with no list, is not narrowed — as the write does not.
+ * The roles a member of an organization of `organizationType` may hold: the published table, narrowed by the rule the
+ * membership write and the request both apply (`isOrganizationRoleOfferedByType`, #2606/#2607). `undefined` when the
+ * backend published no table. Not narrowed only when there is nothing to narrow BY — no organization type in hand, or
+ * no published declaration — since the picker then cannot know, and the backend still refuses what the type does not offer.
  */
 export declare function organizationRoleTableOf(appConfig: OrganizationRoleTableSource | undefined, organizationType?: string | null): readonly string[] | undefined;
 /**
@@ -64,10 +76,28 @@ export declare const FormFieldStringOrganizationRole: React.ForwardRefExoticComp
 /** The roles a member of the organization being administered may hold, from the running application's configuration. */
 export declare function useOrganizationRoleTable(): readonly string[] | undefined;
 /**
- * The picker when the backend published a role table, and `fallback` (the plain text input) when it did not. A
- * component of its own so the table is read by a hook at a stable position, whichever edit mode the field resolves to.
+ * The roles the picker offers (#2778): its table, narrowed by the roles the field's operation offers (the roles a
+ * relationship's kind confers). A field naming a role of ANOTHER organization reads no table of its own, so it offers
+ * the operation's roles alone. `undefined` when there is nothing to pick from: no published table for this
+ * organization's roles, or no offer for another organization's, and the field is then a text input.
+ *
+ * Another organization's roles are not narrowed by that organization's type (`availableOrgRoles`): its type is not in
+ * hand here. The terms check still refuses a role the granting organization's type does not offer (`ROLE_NOT_CONFERRED`).
+ */
+export declare function organizationRolePickerRoles(input: {
+    readonly table: readonly string[] | undefined;
+    readonly roleTable: OrganizationRoleTable;
+    readonly offeredRoles: readonly string[] | undefined;
+}): readonly string[] | undefined;
+/**
+ * The picker when there are roles to pick from, and `fallback` (the plain text input) when there are none. A component
+ * of its own so the table is read by a hook at a stable position, whichever edit mode the field resolves to.
  */
 export declare const FormFieldStringOrganizationRoleOrFallback: React.ForwardRefExoticComponent<Omit<FormFieldStringOrganizationRoleProps, "roles"> & {
     fallback: React.ReactNode;
+    /** Whose role table the field names a role of. Default `CURRENT_ORGANIZATION`. */
+    roleTable?: OrganizationRoleTable;
+    /** The roles the field's operation offers (`requestFieldOffers`), when it narrows them. */
+    offeredRoles?: readonly string[];
 } & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=form-field-string-organization-role.d.ts.map

package/dist/esm/components/form/fields/form-field-string-organization-role.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-string-organization-role.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-string-organization-role.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAOzG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,kEAAkE;AAClE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC9C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC,CAAA;CACvH;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,2BAA2B,GAAG,SAAS,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAO3J;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GACrC,WAAW,CAAC,MAAM,CAAC,EAAE,CAIvB;AAED,MAAM,WAAW,oCAAqC,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzH,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAKD,eAAO,MAAM,+BAA+B,gHAgC3C,CAAA;AAGD,wHAAwH;AACxH,wBAAgB,wBAAwB,IAAI,SAAS,MAAM,EAAE,GAAG,SAAS,CAKxE;AAED;;;GAGG;AACH,eAAO,MAAM,yCAAyC;cAEc,KAAK,CAAC,SAAS;2CAKjF,CAAA"}
+{"version":3,"file":"form-field-string-organization-role.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string-organization-role.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAOzG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,kEAAkE;AAClE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC9C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,OAAO,EAAE,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC,CAAA;CACvH;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,2BAA2B,GAAG,SAAS,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAM3J;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GACrC,WAAW,CAAC,MAAM,CAAC,EAAE,CAIvB;AAED,MAAM,WAAW,oCAAqC,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzH,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAKD,eAAO,MAAM,+BAA+B,gHAgC3C,CAAA;AAGD,wHAAwH;AACxH,wBAAgB,wBAAwB,IAAI,SAAS,MAAM,EAAE,GAAG,SAAS,CAKxE;AAED;;;;;;;;GAQG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAA;IACzC,QAAQ,CAAC,YAAY,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;CACrD,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,CAIhC;AAED;;;GAGG;AACH,eAAO,MAAM,yCAAyC;cAGxC,KAAK,CAAC,SAAS;IACzB,kFAAkF;gBACtE,qBAAqB;IACjC,2FAA2F;mBAC5E,SAAS,MAAM,EAAE;2CAOlC,CAAA"}

package/dist/esm/components/form/fields/form-field-string-organization-role.js

@@ -1,25 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models';
+import { isOrganizationRoleOfferedByType } from '@wildo-ai/saas-models';
+import { OrganizationRoleTable } from '@wildo-ai/zod-decorators';
 import { Select } from '../../../components/form/controls/enum/select.js';
 import { useApplication } from '../../../core/runtime/useApplication.js';
 import { useUserOrgs } from '../../../core/security/useUserOrgs.js';
 import { useI18n } from '../../../core/i18n/useI18n.js';
 import { Button, ButtonVariants_Variant } from '../../../components/actions/button.js';
 /**
- * The roles a member of an organization of `organizationType` may hold: the published table, narrowed by that type's
- * `availableOrgRoles` when it declares any (the rule the membership write applies). `undefined` when the backend
- * published no table. An organization with no type, or a type with no list, is not narrowed — as the write does not.
+ * The roles a member of an organization of `organizationType` may hold: the published table, narrowed by the rule the
+ * membership write and the request both apply (`isOrganizationRoleOfferedByType`, #2606/#2607). `undefined` when the
+ * backend published no table. Not narrowed only when there is nothing to narrow BY — no organization type in hand, or
+ * no published declaration — since the picker then cannot know, and the backend still refuses what the type does not offer.
  */
 export function organizationRoleTableOf(appConfig, organizationType) {
     const roles = appConfig?.organizationRoles;
     if (!roles || roles.length === 0)
         return undefined;
-    const available = organizationType ? appConfig?.organizationTypes?.[organizationType]?.availableOrgRoles : undefined;
-    if (!available || available.length === 0)
+    const organizationTypes = appConfig?.organizationTypes;
+    if (!organizationType || !organizationTypes)
         return roles;
-    const allowed = new Set(available.map((role) => String(role)));
-    return roles.filter((role) => allowed.has(role));
+    return roles.filter((role) => isOrganizationRoleOfferedByType(organizationTypes, organizationType, role));
 }
 /**
  * The picker's options: every role of the table, worded. A CURRENT value the table no longer holds (a custom role the
@@ -51,11 +53,28 @@ export function useOrganizationRoleTable() {
     return organizationRoleTableOf(appConfig, organizationType);
 }
 /**
- * The picker when the backend published a role table, and `fallback` (the plain text input) when it did not. A
- * component of its own so the table is read by a hook at a stable position, whichever edit mode the field resolves to.
+ * The roles the picker offers (#2778): its table, narrowed by the roles the field's operation offers (the roles a
+ * relationship's kind confers). A field naming a role of ANOTHER organization reads no table of its own, so it offers
+ * the operation's roles alone. `undefined` when there is nothing to pick from: no published table for this
+ * organization's roles, or no offer for another organization's, and the field is then a text input.
+ *
+ * Another organization's roles are not narrowed by that organization's type (`availableOrgRoles`): its type is not in
+ * hand here. The terms check still refuses a role the granting organization's type does not offer (`ROLE_NOT_CONFERRED`).
  */
-export const FormFieldStringOrganizationRoleOrFallback = React.forwardRef(({ fallback, ...props }, ref) => {
-    const roles = useOrganizationRoleTable();
+export function organizationRolePickerRoles(input) {
+    if (input.roleTable === OrganizationRoleTable.ANOTHER_ORGANIZATION)
+        return input.offeredRoles;
+    if (!input.table)
+        return undefined;
+    return input.offeredRoles ? input.table.filter((role) => input.offeredRoles.includes(role)) : input.table;
+}
+/**
+ * The picker when there are roles to pick from, and `fallback` (the plain text input) when there are none. A component
+ * of its own so the table is read by a hook at a stable position, whichever edit mode the field resolves to.
+ */
+export const FormFieldStringOrganizationRoleOrFallback = React.forwardRef(({ fallback, roleTable = OrganizationRoleTable.CURRENT_ORGANIZATION, offeredRoles, ...props }, ref) => {
+    const table = useOrganizationRoleTable();
+    const roles = organizationRolePickerRoles({ table, roleTable, offeredRoles });
     if (!roles)
         return _jsx(_Fragment, { children: fallback });
     return _jsx(FormFieldStringOrganizationRole, { ref: ref, roles: roles, ...props });

package/dist/esm/components/form/fields/form-field-string-organization-role.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-string-organization-role.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string-organization-role.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAE3F,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAA;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AA6C9F;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,SAAkD,EAAE,gBAAgC;IAC1H,MAAM,KAAK,GAAG,SAAS,EAAE,iBAAiB,CAAA;IAC1C,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,SAAS,CAAA;IAClD,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,iBAAiB,EAAE,CAAC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAA;IACpH,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAA;IACtD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAC9D,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;AAClD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,2BAA2B,CACzC,KAAwB,EACxB,YAAgC,EAChC,SAAsC;IAEtC,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IAC9E,IAAI,YAAY,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC;QAAE,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC3H,OAAO,OAAO,CAAA;AAChB,CAAC;AAQD,4HAA4H;AAC5H,MAAM,kCAAkC,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,+BAA+B,GAAG,KAAK,CAAC,UAAU,CAC7D,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,EAAE,GAAG,EAAqB,EAAE;IACjF,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,2BAA2B,EAAE,IAAI,EAAE,kCAAkC,EAAE,CAAC,CAAA;IACjJ,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,EACrF,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CACtB,CAAA;IACD,MAAM,MAAM,GAAG,CACb,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,KACJ,YAAY,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,EACpC,WAAW,EAAE,UAAU,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,6BAA6B,CAAC,GACzG,CACH,CAAA;IACD,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK;QAAE,OAAO,MAAM,CAAA;IACvC,OAAO,CACL,gBAAM,SAAS,EAAC,+BAA+B,aAC5C,MAAM,EACP,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,QAAQ,EAAE,YAAY,CAAC,QAAQ,IAAI,YAAY,CAAC,QAAQ,EACxD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,YAE5B,UAAU,CAAC,qBAAqB,CAAC,2BAA2B,EAAE,uBAAuB,CAAC,GAChF,IACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AACD,+BAA+B,CAAC,WAAW,GAAG,iCAAiC,CAAA;AAE/E,wHAAwH;AACxH,MAAM,UAAU,wBAAwB;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IACtC,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,GAAG,WAAW,EAAE,CAAA;IAC9D,MAAM,gBAAgB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,KAAK,qBAAqB,CAAC,EAAE,IAAI,CAAA;IAC/G,OAAO,uBAAuB,CAAC,SAAoD,EAAE,gBAAgB,CAAC,CAAA;AACxG,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,yCAAyC,GAAG,KAAK,CAAC,UAAU,CAGvE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAqB,EAAE;IACnD,MAAM,KAAK,GAAG,wBAAwB,EAAE,CAAA;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAA;IAClC,OAAO,KAAC,+BAA+B,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAA;AAC/E,CAAC,CAAC,CAAA;AACF,yCAAyC,CAAC,WAAW,GAAG,2CAA2C,CAAA","sourcesContent":["import React from 'react'\n\nimport { FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\nimport { Select } from '~wildo-frontend-lib/components/form/controls/enum/select'\nimport { useApplication } from '~wildo-frontend-lib/core/runtime/useApplication'\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button'\n\n/**\n * The ONE role a string field names, picked from the organization role table (#1921) — the control behind\n * `StringEditMode.ORGANIZATION_ROLE`.\n *\n * ## Why a picker, and why here\n *\n * A setting that admits \"the role named X\" (`agentWorkCaptureSettings.contentReaderRole` first) used to be a text\n * input: an administrator had to spell a role key exactly, and a typo named a role nobody holds, so the setting admitted\n * nobody and nothing said so. The options are the table the backend publishes on `/application-config`\n * (`organizationRoles`: core organization roles plus the application's custom organization roles, less the handler-only\n * roles no person may hold). It is a string EDIT MODE rather than a one-off component so any single-role string field\n * adopts it with one `stringUI({ edit: { editMode: StringEditMode.ORGANIZATION_ROLE } })`.\n *\n * ## Words\n *\n * Each option reads as the role's word from the application's `roles` labels (`tRole`), the same words the member\n * directory shows. A role with no authored word shows its key — a missing label that looks missing.\n *\n * ## Which roles: this organization's\n *\n * The published table is the APPLICATION's organization roles. An organization's TYPE may narrow the roles its members\n * hold (`organizationTypes[type].availableOrgRoles`, which the membership write enforces), so the picker offers the\n * table as that list narrows it for the organization being administered — a role outside it is one no member of this\n * organization can hold, and naming it would admit nobody. The setting's write applies the same rule.\n *\n * ## Clearing\n *\n * A clearable field (an optional one) offers a clear action that emits `''` — the same empty gesture the text input\n * made, which the form's field-clearing normalisation turns into \"no value\".\n *\n * ## Degradation\n *\n * A backend that publishes no table (one that predates the field) leaves nothing to pick from, so the caller renders a\n * text input instead — {@link organizationRoleTableOf} answers `undefined` for exactly that case. The server stays the\n * control either way: holding a role is decided against the membership, never against what a picker offered.\n */\n\n/** What the picker reads from the application's configuration. */\nexport interface OrganizationRoleTableSource {\n  readonly organizationRoles?: readonly string[]\n  readonly organizationTypes?: Readonly<Record<string, { readonly availableOrgRoles?: readonly unknown[] } | undefined>>\n}\n\n/**\n * The roles a member of an organization of `organizationType` may hold: the published table, narrowed by that type's\n * `availableOrgRoles` when it declares any (the rule the membership write applies). `undefined` when the backend\n * published no table. An organization with no type, or a type with no list, is not narrowed — as the write does not.\n */\nexport function organizationRoleTableOf(appConfig: OrganizationRoleTableSource | undefined, organizationType?: string | null): readonly string[] | undefined {\n  const roles = appConfig?.organizationRoles\n  if (!roles || roles.length === 0) return undefined\n  const available = organizationType ? appConfig?.organizationTypes?.[organizationType]?.availableOrgRoles : undefined\n  if (!available || available.length === 0) return roles\n  const allowed = new Set(available.map((role) => String(role)))\n  return roles.filter((role) => allowed.has(role))\n}\n\n/**\n * The picker's options: every role of the table, worded. A CURRENT value the table no longer holds (a custom role the\n * application removed) is kept as the first option, so the field shows what is stored and the administrator can see it\n * needs changing — dropping it would render an empty picker over a setting that still names that role.\n */\nexport function listOrganizationRoleOptions(\n  roles: readonly string[],\n  currentValue: string | undefined,\n  roleLabel: (roleKey: string) => string,\n): FieldOption<string>[] {\n  const options = roles.map((role) => ({ value: role, label: roleLabel(role) }))\n  if (currentValue && !roles.includes(currentValue)) options.unshift({ value: currentValue, label: roleLabel(currentValue) })\n  return options\n}\n\nexport interface FormFieldStringOrganizationRoleProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  roles: readonly string[]\n  value?: string\n  onChange?: (value: string) => void\n}\n\n/** The label namespaces the picker reads: its own placeholder, and the roles' words. Module-level for a stable identity. */\nconst ORGANIZATION_ROLE_LABEL_NAMESPACES = [LabellingTypes.ROLES]\n\nexport const FormFieldStringOrganizationRole = React.forwardRef<HTMLButtonElement, FormFieldStringOrganizationRoleProps>(\n  ({ roles, value, onChange, clearable, ...controlProps }, ref): React.JSX.Element => {\n    const { tComponent, tRole } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, keys: ORGANIZATION_ROLE_LABEL_NAMESPACES })\n    const options = React.useMemo(\n      () => listOrganizationRoleOptions(roles, value, (roleKey) => tRole(roleKey, 'label')),\n      [roles, value, tRole],\n    )\n    const picker = (\n      <Select\n        ref={ref}\n        {...controlProps}\n        options={options}\n        value={value || undefined}\n        onChange={(next) => onChange?.(next)}\n        placeholder={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'organizationRolePlaceholder')}\n      />\n    )\n    if (!clearable || !value) return picker\n    return (\n      <span className=\"flex items-center gap-element\">\n        {picker}\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          disabled={controlProps.disabled || controlProps.readOnly}\n          onClick={() => onChange?.('')}\n        >\n          {tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'organizationRoleClear')}\n        </Button>\n      </span>\n    )\n  },\n)\nFormFieldStringOrganizationRole.displayName = 'FormFieldStringOrganizationRole'\n\n/** The roles a member of the organization being administered may hold, from the running application's configuration. */\nexport function useOrganizationRoleTable(): readonly string[] | undefined {\n  const { appConfig } = useApplication()\n  const { organizations, currentOrganizationId } = useUserOrgs()\n  const organizationType = organizations.find((organization) => organization._id === currentOrganizationId)?.type\n  return organizationRoleTableOf(appConfig as OrganizationRoleTableSource | undefined, organizationType)\n}\n\n/**\n * The picker when the backend published a role table, and `fallback` (the plain text input) when it did not. A\n * component of its own so the table is read by a hook at a stable position, whichever edit mode the field resolves to.\n */\nexport const FormFieldStringOrganizationRoleOrFallback = React.forwardRef<\n  HTMLButtonElement,\n  Omit<FormFieldStringOrganizationRoleProps, 'roles'> & { fallback: React.ReactNode }\n>(({ fallback, ...props }, ref): React.JSX.Element => {\n  const roles = useOrganizationRoleTable()\n  if (!roles) return <>{fallback}</>\n  return <FormFieldStringOrganizationRole ref={ref} roles={roles} {...props} />\n})\nFormFieldStringOrganizationRoleOrFallback.displayName = 'FormFieldStringOrganizationRoleOrFallback'\n"]}
+{"version":3,"file":"form-field-string-organization-role.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string-organization-role.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport { FrontendComponentType, LabellingTypes } from '@wildo-ai/presets-components-models'\nimport { isOrganizationRoleOfferedByType } from '@wildo-ai/saas-models'\nimport { OrganizationRoleTable } from '@wildo-ai/zod-decorators'\nimport type { ControlBaseProps, FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\nimport { Select } from '~wildo-frontend-lib/components/form/controls/enum/select'\nimport { useApplication } from '~wildo-frontend-lib/core/runtime/useApplication'\nimport { useUserOrgs } from '~wildo-frontend-lib/core/security/useUserOrgs'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button'\n\n/**\n * The ONE role a string field names, picked from the organization role table (#1921) — the control behind\n * `StringEditMode.ORGANIZATION_ROLE`.\n *\n * ## Why a picker, and why here\n *\n * A setting that admits \"the role named X\" (`agentWorkCaptureSettings.contentReaderRole` first) used to be a text\n * input: an administrator had to spell a role key exactly, and a typo named a role nobody holds, so the setting admitted\n * nobody and nothing said so. The options are the table the backend publishes on `/application-config`\n * (`organizationRoles`: core organization roles plus the application's custom organization roles, less the handler-only\n * roles no person may hold). It is a string EDIT MODE rather than a one-off component so any single-role string field\n * adopts it with one `stringUI({ edit: { editMode: StringEditMode.ORGANIZATION_ROLE } })`.\n *\n * ## Words\n *\n * Each option reads as the role's word from the application's `roles` labels (`tRole`), the same words the member\n * directory shows. A role with no authored word shows its key — a missing label that looks missing.\n *\n * ## Which roles: this organization's\n *\n * The published table is the APPLICATION's organization roles. An organization's TYPE may narrow the roles its members\n * hold (`organizationTypes[type].availableOrgRoles`, which the membership write enforces), so the picker offers the\n * table as that list narrows it for the organization being administered — a role outside it is one no member of this\n * organization can hold, and naming it would admit nobody. The setting's write applies the same rule.\n *\n * ## Narrowed by the operation, or another organization's (#2778)\n *\n * An operation that declares a `requestFieldOffers` entry for the field narrows that table further: a relationship's\n * role picker offers only the roles the chosen kind confers. A field naming a role held in ANOTHER organization\n * (`organizationRoleTable: ANOTHER_ORGANIZATION`, a representing organization's proposal) reads no table of its own and\n * offers the operation's roles alone. {@link organizationRolePickerRoles} is that one rule.\n *\n * ## Clearing\n *\n * A clearable field (an optional one) offers a clear action that emits `''` — the same empty gesture the text input\n * made, which the form's field-clearing normalisation turns into \"no value\".\n *\n * ## Degradation\n *\n * A backend that publishes no table (one that predates the field) leaves nothing to pick from, so the caller renders a\n * text input instead — {@link organizationRoleTableOf} answers `undefined` for exactly that case, as does\n * {@link organizationRolePickerRoles} for another organization's role while the operation offers none. An offer of NO\n * role is an empty choice, deliberately: the operation can only be refused then, and a text input would invite a key\n * it refuses. The server stays the\n * control either way: holding a role is decided against the membership, never against what a picker offered.\n */\n\n/** What the picker reads from the application's configuration. */\nexport interface OrganizationRoleTableSource {\n  readonly organizationRoles?: readonly string[]\n  readonly organizationTypes?: Readonly<Record<string, { readonly availableOrgRoles?: readonly unknown[] } | undefined>>\n}\n\n/**\n * The roles a member of an organization of `organizationType` may hold: the published table, narrowed by the rule the\n * membership write and the request both apply (`isOrganizationRoleOfferedByType`, #2606/#2607). `undefined` when the\n * backend published no table. Not narrowed only when there is nothing to narrow BY — no organization type in hand, or\n * no published declaration — since the picker then cannot know, and the backend still refuses what the type does not offer.\n */\nexport function organizationRoleTableOf(appConfig: OrganizationRoleTableSource | undefined, organizationType?: string | null): readonly string[] | undefined {\n  const roles = appConfig?.organizationRoles\n  if (!roles || roles.length === 0) return undefined\n  const organizationTypes = appConfig?.organizationTypes\n  if (!organizationType || !organizationTypes) return roles\n  return roles.filter((role) => isOrganizationRoleOfferedByType(organizationTypes as never, organizationType, role))\n}\n\n/**\n * The picker's options: every role of the table, worded. A CURRENT value the table no longer holds (a custom role the\n * application removed) is kept as the first option, so the field shows what is stored and the administrator can see it\n * needs changing — dropping it would render an empty picker over a setting that still names that role.\n */\nexport function listOrganizationRoleOptions(\n  roles: readonly string[],\n  currentValue: string | undefined,\n  roleLabel: (roleKey: string) => string,\n): FieldOption<string>[] {\n  const options = roles.map((role) => ({ value: role, label: roleLabel(role) }))\n  if (currentValue && !roles.includes(currentValue)) options.unshift({ value: currentValue, label: roleLabel(currentValue) })\n  return options\n}\n\nexport interface FormFieldStringOrganizationRoleProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  roles: readonly string[]\n  value?: string\n  onChange?: (value: string) => void\n}\n\n/** The label namespaces the picker reads: its own placeholder, and the roles' words. Module-level for a stable identity. */\nconst ORGANIZATION_ROLE_LABEL_NAMESPACES = [LabellingTypes.ROLES]\n\nexport const FormFieldStringOrganizationRole = React.forwardRef<HTMLButtonElement, FormFieldStringOrganizationRoleProps>(\n  ({ roles, value, onChange, clearable, ...controlProps }, ref): React.JSX.Element => {\n    const { tComponent, tRole } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, keys: ORGANIZATION_ROLE_LABEL_NAMESPACES })\n    const options = React.useMemo(\n      () => listOrganizationRoleOptions(roles, value, (roleKey) => tRole(roleKey, 'label')),\n      [roles, value, tRole],\n    )\n    const picker = (\n      <Select\n        ref={ref}\n        {...controlProps}\n        options={options}\n        value={value || undefined}\n        onChange={(next) => onChange?.(next)}\n        placeholder={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'organizationRolePlaceholder')}\n      />\n    )\n    if (!clearable || !value) return picker\n    return (\n      <span className=\"flex items-center gap-element\">\n        {picker}\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          disabled={controlProps.disabled || controlProps.readOnly}\n          onClick={() => onChange?.('')}\n        >\n          {tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'organizationRoleClear')}\n        </Button>\n      </span>\n    )\n  },\n)\nFormFieldStringOrganizationRole.displayName = 'FormFieldStringOrganizationRole'\n\n/** The roles a member of the organization being administered may hold, from the running application's configuration. */\nexport function useOrganizationRoleTable(): readonly string[] | undefined {\n  const { appConfig } = useApplication()\n  const { organizations, currentOrganizationId } = useUserOrgs()\n  const organizationType = organizations.find((organization) => organization._id === currentOrganizationId)?.type\n  return organizationRoleTableOf(appConfig as OrganizationRoleTableSource | undefined, organizationType)\n}\n\n/**\n * The roles the picker offers (#2778): its table, narrowed by the roles the field's operation offers (the roles a\n * relationship's kind confers). A field naming a role of ANOTHER organization reads no table of its own, so it offers\n * the operation's roles alone. `undefined` when there is nothing to pick from: no published table for this\n * organization's roles, or no offer for another organization's, and the field is then a text input.\n *\n * Another organization's roles are not narrowed by that organization's type (`availableOrgRoles`): its type is not in\n * hand here. The terms check still refuses a role the granting organization's type does not offer (`ROLE_NOT_CONFERRED`).\n */\nexport function organizationRolePickerRoles(input: {\n  readonly table: readonly string[] | undefined\n  readonly roleTable: OrganizationRoleTable\n  readonly offeredRoles: readonly string[] | undefined\n}): readonly string[] | undefined {\n  if (input.roleTable === OrganizationRoleTable.ANOTHER_ORGANIZATION) return input.offeredRoles\n  if (!input.table) return undefined\n  return input.offeredRoles ? input.table.filter((role) => input.offeredRoles!.includes(role)) : input.table\n}\n\n/**\n * The picker when there are roles to pick from, and `fallback` (the plain text input) when there are none. A component\n * of its own so the table is read by a hook at a stable position, whichever edit mode the field resolves to.\n */\nexport const FormFieldStringOrganizationRoleOrFallback = React.forwardRef<\n  HTMLButtonElement,\n  Omit<FormFieldStringOrganizationRoleProps, 'roles'> & {\n    fallback: React.ReactNode\n    /** Whose role table the field names a role of. Default `CURRENT_ORGANIZATION`. */\n    roleTable?: OrganizationRoleTable\n    /** The roles the field's operation offers (`requestFieldOffers`), when it narrows them. */\n    offeredRoles?: readonly string[]\n  }\n>(({ fallback, roleTable = OrganizationRoleTable.CURRENT_ORGANIZATION, offeredRoles, ...props }, ref): React.JSX.Element => {\n  const table = useOrganizationRoleTable()\n  const roles = organizationRolePickerRoles({ table, roleTable, offeredRoles })\n  if (!roles) return <>{fallback}</>\n  return <FormFieldStringOrganizationRole ref={ref} roles={roles} {...props} />\n})\nFormFieldStringOrganizationRoleOrFallback.displayName = 'FormFieldStringOrganizationRoleOrFallback'\n"]}

package/dist/esm/components/form/fields/form-field-string.d.ts

@@ -8,6 +8,11 @@ export interface FormFieldStringProps extends Omit<ControlBaseProps, 'value' | '
     placeholder?: string;
     autoComplete?: string;
     type?: 'text' | 'email' | 'url' | 'password' | 'tel' | 'number';
+    /**
+     * The values this field's operation offers (`requestFieldOffers`, #2778), for an edit mode that owns its own choice
+     * (the ORGANIZATION_ROLE picker narrows its table by them) rather than being replaced by a plain choice control.
+     */
+    offeredValues?: readonly string[];
 }
 export type FormFieldStringRef = HTMLInputElement | HTMLTextAreaElement | HTMLButtonElement | HTMLDivElement;
 /**

package/dist/esm/components/form/fields/form-field-string.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-string.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-string.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAY5F,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;CAChE;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAE5G;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,iGAqOzC,CAAA;AAGF,eAAO,MAAM,eAAe,wHAQ3B,CAAA"}
+{"version":3,"file":"form-field-string.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAY5F,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACzG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC/D;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAClC;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAE5G;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,iGA0OzC,CAAA;AAGF,eAAO,MAAM,eAAe,wHAQ3B,CAAA"}

package/dist/esm/components/form/fields/form-field-string.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
-import { ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { ControlSize, CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 import { Input } from "../../../components/form/controls/input.js";
 import { Textarea } from "../../../components/form/controls/string/textarea.js";
@@ -8,7 +8,7 @@ import { MarkdownEditor } from "../../../components/form/controls/string/markdow
 import { ColorInput } from "../../../components/form/controls/string/color-input.js";
 import { PasswordInput } from "../../../components/form/controls/string/password-input.js";
 import { InputOTP, InputOTPGroup, InputOTPSlot } from "../../../components/form/controls/string/input-otp.js";
-import { getStringUI, getStringFormat, getOtpFieldParams, resolveStringEditMode, StringEditMode } from "@wildo-ai/zod-decorators";
+import { getStringUI, getStringFormat, getOtpFieldParams, resolveStringEditMode, OrganizationRoleTable, StringEditMode } from "@wildo-ai/zod-decorators";
 import { FormFieldStringOrganizationRoleOrFallback } from '../../../components/form/fields/form-field-string-organization-role.js';
 /**
  * FormFieldString component
@@ -16,7 +16,7 @@ import { FormFieldStringOrganizationRoleOrFallback } from '../../../components/f
  * Renders a string field according to the edit policy.
  * Forwards ref to the underlying input/textarea for RHF focus support.
  */
-export const FormFieldString_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, placeholder, autoComplete, autoFocus, controlSize = ControlSize.MD, type, clearable, }, ref) => {
+export const FormFieldString_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, placeholder, autoComplete, autoFocus, controlSize = ControlSize.MD, type, clearable, offeredValues, }, ref) => {
     // The HTML default for `<input>` is text-like behavior, but React only
     // renders a `type` attribute when the prop is defined — `<input
     // type={undefined} />` produces an element whose `getAttribute('type')`
@@ -44,7 +44,7 @@ export const FormFieldString_Preset_Default = React.forwardRef(({ schema, name,
     // deciding by value alone routed user input into internal state and never
     // called `onChange`, so form state silently stayed empty (`internalValue`
     // doubles as the stable empty-display fallback while controlled-empty).
-    const isControlled = onChange !== undefined || controlledValue !== undefined;
+    const isControlled = isControlledByCaller(controlledValue, onChange);
     const currentValue = controlledValue ?? internalValue;
     // Handle value change - validation is handled by parent FormField via RHF
     const handleChange = React.useCallback((newValue) => {
@@ -99,10 +99,12 @@ export const FormFieldString_Preset_Default = React.forwardRef(({ schema, name,
             return (_jsx(InputOTP, { ref: ref, name: name, className: className, maxLength: otpMaxLength, value: currentValue, onChange: handleChange, onBlur: handleBlur, disabled: disabled, autoComplete: autoComplete, autoFocus: autoFocus, controlSize: controlSize, children: _jsx(InputOTPGroup, { children: Array.from({ length: otpMaxLength }, (_, i) => (_jsx(InputOTPSlot, { index: i }, i))) }) }));
         }
         case StringEditMode.ORGANIZATION_ROLE: {
-            // #1921 — one role of the organization role table, picked rather than typed. A backend that publishes no table
-            // leaves nothing to pick from, so the field stays a text input rather than an empty picker.
+            // #1921 — one role of the organization role table, picked rather than typed. Which roles: the field's table
+            // (`organizationRoleTable`) narrowed by the operation's offer (#2778, `organizationRolePickerRoles`). When there is
+            // nothing to pick FROM (no published table, or another organization's role with no offer yet) the field is a text
+            // input; an offer of no role at all is an empty choice, deliberately (the operation can only be refused then).
             const textInput = (_jsx(Input, { ref: ref, ...commonProps, value: currentValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, autoComplete: autoComplete, type: resolvedInputType }));
-            return (_jsx(FormFieldStringOrganizationRoleOrFallback, { ref: ref, ...commonProps, value: currentValue, onChange: handleChange, onBlur: handleBlur, clearable: clearable, fallback: textInput }));
+            return (_jsx(FormFieldStringOrganizationRoleOrFallback, { ref: ref, ...commonProps, value: currentValue, onChange: handleChange, onBlur: handleBlur, clearable: clearable, fallback: textInput, roleTable: stringUI?.edit?.organizationRoleTable ?? OrganizationRoleTable.CURRENT_ORGANIZATION, ...(offeredValues ? { offeredRoles: offeredValues } : {}) }));
         }
         default:
             return (_jsx(Input, { ref: ref, ...commonProps, value: currentValue, onChange: handleChange, onBlur: handleBlur, placeholder: placeholder, autoComplete: autoComplete, type: resolvedInputType }));

package/dist/esm/components/form/fields/form-field-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-string.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AACzG,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAIhI,OAAO,EAAE,KAAK,EAAE,MAAM,oDAAoD,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAA;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,qEAAqE,CAAA;AACpG,OAAO,EAAE,UAAU,EAAE,MAAM,iEAAiE,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,oEAAoE,CAAA;AAClG,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAA;AACrH,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEjI,OAAO,EAAE,yCAAyC,EAAE,MAAM,gFAAgF,CAAA;AAc1I;;;;;GAKG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,KAAK,CAAC,UAAU,CAC5D,CAAC,EACD,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EAAE,kBAAkB,EAClC,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,WAAW,CAAC,EAAE,EAC5B,IAAI,EACJ,SAAS,GACV,EAAE,GAAG,EAAqB,EAAE;IAC3B,uEAAuE;IACvE,gEAAgE;IAChE,wEAAwE;IACxE,wEAAwE;IACxE,qEAAqE;IACrE,uEAAuE;IACvE,+DAA+D;IAC/D,MAAM,iBAAiB,GAAG,IAAI,IAAI,MAAM,CAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IACpC,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAE5C,sEAAsE;IACtE,6EAA6E;IAC7E,wDAAwD;IACxD,yEAAyE;IACzE,+DAA+D;IAC/D,IAAI,QAAQ,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC5C,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE,CAAC;QAC9B,oCAAoC;IACtC,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,EAAE,IAAI,EAAE,YAAY,IAAI,CAAC,CAAA;IAEtD,uCAAuC;IACvC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,IAAI,EAAE,CAAC,CAAA;IAEpF,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,0EAA0E;IAC1E,wEAAwE;IACxE,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS,CAAA;IAC5E,MAAM,YAAY,GAAG,eAAe,IAAI,aAAa,CAAA;IAErD,0EAA0E;IAC1E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC1D,IAAI,YAAY,EAAE,CAAC;YACjB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE5B,kEAAkE;IAClE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,EAAE,EAAE,CAAA;IACZ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,kCAAkC;IAClC,MAAM,WAAW,GAAG;QAClB,MAAM;QACN,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,cAAc,EAAE,kBAAkB;QAClC,SAAS;QACT,WAAW;KACZ,CAAA;IAED,4BAA4B;IAC5B,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,cAAc,CAAC,KAAK;YACvB,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAkC,KACnC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,iBAAiB,GACvB,CACH,CAAA;QAEH,KAAK,cAAc,CAAC,QAAQ;YAC1B,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAqC,KACtC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;QAEH,KAAK,cAAc,CAAC,QAAQ;YAC1B,iEAAiE;YACjE,oEAAoE;YACpE,8DAA8D;YAC9D,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;QAEH,KAAK,cAAc,CAAC,KAAK;YACvB,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAkC,KACnC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;QAEH,KAAK,cAAc,CAAC,QAAQ;YAC1B,OAAO,CACL,KAAC,aAAa,IACZ,GAAG,EAAE,GAAkC,KACnC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;QAEH,KAAK,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;YACxB,MAAM,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;YAC3C,MAAM,YAAY,GAAG,SAAS,EAAE,SAAS,IAAI,CAAC,CAAA;YAC9C,iGAAiG;YACjG,qGAAqG;YACrG,8FAA8F;YAC9F,kGAAkG;YAClG,qGAAqG;YACrG,qGAAqG;YACrG,gGAAgG;YAChG,4BAA4B;YAC5B,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAkC,EACvC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,YAExB,KAAC,aAAa,cACX,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9C,KAAC,YAAY,IAAS,KAAK,EAAE,CAAC,IAAX,CAAC,CAAc,CACnC,CAAC,GACY,GACP,CACZ,CAAA;QACH,CAAC;QAED,KAAK,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC;YACtC,+GAA+G;YAC/G,4FAA4F;YAC5F,MAAM,SAAS,GAAG,CAChB,KAAC,KAAK,IACJ,GAAG,EAAE,GAAkC,KACnC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,iBAAiB,GACvB,CACH,CAAA;YACD,OAAO,CACL,KAAC,yCAAyC,IACxC,GAAG,EAAE,GAAmC,KACpC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,SAAS,GACnB,CACH,CAAA;QACH,CAAC;QAED;YACE,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAkC,KACnC,WAAW,EACf,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,iBAAiB,GACvB,CACH,CAAA;IACL,CAAC;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,2BAA2B,EACjD,iBAAiB,CAClB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\n\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\nimport { Input } from \"~wildo-frontend-lib/components/form/controls/input\"\nimport { Textarea } from \"~wildo-frontend-lib/components/form/controls/string/textarea\"\nimport { MarkdownEditor } from \"~wildo-frontend-lib/components/form/controls/string/markdown-editor\"\nimport { ColorInput } from \"~wildo-frontend-lib/components/form/controls/string/color-input\"\nimport { PasswordInput } from \"~wildo-frontend-lib/components/form/controls/string/password-input\"\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from \"~wildo-frontend-lib/components/form/controls/string/input-otp\"\nimport { getStringUI, getStringFormat, getOtpFieldParams, resolveStringEditMode, StringEditMode } from \"@wildo-ai/zod-decorators\"\nimport { cn } from '~wildo-frontend-lib/core/ui/cn'\nimport { FormFieldStringOrganizationRoleOrFallback } from '~wildo-frontend-lib/components/form/fields/form-field-string-organization-role'\n\n// --- Contract ---\nexport interface FormFieldStringProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string\n  onChange?: (value: string) => void\n  defaultValue?: string\n  placeholder?: string\n  autoComplete?: string\n  type?: 'text' | 'email' | 'url' | 'password' | 'tel' | 'number'\n}\n\nexport type FormFieldStringRef = HTMLInputElement | HTMLTextAreaElement | HTMLButtonElement | HTMLDivElement\n\n/**\n * FormFieldString component\n *\n * Renders a string field according to the edit policy.\n * Forwards ref to the underlying input/textarea for RHF focus support.\n */\nexport const FormFieldString_Preset_Default = React.forwardRef<FormFieldStringRef, FormFieldStringProps>(\n  ({\n  schema,\n  name,\n  disabled,\n  readOnly,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  placeholder,\n  autoComplete,\n  autoFocus,\n  controlSize = ControlSize.MD,\n  type,\n  clearable,\n}, ref): React.JSX.Element => {\n  // The HTML default for `<input>` is text-like behavior, but React only\n  // renders a `type` attribute when the prop is defined — `<input\n  // type={undefined} />` produces an element whose `getAttribute('type')`\n  // returns `null`. That's a footgun for downstream tooling (DOM queries,\n  // a11y heuristics, autofill detection) that branches on the explicit\n  // attribute value. Pin the implicit default so callers omitting `type`\n  // still see a stable `text` attribute on the rendered element.\n  const resolvedInputType = type ?? 'text'\n  const stringUI = getStringUI(schema)\n  const stringFormat = getStringFormat(schema)\n\n  // Resolved, not read: the editing shape is declared on TWO axes — the\n  // per-type `edit.editMode` and the cross-cutting `edit.component` — and this\n  // component used to read only the first, so an authored\n  // `component: FormFieldComponent.TEXTAREA` rendered a single-line input.\n  // `resolveStringEditMode` owns the precedence (per-type wins).\n  let editMode = resolveStringEditMode(schema)\n  if (!stringUI && stringFormat) {\n    // Default to input for most formats\n  }\n\n  const textareaRows = stringUI?.edit?.textareaRows ?? 4\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<string>(defaultValue ?? '')\n\n  // Controlled ⇔ the caller supplied a change handler (or a defined value).\n  // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n  // deciding by value alone routed user input into internal state and never\n  // called `onChange`, so form state silently stayed empty (`internalValue`\n  // doubles as the stable empty-display fallback while controlled-empty).\n  const isControlled = onChange !== undefined || controlledValue !== undefined\n  const currentValue = controlledValue ?? internalValue\n\n  // Handle value change - validation is handled by parent FormField via RHF\n  const handleChange = React.useCallback((newValue: string) => {\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange])\n\n  // Handle blur - validation is handled by parent FormField via RHF\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  // Common props for all edit modes\n  const commonProps = {\n    schema,\n    name,\n    disabled,\n    readOnly,\n    className,\n    validationMode: validationModeProp,\n    autoFocus,\n    controlSize,\n  }\n\n  // Render based on edit mode\n  switch (editMode) {\n    case StringEditMode.INPUT:\n      return (\n        <Input\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n          type={resolvedInputType}\n        />\n      )\n\n    case StringEditMode.TEXTAREA:\n      return (\n        <Textarea\n          ref={ref as React.Ref<HTMLTextAreaElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          rows={textareaRows}\n          autoComplete={autoComplete}\n        />\n      )\n\n    case StringEditMode.MARKDOWN:\n      // Markdown SOURCE editor (registry-resolved; default preset is a\n      // lazy-loaded CodeMirror core). Value stays plain markdown source —\n      // display rendering remains on the MARKDOWN display pipeline.\n      return (\n        <MarkdownEditor\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          readOnly={readOnly}\n          autoFocus={autoFocus}\n          minRows={textareaRows}\n          ariaLabel={name}\n          className={className}\n        />\n      )\n\n    case StringEditMode.COLOR:\n      return (\n        <ColorInput\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n        />\n      )\n\n    case StringEditMode.PASSWORD:\n      return (\n        <PasswordInput\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n        />\n      )\n\n    case StringEditMode.OTP: {\n      const otpParams = getOtpFieldParams(schema)\n      const otpMaxLength = otpParams?.maxLength ?? 6\n      // NB: this is the one branch that cannot spread `commonProps` wholesale — `InputOTP` is a narrow\n      // control contract (`InputOTPProps`) and does not declare the schema-aware members the text controls\n      // accept (`schema`, `readOnly`, `validationMode`). Every member it DOES declare must still be\n      // forwarded explicitly, or this branch silently drops props every sibling branch honours. That is\n      // exactly what happened to `name` and `className` before: the field rendered `name=\"\"`, so the input\n      // was unaddressable by name (breaking form-name selectors and weakening password-manager heuristics)\n      // and authored classes were ignored. Add the forward here whenever `commonProps` grows a member\n      // `InputOTPProps` declares.\n      return (\n        <InputOTP\n          ref={ref as React.Ref<HTMLInputElement>}\n          name={name}\n          className={className}\n          maxLength={otpMaxLength}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          controlSize={controlSize}\n        >\n          <InputOTPGroup>\n            {Array.from({ length: otpMaxLength }, (_, i) => (\n              <InputOTPSlot key={i} index={i} />\n            ))}\n          </InputOTPGroup>\n        </InputOTP>\n      )\n    }\n\n    case StringEditMode.ORGANIZATION_ROLE: {\n      // #1921 — one role of the organization role table, picked rather than typed. A backend that publishes no table\n      // leaves nothing to pick from, so the field stays a text input rather than an empty picker.\n      const textInput = (\n        <Input\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n          type={resolvedInputType}\n        />\n      )\n      return (\n        <FormFieldStringOrganizationRoleOrFallback\n          ref={ref as React.Ref<HTMLButtonElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          clearable={clearable}\n          fallback={textInput}\n        />\n      )\n    }\n\n    default:\n      return (\n        <Input\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n          type={resolvedInputType}\n        />\n      )\n  }\n})\n\n// --- Wrapper ---\nexport const FormFieldString = forwardRef<FormFieldStringRef, FormFieldStringProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldStringProps, FormFieldStringRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING,\n      'FormFieldString'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldString.displayName = 'FormFieldString'\n"]}
+{"version":3,"file":"form-field-string.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { ControlSize, CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\n\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\nimport { Input } from \"~wildo-frontend-lib/components/form/controls/input\"\nimport { Textarea } from \"~wildo-frontend-lib/components/form/controls/string/textarea\"\nimport { MarkdownEditor } from \"~wildo-frontend-lib/components/form/controls/string/markdown-editor\"\nimport { ColorInput } from \"~wildo-frontend-lib/components/form/controls/string/color-input\"\nimport { PasswordInput } from \"~wildo-frontend-lib/components/form/controls/string/password-input\"\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from \"~wildo-frontend-lib/components/form/controls/string/input-otp\"\nimport { getStringUI, getStringFormat, getOtpFieldParams, resolveStringEditMode, OrganizationRoleTable, StringEditMode } from \"@wildo-ai/zod-decorators\"\nimport { cn } from '~wildo-frontend-lib/core/ui/cn'\nimport { FormFieldStringOrganizationRoleOrFallback } from '~wildo-frontend-lib/components/form/fields/form-field-string-organization-role'\n\n// --- Contract ---\nexport interface FormFieldStringProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string\n  onChange?: (value: string) => void\n  defaultValue?: string\n  placeholder?: string\n  autoComplete?: string\n  type?: 'text' | 'email' | 'url' | 'password' | 'tel' | 'number'\n  /**\n   * The values this field's operation offers (`requestFieldOffers`, #2778), for an edit mode that owns its own choice\n   * (the ORGANIZATION_ROLE picker narrows its table by them) rather than being replaced by a plain choice control.\n   */\n  offeredValues?: readonly string[]\n}\n\nexport type FormFieldStringRef = HTMLInputElement | HTMLTextAreaElement | HTMLButtonElement | HTMLDivElement\n\n/**\n * FormFieldString component\n *\n * Renders a string field according to the edit policy.\n * Forwards ref to the underlying input/textarea for RHF focus support.\n */\nexport const FormFieldString_Preset_Default = React.forwardRef<FormFieldStringRef, FormFieldStringProps>(\n  ({\n  schema,\n  name,\n  disabled,\n  readOnly,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  placeholder,\n  autoComplete,\n  autoFocus,\n  controlSize = ControlSize.MD,\n  type,\n  clearable,\n  offeredValues,\n}, ref): React.JSX.Element => {\n  // The HTML default for `<input>` is text-like behavior, but React only\n  // renders a `type` attribute when the prop is defined — `<input\n  // type={undefined} />` produces an element whose `getAttribute('type')`\n  // returns `null`. That's a footgun for downstream tooling (DOM queries,\n  // a11y heuristics, autofill detection) that branches on the explicit\n  // attribute value. Pin the implicit default so callers omitting `type`\n  // still see a stable `text` attribute on the rendered element.\n  const resolvedInputType = type ?? 'text'\n  const stringUI = getStringUI(schema)\n  const stringFormat = getStringFormat(schema)\n\n  // Resolved, not read: the editing shape is declared on TWO axes — the\n  // per-type `edit.editMode` and the cross-cutting `edit.component` — and this\n  // component used to read only the first, so an authored\n  // `component: FormFieldComponent.TEXTAREA` rendered a single-line input.\n  // `resolveStringEditMode` owns the precedence (per-type wins).\n  let editMode = resolveStringEditMode(schema)\n  if (!stringUI && stringFormat) {\n    // Default to input for most formats\n  }\n\n  const textareaRows = stringUI?.edit?.textareaRows ?? 4\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<string>(defaultValue ?? '')\n\n  // Controlled ⇔ the caller supplied a change handler (or a defined value).\n  // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n  // deciding by value alone routed user input into internal state and never\n  // called `onChange`, so form state silently stayed empty (`internalValue`\n  // doubles as the stable empty-display fallback while controlled-empty).\n  const isControlled = isControlledByCaller(controlledValue, onChange)\n  const currentValue = controlledValue ?? internalValue\n\n  // Handle value change - validation is handled by parent FormField via RHF\n  const handleChange = React.useCallback((newValue: string) => {\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange])\n\n  // Handle blur - validation is handled by parent FormField via RHF\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  // Common props for all edit modes\n  const commonProps = {\n    schema,\n    name,\n    disabled,\n    readOnly,\n    className,\n    validationMode: validationModeProp,\n    autoFocus,\n    controlSize,\n  }\n\n  // Render based on edit mode\n  switch (editMode) {\n    case StringEditMode.INPUT:\n      return (\n        <Input\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n          type={resolvedInputType}\n        />\n      )\n\n    case StringEditMode.TEXTAREA:\n      return (\n        <Textarea\n          ref={ref as React.Ref<HTMLTextAreaElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          rows={textareaRows}\n          autoComplete={autoComplete}\n        />\n      )\n\n    case StringEditMode.MARKDOWN:\n      // Markdown SOURCE editor (registry-resolved; default preset is a\n      // lazy-loaded CodeMirror core). Value stays plain markdown source —\n      // display rendering remains on the MARKDOWN display pipeline.\n      return (\n        <MarkdownEditor\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          readOnly={readOnly}\n          autoFocus={autoFocus}\n          minRows={textareaRows}\n          ariaLabel={name}\n          className={className}\n        />\n      )\n\n    case StringEditMode.COLOR:\n      return (\n        <ColorInput\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n        />\n      )\n\n    case StringEditMode.PASSWORD:\n      return (\n        <PasswordInput\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n        />\n      )\n\n    case StringEditMode.OTP: {\n      const otpParams = getOtpFieldParams(schema)\n      const otpMaxLength = otpParams?.maxLength ?? 6\n      // NB: this is the one branch that cannot spread `commonProps` wholesale — `InputOTP` is a narrow\n      // control contract (`InputOTPProps`) and does not declare the schema-aware members the text controls\n      // accept (`schema`, `readOnly`, `validationMode`). Every member it DOES declare must still be\n      // forwarded explicitly, or this branch silently drops props every sibling branch honours. That is\n      // exactly what happened to `name` and `className` before: the field rendered `name=\"\"`, so the input\n      // was unaddressable by name (breaking form-name selectors and weakening password-manager heuristics)\n      // and authored classes were ignored. Add the forward here whenever `commonProps` grows a member\n      // `InputOTPProps` declares.\n      return (\n        <InputOTP\n          ref={ref as React.Ref<HTMLInputElement>}\n          name={name}\n          className={className}\n          maxLength={otpMaxLength}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          controlSize={controlSize}\n        >\n          <InputOTPGroup>\n            {Array.from({ length: otpMaxLength }, (_, i) => (\n              <InputOTPSlot key={i} index={i} />\n            ))}\n          </InputOTPGroup>\n        </InputOTP>\n      )\n    }\n\n    case StringEditMode.ORGANIZATION_ROLE: {\n      // #1921 — one role of the organization role table, picked rather than typed. Which roles: the field's table\n      // (`organizationRoleTable`) narrowed by the operation's offer (#2778, `organizationRolePickerRoles`). When there is\n      // nothing to pick FROM (no published table, or another organization's role with no offer yet) the field is a text\n      // input; an offer of no role at all is an empty choice, deliberately (the operation can only be refused then).\n      const textInput = (\n        <Input\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n          type={resolvedInputType}\n        />\n      )\n      return (\n        <FormFieldStringOrganizationRoleOrFallback\n          ref={ref as React.Ref<HTMLButtonElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          clearable={clearable}\n          fallback={textInput}\n          roleTable={stringUI?.edit?.organizationRoleTable ?? OrganizationRoleTable.CURRENT_ORGANIZATION}\n          {...(offeredValues ? { offeredRoles: offeredValues } : {})}\n        />\n      )\n    }\n\n    default:\n      return (\n        <Input\n          ref={ref as React.Ref<HTMLInputElement>}\n          {...commonProps}\n          value={currentValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          autoComplete={autoComplete}\n          type={resolvedInputType}\n        />\n      )\n  }\n})\n\n// --- Wrapper ---\nexport const FormFieldString = forwardRef<FormFieldStringRef, FormFieldStringProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldStringProps, FormFieldStringRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING,\n      'FormFieldString'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldString.displayName = 'FormFieldString'\n"]}

package/dist/esm/components/form/fields/form-field-string.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-string.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-string.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAS9D,CAAC"}
+{"version":3,"file":"form-field-string.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-string.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAS9D,CAAC"}

package/dist/esm/components/form/fields/form-field-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-time.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAM5F,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEnE,eAAO,MAAM,4BAA4B,6FAgBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}
+{"version":3,"file":"form-field-time.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAM5F,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEnE,eAAO,MAAM,4BAA4B,6FAmBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}

package/dist/esm/components/form/fields/form-field-time.js

@@ -5,13 +5,16 @@ import { createComponentResolverWithRef } from '../../../core/components-registr
 import { TimePicker } from "../../../components/form/controls/date-time/time-picker.js";
 import { useI18n } from '../../../core/i18n/useI18n.js';
 export const FormFieldTime_Preset_Default = React.forwardRef((props, ref) => {
-    const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_TIME });
-    // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), so
+    const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_TIME });
+    // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the
+    // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no
+    // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).
+    // the preferences may be absent until the i18n bundle resolves (`isReady`), so
     // optional-chain this read — see form-field-date for the full rationale. Without the
     // `?.`, a time field rendered on the first pass throws `Cannot read properties of
     // null` and crashes the form; `undefined` lets the picker fall back to its default
     // format for that beat and the real preference applies next render.
-    return (_jsx(TimePicker, { ref: ref, ...props, timeFormat: regionalPreferences?.timeFormat }));
+    return (_jsx(TimePicker, { ref: ref, ...props, timeFormat: resolvedRegionalPreferences?.timeFormat }));
 });
 // --- Wrapper ---
 export const FormFieldTime = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {

package/dist/esm/components/form/fields/form-field-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-time.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-time.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAIhI,OAAO,EAAE,UAAU,EAAwB,MAAM,oEAAoE,CAAA;AACrH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAc/D,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAClC,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IAEhH,+EAA+E;IAC/E,qFAAqF;IACrF,kFAAkF;IAClF,mFAAmF;IACnF,oEAAoE;IACpE,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,KACnC,KAAyB,EAC9B,UAAU,EAAE,mBAAmB,EAAE,UAAU,GAC3C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,yBAAyB,EAC/C,eAAe,CAChB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\nimport { TimePicker, type TimePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/time-picker\"\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\n\n// --- Contract ---\nexport interface FormFieldTimeProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string\n  onChange?: (value: string | undefined) => void\n  defaultValue?: string\n  placeholder?: string\n  minuteStep?: number\n  showSeconds?: boolean\n}\n\nexport type FormFieldTimeRef = HTMLInputElement | HTMLButtonElement\n\nexport const FormFieldTime_Preset_Default = React.forwardRef<FormFieldTimeRef, FormFieldTimeProps>(\n  (props, ref): React.JSX.Element => {\n  const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_TIME })\n\n  // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), so\n  // optional-chain this read — see form-field-date for the full rationale. Without the\n  // `?.`, a time field rendered on the first pass throws `Cannot read properties of\n  // null` and crashes the form; `undefined` lets the picker fall back to its default\n  // format for that beat and the real preference applies next render.\n  return (\n    <TimePicker\n      ref={ref as React.Ref<HTMLButtonElement>}\n      {...(props as TimePickerProps)}\n      timeFormat={regionalPreferences?.timeFormat}\n    />\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldTime = forwardRef<FormFieldTimeRef, FormFieldTimeProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldTimeProps, FormFieldTimeRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_TIME,\n      'FormFieldTime'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldTime.displayName = 'FormFieldTime'\n"]}
+{"version":3,"file":"form-field-time.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-time.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAIhI,OAAO,EAAE,UAAU,EAAwB,MAAM,oEAAoE,CAAA;AACrH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAc/D,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAClC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IACxH,2GAA2G;IAC3G,+GAA+G;IAC/G,yGAAyG;IAEzG,+EAA+E;IAC/E,qFAAqF;IACrF,kFAAkF;IAClF,mFAAmF;IACnF,oEAAoE;IACpE,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,KACnC,KAAyB,EAC9B,UAAU,EAAE,2BAA2B,EAAE,UAAU,GACnD,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,yBAAyB,EAC/C,eAAe,CAChB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\n\nimport { TimePicker, type TimePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/time-picker\"\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\n\n// --- Contract ---\nexport interface FormFieldTimeProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: string\n  onChange?: (value: string | undefined) => void\n  defaultValue?: string\n  placeholder?: string\n  minuteStep?: number\n  showSeconds?: boolean\n}\n\nexport type FormFieldTimeRef = HTMLInputElement | HTMLButtonElement\n\nexport const FormFieldTime_Preset_Default = React.forwardRef<FormFieldTimeRef, FormFieldTimeProps>(\n  (props, ref): React.JSX.Element => {\n  const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_TIME })\n  // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the\n  // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no\n  // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).\n\n  // the preferences may be absent until the i18n bundle resolves (`isReady`), so\n  // optional-chain this read — see form-field-date for the full rationale. Without the\n  // `?.`, a time field rendered on the first pass throws `Cannot read properties of\n  // null` and crashes the form; `undefined` lets the picker fall back to its default\n  // format for that beat and the real preference applies next render.\n  return (\n    <TimePicker\n      ref={ref as React.Ref<HTMLButtonElement>}\n      {...(props as TimePickerProps)}\n      timeFormat={resolvedRegionalPreferences?.timeFormat}\n    />\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldTime = forwardRef<FormFieldTimeRef, FormFieldTimeProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldTimeProps, FormFieldTimeRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_TIME,\n      'FormFieldTime'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldTime.displayName = 'FormFieldTime'\n"]}

package/dist/esm/components/form/fields/form-field-time.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-time.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-time.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"form-field-time.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-time.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/form/fields/themed-native-select.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { type ControlSize } from '@wildo-ai/presets-components-models';
+export interface ThemedNativeSelectProps extends Omit<React.ComponentProps<'select'>, 'size'> {
+    /** The form-control size the sibling input uses, so the pair shares one height. */
+    controlSize?: ControlSize;
+    /** Width and placement of the control within its row (`w-32`, `flex-1`, …). */
+    wrapperClassName?: string;
+}
+/**
+ * A NATIVE `<select>` dressed as the theme's select trigger — for the unit/currency half of a
+ * compound field (money, range-money, duration).
+ *
+ * Native, deliberately, rather than the Radix Select preset: these lists are long (160 currencies)
+ * and a person picks from them by typing, which the platform control does best — type-ahead by name,
+ * the phone's own picker on mobile, full keyboard and screen-reader semantics — with no extra code.
+ * What the platform control does NOT do is look like the rest of the form: its arrow and its
+ * padding are the operating system's, so a money field read as two different kits side by side
+ * (measured on the Wonder Todos todo edit form, 2026-09-30). `appearance-none` removes the platform
+ * arrow and the theme's own chevron takes its place, in the same place and at the same opacity as
+ * the Select preset's trigger. The open list stays the platform's — that is the part a person is
+ * better served by.
+ *
+ * Every compound field's picker uses it — money, range-money and duration (the unit or currency
+ * half, each NAMED for assistive technology by its field, since the field's label points at the
+ * amount) and the address field's country. The phone field keeps its own shape (a flag and a dial
+ * code over an invisible select).
+ */
+export declare const ThemedNativeSelect: React.ForwardRefExoticComponent<Omit<ThemedNativeSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+//# sourceMappingURL=themed-native-select.d.ts.map

package/dist/esm/components/form/fields/themed-native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-native-select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/themed-native-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAkC,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAMtG,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3F,mFAAmF;IACnF,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,kBAAkB,gHAiC9B,CAAA"}

package/dist/esm/components/form/fields/themed-native-select.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { FormControlVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { cn } from '../../../core/ui/cn.js';
+import { useUI } from '../../../core/ui/useUI.js';
+import { useIconRegistry } from '../../../core/icons/useIconRegistry.js';
+import { IconSize, StandardIconReference } from '../../../core/icons/icon-registry.frontend.schemas.js';
+/**
+ * A NATIVE `<select>` dressed as the theme's select trigger — for the unit/currency half of a
+ * compound field (money, range-money, duration).
+ *
+ * Native, deliberately, rather than the Radix Select preset: these lists are long (160 currencies)
+ * and a person picks from them by typing, which the platform control does best — type-ahead by name,
+ * the phone's own picker on mobile, full keyboard and screen-reader semantics — with no extra code.
+ * What the platform control does NOT do is look like the rest of the form: its arrow and its
+ * padding are the operating system's, so a money field read as two different kits side by side
+ * (measured on the Wonder Todos todo edit form, 2026-09-30). `appearance-none` removes the platform
+ * arrow and the theme's own chevron takes its place, in the same place and at the same opacity as
+ * the Select preset's trigger. The open list stays the platform's — that is the part a person is
+ * better served by.
+ *
+ * Every compound field's picker uses it — money, range-money and duration (the unit or currency
+ * half, each NAMED for assistive technology by its field, since the field's label points at the
+ * amount) and the address field's country. The phone field keeps its own shape (a flag and a dial
+ * code over an invisible select).
+ */
+export const ThemedNativeSelect = React.forwardRef(({ controlSize, className, wrapperClassName, children, disabled, ...props }, ref) => {
+    const { getRecipe } = useUI();
+    const { renderIcon } = useIconRegistry();
+    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    return (_jsxs("div", { "data-slot": "native-select", className: cn('relative flex', wrapperClassName), children: [_jsx("select", { ref: ref, disabled: disabled, "data-size": controlSize, className: cn('w-full cursor-pointer rounded-md bg-transparent text-sm disabled:cursor-default', formRecipe.base, formRecipe.states.focus, formRecipe.states.disabled, controlSize ? formRecipe.sizes?.[controlSize] : undefined, formRecipe.motion.transition, 
+                // After the recipe so its horizontal padding cannot put the label under the chevron.
+                'appearance-none pe-8', className), ...props, children: children }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 end-0 flex items-center pe-3 text-muted-foreground", children: renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: 'opacity-[var(--opacity-muted)]' }) })] }));
+});
+ThemedNativeSelect.displayName = 'ThemedNativeSelect';
+//# sourceMappingURL=themed-native-select.js.map

package/dist/esm/components/form/fields/themed-native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-native-select.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/themed-native-select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAoB,MAAM,qCAAqC,CAAA;AACtG,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAA;AAS/G;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAChD,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAqB,EAAE;IACrG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAEjF,OAAO,CACL,4BAAe,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,gBAAgB,CAAC,aAC7E,iBACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,eACP,WAAW,EACtB,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,UAAU,CAAC,IAAI,EACf,UAAU,CAAC,MAAM,CAAC,KAAK,EACvB,UAAU,CAAC,MAAM,CAAC,QAAQ,EAC1B,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,EACzD,UAAU,CAAC,MAAM,CAAC,UAAU;gBAC5B,qFAAqF;gBACrF,sBAAsB,EACtB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACF,EACT,8BAAkB,MAAM,EAAC,SAAS,EAAC,2FAA2F,YAC3H,UAAU,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC,GAC9G,IACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA","sourcesContent":["import React from 'react'\nimport { FormControlVariant, UIBehavior, type ControlSize } from '@wildo-ai/presets-components-models'\nimport { cn } from '~wildo-frontend-lib/core/ui/cn'\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI'\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry'\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas'\n\nexport interface ThemedNativeSelectProps extends Omit<React.ComponentProps<'select'>, 'size'> {\n  /** The form-control size the sibling input uses, so the pair shares one height. */\n  controlSize?: ControlSize\n  /** Width and placement of the control within its row (`w-32`, `flex-1`, …). */\n  wrapperClassName?: string\n}\n\n/**\n * A NATIVE `<select>` dressed as the theme's select trigger — for the unit/currency half of a\n * compound field (money, range-money, duration).\n *\n * Native, deliberately, rather than the Radix Select preset: these lists are long (160 currencies)\n * and a person picks from them by typing, which the platform control does best — type-ahead by name,\n * the phone's own picker on mobile, full keyboard and screen-reader semantics — with no extra code.\n * What the platform control does NOT do is look like the rest of the form: its arrow and its\n * padding are the operating system's, so a money field read as two different kits side by side\n * (measured on the Wonder Todos todo edit form, 2026-09-30). `appearance-none` removes the platform\n * arrow and the theme's own chevron takes its place, in the same place and at the same opacity as\n * the Select preset's trigger. The open list stays the platform's — that is the part a person is\n * better served by.\n *\n * Every compound field's picker uses it — money, range-money and duration (the unit or currency\n * half, each NAMED for assistive technology by its field, since the field's label points at the\n * amount) and the address field's country. The phone field keeps its own shape (a flag and a dial\n * code over an invisible select).\n */\nexport const ThemedNativeSelect = React.forwardRef<HTMLSelectElement, ThemedNativeSelectProps>(\n  ({ controlSize, className, wrapperClassName, children, disabled, ...props }, ref): React.JSX.Element => {\n    const { getRecipe } = useUI()\n    const { renderIcon } = useIconRegistry()\n    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n\n    return (\n      <div data-slot=\"native-select\" className={cn('relative flex', wrapperClassName)}>\n        <select\n          ref={ref}\n          disabled={disabled}\n          data-size={controlSize}\n          className={cn(\n            'w-full cursor-pointer rounded-md bg-transparent text-sm disabled:cursor-default',\n            formRecipe.base,\n            formRecipe.states.focus,\n            formRecipe.states.disabled,\n            controlSize ? formRecipe.sizes?.[controlSize] : undefined,\n            formRecipe.motion.transition,\n            // After the recipe so its horizontal padding cannot put the label under the chevron.\n            'appearance-none pe-8',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </select>\n        <span aria-hidden=\"true\" className=\"pointer-events-none absolute inset-y-0 end-0 flex items-center pe-3 text-muted-foreground\">\n          {renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.SM, className: 'opacity-[var(--opacity-muted)]' })}\n        </span>\n      </div>\n    )\n  },\n)\n\nThemedNativeSelect.displayName = 'ThemedNativeSelect'\n"]}

package/dist/esm/components/form/form-context.d.ts

@@ -103,6 +103,17 @@ export declare const SERVER_ERROR_TYPE: "server";
  * (which is set post-submission) to allow targeted UI treatment (e.g., checking spinner).
  */
 export declare const UNIQUE_ERROR_TYPE: "server-unique";
+/**
+ * The error key a FORM-LEVEL issue is recorded under: a refinement on the whole object (`.refine(fn, { message })`
+ * with no `path`), whose issue therefore names no field.
+ *
+ * Not react-hook-form's own `root`: `handleSubmit` deletes `errors.root` before deciding whether the form is valid
+ * (it reserves `root` for server errors, which live until the next submit), so a client issue recorded there would
+ * still let the form submit — with the empty `values` the resolver returns on failure. A key RHF does not reserve
+ * blocks the submit like any field error. `FormContextUtils.categorizeErrors` counts it, and every `_root…` path,
+ * as cross-field, which is how the error summary lists it.
+ */
+export declare const FORM_LEVEL_ERROR_PATH: "_root";
 /**
  * Error type set by FormFieldRecord when duplicate keys are detected in a record field.
  * Uses a namespaced value to avoid collision with Zod's 'custom' issue code from .refine().