salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): show task model in headers

Browse Source 
Task prompt/output headers now include provider/model metadata when available, alongside agent.
This commit is contained in:
Shantur Rathore
2026-01-24 10:29:02 +00:00
parent 3d3337c7b8
commit 4da69b5a20
1 changed files with 26 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/ui/src/components/tool-call/renderers/task.tsx
View File

@@ -112,6 +112,28 @@ export const taskRenderer: ToolRenderer = {
return typeof input.subagent_type === "string" ? input.subagent_type : null
})
const modelLabel = createMemo(() => {
const state = toolState()
if (!state) return null
const { metadata } = readToolStatePayload(state)
const model = (metadata as any).model
if (!model || typeof model !== "object") return null
const providerId = typeof model.providerID === "string" ? model.providerID : null
const modelId = typeof model.modelID === "string" ? model.modelID : null
if (!providerId && !modelId) return null
if (providerId && modelId) return `${providerId}/${modelId}`
return providerId ?? modelId
})
const headerMeta = createMemo(() => {
const agent = agentLabel()
const model = modelLabel()
if (agent && model) return `Agent: ${agent} • Model: ${model}`
if (agent) return `Agent: ${agent}`
if (model) return `Model: ${model}`
return null
})
const items = createMemo(() => {
// Track the reactive change points so we only recompute when the part/message changes
messageVersion?.()
@@ -141,8 +163,8 @@ export const taskRenderer: ToolRenderer = {
<section class="tool-call-task-section">
<header class="tool-call-task-section-header">
<span class="tool-call-task-section-title">Prompt</span>
<Show when={agentLabel()}>
<span class="tool-call-task-section-meta">Agent: {agentLabel()}</span>
<Show when={headerMeta()}>
<span class="tool-call-task-section-meta">{headerMeta()}</span>
</Show>
</header>
<div class="tool-call-task-section-body">
@@ -206,8 +228,8 @@ export const taskRenderer: ToolRenderer = {
<section class="tool-call-task-section">
<header class="tool-call-task-section-header">
<span class="tool-call-task-section-title">Output</span>
<Show when={agentLabel()}>
<span class="tool-call-task-section-meta">Agent: {agentLabel()}</span>
<Show when={headerMeta()}>
<span class="tool-call-task-section-meta">{headerMeta()}</span>
</Show>
</header>
<div class="tool-call-task-section-body">