refactor(chat): split screen orchestration

2026-07-08 15:33:24 +08:00
parent 18aa69bdd9
commit 21b6d346bd
15 changed files with 522 additions and 179 deletions
@@ -0,0 +1,43 @@
+"use client";
+
+import { useChatDispatch, useChatState } from "@/stores/chat/chat-context";
+import type { ChatUnlockPaywallRequest } from "@/stores/chat/chat-state";
+
+import { HistoryUnlockDialog } from "./history-unlock-dialog";
+import { InsufficientCreditsDialog } from "./insufficient-credits-dialog";
+
+export interface ChatUnlockDialogsProps {
+  unlockPaywallRequest: ChatUnlockPaywallRequest | null;
+  onCloseInsufficientCreditsDialog: () => void;
+  onConfirmInsufficientCreditsDialog: () => void;
+}
+
+export function ChatUnlockDialogs({
+  unlockPaywallRequest,
+  onCloseInsufficientCreditsDialog,
+  onConfirmInsufficientCreditsDialog,
+}: ChatUnlockDialogsProps) {
+  const chatState = useChatState();
+  const chatDispatch = useChatDispatch();
+
+  return (
+    <>
+      <HistoryUnlockDialog
+        open={chatState.unlockHistoryPromptVisible}
+        lockedCount={chatState.lockedHistoryCount}
+        isLoading={chatState.isUnlockingHistory}
+        errorMessage={chatState.unlockHistoryError}
+        onClose={() => chatDispatch({ type: "ChatUnlockHistoryDismissed" })}
+        onConfirm={() => chatDispatch({ type: "ChatUnlockHistoryConfirmed" })}
+      />
+      <InsufficientCreditsDialog
+        open={unlockPaywallRequest !== null}
+        creditBalance={unlockPaywallRequest?.creditBalance ?? 0}
+        requiredCredits={unlockPaywallRequest?.requiredCredits ?? 0}
+        shortfallCredits={unlockPaywallRequest?.shortfallCredits ?? 0}
+        onClose={onCloseInsufficientCreditsDialog}
+        onConfirm={onConfirmInsufficientCreditsDialog}
+      />
+    </>
+  );
+}