feat: restore dispatch confirmation flows

src/components/app-ui.tsx

@@ -14,6 +14,10 @@ import {
   popAppHistoryEntry,
   resolveAppBackAction,
 } from "@/lib/boss-app-client";
+import {
+  extractApprovedTargetProjectIds,
+  summarizeDispatchPlan,
+} from "@/lib/dispatch-plan-ui";
 import type {
   Device,
   DeviceEnrollment,
@@ -806,11 +810,64 @@ export function MasterIdentityPill({ identity }: { identity: MasterIdentitySumma
   );
 }
 
-export function ChatComposer({ projectId }: { projectId: string }) {
+type PendingDispatchPlanState = {
+  planId: string;
+  summary?: string;
+  targets: Array<{ projectId: string; threadDisplayName: string }>;
+};
+
+export function ChatComposer({
+  projectId,
+  initialPendingDispatchPlan,
+}: {
+  projectId: string;
+  initialPendingDispatchPlan?: PendingDispatchPlanState | null;
+}) {
   const router = useRouter();
   const [value, setValue] = useState("");
   const [message, setMessage] = useState("");
+  const [messageTone, setMessageTone] = useState<"success" | "error">("success");
   const [loading, setLoading] = useState(false);
+  const [localPendingDispatchPlan, setLocalPendingDispatchPlan] =
+    useState<PendingDispatchPlanState | null>(null);
+  const [dismissedPendingPlanId, setDismissedPendingPlanId] = useState<string | null>(null);
+  const pendingDispatchPlan =
+    localPendingDispatchPlan ??
+    (initialPendingDispatchPlan && initialPendingDispatchPlan.planId !== dismissedPendingPlanId
+      ? initialPendingDispatchPlan
+      : null);
+
+  async function confirmDispatchPlan() {
+    if (!pendingDispatchPlan) return;
+    setLoading(true);
+    const response = await fetch(
+      `/api/v1/projects/${projectId}/dispatch-plans/${pendingDispatchPlan.planId}/confirm`,
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          approvedTargetProjectIds: extractApprovedTargetProjectIds(pendingDispatchPlan),
+        }),
+      },
+    );
+    const result = (await response.json()) as {
+      ok: boolean;
+      executions?: Array<unknown>;
+      message?: string;
+    };
+    setLoading(false);
+    if (!result.ok) {
+      setMessageTone("error");
+      setMessage(result.message ?? "确认下发失败，请重试。");
+      return;
+    }
+    const executionCount = result.executions?.length ?? extractApprovedTargetProjectIds(pendingDispatchPlan).length;
+    setLocalPendingDispatchPlan(null);
+    setDismissedPendingPlanId(pendingDispatchPlan.planId);
+    setMessageTone("success");
+    setMessage(`已确认下发到 ${executionCount} 个线程。`);
+    router.refresh();
+  }
 
   async function send(kind: "text" | "voice_intent" | "image_intent" | "video_intent") {
     setLoading(true);
@@ -819,7 +876,19 @@ export function ChatComposer({ projectId }: { projectId: string }) {
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ body: kind === "text" ? value : undefined, kind }),
     });
-    const result = (await response.json()) as { ok: boolean; message?: { body: string } };
+    const result = (await response.json()) as {
+      ok: boolean;
+      message?: { body: string };
+      dispatchPlan?: {
+        planId: string;
+        summary?: string;
+        targets?: Array<{ projectId: string; threadDisplayName: string }>;
+      } | null;
+      collaborationGate?: {
+        requiresMasterAgentApproval?: boolean;
+      };
+      messageText?: string;
+    };
     setLoading(false);
     if (result.ok) {
       void sendAppLog({
@@ -832,7 +901,23 @@ export function ChatComposer({ projectId }: { projectId: string }) {
         mirrorToMaster: false,
       });
       setValue("");
-      setMessage("");
+      if (result.dispatchPlan) {
+        setLocalPendingDispatchPlan({
+          planId: result.dispatchPlan.planId,
+          summary: result.dispatchPlan.summary,
+          targets: result.dispatchPlan.targets ?? [],
+        });
+        setDismissedPendingPlanId(null);
+        setMessage(
+          result.collaborationGate?.requiresMasterAgentApproval
+            ? "消息已发送，等待你批准主 Agent 下发。"
+            : "消息已发送，主 Agent 已给出推荐线程。",
+        );
+        setMessageTone("success");
+      } else {
+        setLocalPendingDispatchPlan(null);
+        setMessage("");
+      }
       router.refresh();
       return;
     }
@@ -845,6 +930,7 @@ export function ChatComposer({ projectId }: { projectId: string }) {
       detail: "Boss 会话消息接口返回失败。",
       mirrorToMaster: true,
     });
+    setMessageTone("error");
     setMessage("消息发送失败，请重试。");
   }
 
@@ -887,10 +973,44 @@ export function ChatComposer({ projectId }: { projectId: string }) {
         <Link href={`/conversations/${projectId}/forward`}>转发</Link>
       </div>
       {message ? (
-        <div className="mt-3 rounded-2xl bg-[#FFF1F0] px-4 py-3 text-[12px] text-[#CF1322]">
+        <div
+          className={clsx(
+            "mt-3 rounded-2xl px-4 py-3 text-[12px]",
+            messageTone === "success"
+              ? "bg-[#EAF7F0] text-[#215B39]"
+              : "bg-[#FFF1F0] text-[#CF1322]",
+          )}
+        >
           {message}
         </div>
       ) : null}
+      {pendingDispatchPlan ? (
+        <div className="mt-3 rounded-2xl border border-[#E5E5EA] bg-[#F7F8FA] px-4 py-4 text-[12px] leading-6 text-[#57606A]">
+          <div className="text-[14px] font-semibold text-[#111111]">等待你确认主 Agent 推荐</div>
+          <div className="mt-2 whitespace-pre-line">{summarizeDispatchPlan(pendingDispatchPlan)}</div>
+          <div className="mt-3 flex flex-wrap gap-2">
+            <button
+              type="button"
+              disabled={loading}
+              onClick={() => void confirmDispatchPlan()}
+              className="rounded-full bg-[#07C160] px-4 py-2 text-[13px] font-semibold text-white disabled:bg-[#B7E6C9]"
+            >
+              确认下发
+            </button>
+            <button
+              type="button"
+              disabled={loading}
+              onClick={() => {
+                setLocalPendingDispatchPlan(null);
+                setDismissedPendingPlanId(pendingDispatchPlan.planId);
+              }}
+              className="rounded-full border border-[#D9D9D9] px-4 py-2 text-[13px] font-semibold text-[#57606A]"
+            >
+              稍后处理
+            </button>
+          </div>
+        </div>
+      ) : null}
     </div>
   );
 }