@spunto/design-system 0.33.0 → 0.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spunto/design-system",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "Spunto's shared design system — warm/flame tokens, color constants, and UI primitives.",
   "type": "module",
   "license": "MIT",

package/src/components/tasks/event-stream.tsx

@@ -381,10 +381,17 @@ function useTimeline(events: TaskEvent[]) {
     let lastMessage = ""
 
     for (const event of events) {
-      if (event.type === "raw" || event.type === "usage" || event.type === "session.title") {
+      if (
+        event.type === "raw" ||
+        event.type === "usage" ||
+        event.type === "session.title" ||
+        event.type === "session.background"
+      ) {
         // `usage` is a fact about the whole session, not a moment in it — the sidebar shows it.
         // `session.title` is the same kind of fact: the name the session gave itself, already
-        // read at the top of the page as the task's own title.
+        // read at the top of the page as the task's own title. `session.background` too: what
+        // the harness still runs behind the turn, which the task's state already accounts for —
+        // the call that started it is on the timeline as a tool call.
         if (event.type === "raw") raw.push(event)
         continue
       }

package/src/components/tasks/types.ts

@@ -56,7 +56,7 @@ export interface TaskConversation extends TaskItem {
 export interface TaskEvent {
   seq: number
   ts: string
-  /** `message` | `thinking` | `plan` | `tool.call` | `tool.result` | `session.started` | `session.ended` | `usage` | `session.title` | `raw` … */
+  /** `message` | `thinking` | `plan` | `tool.call` | `tool.result` | `session.started` | `session.ended` | `usage` | `session.title` | `session.background` | `raw` … */
   type: string
   payload: Record<string, unknown>
 }