@hjmds/design-contracts 1.30.0 → 1.32.0

package/docs/authoring-tools.md

@@ -4,6 +4,7 @@
 
 `@hjmds/design-contracts/authoring-tools`, `@hjmds/react/authoring-tools`,
 `@hjmds/react-native/authoring-tools` 선택 subpath로 제공한다.
+Native BezierEditor는 곡선을 optional peer `react-native-svg@15.15.5`로 그린다. 이 subpath를 쓰는 앱은 peer를 설치한다(2026-10-18 Metro 번들 검사 복구 때 확인).
 
 ## BezierEditor (Web·Native)
 

package/docs/bottom-navigation.md

@@ -180,3 +180,31 @@ floating 그림자는 그리지 않는다. 옆면이 높이를 표현하므로
 팔레트에 "눌린 브랜드" 역할이 없어서 새 역할을 추가하지 않고 기존 역할을 겹쳐 쓴다.
 선택하지 않은 카드도 같은 두께의 투명 테두리를 둔다. 그래서 선택이 바뀌어도 아이콘·라벨 줄이 움직이지 않는다.
 제품은 나무 같은 색을 surfaceAlt·borderControl 팔레트 역할로 공급한다. deprecated 시각 style로 덮지 않는다.
+
+### 덮인 높이·솟은 가운데 목적지·앱 아이콘 자리 (2026-10-18)
+
+세 제품이 막대를 우회한 원인을 계약으로 옮겼다. Spint는 떠 있는 막대의 높이를 몰라 탭 화면마다 112 빈칸을 두었다.
+`BottomNavigationInsetProvider`·`useBottomNavigationInset`이 겹친 막대(Web 고정, Native `placement="overlay"`)의
+측정 높이를 화면에 전달하고 ScreenLayout이 마지막 영역 여백으로 쓴다. Native 기본 `inline`은 자기 높이를 차지하므로 0이다.
+이 여백은 ScreenLayout만 적용한다(1.32.0 patch): `scroll="content"` 목록과 ScreenLayout 위의 화면 구성은 다시 더하지 않는다.
+1.31.0 사용 지침이 `scroll="content"` 목록에 더하라고 잘못 안내해 따르면 두 번 쌓였다.
+다에리는 가운데 "쓰기" 목적지를 그리려고 기본 탭바로 돌아갔다. 항목 `prominent`는 홀수 개의 정가운데 하나만 허용하고,
+`primaryAction`(행동)과 달리 선택·재선택이 있는 목적지다. 원은 `prominentDestination` recipe(지름 56, `action.brand`)를 쓰고
+라벨이 다른 라벨과 한 줄이 되도록 `지름 − 표시 자리 높이`만큼 올라간다. Utilverse는 큰 앱 아이콘 때문에 막대를 직접
+조립했다. `configuration.iconSize`(`large` 44 · `xlarge` 52)가 `renderIcon`의 `size`를 키운다. 세 축 모두 기본값에서 기존 외형이 그대로다.
+
+### 테마별 틀과 선택 아이콘 올림 (2026-10-18, 1.32.0)
+
+Utilverse는 1.31.0 채택 뒤에도 셸마다 다른 막대 틀(둥근 독·알약·작은 독·각진 작업 표시줄)과 선택 아이콘 올림을
+표현할 공개 축이 없어 다섯 셸을 floating 하나로 통일했다. 제품이 막대를 다시 조립하지 않도록 두 축을 더했다.
+
+- `configuration.shape`(`standard` 기본 · `rounded` · `pill` · `compact` · `square`)는 floating 표면의 모서리 token과
+  안쪽 여백을 `bottomNavigationRecipe.shapes`에서 고른다. `standard`는 `presentations.floating` 그대로다.
+  bar는 화면 너비를 채우고 capsule은 이미 알약이며 tile 선택은 자기 안쪽 여백·카드 모서리를 가지므로
+  `presentation: "floating"`·`selection: "emphasis"`에서만 허용한다. Native floating 끝 항목의 눌림 모서리는
+  `틀 radius − 테두리 − 안쪽 여백`으로 틀의 안쪽 곡선을 따른다(2026-10-08 pressed-edge 규칙의 일반화).
+- `configuration.iconEmphasis`(`scale` 기본 · `lift`)는 선택 아이콘 강조다. `lift`는 공통 선택 배율 위에 선택 아이콘을
+  4 올리고(`icon.liftEmphasis.translateY`) 선택하지 않은 아이콘만 0.82로 흐린다. 색을 입힐 수 없는 앱 아이콘 그림에서
+  라벨 외의 비색상 선택 근거가 된다. 배지와 `prominent` 원은 흐리지 않는다.
+- 막대 바탕색은 기존 팔레트 역할(canvas)이고 테마별 색은 `brandPalette`로 바꾼다. 높이는 `density`와 `iconSize`가 정한다.
+  같은 의미의 값을 새 축으로 중복하지 않았다.

package/docs/carousel.md

@@ -153,3 +153,11 @@ Native 위치 제어는 숫자 버튼으로 표현해 현재 위치를 눈으로
 자동재생은 선택 기능이며 기본 화면 예제는 수동이다. Web browser 및 Native renderer
 테스트는 숨김·key 유지·경계·controlled 요청·RTL·자동재생 중지와 swipe/접근성 action을
 검증한다. Native 기기 제스처·스크린 리더 실측은 별도이며 이 증거로 stable 승격하지 않는다.
+
+## PageIndicator (2026-10-18)
+
+Carousel의 위치 점 줄을 `PageIndicator`로 공개했다. 제품이 페이저와 페이지 내용을 직접 소유하는 자리(Utilverse 홈 런처의
+Native 페이징 목록)에서 같은 점·같은 끝 멈춤 이동을 쓰게 하려는 것이다. 계약은 `resolvePageIndicator`(점 이름은
+`composeAccessibleName`으로 제품이 짓는다)와 `getPageIndicatorTarget`(순환 없이 끝에서 멈춤)이고 recipe는 `carouselRecipe.dot`
+그대로다. Carousel도 같은 점 줄을 렌더한다(Web 내부 공유 컴포넌트, Native `PageIndicator`). Native는 줄 하나가 adjustable
+요소이고 Web은 group 안의 점 버튼이며 ←/→로 한 페이지씩 요청한다.

package/docs/data-workflows.md

@@ -6,6 +6,7 @@ Lucian 130·160–164를 검토하면서 기존 표·차트·통계의 실제
 별도의 표/차트 엔진을 만들지 않고 DataTable, BarChart, Statistic, Progress, Select를 합성한다.
 MatrixTable은 팀 간 비교에서 대각선을 숨기는 계약이므로 직사각형 코호트나 자기상관 보존에 쓰지 않는다.
 공개 진입점은 `@hjmds/{react,react-native}/data-workflows`, 계산은 `@hjmds/design-contracts/data-workflows`다.
+Native 진입점은 BarChart(`/chart`)를 합성하므로 `/chart`와 같은 optional peer `react-native-svg@15.15.5`가 필요하다(2026-10-18 Metro 번들 검사 복구 때 확인).
 
 | API | 계약과 선택 기준 |
 | --- | --- |

package/docs/dialog.md

@@ -64,3 +64,26 @@ enter duration, falling back to ordinary presentation if the host fails to reply
 spatial interpolation. Device geometry, resizing/keyboard behavior, themes and performance remain
 experimental until the QA report verifies them. See the usage guide and
 [origin transition QA](../../../docs/qa/2026-10-07-overlay-origin-transition.md).
+
+## Decorative layer and immersive presentation (1.31.0)
+
+2026-10-18 product gaps: BurnTok kept a raw RN Modal for a folder popup because its drag ghost had to be drawn
+in window coordinates outside the card, and utilverse kept one for a display board because every HJM overlay
+drew a card or a framed sheet. Both reused nothing of the modal stack, focus return or dismissal contract.
+
+- `overlayLayer` is a viewport/window-sized sibling of the card inside the same modal. It is decorative by
+  contract: no pointer input, hidden from assistive technology (Web `inert` + `aria-hidden`, Native
+  `pointerEvents="none"` + `no-hide-descendants`). Interactive content stays in `children`, inside the focus trap.
+- `scrollEnabled` (default `true`) temporarily locks user scrolling of the dialog while a gesture in the body
+  owns pointer movement (the same folder drag): Web sets the card to `overflow: hidden` and keeps its offset, Native
+  disables the bounded body ScrollView. It is a temporary lock, not a way to clip content.
+- `ImmersiveOverlay` is a Dialog companion with no card, scrim, header or gutter: a product stage edge to edge
+  and a control bar (status, tools, a localized exit action). It keeps the shared modal stack, focus trap,
+  background isolation, focus return and the entry-focus wait of screens below. Web reports `escape` or
+  `exit-action`; Native reports `back` or `exit-action`. Native presents full screen with the status bar hidden
+  and rotation allowed (`dialogRecipe.immersive`). Web does not request the Fullscreen API (user activation,
+  Escape consumed by the browser, no element fullscreen on iOS Safari).
+
+Renderer proof: `immersive-overlay.browser.test.tsx` (geometry, exit focus, Escape, focus return, inert layer)
+and `immersive-overlay.test.tsx` (Modal presentation, status bar, orientations, reasons, overlay-stack wait,
+layer placement). Device rotation and status bar behavior are unverified on hardware.

package/docs/generated/component-maturity.md

@@ -1,12 +1,12 @@
 # Component maturity and evidence manifest
 
-> Generated from `@hjmds/design-contracts` 1.30.0. Do not edit this file directly; run `pnpm contracts:sync`.
+> Generated from `@hjmds/design-contracts` 1.32.0. Do not edit this file directly; run `pnpm contracts:sync`.
 
 This document is the human-readable projection of the same catalog and Showcase manifest consumed by product CI.
 
-- Contract: stable 125 · beta 2
-- Web renderer: stable 125 · beta 2
-- Native renderer: stable 105 · beta 4 · unsupported 18
+- Contract: stable 125 · beta 5
+- Web renderer: stable 125 · beta 5
+- Native renderer: stable 105 · beta 7 · unsupported 18
 
 | Component | Canonical story ID | Contract | Web | Native | Documentation | Required evidence |
 | --- | --- | --- | --- | --- | --- | --- |
@@ -65,6 +65,7 @@ This document is the human-readable projection of the same catalog and Showcase
 | Sidebar | `navigation/sidebar` | stable | stable | unsupported | [authored](../sidebar.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
 | BottomNavigation | `navigation/bottom-navigation` | stable | stable | stable | [authored](../bottom-navigation.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Breadcrumb | `navigation/breadcrumb` | stable | stable | unsupported | [authored](../breadcrumb.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard |
+| PageIndicator | `navigation/page-indicator` | beta | beta | beta | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
 | Pagination | `navigation/pagination` | stable | stable | beta | [authored](../pagination.md) | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, large-text, rtl, reduced-motion, accessibility, native-actions |
 | LoadMore | `navigation/load-more` | stable | stable | stable | [authored](../load-more.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions |
 | Steps | `navigation/steps` | stable | stable | stable | [authored](../steps.md) | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
@@ -130,6 +131,8 @@ This document is the human-readable projection of the same catalog and Showcase
 | MediaSelectionScreen | `layout/media-selection-screen` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | ProfileScreen | `layout/profile-screen` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | ChatMessage | `data-display/chat-message` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
+| TypingIndicator | `feedback/typing-indicator` | beta | beta | beta | generated only | contract: contract; web: default, dark, large-text, rtl, reduced-motion, accessibility; native: default, dark, large-text, rtl, reduced-motion, accessibility |
+| ChatDateSeparator | `data-display/chat-date-separator` | beta | beta | beta | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | NotificationRow | `data-display/notification-row` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | NotificationItem | `data-display/notification-item` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |
 | CommentThreadRow | `data-display/comment-thread-row` | stable | stable | stable | generated only | contract: contract; web: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility; native: default, dark, long-copy, large-text, rtl, reduced-motion, accessibility |

package/docs/generated/renderer-evidence.json

@@ -1,14 +1,14 @@
 {
   "schemaVersion": 1,
-  "designSystemVersion": "1.30.0",
+  "designSystemVersion": "1.32.0",
   "source": "packages/design-contracts/docs/generated/showcase-manifest.json",
   "surfaces": {
     "web": {
       "packageName": "@hjmds/react",
-      "packageVersion": "1.30.0",
-      "activeComponents": 127,
-      "claimedComponents": 127,
-      "completeScenarioComponents": 126,
+      "packageVersion": "1.32.0",
+      "activeComponents": 130,
+      "claimedComponents": 130,
+      "completeScenarioComponents": 129,
       "components": [
         {
           "componentId": "text",
@@ -2942,7 +2942,8 @@
           "claimed": true,
           "subpath": "./navigation",
           "exportNames": [
-            "BottomNavigation"
+            "BottomNavigation",
+            "BottomNavigationInsetProvider"
           ],
           "proofs": [
             {
@@ -3053,6 +3054,53 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "page-indicator",
+          "name": "PageIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./carousel",
+          "exportNames": [
+            "PageIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.ssr.test.tsx",
+              "caseId": "page-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.browser.test.tsx",
+              "caseId": "page-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "pagination",
           "name": "Pagination",
@@ -5133,7 +5181,8 @@
           "claimed": true,
           "subpath": "./overlays",
           "exportNames": [
-            "Dialog"
+            "Dialog",
+            "ImmersiveOverlay"
           ],
           "proofs": [
             {
@@ -6103,7 +6152,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "ModerationScreen"
+            "ModerationScreen",
+            "ModerationForm"
           ],
           "proofs": [
             {
@@ -6353,7 +6403,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "MediaSelectionScreen"
+            "MediaSelectionScreen",
+            "MediaSelectionCell"
           ],
           "proofs": [
             {
@@ -6453,7 +6504,8 @@
           "claimed": true,
           "subpath": "./screens",
           "exportNames": [
-            "ChatMessage"
+            "ChatMessage",
+            "MediaAlbumPageStatus"
           ],
           "proofs": [
             {
@@ -6496,6 +6548,103 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "typing-indicator",
+          "name": "TypingIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "TypingIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.ssr.test.tsx",
+              "caseId": "typing-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.browser.test.tsx",
+              "caseId": "typing-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
+        {
+          "componentId": "chat-date-separator",
+          "name": "ChatDateSeparator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "ChatDateSeparator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.ssr.test.tsx",
+              "caseId": "chat-date-separator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "long-copy",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.browser.test.tsx",
+              "caseId": "chat-date-separator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "notification-row",
           "name": "NotificationRow",
@@ -6850,10 +6999,10 @@
     },
     "native": {
       "packageName": "@hjmds/react-native",
-      "packageVersion": "1.30.0",
-      "activeComponents": 109,
-      "claimedComponents": 109,
-      "completeScenarioComponents": 106,
+      "packageVersion": "1.32.0",
+      "activeComponents": 112,
+      "claimedComponents": 112,
+      "completeScenarioComponents": 109,
       "components": [
         {
           "componentId": "text",
@@ -9550,7 +9699,8 @@
           "claimed": true,
           "subpath": "./top-bar",
           "exportNames": [
-            "BottomNavigation"
+            "BottomNavigation",
+            "BottomNavigationInsetProvider"
           ],
           "proofs": [
             {
@@ -9602,6 +9752,53 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "page-indicator",
+          "name": "PageIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./carousel",
+          "exportNames": [
+            "PageIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "page-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "page-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "pagination",
           "name": "Pagination",
@@ -11317,7 +11514,8 @@
           "claimed": true,
           "subpath": "./overlays",
           "exportNames": [
-            "Dialog"
+            "Dialog",
+            "ImmersiveOverlay"
           ],
           "proofs": [
             {
@@ -11895,7 +12093,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "ModerationScreen"
+            "ModerationScreen",
+            "ModerationForm"
           ],
           "proofs": [
             {
@@ -12145,7 +12344,8 @@
           "claimed": true,
           "subpath": "./screen-flows",
           "exportNames": [
-            "MediaSelectionScreen"
+            "MediaSelectionScreen",
+            "MediaSelectionCell"
           ],
           "proofs": [
             {
@@ -12245,7 +12445,8 @@
           "claimed": true,
           "subpath": "./screens",
           "exportNames": [
-            "ChatMessage"
+            "ChatMessage",
+            "MediaAlbumPageStatus"
           ],
           "proofs": [
             {
@@ -12288,6 +12489,103 @@
           ],
           "missingScenarios": []
         },
+        {
+          "componentId": "typing-indicator",
+          "name": "TypingIndicator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "TypingIndicator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "typing-indicator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "typing-indicator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
+        {
+          "componentId": "chat-date-separator",
+          "name": "ChatDateSeparator",
+          "status": "beta",
+          "claimed": true,
+          "subpath": "./screens",
+          "exportNames": [
+            "ChatDateSeparator"
+          ],
+          "proofs": [
+            {
+              "scenarios": [
+                "default"
+              ],
+              "file": "test/default-render.test.tsx",
+              "caseId": "chat-date-separator"
+            },
+            {
+              "scenarios": [
+                "dark",
+                "long-copy",
+                "large-text",
+                "rtl",
+                "reduced-motion",
+                "accessibility"
+              ],
+              "file": "test/scenario-matrix.test.tsx",
+              "caseId": "chat-date-separator"
+            }
+          ],
+          "requiredScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "claimedScenarios": [
+            "default",
+            "dark",
+            "long-copy",
+            "large-text",
+            "rtl",
+            "reduced-motion",
+            "accessibility"
+          ],
+          "missingScenarios": []
+        },
         {
           "componentId": "notification-row",
           "name": "NotificationRow",

package/docs/generated/renderer-evidence.md

@@ -1,11 +1,11 @@
 # Renderer evidence coverage
 
-> Generated for HJM 1.30.0. Do not edit directly; run `pnpm evidence:sync`.
+> Generated for HJM 1.32.0. Do not edit directly; run `pnpm evidence:sync`.
 
 This projection joins the canonical surface maturity manifest with first-party renderer claims. Missing scenarios are explicit beta promotion debt; stable surfaces are blocked by CI until none remain.
 
-- web: 127/127 active implementations; 126/127 required scenario sets
-- native: 109/109 active implementations; 106/109 required scenario sets
+- web: 130/130 active implementations; 129/130 required scenario sets
+- native: 112/112 active implementations; 109/112 required scenario sets
 
 | Component | Surface | Maturity | Renderer package | Export | Claimed scenarios | Missing required scenarios | Executable proofs |
 | --- | --- | --- | --- | --- | --- | --- | --- |
@@ -64,6 +64,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | Sidebar | web | stable | @hjmds/react | ./sidebar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#sidebar, test/scenario-matrix.browser.test.tsx#sidebar, test/sidebar.browser.test.tsx#sidebar |
 | BottomNavigation | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#bottom-navigation, test/scenario-matrix.browser.test.tsx#bottom-navigation, test/bottom-navigation.keyboard.browser.test.tsx#bottom-navigation |
 | Breadcrumb | web | stable | @hjmds/react | ./breadcrumb | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#breadcrumb, test/scenario-matrix.browser.test.tsx#breadcrumb, test/page-navigation.browser.test.tsx#breadcrumb |
+| PageIndicator | web | beta | @hjmds/react | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#page-indicator, test/scenario-matrix.browser.test.tsx#page-indicator |
 | Pagination | web | stable | @hjmds/react | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#pagination, test/scenario-matrix.browser.test.tsx#pagination, test/pagination.keyboard.browser.test.tsx#pagination |
 | LoadMore | web | stable | @hjmds/react | ./navigation | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, keyboard | none | test/default-render.ssr.test.tsx#load-more, test/scenario-matrix.browser.test.tsx#load-more, test/load-more.interactions.browser.test.tsx#load-more |
 | Steps | web | stable | @hjmds/react | ./steps | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#steps, test/scenario-matrix.browser.test.tsx#steps |
@@ -129,6 +130,8 @@ This projection joins the canonical surface maturity manifest with first-party r
 | MediaSelectionScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#media-selection-screen, test/scenario-matrix.browser.test.tsx#media-selection-screen |
 | ProfileScreen | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#profile-screen, test/scenario-matrix.browser.test.tsx#profile-screen |
 | ChatMessage | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-message, test/scenario-matrix.browser.test.tsx#chat-message |
+| TypingIndicator | web | beta | @hjmds/react | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#typing-indicator, test/scenario-matrix.browser.test.tsx#typing-indicator |
+| ChatDateSeparator | web | beta | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#chat-date-separator, test/scenario-matrix.browser.test.tsx#chat-date-separator |
 | NotificationRow | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-row, test/scenario-matrix.browser.test.tsx#notification-row |
 | NotificationItem | web | stable | @hjmds/react | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#notification-item, test/scenario-matrix.browser.test.tsx#notification-item |
 | CommentThreadRow | web | stable | @hjmds/react | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.ssr.test.tsx#comment-thread-row, test/scenario-matrix.browser.test.tsx#comment-thread-row |
@@ -186,6 +189,7 @@ This projection joins the canonical surface maturity manifest with first-party r
 | Tabs | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#tabs, test/scenario-matrix.test.tsx#tabs, test/tabs-actions.test.tsx#tabs |
 | TopBar | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#top-bar, test/scenario-matrix.test.tsx#top-bar |
 | BottomNavigation | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#bottom-navigation, test/scenario-matrix.test.tsx#bottom-navigation, test/bottom-navigation.interaction.test.tsx#bottom-navigation |
+| PageIndicator | native | beta | @hjmds/react-native | ./carousel | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#page-indicator, test/scenario-matrix.test.tsx#page-indicator |
 | Pagination | native | beta | @hjmds/react-native | ./pagination | default, dark, large-text, rtl, reduced-motion, accessibility | native-actions | test/default-render.test.tsx#pagination, test/scenario-matrix.test.tsx#pagination |
 | LoadMore | native | stable | @hjmds/react-native | ./top-bar | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility, native-actions | none | test/default-render.test.tsx#load-more, test/scenario-matrix.test.tsx#load-more, test/load-more.interactions.test.tsx#load-more |
 | Steps | native | stable | @hjmds/react-native | ./steps | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#steps, test/scenario-matrix.test.tsx#steps |
@@ -238,6 +242,8 @@ This projection joins the canonical surface maturity manifest with first-party r
 | MediaSelectionScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#media-selection-screen, test/scenario-matrix.test.tsx#media-selection-screen |
 | ProfileScreen | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#profile-screen, test/scenario-matrix.test.tsx#profile-screen |
 | ChatMessage | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-message, test/scenario-matrix.test.tsx#chat-message |
+| TypingIndicator | native | beta | @hjmds/react-native | ./screens | default, dark, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#typing-indicator, test/scenario-matrix.test.tsx#typing-indicator |
+| ChatDateSeparator | native | beta | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#chat-date-separator, test/scenario-matrix.test.tsx#chat-date-separator |
 | NotificationRow | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-row, test/scenario-matrix.test.tsx#notification-row |
 | NotificationItem | native | stable | @hjmds/react-native | ./screens | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#notification-item, test/scenario-matrix.test.tsx#notification-item |
 | CommentThreadRow | native | stable | @hjmds/react-native | ./screen-flows | default, dark, long-copy, large-text, rtl, reduced-motion, accessibility | none | test/default-render.test.tsx#comment-thread-row, test/scenario-matrix.test.tsx#comment-thread-row |