diff --git a/packages/client/ui-conversation/src/client/chat/GenericCommandCard.tsx b/packages/client/ui-conversation/src/client/chat/GenericCommandCard.tsx
index d487123558..9d34ef3015 100644
--- a/packages/client/ui-conversation/src/client/chat/GenericCommandCard.tsx
+++ b/packages/client/ui-conversation/src/client/chat/GenericCommandCard.tsx
@@ -42,7 +42,7 @@ export function GenericCommandCard({ node, t }: GenericCommandCardProps) {
   const body = text !== undefined && text.includes('\n') ? text : null
   const open = expanded && body !== null
   return (
-    <div className={css.root} data-state={state}>
+    <div className={css.root} data-variant="others" data-state={state}>
       {state === 'error' && <span className={a11yCss.visuallyHidden}>{t('row.failed')}</span>}
       <DisclosureRow
         rowClassName={css.row}
diff --git a/packages/client/ui-conversation/src/client/chat/ReasoningRow.tsx b/packages/client/ui-conversation/src/client/chat/ReasoningRow.tsx
index 77e64a2106..f8a340d20c 100644
--- a/packages/client/ui-conversation/src/client/chat/ReasoningRow.tsx
+++ b/packages/client/ui-conversation/src/client/chat/ReasoningRow.tsx
@@ -38,7 +38,7 @@ export function ReasoningRow({ text, running, t }: { text: string; running: bool
   }, [running, scheduleSummaryScroll, summary])
 
   return (
-    <div className={css.root} data-state={running ? 'running' : 'ok'}>
+    <div className={css.root} data-variant="think" data-state={running ? 'running' : 'ok'}>
       {running && <span className={a11yCss.visuallyHidden}>{t('row.running')}</span>}
       <DisclosureRow
         rowClassName={css.row}