hermes-admin/hermes-agent
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

style(desktop): hold the delegation card to three-quarter width

Browse Source 
A list of short rows — goal, model, timer — reads better narrow than stretched across the full reading column. Scoped in styles.css rather than as a utility: the rule above it sets width on every tool block and wins over one.
This commit is contained in:
Brooklyn Nicholson
2026-07-28 03:15:20 -05:00
parent 2818c9e514
commit dc50ddbbd6
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/desktop/src/components/assistant-ui/tool/delegate.tsx
View File

@@ -149,7 +149,7 @@ export const DelegateTool: FC<Pick<ToolPart, 'args' | 'result' | 'toolCallId'>>
}
return (
<div className="grid min-w-0 max-w-full gap-(--tool-row-gap)" data-slot="tool-block">
<div className="grid min-w-0 gap-(--tool-row-gap)" data-delegate-card="" data-slot="tool-block">
{rows.map(row => (
<DelegateRowView key={row.id} row={row} />
))}

8
apps/desktop/src/styles.css
View File

@@ -1331,6 +1331,14 @@ text-* variant utilities. */ .btn-arc {
max-width: 100%;
}
/* A delegation is a list of short rows — goal, model, timer — not prose, so it
reads better narrow than stretched across the full reading column. Scoped
here rather than as a utility on the element: the rule above sets width on
every tool block and would win over it. */
[data-slot='aui_assistant-message-content'] [data-slot='tool-block'][data-delegate-card] {
max-width: 75%;
}
[data-slot='aui_assistant-message-content'] .aui-md [data-streamdown='code-block'] code {
max-width: none;
font-family: inherit;