feat(market): 采用元宝岗位/职能分类(14类)替代人群场景 + AI验证期自动归类

frontend/src/pages/front/MarketPage.tsx

@@ -183,42 +183,23 @@ const typeIcons: Record<AppType, React.ReactNode> = {
 };
 
 // ===== 业务场景分类（面向用户的技能/MCP 分类，与后端模型路由能力解耦） =====
-// 两级：人群大类(SCENE_GROUPS) -> 业务场景(SCENES)。id 与后端 MARKET_SCENES 保持一致。
-const SCENES: { id: string; label: string; color: string; group: string }[] = [
-  // 自由职业者
-  { id: 'freelance_content', label: '内容创作/自媒体', color: '#F59E0B', group: 'freelance' },
-  { id: 'freelance_client',  label: '客户沟通/提案',  color: '#F97316', group: 'freelance' },
-  { id: 'freelance_finance', label: '报价合同/记账',  color: '#FBBF24', group: 'freelance' },
-  // 上班从业者
-  { id: 'office_doc',   label: '文档/会议纪要',  color: '#3B82F6', group: 'office' },
-  { id: 'office_data',  label: '数据/报表分析', color: '#6366F1', group: 'office' },
-  { id: 'office_email', label: '邮件/协作',     color: '#0EA5E9', group: 'office' },
-  { id: 'office_pm',    label: '项目/周报',     color: '#8B5CF6', group: 'office' },
-  // 育人教育者
-  { id: 'edu_prepare', label: '备课/课件',     color: '#10B981', group: 'educator' },
-  { id: 'edu_grade',   label: '作业批改/测评', color: '#14B8A6', group: 'educator' },
-  { id: 'edu_tutor',   label: '学情辅导/答疑', color: '#22C55E', group: 'educator' },
-  { id: 'edu_home',    label: '家校沟通',      color: '#84CC16', group: 'educator' },
-  // 电商创业
-  { id: 'biz_product', label: '商品/营销文案', color: '#EC4899', group: 'commerce' },
-  { id: 'biz_service', label: '客服/转化',     color: '#F43F5E', group: 'commerce' },
-  { id: 'biz_ops',     label: '运营/投放',     color: '#D946EF', group: 'commerce' },
-  // 通用提效
-  { id: 'general_write',    label: '通用写作',      color: '#64748B', group: 'general' },
-  { id: 'general_research', label: '资料/调研',     color: '#06B6D4', group: 'general' },
-  { id: 'general_agent',    label: '智能体/自动化', color: '#A855F7', group: 'general' },
+// 技能/MCP 场景分类（与后端 MARKET_SCENES 保持一致，元宝生成的岗位/职能视角，扁平展示）。
+const SCENES: { id: string; label: string; color: string }[] = [
+  { id: 'design',    label: '🎨 做设计',     color: '#EC4899' },
+  { id: 'frontend',  label: '💻 写前端',     color: '#3B82F6' },
+  { id: 'mobile',    label: '📱 做移动端',   color: '#06B6D4' },
+  { id: 'backend',   label: '🧪 后端/全栈',  color: '#8B5CF6' },
+  { id: 'qa',        label: '🧪 测试质量',   color: '#6366F1' },
+  { id: 'search',    label: '🔍 搜索信息',   color: '#0EA5E9' },
+  { id: 'docs',      label: '✍️ 写文档',     color: '#F59E0B' },
+  { id: 'marketing', label: '📢 推广获客',   color: '#F43F5E' },
+  { id: 'workflow',  label: '🔄 工作流',     color: '#14B8A6' },
+  { id: 'secops',    label: '🛡️ 安全运维',  color: '#EF4444' },
+  { id: 'learning',  label: '🎓 学习教学',   color: '#10B981' },
+  { id: 'video',     label: '🎬 视频多媒体', color: '#D946EF' },
+  { id: 'collab',    label: '🏢 办公协作',   color: '#64748B' },
+  { id: 'ai',        label: '🛠️ AI能力',     color: '#A855F7' },
 ];
-const SCENE_GROUPS: { id: string; label: string }[] = [
-  { id: 'freelance', label: '自由职业者' },
-  { id: 'office',    label: '上班从业者' },
-  { id: 'educator',  label: '育人教育者' },
-  { id: 'commerce',  label: '电商创业' },
-  { id: 'general',   label: '通用提效' },
-];
-const SCENE_BY_GROUP: Record<string, typeof SCENES> = SCENE_GROUPS.reduce((acc, g) => {
-  acc[g.id] = SCENES.filter(s => s.group === g.id);
-  return acc;
-}, {} as Record<string, typeof SCENES>);
 
 function CapabilityBadge({ capability }: { capability?: string | null }) {
   if (!capability) return null;
@@ -1822,24 +1803,19 @@ const MarketPage: React.FC = () => {
           </div>
         )}
 
-        {/* 业务场景筛选（按人群分组） */}
+        {/* 业务场景筛选（岗位/职能视角，扁平） */}
         <div className="capability-filter">
           <button
             className={`cap-chip ${!capabilityFilter ? 'active' : ''}`}
             onClick={() => setCapabilityFilter(null)}
           >全部场景</button>
-          {SCENE_GROUPS.map(g => (
-            <React.Fragment key={g.id}>
-              <span className="cap-group-label">{g.label}</span>
-              {SCENE_BY_GROUP[g.id].map(c => (
-                <button
-                  key={c.id}
-                  className={`cap-chip ${capabilityFilter === c.id ? 'active' : ''}`}
-                  style={capabilityFilter === c.id ? { color: '#fff', background: c.color, borderColor: c.color } : { color: c.color, borderColor: c.color + '55' }}
-                  onClick={() => setCapabilityFilter(capabilityFilter === c.id ? null : c.id)}
-                >{c.label}</button>
-              ))}
-            </React.Fragment>
+          {SCENES.map(c => (
+            <button
+              key={c.id}
+              className={`cap-chip ${capabilityFilter === c.id ? 'active' : ''}`}
+              style={capabilityFilter === c.id ? { color: '#fff', background: c.color, borderColor: c.color } : { color: c.color, borderColor: c.color + '55' }}
+              onClick={() => setCapabilityFilter(capabilityFilter === c.id ? null : c.id)}
+            >{c.label}</button>
           ))}
         </div>