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

src/api/aiGenerationClient.js

@@ -0,0 +1 @@
+export * from "./aiGenerationClient.ts";

src/api/apiErrorUtils.js

@@ -0,0 +1 @@
+export * from "./apiErrorUtils.ts";

src/api/generationRecordClient.js

@@ -0,0 +1 @@
+export * from "./generationRecordClient.ts";

src/api/generationRecordClient.ts

@@ -43,15 +43,40 @@ export interface SaveGenerationRecordResult {
 // 单个 poller 内也会重复触发。这里做客户端幂等：in-flight 合流 + 成功后短期拦截，
 // 避免后端在缺少去重时插入重复记录。
 const inFlightSaves = new Map<string, Promise<SaveGenerationRecordResult>>();
-const recentlySavedAt = new Map<string, number>();
+const recentlySavedRecords = new Map<string, { savedAt: number; signature: string }>();
 const SAVE_DEDUPE_WINDOW_MS = 60_000;
 
 function pruneRecentlySaved(now: number): void {
-  for (const [id, savedAt] of recentlySavedAt) {
+  for (const [id, record] of recentlySavedRecords) {
-    if (now - savedAt > SAVE_DEDUPE_WINDOW_MS) recentlySavedAt.delete(id);
+    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);
@@ -78,26 +103,29 @@ export async function saveGenerationRecord(input: SaveGenerationRecordInput): Pr
   pruneRecentlySaved(now);
 
   const recordId = input.clientRecordId;
+  const signature = buildSaveSignature(input);
   if (recordId) {
-    const inFlight = inFlightSaves.get(recordId);
+    const saveKey = `${recordId}:${signature}`;
+    const inFlight = inFlightSaves.get(saveKey);
     if (inFlight) return inFlight;
-    const savedAt = recentlySavedAt.get(recordId);
+    const savedRecord = recentlySavedRecords.get(recordId);
-    if (savedAt !== undefined && now - savedAt <= SAVE_DEDUPE_WINDOW_MS) {
+    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) {
-    inFlightSaves.set(recordId, promise);
+    const saveKey = `${recordId}:${signature}`;
+    inFlightSaves.set(saveKey, promise);
     void promise
       .then((result) => {
-        if (result.source === "server") recentlySavedAt.set(recordId, Date.now());
+        if (result.source === "server") recentlySavedRecords.set(recordId, { savedAt: Date.now(), signature });
       })
       .catch(() => undefined)
       .finally(() => {
-        inFlightSaves.delete(recordId);
+        inFlightSaves.delete(saveKey);
       });
   }
   return promise;

src/api/serverConnection.js

@@ -0,0 +1 @@
+export * from "./serverConnection.ts";

src/api/taskSubscription.js

@@ -0,0 +1 @@
+export * from "./taskSubscription.ts";

src/api/webGenerationGateway.js

@@ -0,0 +1 @@
+export * from "./webGenerationGateway.ts";

src/components/toast/toastStore.js

@@ -0,0 +1 @@
+export * from "./toastStore.ts";

src/data/ossAssets.js

@@ -0,0 +1 @@
+export * from "./ossAssets.ts";

src/data/workflows.js

@@ -0,0 +1 @@
+export * from "./workflows.ts";

src/features/ecommerce/EcommercePage.js

@@ -0,0 +1,2 @@
+export { default } from "./EcommercePage.tsx";
+export * from "./EcommercePage.tsx";

src/features/ecommerce/ecommerceGenerationPersistence.js

@@ -0,0 +1 @@
+export * from "./ecommerceGenerationPersistence.ts";

src/features/ecommerce/ecommerceImageValidation.js

@@ -0,0 +1 @@
+export * from "./ecommerceImageValidation.ts";

src/features/ecommerce/ecommerceTemplates.js

@@ -0,0 +1 @@
+export * from "./ecommerceTemplates.ts";

src/features/workbench/workbenchDownload.js

@@ -0,0 +1 @@
+export * from "./workbenchDownload.ts";

src/hooks/useGenerationTasks.js

@@ -0,0 +1 @@
+export * from "./useGenerationTasks.ts";

src/hooks/useTypewriter.js

@@ -0,0 +1 @@
+export * from "./useTypewriter.ts";

src/services/backgroundTaskRunner.js

@@ -0,0 +1 @@
+export * from "./backgroundTaskRunner.ts";

src/stores/index.js

@@ -0,0 +1 @@
+export * from "./index.ts";

src/stores/useAppStore.js

@@ -0,0 +1 @@
+export * from "./useAppStore.ts";

src/stores/useGenerationStore.js

@@ -0,0 +1 @@
+export * from "./useGenerationStore.ts";

src/stores/useProjectStore.js

@@ -0,0 +1 @@
+export * from "./useProjectStore.ts";

src/stores/useSessionStore.js

@@ -0,0 +1 @@
+export * from "./useSessionStore.ts";

src/stores/useTaskStore.js

@@ -0,0 +1 @@
+export * from "./useTaskStore.ts";

src/styles/ecommerce-standalone.css

@@ -2781,7 +2781,7 @@
   position: absolute !important;
   left: 50% !important;
   z-index: 12 !important;
-  width: min(1036px, calc(100% - 56px)) !important;
+  width: min(1220px, calc(100% - 40px)) !important;
   margin-right: 0 !important;
   margin-left: 0 !important;
 ;
@@ -9040,6 +9040,58 @@
   z-index: 0 !important;
 }
 
+.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-strip {
+  display: grid !important;
+  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  gap: 10px !important;
+  width: min(100%, 1088px) !important;
+  margin: 16px auto 12px !important;
+  box-sizing: border-box !important;
+}
+
+.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-card {
+  position: relative !important;
+  display: block !important;
+  width: 100% !important;
+  min-width: 0 !important;
+  aspect-ratio: 3.06 / 1 !important;
+  min-height: 100px !important;
+  padding: 0 !important;
+  border: 1px solid rgba(30, 189, 219, 0.18) !important;
+  border-radius: 14px !important;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 251, 253, 0.98)),
+    #ffffff !important;
+  box-shadow:
+    0 16px 34px rgba(16, 115, 204, 0.08),
+    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
+  overflow: hidden !important;
+  cursor: pointer !important;
+  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
+}
+
+.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-card:hover {
+  transform: translateY(-1px) !important;
+  border-color: rgba(30, 189, 219, 0.34) !important;
+  box-shadow:
+    0 20px 42px rgba(16, 115, 204, 0.11),
+    0 0 0 1px rgba(30, 189, 219, 0.12) inset !important;
+}
+
+.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-card:focus-visible {
+  outline: none !important;
+  border-color: rgba(30, 189, 219, 0.48) !important;
+  box-shadow:
+    0 0 0 3px rgba(30, 189, 219, 0.15),
+    0 20px 42px rgba(16, 115, 204, 0.11) !important;
+}
+
+.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-card__blank {
+  display: block !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+
 .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview {
   background: #f8f9fa !important;
   transition: padding-top 520ms cubic-bezier(0.16, 1, 0.3, 1),
@@ -9258,6 +9310,10 @@
     min-height: 224px !important;
   }
 
+  .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-strip {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
   .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-quick-board button:not(:nth-child(6n + 1))::before {
     content: none !important;
   }
@@ -9288,6 +9344,18 @@
     min-height: 60px !important;
   }
 
+  .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-strip {
+    grid-template-columns: minmax(0, 1fr) !important;
+    gap: 8px !important;
+    width: min(100%, 540px) !important;
+    margin: 12px auto 10px !important;
+  }
+
+  .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-card {
+    aspect-ratio: 2.9 / 1 !important;
+    min-height: 84px !important;
+  }
+
   .ecommerce-standalone .product-clone-page[data-tool="clone"] .clone-ai-preview {
     padding-inline: 18px !important;
   }
@@ -9324,6 +9392,50 @@
     content: "" !important;
     background: rgba(30, 189, 219, 0.12) !important;
   }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-set-upload.has-images,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-material.has-images {
+    gap: 8px !important;
+    padding: 8px !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-set-upload.has-images .ecom-command-asset-thumb.ecom-quick-upload-thumb,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-material.has-images .ecom-command-asset-thumb.ecom-quick-upload-thumb,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-set-upload.has-images .ecom-quick-hot-add-btn,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-material.has-images .ecom-quick-hot-add-btn {
+    width: 56px !important;
+    height: 56px !important;
+    min-width: 56px !important;
+    min-height: 56px !important;
+    flex-basis: 56px !important;
+  }
+}
+
+@media (max-width: 480px) {
+  .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-strip {
+    width: 100% !important;
+  }
+
+  .ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-template-card {
+    min-height: 76px !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-set-upload.has-images,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-material.has-images {
+    gap: 6px !important;
+    padding: 6px !important;
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-set-upload.has-images .ecom-command-asset-thumb.ecom-quick-upload-thumb,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-material.has-images .ecom-command-asset-thumb.ecom-quick-upload-thumb,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-set-upload.has-images .ecom-quick-hot-add-btn,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"].is-hot-clone-page .ecom-quick-hot-page .ecom-quick-hot-material.has-images .ecom-quick-hot-add-btn {
+    width: 50px !important;
+    height: 50px !important;
+    min-width: 50px !important;
+    min-height: 50px !important;
+    flex-basis: 50px !important;
+  }
 }
 
 @keyframes ecommerce-soft-popover-out {
@@ -17200,3 +17312,124 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
     height: 38px !important;
 }
 }
+
+/* Record detail chat polish: wider drawer and clearer turn-taking. */
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+  --clone-chat-width: clamp(408px, 30vw, 440px);
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-panel {
+  width: var(--clone-chat-width) !important;
+  min-width: var(--clone-chat-width) !important;
+  border-right-color: rgba(30, 189, 219, 0.18) !important;
+  box-shadow:
+    24px 0 58px rgba(16, 115, 204, 0.09),
+    inset -1px 0 0 rgba(255, 255, 255, 0.72) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail.is-conversation-collapsed .clone-ai-conversation-panel {
+  transform: translateX(calc(-1 * var(--clone-chat-width))) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-toggle {
+  left: var(--clone-chat-width) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-head {
+  padding: 18px 18px 15px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+  gap: 16px !important;
+  padding-right: 18px !important;
+  padding-left: 18px !important;
+  scroll-padding-bottom: 124px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message {
+  gap: 10px !important;
+  padding: 15px 16px !important;
+  border-radius: 20px !important;
+  box-shadow:
+    0 14px 34px rgba(16, 115, 204, 0.075),
+    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--user {
+  margin-left: clamp(26px, 7%, 36px) !important;
+  border-color: rgba(30, 189, 219, 0.22) !important;
+  background:
+    linear-gradient(180deg, rgba(232, 249, 253, 0.96), rgba(255, 255, 255, 0.94)) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--assistant {
+  margin-right: clamp(26px, 7%, 36px) !important;
+  border-color: rgba(16, 115, 204, 0.13) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--followup {
+  margin-top: 2px !important;
+  border-color: rgba(30, 189, 219, 0.24) !important;
+  background:
+    linear-gradient(180deg, rgba(225, 248, 253, 0.92), rgba(255, 255, 255, 0.95)) !important;
+  box-shadow:
+    0 16px 38px rgba(30, 189, 219, 0.1),
+    inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message > span {
+  font-size: 12px !important;
+  font-weight: 820 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message p {
+  font-size: 13px !important;
+  line-height: 1.64 !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-meta {
+  gap: 8px !important;
+  margin-top: 10px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-meta em {
+  min-height: 28px !important;
+  padding: 7px 11px !important;
+  border-color: rgba(30, 189, 219, 0.16) !important;
+  background: rgba(248, 253, 255, 0.98) !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets {
+  gap: 9px !important;
+  margin-top: 2px !important;
+}
+
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets img,
+html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-assets em {
+  width: 46px !important;
+  height: 46px !important;
+  border-radius: 14px !important;
+}
+
+@media (max-width: 900px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: min(92vw, 408px);
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-conversation-body {
+    padding-right: 14px !important;
+    padding-left: 14px !important;
+  }
+}
+
+@media (max-width: 480px) {
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail {
+    --clone-chat-width: min(94vw, 364px);
+  }
+
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--user,
+  html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"].is-history-detail .clone-ai-chat-message--assistant {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+  }
+}

src/styles/pages/ecommerce.css

@@ -7861,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%);

src/types.js

@@ -0,0 +1 @@
+export * from "./types.ts";

src/utils/enterpriseVideoPolicy.js

@@ -0,0 +1 @@
+export * from "./enterpriseVideoPolicy.ts";

src/utils/happyHorseRouting.js

@@ -0,0 +1 @@
+export * from "./happyHorseRouting.ts";

src/utils/pixverseRouting.js

@@ -0,0 +1 @@
+export * from "./pixverseRouting.ts";

src/utils/resolveVideoModel.js

@@ -0,0 +1 @@
+export * from "./resolveVideoModel.ts";

src/utils/taskLifecycle.js

@@ -0,0 +1 @@
+export * from "./taskLifecycle.ts";

src/utils/translateTaskError.js

@@ -0,0 +1 @@
+export * from "./translateTaskError.ts";

src/utils/viduRouting.js

@@ -0,0 +1 @@
+export * from "./viduRouting.ts";