+
+ {section.title}
+{section.body}
+
+ setPendingEcommerceTemplate(null)}
+ />
+
+ )}
diff --git a/src/components/CookieConsentBanner.tsx b/src/components/CookieConsentBanner.tsx
new file mode 100644
index 0000000..ebdebb5
--- /dev/null
+++ b/src/components/CookieConsentBanner.tsx
@@ -0,0 +1,31 @@
+import { useEffect, useState } from "react";
+
+const COOKIE_CONSENT_KEY = "omniai:cookie-consent:v1";
+
+export default function CookieConsentBanner() {
+ const [visible, setVisible] = useState(false);
+
+ useEffect(() => {
+ setVisible(localStorage.getItem(COOKIE_CONSENT_KEY) !== "accepted");
+ }, []);
+
+ const accept = () => {
+ localStorage.setItem(COOKIE_CONSENT_KEY, "accepted");
+ setVisible(false);
+ };
+
+ if (!visible) return null;
+
+ return (
+
+ Cookie 与本地存储提示
+
+ 我们使用 Cookie 和本地存储保存登录状态、偏好设置、创作草稿和断点续传数据，用于保障服务正常运行。
+
+ 查看隐私政策
+
+
+
{displayedChildren}
diff --git a/src/features/compliance/CompliancePage.tsx b/src/features/compliance/CompliancePage.tsx
new file mode 100644
index 0000000..624754b
--- /dev/null
+++ b/src/features/compliance/CompliancePage.tsx
@@ -0,0 +1,98 @@
+import { FileTextOutlined, SafetyOutlined } from "@ant-design/icons";
+
+type ComplianceKind = "agreement" | "privacy";
+
+interface CompliancePageProps {
+ kind: ComplianceKind;
+}
+
+const companyName = "OmniAI";
+const contactPhone = "15155073618";
+const address = "江苏省南京市江北新区扬子江数字视听产业园9栋A楼501";
+
+const agreementSections = [
+ {
+ title: "服务范围",
+ body: "平台提供 AI 图片、视频、脚本、数字人及相关创作辅助服务。具体功能、模型能力、消耗规则以页面展示和平台公告为准。",
+ },
+ {
+ title: "账号与使用",
+ body: "用户应保证注册信息真实有效，妥善保管账号与登录凭证，不得出租、转让账号或以自动化方式恶意占用平台资源。",
+ },
+ {
+ title: "内容合规",
+ body: "用户不得上传、生成、发布违法违规、侵权、涉政敏感、暴恐、色情、赌博、诈骗或侵犯他人合法权益的内容。平台有权对违规内容采取删除、限制功能、封禁账号等措施。",
+ },
+ {
+ title: "积分与付费",
+ body: "积分仅限平台内消费，不支持提现、转让或折现。充值、套餐、赠送积分的有效期、消耗顺序和退费规则以充值页面展示为准。",
+ },
+ {
+ title: "责任限制",
+ body: "AI 生成结果可能存在偏差，用户应自行审核输出内容并承担使用后果。因不可抗力、第三方服务异常、网络故障造成的服务中断，平台将在合理范围内修复。",
+ },
+];
+
+const privacySections = [
+ {
+ title: "收集的信息",
+ body: "我们会收集账号信息、登录状态、联系方式、创作输入、生成结果、用量记录、设备与网络日志，用于提供服务、安全审计和问题排查。",
+ },
+ {
+ title: "Cookie 与本地存储",
+ body: "我们使用 Cookie、localStorage 和 sessionStorage 保存登录状态、偏好设置、Cookie 同意状态、创作草稿和断点续传数据。",
+ },
+ {
+ title: "信息使用",
+ body: "信息用于身份验证、生成任务处理、资产管理、积分计费、客服支持、风控合规、服务优化和法律法规要求的备案审计。",
+ },
+ {
+ title: "第三方处理",
+ body: "为完成 AI 生成、对象存储、短信邮件、支付或错误监控，我们可能向必要的第三方服务提供最小范围数据，并要求其按约定保护数据安全。",
+ },
+ {
+ title: "用户权利",
+ body: "你可以通过平台账号功能或联系方式申请访问、更正、删除个人信息，或撤回非必要授权。法律法规另有要求的记录可能需按规定保留。",
+ },
+];
+
+export default function CompliancePage({ kind }: CompliancePageProps) {
+ const isPrivacy = kind === "privacy";
+ const sections = isPrivacy ? privacySections : agreementSections;
+ const title = isPrivacy ? "隐私政策" : "用户协议";
+ const Icon = isPrivacy ? SafetyOutlined : FileTextOutlined;
+
+ return (
+
+
+ );
+}
diff --git a/src/features/ecommerce/EcommercePage.tsx b/src/features/ecommerce/EcommercePage.tsx
index 9b574c3..f7963a5 100644
--- a/src/features/ecommerce/EcommercePage.tsx
+++ b/src/features/ecommerce/EcommercePage.tsx
@@ -2064,47 +2064,168 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
- {status === "done" ? (
-
-
-
-
- ) : (
-
- {status === "generating" ?
+ {/* Source Node — 原图素材 */}
+
+
+ {/* Status Overlay — 生成状态覆盖层 */}
+ {status !== "done" ? (
+
+ {status === "generating" ? (
+ <>
+
) : null}
-
+
+ ) : (
+ <>
+ {status === "done" ? (
+
+
+
+
+ ) : (
+
+ {status === "generating" ?
+ )}
+
)}
diff --git a/src/features/ecommerce/EcommerceVideoWorkspace.tsx b/src/features/ecommerce/EcommerceVideoWorkspace.tsx
index c318d85..79c8a92 100644
--- a/src/features/ecommerce/EcommerceVideoWorkspace.tsx
+++ b/src/features/ecommerce/EcommerceVideoWorkspace.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import {
CopyOutlined,
DownloadOutlined,
@@ -619,123 +619,126 @@ export default function EcommerceVideoWorkspace({
{!sourceImage ? (
+
+
+
+
+
+ 合规文件
+
+ {title}
+{companyName} 平台服务合规说明。更新日期：2026 年 6 月 3 日。
+
+ {sections.map((section, index) => (
+
+ {String(index + 1).padStart(2, "0")}
+
+ ))}
+
+
+
+
- {cloneOutput === "set" ? (
- clonePreviewCards.map((card) => (
-
- ))
- ) : results[0]?.src ? (
-
- ) : null}
-
-
+
+
+ {/* Connector — 分支连接线 */}
+
+
+ {/* Branches — 生成路径分支 */}
+ {status === "done" ? (
+
+ {productImages[0]?.src ? (
+ 
+ ) : (
+
+ 附件原图
+
+
+ )}
+
+ {results[0]?.src ? (
+
+ ) : (
+
+
+ ) : null}
+
+
+
+
+
+
+ {selectedCloneOutput.label}
+ {requirement || "AI智能生成"}
+
+
+ 
+ 分镜视频
+
+
+ {[1, 2, 3].map((branchIndex) => (
+
+ )}
+
+
+ ))}
+
+
+
+
+ 分镜文本{branchIndex}
+
+ {status === "generating" ? "AI 解析中..." : "等待生成"}
+
+
+
+
+
+
+ {status === "generating" ?
+ 分镜图{branchIndex}
+
+
+
+ {status === "generating" ?
+ 分镜视频{branchIndex}
+
+ {cloneOutput === "set" ? (
+ clonePreviewCards.map((card) => (
+
+ ))
+ ) : results[0]?.src ? (
+
+ ) : null}
+
+
- 上传商品图并点击"一键策划"开始
+ 上传商品图并点击“一键策划”开始
) : (
-
- {/* Source image node */}
-
-
- 
+
+ {/* Source Node — 附件原图 */}
+
+
+
+
+ 附件原图
+
+
+ {/* Branch Connector — 分支连接线 */}
+