@teamblind-chorus/ui 1.0.1 → 1.1.0

package/agents/components/carousel/post.md

@@ -1,5 +1,7 @@
 # Post
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/carousel/post.md`](../../../i18n/ko/schema/components/carousel/post.md)
+
 Sub-component of the [Carousel](./carousel.md) family. Horizontally-scrolling pager of up to 5 compact post cards — surfaces curated popular posts or gives paid / verified accounts priority placement inside the [Post](../feed/post.md) feed column. The section heading and `See all` link live on the [Carousel](./carousel.md) wrapper — PostCarousel is the *content* only.
 
 **Reach for this when** spotlighting a small set (≤5) of curated or sponsored posts inside a feed column. **Skip when** the surface is a single feed stream ([Feed · Post](../feed/post.md)) or an entity directory ([List/entry](../list/entry.md)).
@@ -108,7 +110,7 @@ import { Carousel, PostCarousel } from '@teamblind-chorus/ui';
   - **body** — `sys.typo.body.sm` / `sys.color.onSurfaceVariant`. Three-line clamp.
   - **mention** *(optional)* — `sys.typo.body.sm` / `sys.color.primary` (not italic).
   - **footer** — leading 'See more' [Text Button](../button/text.md) (`xsmall` / `secondary`) + trailing view count (`EyeIcon` + count `<span>`).
-- **pagination** — one dot per card; active `sys.color.onSurface`, rest `sys.color.outlineVariant`. Decorative (`aria-hidden`).
+- **pagination** — [Pagination](../pagination/pagination.md) component, one dot per card (`count` = card count, `activeIndex` from scroll position). Decorative — dot tokens and the `aria-hidden` contract live on its spec; the carousel centers the intrinsic-width row (`align-self: center`).
 
 ## Anatomy
 
@@ -123,7 +125,7 @@ import { Carousel, PostCarousel } from '@teamblind-chorus/ui';
 | body / mention    | `sys.typo.body.sm` / `sys.color.onSurfaceVariant` (three-line clamp) · mention in `sys.color.primary` |
 | followAction      | [Text Button](../button/text.md) `size={'xsmall'}`, `appearance={'accent'}` inactive → `appearance={'default'}` active; state tokens delegate to Text Button |
 | footer            | Row: leading 'See more' Text Button (`xsmall` / `secondary`) + trailing view count `<span>`; `justify-content: space-between` |
-| pagination dot    | 6 × 6, `sys.radius.full`; active `sys.color.onSurface`, inactive `sys.color.outlineVariant`; `sys.layout.inline.sm` row gap |
+| pagination dot    | [Pagination](../pagination/pagination.md) component delegated verbatim — 6 × 6 dots, active/inactive colors, and row gap bind on its spec |
 
 ## Sizes
 
@@ -144,5 +146,5 @@ Inward — cards tile inside a horizontal scroll viewport with hairline outlines
 - **Card header renders the shared `EntryRow`.** The avatar + optional verified mark + channel label + trailing follow [Text Button](../button/text.md) row pinned to the top of each *card* is **the same `EntryRow` atom that [List/entry](../list/entry.md) rows render** — not a look-alike, the literal shared component. The carousel passes `verified` (the inline `VerifiedFillIcon`, left of the label), a 40-rung `thumbnail`, and a `xsmall` follow Text Button (`accent` inactive → `default` active) into `EntryRow`'s trailing slot; the leading→label gap (12), identity column, and trailing-action pin all live on `EntryRow`. Only the surrounding card chrome (`chorus-post-carousel__card-header` wrapper) is carousel-specific. Retune the attribution shape on `EntryRow` / at [List/entry](../list/entry.md), not here.
 - **One card per page, scroll-snap.** `scroll-snap-type: x mandatory`; each card declares `scroll-snap-align: start`. The pager re-pays the 16 left rail via `padding-left` and, as a full-bleed child, reaches the trailing edge intrinsically so the peek isn't clipped.
 - **Guaranteed 40px peek.** Trailing-edge visibility of the next card pins to `ref.space.500` — raw ref step so the floor is fixed-pixel across breakpoints. Card basis is `calc(100% - sys.layout.inline.md - ref.space.500)`. After every swipe, the snapped card aligns flush with the container's left padding; the trailing edge always holds the 40px peek.
-- **Pagination dots are decorative.** Dots reflect scroll position via `IntersectionObserver`; tapping a dot does not scroll. Active dot paints `sys.color.onSurface`, the rest `sys.color.outlineVariant`.
+- **Pagination dots are decorative.** The dot row is the shared [Pagination](../pagination/pagination.md) component. The carousel derives the active index via `IntersectionObserver` on the pager's snap targets and passes it down; tapping a dot does not scroll.
 - **Cards route via `onClick`.** When an item carries `onClick`, the card surface becomes the click target; header (follow action) and footer (more link) intercept the tap so each routes independently.

package/agents/components/carousel/post.spec.json

@@ -94,7 +94,7 @@
     },
     "pagination": {
       "required": true,
-      "description": "Row of dots below the pager — one per card. Active dot paints `sys.color.onSurface`, the rest paint `sys.color.outlineVariant`. Decorative (`aria-hidden`); the active index updates from the pager's scroll position via IntersectionObserver.",
+      "description": "Row of dots below the pager — rendered by the [Pagination](../pagination/pagination.md) component (`count` = card count, `activeIndex` from the pager's scroll position via IntersectionObserver). Dot size / gap / colors and the `aria-hidden` decorative contract all come from the Pagination spec; Pagination renders nothing below two cards. Pagination is an intrinsic-width inline element — the carousel centers it (`align-self: center` on the carousel's own selector).",
       "intrinsic": true
     }
   },
@@ -134,10 +134,8 @@
     "cardFooterColor": "sys.color.onSurfaceVariant",
     "cardFooterIcon": "EyeIcon",
     "cardFooterIconSize": "sys.icon.md",
-    "paginationDotSize": "ref.space.75",
-    "paginationDotGap": "sys.layout.inline.sm",
-    "paginationActiveColor": "sys.color.onSurface",
-    "paginationInactiveColor": "sys.color.outlineVariant"
+    "paginationRendersAs": "Pagination component — dot size / gap / radius and active / inactive colors all delegate to the [Pagination](../pagination/pagination.md) spec.",
+    "paginationAlign": "center — Pagination is an intrinsic-width inline element; the carousel binds `align-self: center` on its own selector to center the row under the pager."
   },
   "itemProps": {
     "id": {
@@ -210,7 +208,7 @@
     "horizontalScrollSnap": "scroll-snap-type: x mandatory; each card declares scroll-snap-align: start.",
     "nextCardPeek": "The Carousel host is full-bleed, so the pager spans the full surface width and reaches the trailing edge intrinsically (no negative margin); it re-pays the 16 left rail via `padding-left: sys.layout.container.md`. Card basis composes the inter-card gap (`sys.layout.inline.md`) plus the visible peek (`ref.space.500`, 40px) into one calc — a minimum of 40px of the next card is guaranteed to remain visible at the trailing edge whenever a card is snapped to the leading edge. The peek is pinned to a raw ref step rather than a responsive sys-layout rung so the visibility floor is fixed-pixel and does not shift at the responsive breakpoint.",
     "stickyToLeadingPadding": "After every swipe, the snapped card aligns flush with the pager's left padding (the 16 rail) — it 'sticks' to the leading edge of the pager. `scroll-snap-align: start` plus the pager's `scroll-padding-left: sys.layout.container.md` together produce this behavior. The trailing edge of the same snap state always holds the 40px peek of the next card; the two are one geometry contract, not two independent rules.",
-    "paginationDecorative": "Dots are decorative (`aria-hidden`). They reflect the scroll position only; tapping a dot does not scroll. Active state updates via IntersectionObserver on the pager's snap targets.",
+    "paginationDecorative": "Dots render via the [Pagination](../pagination/pagination.md) component and are decorative (`aria-hidden`). They reflect the scroll position only; tapping a dot does not scroll. The carousel derives the active index via IntersectionObserver on the pager's snap targets and passes it down as `activeIndex`.",
     "cardClickRoutes": "When an item carries `onClick`, the card surface becomes the click target. Header affordances (follow action) and footer affordances (more link) intercept the tap so each can route independently.",
     "insertionPolicy": "Editorial / ops control inserts the carousel between regular Feed cards according to placement policy — the component does not own that decision."
   },

package/agents/components/carousel/profile.md

@@ -1,5 +1,7 @@
 # Profile
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/carousel/profile.md`](../../../i18n/ko/schema/components/carousel/profile.md)
+
 Sub-component of the [Carousel](./carousel.md) family. Horizontally-scrolling rail of fixed-width (176px) profile cards — channels, user profiles, or company channels grouped under a single editorial heading. Each card carries a cover band, an overlapping 64-rung avatar, entity name + follower count, a metrics row or two-line description, and a trailing follow [Toggle Button](../button/text.md).
 
 **Reach for this when** an editorial collection groups follow-able entities under a single heading — hot companies, recommended channels, suggested people. **Skip when** the rail carries content posts ([Post carousel](./post.md)), the surface needs the full list scanned vertically ([SuggestionList](../suggestion-list/suggestion-list.md) / [DirectoryList](../directory-list/directory-list.md)), or the rung is a label-only nav strip ([AvatarRail](../avatar-rail/avatar-rail.md)).
@@ -152,7 +154,7 @@ import { Carousel, ProfileCarousel } from '@teamblind-chorus/ui';
   - **metrics** *(optional)* — row of `icon + value` chips: `star → StarFillIcon (sys.color.icon.yellow)`, `pulse → PulseFillIcon (sys.color.success)`, `heart → HeartFillIcon (sys.color.icon.red)`. Mutually exclusive with `description`.
   - **description** *(optional)* — two-line clamped paragraph that replaces the metrics row when present. Block height fixed to two lines of `sys.typo.label.sm` regardless of copy length, so card height stays consistent across metrics-carrying and copy-carrying cards.
   - **followAction** — full-width [Toggle Button](../button/text.md) (`variant={'toggle'}`); `Follow` (inactive) / `Following` (active).
-- **pagination** — one dot per card. Active dot paints `sys.color.onSurface`; rest paint `sys.color.outlineVariant`. Decorative.
+- **pagination** — [Pagination](../pagination/pagination.md) component, one dot per card (`count` = card count, `activeIndex` from scroll position). Decorative — dot tokens and the `aria-hidden` contract live on its spec; the carousel centers the intrinsic-width row (`align-self: center`).
 
 ## Anatomy
 
@@ -168,7 +170,7 @@ import { Carousel, ProfileCarousel } from '@teamblind-chorus/ui';
 | metric chip    | `sys.icon.md` glyph + `sys.typo.label.sm` value; star → `StarFillIcon` (`sys.color.icon.yellow`), pulse → `PulseFillIcon` (`sys.color.success`), heart → `HeartFillIcon` (`sys.color.icon.red`) |
 | description    | `sys.typo.label.sm` / `sys.color.onSurfaceVariant`, centered, two-line clamp with trailing ellipsis. Two-layer DOM — outer container owns the same fixed-height slot as `metrics row` (min/max-height = 2 label.sm lines); inner `<p>` owns the `-webkit-line-clamp: 2` truncation. Split sidesteps a Chrome quirk where `display: -webkit-box` and explicit `height` on one element break the third-line clip. |
 | followAction   | [Toggle Button](../button/text.md) (Chip-toggle anatomy), stretched to full card width |
-| pagination dot | 6×6, `sys.radius.full`; active `sys.color.onSurface`, inactive `sys.color.outlineVariant` |
+| pagination dot | [Pagination](../pagination/pagination.md) component delegated verbatim — 6 × 6 dots, active/inactive colors, and row gap bind on its spec |
 
 ## States
 

package/agents/components/carousel/profile.spec.json

@@ -80,7 +80,7 @@
     },
     "pagination": {
       "required": true,
-      "description": "Row of dots below the pager — one per card. Active dot paints `sys.color.onSurface`; the rest paint `sys.color.outlineVariant`. Decorative (`aria-hidden`); the active index updates from the pager's scroll position via IntersectionObserver.",
+      "description": "Row of dots below the pager — rendered by the [Pagination](../pagination/pagination.md) component (`count` = card count, `activeIndex` from the pager's scroll position via IntersectionObserver). Dot size / gap / colors and the `aria-hidden` decorative contract all come from the Pagination spec; Pagination renders nothing below two cards. Pagination is an intrinsic-width inline element — the carousel centers it (`align-self: center` on the carousel's own selector).",
       "intrinsic": true
     }
   },
@@ -123,10 +123,8 @@
     "followActionRendersAs": "Button variant='toggle' — Chip-toggle anatomy. Stretched to full card width via a wrapper rule. All state tokens delegate to the Toggle Button (Chip) family.",
     "cardPaddingBlock": "sys.layout.stack.sm",
     "cardPaddingInline": "sys.layout.container.md",
-    "paginationDotSize": "ref.space.75",
-    "paginationDotGap": "sys.layout.inline.sm",
-    "paginationActiveColor": "sys.color.onSurface",
-    "paginationInactiveColor": "sys.color.outlineVariant"
+    "paginationRendersAs": "Pagination component — dot size / gap / radius and active / inactive colors all delegate to the [Pagination](../pagination/pagination.md) spec.",
+    "paginationAlign": "center — Pagination is an intrinsic-width inline element; the carousel binds `align-self: center` on its own selector to center the row under the pager."
   },
   "itemProps": {
     "id": {
@@ -198,7 +196,7 @@
     "fixedCardWidth": "Every profile card paints a fixed 176px footprint — the carousel never reflows the card to fit the available inline width. The trailing peek (`ref.space.500`, 40px) of the next card is always visible regardless of viewport.",
     "horizontalScrollSnap": "scroll-snap-type: x mandatory; each card declares scroll-snap-align: start.",
     "stickyToLeadingPadding": "After every swipe, the snapped card aligns flush with the pager's left padding (the 16 rail) — same geometry contract as PostCarousel.",
-    "paginationDecorative": "Dots are decorative; tapping a dot does not scroll. Active state updates via IntersectionObserver on the snap targets.",
+    "paginationDecorative": "Dots render via the [Pagination](../pagination/pagination.md) component and are decorative; tapping a dot does not scroll. The carousel derives the active index via IntersectionObserver on the snap targets and passes it down as `activeIndex`.",
     "followToggleCommitsInPlace": "Tapping Follow flips the card's Toggle Button to Following and stays there. State is owned by the consumer via items[i].followed + onFollowChange.",
     "cardClickRoutes": "When an item carries `onClick`, the card surface becomes the click target. The follow toggle intercepts the tap so it routes independently."
   },

package/agents/components/chip/chip.md

@@ -1,5 +1,7 @@
 # Chip
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/chip/chip.md`](../../../i18n/ko/schema/components/chip/chip.md)
+
 A small, content-shaped control or label — chip-shaped affordance for two anchoring roles. **Filter** is the selectable, capsule-shaped choice the user toggles to refine a set (search filters, taxonomy switches, faceted lists). **Tag** is the static, square-cornered label naming attached metadata (categories on a card, attributes on a profile, opt-in/out tokens on a settings row). Each family carries its own slot vocabulary, geometry, and tone; the cross-family contract is limited to the shared label rung (12px Semibold, 4px block padding, 4px label-slot inset producing the visible icon-to-label rhythm) and the Chorus-wide color / state / focus tokens in [`DESIGN.md`](../../DESIGN.md). The two diverge on min-height and horizontal padding by role — **Filter** sits at 32 / 12 (tappable affordance, shared verbatim with [Toolbar Button](../button/toolbar.md) and [Tabs Segmented](../tabs/segmented.md)); **Tag** tightens to 24 / 8 (passive metadata that should not invite touch).
 
 **Layout inset.** `inline` — slot atom. A single Chip has no page-rail responsibility; the surrounding container places it (List row leading, Feed footer, FormField suffix). A Chip *group* — multiple Filter chips arranged as a filter rail — is rail-responsible: place the group as a direct child of the page shell (no `padding-inline` / `px-*` wrapper) and let its outer container pay the gutter once, so the first chip's leading edge aligns with section H2s and list-row leading content. See [`AGENTS.md` § Composition rules](../../../AGENTS.md#composition-rules).

package/agents/components/chip/filter.md

@@ -1,5 +1,7 @@
 # Filter
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/chip/filter.md`](../../../i18n/ko/schema/components/chip/filter.md)
+
 The selectable chip — a capsule-shaped toggle for refining a set. Unselected is a transparent hairline-outlined pill that adopts whatever surface sits behind it; selected swaps to an inverse fill. Optional leading/trailing icons compose without changing footprint.
 
 **Reach for this when** the user narrows a set by toggling one or more independent criteria — multiple chips can be on at once. **Skip when** the choices are mutually-exclusive view modes — use [Segmented](../tabs/segmented.md) instead.

package/agents/components/chip/tag.md

@@ -1,5 +1,7 @@
 # Tag
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/chip/tag.md`](../../../i18n/ko/schema/components/chip/tag.md)
+
 The informational chip — square-cornered label naming attached metadata (categories, statuses, content labels). Shorter than Filter (24 vs 32 min-height) with `sys.radius.sm` corners. Two appearances: `default` paints a translucent `sys.color.scrimSubtle` overlay (~8% inverse-tone, adopts whatever surface sits behind it); `accent` paints a tonal pale-primary container with primary label.
 
 **Reach for this when** you're naming attached metadata on rows, cards, or profiles. **Skip when** the marker signals unread / new activity on a host rather than describing it — use [Badge](../badge/badge.md) instead.

package/agents/components/dialog/dialog.md

@@ -1,5 +1,7 @@
 # Dialog
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/dialog/dialog.md`](../../../i18n/ko/schema/components/dialog/dialog.md)
+
 A focused, opt-in interruption — a centred card over a scrim that holds the flow until the user makes a single decision.
 
 **Reach for this when** the flow must pause for a definitive response — destructive actions, conflicts, consent gates, "Are you sure?". **Skip when** the same nudge can be delivered without halting the flow (use [Bottom sheet](../bottom-sheet/bottom-sheet.md)), the message is contextual to underlying content ([Banner](../banner/banner.md)), or the confirmation is post-action ([Toast](../toast/toast.md)).

package/agents/components/directory-list/directory-list.md

@@ -1,5 +1,7 @@
 # Directory list
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/directory-list/directory-list.md`](../../../i18n/ko/schema/components/directory-list/directory-list.md)
+
 A vertical follow-list — labelled block where each row pairs a 48 [Thumbnail](../thumbnail/thumbnail.md), an identity column (name + `secondary` followers + `description`), and a trailing [Toggle Button](../button/toggle.md) flipping between "Follow" and "Following". Anatomy is entity-agnostic — channels, people, companies, topics share one shape.
 
 **Preset wrapper.** Internally this is `<Header /> + <List variant="entry" size="large" divider={false}>`. The wrapper exists to (a) map entity-flavored item keys (`name → label`, `followers → secondary`, `active/onToggle → trailingIcon`) and (b) lock the rung + divider preset for the canonical Follow-able directory shape. There is no new visual grammar — just a pinned set of `List` props plus item-key sugar.

package/agents/components/divider/divider.md

@@ -1,5 +1,7 @@
 # Divider
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/divider/divider.md`](../../../i18n/ko/schema/components/divider/divider.md)
+
 A section-break band — a single full-bleed block painted with `sys.color.scrimSubtle` (~8% inverse-tone overlay — black in light mode, white in dark) at a fixed block thickness of `sys.layout.stack.xs` (8). Reach for it when two adjacent regions don't share an enclosing container and vertical rhythm alone doesn't read as a boundary — a directory of suggested channels ending and a fresh recommendation list beginning, a feed segment ending and a followed-channels list resuming, a promo strip ending and content picking up below.
 
 **Reach for this when** the boundary between two regions is ambiguous because they share the same surface and vertical rhythm — the visitor's eye should *land* on the break, not infer it. **Skip when** the regions already sit on different surfaces (one card, one canvas — the surface change is the break), when one region carries a heading that itself reads as the start of a new block, or when the separation is between *rows of the same list* (List's own `divider={true}` paints those as a hairline `outlineVariant` rule).

package/agents/components/feed/ad.md

@@ -1,5 +1,7 @@
 # Ad
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/feed/ad.md`](../../../i18n/ko/schema/components/feed/ad.md)
+
 Sub-component of the [Feed](./feed.md) family. A sponsored placement riding the same scrolling column as [Feed · Post](./post.md). The header trades a channel/author row for a brand row (32-rung [Thumbnail](../thumbnail/thumbnail.md) + brand name + `Sponsored` subtitle + trailing close affordance); the body stays the same shape as Feed's title + excerpt; hero media and CTA bond into a single rounded slab at the foot. No engagement row — ads are not authored content.
 
 **Reach for this when** a sponsored placement must ride inline in the feed column alongside authored posts — a promoted brand post, an in-feed ad unit. **Skip when** the content is authored by a user (use [Feed · Post](./post.md)) or the promotion belongs in a dedicated surface outside the feed stream.

package/agents/components/feed/feed.md

@@ -1,5 +1,7 @@
 # Feed
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/feed/feed.md`](../../../i18n/ko/schema/components/feed/feed.md)
+
 The unit of a scrolling stream. The family covers two card shapes that ride the same column: **[Post](./post.md)** — the authored content card (channel header, title + body, optional thumbnail / poll / offer / citation / mention, engagement footer); **[Ad](./ad.md)** — the sponsored placement (brand row, optional title + body, a hero + CTA slab, no engagement row).
 
 Editorial collections of popular posts ride alongside Feed cards via the [Section · Post Carousel](../carousel/post.md) sub of the [Carousel](../carousel/carousel.md) family — that pair owns the curated-collection placement, not Feed itself.

package/agents/components/feed/post.md

@@ -1,5 +1,7 @@
 # Post
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/feed/post.md`](../../../i18n/ko/schema/components/feed/post.md)
+
 Sub-component of the [Feed](./feed.md) family. The authored-content card — the unit of a scrolling feed. Composes a flag, author row, body block (title + clamped excerpt + optional thumbnail), optional inline modules (poll, offer, citation, mention), and an engagement footer.
 
 **Reach for this when** rendering a single user-authored entry — text post, poll, offer evaluation, link share. **Skip when** the placement is sponsored ([Feed · Ad](./ad.md)) or the row is a metric summary rather than authored content.

package/agents/components/form-field/form-field.md

@@ -1,6 +1,8 @@
 # Form field
 
-The text-entry primitives — controls the user types into or picks a value from. **Input** is single-line text; **Search Bar** is its search-shaped sibling; **Select** is the Input-shaped picker that opens a sheet. Cross-family contract: bordered surface-toned container, hairline rest stroke that thickens while active, `error` appearance re-tones the whole field.
+> 🇰🇷 한국어: [`i18n/ko/schema/components/form-field/form-field.md`](../../../i18n/ko/schema/components/form-field/form-field.md)
+
+The text-entry primitives — controls the user types into or picks a value from. **Input** is single-line text; **Search Bar** is its search-shaped sibling; **Select** is the Input-shaped picker that opens a sheet. Cross-family contract: bordered surface-toned container, hairline rest stroke that thickens while active, `error` appearance re-tones the whole field. The trailing clear ("×") is an independent nested action — while the pointer hovers / presses it, the field's own hover stroke and pressed overlay are suppressed so the large field never reads as pressed alongside the small control. (The Select chevron is exempt: it fires the same action as clicking the field, so it lights the field.)
 
 **Layout inset.** `inline` — slot atom. No page-rail responsibility; the surrounding container places it. Sits inside a labelled form layout (vertical FormField stack) or another component's slot (NavigationBar centre for Search, BottomSheet body for quick-entry) — never a sibling of `full-bleed` page rows. The form column pays the page gutter, not the field.
 

package/agents/components/form-field/input.md

@@ -1,5 +1,7 @@
 # Input
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/form-field/input.md`](../../../i18n/ko/schema/components/form-field/input.md)
+
 Single-line text field — a bordered, transparent-fill box for short values. Optional `label`, `helper`, or `maxLength` compose it into a labeled group; `appearance="error"` re-tones fill, text, and stroke.
 
 **Reach for this when** capturing a short single-line value — name, email, search query, comment subject. **Skip when** the value is multi-line (use a textarea), a one-of-many selection (use a select), or a free-form search with built-in results (use the [search](./search.md) sub).

package/agents/components/form-field/input.spec.json

@@ -151,7 +151,8 @@
       "overlay": {
         "color": "text",
         "opacity": "sys.state.pressed"
-      }
+      },
+      "nestedActionScope": "The pressed overlay (and hover stroke) is suppressed while the pointer presses / hovers the trailing clear button — that '×' is an independent nested action, so the small control owns the state and the large field does not also read as pressed. The visual-state boundary matches the action boundary."
     },
     "active": {
       "overlay": null,

package/agents/components/form-field/search.md

@@ -1,5 +1,7 @@
 # Search bar
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/form-field/search.md`](../../../i18n/ko/schema/components/form-field/search.md)
+
 Search-shaped single-line field — sibling of [Input](./input.md) with a leading `SearchIcon` and `sys.radius.full` pill corner. Box, stroke, placeholder rule, clear button, and focus ring inherited from Input unchanged. **Bare box only — no `label`, `helper`, `maxLength`, or `error` appearance.** Error reporting belongs to a labelled Input.
 
 **Reach for this when** the rung is a query against an open set — directory search, post filter, command palette entry. **Skip when** the value is a labelled form field ([Input](./input.md)), the user picks from a known closed set ([Select](./select.md)), or the surface needs error reporting (a bare search rung has nowhere to host it — use a labelled [Input](./input.md)).

package/agents/components/form-field/search.spec.json

@@ -92,7 +92,8 @@
       "overlay": {
         "color": "text",
         "opacity": "sys.state.pressed"
-      }
+      },
+      "nestedActionScope": "The pressed overlay (and hover stroke) is suppressed while the pointer presses / hovers the trailing clear button — that '×' is an independent nested action, so the small control owns the state and the large field does not also read as pressed. The visual-state boundary matches the action boundary."
     },
     "active": {
       "overlay": null,

package/agents/components/form-field/select.md

@@ -1,5 +1,7 @@
 # Select
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/form-field/select.md`](../../../i18n/ko/schema/components/form-field/select.md)
+
 Input-shaped picker — same box, label, helper, and error re-tone as [Input](./input.md), but read-only and ending in an `ArrowDownIcon` chevron. Clicking opens a Bottom Sheet with the option list; chosen value is echoed back through `value`.
 
 **Reach for this when** the user picks one value from a known set that's too long for inline chips — country, currency, sort order, equity tier. **Skip when** the value is free text ([Input](./input.md)), the user searches an open set ([Search bar](./search.md)), or the list is short enough to surface inline as a [Radio list](../list/radio.md).

package/agents/components/form-field/textarea.md

@@ -1,5 +1,7 @@
 # Textarea
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/form-field/textarea.md`](../../../i18n/ko/schema/components/form-field/textarea.md)
+
 Multi-line cousin of [input](./input.md) — identical chrome contract (transparent fill, inset box-shadow stroke, optional `label` / `helper` / `maxLength` group rungs); the inner element is a `<textarea>` with configurable `rows` (default 4) and vertical-only resize.
 
 **Reach for this when** the value naturally spans multiple lines: compose surfaces, bug reports, profile bios, comment composers. **Skip when** the value is single-line ([input](./input.md)), needs a leading magnifier glyph ([search](./search.md)), or opens a sheet-driven option list ([select](./select.md)).

package/agents/components/form-field/textarea.spec.json

@@ -133,7 +133,8 @@
     "hovered": { "overlay": null, "border": "borderHover" },
     "pressed": {
       "border": "borderHover",
-      "overlay": { "color": "text", "opacity": "sys.state.pressed" }
+      "overlay": { "color": "text", "opacity": "sys.state.pressed" },
+      "nestedActionScope": "The pressed overlay (and hover stroke) is suppressed while the pointer presses / hovers the trailing clear button — that '×' is an independent nested action, so the small control owns the state and the large field does not also read as pressed. The visual-state boundary matches the action boundary."
     },
     "active": {
       "overlay": null,

package/agents/components/header/header.md

@@ -1,5 +1,7 @@
 # Header
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/header/header.md`](../../../i18n/ko/schema/components/header/header.md)
+
 The labelled header that names a region and exposes its one highest-priority affordance. Two members share this contract and split on a **tone/weight axis**: **[Main](./main.md)** (`<Header>`) — the louder `onSurface` section heading at 16 / 20 that owns the See-all action, the icon drill-in, and the sort/filter dropdown — and **[Sub](./sub.md)** (`<SubHeader>`) — the quieter muted `onSurfaceVariant` group label at 14 that names the rows beneath it and carries at most a single Text Button action.
 
 **Layout inset.** `full-bleed` — both members have a transparent background and own their `container.md` (16) inline rail, so the label lands on the same rail as the List rows / Feed items it heads with no host help. Drop the header directly above the labelled region as a sibling; do **not** wrap it in a `padding-inline` / `px-*` / `style={{ padding }}` div, and do not pay the rail again on the host. A bundling host (Carousel, DirectoryList, NavList, SideSheet column) stays full-bleed and absorbs only the header's block padding into its stack rhythm. See [`AGENTS.md` § Composition rules](../../../AGENTS.md#composition-rules).

package/agents/components/header/main.md

@@ -1,5 +1,7 @@
 # Main
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/header/main.md`](../../../i18n/ko/schema/components/header/main.md)
+
 The louder member of the [Header](./header.md) family — a labelled `onSurface` heading + an optional trailing affordance, reached as `<Header>`. The composable header anatomy reused across [Carousel](../carousel/carousel.md), in-sheet sub-sections, bounded cards, [SideSheet](../side-sheet/side-sheet.md) drawer columns, and any host that needs a leading title + one trailing commit.
 
 **Reach for this when** a labelled block needs an `onSurface` heading and at most one trailing commit (See-all link, drill-in chevron, or sort dropdown). **Skip when** the block needs only a quiet muted group label — that is the family's [Sub](./sub.md) (`<SubHeader>`); when the block has multiple actions; the trailing affordance is a destructive commit; or the surrounding host already owns a heading at the same rung.

package/agents/components/header/sub.md

@@ -1,5 +1,7 @@
 # Sub
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/header/sub.md`](../../../i18n/ko/schema/components/header/sub.md)
+
 Quiet section-dividing label — a 14px (`sys.typo.label.md`, 14 / Semibold) line in the muted `sys.color.onSurfaceVariant` tone that names the group of rows beneath it ("Following", "More Topics to follow"). The muted tone is the dividing device: it reads as a region label rather than a heading that competes with the page title, while the label-weight typo keeps it from dissolving into body copy. Rendered as a semantic `<h3>` by default so screen-reader heading navigation lands on the group label.
 
 It may carry one quiet trailing affordance — a single [Text Button](../button/text.md) `action` ("See all", "Edit", "Manage") — for a region-level commit that stays subordinate to the muted label. Icon drill-in and dropdown disclosure are *not* SubHeader's: those belong on [Main](./main.md), whose louder `onSurface` heading earns the heavier affordance set.

package/agents/components/list/accordion.md

@@ -1,5 +1,7 @@
 # Accordion
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/list/accordion.md`](../../../i18n/ko/schema/components/list/accordion.md)
+
 Expandable-row List sub. Each item exposes a List-row trigger (label + auto-rendered trailing chevron that rotates `180°` on expand) and a body that paints below it when open. Rows tile flush with the family hairline `outlineVariant` divider between them; an extra rule paints between the open trigger and its child row group.
 
 **Reach for this when** a list of titled sections is too long to keep open at once — FAQs, T&C sections, expandable filter groups, settings groups with infrequent edits, hierarchical menus (companies → channels, regions → cities). **Skip when** bodies are short enough to read inline (use [Carousel](../carousel/carousel.md) per group), the user needs to act on labels (use a [List/standard](./standard.md) drill-in row or [List/radio](./radio.md)), or every item should be visible at once (stack [Carousel](../carousel/carousel.md)s).

package/agents/components/list/entry.md

@@ -1,5 +1,7 @@
 # Entry
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/list/entry.md`](../../../i18n/ko/schema/components/list/entry.md)
+
 Directory-entry [List](./list.md) sub — an entity row pairing an optional leading [Thumbnail](../thumbnail/thumbnail.md) avatar with an identity group (label, optional inline `count` Badge, optional `secondary` line and `description`). Same click semantics as the [Standard sub](./standard.md); geometry, state overlays, and inward focus ring delegate to the [family-wide rules](./list.md). Slots and Anatomy below carry the rung and slot detail.
 
 **Reach for this when** rendering an entity-row directory — follow suggestion, member directory, subscription / channel / topic / playlist directory, mention / recipient picker, entity search result — or, with `thumbnail` omitted, label-only nav rows (settings menu, category index). **Skip when** you need a Feed-specific attribution cluster (use [Metadata](../metadata/metadata.md) for Post / Ad card heads).

package/agents/components/list/entry.spec.json

@@ -194,6 +194,7 @@
         "opacity": "sys.state.pressed"
       }
     },
+    "nestedActionScope": "The hover / pressed overlay is suppressed while the pointer sits on the independent trailing action (a favorite / follow / overflow control). The small control owns the state; the large row does NOT also read as hovered / pressed. The visual-state boundary matches the event boundary (the trailing action already stops propagation).",
     "disabled": {
       "containerOpacity": "sys.state.disabled",
       "containerOpacityScope": "Dims the row content only — the inter-row divider and the focus overlay keep full opacity, so a disabled row never fades the hairline rule between it and the next row.",
@@ -224,7 +225,7 @@
     "rowClickTarget": "Whole row is clickable when an `onClick` is bound to the item. The thumbnail is never a separate hit target.",
     "identityGroupFlush": "Label and inline count tile flush on the primary line with `sys.layout.inline.sm` (4) horizontal separation and no vertical gap — they read as one tight identity block.",
     "descriptionSingleLine": "Description always renders on a single line and truncates with ellipsis. The row never grows to fit longer description copy — overflow truncates against the trailing slot if present.",
-    "trailingSlotIndependent": "Clicks inside `trailingIcon` stop propagating before they reach the row's `onClick`. Wire a favorite / follow / overflow action there without it committing the row's primary action."
+    "trailingSlotIndependent": "Clicks inside `trailingIcon` stop propagating before they reach the row's `onClick`. Wire a favorite / follow / overflow action there without it committing the row's primary action. The slot is also visually independent: while the pointer hovers / presses it, the row's own hover / pressed overlay is suppressed so the large row never reads as active alongside the small control."
   },
   "forbidden": [
     "thumbnail rendered as a raw <img> outside the chorus-thumbnail slot wrapper",

package/agents/components/list/list.md

@@ -1,5 +1,7 @@
 # List
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/list/list.md`](../../../i18n/ko/schema/components/list/list.md)
+
 A vertically-stacked sequence of rows for menus, settings panels, picker sheets, inline option groups, directory entries, and expandable hierarchies. Four sub-components share one anatomy and diverge on the leading slot, the selection contract, and the expand contract.
 
 **Reach for this when** the rows are same-kind chrome — settings entries, menu options, single-select picker rows, drill-in navigation, directory rows, expandable section headers. **Skip when** the rows are authored content with author + body + footer (use [Feed](../feed/feed.md)) or a horizontal collection of curated cards (use [Carousel](../carousel/carousel.md)). Pick the sub by the trailing affordance and the leading slot: display / navigation rows → [Standard](./standard.md) (no `thumbnail` for text-only; pass `thumbnail` for the 40px avatar-leading image type, label + optional `supportingText`); single-select radio → [Radio](./radio.md); 32 / 40 / 48 avatar leading with identity-group (label + inline `count`) + optional single-line description → [Entry](./entry.md); drill-in chevron → any [Standard](./standard.md) / [Radio](./radio.md) row with `nav: true`; expand chevron that rotates on click → [Accordion](./accordion.md).
@@ -12,7 +14,7 @@ A vertically-stacked sequence of rows for menus, settings panels, picker sheets,
 - **Row geometry.** 8px block / 16px inline padding (`layout.container.xs` / `layout.container.md`); min-height 48px. Row spacing is **role-based**, not a single flex gap: the **text group → trailing action** gap is a fixed `layout.inline.md` (8px) in every sub, while the **leading → text group** gap depends on the leading *type* — `layout.inline.md` (8px) for an icon leading (Radio's indicator), `layout.inline.lg` (12px) for an image leading (a Standard row's `thumbnail` image type / Entry Thumbnail). A label-only Entry row (no `thumbnail`) drops the leading gap to 0. Row grows when `supportingText` is present.
 - **Label column.** Label: 16px / Regular / `onSurface` (sub-list rows compressed inside an accordion render at 14px / Regular — see [accordion.md](./accordion.md) § Nested list; Entry rows promote the label to 14px / Semibold so the inline `count` reads as part of the identity group). SupportingText: 14px / Regular / `onSurfaceVariant`, sits directly under the label with no extra gap — the two lines stack on the label-column's intrinsic line-box rhythm. The Entry sub replaces the second line with a single-line `description` (12px / Regular / `onSurfaceVariant`, separated from the identity group by `ref.space.25` (2) — see [entry.md](./entry.md)). All secondary lines truncate with ellipsis.
 - **Strong-label opt-in.** Pass `strong={true}` on a row (`<Accordion.Item strong>` on the accordion sub) to promote the label's weight from Regular (`body.*-weight`, 400) to Semibold (`label.*-weight`, 600) at the same size and line-height — `body.md → label.lg` at the 16 rung, `body.sm → label.md` at the 14 rung. The row's geometry (height, dividers, slot positions) is unchanged; only the label glyphs gain stroke weight. Reach for it when one row needs to read as the primary entry within a denser scan — the active company in a directory, the canonical answer in an FAQ, the user's own row in a member list. Use sparingly — a stack where every row is strong reads as the default again, defeating the marker.
-- **States.** `selected` exists only on Radio. The whole row is the interactive surface.
+- **States.** `selected` exists only on Radio. The whole row is the interactive surface — except where a trailing slot carries an *independent action* (a Follow / mute / favorite button, an overflow control). That action is a nested touch target: it stops click / key propagation so it never commits the row, and while the pointer hovers / presses it the row's own hover / pressed overlay is **suppressed** so the large row never reads as active alongside the small control. The decorative `nav: true` chevron is exempt — it is the row's drill-in affordance, so hovering it still lights the whole row.
 - **Focus indicator.** Composition: Inward (see [Focus ring composition](../../DESIGN.md#focus-ring-composition)) — inset shadows entirely inside the row's box. Trigger: `:focus-visible`.
 - **Accessibility.** Every non-Radio sub (Standard / Entry / Accordion) exposes `role="list"`; Radio exposes `role="radiogroup"` with each row `role="radio"` + `aria-checked`. A `nav: true` row's trailing chevron is decorative (`aria-hidden`) — the whole row stays the single interactive target. Keyboard navigation (Arrow ↑/↓, Home/End) is handled by the container; Radio also commits on Space / Enter.
 

package/agents/components/list/radio.md

@@ -1,5 +1,7 @@
 # Radio
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/list/radio.md`](../../../i18n/ko/schema/components/list/radio.md)
+
 Single-select picker List sub-component. Each row carries a leading 24px (`sys.icon.lg`) radio indicator; clicking commits that row's value via `onChange(value)`. Exactly one row is selected at a time. Row geometry, typography, divider, state overlays, and inward focus ring all delegate to the [family-wide rules](./list.md); this sub documents the Radio-specific leading indicator and selection contract.
 
 **Reach for this when** the user picks exactly one value from a short, fully-visible set — sort order, range filter, equity tier. **Skip when** multiple values may be selected (use [`Chip variant="filter"`](../chip/filter.md) or [`Button variant="check"`](../button/check.md)), the set is long enough to demand a sheet-driven picker ([Select](../form-field/select.md)), or the row *only* navigates without selecting (use a [Standard](./standard.md) row with `nav: true`). When a value both selects *and* opens a deeper screen — a major category — keep Radio and add `nav: true` (see [Major category with a second screen](#major-category-with-a-second-screen)).

package/agents/components/list/standard.md

@@ -1,5 +1,7 @@
 # Standard
 
+> 🇰🇷 한국어: [`i18n/ko/schema/components/list/standard.md`](../../../i18n/ko/schema/components/list/standard.md)
+
 The default [List](./list.md) sub — display or navigation rows over the shared List anatomy. The whole row is the click target; there is no selection model. A row is text-only by default, opting into a **leading image** (40px [Thumbnail](../thumbnail/thumbnail.md) via `thumbnail`) or a **leading icon** (`sys.icon.lg` glyph via `icon`). Geometry, typography, divider, state overlays, and inward focus ring delegate to the [family-wide rules](./list.md).
 
 **Layout inset.** `full-bleed` — sits as a direct child of the page shell. Each row pays its own `16px inline / 8px block` padding via `layout.container.*`; do **not** wrap the list in another `padding-inline` / `px-*` / `style={{ padding: … }}` div. Inside a bounded surface (Card / Dialog / BottomSheet / Sheet), apply the negative-margin opt-out — see [`AGENTS.md` § Composition rules](../../../AGENTS.md#composition-rules).

package/agents/components/list/standard.spec.json

@@ -179,6 +179,7 @@
         "opacity": "sys.state.pressed"
       }
     },
+    "nestedActionScope": "The hover / pressed overlay is suppressed while the pointer sits on an independent trailing action (a `trailingIcon` button — favorite / mute / Follow). The small control owns the state; the large row does NOT also read as hovered / pressed. The decorative nav chevron is exempt — it is the row's own drill-in affordance, so hovering it still lights the whole row. The visual-state boundary matches the event boundary (the trailing action already stops propagation).",
     "disabled": {
       "containerOpacity": "sys.state.disabled",
       "containerOpacityScope": "Dims the row content only — the inter-row divider and the focus overlay keep full opacity, so a disabled row never fades the hairline rule between it and the next row.",
@@ -208,7 +209,7 @@
     "keyboardNavigation": "Arrow up/down moves focus between rows. Home and End jump to first / last.",
     "rowClickTarget": "Whole row is clickable when an `onClick` is bound to the item. A leading thumbnail is never a separate hit target.",
     "navDrillIn": "A row with `nav: true` renders the trailing chevron and routes the user to another surface on click (consumer wires `onClick`). The chevron is decorative — the whole row is the single click target, never the chevron alone.",
-    "trailingHitTarget": "Clicks inside `trailingIcon` stop propagating before they reach the row — wire a favorite / mute / pin toggle or a Follow button there without it committing the row's primary action.",
+    "trailingHitTarget": "Clicks inside `trailingIcon` stop propagating before they reach the row — wire a favorite / mute / pin toggle or a Follow button there without it committing the row's primary action. The slot is a separate hit target visually too: while the pointer hovers / presses it, the row's own hover / pressed overlay is suppressed so the large row never reads as active alongside the small control (the decorative nav chevron is exempt — it lights the row).",
     "truncationNotWrap": "Both label and supportingText truncate; the row never grows to fit long text."
   },
   "forbidden": [

package/agents/components/metadata/compact.md

@@ -1,14 +1,16 @@
 # Compact
 
-One-line author attribution for comment and reply rows. The [Standard](./standard.md) head with its primary line (avatar + entity name + timestamp + follow) omitted — only the secondary meta-link row renders, with the posting time relocated to the line's trailing edge: company name · nickname (optional role badge) · timestamp.
+> 🇰🇷 한국어: [`i18n/ko/schema/components/metadata/compact.md`](../../../i18n/ko/schema/components/metadata/compact.md)
 
-**Reach for this when** attributing a comment or reply where the vertical budget is a single text line and the author identity is company + nickname. **Skip when** composing the head of a Feed Post or Feed Ad — the avatar + two-line cluster (use [Standard](./standard.md)) — or when the row is a generic entity directory entry with a trailing commit (use [list/entry](../list/entry.md)).
+One-line channel-detail attribution. The slimmed [Standard](./standard.md) head — it keeps the leading 32-rung avatar but drops the primary name line, follow toggle, and subtitle (the info that is unnecessary once the channel context is established). A leading avatar plus the meta-link row, with the posting time relocated to the line's trailing edge: avatar, then company name · nickname (optional role badge), then the timestamp — the timestamp carries no leading middot, separated from the identity cluster by an 8px gap so it reads as a distinct trailing element.
 
-**Layout inset.** `inline` — Compact ships no padding of its own. Sits inside whichever comment / reply row composes it; the host pays surrounding rhythm, divider, and tap target.
+**Reach for this when** a single text line is the budget and the channel context is already on screen — channel-detail attribution, comment / reply rows. **Skip when** composing the head of a Feed Post or Feed Ad — the avatar + two-line cluster (use [Standard](./standard.md)) — or when the row is a generic entity directory entry with a trailing commit (use [list/entry](../list/entry.md)).
+
+**Layout inset.** `inline` — Compact ships no padding of its own. Sits inside whichever host row composes it; the host pays surrounding rhythm, divider, and tap target.
 
 ## Default
 
-The canonical fill — company name and nickname as independent links, plain timestamp last. Each middot keeps the family's `line-height: 1` rule so the dot never inflates the text line.
+The canonical fill — a leading 32-rung avatar, company name and nickname as independent links, plain timestamp last. Each middot keeps the family's `line-height: 1` rule so the dot never inflates the text line.
 
 ```preview
 metadata/compact/default
@@ -17,6 +19,7 @@ import { Metadata } from '@teamblind-chorus/ui';
 
 <Metadata
   variant="compact"
+  avatar={{ src: '/bread-avatar.png', alt: 'Maple Mill Bakery' }}
   meta={['Maple Mill Bakery', 'ryestarter']}
   timestamp="35m"
 />
@@ -35,6 +38,7 @@ import { Metadata, Badge } from '@teamblind-chorus/ui';
 
 <Metadata
   variant="compact"
+  avatar={{ src: '/bread-avatar.png', alt: 'Maple Mill Bakery' }}
   meta={[
     'Maple Mill Bakery',
     { label: 'ryestarter', href: '#', badge: <Badge variant="role">Verified</Badge> },
@@ -45,7 +49,8 @@ import { Metadata, Badge } from '@teamblind-chorus/ui';
 
 ## Slots
 
-- **container** — outer row hosting the single text line. `min-width: 0` so the line truncates inside a flexed comment row.
+- **avatar** *(optional)* — leading [Thumbnail](../thumbnail/thumbnail.md) at `size={32}`, identical to the Standard head. Vertically centered against the one-line meta cluster.
+- **container** — outer flex row (`align-items: center`) hosting the avatar and the single text line. `min-width: 0` so the line truncates inside a flexed host row.
 - **meta** — identity link row: company name then nickname, each its own `<a>`; siblings separate by middot; never wraps. An object item may carry `badge` — one presentational mark after the link, outside the `<a>`.
 - **timestamp** — trailing plain-text posting time after the last middot. Never a link.
 
@@ -53,6 +58,7 @@ import { Metadata, Badge } from '@teamblind-chorus/ui';
 
 | Slot          | Token bindings |
 |---------------|----------------|
+| avatar        | [Thumbnail](../thumbnail/thumbnail.md) `size={32}` |
 | meta          | `sys.typo.label.sm` / `sys.color.onSurfaceVariant`, links inherit; underline on hover |
 | timestamp     | `sys.typo.label.sm` / `sys.color.outline` |
 | dot separator | `·` glyph, `color: sys.color.outline`, **`line-height: 1`** so its line-box equals its font-size — never inflates the text line |
@@ -63,7 +69,7 @@ Compact Metadata itself has no lifecycle state. Each identity link carries its o
 
 ## Behavior
 
-- **Dot height constrained.** Every middot separator (between identity items and before the timestamp) uses `line-height: 1` so its line-box matches its font-size — same family-wide rule as the standard head.
+- **Dot height constrained.** Every middot separator (between identity items) uses `line-height: 1` so its line-box matches its font-size — same family-wide rule as the standard head. The timestamp carries no leading middot — it is separated from the identity cluster by an 8px (`inline.md`) gap.
 - **Independent affordances.** Identity items are independent `<a>` links — taps land on the link, not the host row. The timestamp is plain text and never intercepts the row's own tap target.
 - **Single line.** The cluster never wraps. When the host row is narrower than the cluster, the identity links truncate; the timestamp keeps its full width.
-- **Time last.** The canonical order is company · nickname · timestamp — the posting time always closes the line.
+- **Time last.** The canonical order is company · nickname, then the timestamp (no leading middot) — the posting time always closes the line.