@byline/admin 3.15.2 → 3.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/fields/array/array-field.d.ts +8 -1
  2. package/dist/fields/array/array-field.js +3 -1
  3. package/dist/fields/field-renderer.js +2 -0
  4. package/dist/fields/group/group-field.d.ts +7 -1
  5. package/dist/fields/group/group-field.js +2 -1
  6. package/dist/fields/relation/relation-many-field.js +19 -11
  7. package/dist/fields/relation/relation-picker.d.ts +40 -17
  8. package/dist/fields/relation/relation-picker.js +84 -28
  9. package/dist/fields/relation/relation-picker.module.js +9 -0
  10. package/dist/fields/relation/relation-picker_module.css +41 -0
  11. package/dist/forms/form-context.d.ts +2 -2
  12. package/dist/forms/form-modals.d.ts +1 -1
  13. package/dist/forms/form-renderer.d.ts +2 -2
  14. package/dist/forms/tree-placement-widget.d.ts +1 -1
  15. package/dist/lib/create-command.d.ts +1 -1
  16. package/dist/modules/admin-activity/abilities.d.ts +1 -1
  17. package/dist/modules/admin-activity/index.d.ts +1 -1
  18. package/dist/modules/admin-permissions/abilities.d.ts +1 -1
  19. package/dist/modules/admin-users/repository.d.ts +1 -1
  20. package/dist/widgets/source-locale-badge/source-locale-badge.d.ts +1 -1
  21. package/package.json +5 -6
  22. package/src/fields/array/array-field.tsx +10 -0
  23. package/src/fields/field-renderer.tsx +2 -0
  24. package/src/fields/field-services-types.ts +1 -1
  25. package/src/fields/group/group-field.tsx +14 -1
  26. package/src/fields/relation/relation-many-field.tsx +22 -15
  27. package/src/fields/relation/relation-picker.module.css +49 -0
  28. package/src/fields/relation/relation-picker.tsx +130 -23
  29. package/src/forms/available-locales-reconcile.test.node.ts +1 -1
  30. package/src/forms/form-context.tsx +3 -3
  31. package/src/forms/form-modals.tsx +1 -1
  32. package/src/forms/form-renderer.tsx +4 -4
  33. package/src/forms/tree-placement-widget.tsx +1 -1
  34. package/src/lib/create-command.ts +1 -1
  35. package/src/modules/admin-activity/abilities.ts +1 -1
  36. package/src/modules/admin-activity/index.ts +1 -1
  37. package/src/modules/admin-permissions/abilities.ts +1 -1
  38. package/src/modules/admin-permissions/components/inspector.tsx +1 -1
  39. package/src/modules/admin-users/repository.ts +1 -1
  40. package/src/widgets/source-locale-badge/source-locale-badge.tsx +1 -1
@@ -6,11 +6,18 @@
6
6
  * Copyright (c) Infonomic Company Limited
7
7
  */
8
8
  import type { ArrayField as ArrayFieldType } from '@byline/core';
9
- export declare const ArrayField: ({ field, defaultValue, path, disableSorting, contentLocale, }: {
9
+ export declare const ArrayField: ({ field, defaultValue, path, disableSorting, collectionPath, contentLocale, }: {
10
10
  field: ArrayFieldType;
11
11
  defaultValue: any;
12
12
  path: string;
13
13
  disableSorting?: boolean;
14
+ /**
15
+ * Collection path forwarded to upload-capable fields (`file` / `image`)
16
+ * nested inside an array item, which need it to reach the `/upload`
17
+ * endpoint. Without it those fields fall back to their empty placeholder
18
+ * and never render an upload widget.
19
+ */
20
+ collectionPath?: string;
14
21
  /**
15
22
  * Active content locale, forwarded to each array item's fields so
16
23
  * localized widgets nested inside an array (e.g. a `localized` richText)
@@ -8,7 +8,7 @@ import { FieldRenderer } from "../field-renderer.js";
8
8
  import { SortableItem } from "../sortable-item.js";
9
9
  import { useFormContext } from "../../forms/form-context.js";
10
10
  import array_field_module from "./array-field.module.js";
11
- const ArrayField = ({ field, defaultValue, path, disableSorting = false, contentLocale })=>{
11
+ const ArrayField = ({ field, defaultValue, path, disableSorting = false, collectionPath, contentLocale })=>{
12
12
  const { appendPatch, getFieldValue, getFieldValues, setFieldStore } = useFormContext();
13
13
  const { t } = useTranslation('byline-admin');
14
14
  const [items, setItems] = useState([]);
@@ -118,6 +118,7 @@ const ArrayField = ({ field, defaultValue, path, disableSorting = false, content
118
118
  defaultValue: groupData[innerField.name],
119
119
  basePath: `${arrayElementPath}.${childField.name}`,
120
120
  disableSorting: true,
121
+ collectionPath: collectionPath,
121
122
  contentLocale: contentLocale
122
123
  }, innerField.name))
123
124
  ]
@@ -128,6 +129,7 @@ const ArrayField = ({ field, defaultValue, path, disableSorting = false, content
128
129
  defaultValue: initial,
129
130
  basePath: arrayElementPath,
130
131
  disableSorting: true,
132
+ collectionPath: collectionPath,
131
133
  contentLocale: contentLocale
132
134
  }, childField.name);
133
135
  });
@@ -180,6 +180,7 @@ const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabe
180
180
  } : field,
181
181
  defaultValue: defaultValue,
182
182
  path: path,
183
+ collectionPath: collectionPath,
183
184
  contentLocale: contentLocale
184
185
  });
185
186
  case 'blocks':
@@ -197,6 +198,7 @@ const FieldRenderer = ({ field, defaultValue, basePath, disableSorting, hideLabe
197
198
  defaultValue: defaultValue,
198
199
  path: path,
199
200
  disableSorting: disableSorting,
201
+ collectionPath: collectionPath,
200
202
  contentLocale: contentLocale
201
203
  });
202
204
  default:
@@ -10,6 +10,12 @@ interface GroupFieldProps {
10
10
  field: GroupFieldType;
11
11
  defaultValue: any;
12
12
  path: string;
13
+ /**
14
+ * Collection path forwarded to upload-capable child fields (`file` / `image`),
15
+ * which need it to reach the `/upload` endpoint. Without it those fields fall
16
+ * back to their empty placeholder and never render an upload widget.
17
+ */
18
+ collectionPath?: string;
13
19
  /**
14
20
  * Active content locale, forwarded to child fields so localized widgets
15
21
  * nested inside the group (e.g. a `localized` richText) can render their
@@ -17,5 +23,5 @@ interface GroupFieldProps {
17
23
  */
18
24
  contentLocale?: string;
19
25
  }
20
- export declare const GroupField: ({ field, defaultValue, path, contentLocale }: GroupFieldProps) => import("react").JSX.Element;
26
+ export declare const GroupField: ({ field, defaultValue, path, collectionPath, contentLocale, }: GroupFieldProps) => import("react").JSX.Element;
21
27
  export {};
@@ -6,7 +6,7 @@ import { placeholderForField } from "../field-helpers.js";
6
6
  import { FieldRenderer } from "../field-renderer.js";
7
7
  import { useFieldError } from "../../forms/form-context.js";
8
8
  import group_field_module from "./group-field.module.js";
9
- const GroupField = ({ field, defaultValue, path, contentLocale })=>{
9
+ const GroupField = ({ field, defaultValue, path, collectionPath, contentLocale })=>{
10
10
  const fieldError = useFieldError(field.name);
11
11
  const groupData = useMemo(()=>{
12
12
  if (defaultValue && 'object' == typeof defaultValue && !Array.isArray(defaultValue)) return defaultValue;
@@ -47,6 +47,7 @@ const GroupField = ({ field, defaultValue, path, contentLocale })=>{
47
47
  defaultValue: groupData[innerField.name],
48
48
  basePath: path,
49
49
  disableSorting: true,
50
+ collectionPath: collectionPath,
50
51
  contentLocale: contentLocale
51
52
  }, innerField.name))
52
53
  }),
@@ -74,20 +74,26 @@ const RelationManyField = ({ field, defaultValue, id, path })=>{
74
74
  if (Array.isArray(v)) return v;
75
75
  return Array.isArray(defaultValue) ? defaultValue : [];
76
76
  };
77
- const handleAdd = (selection)=>{
77
+ const handleAddMany = (selections)=>{
78
78
  setPickerOpen(false);
79
79
  const current = currentArray();
80
- if (current.some((v)=>v.targetDocumentId === selection.targetDocumentId)) return;
81
- if (selection.record) setPickedRecords((prev)=>({
82
- ...prev,
83
- [selection.targetDocumentId]: selection.record
84
- }));
80
+ const existing = new Set(current.map((v)=>v.targetDocumentId));
81
+ const additions = selections.filter((s)=>!existing.has(s.targetDocumentId));
82
+ if (0 === additions.length) return;
83
+ const records = additions.filter((s)=>null != s.record);
84
+ if (records.length > 0) setPickedRecords((prev)=>{
85
+ const next = {
86
+ ...prev
87
+ };
88
+ for (const s of records)next[s.targetDocumentId] = s.record;
89
+ return next;
90
+ });
85
91
  setFieldValue(fieldPath, [
86
92
  ...current,
87
- {
88
- targetDocumentId: selection.targetDocumentId,
89
- targetCollectionId: selection.targetCollectionId
90
- }
93
+ ...additions.map((s)=>({
94
+ targetDocumentId: s.targetDocumentId,
95
+ targetCollectionId: s.targetCollectionId
96
+ }))
91
97
  ]);
92
98
  };
93
99
  const handleRemove = (targetDocumentId)=>{
@@ -178,11 +184,13 @@ const RelationManyField = ({ field, defaultValue, id, path })=>{
178
184
  })
179
185
  }),
180
186
  /*#__PURE__*/ jsx(RelationPicker, {
187
+ multiple: true,
181
188
  targetCollectionPath: field.targetCollection,
182
189
  targetDefinition: targetDef,
183
190
  displayField: field.displayField,
184
191
  isOpen: pickerOpen,
185
- onSelect: handleAdd,
192
+ excludeIds: items.map((v)=>v.targetDocumentId),
193
+ onSelectMany: handleAddMany,
186
194
  onDismiss: ()=>setPickerOpen(false)
187
195
  })
188
196
  ]
@@ -18,7 +18,20 @@ import type { CollectionDefinition } from '@byline/core';
18
18
  *
19
19
  * Paths 2–4 render a single-line label (primary) + `path` (secondary).
20
20
  */
21
- interface RelationPickerProps {
21
+ /**
22
+ * One confirmed pick. `record` is the raw document the picker row rendered —
23
+ * the caller can use it to show the selected value in its own tile without a
24
+ * refetch. The fields available on `record` are whatever `resolveSelectFields`
25
+ * asked the listing endpoint for (picker columns + `useAsTitle` +
26
+ * `displayField`), so any display surface downstream of the picker that also
27
+ * renders from those same columns will find the data it needs.
28
+ */
29
+ export interface RelationPickerSelection {
30
+ targetDocumentId: string;
31
+ targetCollectionId: string;
32
+ record?: Record<string, any>;
33
+ }
34
+ interface RelationPickerBaseProps {
22
35
  /** The target collection path (e.g. `'media'`). */
23
36
  targetCollectionPath: string;
24
37
  /** The target collection definition (used for labels + displayField fallback). */
@@ -37,23 +50,33 @@ interface RelationPickerProps {
37
50
  extraSelectFields?: string[];
38
51
  /** Modal open/close state. */
39
52
  isOpen: boolean;
40
- /**
41
- * Called with the picked selection when the user confirms.
42
- *
43
- * `record` is the raw document the picker row rendered — the caller can
44
- * use it to show the selected value in its own tile without a refetch.
45
- * The fields available on `record` are whatever `resolveSelectFields`
46
- * asked the listing endpoint for (picker columns + `useAsTitle` +
47
- * `displayField`), so any display surface downstream of the picker that
48
- * also renders from those same columns will find the data it needs.
49
- */
50
- onSelect: (selection: {
51
- targetDocumentId: string;
52
- targetCollectionId: string;
53
- record?: Record<string, any>;
54
- }) => void;
55
53
  /** Called when the user dismisses the modal. */
56
54
  onDismiss: () => void;
57
55
  }
58
- export declare const RelationPicker: ({ targetCollectionPath, targetDefinition, displayField, extraSelectFields, isOpen, onSelect, onDismiss, }: RelationPickerProps) => import("react").JSX.Element;
56
+ interface RelationPickerSingleProps extends RelationPickerBaseProps {
57
+ /** Single-select (default): clicking a row selects it; confirm returns one pick. */
58
+ multiple?: false;
59
+ /** Called with the picked selection when the user confirms. */
60
+ onSelect: (selection: RelationPickerSelection) => void;
61
+ onSelectMany?: never;
62
+ excludeIds?: never;
63
+ }
64
+ interface RelationPickerMultiProps extends RelationPickerBaseProps {
65
+ /**
66
+ * Multi-select mode (`hasMany` widgets): rows toggle a check state and the
67
+ * confirm action returns every selection in pick order — several picks in
68
+ * one trip instead of reopening the modal per item.
69
+ */
70
+ multiple: true;
71
+ /** Called with the full selection set (pick order) when the user confirms. */
72
+ onSelectMany: (selections: RelationPickerSelection[]) => void;
73
+ onSelect?: never;
74
+ /**
75
+ * Target ids already present on the caller's value. Rendered as disabled
76
+ * "already added" rows so the same target can't be picked twice.
77
+ */
78
+ excludeIds?: string[];
79
+ }
80
+ type RelationPickerProps = RelationPickerSingleProps | RelationPickerMultiProps;
81
+ export declare const RelationPicker: ({ targetCollectionPath, targetDefinition, displayField, extraSelectFields, isOpen, multiple, excludeIds, onSelect, onSelectMany, onDismiss, }: RelationPickerProps) => import("react").JSX.Element;
59
82
  export {};
@@ -2,17 +2,18 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useCallback, useEffect, useState } from "react";
3
3
  import { getCollectionAdminConfig, resolveItemViewColumns } from "@byline/core";
4
4
  import { useTranslation } from "@byline/i18n/react";
5
- import { Button, LoaderRing, Modal, Search } from "@byline/ui/react";
5
+ import { Button, CheckIcon, LoaderRing, Modal, Search } from "@byline/ui/react";
6
6
  import classnames from "classnames";
7
7
  import { useBylineFieldServices } from "../field-services-context.js";
8
8
  import { PickerCell, resolveFallbackDisplayField, resolveRowLabel, resolveSelectFields } from "./relation-display.js";
9
9
  import relation_picker_module from "./relation-picker.module.js";
10
10
  const PAGE_SIZE = 15;
11
- const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField, extraSelectFields, isOpen, onSelect, onDismiss })=>{
11
+ const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField, extraSelectFields, isOpen, multiple = false, excludeIds, onSelect, onSelectMany, onDismiss })=>{
12
12
  const [query, setQuery] = useState('');
13
13
  const [page, setPage] = useState(1);
14
14
  const { t } = useTranslation('byline-admin');
15
15
  const [selectedDocumentId, setSelectedDocumentId] = useState(null);
16
+ const [selectedMap, setSelectedMap] = useState(()=>new Map());
16
17
  const [loading, setLoading] = useState(false);
17
18
  const [error, setError] = useState(null);
18
19
  const [documents, setDocuments] = useState([]);
@@ -26,6 +27,7 @@ const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField,
26
27
  setQuery('');
27
28
  setPage(1);
28
29
  setSelectedDocumentId(null);
30
+ setSelectedMap(new Map());
29
31
  setError(null);
30
32
  }
31
33
  }, [
@@ -73,7 +75,7 @@ const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField,
73
75
  ]);
74
76
  const resolvedDisplayField = displayField ?? targetDefinition?.useAsTitle ?? resolveFallbackDisplayField(targetDefinition) ?? null;
75
77
  const handleSelect = useCallback(()=>{
76
- if (!selectedDocumentId || !collectionId) return;
78
+ if (!selectedDocumentId || !collectionId || !onSelect) return;
77
79
  const record = documents.find((d)=>d?.id === selectedDocumentId);
78
80
  onSelect({
79
81
  targetDocumentId: selectedDocumentId,
@@ -86,6 +88,27 @@ const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField,
86
88
  documents,
87
89
  onSelect
88
90
  ]);
91
+ const handleSelectMany = useCallback(()=>{
92
+ if (0 === selectedMap.size || !collectionId || !onSelectMany) return;
93
+ onSelectMany(Array.from(selectedMap, ([targetDocumentId, record])=>({
94
+ targetDocumentId,
95
+ targetCollectionId: collectionId,
96
+ record
97
+ })));
98
+ }, [
99
+ selectedMap,
100
+ collectionId,
101
+ onSelectMany
102
+ ]);
103
+ const toggleSelected = useCallback((doc)=>{
104
+ const id = doc.id;
105
+ setSelectedMap((prev)=>{
106
+ const next = new Map(prev);
107
+ if (next.has(id)) next.delete(id);
108
+ else next.set(id, doc);
109
+ return next;
110
+ });
111
+ }, []);
89
112
  const title = t('fields.relation.selectPickerTitle', {
90
113
  label: targetDefinition?.labels.singular ?? targetCollectionPath
91
114
  });
@@ -143,34 +166,65 @@ const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField,
143
166
  className: classnames('byline-field-relation-picker-rows', relation_picker_module.rows),
144
167
  children: documents.map((doc)=>{
145
168
  const id = doc.id;
146
- const selected = selectedDocumentId === id;
169
+ const selected = multiple ? selectedMap.has(id) : selectedDocumentId === id;
170
+ const excluded = multiple && (excludeIds?.includes(id) ?? false);
147
171
  return /*#__PURE__*/ jsx("li", {
148
- children: /*#__PURE__*/ jsx("button", {
172
+ children: /*#__PURE__*/ jsxs("button", {
149
173
  type: "button",
150
- className: classnames('byline-field-relation-picker-row-button', relation_picker_module["row-button"], selected && [
174
+ disabled: excluded,
175
+ "aria-pressed": multiple ? selected : void 0,
176
+ title: excluded ? t('fields.relation.picker.alreadyAdded') : void 0,
177
+ className: classnames('byline-field-relation-picker-row-button', relation_picker_module["row-button"], multiple && [
178
+ 'byline-field-relation-picker-row-multi',
179
+ relation_picker_module["row-multi"]
180
+ ], selected && [
151
181
  'byline-field-relation-picker-row-selected',
152
182
  relation_picker_module["row-selected"]
183
+ ], excluded && [
184
+ 'byline-field-relation-picker-row-added',
185
+ relation_picker_module["row-added"]
153
186
  ]),
154
- onClick: ()=>setSelectedDocumentId(id),
155
- children: pickerColumns && pickerColumns.length > 0 ? /*#__PURE__*/ jsx("div", {
156
- className: classnames('byline-field-relation-picker-row-cells', relation_picker_module["row-cells"]),
157
- children: pickerColumns.map((col)=>/*#__PURE__*/ jsx(PickerCell, {
158
- column: col,
159
- record: doc
160
- }, String(col.fieldName)))
161
- }) : /*#__PURE__*/ jsxs("div", {
162
- className: classnames('byline-field-relation-picker-row-stack', relation_picker_module["row-stack"]),
163
- children: [
164
- /*#__PURE__*/ jsx("span", {
165
- className: classnames('byline-field-relation-picker-row-label', relation_picker_module["row-label"]),
166
- children: resolveRowLabel(doc, resolvedDisplayField) || id
167
- }),
168
- 'string' == typeof doc.path && doc.path.length > 0 && /*#__PURE__*/ jsx("span", {
169
- className: classnames('byline-field-relation-picker-row-path', relation_picker_module["row-path"]),
170
- children: doc.path
187
+ onClick: ()=>{
188
+ if (excluded) return;
189
+ if (multiple) toggleSelected(doc);
190
+ else setSelectedDocumentId(id);
191
+ },
192
+ children: [
193
+ multiple && /*#__PURE__*/ jsx("span", {
194
+ "aria-hidden": "true",
195
+ className: classnames('byline-field-relation-picker-check', relation_picker_module.check, (selected || excluded) && [
196
+ 'byline-field-relation-picker-check-checked',
197
+ relation_picker_module["check-checked"]
198
+ ]),
199
+ children: (selected || excluded) && /*#__PURE__*/ jsx(CheckIcon, {
200
+ width: "12px",
201
+ height: "12px"
171
202
  })
172
- ]
173
- })
203
+ }),
204
+ pickerColumns && pickerColumns.length > 0 ? /*#__PURE__*/ jsx("div", {
205
+ className: classnames('byline-field-relation-picker-row-cells', relation_picker_module["row-cells"]),
206
+ children: pickerColumns.map((col)=>/*#__PURE__*/ jsx(PickerCell, {
207
+ column: col,
208
+ record: doc
209
+ }, String(col.fieldName)))
210
+ }) : /*#__PURE__*/ jsxs("div", {
211
+ className: classnames('byline-field-relation-picker-row-stack', relation_picker_module["row-stack"]),
212
+ children: [
213
+ /*#__PURE__*/ jsx("span", {
214
+ className: classnames('byline-field-relation-picker-row-label', relation_picker_module["row-label"]),
215
+ children: resolveRowLabel(doc, resolvedDisplayField) || id
216
+ }),
217
+ 'string' == typeof doc.path && doc.path.length > 0 && /*#__PURE__*/ jsx("span", {
218
+ className: classnames('byline-field-relation-picker-row-path', relation_picker_module["row-path"]),
219
+ children: doc.path
220
+ })
221
+ ]
222
+ }),
223
+ excluded && /*#__PURE__*/ jsx("span", {
224
+ className: classnames('byline-field-relation-picker-added-hint', relation_picker_module["added-hint"]),
225
+ children: t('fields.relation.picker.alreadyAdded')
226
+ })
227
+ ]
174
228
  })
175
229
  }, id);
176
230
  })
@@ -224,9 +278,11 @@ const RelationPicker = ({ targetCollectionPath, targetDefinition, displayField,
224
278
  className: classnames('byline-field-relation-picker-action', relation_picker_module.action),
225
279
  intent: "primary",
226
280
  type: "button",
227
- disabled: !selectedDocumentId,
228
- onClick: handleSelect,
229
- children: t('common.actions.select')
281
+ disabled: multiple ? 0 === selectedMap.size : !selectedDocumentId,
282
+ onClick: multiple ? handleSelectMany : handleSelect,
283
+ children: multiple ? t('fields.relation.picker.addSelected', {
284
+ count: selectedMap.size
285
+ }) : t('common.actions.select')
230
286
  })
231
287
  ]
232
288
  })
@@ -12,6 +12,15 @@ const relation_picker_module = {
12
12
  rowButton: "row-button-ZHfXmj",
13
13
  "row-selected": "row-selected-VlrgyO",
14
14
  rowSelected: "row-selected-VlrgyO",
15
+ "row-multi": "row-multi-o06YCW",
16
+ rowMulti: "row-multi-o06YCW",
17
+ check: "check-gYmVOq",
18
+ "check-checked": "check-checked-Nopylj",
19
+ checkChecked: "check-checked-Nopylj",
20
+ "row-added": "row-added-PmlIQL",
21
+ rowAdded: "row-added-PmlIQL",
22
+ "added-hint": "added-hint-QGoYN3",
23
+ addedHint: "added-hint-QGoYN3",
15
24
  "row-cells": "row-cells-aSIcf5",
16
25
  rowCells: "row-cells-aSIcf5",
17
26
  "row-stack": "row-stack-BOPzzj",
@@ -73,6 +73,47 @@
73
73
  border-left: 2px solid var(--primary-200);
74
74
  }
75
75
 
76
+ :is(.row-multi-o06YCW, .byline-field-relation-picker-row-multi) {
77
+ align-items: center;
78
+ gap: .625rem;
79
+ display: flex;
80
+ }
81
+
82
+ :is(.check-gYmVOq, .byline-field-relation-picker-check) {
83
+ border: 1px solid var(--gray-400);
84
+ color: #0000;
85
+ border-radius: 4px;
86
+ flex: none;
87
+ justify-content: center;
88
+ align-items: center;
89
+ width: 16px;
90
+ height: 16px;
91
+ display: inline-flex;
92
+ }
93
+
94
+ :is(.check-checked-Nopylj, .byline-field-relation-picker-check-checked) {
95
+ background-color: var(--primary-200);
96
+ border-color: var(--primary-200);
97
+ color: #fff;
98
+ }
99
+
100
+ :is(.row-added-PmlIQL, .byline-field-relation-picker-row-added) {
101
+ opacity: .55;
102
+ cursor: default;
103
+ }
104
+
105
+ :is(.row-added-PmlIQL:hover, .byline-field-relation-picker-row-added:hover) {
106
+ background-color: #0000;
107
+ }
108
+
109
+ :is(.added-hint-QGoYN3, .byline-field-relation-picker-added-hint) {
110
+ color: var(--gray-500);
111
+ font-size: var(--font-size-xs);
112
+ white-space: nowrap;
113
+ flex: none;
114
+ margin-left: auto;
115
+ }
116
+
76
117
  :is(.row-cells-aSIcf5, .byline-field-relation-picker-row-cells) {
77
118
  align-items: center;
78
119
  gap: .75rem;
@@ -35,7 +35,7 @@ type FieldUploadingListener = (uploading: boolean) => void;
35
35
  * Save button. `content` mints a new version (normal workflow). `direct-write`
36
36
  * is an immediate, non-versioned write of the document-grain system fields
37
37
  * (path / advertised locales) that does NOT reset workflow status. `both` does
38
- * each through its own write path. See docs/I18N.md.
38
+ * each through its own write path. See docs/07-internationalization/index.md.
39
39
  */
40
40
  export type DirtyReason = 'none' | 'content' | 'direct-write' | 'both';
41
41
  export interface DirtyBreakdown {
@@ -68,7 +68,7 @@ interface FormContextType {
68
68
  /**
69
69
  * Partition the current dirty state into content vs. system-field (path /
70
70
  * advertised-locales) writes so the Save button can branch. See
71
- * docs/I18N.md.
71
+ * docs/07-internationalization/index.md.
72
72
  */
73
73
  getDirtyBreakdown: () => DirtyBreakdown;
74
74
  subscribeField: (name: string, listener: FieldListener) => () => void;
@@ -10,7 +10,7 @@ export declare const UnsavedChangesModal: ({ onClose }: {
10
10
  * Confirms an immediate, non-versioned write of the document-grain system
11
11
  * fields (path / advertised locales) — which does NOT reset workflow status.
12
12
  * When content is also dirty, the copy reassures that content edits still
13
- * follow the normal revision + publish workflow. See docs/I18N.md.
13
+ * follow the normal revision + publish workflow. See docs/07-internationalization/index.md.
14
14
  */
15
15
  export declare const SystemFieldsConfirmModal: ({ contentDirty, pathDirty, availableLocalesDirty, onCancel, onConfirm, }: {
16
16
  contentDirty: boolean;
@@ -23,7 +23,7 @@ export interface PublishedVersionInfo {
23
23
  * patches) alongside the document-grain system fields (path / advertised
24
24
  * locales) and per-bucket dirty flags so the host can route each piece to the
25
25
  * right write path — versioned for content, immediate/non-versioned for the
26
- * system fields. See docs/I18N.md.
26
+ * system fields. See docs/07-internationalization/index.md.
27
27
  */
28
28
  export interface SystemFieldsSubmitPayload {
29
29
  data: any;
@@ -104,7 +104,7 @@ export interface FormRendererProps {
104
104
  * Opts the document-tree placement widget into the sidebar (above the
105
105
  * available-locales widget). Sourced from `CollectionDefinition.tree` by the
106
106
  * caller. Renders only in edit mode (placement needs a persisted document)
107
- * and only when the host wires the tree services. See docs/DOCUMENT-TREE.md.
107
+ * and only when the host wires the tree services. See docs/04-collections/03-document-trees.md.
108
108
  */
109
109
  tree?: boolean;
110
110
  headingLabel?: string;
@@ -8,7 +8,7 @@ export interface TreePlacementWidgetProps {
8
8
  }
9
9
  /**
10
10
  * Sidebar widget for placing the current document within its collection's
11
- * single-parent document tree (the `tree: true` primitive — docs/DOCUMENT-TREE.md).
11
+ * single-parent document tree (the `tree: true` primitive — docs/04-collections/03-document-trees.md).
12
12
  *
13
13
  * The tree is document-grain and **unversioned**, so changes here write
14
14
  * immediately (independent of the form's content save). The editor picks a
@@ -12,7 +12,7 @@ import type { ZodType } from 'zod';
12
12
  * contract (validate → authorise → invoke → shape) into a single
13
13
  * declaration.
14
14
  *
15
- * Implements Phase 1 of `docs/CORE-COMPOSITION.md`. Today's scope is
15
+ * Implements Phase 1 of `docs/03-architecture/02-core-composition.md`. Today's scope is
16
16
  * `@byline/admin`-internal: it gates against admin actor identity using
17
17
  * the existing `assertAdminActor` / `requireAdminActor` helpers, which
18
18
  * inherit the super-admin bypass from `AdminAuth.assertAbility`.
@@ -7,7 +7,7 @@
7
7
  */
8
8
  import type { AbilityRegistry } from '@byline/auth';
9
9
  /**
10
- * Ability keys for the admin-activity module (docs/AUDIT.md — Workstream 4).
10
+ * Ability keys for the admin-activity module (docs/06-auth-and-security/02-auditability.md — Workstream 4).
11
11
  *
12
12
  * `read` gates the system-wide activity area — the `/admin/activity` report
13
13
  * over the version-stream + audit-log union. It is deliberately a **separate**
@@ -7,7 +7,7 @@
7
7
  */
8
8
  /**
9
9
  * `@byline/admin/admin-activity` — the system-wide activity area
10
- * (docs/AUDIT.md — Workstream 4).
10
+ * (docs/06-auth-and-security/02-auditability.md — Workstream 4).
11
11
  *
12
12
  * Unlike the other admin modules this one owns no table and no AdminStore
13
13
  * repository: the activity feed is a read over the document db adapter's
@@ -9,7 +9,7 @@ import type { AbilityRegistry } from '@byline/auth';
9
9
  /**
10
10
  * Ability keys for the admin-permissions module.
11
11
  *
12
- * `read` gates the inspector view (see docs/AUTHN-AUTHZ.md).
12
+ * `read` gates the inspector view (see docs/06-auth-and-security/01-authn-authz.md).
13
13
  * `update` will gate the per-role ability editor mounted on the
14
14
  * admin-roles role detail page — declared here so the role editor can
15
15
  * assert against it once that surface lands. The per-role editor shares
@@ -113,7 +113,7 @@ export interface AdminUsersRepository {
113
113
  getById(id: string): Promise<AdminUserRow | null>;
114
114
  /**
115
115
  * Bulk lookup for audit actor-label resolution (the `actors`
116
- * map on admin document reads — see docs/AUDIT.md, Workstream 1). Ids
116
+ * map on admin document reads — see docs/06-auth-and-security/02-auditability.md, Workstream 1). Ids
117
117
  * with no matching row are simply absent from the result; callers
118
118
  * render a tombstone label for them.
119
119
  */
@@ -20,7 +20,7 @@ export interface SourceLocaleBadgeProps {
20
20
  * NOTE: currently rendered for *every* document so the anchor is visible during
21
21
  * development. The intended end state is to show it only when `locale` differs
22
22
  * from the system's current default content locale (a normal single-default
23
- * install then shows nothing). See docs/I18N.md.
23
+ * install then shows nothing). See docs/07-internationalization/index.md.
24
24
  *
25
25
  * Stable override handle: `.byline-source-locale-badge`.
26
26
  */
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@byline/admin",
3
3
  "private": false,
4
4
  "license": "MPL-2.0",
5
- "version": "3.15.2",
5
+ "version": "3.16.1",
6
6
  "engines": {
7
7
  "node": ">=20.9.0"
8
8
  },
@@ -155,11 +155,10 @@
155
155
  "react-diff-viewer-continued": "^4.2.2",
156
156
  "uuid": "^14.0.0",
157
157
  "zod": "^4.4.3",
158
- "zod-form-data": "^3.0.1",
159
- "@byline/auth": "3.15.2",
160
- "@byline/i18n": "3.15.2",
161
- "@byline/ui": "3.15.2",
162
- "@byline/core": "3.15.2"
158
+ "@byline/i18n": "3.16.1",
159
+ "@byline/core": "3.16.1",
160
+ "@byline/ui": "3.16.1",
161
+ "@byline/auth": "3.16.1"
163
162
  },
164
163
  "peerDependencies": {
165
164
  "react": "^19.0.0",