feat(workbench): refine operational interface

features/agent/components/agent-command-panel.tsx

@@ -52,7 +52,7 @@ import {
   agentPanelSectionVariants
 } from "./agent-motion";
 import { AgentHistoryPanel } from "./agent-history-panel";
-import { AgentMessageDetails } from "./agent-message-details";
+import { AgentMessageDetails, AgentMessageProgress } from "./agent-message-details";
 import { AgentOperationalBrief } from "./agent-operational-brief";
 import { AgentUiEnvelopeRenderer } from "./agent-ui-envelope-renderer";
 import { StreamingTokenResponse } from "./streaming-token-response";
@@ -175,7 +175,7 @@ export function AgentCommandPanel({
                 <div className="min-w-0">
                   <div className="flex min-w-0 items-center gap-2">
                     <p className="shrink-0 text-xs font-semibold uppercase text-slate-500">对话主题</p>
-                    <span className="inline-flex h-6 shrink-0 items-center gap-1.5 rounded-lg border border-slate-200/70 bg-white/75 px-2 text-xs font-semibold text-slate-600">
+                    <span className="inline-flex h-6 shrink-0 items-center gap-1.5 rounded-lg border border-slate-200/70 bg-[var(--glass-readable)] px-2 text-xs font-semibold text-slate-600">
                       <span className={cn("h-1.5 w-1.5 rounded-full", getAgentConnectionClassName(statusLabel))} />
                       {getAgentConnectionLabel(statusLabel)}
                     </span>
@@ -313,15 +313,17 @@ export function AgentCommandPanel({
         </AgentContent>
 
         <div className="agent-panel-band space-y-2 border-t border-white/70 p-3">
-          <Suggestions aria-label="推荐问题" role="group">
+          <Suggestions aria-label="推荐问题" role="group" className="px-0.5">
             {AGENT_PROMPT_SUGGESTIONS.map((suggestion) => (
               <Suggestion
                 key={suggestion}
                 suggestion={suggestion}
                 disabled={streaming}
                 onClick={submitPrompt}
-                className="border-slate-200/80 bg-white/75 text-slate-600 shadow-none hover:border-blue-200 hover:bg-blue-50 hover:text-blue-700"
-              />
+                className="max-w-full border-slate-200/80 bg-[var(--glass-readable)] text-slate-600 shadow-none hover:border-blue-200 hover:bg-blue-50 hover:text-blue-700"
+              >
+                <span className="truncate">{suggestion}</span>
+              </Suggestion>
             ))}
           </Suggestions>
           <PromptInput
@@ -520,7 +522,7 @@ function AgentModelSelect({
                 key={model.id}
                 className={cn(
                   "rounded-lg border border-transparent px-2.5 py-2 focus:bg-slate-50",
-                  selected && "border-violet-200 bg-violet-50/80 focus:bg-violet-50"
+                  selected && "glass-agent border-violet-200 focus:bg-violet-50"
                 )}
                 onSelect={() => onValueChange?.(model.id)}
               >
@@ -612,6 +614,12 @@ function BackendMessageList({
                 )}
               >
                 <div className="space-y-3">
+                  {message.role === "assistant" ? (
+                    <AgentMessageProgress
+                      progress={message.progress}
+                      running={streaming && index === messages.length - 1}
+                    />
+                  ) : null}
                   {message.content ? (
                     message.role === "assistant" ? (
                       <StreamingTokenResponse