@signal9/era-ui 2.11.1 → 2.11.2

package/dist/ai/conversations/conversations-item.svelte

@@ -157,14 +157,14 @@
 			onkeydown={onTitleKeydown}
 			onblur={commitRename}
 			aria-label="Rename conversation"
-			class="min-w-0 flex-1 border-b border-primary bg-transparent text-body text-bright outline-none era-text-trim"
+			class="min-w-0 flex-1 border-b border-primary bg-transparent text-body text-bright outline-none"
 		/>
 	{:else}
 		<button
 			type="button"
 			onclick={onSelect}
 			ondblclick={startEditing}
-			class="min-w-0 flex-1 cursor-pointer truncate text-left outline-none era-text-trim"
+			class="min-w-0 flex-1 cursor-pointer truncate text-left outline-none"
 		>
 			{title}
 		</button>

package/dist/ai/error-panel/error-panel.svelte

@@ -58,7 +58,7 @@
 	{:else}
 		<CircleX class="size-(--era-h-xs) shrink-0 text-destructive" aria-hidden="true" />
 	{/if}
-	<span class="min-w-0 flex-1 truncate text-fg era-text-trim">{summary}</span>
+	<span class="min-w-0 flex-1 truncate text-fg">{summary}</span>
 {/snippet}
 
 <Collapsible.Root

package/dist/ai/run-status/run-status.svelte

@@ -122,7 +122,7 @@
 	{#if latest}
 		<div
 			class={cn(
-				'truncate px-(--era-inset-md) pb-(--era-inset-sm) font-mono text-body era-text-trim',
+				'truncate px-(--era-inset-md) pb-(--era-inset-sm) font-mono text-body',
 				LOG_TONE[latest.tone]
 			)}
 		>

package/dist/ai/runtime-feed/runtime-feed-item.svelte

@@ -55,7 +55,7 @@
 	{...restProps}
 >
 	<span class="size-(--era-h-xxs) shrink-0 rounded-full bg-current" aria-hidden="true"></span>
-	<span class="min-w-0 flex-1 truncate era-text-trim">
+	<span class="min-w-0 flex-1 truncate">
 		{#if children}{@render children()}{:else}{text}{/if}
 	</span>
 	{#if label}

package/dist/ai/structured-value/structured-value.svelte

@@ -69,21 +69,21 @@
 
 {#snippet leaf(v: unknown)}
 	{#if v === null || v === undefined}
-		<span class="min-w-0 truncate text-muted era-text-trim">null</span>
+		<span class="min-w-0 truncate text-muted">null</span>
 	{:else if typeof v === 'boolean'}
-		<span class="min-w-0 truncate text-warning era-text-trim">{v ? 'true' : 'false'}</span>
+		<span class="min-w-0 truncate text-warning">{v ? 'true' : 'false'}</span>
 	{:else if typeof v === 'number'}
-		<span class="min-w-0 truncate text-fg tabular-nums era-text-trim">{v}</span>
+		<span class="min-w-0 truncate text-fg tabular-nums">{v}</span>
 	{:else if typeof v === 'string'}
-		<span class="min-w-0 truncate text-fg era-text-trim" title={v}>{v}</span>
+		<span class="min-w-0 truncate text-fg" title={v}>{v}</span>
 	{:else if Array.isArray(v)}
 		{#if v.length === 0}
-			<span class="min-w-0 truncate text-muted era-text-trim">empty</span>
+			<span class="min-w-0 truncate text-muted">empty</span>
 		{:else}
-			<span class="min-w-0 truncate text-fg era-text-trim" title={summarize(v)}>{summarize(v)}</span>
+			<span class="min-w-0 truncate text-fg" title={summarize(v)}>{summarize(v)}</span>
 		{/if}
 	{:else}
-		<span class="min-w-0 truncate text-muted era-text-trim">empty</span>
+		<span class="min-w-0 truncate text-muted">empty</span>
 	{/if}
 {/snippet}
 

package/dist/ai/tool/tool-exec.svelte

@@ -23,7 +23,7 @@
 	{#if command || failed}
 		<div class="flex min-w-0 items-center gap-(--era-gap)">
 			{#if command}
-				<code class="min-w-0 flex-1 truncate font-mono text-body text-muted era-text-trim"
+				<code class="min-w-0 flex-1 truncate font-mono text-body text-muted"
 					>{command}</code
 				>
 			{/if}

package/dist/styles/index.css

@@ -67,6 +67,13 @@
  * but is descender-blind (reads high; CSSWG #9148) — measured 4x worse here.
  * Where text-box is supported it fully determines the box, so the two
  * declarations never fight. Worst-case residual: 0.44px.
+ *
+ * NEVER put this on an element that also clips overflow (`truncate`,
+ * `overflow-hidden`, or an <input>): trim-both collapses the box to the
+ * x-height band (~7.5px at 14px), and the clip then slices off every
+ * ascender, cap, and descender — text renders as a chopped middle stripe.
+ * Put era-text-trim on the fixed-height ROW/control instead, and let a
+ * truncating child inherit vertical centering from the row's items-center.
  */
 @utility era-text-trim {
 	line-height: 1;

package/dist/ui/command-bar/command-bar.svelte

@@ -191,7 +191,7 @@
 			autocomplete="off"
 			autocorrect="off"
 			spellcheck="false"
-			class="era-text-trim h-full w-full bg-transparent text-body text-bright outline-none"
+			class="h-full w-full bg-transparent text-body text-bright outline-none"
 			onkeydown={onKeydown}
 			onfocus={() => (focused = true)}
 			onblur={() => (focused = false)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "2.11.1",
+	"version": "2.11.2",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",