chore: import upstream snapshot with attribution

2026-07-13 12:58:18 +08:00
commit 6d5d58c1a9
18293 changed files with 3502153 additions and 0 deletions
@@ -0,0 +1,72 @@
+/**
+ * Displays outgoing A2A messages (Orchestrator → Agent).
+ * Green box with sender/receiver badges and task description.
+ */
+
+import React from "react";
+import { getAgentStyle, truncateTask } from "./agent-styles";
+
+type MessageActionRenderProps = {
+  status: string;
+  args: {
+    agentName?: string;
+    task?: string;
+  };
+};
+
+export const MessageToA2A: React.FC<MessageActionRenderProps> = ({
+  status,
+  args,
+}) => {
+  switch (status) {
+    case "executing":
+    case "complete":
+      break;
+    default:
+      return null;
+  }
+
+  if (!args.agentName || !args.task) {
+    return null;
+  }
+
+  const agentStyle = getAgentStyle(args.agentName);
+
+  return (
+    <div className="bg-green-50 border border-green-200 rounded-lg px-4 py-3 my-2 a2a-message-enter">
+      <div className="flex items-start gap-3">
+        <div className="flex items-center gap-2 flex-shrink-0">
+          <div className="flex flex-col items-center">
+            <span className="px-3 py-1 rounded-full text-xs font-semibold bg-gray-700 text-white">
+              Orchestrator
+            </span>
+            <span className="text-[9px] text-gray-500 mt-0.5">ADK</span>
+          </div>
+
+          <span className="text-gray-400 text-sm">→</span>
+
+          <div className="flex flex-col items-center">
+            <span
+              className={`px-3 py-1 rounded-full text-xs font-semibold border-2 ${agentStyle.bgColor} ${agentStyle.textColor} ${agentStyle.borderColor} flex items-center gap-1`}
+            >
+              <span>{agentStyle.icon}</span>
+              <span>{args.agentName}</span>
+            </span>
+            {agentStyle.framework && (
+              <span className="text-[9px] text-gray-500 mt-0.5">
+                {agentStyle.framework}
+              </span>
+            )}
+          </div>
+        </div>
+
+        <span
+          className="text-gray-700 text-sm flex-1 min-w-0 break-words"
+          title={args.task}
+        >
+          {truncateTask(args.task)}
+        </span>
+      </div>
+    </div>
+  );
+};