@botiverse/raft-ui 0.9.1 → 0.9.3

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [0.9.3](https://github.com/botiverse/raft-design/compare/v0.9.2...v0.9.3) (2026-10-20)
+
+### Fixed
+
+- Message reference chips sit on the sentence's baseline. Chips with a leading icon (task, joint channel, thread, link) sat 3px high and text-only chips like `#general` 1px high, which also pushed lines apart (26px instead of 24px). Height, colors and padding are unchanged. ([#583](https://github.com/botiverse/raft-design/pull/583))
+- `InlineCode` in a message centres its letters in the fill (they sat about 0.6px low). ([#583](https://github.com/botiverse/raft-design/pull/583))
+
+## [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

@@ -6473,7 +6473,7 @@ const inlineCode = tv({
 			"inline border-0 px-1 align-baseline",
 			"[font-size:0.875em] leading-[1.3em] font-normal",
 			"wrap-anywhere",
-			"rounded-sticker bg-fill-muted py-px text-foreground"
+			"rounded-sticker bg-fill-muted pt-[calc(1px-0.0275em)] pb-[calc(1px+0.0275em)] text-foreground"
 		] }
 	} },
 	defaultVariants: { appearance: "default" }
@@ -7352,7 +7352,7 @@ function MessageReactionTooltipMeta({ className, render, ...props }) {
 //#endregion
 //#region src/components/message-item/message-reference.recipe.ts
 const chip = (fill) => [
-	"h-[22px] items-center gap-0.5 rounded-sticker px-1.5 has-[>svg]:pl-[3px] align-[1px]",
+	"items-baseline gap-0.5 rounded-sticker px-1.5 py-px has-[>svg]:pl-[3px]",
 	"[font-size:0.875em] leading-5 font-semibold",
 	"[&_svg]:size-3.5 [&_svg]:text-foreground-muted",
 	fill
@@ -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.3",
   "description": "React components and CSS foundations for the Raft Design System.",
   "keywords": [
     "agent-skills",