Skip to content

Commit 0e738ef

Browse files
committed
refactor(webview): 优化ThinkingLiveBubble组件显示效果
- 引入ProgressShimmer组件替代文字动画效果 - 调整Spinner尺寸为3.5以增强视觉统一性 - 移除BubbleDot组件减少界面冗余元素 - 优化Thinking状态文本的展示样式和交互体验
1 parent ebe5e8f commit 0e738ef

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

packages/vscode-ide-companion/src/webview/components/ThinkingLiveBubble.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import { useEffect, useState, useRef, useCallback } from "react";
22
import BubbleDot from "@/webview/components/bubbles/BubbleDot";
33
import { Spinner } from "@/webview/components/ui/spinner";
44
import type { LlmStreamProgressData } from "@/webview/types";
5+
import ProgressShimmer from "@/webview/components/ProgressShimmer";
56

67
interface ThinkingLiveBubbleProps {
78
llmStreamProgress: LlmStreamProgressData | null;
@@ -86,10 +87,9 @@ export default function ThinkingLiveBubble({
8687

8788
return (
8889
<div className="flex gap-2 mb-3 px-4 w-full max-w-237.5 mx-auto min-w-sm">
89-
<BubbleDot connectToPrev={shouldConnect} className="mt-1" />
9090
<div className="flex items-center gap-2 text-sm text-muted-foreground">
91-
<Spinner className="h-3 w-3" />
92-
<span className="font-medium">Thinking</span>
91+
<Spinner className="size-3.5" />
92+
<ProgressShimmer className="font-medium">Thinking</ProgressShimmer>
9393
<span className="text-xs">{statusText}</span>
9494
</div>
9595
</div>

0 commit comments

Comments
 (0)