diff options
| author | spoons-and-mirrors <[email protected]> | 2025-08-10 03:22:16 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2025-08-09 20:22:16 -0500 |
| commit | bd4319f2bc28c0ad16946107e7d1d50fa924527e (patch) | |
| tree | e1a404ee7e1aebe7f6a4b804a847b2530ca37de9 /packages/web | |
| parent | 696ab1a752e5bfa520379e21d933be1cd3058ce0 (diff) | |
| download | opencode-bd4319f2bc28c0ad16946107e7d1d50fa924527e.tar.gz opencode-bd4319f2bc28c0ad16946107e7d1d50fa924527e.zip | |
Feat: Add Agent Name in the LLM Response Footer (and re-order it) (#1770)
Diffstat (limited to 'packages/web')
| -rw-r--r-- | packages/web/src/components/share/part.tsx | 26 |
1 files changed, 21 insertions, 5 deletions
diff --git a/packages/web/src/components/share/part.tsx b/packages/web/src/components/share/part.tsx index 4a9320e6d..772a80dc6 100644 --- a/packages/web/src/components/share/part.tsx +++ b/packages/web/src/components/share/part.tsx @@ -144,7 +144,15 @@ export function Part(props: PartProps) { DateTime.DATETIME_FULL_WITH_SECONDS, )} > - {DateTime.fromMillis(props.message.time.completed).toLocaleString(DateTime.DATETIME_MED)} + {DateTime.fromMillis(props.message.time.completed || props.message.time.created).toLocaleString( + DateTime.DATETIME_MED, + )} + {` | ${props.message.modelID}`} + {props.message.mode && ( + <span style={{ "font-weight": "bold", color: "var(--sl-color-accent)" }}> + {` | ${props.message.mode}`} + </span> + )} </Footer> )} </div> @@ -158,7 +166,17 @@ export function Part(props: PartProps) { {props.part.type === "step-start" && props.message.role === "assistant" && ( <div data-component="step-start"> <div data-slot="provider">{props.message.providerID}</div> - <div data-slot="model">{props.message.modelID}</div> + <div data-slot="model"> + {DateTime.fromMillis(props.message.time.completed || props.message.time.created).toLocaleString( + DateTime.DATETIME_MED, + )} + {` | ${props.message.modelID}`} + {props.message.mode && ( + <span style={{ "font-weight": "bold", color: "var(--sl-color-accent)" }}> + {` | ${props.message.mode}`} + </span> + )} + </div> </div> )} {props.part.type === "tool" && props.part.state.status === "error" && ( @@ -653,9 +671,7 @@ function TaskTool(props: ToolProps) { <span data-slot="name">Task</span> <span data-slot="target">{props.state.input.description}</span> </div> - <div data-component="tool-input"> - “{props.state.input.prompt}” - </div> + <div data-component="tool-input">“{props.state.input.prompt}”</div> <ResultsButton showCopy="Show output" hideCopy="Hide output"> <div data-component="tool-output"> <ContentMarkdown expand text={props.state.output} /> |