16b54aa4c4
Tool row summaries strip the session workspace root; the running sweep becomes a glare-band overlay (deepsuite ShimmerText pattern); assistant nodes that render nothing no longer split tool-row groups; block and tool-row spacing collapse to one 16px rhythm.
43 lines
1.7 KiB
TypeScript
43 lines
1.7 KiB
TypeScript
// GenericToolCard: the default tool row — classifies the tool into one of
|
|
// the five figma row variants and renders the summary row. Supplied by the
|
|
// chat view as the keyed toolview slot's render-site fallback (an
|
|
// unregistered tool name lands here); registrants may also compose it as a
|
|
// base, feeding the same owner payload through.
|
|
|
|
import type { ReactNode } from 'react'
|
|
import {
|
|
IconApiOutline14, IconBrowseOutline16, IconCodeOutline16, IconEditOutline16, IconSearchOutline16, IconThinkOutline14,
|
|
} from '@deepseek-ai/dsh-client-ui-primitives'
|
|
import type { ToolRowOwnerProps } from '../contract/slots.ts'
|
|
import { toolRowModel, type ToolRowVariant } from '../contract/tool-call-model.ts'
|
|
import { ToolRow } from './ToolRow.tsx'
|
|
import { IconSparkle16 } from './IconSparkle16.tsx'
|
|
|
|
/** Variant leading icons (figma table); all glyphs render at 14 inside the 16px leading box. */
|
|
const VARIANT_ICONS: Record<ToolRowVariant, ReactNode> = {
|
|
think: <IconThinkOutline14 size={14} />,
|
|
search: <IconSearchOutline16 size={14} />,
|
|
read: <IconBrowseOutline16 size={14} />,
|
|
bash: <IconApiOutline14 size={14} />,
|
|
write: <IconEditOutline16 size={14} />,
|
|
edit: <IconEditOutline16 size={14} />,
|
|
code: <IconCodeOutline16 size={14} />,
|
|
others: <IconSparkle16 size={14} />,
|
|
}
|
|
|
|
export function GenericToolCard({ toolName, block, cwd, openDetails }: ToolRowOwnerProps) {
|
|
const model = toolRowModel(toolName, block, cwd)
|
|
return (
|
|
<ToolRow
|
|
variant={model.variant}
|
|
toolName={toolName}
|
|
icon={VARIANT_ICONS[model.variant]}
|
|
title={model.title}
|
|
summary={model.summary}
|
|
body={model.body}
|
|
state={model.state}
|
|
onOpenDetails={openDetails}
|
|
/>
|
|
)
|
|
}
|