🤖 feat: add animated SVG indicator for streaming thinking shimmer #2373
+146
−7
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Render an animated SVG to the left of the streaming "Thinking..." shimmer label in ReasoningMessage. - Keep the icon and text shimmer in lockstep by sharing the same shimmer duration and sweep keyframes. - Add shimmer-surface overlay styles for non-text shimmer surfaces and keep existing non-streaming lightbulb behavior. --- _Generated with `mux` • Model: `openai:gpt-5.3-codex` • Thinking: `xhigh` • Cost: `.04`_ <!-- mux-attribution: model=openai:gpt-5.3-codex thinking=xhigh costs=1.04 -->
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: a4507a9cb0
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| @@ -0,0 +1 @@ | |||
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" width="944" height="772" viewBox="0 0 944 772" style="width:100%;height:100%"><defs><clipPath id="_R_G_L_4_C_0"><path id="_R_G_L_4_C_0_P_0" fill-rule="nonzero" d="M188 -129 C188,-129 -190.42,-129 -190.42,-129 C-190.42,-129 -190.42,128.47 -190.42,128.47 C-190.42,128.47 188,128.47 188,128.47 C188,128.47 188,-129 188,-129z "/></clipPath><clipPath id="_R_G_L_3_C_0"><path id="_R_G_L_3_C_0_P_0" fill-rule="nonzero" d="M188 -129 C188,-129 -190.42,-129 -190.42,-129 C-190.42,-129 -190.42,128.47 -190.42,128.47 C-190.42,128.47 188,128.47 188,128.47 C188,128.47 188,-129 188,-129z "/></clipPath><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_3_G_G_0_D_0_P_0" fill="freeze" attributeName="fill" from="#000000" to="#000000" keyTimes="0;0.2586207;0.3275862;1" values="#000000;#000000;#1b1b1b;#1b1b1b" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_3_G_G_0_D_0_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z " to="M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keyTimes="0;0.1293103;0.1939655;0.2586207;0.3232759;0.387931;0.4525862;0.5172414;1" values="M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z ;M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z ;M144 -132 C144,-132 -57,-132 -57,-132 C-57,-132 -68,-59 -80,-10 C-91.02,35 -99,128 -99,128 C-99,128 124,128 124,128 C124,128 132,37.33 132,-8 C132,-49.33 144,-132 144,-132z ;M158 -132 C158,-132 -8,-132 -8,-132 C-8,-132 -28,-51 -40,-2 C-51.02,43 -77,128 -77,128 C-77,128 132,128 132,128 C132,128 147.85,37.22 151,-8 C154,-51 158,-132 158,-132z ;M126 -132 C126,-132 105,-132 105,-132 C105,-132 59,-54 33,-4 C11.62,37.11 -40,128 -40,128 C-40,128 145,128 145,128 C145,128 160,84.33 160,39 C160,-37 126,-132 126,-132z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 161.27,87.91 150,44 C131,-30 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_3_G_G_0_D_1_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z " to="M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keyTimes="0;0.0646552;0.1293103;0.1939655;0.2586207;0.3232759;0.387931;0.8706897;1" values="M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z ;M144 -132 C144,-132 -57,-132 -57,-132 C-57,-132 -68,-59 -80,-10 C-91.02,35 -99,128 -99,128 C-99,128 124,128 124,128 C124,128 132,37.33 132,-8 C132,-49.33 144,-132 144,-132z ;M158 -132 C158,-132 -8,-132 -8,-132 C-8,-132 -28,-51 -40,-2 C-51.02,43 -77,128 -77,128 C-77,128 132,128 132,128 C132,128 147.85,37.22 151,-8 C154,-51 158,-132 158,-132z ;M126 -132 C126,-132 105,-132 105,-132 C105,-132 59,-54 33,-4 C11.62,37.11 -40,128 -40,128 C-40,128 145,128 145,128 C145,128 160,84.33 160,39 C160,-37 126,-132 126,-132z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 161.27,87.91 150,44 C131,-30 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_3_G_N_1_T_0_M" fill="freeze" attributeName="opacity" from="0" to="0" keyTimes="0;0.3362069;0.3362078;0.6465517;0.6465517;1" values="0;0;1;1;0;0" keySplines="0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0" calcMode="spline"/><clipPath id="_R_G_L_2_C_0"><path id="_R_G_L_2_C_0_P_0" fill-rule="nonzero" d="M188 -129 C188,-129 -190.42,-129 -190.42,-129 C-190.42,-129 -190.42,128.47 -190.42,128.47 C-190.42,128.47 188,128.47 188,128.47 C188,128.47 188,-129 188,-129z "/></clipPath><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_2_G_G_0_D_0_P_0" fill="freeze" attributeName="fill" from="#191919" to="#191919" keyTimes="0;0.4741379;0.5517241;1" values="#191919;#191919;#000000;#000000" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_2_G_G_0_D_0_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z " to="M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z " keyTimes="0;0.3232759;0.387931;0.4525862;0.5172414;0.5818966;0.6465517;0.7758621;1" values="M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z ;M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z ;M49 -131 C49,-131 -146,-131 -146,-131 C-146,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 49,-131 49,-131z ;M49 -131 C49,-131 -156,-131 -156,-131 C-156,-131 -151,-67 -134.82,-26.65 C-117.41,16.78 -63,131 -63,131 C-63,131 -51,131 -51,131 C-51,131 -51.52,45.76 -33,10.12 C-8,-38 49,-131 49,-131z ;M49 -131 C49,-131 -145,-131 -145,-131 C-145,-131 -151.61,-81.45 -155.82,-40.65 C-160.61,5.89 -127,131 -127,131 C-127,131 -115,131 -115,131 C-115,131 -51.52,45.76 -33,10.12 C-8,-38 49,-131 49,-131z ;M84 -131 C84,-131 -130,-131 -130,-131 C-130,-131 -140.61,-49.63 -144.82,-8.82 C-149.61,37.71 -157,131 -157,131 C-157,131 22,131 22,131 C22,131 41.75,49.14 51,10.06 C62.42,-38.2 84,-131 84,-131z ;M102 -130 C102,-130 -122,-131 -122,-131 C-122,-131 -117.35,-18.03 -120.15,9.18 C-123.35,40.2 -129.67,131 -129.67,131 C-129.67,131 91.67,131 91.67,131 C91.67,131 90.32,34.37 93,7.73 C97,-32 102,-130 102,-130z ;M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z ;M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_2_G_G_0_D_1_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z " to="M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z " keyTimes="0;0.1939655;0.2586207;0.3232759;0.387931;0.4525862;0.5172414;0.6465517;0.8706897;1" values="M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z ;M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z ;M49 -131 C49,-131 -146,-131 -146,-131 C-146,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 49,-131 49,-131z ;M49 -131 C49,-131 -156,-131 -156,-131 C-156,-131 -151,-67 -134.82,-26.65 C-117.41,16.78 -63,131 -63,131 C-63,131 -51,131 -51,131 C-51,131 -51.52,45.76 -33,10.12 C-8,-38 49,-131 49,-131z ;M49 -131 C49,-131 -145,-131 -145,-131 C-145,-131 -151.61,-81.45 -155.82,-40.65 C-160.61,5.89 -127,131 -127,131 C-127,131 -115,131 -115,131 C-115,131 -51.52,45.76 -33,10.12 C-8,-38 49,-131 49,-131z ;M84 -131 C84,-131 -130,-131 -130,-131 C-130,-131 -140.61,-49.63 -144.82,-8.82 C-149.61,37.71 -157,131 -157,131 C-157,131 22,131 22,131 C22,131 41.75,49.14 51,10.06 C62.42,-38.2 84,-131 84,-131z ;M102 -130 C102,-130 -122,-131 -122,-131 C-122,-131 -117.35,-18.03 -120.15,9.18 C-123.35,40.2 -129.67,131 -129.67,131 C-129.67,131 91.67,131 91.67,131 C91.67,131 90.32,34.37 93,7.73 C97,-32 102,-130 102,-130z ;M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z ;M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z ;M108 -131 C108,-131 -106,-131 -106,-131 C-106,-131 -106.82,-23.82 -106.82,-23.82 C-106.82,-23.82 -108,131 -108,131 C-108,131 108,131 108,131 C108,131 108,-8.94 108,-8.94 C108,-8.94 108,-131 108,-131z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_2_G_N_1_T_0_M" fill="freeze" attributeName="opacity" from="0" to="1" keyTimes="0;0.3232759;0.3232767;1" values="0;0;1;1" keySplines="0 0 0 0;0 0 0 0;0 0 0 0" calcMode="spline"/><clipPath id="_R_G_L_1_C_0"><path id="_R_G_L_1_C_0_P_0" fill-rule="nonzero" d="M188 -129 C188,-129 -190.42,-129 -190.42,-129 C-190.42,-129 -190.42,128.47 -190.42,128.47 C-190.42,128.47 188,128.47 188,128.47 C188,128.47 188,-129 188,-129z "/></clipPath><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_1_G_G_0_D_0_P_0" fill="freeze" attributeName="fill" from="#000000" to="#000000" keyTimes="0;0.4568966;0.5258621;1" values="#000000;#000000;#1b1b1b;#1b1b1b" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_1_G_G_0_D_0_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z " to="M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z " keyTimes="0;0.0862069;0.1293103;0.1939655;0.2586207;0.3232759;0.387931;0.5172414;0.5818966;0.6465517;0.7112069;0.7672414;1" values="M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z ;M-67.47 -131.87 C-67.47,-131.87 -97.76,-131.73 -97.76,-131.73 C-97.76,-131.73 -106.52,-48.65 -99.23,-14.12 C-91.54,25.07 -100.8,126.13 -100.8,126.13 C-100.8,126.13 -91.5,126.13 -91.5,126.13 C-91.5,126.13 -94.4,48.57 -90.85,2.15 C-86,-66.6 -67.47,-131.87 -67.47,-131.87z ;M-89.08 -132 C-89.08,-132 -126.92,-132 -126.92,-132 C-126.92,-132 -121.33,-44.14 -116.79,-10.04 C-111.94,29.21 -110.94,130 -110.94,130 C-110.94,130 -102.06,130 -102.06,130 C-102.06,130 -101,49 -99.75,0.93 C-98,-71 -89.08,-132 -89.08,-132z ;M-55.5 -131 C-55.5,-131 -137.5,-131 -137.5,-131 C-137.5,-131 -128.4,-33.76 -127.98,-0.32 C-127.4,39.02 -119.33,131 -119.33,131 C-119.33,131 -96.67,131 -96.67,131 C-96.67,131 -86.97,37.28 -79.5,3.89 C-70.29,-39.57 -55.5,-131 -55.5,-131z ;M1 -131 C1,-131 -153,-131 -153,-131 C-153,-131 -153.45,-47.5 -149.82,-7.82 C-145.45,39.84 -129,131 -129,131 C-129,131 -79,131 -79,131 C-79,131 -56.26,50.2 -44,10.06 C-29.59,-37.14 1,-131 1,-131z ;M102.75 -130 C102.75,-130 -121.25,-130 -121.25,-130 C-121.25,-130 -144.09,-52.52 -151.66,-15.89 C-163.73,33.42 -142,131 -142,131 C-142,131 -39.5,131 -39.5,131 C-39.5,131 2.58,45.7 21.98,7.05 C49.21,-44.57 102.75,-130 102.75,-130z ;M152.5 -131 C152.5,-131 -57.5,-129 -57.5,-129 C-57.5,-129 -106.73,-43.53 -125.5,-9.96 C-154,41 -155,131 -155,131 C-155,131 0,131 0,131 C0,131 61.41,41.21 87.97,4.04 C128,-52 152.5,-131 152.5,-131z ;M161 -131 C161,-131 50,-131 50,-131 C50,-131 -3,-39 -25.13,-1.82 C-50.67,41.06 -113,131 -113,131 C-113,131 129,131 129,131 C129,131 147.52,41.95 152.49,-2.94 C157.2,-45.46 161,-131 161,-131z ;M132 -131 C132,-131 84,-131 84,-131 C84,-131 69,-74 51.87,-4.82 C33.84,67.97 23,131 23,131 C23,131 154,131 154,131 C154,131 151.78,46.17 149.49,1.06 C147,-48 132,-131 132,-131z ;M122 -131 C122,-131 102,-131 102,-131 C102,-131 98.64,-76.99 94.87,-5.82 C91,67 92,132 92,132 C92,132 129,131 129,131 C129,131 124.78,37.17 122.49,-7.94 C120,-57 122,-131 122,-131z ;M113 -131 C113,-131 106,-131 106,-131 C106,-131 104.64,-76.99 100.87,-5.82 C97,67 98,132 98,132 C98,132 120,131 120,131 C120,131 115.78,37.17 113.49,-7.94 C111,-57 113,-131 113,-131z ;M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z ;M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_1_G_G_0_D_1_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M-89.08 -132 C-89.08,-132 -126.92,-132 -126.92,-132 C-126.92,-132 -121.33,-44.14 -116.79,-10.04 C-111.94,29.21 -110.94,130 -110.94,130 C-110.94,130 -102.06,130 -102.06,130 C-102.06,130 -101,49 -99.75,0.93 C-98,-71 -89.08,-132 -89.08,-132z " to="M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z " keyTimes="0;0.0646552;0.1293103;0.1939655;0.2586207;0.387931;0.4525862;0.5172414;0.5818966;0.637931;0.8706897;1" values="M-89.08 -132 C-89.08,-132 -126.92,-132 -126.92,-132 C-126.92,-132 -121.33,-44.14 -116.79,-10.04 C-111.94,29.21 -110.94,130 -110.94,130 C-110.94,130 -102.06,130 -102.06,130 C-102.06,130 -101,49 -99.75,0.93 C-98,-71 -89.08,-132 -89.08,-132z ;M-55.5 -131 C-55.5,-131 -137.5,-131 -137.5,-131 C-137.5,-131 -128.4,-33.76 -127.98,-0.32 C-127.4,39.02 -119.33,131 -119.33,131 C-119.33,131 -96.67,131 -96.67,131 C-96.67,131 -86.97,37.28 -79.5,3.89 C-70.29,-39.57 -55.5,-131 -55.5,-131z ;M1 -131 C1,-131 -153,-131 -153,-131 C-153,-131 -153.45,-47.5 -149.82,-7.82 C-145.45,39.84 -129,131 -129,131 C-129,131 -79,131 -79,131 C-79,131 -56.26,50.2 -44,10.06 C-29.59,-37.14 1,-131 1,-131z ;M102.75 -130 C102.75,-130 -121.25,-130 -121.25,-130 C-121.25,-130 -144.09,-52.52 -151.66,-15.89 C-163.73,33.42 -142,131 -142,131 C-142,131 -39.5,131 -39.5,131 C-39.5,131 2.58,45.7 21.98,7.05 C49.21,-44.57 102.75,-130 102.75,-130z ;M152.5 -131 C152.5,-131 -57.5,-129 -57.5,-129 C-57.5,-129 -106.73,-43.53 -125.5,-9.96 C-154,41 -155,131 -155,131 C-155,131 0,131 0,131 C0,131 61.41,41.21 87.97,4.04 C128,-52 152.5,-131 152.5,-131z ;M161 -131 C161,-131 50,-131 50,-131 C50,-131 -3,-39 -25.13,-1.82 C-50.67,41.06 -113,131 -113,131 C-113,131 129,131 129,131 C129,131 147.52,41.95 152.49,-2.94 C157.2,-45.46 161,-131 161,-131z ;M132 -131 C132,-131 84,-131 84,-131 C84,-131 69,-74 51.87,-4.82 C33.84,67.97 23,131 23,131 C23,131 154,131 154,131 C154,131 151.78,46.17 149.49,1.06 C147,-48 132,-131 132,-131z ;M122 -131 C122,-131 102,-131 102,-131 C102,-131 98.64,-76.99 94.87,-5.82 C91,67 92,132 92,132 C92,132 129,131 129,131 C129,131 124.78,37.17 122.49,-7.94 C120,-57 122,-131 122,-131z ;M113 -131 C113,-131 106,-131 106,-131 C106,-131 104.64,-76.99 100.87,-5.82 C97,67 98,132 98,132 C98,132 120,131 120,131 C120,131 115.78,37.17 113.49,-7.94 C111,-57 113,-131 113,-131z ;M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z ;M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z ;M107.5 -131 C107.5,-131 100.5,-131 100.5,-131 C100.5,-131 99.14,-76.99 95.37,-5.82 C91.5,67 92.5,132 92.5,132 C92.5,132 114.5,131 114.5,131 C114.5,131 110.28,37.17 107.99,-7.94 C105.5,-57 107.5,-131 107.5,-131z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_1_G" fill="freeze" attributeName="opacity" from="1" to="0" keyTimes="0;0.7241379;0.7758621;1" values="1;1;0;0" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_1_G_N_1_T_0_M" fill="freeze" attributeName="opacity" from="0" to="0" keyTimes="0;0.0689655;0.0689664;0.9051724;0.9051724;1" values="0;0;1;1;0;0" keySplines="0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0;0 0 0 0" calcMode="spline"/><clipPath id="_R_G_L_0_C_0"><path id="_R_G_L_0_C_0_P_0" fill-rule="nonzero" d="M188 -129 C188,-129 -190.42,-129 -190.42,-129 C-190.42,-129 -190.42,128.47 -190.42,128.47 C-190.42,128.47 188,128.47 188,128.47 C188,128.47 188,-129 188,-129z "/></clipPath><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_0_G_G_0_D_0_P_0" fill="freeze" attributeName="fill" from="#000000" to="#000000" keyTimes="0;0.2586207;0.3275862;1" values="#000000;#000000;#1b1b1b;#1b1b1b" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_0_G_G_0_D_0_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z " to="M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keyTimes="0;0.1293103;0.1939655;0.2586207;0.3232759;0.387931;0.4525862;0.5172414;1" values="M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z ;M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z ;M144 -132 C144,-132 -57,-132 -57,-132 C-57,-132 -68,-59 -80,-10 C-91.02,35 -99,128 -99,128 C-99,128 124,128 124,128 C124,128 132,37.33 132,-8 C132,-49.33 144,-132 144,-132z ;M158 -132 C158,-132 -8,-132 -8,-132 C-8,-132 -28,-51 -40,-2 C-51.02,43 -77,128 -77,128 C-77,128 132,128 132,128 C132,128 147.85,37.22 151,-8 C154,-51 158,-132 158,-132z ;M126 -132 C126,-132 105,-132 105,-132 C105,-132 59,-54 33,-4 C11.62,37.11 -40,128 -40,128 C-40,128 145,128 145,128 C145,128 160,84.33 160,39 C160,-37 126,-132 126,-132z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 161.27,87.91 150,44 C131,-30 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_0_G_G_0_D_1_P_0" fill="freeze" attributeName="d" attributeType="XML" from="M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z " to="M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keyTimes="0;0.0646552;0.1293103;0.1939655;0.2586207;0.3232759;0.387931;0.8706897;1" values="M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z ;M144 -132 C144,-132 -57,-132 -57,-132 C-57,-132 -68,-59 -80,-10 C-91.02,35 -99,128 -99,128 C-99,128 124,128 124,128 C124,128 132,37.33 132,-8 C132,-49.33 144,-132 144,-132z ;M158 -132 C158,-132 -8,-132 -8,-132 C-8,-132 -28,-51 -40,-2 C-51.02,43 -77,128 -77,128 C-77,128 132,128 132,128 C132,128 147.85,37.22 151,-8 C154,-51 158,-132 158,-132z ;M126 -132 C126,-132 105,-132 105,-132 C105,-132 59,-54 33,-4 C11.62,37.11 -40,128 -40,128 C-40,128 145,128 145,128 C145,128 160,84.33 160,39 C160,-37 126,-132 126,-132z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 161.27,87.91 150,44 C131,-30 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 158,128 158,128 C158,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z ;M40 -123 C40,-123 24,-122 24,-122 C24,-122 105,-29 79,21 C57.62,62.11 0,128 0,128 C0,128 130,128 130,128 C130,128 140,70 118,30 C81.18,-36.94 40,-123 40,-123z " keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_0_G" fill="freeze" attributeName="opacity" from="1" to="0" keyTimes="0;0.3189655;0.3362069;1" values="1;1;0;0" keySplines="0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0" calcMode="spline"/><animate repeatCount="indefinite" dur="1.9333333s" begin="0s" xlink:href="#_R_G_L_0_G_N_1_T_0_M" fill="freeze" attributeName="opacity" from="1" to="0" keyTimes="0;0.4655172;0.4655173;1" values="1;1;0;0" keySplines="0 0 0 0;0 0 0 0;0 0 0 0" calcMode="spline"/><animate attributeType="XML" attributeName="opacity" dur="2s" from="0" to="1" xlink:href="#time_group"/></defs><g id="_R_G"><g id="_R_G_L_4_G_N_1_T_0" transform=" translate(472, 386) scale(2.91, 2.91) translate(0, 0)"><g id="_R_G_L_4_G"><g clip-path="url(#_R_G_L_4_C_0)"><path id="_R_G_L_4_G_G_0_D_0_P_0" fill="#000000" fill-opacity="1" fill-rule="nonzero" d=" M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z "/><path id="_R_G_L_4_G_G_0_D_1_P_0" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="0" stroke-opacity="1" d=" M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z "/></g></g></g><g id="_R_G_L_3_G_N_1_T_0_M"><g id="_R_G_L_3_G_N_1_T_0" transform=" translate(472, 386) scale(2.91, 2.91) translate(0, 0)"><g id="_R_G_L_3_G"><g clip-path="url(#_R_G_L_3_C_0)"><path id="_R_G_L_3_G_G_0_D_0_P_0" fill="#000000" fill-opacity="1" fill-rule="nonzero" d=" M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z "/><path id="_R_G_L_3_G_G_0_D_1_P_0" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="0" stroke-opacity="1" d=" M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z "/></g></g></g></g><g id="_R_G_L_2_G_N_1_T_0_M"><g id="_R_G_L_2_G_N_1_T_0" transform=" translate(472, 386) scale(2.91, 2.91) translate(0, 0)"><g id="_R_G_L_2_G"><g clip-path="url(#_R_G_L_2_C_0)"><path id="_R_G_L_2_G_G_0_D_0_P_0" fill="#191919" fill-opacity="1" fill-rule="nonzero" d=" M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z "/><path id="_R_G_L_2_G_G_0_D_1_P_0" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="0" stroke-opacity="1" d=" M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z "/></g></g></g></g><g id="_R_G_L_1_G_N_1_T_0_M"><g id="_R_G_L_1_G_N_1_T_0" transform=" translate(472, 386) scale(2.91, 2.91) translate(0, 0)"><g id="_R_G_L_1_G"><g clip-path="url(#_R_G_L_1_C_0)"><path id="_R_G_L_1_G_G_0_D_0_P_0" fill="#000000" fill-opacity="1" fill-rule="nonzero" d=" M73 -131 C73,-131 -122,-131 -122,-131 C-122,-131 -134,-78 -108.82,-40.65 C-82.67,-1.85 -33,131 -33,131 C-33,131 -21,131 -21,131 C-21,131 -51.52,45.76 -33,10.12 C-8,-38 73,-131 73,-131z "/><path id="_R_G_L_1_G_G_0_D_1_P_0" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="0" stroke-opacity="1" d=" M-89.08 -132 C-89.08,-132 -126.92,-132 -126.92,-132 C-126.92,-132 -121.33,-44.14 -116.79,-10.04 C-111.94,29.21 -110.94,130 -110.94,130 C-110.94,130 -102.06,130 -102.06,130 C-102.06,130 -101,49 -99.75,0.93 C-98,-71 -89.08,-132 -89.08,-132z "/></g></g></g></g><g id="_R_G_L_0_G_N_1_T_0_M"><g id="_R_G_L_0_G_N_1_T_0" transform=" translate(472, 386) scale(2.91, 2.91) translate(0, 0)"><g id="_R_G_L_0_G"><g clip-path="url(#_R_G_L_0_C_0)"><path id="_R_G_L_0_G_G_0_D_0_P_0" fill="#000000" fill-opacity="1" fill-rule="nonzero" d=" M109 -132 C109,-132 -108,-132 -108,-132 C-108,-132 -108,-51.33 -108,-11 C-108,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 109,37.33 109,-8 C109,-49.33 109,-132 109,-132z "/><path id="_R_G_L_0_G_G_0_D_1_P_0" stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="0" stroke-opacity="1" d=" M127 -132 C127,-132 -90,-132 -90,-132 C-90,-132 -97,-51.33 -97,-11 C-97,35.33 -108,128 -108,128 C-108,128 109,128 109,128 C109,128 123,37.33 123,-8 C123,-49.33 127,-132 127,-132z "/></g></g></g></g></g><g id="time_group"/></svg> | |||
There was a problem hiding this comment.
The new thinking-dots.svg hard-codes black fills (including SMIL animate nodes that set attributeName="fill" to #000000/#1b1b1b), so the fill-current styling in ReasoningMessage cannot theme the icon with text-thinking-mode. In dark themes this leaves the indicator very low-contrast or effectively invisible, and it no longer matches the synchronized shimmer color; the SVG should use currentColor (or equivalent CSS-driven fills) instead of fixed black values.
Useful? React with 👍 / 👎.
- Revert the animated SVG from reasoning message rows. - Add a reusable StreamingActivityIcon and use it at the start of streaming status labels. - Apply the icon + shimmer treatment to StreamingBarrier and WorkspaceStatusIndicator streaming states. - Keep the shared shimmer overlay utility for non-text surfaces. --- _Generated with `mux` • Model: `openai:gpt-5.3-codex` • Thinking: `xhigh` • Cost: `.04`_ <!-- mux-attribution: model=openai:gpt-5.3-codex thinking=xhigh costs=1.04 -->
- Render the uploaded SVG as raw markup and scope all internal IDs per component instance. - Avoid duplicate ID collisions between multiple streaming indicators, which can break SMIL animate href targets. - Keep shimmer overlay styling and explicitly size injected SVG nodes. --- _Generated with `mux` • Model: `openai:gpt-5.3-codex` • Thinking: `xhigh` • Cost: `.04`_ <!-- mux-attribution: model=openai:gpt-5.3-codex thinking=xhigh costs=1.04 -->
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Add the animated SVG indicator to the beginning of streaming status messages (not reasoning blocks), and keep the icon shimmer synchronized with the adjacent streaming text shimmer.
Background
The initial implementation placed the animated SVG in reasoning message rows. The intended behavior is to show it with the status labels that say
... streaming...in UI surfaces like the workspace status row and the streaming barrier.Implementation
ReasoningMessage.StreamingActivityIconcomponent backed bythinking-dots.svg.StreamingBarrier+StreamingBarrierViewto:WorkspaceStatusIndicatorto prepend the icon for streaming states and shimmer the- streaming...suffix..shimmer-surfaceCSS utility for non-text shimmer overlays.Validation
make static-checkRisks
Generated with
mux• Model:openai:gpt-5.3-codex• Thinking:xhigh• Cost:$1.04