pict-section-recordset 1.11.0 → 1.17.0

package/README.md

@@ -81,12 +81,25 @@ Meadow soft-deletes: lists normally return only `Deleted = 0` rows. Set `RecordS
 
 Deleted rows render at reduced opacity (`prsp-row-deleted`), and their default **View** link routes to `/PSRS/:RecordSet/ViewDeleted/:GUID` — a read route whose lookup explicitly includes soft-deleted records (a plain View would find nothing) and which renders a "This record has been deleted" banner above the record. Pair with the audit tier's *Deleted / Deleted on / Deleted by* columns in the column chooser.
 
+## Associations (joined-entity management)
+
+First-class, opt-in UI for managing many-to-many **joins** (the `XxxYyyJoin` convention — a join row with its own `ID<Join>` plus an `ID<X>` and `ID<Y>`). Three interfaces, all driven by light configuration:
+
+- **Association Editor** — a small embeddable widget added as a **read-view tab**: a searchable picker of the other entity (already-joined rows culled out) + an explicit **Add** button, over a list of the current associations, each removable. Opt Book→Authors and Author→Books in *independently*; `PickerMode` (`single`/`multi`) is per-tab.
+- **Bulk Associate screen** — a single-anchor page (`/PSRS/:RecordSet/Associate/:Association`): pick one anchor record, multi-select many other-side records, create all the joins at once.
+- **Matrix (cross-link) screen** — a dual-**table** page (`/PSRS/AssociateMatrix/:Association`) for linking complex records: each side is a record table with **configurable columns** (`TableColumns`, plus a per-table **Columns** chooser the user toggles — saved in localStorage), checkbox rows, and per-table search. Multi-select on both sides; a live stats header counts the **cross-product** (every left × every right); "Link selected" creates them all, skipping existing pairs.
+- **Bulk Unlink screen** — the removal counterpart (`/PSRS/AssociateUnlink/:Association/:AnchorRecordSet`): pick a specific book *or* store, see all its current links in a selectable table (same columns/chooser/search + select-all), check rows, and "Unlink selected" deletes those joins together.
+
+Define each join **once**, symmetrically, in a top-level `Associations` registry; then opt in per record set via a `RecordSetReadTabs` entry of `"Type": "Association"` (with `"ReadLayout": "Tab"` or `"Split"`) and/or a `RecordSetBulkAssociations` entry. With `Split`, the record stays in a resizable left pane and the association tabs sit top-right, opening to the record alone until you pick a tab. The picker comes from [pict-section-picker](https://github.com/fable-retold/pict-section-picker) and remove-confirmation from [pict-section-modal](https://github.com/fable-retold/pict-section-modal) (both soft dependencies, reached by provider hash). See the bookstore example for the full wiring (`Book`↔`Author` tabs both sides; `Book`↔`BookStore` catalog tabs + the "Assign Books to Store" bulk screen + the "Bulk Link" matrix screen), and `CLAUDE-pict-section-recordset.md` for the config reference and the `RecordSetAssociationManager` API.
+
 ## Related Packages
 
 - [pict](https://github.com/fable-retold/pict) - MVC application framework
 - [pict-view](https://github.com/fable-retold/pict-view) - View base class
 - [pict-provider](https://github.com/fable-retold/pict-provider) - Data provider base class
 - [pict-section-form](https://github.com/fable-retold/pict-section-form) - Form section component
+- [pict-section-picker](https://github.com/fable-retold/pict-section-picker) - Searchable entity picker (the association add control)
+- [pict-section-modal](https://github.com/fable-retold/pict-section-modal) - Modal/confirm dialogs (association remove confirmation)
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pict-section-recordset",
-  "version": "1.11.0",
+  "version": "1.17.0",
   "description": "Pict dynamic record set management views",
   "main": "source/Pict-Section-RecordSet.js",
   "files": [

package/source/Pict-Section-RecordSet.js

@@ -11,3 +11,10 @@ module.exports.PictRecordSetApplication = require('./application/Pict-Applicatio
 module.exports.RecordSetProviderBase = require('./providers/RecordSet-RecordProvider-Base.js');
 module.exports.RecordSetProviderMeadowEndpoints = require('./providers/RecordSet-RecordProvider-MeadowEndpoints.js');
 module.exports.ColumnDataProvider = require('./providers/Column-Data-Provider.js');
+module.exports.AssociationManager = require('./providers/RecordSet-AssociationManager.js');
+
+// Joined-entity association views (embeddable read-tab editor + bulk associate screen)
+module.exports.AssociationEditorView = require('./views/associate/RecordSet-AssociationEditor.js');
+module.exports.AssociateBulkView = require('./views/associate/RecordSet-AssociateBulk.js');
+module.exports.AssociateMatrixView = require('./views/associate/RecordSet-AssociateMatrix.js');
+module.exports.AssociateUnlinkView = require('./views/associate/RecordSet-AssociateUnlink.js');

package/source/providers/RecordSet-AssociationManager.js

@@ -0,0 +1,561 @@
+const libPictProvider = require('pict-provider');
+
+/** @type {Record<string, any>} */
+const _DEFAULT_PROVIDER_CONFIGURATION =
+{
+	ProviderIdentifier: 'Pict-RecordSet-AssociationManager',
+
+	AutoInitialize: true,
+	AutoInitializeOrdinal: 0
+};
+
+/**
+ * Central registry + data layer for joined-entity ASSOCIATIONS (the `XxxYyyJoin` convention: a join
+ * row carrying its own `ID<Join>` plus an `ID<X>` and an `ID<Y>` pointing at either side).
+ *
+ * One `Association` is defined ONCE, symmetrically, with a `SideA` and a `SideB`. The UI (the
+ * read-tab Association Editor and the Bulk Associate screen) resolves which side is "this side" by
+ * matching the rendering recordset's name against the two sides — so opting Book→Authors and
+ * Author→Books in are independent, light-config decisions.
+ *
+ * All join + display reads/writes go through the shared, cached `pict.EntityProvider` (the same one
+ * the picker uses), so there is no bespoke REST plumbing and lookups de-duplicate across the app.
+ */
+class PictRecordSetAssociationManager extends libPictProvider
+{
+	constructor(pFable, pOptions, pServiceHash)
+	{
+		let tmpOptions = Object.assign({}, _DEFAULT_PROVIDER_CONFIGURATION, pOptions);
+		super(pFable, tmpOptions, pServiceHash);
+
+		/** @type {Record<string, any>} */
+		this.options;
+		/** @type {import('pict')} */
+		this.pict;
+
+		/** @type {Record<string, Record<string, any>>} - Registered associations keyed by hash. */
+		this.associations = {};
+
+		/** @type {Record<string, any>} - Lazily-created EntityProviders scoped to a non-default URL prefix. */
+		this._scopedEntityProviders = {};
+	}
+
+	/**
+	 * Normalize one side definition, filling the light-config defaults: `Entity` falls back to
+	 * `RecordSet`, `IDField` to `ID<Entity>`, `DisplayField` to `Name`, `SearchFields` to
+	 * `[DisplayField]`, and `Sort` to `DisplayField`.
+	 *
+	 * @param {Record<string, any>} pSide
+	 * @return {Record<string, any>}
+	 */
+	_normalizeSide(pSide)
+	{
+		const tmpSide = pSide || {};
+		const tmpEntity = tmpSide.Entity || tmpSide.RecordSet;
+		const tmpDisplayField = tmpSide.DisplayField || 'Name';
+		return {
+			RecordSet: tmpSide.RecordSet || tmpEntity,
+			Entity: tmpEntity,
+			IDField: tmpSide.IDField || `ID${tmpEntity}`,
+			DisplayField: tmpDisplayField,
+			SearchFields: (Array.isArray(tmpSide.SearchFields) && tmpSide.SearchFields.length > 0) ? tmpSide.SearchFields : [ tmpDisplayField ],
+			// No default sort: alphabetical-by-display sorts empty values first (blank rows). The picker's
+			// natural (PK) order is predictable; a host can opt into a Sort column explicitly.
+			Sort: tmpSide.Sort || false,
+			Title: tmpSide.Title || false,
+			URLPrefix: tmpSide.URLPrefix || '',
+			// Extra fields rendered as disambiguation chips in the picker (and the editor list), e.g.
+			// ['ISBN'] or [{ Field: 'PublicationYear', Label: 'Year' }]. Passed to the picker as EntityTags.
+			ChipFields: Array.isArray(tmpSide.ChipFields) ? tmpSide.ChipFields : [],
+			// Columns for the matrix screen's record table — for picking complex records by several fields.
+			TableColumns: this._normalizeColumns(tmpSide.TableColumns, tmpDisplayField),
+		};
+	}
+
+	/**
+	 * Normalize a side's TableColumns into `{ Key, DisplayName, Template? }` entries (string shorthand →
+	 * `{ Key, DisplayName: Key }`). Defaults to a single column on the DisplayField when unset.
+	 *
+	 * @param {Array<string|Record<string, any>>|undefined} pColumns @param {string} pDisplayField
+	 * @return {Array<Record<string, any>>}
+	 */
+	_normalizeColumns(pColumns, pDisplayField)
+	{
+		if (!Array.isArray(pColumns) || pColumns.length < 1)
+		{
+			return [ { Key: pDisplayField, DisplayName: pDisplayField } ];
+		}
+		return pColumns.map((pColumn) =>
+		{
+			if (typeof pColumn === 'string') { return { Key: pColumn, DisplayName: pColumn, DefaultHidden: false }; }
+			return { Key: pColumn.Key, DisplayName: pColumn.DisplayName || pColumn.Key, Template: pColumn.Template || false, DefaultHidden: (pColumn.DefaultHidden === true) };
+		});
+	}
+
+	/**
+	 * Build a FoxHound LIKE filter for a search term across one or more fields (single → AND, multiple →
+	 * OR'd in a paren group), mirroring the picker's entity search. Used by the matrix table fetch.
+	 *
+	 * @param {Array<string>} pSearchFields @param {string} pTerm
+	 * @return {string}
+	 */
+	_buildSearchFilter(pSearchFields, pTerm)
+	{
+		const tmpEncoded = encodeURIComponent(`%${pTerm}%`);
+		if (pSearchFields.length === 1)
+		{
+			return `FBV~${pSearchFields[0]}~LK~${tmpEncoded}`;
+		}
+		const tmpInner = pSearchFields.map((pField, pIndex) => `${pIndex === 0 ? 'FBV' : 'FBVOR'}~${pField}~LK~${tmpEncoded}`).join('~');
+		return `FOP~0~(~0~${tmpInner}~FCP~0~)~0`;
+	}
+
+	/**
+	 * Fetch one page of a side's records for the matrix table (search across its SearchFields + optional
+	 * Sort, offset/limit paging). Returns the raw records + a `hasMore` flag.
+	 *
+	 * @param {string} pAssociationHash @param {string} pRecordSetName
+	 * @param {string} pSearch @param {number} pCursor @param {number} pPageSize
+	 * @return {Promise<{records: Array<Record<string, any>>, hasMore: boolean}>}
+	 */
+	fetchSidePage(pAssociationHash, pRecordSetName, pSearch, pCursor, pPageSize)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pRecordSetName);
+		if (!tmpSides)
+		{
+			return Promise.resolve({ records: [], hasMore: false });
+		}
+		const tmpSide = tmpSides.thisSide;
+		const tmpEntityProvider = this._entityProvider(tmpSide.URLPrefix);
+		const tmpStanzas = [];
+		if (pSearch) { tmpStanzas.push(this._buildSearchFilter(tmpSide.SearchFields, pSearch)); }
+		if (tmpSide.Sort) { tmpStanzas.push(`FSF~${tmpSide.Sort}~ASC~0`); }
+		const tmpFilter = tmpStanzas.filter(Boolean).join('~');
+		return new Promise((resolve) =>
+		{
+			tmpEntityProvider.getEntitySetPage(tmpSide.Entity, tmpFilter, pCursor, pPageSize, (pError, pRecords) =>
+			{
+				const tmpList = (!pError && Array.isArray(pRecords)) ? pRecords : [];
+				if (pError) { this.pict.log.warn(`AssociationManager: matrix fetch failed for ${tmpSide.Entity}.`, pError); }
+				return resolve({ records: tmpList, hasMore: (tmpList.length >= pPageSize) });
+			});
+		});
+	}
+
+	/**
+	 * Register (or replace) an association definition.
+	 *
+	 * @param {string} pHash - Unique association hash (the `Association` key hosts reference).
+	 * @param {Record<string, any>} pDefinition - `{ JoinEntity, JoinURLPrefix?, DefaultJoinValues?, SideA, SideB }`.
+	 * @return {Record<string, any>|false} The normalized association, or false on invalid input.
+	 */
+	addAssociation(pHash, pDefinition)
+	{
+		if (!pHash || !pDefinition || !pDefinition.JoinEntity || !pDefinition.SideA || !pDefinition.SideB)
+		{
+			this.pict.log.error(`AssociationManager: addAssociation called with invalid definition for [${pHash}].`, pDefinition);
+			return false;
+		}
+		const tmpAssociation = {
+			Hash: pHash,
+			JoinEntity: pDefinition.JoinEntity,
+			JoinURLPrefix: pDefinition.JoinURLPrefix || '',
+			DefaultJoinValues: pDefinition.DefaultJoinValues || {},
+			SideA: this._normalizeSide(pDefinition.SideA),
+			SideB: this._normalizeSide(pDefinition.SideB),
+		};
+		this.associations[pHash] = tmpAssociation;
+		return tmpAssociation;
+	}
+
+	/**
+	 * @param {string} pHash
+	 * @return {Record<string, any>|undefined}
+	 */
+	getAssociation(pHash)
+	{
+		return this.associations[pHash];
+	}
+
+	/**
+	 * Resolve which side of an association is "this side" (the rendering recordset) vs the "other side"
+	 * (the one being associated). Matches on `RecordSet` first, then `Entity`.
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @return {{ association: Record<string, any>, thisSide: Record<string, any>, otherSide: Record<string, any> }|false}
+	 */
+	resolveSides(pAssociationHash, pThisRecordSetName)
+	{
+		const tmpAssociation = this.associations[pAssociationHash];
+		if (!tmpAssociation)
+		{
+			this.pict.log.warn(`AssociationManager: no association registered for hash [${pAssociationHash}].`);
+			return false;
+		}
+		if (tmpAssociation.SideA.RecordSet === pThisRecordSetName || tmpAssociation.SideA.Entity === pThisRecordSetName)
+		{
+			return { association: tmpAssociation, thisSide: tmpAssociation.SideA, otherSide: tmpAssociation.SideB };
+		}
+		if (tmpAssociation.SideB.RecordSet === pThisRecordSetName || tmpAssociation.SideB.Entity === pThisRecordSetName)
+		{
+			return { association: tmpAssociation, thisSide: tmpAssociation.SideB, otherSide: tmpAssociation.SideA };
+		}
+		this.pict.log.warn(`AssociationManager: recordset [${pThisRecordSetName}] is neither side of association [${pAssociationHash}].`);
+		return false;
+	}
+
+	/**
+	 * The EntityProvider to use for a given URL prefix. The shared (cached) `pict.EntityProvider` for the
+	 * default prefix; a lazily-created, prefix-scoped instance otherwise (mirrors the recordset provider).
+	 *
+	 * @param {string} [pURLPrefix]
+	 * @return {any}
+	 */
+	_entityProvider(pURLPrefix)
+	{
+		if (!pURLPrefix)
+		{
+			return this.pict.EntityProvider;
+		}
+		if (!this._scopedEntityProviders[pURLPrefix])
+		{
+			const tmpProvider = this.pict.instantiateServiceProviderWithoutRegistration('EntityProvider');
+			tmpProvider.options.urlPrefix = pURLPrefix;
+			this._scopedEntityProviders[pURLPrefix] = tmpProvider;
+		}
+		return this._scopedEntityProviders[pURLPrefix];
+	}
+
+	/**
+	 * The join entity's identity column for an association (`ID<JoinEntity>`).
+	 * @param {Record<string, any>} pAssociation
+	 * @return {string}
+	 */
+	getJoinIDField(pAssociation)
+	{
+		return `ID${pAssociation.JoinEntity}`;
+	}
+
+	/**
+	 * Compose a side's ChipFields into display chip strings for a record — the same `ISBN` / `{Field,
+	 * Label, Template}` spec the picker's EntityTags uses, so the editor's current-associations list shows
+	 * the same disambiguation chips as the add picker.
+	 *
+	 * @param {Array<string|Record<string, any>>} pChipFields
+	 * @param {Record<string, any>} pRecord
+	 * @return {Array<any>}
+	 */
+	composeChips(pChipFields, pRecord)
+	{
+		if (!Array.isArray(pChipFields) || pChipFields.length < 1 || !pRecord)
+		{
+			return [];
+		}
+		return pChipFields
+			.map((pSpec) =>
+			{
+				if (typeof pSpec === 'string') { return pRecord[pSpec]; }
+				if (pSpec && typeof pSpec === 'object')
+				{
+					const tmpValue = pSpec.Template ? this.pict.parseTemplate(pSpec.Template, pRecord) : pRecord[pSpec.Field];
+					if (tmpValue === undefined || tmpValue === null || tmpValue === '') { return ''; }
+					return pSpec.Label ? `${pSpec.Label}: ${tmpValue}` : tmpValue;
+				}
+				return '';
+			})
+			.filter((pChip) => (pChip !== undefined && pChip !== null && pChip !== ''));
+	}
+
+	/**
+	 * Fetch the raw join rows for one anchor record (this side's id).
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @param {string|number} pThisID
+	 * @return {Promise<Array<Record<string, any>>>}
+	 */
+	listJoinRecords(pAssociationHash, pThisRecordSetName, pThisID)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pThisRecordSetName);
+		if (!tmpSides || pThisID === undefined || pThisID === null || pThisID === '')
+		{
+			return Promise.resolve([]);
+		}
+		const tmpEntityProvider = this._entityProvider(tmpSides.association.JoinURLPrefix);
+		const tmpFilter = `FBV~${tmpSides.thisSide.IDField}~EQ~${encodeURIComponent(pThisID)}`;
+		return new Promise((resolve) =>
+		{
+			tmpEntityProvider.getEntitySet(tmpSides.association.JoinEntity, tmpFilter, (pError, pRecords) =>
+			{
+				if (pError)
+				{
+					this.pict.log.warn(`AssociationManager: failed to list ${tmpSides.association.JoinEntity} for ${tmpSides.thisSide.IDField}=${pThisID}.`, pError);
+					return resolve([]);
+				}
+				return resolve(Array.isArray(pRecords) ? pRecords : []);
+			});
+		});
+	}
+
+	/**
+	 * Fetch the join rows for MANY "this side" ids at once (`FBL~<thisIDField>~INN~<ids>`). Drives the
+	 * dual-column matrix screen's existing-pair dedup, so cross-linking never creates duplicate joins.
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @param {Array<string|number>} pThisIDs
+	 * @return {Promise<Array<Record<string, any>>>}
+	 */
+	listJoinRecordsForIDs(pAssociationHash, pThisRecordSetName, pThisIDs)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pThisRecordSetName);
+		if (!tmpSides || !Array.isArray(pThisIDs) || pThisIDs.length < 1)
+		{
+			return Promise.resolve([]);
+		}
+		const tmpEntityProvider = this._entityProvider(tmpSides.association.JoinURLPrefix);
+		const tmpFilter = `FBL~${tmpSides.thisSide.IDField}~INN~${pThisIDs.join(',')}`;
+		return new Promise((resolve) =>
+		{
+			tmpEntityProvider.getEntitySet(tmpSides.association.JoinEntity, tmpFilter, (pError, pRecords) =>
+			{
+				if (pError)
+				{
+					this.pict.log.warn(`AssociationManager: failed to list ${tmpSides.association.JoinEntity} for ${tmpSides.thisSide.IDField} IN (${pThisIDs.join(',')}).`, pError);
+					return resolve([]);
+				}
+				return resolve(Array.isArray(pRecords) ? pRecords : []);
+			});
+		});
+	}
+
+	/**
+	 * The other-side ids currently associated with one anchor record (for culling the picker).
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @param {string|number} pThisID
+	 * @return {Promise<Array<any>>}
+	 */
+	async listAssociatedIDs(pAssociationHash, pThisRecordSetName, pThisID)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pThisRecordSetName);
+		if (!tmpSides)
+		{
+			return [];
+		}
+		const tmpJoins = await this.listJoinRecords(pAssociationHash, pThisRecordSetName, pThisID);
+		return tmpJoins
+			.map((pJoin) => pJoin[tmpSides.otherSide.IDField])
+			.filter((pValue) => (pValue !== undefined && pValue !== null && pValue !== ''));
+	}
+
+	/**
+	 * Resolve the other-side records currently associated with one anchor, decorated for the list UI:
+	 * `{ JoinID, OtherID, Display, OtherRecord, JoinRecord }`. One join row per item (so the remove
+	 * button can delete the exact join record), with the other-side display resolved in a single
+	 * `FBL~<otherIDField>~INN~<ids>` fetch.
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @param {string|number} pThisID
+	 * @return {Promise<Array<Record<string, any>>>}
+	 */
+	async listAssociatedRecords(pAssociationHash, pThisRecordSetName, pThisID)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pThisRecordSetName);
+		if (!tmpSides)
+		{
+			return [];
+		}
+		const tmpJoinIDField = this.getJoinIDField(tmpSides.association);
+		const tmpJoins = await this.listJoinRecords(pAssociationHash, pThisRecordSetName, pThisID);
+		const tmpOtherIDs = tmpJoins
+			.map((pJoin) => pJoin[tmpSides.otherSide.IDField])
+			.filter((pValue) => (pValue !== undefined && pValue !== null && pValue !== ''));
+
+		let tmpByID = {};
+		if (tmpOtherIDs.length > 0)
+		{
+			const tmpEntityProvider = this._entityProvider(tmpSides.otherSide.URLPrefix);
+			const tmpFilter = `FBL~${tmpSides.otherSide.IDField}~INN~${tmpOtherIDs.join(',')}`;
+			const tmpOthers = await new Promise((resolve) =>
+			{
+				tmpEntityProvider.getEntitySet(tmpSides.otherSide.Entity, tmpFilter, (pError, pRecords) =>
+				{
+					if (pError)
+					{
+						this.pict.log.warn(`AssociationManager: failed to resolve ${tmpSides.otherSide.Entity} display records.`, pError);
+						return resolve([]);
+					}
+					return resolve(Array.isArray(pRecords) ? pRecords : []);
+				});
+			});
+			for (let i = 0; i < tmpOthers.length; i++)
+			{
+				tmpByID[tmpOthers[i][tmpSides.otherSide.IDField]] = tmpOthers[i];
+			}
+		}
+
+		return tmpJoins
+			.filter((pJoin) => (pJoin[tmpSides.otherSide.IDField] !== undefined && pJoin[tmpSides.otherSide.IDField] !== null && pJoin[tmpSides.otherSide.IDField] !== ''))
+			.map((pJoin) =>
+			{
+				const tmpOtherID = pJoin[tmpSides.otherSide.IDField];
+				const tmpOtherRecord = tmpByID[tmpOtherID] || {};
+				const tmpDisplay = (tmpOtherRecord[tmpSides.otherSide.DisplayField] !== undefined && tmpOtherRecord[tmpSides.otherSide.DisplayField] !== null && tmpOtherRecord[tmpSides.otherSide.DisplayField] !== '')
+					? tmpOtherRecord[tmpSides.otherSide.DisplayField]
+					: `#${tmpOtherID}`;
+				return {
+					JoinID: pJoin[tmpJoinIDField],
+					OtherID: tmpOtherID,
+					Display: tmpDisplay,
+					Chips: this.composeChips(tmpSides.otherSide.ChipFields, tmpOtherRecord).map((pChip) => ({ Text: pChip })),
+					OtherRecord: tmpOtherRecord,
+					JoinRecord: pJoin,
+				};
+			});
+	}
+
+	/**
+	 * Create one join row linking an anchor record to an other-side record. Stamps any configured
+	 * `DefaultJoinValues` (e.g. a constant tenant id). The join's GUID is auto-generated server-side.
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @param {string|number} pThisID
+	 * @param {string|number} pOtherID
+	 * @return {Promise<Record<string, any>>}
+	 */
+	createJoin(pAssociationHash, pThisRecordSetName, pThisID, pOtherID)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pThisRecordSetName);
+		if (!tmpSides)
+		{
+			return Promise.reject(new Error(`AssociationManager: cannot create join for [${pAssociationHash}] from [${pThisRecordSetName}].`));
+		}
+		const tmpRecord = Object.assign({}, tmpSides.association.DefaultJoinValues);
+		tmpRecord[tmpSides.thisSide.IDField] = pThisID;
+		tmpRecord[tmpSides.otherSide.IDField] = pOtherID;
+		const tmpEntityProvider = this._entityProvider(tmpSides.association.JoinURLPrefix);
+		return new Promise((resolve, reject) =>
+		{
+			tmpEntityProvider.createEntity(tmpSides.association.JoinEntity, tmpRecord, (pError, pBody) =>
+			{
+				if (pError)
+				{
+					return reject(pError);
+				}
+				return resolve(pBody);
+			});
+		});
+	}
+
+	/**
+	 * Delete one join row (the row a list item carries as `JoinRecord`, or any record with the join id).
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {Record<string, any>} pJoinRecord
+	 * @return {Promise<Record<string, any>>}
+	 */
+	removeJoin(pAssociationHash, pJoinRecord)
+	{
+		const tmpAssociation = this.associations[pAssociationHash];
+		if (!tmpAssociation || !pJoinRecord)
+		{
+			return Promise.reject(new Error(`AssociationManager: cannot remove join for [${pAssociationHash}].`));
+		}
+		const tmpJoinID = pJoinRecord[this.getJoinIDField(tmpAssociation)];
+		const tmpEntityProvider = this._entityProvider(tmpAssociation.JoinURLPrefix);
+		return new Promise((resolve, reject) =>
+		{
+			tmpEntityProvider.deleteEntity(tmpAssociation.JoinEntity, tmpJoinID, (pError, pBody) =>
+			{
+				if (pError)
+				{
+					return reject(pError);
+				}
+				return resolve(pBody);
+			});
+		});
+	}
+
+	/**
+	 * Build a `createEntityPicker` config for one side, optionally culling a live set of ids (a function
+	 * so the cull re-evaluates on every search as associations change).
+	 *
+	 * @param {Record<string, any>} pSide - A normalized side.
+	 * @param {(() => Array<any>)|false} pGetExcludedIDsFn - Returns ids to exclude (NIN), or falsy for none.
+	 * @param {Record<string, any>} [pOverrides] - Extra picker options (DestinationAddress, ValueAddress, Mode, OnChange, …).
+	 * @return {Record<string, any>}
+	 */
+	_pickerConfigForSide(pSide, pGetExcludedIDsFn, pOverrides)
+	{
+		const tmpConfig = {
+			Entity: pSide.Entity,
+			ValueField: pSide.IDField,
+			TextField: pSide.DisplayField,
+			SearchFields: pSide.SearchFields,
+			Sort: pSide.Sort,
+		};
+		// Disambiguation chips (ISBN, year, …) — the picker renders these as badges on each option/chip.
+		// TagLast so they sit AFTER the label ("Title  ISBN  Year"), matching the editor list rows.
+		if (Array.isArray(pSide.ChipFields) && pSide.ChipFields.length > 0)
+		{
+			tmpConfig.EntityTags = pSide.ChipFields;
+			tmpConfig.TagLast = true;
+		}
+		if (typeof pGetExcludedIDsFn === 'function')
+		{
+			tmpConfig.BaseFilter = () =>
+			{
+				const tmpIDs = pGetExcludedIDsFn();
+				return (Array.isArray(tmpIDs) && tmpIDs.length > 0) ? `FBL~${pSide.IDField}~NIN~${tmpIDs.join(',')}` : '';
+			};
+		}
+		return Object.assign(tmpConfig, pOverrides || {});
+	}
+
+	/**
+	 * Picker config for the OTHER side of an association (the records being associated), culling the
+	 * currently-associated ids.
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pThisRecordSetName
+	 * @param {(() => Array<any>)|false} pGetExcludedIDsFn
+	 * @param {Record<string, any>} [pOverrides]
+	 * @return {Record<string, any>|false}
+	 */
+	buildOtherPickerConfig(pAssociationHash, pThisRecordSetName, pGetExcludedIDsFn, pOverrides)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pThisRecordSetName);
+		if (!tmpSides)
+		{
+			return false;
+		}
+		return this._pickerConfigForSide(tmpSides.otherSide, pGetExcludedIDsFn, pOverrides);
+	}
+
+	/**
+	 * Picker config for the ANCHOR side of an association (the bulk screen's "pick a record to associate
+	 * to" control). No cull.
+	 *
+	 * @param {string} pAssociationHash
+	 * @param {string} pAnchorRecordSetName
+	 * @param {Record<string, any>} [pOverrides]
+	 * @return {Record<string, any>|false}
+	 */
+	buildAnchorPickerConfig(pAssociationHash, pAnchorRecordSetName, pOverrides)
+	{
+		const tmpSides = this.resolveSides(pAssociationHash, pAnchorRecordSetName);
+		if (!tmpSides)
+		{
+			return false;
+		}
+		return this._pickerConfigForSide(tmpSides.thisSide, false, pOverrides);
+	}
+}
+
+module.exports = PictRecordSetAssociationManager;
+module.exports.default_configuration = _DEFAULT_PROVIDER_CONFIGURATION;

package/source/providers/RecordSet-Router.js

@@ -48,6 +48,9 @@ class PictRecordSetRouter extends libPictProvider
 		this.pict.views['RSP-RecordSet-Read'].addRoutes(pRouter);
 		this.pict.views['RSP-RecordSet-Create'].addRoutes(pRouter);
 		this.pict.views['RSP-RecordSet-Dashboard'].addRoutes(pRouter);
+		this.pict.views['RSP-RecordSet-Associate'].addRoutes(pRouter);
+		this.pict.views['RSP-RecordSet-AssociateMatrix'].addRoutes(pRouter);
+		this.pict.views['RSP-RecordSet-AssociateUnlink'].addRoutes(pRouter);
 
 		this.pict.PictSectionRecordSet.addRoutes(pRouter);
 	}

package/source/services/RecordsSet-MetaController.js

@@ -5,12 +5,16 @@ const ViewRecordSetList = require('../views/list/RecordSet-List.js');
 const ViewRecordSetRead = require('../views/read/RecordSet-Read.js');
 const ViewRecordSetCreate = require('../views/create/RecordSet-Create.js');
 const ViewRecordSetDashboard = require('../views/dashboard/RecordSet-Dashboard.js');
+const ViewRecordSetAssociate = require('../views/associate/RecordSet-AssociateBulk.js');
+const ViewRecordSetAssociateMatrix = require('../views/associate/RecordSet-AssociateMatrix.js');
+const ViewRecordSetAssociateUnlink = require('../views/associate/RecordSet-AssociateUnlink.js');
 
 //_Pict.addProvider('BooksProvider', { Entity: 'Book', URLPrefix: 'http://www.datadebase.com:8086/1.0/' }, require('../source/providers/RecordSet-RecordProvider-MeadowEndpoints.js'));
 const ProviderBase = require('../providers/RecordSet-RecordProvider-Base.js');
 const ProviderMeadowEndpoints = require('../providers/RecordSet-RecordProvider-MeadowEndpoints.js');
 
 const ProviderLinkManager = require('../providers/RecordSet-Link-Manager.js');
+const ProviderAssociationManager = require('../providers/RecordSet-AssociationManager.js');
 const libProviderColumnData = require('../providers/Column-Data-Provider.js');
 
 const ProviderRouter = require('../providers/RecordSet-Router.js');
@@ -452,6 +456,10 @@ class RecordSetMetacontroller extends libFableServiceProviderBase
 
 		this.fable.addProvider('RecordSetLinkManager', {}, ProviderLinkManager);
 
+		// Joined-entity association manager — the registry + data layer behind the Association read-tab
+		// and the Bulk Associate screen. Associations are parsed from settings.Associations below.
+		this.fable.addProvider('RecordSetAssociationManager', {}, ProviderAssociationManager);
+
 		// Column visibility persistence — only register the built-in localStorage provider when the
 		// host hasn't supplied its own (the documented seam for server-side per-user persistence).
 		if (!('ColumnDataProvider' in this.fable.providers))
@@ -468,12 +476,18 @@ class RecordSetMetacontroller extends libFableServiceProviderBase
 		this.childViews.read = this.fable.addView('RSP-RecordSet-Read', this.options, ViewRecordSetRead);
 		this.childViews.create = this.fable.addView('RSP-RecordSet-Create', this.options, ViewRecordSetCreate);
 		this.childViews.dashboard = this.fable.addView('RSP-RecordSet-Dashboard', this.options, ViewRecordSetDashboard);
+		this.childViews.associate = this.fable.addView('RSP-RecordSet-Associate', this.options, ViewRecordSetAssociate);
+		this.childViews.associateMatrix = this.fable.addView('RSP-RecordSet-AssociateMatrix', this.options, ViewRecordSetAssociateMatrix);
+		this.childViews.associateUnlink = this.fable.addView('RSP-RecordSet-AssociateUnlink', this.options, ViewRecordSetAssociateUnlink);
 
 		// Initialize the subviews
 		this.childViews.list.initialize();
 		this.childViews.read.initialize();
 		this.childViews.create.initialize();
 		this.childViews.dashboard.initialize();
+		this.childViews.associate.initialize();
+		this.childViews.associateMatrix.initialize();
+		this.childViews.associateUnlink.initialize();
 
 		// Now initialize the router
 
@@ -501,6 +515,14 @@ class RecordSetMetacontroller extends libFableServiceProviderBase
 			}
 		}
 
+		if (this.fable.settings.hasOwnProperty('Associations') && typeof this.fable.settings.Associations === 'object')
+		{
+			for (const tmpAssociationKey of Object.keys(this.fable.settings.Associations))
+			{
+				this.pict.providers.RecordSetAssociationManager.addAssociation(tmpAssociationKey, this.fable.settings.Associations[tmpAssociationKey]);
+			}
+		}
+
 		if (this.fable.settings.hasOwnProperty('DefaultRecordSetConfigurations'))
 		{
 			this.loadRecordSetConfigurationArray(this.fable.settings.DefaultRecordSetConfigurations);