@botiverse/raft-ui 0.9.1 → 0.9.2

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [0.9.2](https://github.com/botiverse/raft-design/compare/v0.9.1...v0.9.2) (2026-10-19)
+
+### Fixed
+
+- On an `InboxItem` card row, `InboxItemTrailing` (the timestamp, and on a touch screen the room for `reveal="hover"` actions) takes width only beside the first two content lines; the body, message and chips below run the full width. Before, every line was narrowed, so phone cards wrapped more and grew taller. Compact rows and rows without a trailing column are unchanged. ([#586](https://github.com/botiverse/raft-design/pull/586))
+
 ## [0.9.1](https://github.com/botiverse/raft-design/compare/v0.9.0...v0.9.1) (2026-10-19)
 
 ### Added

package/dist/index.mjs

@@ -15914,23 +15914,34 @@ const inboxItem = tv({
 			"hover:bg-fill-pressed",
 			"data-[active=true]:bg-info-soft data-[active=true]:hover:bg-info-soft",
 			"data-disabled:pointer-events-none data-disabled:hover:bg-transparent",
-			"has-[[data-slot=inbox-item-open]:focus-visible]:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:inset-ring-foreground"
+			"has-[[data-slot=inbox-item-open]:focus-visible]:inset-ring-2 has-[[data-slot=inbox-item-open]:focus-visible]:inset-ring-foreground",
+			"not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-display:grid] not-data-[density=compact]:has-data-[slot=inbox-item-trailing]:[--inbox-item-content-end:-1]"
 		],
 		itemTrigger: ["absolute inset-0 z-0 outline-none"],
 		itemLeading: ["pointer-events-none relative z-10 flex size-9 shrink-0 items-center justify-center"],
 		itemSelection: ["relative z-10 mt-0.5 flex size-4 shrink-0 items-center justify-center"],
-		itemContent: ["pointer-events-none relative z-10 min-w-0 flex-1 text-left"],
+		itemContent: [
+			"pointer-events-none relative z-10 min-w-0 flex-1 text-left",
+			"-col-start-3 col-end-(--inbox-item-content-end) row-start-1",
+			"[display:var(--inbox-item-content-display,block)] grid-cols-subgrid"
+		],
 		itemContext: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
 			"flex min-w-0 items-center",
 			"mb-0.5 gap-1.5 py-0",
 			"text-caption text-foreground-hint"
 		],
 		itemSubtitle: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
 			"min-w-0",
 			"mt-0.5 mb-0 py-0",
 			"text-caption text-foreground-hint"
 		],
-		itemHeading: ["flex min-w-0 items-start gap-2", "mb-0"],
+		itemHeading: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"flex min-w-0 items-start gap-2",
+			"mb-0"
+		],
 		itemTitle: [
 			"relative line-clamp-2 min-w-0 flex-1 pl-[18px]",
 			"[&>svg]:absolute [&>svg]:top-[3px] [&>svg]:left-0 [&>svg]:size-3.5",
@@ -15939,7 +15950,7 @@ const inboxItem = tv({
 			"[&>svg]:text-foreground-hint"
 		],
 		itemTrailing: [
-			"pointer-events-none relative z-10",
+			"pointer-events-none relative z-10 col-[-2/-1] row-start-1",
 			"flex shrink-0",
 			"mt-0 flex-col items-end gap-2 pt-px",
 			"max-md:flex-col max-md:items-end max-md:gap-2",
@@ -15957,10 +15968,22 @@ const inboxItem = tv({
 		itemMarks: ["flex h-5 shrink-0 items-center justify-end gap-1.5", "text-foreground-hint"],
 		itemHoverTarget: ["pointer-events-auto"],
 		itemTimestamp: ["shrink-0 whitespace-nowrap text-right tabular-nums", "font-mono text-mono-meta text-foreground-hint"],
-		itemBody: ["line-clamp-2", "mt-0.5 text-callout text-foreground-muted"],
-		itemMessage: ["min-w-0", "mt-0.5 line-clamp-2 text-callout text-foreground-muted"],
+		itemBody: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"line-clamp-2",
+			"mt-0.5 text-callout text-foreground-muted"
+		],
+		itemMessage: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"min-w-0",
+			"mt-0.5 line-clamp-2 text-callout text-foreground-muted"
+		],
 		itemSender: ["font-semibold text-foreground"],
-		itemMetadata: ["flex min-h-5 flex-wrap items-center gap-1.5", "mt-2"],
+		itemMetadata: [
+			"col-span-full nth-[-n+2]:col-[1/2]",
+			"flex min-h-5 flex-wrap items-center gap-1.5",
+			"mt-2"
+		],
 		itemActions: [
 			"pointer-events-auto flex shrink-0 items-center",
 			"order-last gap-0.5",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botiverse/raft-ui",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",