diff --git a/packages/session-ui/src/timeline/session-timeline-row.tsx b/packages/session-ui/src/timeline/session-timeline-row.tsx
index 7d16cd2d8ca..26a83863dc7 100644
--- a/packages/session-ui/src/timeline/session-timeline-row.tsx
+++ b/packages/session-ui/src/timeline/session-timeline-row.tsx
@@ -12,8 +12,9 @@ import { Tooltip } from "@opencode-ai/ui/tooltip"
import { For, Show, createMemo, type Accessor, type JSX } from "solid-js"
import type { SessionUserActions, SessionUserComment } from "../actions"
import { BasicTool } from "../components/basic-tool"
+import { useData } from "../context"
+import { TimelineSeparator } from "../components/timeline-separator"
import {
- MessageDivider,
SessionAssistantContent,
SessionContextToolGroup,
SessionFileToolGroup,
@@ -52,6 +53,7 @@ export function createSessionTimelineRowRenderer(input: {
anchor?: (messageID: string) => string | undefined
}) {
const i18n = useI18n()
+ const data = useData()
const workingTurn = (messageID: string) =>
input.status().type !== "idle" && input.projection.activeMessageID() === messageID
const duration = (messageID: string) => {
@@ -183,11 +185,7 @@ export function createSessionTimelineRowRenderer(input: {
label: i18n.t("ui.tool.agent.default"),
data: message.previous ? `${message.previous} → ${message.agent}` : message.agent,
}
- if (message.type === "model-switched")
- return {
- label: i18n.t("ui.sessionTimeline.notice.model"),
- data: `${message.model.providerID}/${message.model.id}`,
- }
+ if (message.type === "model-switched") return undefined
if (message.type === "skill") return { label: i18n.t("ui.tool.skill"), data: message.name }
if (message.type === "system") {
const prefix = "Instructions updated: "
@@ -328,6 +326,18 @@ export function createSessionTimelineRowRenderer(input: {
const value = message()
return value?.type === "location-switched" ? value : undefined
})
+ const model = createMemo(() => {
+ const value = message()
+ if (value?.type !== "model-switched") return undefined
+ const match = data.store.provider?.all?.get(value.model.providerID)
+ return {
+ providerID: value.model.providerID,
+ variant: value.model.variant,
+ label: i18n.t("ui.sessionTimeline.notice.modelSwitched", {
+ model: match?.models?.[value.model.id]?.name ?? value.model.id,
+ }),
+ }
+ })
const content = createMemo(() => {
const value = message()
return value ? notice(value) : undefined
@@ -346,50 +356,69 @@ export function createSessionTimelineRowRenderer(input: {
- {(content) => (
-
+ {(content) => (
+
+
+ {content().label}
+
+
+ {(data) => (
+
+ {" "}
+ · {data()}
+
+ )}
+
+