- 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
- EcommercePage.tsx: Add DownloadOutlined icon and downloadResultAsset import; introduce ProductSetPreviewSelection interface (extends preview with nodeId/cardId/removable); enhance openProductSetPreview to accept nodeId and removable options; implement handleDownloadCanvasResult (triggers image download via downloadResultAsset), removeCanvasResult (filters canvas nodes and results by cardId), and removeSelectedProductSetPreview (removes card then closes preview); remove legacy canvas centering requestAnimationFrame block; add is-history-detail CSS class when viewing a history record; wire download/remove action buttons in product set preview modal footer; update canvas node result buttons to pass nodeId and removable options
- ecommerce-standalone.css (+382 lines):
- Product set preview modal: enhanced layered shadows and frosted border; footer flex layout with label truncation; pill-shaped action buttons with gradient backgrounds, hover lift and glow transitions; danger variant for remove action in red tones; mobile ≤640px column layout with stretched full-width buttons
- History detail mode (.is-history-detail): compact floating composer pill bar — fixed centered at workspace top with backdrop blur, pill-shaped container (border-radius 999px), single-line textarea, inline asset thumbnails, circular gradient send button, hidden option row; canvas nodes centered layout with max-width constraint; history item delete button repositioned absolute right with hover red state; responsive adjustments at ≤900px for full-width workspace
- ecommerce-standalone.css: Title max-width expanded to 520px with gradient text effect (background-clip:text + linear-gradient), adjusted clamp font-size and line-height, added text-shadow glow; command option row switched from flex-wrap to CSS grid (6×44px) with centered layout for consistent icon button alignment; refined button sizing/spacing across composer toolbar
- ecommerce.css: Added high-specificity overrides for image workbench entry page — title min-height and heavy font-weight (860), rounded option buttons (15px border-radius), inline reference text with ellipsis overflow; responsive breakpoints at 760px and 540px with gradient title, compact row layout, adapted font scaling for narrow viewports (+631 lines)
- dark-green.css: Introduced comprehensive typography normalization using html body #root specificity — font-family/letter-spacing reset across all elements; semantic mapping for body text (p/em/li/td), strong/b, code blocks (font-mono), icon sets (anticon/shell-icon), interactive controls (button/label/tab/chip/badge/tag/pill), headings (h1-h6 with size variants), decorative text (subtitle/desc/hint/meta/caption/empty), and numeric values (score/number/count/value/amount/price); mobile responsive headline scaling at ≤767px; all rules preserve SVG/path/use elements from font override (+177 lines)
Codex
stringadmin
ludan