@tangle-network/ui 11.32.1 → 11.32.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @tangle-network/ui
 
+## 11.32.2
+
+### Patch Changes
+
+- 07e7a78: tangle-drift ignores CSS comments when counting header_height_literal and transcript_type_override, and no longer counts a step-progress bar (`.steps-bar`) as a header row. UI's RunGroup sets its Markdown with the shared TRANSCRIPT_TEXT instead of a fixed 15px / leading-7, so a run reads at the transcript scale.
+
 ## 11.32.1
 
 ### Patch Changes

package/dist/index.js

@@ -77,8 +77,8 @@ import { InlineThinkingItem } from "./run/inline-thinking-item.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES } from "./openui/schema-data.js";
 import { findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui-schema.js";
 import { OpenUIArtifactRenderer } from "./openui/openui-artifact-renderer.js";
-import { RunGroup } from "./run/run-group.js";
 import { TRANSCRIPT_TEXT } from "./chat/transcript-text.js";
+import { RunGroup } from "./run/run-group.js";
 import { MessageAuthor, isViewerMessage } from "./chat/message-author.js";
 import { UserMessage } from "./chat/user-message.js";
 import { MessageList } from "./chat/message-list.js";

package/dist/run/run-group.js

@@ -5,6 +5,7 @@ import { Markdown } from "../markdown/markdown.js";
 import { InlineThinkingItem } from "./inline-thinking-item.js";
 import { SyntheticText } from "../chat/synthetic-text.js";
 import { OpenUIArtifactRenderer } from "../openui/openui-artifact-renderer.js";
+import { TRANSCRIPT_TEXT } from "../chat/transcript-text.js";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Bot, ChevronDown, ChevronRight, ClipboardList, FileEdit, FileSearch, Globe, Loader2, PencilLine, Search, Settings, Sparkles, Terminal } from "lucide-react";
@@ -254,7 +255,7 @@ const RunGroup = memo(({ run, partMap, collapsed, onToggle, branding = DEFAULT_B
 					if (part.type === "text" && !part.synthetic && part.text.trim()) return /* @__PURE__ */ jsx("div", {
 						className: "px-0.5",
 						children: /* @__PURE__ */ jsx(Markdown, {
-							className: "tangle-prose text-[15px] leading-7 text-[var(--text-primary)]",
+							className: `tangle-prose ${TRANSCRIPT_TEXT} text-[var(--text-primary)]`,
 							children: part.text
 						})
 					}, key);
@@ -364,7 +365,7 @@ const RunGroup = memo(({ run, partMap, collapsed, onToggle, branding = DEFAULT_B
 							else if (part.type === "text" && part.text.trim()) node = part.synthetic ? /* @__PURE__ */ jsx(SyntheticText, { text: part.text }) : /* @__PURE__ */ jsx("div", {
 								className: "px-1 py-0.5",
 								children: /* @__PURE__ */ jsx(Markdown, {
-									className: "tangle-prose text-[15px] leading-7",
+									className: `tangle-prose ${TRANSCRIPT_TEXT}`,
 									children: part.text
 								})
 							});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/ui",
-  "version": "11.32.1",
+  "version": "11.32.2",
   "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
   "type": "module",
   "license": "MIT",
@@ -150,7 +150,7 @@
   "peerDependencies": {
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <3.0.0",
-    "@tangle-network/brand": "^1.22.0",
+    "@tangle-network/brand": "^1.22.1",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration-caret": ">=3.7.0 <4.0.0",

package/src/run/run-group.tsx

@@ -64,6 +64,7 @@ import {
   type OpenUIAction,
   type OpenUIComponentNode,
 } from "../openui/openui-artifact-renderer";
+import { TRANSCRIPT_TEXT } from "../chat/transcript-text";
 
 // ---------------------------------------------------------------------------
 // Default branding
@@ -427,7 +428,7 @@ export const RunGroup = memo(
                 if (part.type === "text" && !part.synthetic && part.text.trim()) {
                   return (
                     <div key={key} className="px-0.5">
-                      <Markdown className="tangle-prose text-[15px] leading-7 text-[var(--text-primary)]">
+                      <Markdown className={`tangle-prose ${TRANSCRIPT_TEXT} text-[var(--text-primary)]`}>
                         {part.text}
                       </Markdown>
                     </div>
@@ -570,7 +571,7 @@ export const RunGroup = memo(
                     <SyntheticText text={part.text} />
                   ) : (
                     <div className="px-1 py-0.5">
-                      <Markdown className="tangle-prose text-[15px] leading-7">{part.text}</Markdown>
+                      <Markdown className={`tangle-prose ${TRANSCRIPT_TEXT}`}>{part.text}</Markdown>
                     </div>
                   );
                 }