22541 extract shared case-reference breadcrumb list item helper

memory-bank/change-log.md

@@ -137,6 +137,31 @@ Follow-ups:
 
 - Next bounded slice can target additional repeated breadcrumb list-item patterns (e.g., repeated case-reference tail item blocks) with same behavior parity approach.
 
+### CL-22541-E: breadcrumbs case-reference crumb helper extraction
+
+date: 2026-04-09  
+author: Cline  
+scope: `components/breadcrumbs.js`  
+type: change  
+rationale: Continue bounded breadcrumbs decomposition by extracting repeated case-reference tail breadcrumb markup into one local helper and replacing repeated inline blocks.
+impact: Refactor-only JSX deduplication in breadcrumb rendering; no intended route/auth/session/API/EN-CY/a11y behavior change.
+status: completed
+
+Summary:
+
+- Added local `renderCaseReferenceCrumb(referenceValue)` helper in `components/breadcrumbs.js`.
+- Replaced repeated `{t("common:breadcrumb-case-reference")}: ...` list-item blocks across case/dns route branches with helper calls.
+- Corrected initial over-wrap by using helper calls directly (so generated `<li>` is not nested in another `<li>`).
+
+Validation:
+
+- `npx eslint components/breadcrumbs.js` -> pass.
+- `node tests/phase22/index.test.cjs` -> pass (combined suite).
+
+Follow-ups:
+
+- Next bounded slice can target remaining repeated linked breadcrumb list-item patterns (e.g., recurring address-search result link pairs) via small local render helpers.
+
 ### CL-00X: 22500 `components/elements/index.js` Phase 1 helper extraction
 
 date: 2026-04-07