- );
-}
diff --git a/apps/web/src/pages/run-status-tone-parity.test.ts b/apps/web/src/pages/run-status-tone-parity.test.ts
index b87b55dbf..453a185cc 100644
--- a/apps/web/src/pages/run-status-tone-parity.test.ts
+++ b/apps/web/src/pages/run-status-tone-parity.test.ts
@@ -19,9 +19,7 @@ import { describe, expect, test } from "bun:test";
import { RUN_STATUS_TONE } from "@corbits/react-ui";
import { statusTone } from "./insights-page";
-import { computeInFlightRows } from "./mission-control-page";
import { AGENT_ROSTER_STATUS_TONE } from "./agents-page";
-import type { RoutineActivityItem } from "../shell/routine-activity";
describe("run-status tone parity with react-ui's RUN_STATUS_TONE", () => {
test("Insights' statusTone agrees with canonical for every shared status", () => {
@@ -31,17 +29,6 @@ describe("run-status tone parity with react-ui's RUN_STATUS_TONE", () => {
expect(statusTone("stopped")).toBe(RUN_STATUS_TONE.stopped);
});
- test("Mission Control's in-flight rows agree with canonical for every shared status", () => {
- const routine: RoutineActivityItem = {
- id: "rtn_1",
- name: "Daily brief",
- status: "running",
- startedAt: new Date().toISOString(),
- };
- const [routineRow] = computeInFlightRows([routine]);
- expect(routineRow?.statusTone).toBe(RUN_STATUS_TONE.running);
- });
-
test("Agents' roster status tone (a genuinely different vocabulary) still agrees where it overlaps", () => {
// AgentRosterStatus is its own enum, not RunStatus — this is the one
// local map the ticket calls defensible. It only shares one name
diff --git a/apps/web/src/pages/workbench-room-page.tsx b/apps/web/src/pages/workbench-room-page.tsx
index a57212247..d437675d0 100644
--- a/apps/web/src/pages/workbench-room-page.tsx
+++ b/apps/web/src/pages/workbench-room-page.tsx
@@ -1,9 +1,20 @@
// A workbench is a child tenant, and its room is that tenant's mailbox:
// the timeline is the tenant's mail threads, participants are its
-// principals, and a message is addressed to every agent in the room.
-// Sub-threads are native in-reply-to chains, shown in a side panel.
+// principals, and a message is addressed to every agent in the room. The
+// left info column folds in what Mission Control used to show for a
+// bench overall — here scoped to this one workbench: latest activity,
+// relevant artifacts, and pending approvals with approve/deny. Sub-threads
+// are native in-reply-to chains, shown in a side panel.
-import { Button, EmptyState, PageShell, Textarea } from "@corbits/react-ui";
+import {
+ Button,
+ EmptyState,
+ PageShell,
+ Skeleton,
+ Textarea,
+ formatRelativeTime,
+ toast,
+} from "@corbits/react-ui";
import { WarningCircle } from "@/lib/icons";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { useEffect, useState } from "react";
@@ -18,9 +29,12 @@ import {
type RoomMessage,
type RoomParticipant,
} from "@/chat/threads-api";
+import { approveApproval, ArtifactListPageSchema, rejectApproval, useAPIQuery } from "../api";
import { useBench } from "../bench-context";
import { createFetchStockHub } from "../needs-converge";
+import { usePendingApprovals, type PendingApproval } from "../pending-approvals";
import { roomKeys } from "../chat-path";
+import { tenantKeys } from "../query-client";
import { StageTopBar } from "../shell/stage-top-bar";
import { workbenchIdFromPath } from "../workbench-path";
@@ -113,6 +127,152 @@ function ParticipantList({ participants }: { readonly participants: readonly Roo
);
}
+function ApprovalRow({
+ item,
+ tenantId,
+}: {
+ readonly item: PendingApproval;
+ readonly tenantId: string;
+}) {
+ const queryClient = useQueryClient();
+ const resolveMutation = useMutation({
+ mutationFn: (action: "approve" | "deny") =>
+ action === "approve" ? approveApproval(tenantId, item.id) : rejectApproval(tenantId, item.id),
+ onSuccess: () => {
+ void queryClient.invalidateQueries({
+ queryKey: tenantKeys.pendingApprovals(tenantId),
+ });
+ },
+ onError: (cause, action) => {
+ toast(
+ cause instanceof Error
+ ? cause.message
+ : `Couldn't ${action === "approve" ? "approve" : "deny"} that request.`,
+ );
+ },
+ });
+ const pending = resolveMutation.isPending ? resolveMutation.variables : null;
+
+ return (
+