@signal9/era-ui 34.11.3 → 34.12.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [34.12.1](https://github.com/sig-nine/era-ui/compare/v34.12.0...v34.12.1) (2026-08-31)
+
+### Bug Fixes
+
+* **timeline:** fill zero-duration activity rows ([9e1f6d9](https://github.com/sig-nine/era-ui/commit/9e1f6d96630918bbc457f34529fbd0d3ef5f9877))
+
+## [34.12.0](https://github.com/sig-nine/era-ui/compare/v34.11.3...v34.12.0) (2026-08-31)
+
+### Features
+
+* **timeline:** support completed activity icons ([b630d00](https://github.com/sig-nine/era-ui/commit/b630d00b8f5c001d010f782c399a58a0628bc1c6))
+
 ## [34.11.3](https://github.com/sig-nine/era-ui/compare/v34.11.2...v34.11.3) (2026-08-31)
 
 ### Bug Fixes

package/dist/ui/timeline/context.svelte.d.ts

@@ -84,8 +84,11 @@ export declare class TimelineData {
      * steps stay legible and the survivors keep their true ratios, with no floor
      * stolen from the pool and no chance of the row overflowing.
      *
-     * A pending step returns 0 and collapses to its min-width, which is what you
-     * want: it has taken no time, so it has earned no width.
+     * Once any duration exists, a pending step returns 0 and collapses to its
+     * min-width: it has taken no time, so it has earned no proportional width.
+     * When the WHOLE row totals zero, however, there is no ratio to encode. Equal
+     * growth then consumes the available row instead of marooning one 0ms tool at
+     * the minimum floor. As soon as a duration appears, real weights take over.
      */
     grow(step: AnyTimelineStep): number;
 }

package/dist/ui/timeline/context.svelte.js

@@ -71,11 +71,14 @@ export class TimelineData {
      * steps stay legible and the survivors keep their true ratios, with no floor
      * stolen from the pool and no chance of the row overflowing.
      *
-     * A pending step returns 0 and collapses to its min-width, which is what you
-     * want: it has taken no time, so it has earned no width.
+     * Once any duration exists, a pending step returns 0 and collapses to its
+     * min-width: it has taken no time, so it has earned no proportional width.
+     * When the WHOLE row totals zero, however, there is no ratio to encode. Equal
+     * growth then consumes the available row instead of marooning one 0ms tool at
+     * the minimum floor. As soon as a duration appears, real weights take over.
      */
     grow(step) {
-        return this.elapsed(step);
+        return this.total === 0 ? 1 : this.elapsed(step);
     }
 }
 const KEY = Symbol('era.timeline');

package/dist/ui/timeline/timeline-step.svelte

@@ -40,6 +40,7 @@
 </script>
 
 <script lang="ts">
+	import type { Snippet } from 'svelte';
 	import CircleCheck from '@lucide/svelte/icons/circle-check';
 	import Circle from '@lucide/svelte/icons/circle';
 	import CircleAlert from '@lucide/svelte/icons/circle-alert';
@@ -58,8 +59,14 @@
 	let {
 		step,
 		showClock = true,
+		activityCompletedIcon,
 		class: className
-	}: { step: AnyTimelineStep; showClock?: boolean; class?: string } = $props();
+	}: {
+		step: AnyTimelineStep;
+		showClock?: boolean;
+		activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
+		class?: string;
+	} = $props();
 
 	const data = getTimelineData();
 	const tone = $derived(
@@ -110,7 +117,17 @@
 		{:else if activityStep.state === 'awaiting'}
 			<CircleAlert class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
 		{:else if activityStep.state === 'done'}
-			<CircleCheck class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
+			{#if activityCompletedIcon}
+				<span
+					class="flex size-icon shrink-0 items-center justify-center {activityTone.icon}"
+					aria-hidden="true"
+					data-timeline-activity-icon="completed"
+				>
+					{@render activityCompletedIcon(activityStep)}
+				</span>
+			{:else}
+				<CircleCheck class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
+			{/if}
 		{:else if activityStep.state === 'failed'}
 			<CircleX class="size-icon shrink-0 {activityTone.icon}" aria-hidden="true" />
 		{:else if activityStep.state === 'cancelled'}

package/dist/ui/timeline/timeline-step.svelte.d.ts

@@ -1,9 +1,11 @@
 import type { ActivityTimelineState } from './context.svelte.js';
 export declare const ACTIVITY_STATE_LABEL: Record<ActivityTimelineState, string>;
-import { type AnyTimelineStep } from './context.svelte.js';
+import type { Snippet } from 'svelte';
+import { type ActivityTimelineStep, type AnyTimelineStep } from './context.svelte.js';
 type $$ComponentProps = {
     step: AnyTimelineStep;
     showClock?: boolean;
+    activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
     class?: string;
 };
 declare const TimelineStep: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/ui/timeline/timeline.svelte

@@ -26,6 +26,7 @@
 		reveal,
 		tick = 100,
 		showClock = true,
+		activityCompletedIcon,
 		children,
 		class: className
 	}: {
@@ -47,6 +48,9 @@
 		/** Live counter interval in ms. 0 stops the clock (the counter freezes). */
 		tick?: number;
 		showClock?: boolean;
+		/** Consumer-rendered identity for completed activity steps. Other states keep
+		 * Era's lifecycle glyphs so running, approval, failure, and cancellation remain explicit. */
+		activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
 		children?: Snippet;
 		class?: string;
 	} = $props();
@@ -153,7 +157,7 @@
 		{@render children()}
 	{:else}
 		{#each data.steps as step, i (step.id ?? i)}
-			<Step {step} {showClock} />
+			<Step {activityCompletedIcon} {step} {showClock} />
 		{/each}
 	{/if}
 </div>

package/dist/ui/timeline/timeline.svelte.d.ts

@@ -19,6 +19,9 @@ type $$ComponentProps = {
     /** Live counter interval in ms. 0 stops the clock (the counter freezes). */
     tick?: number;
     showClock?: boolean;
+    /** Consumer-rendered identity for completed activity steps. Other states keep
+     * Era's lifecycle glyphs so running, approval, failure, and cancellation remain explicit. */
+    activityCompletedIcon?: Snippet<[ActivityTimelineStep]>;
     children?: Snippet;
     class?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "34.11.3",
+	"version": "34.12.1",
 	"packageManager": "npm@11.19.0",
 	"engines": {
 		"node": ">=24 <27",

package/skills/era-ui/references/releases/34.md

@@ -1,5 +1,17 @@
 # Era UI v34 release history
 
+## [34.12.1](https://github.com/sig-nine/era-ui/compare/v34.12.0...v34.12.1) (2026-08-31)
+
+### Bug Fixes
+
+* **timeline:** fill zero-duration activity rows ([9e1f6d9](https://github.com/sig-nine/era-ui/commit/9e1f6d96630918bbc457f34529fbd0d3ef5f9877))
+
+## [34.12.0](https://github.com/sig-nine/era-ui/compare/v34.11.3...v34.12.0) (2026-08-31)
+
+### Features
+
+* **timeline:** support completed activity icons ([b630d00](https://github.com/sig-nine/era-ui/commit/b630d00b8f5c001d010f782c399a58a0628bc1c6))
+
 ## [34.11.3](https://github.com/sig-nine/era-ui/compare/v34.11.2...v34.11.3) (2026-08-31)
 
 ### Bug Fixes

package/skills/era-ui/references/releases/index.md

@@ -5,7 +5,7 @@ Load only the major versions crossed by an upgrade; use the package-root `CHANGE
 
 | Major | Range | Releases | History |
 | ---: | --- | ---: | --- |
-| 34 | 34.0.0–34.11.3 | 37 | [Read](./34.md) |
+| 34 | 34.0.0–34.12.1 | 39 | [Read](./34.md) |
 | 33 | 33.0.0–33.0.1 | 2 | [Read](./33.md) |
 | 32 | 32.0.0–32.0.1 | 2 | [Read](./32.md) |
 | 31 | 31.0.0–31.0.0 | 1 | [Read](./31.md) |