feat(vscode-ide-companion): enhance panel manager group tracking and ui improvements

chore(vscode-ide-companion): remove unused todo comment in auth state manager
This commit is contained in:
yiliang114
2025-12-10 00:46:22 +08:00
parent d2e2a07327
commit 4345b9370e
5 changed files with 49 additions and 36 deletions

View File

@@ -646,8 +646,7 @@ export const App: React.FC = () => {
<div
ref={messagesContainerRef}
className="chat-messages flex-1 overflow-y-auto overflow-x-hidden pt-5 pr-5 pl-5 pb-[120px] flex flex-col relative min-w-0 focus:outline-none [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-white/20 [&::-webkit-scrollbar-thumb]:rounded-sm [&::-webkit-scrollbar-thumb:hover]:bg-white/30 [&>*]:flex [&>*]:gap-0 [&>*]:items-start [&>*]:text-left [&>*]:py-2 [&>*:not(:last-child)]:pb-[8px] [&>*]:flex-col [&>*]:relative [&>*]:animate-[fadeIn_0.2s_ease-in]"
style={{ backgroundColor: 'var(--app-primary-background)' }}
className="chat-messages messages-container flex-1 overflow-y-auto overflow-x-hidden pt-5 pr-5 pl-5 pb-[120px] flex flex-col relative min-w-0 focus:outline-none [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-white/20 [&::-webkit-scrollbar-thumb]:rounded-sm [&::-webkit-scrollbar-thumb]:hover:bg-white/30 [&>*]:flex [&>*]:gap-0 [&>*]:items-start [&>*]:text-left [&>*]:py-2 [&>*:not(:last-child)]:pb-[8px] [&>*]:flex-col [&>*]:relative [&>*]:animate-[fadeIn_0.2s_ease-in]"
>
{!hasContent ? (
<EmptyState />
@@ -655,12 +654,17 @@ export const App: React.FC = () => {
<>
{/* Render all messages and tool calls */}
{renderMessages()}
{messageHandling.isWaitingForResponse &&
messageHandling.loadingMessage && (
<WaitingMessage
loadingMessage={messageHandling.loadingMessage}
/>
)}
{/* Flow-in persistent slot: keeps a small constant height so toggling */}
{/* the waiting message doesn't change list height to zero. When */}
{/* active, render the waiting message inline (not fixed). */}
<div className="waiting-message-slot min-h-[28px]">
{messageHandling.isWaitingForResponse &&
messageHandling.loadingMessage && (
<WaitingMessage
loadingMessage={messageHandling.loadingMessage}
/>
)}
</div>
<div ref={messagesEndRef} />
</>