From dc50ddbbd6cf00b2164b3fc7af372f0debd43547 Mon Sep 17 00:00:00 2001 From: Brooklyn Nicholson Date: Tue, 28 Jul 2026 03:15:20 -0500 Subject: [PATCH] style(desktop): hold the delegation card to three-quarter width MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- .../desktop/src/components/assistant-ui/tool/delegate.tsx | 2 +- apps/desktop/src/styles.css | 8 ++++++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/apps/desktop/src/components/assistant-ui/tool/delegate.tsx b/apps/desktop/src/components/assistant-ui/tool/delegate.tsx index 74a8e16cae3..8ec3d92b243 100644 --- a/apps/desktop/src/components/assistant-ui/tool/delegate.tsx +++ b/apps/desktop/src/components/assistant-ui/tool/delegate.tsx @@ -149,7 +149,7 @@ export const DelegateTool: FC> } return ( -
+
{rows.map(row => ( ))} diff --git a/apps/desktop/src/styles.css b/apps/desktop/src/styles.css index e411f451df0..2e5f3b10001 100644 --- a/apps/desktop/src/styles.css +++ b/apps/desktop/src/styles.css @@ -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;