= {
+ ask: "var(--icon-agent-ask-base)",
+ build: "var(--icon-agent-build-base)",
+ docs: "var(--icon-agent-docs-base)",
+ plan: "var(--icon-agent-plan-base)",
+}
+
+const agentPalette = [
+ "var(--icon-agent-ask-base)",
+ "var(--icon-agent-build-base)",
+ "var(--icon-agent-docs-base)",
+ "var(--icon-agent-plan-base)",
+ "var(--syntax-info)",
+ "var(--syntax-success)",
+ "var(--syntax-warning)",
+ "var(--syntax-property)",
+ "var(--syntax-constant)",
+ "var(--text-diff-add-base)",
+ "var(--text-diff-delete-base)",
+ "var(--icon-warning-base)",
+]
+
+function tone(name: string) {
+ let hash = 0
+ for (const char of name) hash = (hash * 31 + char.charCodeAt(0)) >>> 0
+ return agentPalette[hash % agentPalette.length]
+}
+
+function taskAgent(
+ raw: unknown,
+ list?: readonly { name: string; color?: string }[],
+): { name?: string; color?: string } {
+ if (typeof raw !== "string" || !raw) return {}
+ const key = raw.toLowerCase()
+ const item = list?.find((entry) => entry.name === raw || entry.name.toLowerCase() === key)
+ return {
+ name: item?.name ?? `${raw[0]!.toUpperCase()}${raw.slice(1)}`,
+ color: item?.color ?? agentTones[key] ?? tone(key),
+ }
+}
+
export function getToolInfo(tool: string, input: any = {}): ToolInfo {
const i18n = useI18n()
switch (tool) {
@@ -402,6 +445,27 @@ function sessionLink(id: string | undefined, path: string, href?: (id: string) =
return `${path.slice(0, idx)}/session/${id}`
}
+function currentSession(path: string) {
+ return path.match(/\/session\/([^/?#]+)/)?.[1]
+}
+
+function taskSession(
+ input: Record
,
+ path: string,
+ sessions: Session[] | undefined,
+ agents?: readonly { name: string; color?: string }[],
+) {
+ const parentID = currentSession(path)
+ if (!parentID) return
+ const description = typeof input.description === "string" ? input.description : ""
+ const agent = taskAgent(input.subagent_type, agents).name
+ return (sessions ?? [])
+ .filter((session) => session.parentID === parentID && !session.time?.archived)
+ .filter((session) => (description ? session.title.startsWith(description) : true))
+ .filter((session) => (agent ? session.title.includes(`@${agent}`) : true))
+ .sort((a, b) => (b.time.created ?? 0) - (a.time.created ?? 0))[0]?.id
+}
+
const CONTEXT_GROUP_TOOLS = new Set(["read", "glob", "grep", "list"])
const HIDDEN_TOOLS = new Set(["todowrite"])
@@ -1678,13 +1742,14 @@ ToolRegistry.register({
const data = useData()
const i18n = useI18n()
const location = useLocation()
- const childSessionId = () => props.metadata.sessionId as string | undefined
- const type = createMemo(() => {
- const raw = props.input.subagent_type
- if (typeof raw !== "string" || !raw) return undefined
- return raw[0]!.toUpperCase() + raw.slice(1)
+ const childSessionId = createMemo(() => {
+ const value = props.metadata.sessionId
+ if (typeof value === "string" && value) return value
+ return taskSession(props.input, location.pathname, data.store.session, data.store.agent)
})
- const title = createMemo(() => agentTitle(i18n, type()))
+ const agent = createMemo(() => taskAgent(props.input.subagent_type, data.store.agent))
+ const title = createMemo(() => agent().name ?? i18n.t("ui.tool.agent.default"))
+ const tone = createMemo(() => agent().color)
const subtitle = createMemo(() => {
const value = props.input.description
if (typeof value === "string" && value) return value
@@ -1693,37 +1758,62 @@ ToolRegistry.register({
const running = createMemo(() => props.status === "pending" || props.status === "running")
const href = createMemo(() => sessionLink(childSessionId(), location.pathname, data.sessionHref))
+ const clickable = createMemo(() => !!(childSessionId() && (data.navigateToSession || href())))
- const titleContent = () =>
+ const open = () => {
+ const id = childSessionId()
+ if (!id) return
+ if (data.navigateToSession) {
+ data.navigateToSession(id)
+ return
+ }
+ const value = href()
+ if (value) window.location.assign(value)
+ }
+
+ const navigate = (event: MouseEvent) => {
+ if (!data.navigateToSession) return
+ if (event.button !== 0 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return
+ event.preventDefault()
+ open()
+ }
const trigger = () => (
-
-
-
- {titleContent()}
-
-
-
-
- e.stopPropagation()}
- >
- {subtitle()}
-
-
-
- {subtitle()}
-
-
-
+
+
+
+
+
+
+
+
+
+ {title()}
+
+
+ {subtitle()}
+
+
+
+
+
+
+
)
- return
+ return (
+
+ )
},
})
diff --git a/packages/ui/src/context/data.tsx b/packages/ui/src/context/data.tsx
index e116199eb2..93368c2a05 100644
--- a/packages/ui/src/context/data.tsx
+++ b/packages/ui/src/context/data.tsx
@@ -3,6 +3,10 @@ import { createSimpleContext } from "./helper"
import { PreloadMultiFileDiffResult } from "@pierre/diffs/ssr"
type Data = {
+ agent?: {
+ name: string
+ color?: string
+ }[]
provider?: ProviderListResponse
session: Session[]
session_status: {