@nurix/ui-component-library 1.1.4-stage.113 → 1.1.4-stage.114

package/dist/index.js

@@ -15591,8 +15591,9 @@ var CHAT_BUBBLE_TOKENS = {
     bubbleFocused: "bg-token-white",
     // 16px avatar — by default a brand-primary circle.
     avatar: "shrink-0 size-4 rounded-full bg-token-brand-primary overflow-hidden",
-    // Timestamp row — right-aligned under the bubble, with a 20px gutter.
-    timestampRow: "flex items-center justify-end pr-5"
+    // Timestamp row — timestamp first, then trailing (e.g. tool-call badge);
+    // 8px gap between them, 20px right gutter. Figma: 3575:10751.
+    timestampRow: "flex items-center justify-end gap-2 pr-5"
   },
   user: {
     // Row: avatar first, then text (no bubble).
@@ -15601,7 +15602,7 @@ var CHAT_BUBBLE_TOKENS = {
     avatar: "shrink-0 size-4 rounded-full bg-token-grey flex items-center justify-center text-fg-grey-secondary [&>svg]:size-3",
     // Message text — per Figma: 14px regular, grey-secondary.
     text: "flex-1 min-w-0 text-sm font-normal leading-5 text-fg-grey-secondary break-words",
-    timestampRow: "flex items-center pl-5"
+    timestampRow: "flex items-center gap-2 pl-5"
   },
   timestamp: "text-xs font-normal leading-4 tracking-normal text-fg-grey-secondary whitespace-nowrap transition-opacity",
   timestampHidden: "opacity-0 group-hover:opacity-100"
@@ -15655,18 +15656,17 @@ var ChatBubbleAgent = React42.forwardRef(
             ) })
           ] }),
           (timestamp || trailing) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: CHAT_BUBBLE_TOKENS.agent.timestampRow, children: [
-            trailing,
             timestamp && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "span",
               {
                 className: cn(
                   CHAT_BUBBLE_TOKENS.timestamp,
-                  trailing && "ml-2",
                   !alwaysShowTimestamp && !focused && CHAT_BUBBLE_TOKENS.timestampHidden
                 ),
                 children: timestamp
               }
-            )
+            ),
+            trailing
           ] })
         ]
       }
@@ -15702,18 +15702,17 @@ var ChatBubbleUser = React42.forwardRef(
             /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: CHAT_BUBBLE_TOKENS.user.text, children: message })
           ] }),
           (timestamp || trailing) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: CHAT_BUBBLE_TOKENS.user.timestampRow, children: [
-            trailing,
             timestamp && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "span",
               {
                 className: cn(
                   CHAT_BUBBLE_TOKENS.timestamp,
-                  trailing && "ml-2",
                   !alwaysShowTimestamp && !focused && CHAT_BUBBLE_TOKENS.timestampHidden
                 ),
                 children: timestamp
               }
-            )
+            ),
+            trailing
           ] })
         ]
       }

package/dist/index.mjs

@@ -15504,8 +15504,9 @@ var CHAT_BUBBLE_TOKENS = {
     bubbleFocused: "bg-token-white",
     // 16px avatar — by default a brand-primary circle.
     avatar: "shrink-0 size-4 rounded-full bg-token-brand-primary overflow-hidden",
-    // Timestamp row — right-aligned under the bubble, with a 20px gutter.
-    timestampRow: "flex items-center justify-end pr-5"
+    // Timestamp row — timestamp first, then trailing (e.g. tool-call badge);
+    // 8px gap between them, 20px right gutter. Figma: 3575:10751.
+    timestampRow: "flex items-center justify-end gap-2 pr-5"
   },
   user: {
     // Row: avatar first, then text (no bubble).
@@ -15514,7 +15515,7 @@ var CHAT_BUBBLE_TOKENS = {
     avatar: "shrink-0 size-4 rounded-full bg-token-grey flex items-center justify-center text-fg-grey-secondary [&>svg]:size-3",
     // Message text — per Figma: 14px regular, grey-secondary.
     text: "flex-1 min-w-0 text-sm font-normal leading-5 text-fg-grey-secondary break-words",
-    timestampRow: "flex items-center pl-5"
+    timestampRow: "flex items-center gap-2 pl-5"
   },
   timestamp: "text-xs font-normal leading-4 tracking-normal text-fg-grey-secondary whitespace-nowrap transition-opacity",
   timestampHidden: "opacity-0 group-hover:opacity-100"
@@ -15568,18 +15569,17 @@ var ChatBubbleAgent = React42.forwardRef(
             ) })
           ] }),
           (timestamp || trailing) && /* @__PURE__ */ jsxs29("div", { className: CHAT_BUBBLE_TOKENS.agent.timestampRow, children: [
-            trailing,
             timestamp && /* @__PURE__ */ jsx38(
               "span",
               {
                 className: cn(
                   CHAT_BUBBLE_TOKENS.timestamp,
-                  trailing && "ml-2",
                   !alwaysShowTimestamp && !focused && CHAT_BUBBLE_TOKENS.timestampHidden
                 ),
                 children: timestamp
               }
-            )
+            ),
+            trailing
           ] })
         ]
       }
@@ -15615,18 +15615,17 @@ var ChatBubbleUser = React42.forwardRef(
             /* @__PURE__ */ jsx38("div", { className: CHAT_BUBBLE_TOKENS.user.text, children: message })
           ] }),
           (timestamp || trailing) && /* @__PURE__ */ jsxs29("div", { className: CHAT_BUBBLE_TOKENS.user.timestampRow, children: [
-            trailing,
             timestamp && /* @__PURE__ */ jsx38(
               "span",
               {
                 className: cn(
                   CHAT_BUBBLE_TOKENS.timestamp,
-                  trailing && "ml-2",
                   !alwaysShowTimestamp && !focused && CHAT_BUBBLE_TOKENS.timestampHidden
                 ),
                 children: timestamp
               }
-            )
+            ),
+            trailing
           ] })
         ]
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurix/ui-component-library",
-  "version": "1.1.4-stage.113",
+  "version": "1.1.4-stage.114",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",