源码快照 @ 2026-09-01 (source-only, 剔除非源码素材)

packages/agent/gui/shared/agentConversation/components/AgentProcessingRow.tsx

@@ -0,0 +1,47 @@
+import type { JSX } from "react";
+import type { AgentProcessingRowVM } from "../contracts/agentProcessingRowVM";
+
+export function AgentProcessingRow({
+  row,
+  label,
+  paused = false
+}: {
+  row: AgentProcessingRowVM;
+  label: string;
+  paused?: boolean;
+}): JSX.Element {
+  "use memo";
+
+  return (
+    <div
+      data-row-id={row.id}
+      className="workspace-agents-status-panel__detail-processing inline-flex items-center gap-1.5"
+    >
+      <span className="inline-flex min-w-0 items-center gap-1 font-semibold">
+        <span>{processingLabel(row, label)}</span>
+        {paused ? null : <LoadingEllipsis />}
+      </span>
+    </div>
+  );
+}
+
+function processingLabel(row: AgentProcessingRowVM, fallback: string): string {
+  if (row.label?.trim()) {
+    return row.label.trim();
+  }
+  return fallback;
+}
+
+function LoadingEllipsis(): JSX.Element {
+  "use memo";
+  return (
+    <span
+      className="tsh-inline-loading-ellipsis tsh-inline-loading-ellipsis--entry-timing"
+      aria-hidden="true"
+    >
+      <span />
+      <span />
+      <span />
+    </span>
+  );
+}