diff --git a/src/apps/chat/components/message/fragments-void/BlockPartPlaceholder.tsx b/src/apps/chat/components/message/fragments-void/BlockPartPlaceholder.tsx index c58fe5e58..669ad28ee 100644 --- a/src/apps/chat/components/message/fragments-void/BlockPartPlaceholder.tsx +++ b/src/apps/chat/components/message/fragments-void/BlockPartPlaceholder.tsx @@ -71,7 +71,7 @@ const _styles = { opChip: { maxWidth: '100%', // fundamental for the ellipsize to work // width: '100%', // would have way less 'jumpy-ness' - minWidth: 200, // would work on mobile, but no clear advantage + minWidth: 100, // safety floor, constant across active/done states // fontWeight: 500, minHeight: '1.75rem', // replaced by Box with px: 2 @@ -85,7 +85,6 @@ const _styles = { }, }, opChipDone: { - minWidth: undefined, // reset boxShadow: undefined, // reset color: 'text.tertiary', background: 'transparent', @@ -300,7 +299,11 @@ function ModelOperationChip(props: { > {text} - {elapsedSeconds >= MODELOP_TIMEOUT_DELAY && · {elapsedSeconds}s} + {elapsedSeconds >= MODELOP_TIMEOUT_DELAY && ( + + {' · '}= 100 ? '3.5ch' : '2.5ch' }}>{elapsedSeconds}s + + )} );