Deeplumen Merchant Admin

Prototype · Split ← 原单文件原型
🧩

原型已拆分为 7 个独立页面

每个 HTML 文件都是一个完整的 Shopify Admin 外壳（顶栏 + 侧边栏 + 内容区），保留全部 CSS / JS 与所有 overlay（Onboarding / Billing / Test Agent）。导航点击会跳转到对应文件，方便逐页评审、对照 PRD 与独立切图。

原始文件 · 6,933 行 / 422 KB 拆分后 · 7 × ~414 KB 核心视图 · 6 个主页面 + 1 个 Coming-soon

页面索引

1 首页 / Home view-home
展示 AI 销售总览：Setup Guide 引导、销售额 KPI、对话量趋势、Top Products、最近 AI 介入对话、流量来源饼图。包含 Agent 在线开关与刷新指示。
Setup Guide KPI 4 卡 趋势 + 饼图 Agent toggle
打开 Home→
2 对话流 / Conversations view-conversations
三栏布局：左侧会话列表（标签 + 日期 + 搜索）、中间消息流、右侧客户面板。展示 AI 在每条对话中所采取的动作；只读，不可手动回复。
Live auto-refresh 5 个标签 日期筛选 客户档案
打开 Conversations→
3 数据分析 / Analytics view-analytics
AI 驱动销售的多维度分析：时间范围筛选、流量来源过滤（Google / Meta / TikTok 等）、KPI、收入趋势、漏斗、Top Conversation Source 表格。
流量来源筛选 趋势图 漏斗 来源排行
打开 Analytics→
4 AI 训练 / AI Training view-training
三个子 tab：Products（产品筛选 + AI 推荐开关）、Discounts（折扣同步状态）、FAQ（自定义问答增删改）。顶部带 Sync 状态横幅。
Products tab Discounts tab FAQ tab Sync banner
打开 AI Training→
5 主动销售 / Proactive Sales view-proactive
Coming-soon 占位页：Hero 卡片 + 6 个未来策略卡片（Welcome / Product page rec / Cart booster / Exit-intent / Win-back / Inventory alerts）+ 加入候补名单按钮。
Coming soon 6 个策略预览 Waitlist
打开 Proactive Sales→
6 设置 / Settings view-settings
左侧表单（Agent 身份 / 外观 / 人设 / 推荐问题 / 语言 / 营业时间）+ 右侧实时挂件预览。Save / Discard 与未保存标记。
Identity Look & feel Persona Live preview
打开 Settings→
7 账户与计费 / Account & Billing view-account
当前订阅信息、AI 对话用量进度条、4 个套餐对比卡（Free / Basic / Pro / Plus）、7 天免费试用横幅。通过 Shopify 计费管线，支持模拟的 Shopify Billing 页面。
Subscription 用量进度 4 套餐对比 7-day trial
打开 Account & Billing→

说明

▸ 顶部「Demo Nav」与左侧 sidebar 的导航已被改写为跨文件跳转（window.location.href），点击其他页面会切到对应 HTML。
▸ 每个文件都自带 Onboarding 弹层（顶部 ▶ Onboarding 按钮）、Shopify Billing 模拟页与 Test Agent 抽屉（🧪 按钮），不依赖其它文件。
▸ 拆分脚本：split_pages.py。源文件：../deeplumen-merchant-admin-0527-PRD-prototype-optimized.html。
▸ AI Training 子 tab 可通过 04-ai-training.html#tab-discounts 或 #tab-faq 直接定位。