07 — Component Library (Settings Module)

• A. Setting row & list artifacts
  • AppSettingRow
  • AppGroupChips
  • AppSettingsSectionHeader
• B. Typed value editors
  • AppTypedValueEditor (dispatcher)
  • AppJsonEditor
  • AppBoolRow
• C. Save & feedback
  • AppSaveBar (batch)
  • AppSettingNotFound
• D. Cross-surface teaser
  • AppOrgSettingsLink (banner)
• E. Flutter widget map (module)
• F. Golden tests (base 00-shared/03 G)

Module-specific components built from shared App* primitives (00-shared/03). Props, states, animation, a11y, tokens, Flutter mapping. Reuse over new — only components that don't exist in the shared library are defined here.

A. Setting row & list artifacts

AppSettingRow

AppGroupChips

• Filter chips for the 6 enum groups + "All" (setting.schema.ts:7-14); server-refetch per chip (GET /settings?group=, settings.controller.ts:26-28).
• Selected chip secondaryContainer; horizontal scroll on phone (SingleChildScrollView).
• a11y: Semantics(toggled:) per chip; group order = enum declaration order.

AppSettingsSectionHeader

• AppSectionHeader variant: group name + count from the fetched array ("Attendance (12)"), titleMedium, sticky on desktop pane.

B. Typed value editors

AppTypedValueEditor (dispatcher)

• Props: value (any), onChanged, onSave, saving, compact.
• Dispatches by runtime type → AppTextField (string), numeric field (number), AppSwitch row (boolean), AppJsonEditor (object/array/unknown). Compact mode = single line for list rows; expanded = detail pane.

AppJsonEditor

AppBoolRow

• AppSwitch in a ListTile; instant-save on toggle (optimistic, rollback on error — 00-shared/06 §3.5); saving disables switch; subtitle shows last save status.

C. Save & feedback

AppSaveBar (batch)

• Bottom bar in selection mode: "Save all (N)" FilledButton full width + "Cancel" TextButton; counts only dirty rows; on save → per-row status (✓ saved / ✗ failed, tap row retries).
• a11y: bar announced; result via snackbar "Saved 4 of 5 settings".

AppSettingNotFound

• AppEmptyState variant for GET /settings/:key 404 (settings.service.ts:20): icon tune, "Setting not found", back button.

D. Cross-surface teaser

AppOrgSettingsLink (banner)

• Dismissible AppBanner(info) pointing at /organization (embedded settings surface); persisted dismissal key org_settings_link_dismissed (shared_preferences).

E. Flutter widget map (module)

F. Golden tests (base 00-shared/03 G)

Every module component golden at phone/tablet/desktop + dark; AppJsonEditor valid/invalid states; AppSettingRow clean/dirty/saving; AppSaveBar 0/1/N dirty.