chore: sync workspace changes

2026-04-20 05:04:49 +00:00 · 2026-01-27 05:06:33 -08:00 · 2026-01-27 05:06:33 -08:00 · bf58891edf
commit bf58891edf
parent d24f983e2c
139 changed files with 5454 additions and 8986 deletions
--- a/frontend/packages/inspector/src/components/chat/ChatMessages.tsx
+++ b/frontend/packages/inspector/src/components/chat/ChatMessages.tsx
@ -0,0 +1,75 @@
+import { getAvatarLabel, getMessageClass } from "./messageUtils";
+import renderContentPart from "./renderContentPart";
+import type { TimelineEntry } from "./types";
+
+const ChatMessages = ({
+  entries,
+  sessionError,
+  messagesEndRef
+}: {
+  entries: TimelineEntry[];
+  sessionError: string | null;
+  messagesEndRef: React.RefObject<HTMLDivElement>;
+}) => {
+  return (
+    <div className="messages">
+      {entries.map((entry) => {
+        if (entry.kind === "meta") {
+          const messageClass = entry.meta?.severity === "error" ? "error" : "system";
+          return (
+            <div key={entry.id} className={`message ${messageClass}`}>
+              <div className="avatar">{getAvatarLabel(messageClass)}</div>
+              <div className="message-content">
+                <div className="message-meta">
+                  <span>{entry.meta?.title ?? "Status"}</span>
+                </div>
+                {entry.meta?.detail && <div className="part-body">{entry.meta.detail}</div>}
+              </div>
+            </div>
+          );
+        }
+
+        const item = entry.item;
+        if (!item) return null;
+        const hasParts = (item.content ?? []).length > 0;
+        const isInProgress = item.status === "in_progress";
+        const isFailed = item.status === "failed";
+        const messageClass = getMessageClass(item);
+        const statusLabel = item.status !== "completed" ? item.status.replace("_", " ") : "";
+        const kindLabel = item.kind.replace("_", " ");
+
+        return (
+          <div key={entry.id} className={`message ${messageClass} ${isFailed ? "error" : ""}`}>
+            <div className="avatar">{getAvatarLabel(isFailed ? "error" : messageClass)}</div>
+            <div className="message-content">
+              {(item.kind !== "message" || item.status !== "completed") && (
+                <div className="message-meta">
+                  <span>{kindLabel}</span>
+                  {statusLabel && (
+                    <span className={`pill ${item.status === "failed" ? "danger" : "accent"}`}>
+                      {statusLabel}
+                    </span>
+                  )}
+                </div>
+              )}
+              {hasParts ? (
+                (item.content ?? []).map(renderContentPart)
+              ) : entry.deltaText ? (
+                <span>
+                  {entry.deltaText}
+                  {isInProgress && <span className="cursor" />}
+                </span>
+              ) : (
+                <span className="muted">No content yet.</span>
+              )}
+            </div>
+          </div>
+        );
+      })}
+      {sessionError && <div className="message-error">{sessionError}</div>}
+      <div ref={messagesEndRef} />
+    </div>
+  );
+};
+
+export default ChatMessages;