Merge pull request 'feat: implement multi-turn conversation system for generation record detail with deduplication enhancement' (#18 ) from feat/ecommerce-record-detail-conversation-panel into main

Reviewed-on: #18
Merge branch 'main' into feat/ecommerce-record-detail-conversation-panel
2026-06-16 05:07:49 +00:00 · 2026-06-16 05:07:45 +00:00 · 2026-06-16 13:02:11 +08:00 · 2026-06-16 11:44:55 +08:00 · 2026-06-15 22:00:00 +08:00 · 2026-06-15 21:56:00 +08:00
43 changed files with 5863 additions and 407 deletions
@@ -0,0 +1,43 @@
+# 自动检测文本文件并统一换行符
+* text=auto eol=lf
+
+# 源码强制使用 LF（跨平台一致）
+*.ts text eol=lf
+*.tsx text eol=lf
+*.js text eol=lf
+*.jsx text eol=lf
+*.mjs text eol=lf
+*.cjs text eol=lf
+*.json text eol=lf
+*.css text eol=lf
+*.html text eol=lf
+*.md text eol=lf
+*.svg text eol=lf
+
+# 配置类（统一 LF）
+*.yml text eol=lf
+*.yaml text eol=lf
+*.toml text eol=lf
+*.conf text eol=lf
+
+# Windows 专用脚本保持 CRLF
+*.bat text eol=crlf
+*.cmd text eol=crlf
+
+# 二进制文件，不做换行符转换
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.gif binary
+*.webp binary
+*.ico binary
+*.woff binary
+*.woff2 binary
+*.ttf binary
+*.eot binary
+*.otf binary
+*.mp4 binary
+*.mp3 binary
+*.pdf binary
+*.zip binary
+*.gz binary
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="zh-CN">
+<html lang="zh-CN" data-theme="dark" data-ui-theme="dark-green" style="color-scheme: dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -1,4 +1,4 @@
-import { Suspense, useCallback, useEffect, useMemo, useState } from "react";
+import { lazy, Suspense, useCallback, useEffect, useMemo, useState } from "react";
 import {
  BugOutlined,
  CheckCircleFilled,
@@ -20,9 +20,7 @@ import {
 import ErrorBoundary from "./components/ErrorBoundary";
 import ToastContainer from "./components/toast/ToastContainer";
 import { toast } from "./components/toast/toastStore";
-import EcommercePage from "./features/ecommerce/EcommercePage";
 import { flushPendingGenerationRecords } from "./api/generationRecordClient";
-import { ossAssets } from "./data/ossAssets";
 import { keyServerClient } from "./api/keyServerClient";
 import { setUserMaxConcurrency } from "./api/generationConcurrency";
 import {
@@ -38,6 +36,8 @@ import { useAppStore, useSessionStore } from "./stores";
 import type { WebUserSession } from "./types";
 import "./styles/ecommerce-standalone.css";

+const EcommercePage = lazy(() => import("./features/ecommerce/EcommercePage"));
+
 type AuthMode = "login" | "register";
 type AuthMethod = "account" | "email" | "phone";

@@ -51,17 +51,6 @@ interface LocalProfilePageProps {
  onLogout: () => void;
 }

-const profileWorks = [
-  { title: "主图套图生成", desc: "电商主图与场景图自动生成", image: ossAssets.ecommerce.templateCases[0], type: "图像", time: "6/9 18:13" },
-  { title: "A+详情页设计", desc: "产品卖点与长图详情版式", image: ossAssets.ecommerce.templateCases[1], type: "图像", time: "6/9 10:11" },
-  { title: "短视频广告", desc: "产品展示短视频脚本与画面", image: ossAssets.ecommerce.productSet.hosting, type: "视频", time: "6/9 10:05" },
-  { title: "模特图生成", desc: "服饰商品真人上身展示", image: ossAssets.ecommerce.tryOn.tryA, type: "图像", time: "6/9 10:03" },
-  { title: "商品场景图", desc: "按平台比例输出营销素材", image: ossAssets.ecommerce.detail.gridA, type: "图像", time: "6/9 10:01" },
-  { title: "高度复刻", desc: "参考图结构复刻与商品替换", image: ossAssets.ecommerce.detail.gridB, type: "图像", time: "6/9 09:39" },
-  { title: "详情模块", desc: "功能卖点、参数和包装模块", image: ossAssets.ecommerce.detail.gridC, type: "图像", time: "6/8 21:20" },
-  { title: "平台素材", desc: "淘宝/天猫投放图批量生成", image: ossAssets.ecommerce.detail.gridD, type: "图像", time: "6/8 18:26" },
-];
-
 function LocalAvatar({ session, size = "md" }: { session: WebUserSession; size?: "sm" | "md" | "lg" }) {
  const displayName = session.user.displayName || session.user.username || "用户";
  const label = displayName.trim().slice(0, 1).toUpperCase() || "用";
@@ -75,9 +64,9 @@ function LocalAvatar({ session, size = "md" }: { session: WebUserSession; size?:

 function LocalProfilePage({ session, balance, imageCount, videoCount, onBack, onBugFeedback, onLogout }: LocalProfilePageProps) {
  const displayName = session.user.displayName || session.user.username || "用户";
-  const workCount = Math.max(imageCount + videoCount, profileWorks.length);
-  const projectCount = Math.max(1, Math.round(workCount / 18));
-  const assetCount = Math.max(1, Math.round(workCount / 20));
+  const workCount = Math.max(imageCount + videoCount, 0);
+  const projectCount = 0;
+  const assetCount = 0;

  return (
    <section className="local-profile-page">
@@ -142,22 +131,15 @@ function LocalProfilePage({ session, balance, imageCount, videoCount, onBack, on
            <header>
              <div>
                <strong>代表作</strong>
-                <span>最近完成的高质量生成内容</span>
+                <span>后续将展示接口返回的真实作品</span>
              </div>
              <em>{workCount} 项</em>
            </header>
-            <div className="local-profile-work-grid">
-              {profileWorks.map((work) => (
-                <article key={`${work.title}-${work.time}`} className="local-profile-work-card">
-                  <img src={work.image} alt="" />
-                  <div>
-                    <span>{work.type}</span>
-                    <strong>{work.title}</strong>
-                    <p>{work.desc}</p>
-                    <em>已完成 · {work.time}</em>
+            <div className="local-profile-work-grid local-profile-work-grid--empty">
+              <div className="local-profile-empty">
+                <strong>暂无代表作数据</strong>
+                <span>作品接口接入后，这里会显示你的真实生成内容。</span>
              </div>
-                </article>
-              ))}
            </div>
          </section>
        </main>
@@ -184,7 +166,6 @@ function App() {
  const [sessionNotice, setSessionNotice] = useState<string | null>(null);
  const [profileMenuOpen, setProfileMenuOpen] = useState(false);
  const [currentPage, setCurrentPage] = useState<"workspace" | "profile">("workspace");
-  const [workspaceKey, setWorkspaceKey] = useState(0);

  useEffect(() => {
    void loadDarkGreenTheme();
@@ -339,7 +320,7 @@ function App() {
  const balance = Math.max(usage.balanceCents, 0) / 100;
  const displayName = session?.user.displayName || session?.user.username || "用户";
  const actualWorkCount = Math.max(usage.imageUsed + usage.videoUsed, 0);
-  const shownWorkCount = Math.max(actualWorkCount, profileWorks.length);
+  const shownWorkCount = actualWorkCount;

  const avatarMenuStats = useMemo(
    () => [
@@ -360,7 +341,6 @@ function App() {
  const handleOpenWorkspace = () => {
    setProfileMenuOpen(false);
    setCurrentPage("workspace");
-    setWorkspaceKey((k) => k + 1);
  };

  const handleBugFeedback = () => {
@@ -447,7 +427,8 @@ function App() {
      </header>

      <main className="ecommerce-standalone__content">
-        {currentPage === "profile" && session ? (
+        {session ? (
+          <div className="ecommerce-standalone__page" hidden={currentPage !== "profile"}>
            <LocalProfilePage
              session={session}
              balance={balance}
@@ -457,7 +438,11 @@ function App() {
              onBugFeedback={handleBugFeedback}
              onLogout={handleLogout}
            />
-        ) : (
+          </div>
+        ) : null}
+        {/* 工作台常驻挂载，仅用 hidden 切换。切到个人中心时不卸载，
+            生成任务、进度动画、已上传图片等本地状态全部保留，切回即继续。 */}
+        <div className="ecommerce-standalone__page" hidden={Boolean(session) && currentPage === "profile"}>
          <ErrorBoundary>
            <Suspense
              fallback={
@@ -468,7 +453,6 @@ function App() {
              }
            >
              <EcommercePage
-                key={workspaceKey}
                projects={[]}
                isAuthenticated={Boolean(session)}
                onStartCreate={() => undefined}
@@ -482,7 +466,7 @@ function App() {
              />
            </Suspense>
          </ErrorBoundary>
-        )}
+        </div>
      </main>

      {authOpen ? (
@@ -0,0 +1 @@
+export * from "./aiGenerationClient.ts";
@@ -0,0 +1 @@
+export * from "./apiErrorUtils.ts";
@@ -0,0 +1 @@
+export * from "./generationRecordClient.ts";
@@ -38,6 +38,45 @@ export interface SaveGenerationRecordResult {
  id: string;
 }

+// 同一 clientRecordId 的保存去重：套图主流程、backgroundTaskRunner、useGenerationTasks
+// 三处都可能对同一条终态任务调用 saveGenerationRecord，SSE 重复推送 completed 时
+// 单个 poller 内也会重复触发。这里做客户端幂等：in-flight 合流 + 成功后短期拦截，
+// 避免后端在缺少去重时插入重复记录。
+const inFlightSaves = new Map<string, Promise<SaveGenerationRecordResult>>();
+const recentlySavedRecords = new Map<string, { savedAt: number; signature: string }>();
+const SAVE_DEDUPE_WINDOW_MS = 60_000;
+
+function pruneRecentlySaved(now: number): void {
+  for (const [id, record] of recentlySavedRecords) {
+    if (now - record.savedAt > SAVE_DEDUPE_WINDOW_MS) recentlySavedRecords.delete(id);
+  }
+}
+
+function stableJsonStringify(value: unknown): string {
+  if (value === null || typeof value !== "object") return JSON.stringify(value);
+  if (Array.isArray(value)) return `[${value.map(stableJsonStringify).join(",")}]`;
+  const entries = Object.entries(value as Record<string, unknown>)
+    .filter(([, entryValue]) => entryValue !== undefined)
+    .sort(([a], [b]) => a.localeCompare(b));
+  return `{${entries.map(([key, entryValue]) => `${JSON.stringify(key)}:${stableJsonStringify(entryValue)}`).join(",")}}`;
+}
+
+function buildSaveSignature(input: SaveGenerationRecordInput): string {
+  return stableJsonStringify({
+    tool: input.tool,
+    mode: input.mode,
+    title: input.title,
+    status: input.status,
+    prompt: input.prompt,
+    taskIds: input.taskIds,
+    assets: input.assets,
+    config: input.config,
+    result: input.result,
+    metadata: input.metadata,
+    createdAt: input.createdAt,
+  });
+}
+
 function readPendingRecords(): SaveGenerationRecordInput[] {
  try {
    const raw = window.localStorage.getItem(PENDING_RECORDS_KEY);
@@ -60,6 +99,39 @@ function writePendingRecord(input: SaveGenerationRecordInput): void {
 }

 export async function saveGenerationRecord(input: SaveGenerationRecordInput): Promise<SaveGenerationRecordResult> {
+  const now = Date.now();
+  pruneRecentlySaved(now);
+
+  const recordId = input.clientRecordId;
+  const signature = buildSaveSignature(input);
+  if (recordId) {
+    const saveKey = `${recordId}:${signature}`;
+    const inFlight = inFlightSaves.get(saveKey);
+    if (inFlight) return inFlight;
+    const savedRecord = recentlySavedRecords.get(recordId);
+    if (savedRecord && savedRecord.signature === signature && now - savedRecord.savedAt <= SAVE_DEDUPE_WINDOW_MS) {
+      // 相同 clientRecordId 且 payload 完全一致时才拦截；同一记录的多轮更新需要继续保存。
+      return { source: "server", id: recordId };
+    }
+  }
+
+  const promise = saveGenerationRecordInternal(input);
+  if (recordId) {
+    const saveKey = `${recordId}:${signature}`;
+    inFlightSaves.set(saveKey, promise);
+    void promise
+      .then((result) => {
+        if (result.source === "server") recentlySavedRecords.set(recordId, { savedAt: Date.now(), signature });
+      })
+      .catch(() => undefined)
+      .finally(() => {
+        inFlightSaves.delete(saveKey);
+      });
+  }
+  return promise;
+}
+
+async function saveGenerationRecordInternal(input: SaveGenerationRecordInput): Promise<SaveGenerationRecordResult> {
  try {
    const response = await serverRequest<{ id?: string | number }>("ai/generation-records", {
      method: "POST",
@@ -0,0 +1 @@
+export * from "./serverConnection.ts";
@@ -0,0 +1 @@
+export * from "./taskSubscription.ts";
@@ -0,0 +1 @@
+export * from "./webGenerationGateway.ts";
@@ -0,0 +1 @@
+export * from "./toastStore.ts";
@@ -0,0 +1 @@
+export * from "./ossAssets.ts";
@@ -0,0 +1 @@
+export * from "./workflows.ts";
@@ -0,0 +1,2 @@
+export { default } from "./EcommercePage.tsx";
+export * from "./EcommercePage.tsx";
@@ -1,10 +1,11 @@
 import { useSmoothedProgress } from "../../hooks/useSmoothedProgress";
-import type { ReactNode } from "react";

 interface EcommerceProgressBarProps {
  status: "idle" | "generating" | "done" | "failed" | string;
  label?: string;
  onCancel?: () => void;
+  /** 0-100 真实进度。传入时进度条按真实值推进；省略时按状态做平滑蠕动。 */
+  progress?: number;
 }

 function mapStatus(status: string): "running" | "completed" | "failed" {
@@ -14,9 +15,13 @@ function mapStatus(status: string): "running" | "completed" | "failed" {
  return "running";
 }

-export function EcommerceProgressBar({ status, label, onCancel }: EcommerceProgressBarProps) {
-  const progress = mapStatus(status) === "running" ? 50 : 100;
-  const smoothed = useSmoothedProgress(progress, mapStatus(status));
+export function EcommerceProgressBar({ status, label, onCancel, progress }: EcommerceProgressBarProps) {
+  const mapped = mapStatus(status);
+  // running 时目标取「真实进度」与兜底值 88 的较大者：有真实进度则跟随推进，
+  // 后端不推中间进度时也由平滑器持续蠕动到高位，不再卡死在 75%。
+  const realProgress = typeof progress === "number" ? Math.max(0, Math.min(100, progress)) : 0;
+  const target = mapped === "running" ? Math.max(realProgress, 88) : 100;
+  const smoothed = useSmoothedProgress(target, mapped);

  if (status === "idle") return null;

@@ -0,0 +1 @@
+export * from "./ecommerceGenerationPersistence.ts";
@@ -0,0 +1 @@
+export * from "./ecommerceImageValidation.ts";
@@ -0,0 +1 @@
+export * from "./ecommerceTemplates.ts";
@@ -381,108 +381,6 @@ export default function EcommerceClonePanel({
          </section>
        ) : null}

-        {cloneOutput === "hot" ? (
-          <section className="clone-ai-replicate-panel" aria-label="爆款图复刻设置">
-            <div className="clone-ai-dynamic-head">
-              <strong>爆款图参考设置</strong>
-              <span>随生成模式切换</span>
-            </div>
-            <div className="clone-ai-replicate-section">
-              <span className="clone-ai-replicate-title">参考内容</span>
-              <div className="clone-ai-replicate-tabs" role="tablist" aria-label="参考内容来源">
-                <button
-                  type="button"
-                  className={cloneReferenceMode === "upload" ? "is-active" : ""}
-                  aria-selected={cloneReferenceMode === "upload"}
-                  onClick={() => setCloneReferenceMode("upload")}
-                >
-                  上传参考图
-                </button>
-                <button
-                  type="button"
-                  className={cloneReferenceMode === "link" ? "is-active" : ""}
-                  aria-selected={cloneReferenceMode === "link"}
-                  onClick={() => setCloneReferenceMode("link")}
-                >
-                  导入链接
-                </button>
-              </div>
-              {cloneReferenceMode === "upload" ? (
-                <button
-                  type="button"
-                  className={`clone-ai-replicate-upload${isCloneReferenceDragging ? " is-dragging" : ""}${cloneReferenceImages.length ? " has-files" : ""}`}
-                  onClick={() => cloneReferenceInputRef.current?.click()}
-                  onDragOver={handleCloneReferenceDragOver}
-                  onDragLeave={handleCloneReferenceDragLeave}
-                  onDrop={handleCloneReferenceDrop}
-                >
-                  {cloneReferenceImages.length ? (
-                    <>
-                      <div className="clone-ai-replicate-files">
-                        {cloneReferenceImages.map((item) => (
-                          <figure
-                            key={item.id}
-                            className="clone-ai-replicate-file"
-                            onMouseEnter={(e) => handleFileMouseEnter(item.src, e)}
-                            onMouseLeave={handleFileMouseLeave}
-                          >
-                            <img src={item.src} alt="" />
-                          </figure>
-                        ))}
-                      </div>
-                      <span className="clone-ai-replicate-add-more">
-                        <CloudUploadOutlined />
-                        点击继续上传文件
-                      </span>
-                    </>
-                  ) : (
-                    <span>
-                      <CloudUploadOutlined />
-                      <span className="clone-ai-replicate-upload-text">拖拽或点击上传参考图</span>
-                    </span>
-                  )}
-                  <em>{cloneReferenceImages.length ? `已选 ${cloneReferenceImages.length}/${maxCloneReferenceImages}` : `最多 ${maxCloneReferenceImages} 张`}</em>
-                  {isCloneReferenceDragging ? (
-                    <div className="clone-ai-replicate-upload-overlay">
-                      <CloudUploadOutlined />
-                      <span>释放文件以上传</span>
-                    </div>
-                  ) : null}
-                </button>
-              ) : (
-                <label className="clone-ai-replicate-link">
-                  <input placeholder="粘贴商品图或详情页链接" />
-                </label>
-              )}
-              <input
-                ref={cloneReferenceInputRef}
-                type="file"
-                accept="image/jpeg,image/png,image/webp"
-                multiple
-                onChange={handleCloneReferenceUpload}
-                aria-label="上传参考图片"
-              />
-            </div>
-            <div className="clone-ai-replicate-section">
-              <span className="clone-ai-replicate-title">复刻程度</span>
-              <div className="clone-ai-replicate-levels" role="toolbar" aria-label="复刻程度">
-                {cloneReplicateLevelOptions.map((option) => (
-                  <button
-                    key={option.key}
-                    type="button"
-                    className={cloneReplicateLevel === option.key ? "is-active" : ""}
-                    aria-pressed={cloneReplicateLevel === option.key}
-                    onClick={() => setCloneReplicateLevel(option.key)}
-                  >
-                    <strong>{option.title}</strong>
-                    <span>{option.desc}</span>
-                  </button>
-                ))}
-              </div>
-            </div>
-          </section>
-        ) : null}
-
        {cloneOutput === "set" ? (
          <section className="clone-ai-count-panel" aria-label="套图图片数量">
            <div className="clone-ai-dynamic-head">
@@ -0,0 +1 @@
+export * from "./workbenchDownload.ts";
@@ -0,0 +1 @@
+export * from "./useGenerationTasks.ts";
@@ -0,0 +1 @@
+export * from "./useTypewriter.ts";
@@ -2,15 +2,6 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import "./styles/index.css";
 import App from "./App";
-import { reportError } from "./utils/errorReporting";
-
-window.addEventListener("unhandledrejection", (event) => {
-  reportError(event.reason, "rejection");
-});
-
-window.addEventListener("error", (event) => {
-  if (event.error) reportError(event.error, "unhandled");
-});

 const root = document.getElementById("root");

@@ -0,0 +1 @@
+export * from "./backgroundTaskRunner.ts";
@@ -0,0 +1 @@
+export * from "./index.ts";
@@ -0,0 +1 @@
+export * from "./useAppStore.ts";
@@ -0,0 +1 @@
+export * from "./useGenerationStore.ts";
@@ -24,17 +24,33 @@ interface PersistedQueueSnapshot {
  savedAt: number;
 }

-const STORAGE_KEY = "omniai:generation-queue";
+const STORAGE_KEY_PREFIX = "omniai:generation-queue";
 const MAX_ITEMS = 80;
 const STALE_MS = 2 * 60 * 60 * 1000; // 2 hours

+function hashUserId(): string {
+  try {
+    const raw = localStorage.getItem("omniai-web-session");
+    if (!raw) return "anon";
+    const parsed = JSON.parse(raw) as { user?: { id?: number | string } };
+    return String(parsed?.user?.id || "anon");
+  } catch {
+    return "anon";
+  }
+}
+
+// 队列按用户分桶持久化：不同账号读写不同 key，避免登出再登他人账号时读到上一个用户的队列。
+function getStorageKey(): string {
+  return `${STORAGE_KEY_PREFIX}:${hashUserId()}`;
+}
+
 function loadPersistedQueue(): GenerationQueueItem[] {
  try {
-    const raw = localStorage.getItem(STORAGE_KEY);
+    const raw = localStorage.getItem(getStorageKey());
    if (!raw) return [];
    const snapshot = JSON.parse(raw) as PersistedQueueSnapshot;
    if (Date.now() - (snapshot.savedAt || 0) > STALE_MS) {
-      localStorage.removeItem(STORAGE_KEY);
+      localStorage.removeItem(getStorageKey());
      return [];
    }
    return snapshot.items.filter(
@@ -48,7 +64,7 @@ function loadPersistedQueue(): GenerationQueueItem[] {
 function persistQueue(items: GenerationQueueItem[]): void {
  try {
    const snapshot: PersistedQueueSnapshot = { version: 1, items, savedAt: Date.now() };
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(snapshot));
+    localStorage.setItem(getStorageKey(), JSON.stringify(snapshot));
  } catch { /* quota exceeded */ }
 }

@@ -63,17 +79,6 @@ interface GenerationStoreState {
  clearTerminal: () => void;
 }

-function hashUserId(): string {
-  try {
-    const raw = localStorage.getItem("omniai-web-session");
-    if (!raw) return "anon";
-    const parsed = JSON.parse(raw) as { user?: { id?: number | string } };
-    return String(parsed?.user?.id || "anon");
-  } catch {
-    return "anon";
-  }
-}
-
 const initialQueue = loadPersistedQueue();

 export const useGenerationStore = create<GenerationStoreState>((set, get) => ({
@@ -0,0 +1 @@
+export * from "./useProjectStore.ts";
@@ -0,0 +1 @@
+export * from "./useSessionStore.ts";
@@ -0,0 +1 @@
+export * from "./useTaskStore.ts";
@@ -2950,6 +2950,15 @@
  min-width: 0;
 }

+.product-clone-page[data-tool="clone"] .clone-ai-result-stack > .clone-ai-node-label {
+  position: absolute;
+  top: -6px;
+  left: 50%;
+  z-index: 5;
+  transform: translate(-50%, -100%);
+  white-space: nowrap;
+}
+
 .product-clone-page[data-tool="clone"] .clone-ai-source-corner-action {
  position: absolute;
  top: -6px;
@@ -7852,7 +7861,7 @@
 .product-set-preview-backdrop {
  position: fixed;
  inset: 0;
-  z-index: 100;
+  z-index: 4000;
  display: grid;
  place-items: center;
  background: rgb(17 24 39 / 58%);
@@ -12093,3 +12102,110 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
    grid-row: auto !important;
  }
 }
+
+/* Composer menu anchors: place option popovers under the clicked control, not under the whole composer. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover {
+  position: absolute !important;
+  inset: var(--composer-popover-top, 48px) auto auto var(--composer-popover-left, 0px) !important;
+  right: auto !important;
+  bottom: auto !important;
+  margin: 0 !important;
+  transform: none !important;
+  translate: none !important;
+  z-index: 160 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--platform {
+  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+}
+
+/* 平台弹窗宽度仅桌面/平板固定；≤640px 由移动端断点的全宽规则接管。 */
+@media (min-width: 641px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--platform {
+    width: min(460px, calc(100% - 24px)) !important;
+    max-width: min(460px, calc(100% - 24px)) !important;
+  }
+}
+
+/* 平台选项：logo + 名称横排，名称过长省略，避免在窄网格里溢出弹窗。 */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--platform button {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: flex-start !important;
+  gap: 8px !important;
+  min-width: 0 !important;
+  text-align: left !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-popover--platform button .ecom-platform-name {
+  min-width: 0 !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+@media (min-width: 641px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--languages,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--ratio-picker {
+    width: max-content !important;
+    min-width: 200px !important;
+    max-width: min(420px, calc(100% - var(--composer-popover-left, 0px))) !important;
+  }
+}
+
+/* 宽设置面板：固定宽度并靠右对齐 composer，避免从靠右的"设置"按钮左对齐展开时顶出右边缘被裁。
+   仅桌面/平板生效；≤640px 由移动端断点的全宽规则接管。 */
+@media (min-width: 641px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer > .ecom-command-popover.ecom-command-popover--settings {
+    width: min(520px, calc(100% - 24px)) !important;
+    max-width: min(520px, calc(100% - 24px)) !important;
+    left: auto !important;
+    inset: var(--composer-popover-top, 48px) 12px auto auto !important;
+  }
+}
+
+/* Uploaded assets stay as compact attachments inside the composer hierarchy. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) {
+  min-height: 0 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-popover,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-popover {
+  position: static !important;
+  grid-column: 1 !important;
+  display: flex !important;
+  flex-wrap: wrap !important;
+  align-items: center !important;
+  justify-content: flex-start !important;
+  justify-self: start !important;
+  gap: 10px !important;
+  width: auto !important;
+  max-width: 100% !important;
+  min-height: 0 !important;
+  max-height: none !important;
+  padding: 2px 2px 0 !important;
+  overflow: visible !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  transform: none !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-thumb,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-thumb {
+  flex: 0 0 64px !important;
+  width: 64px !important;
+  height: 64px !important;
+  border-radius: 14px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-asset-add,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"] .ecom-command-composer-wrap:not(.has-generated.is-compact) .clone-ai-input-wrapper.ecom-command-composer:has(.ecom-command-asset-popover) .ecom-command-asset-add {
+  flex: 0 0 44px !important;
+  width: 44px !important;
+  height: 64px !important;
+  min-height: 44px !important;
+  margin: 0 !important;
+  font-size: 24px !important;
+}
@@ -0,0 +1 @@
+export * from "./types.ts";
@@ -0,0 +1 @@
+export * from "./enterpriseVideoPolicy.ts";
@@ -0,0 +1 @@
+export * from "./happyHorseRouting.ts";
@@ -0,0 +1 @@
+export * from "./pixverseRouting.ts";
@@ -0,0 +1 @@
+export * from "./resolveVideoModel.ts";
@@ -0,0 +1 @@
+export * from "./taskLifecycle.ts";
@@ -0,0 +1 @@
+export * from "./translateTaskError.ts";
@@ -0,0 +1 @@
+export * from "./viduRouting.ts";
@@ -2,8 +2,14 @@ import react from "@vitejs/plugin-react";
 import { compression } from "vite-plugin-compression2";
 import { defineConfig } from "vite";

-export default defineConfig(() => {
-  const devApiTarget = process.env.OMNIAI_DEV_API_TARGET?.trim();
+export default defineConfig(({ command }) => {
+  // dev 模式下默认把 /api 代理到线上电商后端，本地 `npm run dev` 即可直接登录/生成。
+  // 想连本地或 SSH 隧道的后端时，用环境变量覆盖：
+  //   $env:OMNIAI_DEV_API_TARGET="http://127.0.0.1:3601"; npm run dev
+  // 仅 dev 代理用途，不会打进生产构建产物。
+  const devApiTarget =
+    process.env.OMNIAI_DEV_API_TARGET?.trim() ||
+    (command === "serve" ? "https://omniai.com.cn" : "");
  const apiProxy = devApiTarget
    ? {
        "/api": {
@@ -27,9 +33,7 @@ export default defineConfig(() => {
      port: 4174,
      host: "127.0.0.1",
    },
-    esbuild: {
-      drop: ["console", "debugger"],
-    },
+    ...(command === "build" ? { esbuild: { drop: ["console", "debugger"] } } : {}),
    build: {
      sourcemap: false,
      rollupOptions: {
Author	SHA1	Message	Date
stringadmin	3b72455062	Merge pull request 'feat: implement multi-turn conversation system for generation record detail with deduplication enhancement' (#18 ) from feat/ecommerce-record-detail-conversation-panel into main Reviewed-on: #18	2026-06-16 05:07:49 +00:00
stringadmin	526ad490f7	Merge branch 'main' into feat/ecommerce-record-detail-conversation-panel	2026-06-16 05:07:45 +00:00
ludan	4993f6eeec	feat: implement multi-turn conversation system for generation record detail with deduplication enhancement - generationRecordClient.ts: Enhance save deduplication with payload signature — replace simple recordId-based dedup with stableJsonStringify-based signature comparison; same recordId + same signature skips save, changed payload proceeds; add buildSaveSignature covering tool/mode/title/status/prompt/taskIds/assets/config/result/metadata; store signature alongside savedAt in recentlySavedRecords map for per-turn save accuracy - EcommercePage.tsx: Introduce EcommerceHistoryTurn interface and multi-turn conversation architecture — - Add EcommerceHistoryTurn with full generation context (status/output/platform/market/language/ratio/requirement/images/results/counts/modules/scenes/replicateLevel); EcommerceHistoryRecord gains status/errorMessage/turns[] fields - beginEcommerceHistoryTurn() — start a new generation turn, create or append to record, persist to localStorage immediately - updateLocalEcommerceHistoryTurn() — real-time turn status sync (generating→done/failed) with record summary mirroring via syncRecordSummaryWithTurn() - restoreHistoryTurnInputs() — one-click parameter restoration from failed turns for retry - upsertCanvasNode() — insert or update canvas node by ID (dedup by turnId), alternating row layout (x: index*420, y: 0 or 160) - Generate flow wired to turns: status callbacks update turn state; cancel sets turn to failed; results written to turn.results - Record detail conversation panel refactored from single-message to per-turn iteration — each turn renders user message (requirement + meta + assets) and assistant message (status-aware text + progress bar during generation + result thumbnails); failed turns show "恢复参数" retry button; generating turn shows EcommerceProgressBar - openEcommerceHistoryRecord() loads all turns as canvas nodes with distributed positions; preserves generating turn tracking via activeHistoryTurnIdRef - History list items display status label (生成中/失败/time) - Product set preview backdrop moved to createPortal(document.body) with z-index 4000 - pages/ecommerce.css: Bump product-set-preview-backdrop z-index from 100 to 4000 for Portal rendering layer	2026-06-16 13:02:11 +08:00
Codex	79f220dbbf	feat: add responsive layouts for template cards and hot clone	2026-06-16 11:44:55 +08:00
Codex	c1c7cb3cc7	fix ecommerce preview and module compatibility	2026-06-15 22:00:00 +08:00
Codex	b67f2e7601	Merge branch 'main' of http://118.145.251.184:3000/OmniAI/omniai-ds-code-package into codex/main-latest-20260615-030000	2026-06-15 21:56:00 +08:00
Codex	f056547160	fix: align hot clone reference upload UI	2026-06-15 19:59:00 +08:00
Codex	de3eb1d06a	merge main and adjust clone mode tabs	2026-06-15 18:25:38 +08:00
stringadmin	f929be30ed	Merge pull request 'feat: 优化记录详情对话面板布局与视觉层次' (#17 ) from feat/ecommerce-chat-polish into main Reviewed-on: #17	2026-06-15 10:24:35 +00:00
stringadmin	a2875738ce	Merge branch 'main' into feat/ecommerce-chat-polish	2026-06-15 10:24:30 +00:00
ludan	85adcdceef	feat: 优化记录详情对话面板布局与视觉层次本次修改聚焦于电商记录详情页的对话面板体验打磨：一、对话顺序优化（EcommercePage.tsx）： - 将"新需求"跟进消息从AI回复之前移至AI回复之后 - 调整后的对话时间线：用户历史需求 → AI回复 → 用户新需求，逻辑更符合真实对话流程二、对话面板视觉升级（ecommerce-standalone.css）： - 对话面板宽度采用CSS变量动态控制（408-440px），视觉更宽敞 - 消息气泡区分明确： · 用户消息：左侧缩进26-36px，蓝色调渐变背景，青色边框 · AI消息：右侧缩进26-36px，蓝调边框，中性背景 · 跟进消息：独特高亮样式，更强边框(0.24透明度)和投影 - 排版细节打磨： · 消息标签字号12px/权重820 · 正文13px/行高1.64 · 气泡内间距15px、圆角20px、投影加深 - 元信息标签(emo)精修：28px高度、圆角胶囊样式 - 素材缩略图：46x46px、圆角14px - 响应式适配：≤900px面板收窄至92vw，≤480px去除消息缩进变更文件： - src/features/ecommerce/EcommercePage.tsx (+20/-20) - src/styles/ecommerce-standalone.css (+121)	2026-06-15 18:23:36 +08:00
Codex	66b761314b	chore: re-trigger push	2026-06-15 16:52:15 +08:00
stringadmin	ab99e3bf2f	Merge pull request 'feat: 完善电商记录详情页，支持触摸手势交互、对话式需求面板与画布节点拖拽' (#16 ) from feat/ecommerce-record-detail-polish into main Reviewed-on: #16	2026-06-15 08:38:41 +00:00
ludan	e3b48e2614	feat: 完善电商记录详情页，支持触摸手势交互、对话式需求面板与画布节点拖拽本次修改全面打磨电商图片工作台的记录详情体验，主要包含以下变更：一、记录详情对话面板（EcommercePage.tsx）： - 将记录详情中的"需求"区域重构为聊天对话式布局： · 历史需求消息：展示原始需求文本、参数元信息（平台/语种/比例/设置）、已上传素材缩略图 · 新增跟进需求消息(is-followup)：若当前素材与历史记录不同，自动展示新上传素材及当前参数配置 · AI 回复消息保持原有状态展示 - 记录详情中素材上传数量上限从 7 张提升至 20 张(maxCloneProductImages) - 上传按钮重构：移至素材列表左侧，显示当前数量/上限，满额时禁用并提示"已满" 二、触摸与手势交互： - 新增 PreviewTouchGesture 完整手势系统： · 单指平移(pan)：支持触摸拖拽预览画布 · 双指缩放(pinch)：以双指中心为锚点进行缩放，范围 0.25x-2x · 自动排除交互元素（按钮/输入框/链接等）避免冲突 · 智能切换：单指/双指模式无缝切换 - 画布节点触摸拖拽(canvas node drag)： · 支持触摸拖拽移动生成结果节点 · 考虑当前缩放级别计算位移 · 与预览画布手势互不干扰三、记录详情页视觉升级（ecommerce-standalone.css）： - 整体背景采用径向渐变+线性渐变，营造专业 SaaS 质感 - 对话面板与历史面板统一采用毛玻璃卡片风格 - 聊天消息气泡：圆角 18px、柔和投影、用户消息左侧缩进 18px - 历史面板宽度固定 292px - CSS 自定义属性体系(record-detail-*)统一管理颜色和阴影 - 面板头部加高加粗标题，优化可读性四、其他细节优化： - 历史刷新按钮图标从文本符号改为 ReloadOutlined 组件 - 素材缩略图移除 hover 放大镜效果(.ecom-command-asset-zoom) - 刷新按钮禁用样式完善变更文件： - src/features/ecommerce/EcommercePage.tsx (+246/-11) - src/styles/ecommerce-standalone.css (+1369)	2026-06-15 16:20:55 +08:00
Codex	9a9c7eb86d	feat: optimize ecommerce hot clone UI	2026-06-15 15:26:49 +08:00
stringadmin	5b316a2399	Merge pull request 'feat: add generation record detail workspace with AI conversation panel and canvas reset' (#14 ) from feat/ecommerce-record-detail-conversation-panel into main Reviewed-on: #14	2026-06-15 05:41:17 +00:00
stringadmin	3f1954b38d	Merge branch 'main' into feat/ecommerce-record-detail-conversation-panel	2026-06-15 05:41:12 +00:00
ludan	96d335db8a	feat: add generation record detail workspace with AI conversation panel and canvas reset - EcommercePage.tsx: Add isCloneConversationCollapsed state for toggling conversation sidebar; introduce isMainCloneWorkspace / isRecordDetailWorkspace derived flags to scope record-detail features to main clone tool only; compute currentResultCount, activeHistoryRecord, and currentResultThumbs for display; add canvas reset button (zoom=1, offset=0) in preview toolbar when viewing a history record; build AI conversation panel (clone-ai-conversation-panel) as left sidebar with: - Header showing record title, model/platform/language metadata, and collapse button - User message bubble with requirement text and uploaded asset thumbnails (up to 4 + overflow count) - Assistant message bubble with status-aware response text (done/generating/failed/idle), EcommerceProgressBar during generation, and clickable result thumbnails that open product set preview - Collapse/expand toggle button with MenuFoldOutlined / MenuUnfoldOutlined icons - ecommerce-standalone.css (+1204 lines): Define record detail workspace layout (CSS grid: 352px chat column + fluid canvas); grid-pattern background with radial gradient accent; conversation panel styling with chat bubble cards, asset thumbnail grids, result thumbnail buttons, scrollable body; collapsed state (grid-template-columns: 0 1fr); toggle button positioning; responsive breakpoints for tablets and mobile with adjusted chat width and stacked layout	2026-06-15 13:40:14 +08:00
stringadmin	307537a7ce	fix(ecommerce): 补全 clone-ai-node-label 在 result-stack 顶部的定位样式	2026-06-15 11:33:04 +08:00
Codex	48262d6233	chore: 新增 .gitattributes 统一换行符为 LF	2026-06-15 10:52:03 +08:00
Codex	062c8b3445	feat: 临时下线智能抠图与图片翻译入口	2026-06-15 10:42:33 +08:00
stringadmin	0b2d6b901f	feat: 电商工作台进度与生成记录健壮性优化	2026-06-15 10:24:31 +08:00
stringadmin	e1fdbe5f9b	Merge remote-tracking branch 'origin/codex/ecommerce-hot-video-responsive' into main-merge-work	2026-06-13 19:41:10 +08:00
stringadmin	f51dfb17e1	Merge remote-tracking branch 'origin/fix/compact-composer-whitespace' into main-merge-work # Conflicts: # src/features/ecommerce/EcommercePage.tsx # src/styles/ecommerce-standalone.css	2026-06-13 19:41:04 +08:00
stringadmin	76ae9ab0ac	Merge pull request 'feat: 重构电商指令栏布局，模式标签外置、精简结果标签、优化生成记录交互' (#13 ) from feat/ecommerce-composer-redesign into main Reviewed-on: #13	2026-06-13 11:29:36 +00:00
stringadmin	e88edbe165	fix: 优化 compact 对话框、画布节点标签、删图重置及比例弹窗 - compact 模式尺寸调整，生成按钮不再溢出框外 - 生成时自动进入 compact 状态，idle 时恢复 - 删除所有样图后重置为新对话状态（清除画布、恢复标题） - 去掉 drag handle 模式标签，原图右上角统一高级黑 tag - 作品图不再显示重复标识 - 比例弹窗宽度自适应内容，添加 hover/active 交互样式 - 套图模式默认三种各一张 - 设置弹窗点击外部可关闭 - 历史记录删除按钮样式优化 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-06-12 12:37:32 +08:00
stringadmin	863f1f075e	fix: 修复 compact 模式下对话框底部大量空白高特异性 min-height 规则覆盖了 compact 模式的 max-height: 126px，导致 .ecom-command-composer 在缩小状态下仍保持 218px+ 的最小高度。在文件末尾添加更高特异性的 is-compact 覆盖，强制 min-height: 118px。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-06-12 11:33:13 +08:00
Codex	aa133d0f5c	style: refine ecommerce quick tool pages	2026-06-12 00:08:59 +08:00
				`@@ -0,0 +1 @@`
				`export * from "./generationRecordClient.ts";`
				`@@ -0,0 +1 @@`
				`export * from "./ecommerceGenerationPersistence.ts";`
				`@@ -0,0 +1 @@`
				`export * from "./ecommerceImageValidation.ts";`
				`@@ -0,0 +1 @@`
				`export * from "./enterpriseVideoPolicy.ts";`