Task #718: Numbered key-attendees table auto-synced with expected attendee count

rafraa/TX

- New shared component artifacts/tx-os/src/components/attendee-table-editor.tsx:
  AttendeeTableEditor (# | name | position | side select | remove), plus
  syncAttendeeRows/emptyAttendeeRow helpers and MAX_ATTENDEE_ROWS=50 cap.
- Internal booking dialog (protocol.tsx): replaced the two side-by-side
  BookingAttendeeColumn lists with the single numbered table; each row now
  carries its own side. Edit mode prefills existing keyAttendees then pads
  to attendeeCount. useEffect syncs row count with the attendeeCount field:
  growing adds empty rows, shrinking removes only empty trailing rows (never
  filled ones), min 1 row.
- Public form (protocol-request.tsx): same conversion (AttendeeColumn removed,
  Arabic labels passed directly since the page is forced-RTL Arabic).
- Submission payload unchanged: only rows with non-empty name sent, same
  keyAttendees {name, position, side} shape — no API/schema changes.
- i18n: added protocol.bookings.form.side ("الجهة"/"Side") in ar.json/en.json.
- Removed dead code (BookingAttendeeColumn, AttendeeColumn, AttendeeRow type,
  unused Plus/X imports in protocol-request).
- Verified: tsc --noEmit clean; page serves 200; architect review PASS.
- Follow-up proposed: #719 UI test for count sync/prefill/submit.

This commit is contained in:

Replit Agent

2026-07-09 06:03:40 +00:00

parent 3cf4aae18e

commit 7daaf6f2f0

5 changed files with 253 additions and 243 deletions

									
										artifacts/tx-os/src/locales/ar.json
									
		+1
		
												View File
												
				@@ -1857,6 +1857,7 @@

				      "form": {

				        "name": "الاسم",

				        "position": "المنصب",

				        "side": "الجهة",

				        "addRow": "إضافة صف",

				        "removeRow": "حذف الصف"

				      },