feat: add synchronized authoring chat dock

2026-07-11 06:44:21 +07:00
parent 01c52ea9bc
commit 2353ab114e
6 changed files with 228 additions and 45 deletions
@@ -0,0 +1,39 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it } from "vitest";
+import { AuthoringConversation } from "./AuthoringConversation.js";
+
+afterEach(cleanup);
+
+describe("AuthoringConversation", () => {
+  it("renders a full prepared chat with real workflow tool calls", () => {
+    render(
+      <AuthoringConversation
+        throughPhase="deployment"
+        activePhase="deployment"
+        surface="stage"
+      />,
+    );
+
+    expect(screen.getByRole("log", { name: "prepared authoring conversation" }))
+      .toHaveAttribute("data-surface", "stage");
+    expect(screen.getAllByText(/runWorkflowCommand/i).length).toBeGreaterThan(0);
+    expect(screen.getAllByText(/deployment/i).length).toBeGreaterThan(0);
+  });
+
+  it("opens only the beat-synchronized tool group in dock mode", () => {
+    render(
+      <AuthoringConversation
+        throughPhase="validate"
+        activePhase="validate"
+        surface="dock"
+      />,
+    );
+
+    const log = screen.getByRole("log", { name: "prepared authoring conversation" });
+    expect(log).toHaveAttribute("data-surface", "dock");
+    expect(screen.getByRole("button", { name: /validate.*2 tool calls/i }))
+      .toHaveAttribute("aria-expanded", "true");
+    expect(screen.getByRole("button", { name: /draft.*3 tool calls/i }))
+      .toHaveAttribute("aria-expanded", "false");
+  });
+});
@@ -0,0 +1,27 @@
+import { AssistantOperatorThread } from "../chat/AssistantOperatorThread.js";
+import {
+  authoringToolGroupId,
+  projectPreparedAuthoringThread,
+  type AuthoringPhaseId,
+} from "./authoring-recording.js";
+
+type AuthoringConversationProps = {
+  readonly throughPhase: AuthoringPhaseId;
+  readonly activePhase: AuthoringPhaseId;
+  readonly surface: "stage" | "dock";
+};
+
+/** Renders the same prepared conversation at full-stage or compact-dock scale. */
+export const AuthoringConversation = ({
+  throughPhase,
+  activePhase,
+  surface,
+}: AuthoringConversationProps) => (
+  <AssistantOperatorThread
+    mode={surface === "stage" ? "full" : "dock"}
+    surface={surface}
+    messages={projectPreparedAuthoringThread(throughPhase)}
+    activeToolGroupId={authoringToolGroupId(activePhase)}
+    ariaLabel="prepared authoring conversation"
+  />
+);