feat(enterprise): add commercial edition overview and links

mateclaw-ui/src/i18n/locales/en-US.ts

@@ -3658,8 +3658,38 @@ export default {
     failed: 'Login failed. Please check your credentials.',
   },
   enterprise: {
+    offer: {
+      badge: "PRIVATE DEPLOYMENT · ENTERPRISE GOVERNANCE",
+      scenarioLabel: "USE CASES",
+      roadmapLabel: "View roadmap",
+      scenarioPolicy: "Policy Q&A",
+      scenarioBi: "Chat-BI",
+      scenarioContract: "Contract review",
+      scenarioTender: "Tender analysis",
+      scenarioOps: "IT operations",
+      scenarioDocs: "Document collaboration",
+      title: "Taiyi Agents · SOE Edition",
+      description: "A privately deployed AI agent platform for enterprises and state-owned organizations, connecting models, knowledge, agents, and business systems with collaboration, approvals, and traceability.",
+      website: "Explore Taiyi Enterprise",
+      demo: "Request a demo",
+      scope: "These capabilities describe Taiyi Enterprise as presented on its website. The console contains demonstration scenario data; contact sales for an enterprise solution.",
+      roadmap: "Website roadmap: identity federation, dedicated domestic-stack adaptation, MLPS Level-3 certification, and MCP ecosystem integration.",
+      scenarios: "Solutions: policy Q&A, Chat-BI, contract review, tender analysis, IT operations assistance, and collaborative document editing.",
+      engineTitle: "Agent engine",
+      engineDesc: "Multi-turn ReAct and tool execution with streaming, runaway guards, and cancellation.",
+      governanceTitle: "Governance and audit",
+      governanceDesc: "Tool policies, human review, signed audit trails, replay, and outbound data masking.",
+      knowledgeTitle: "Permission-aware knowledge",
+      knowledgeDesc: "Hybrid retrieval with document and chunk access controls and source citations.",
+      workflowTitle: "Workflows and approvals",
+      workflowDesc: "DAG orchestration, branching, parallel execution, and human approval with suspend/resume.",
+      memoryTitle: "Organizational memory",
+      memoryDesc: "Profiles, evolving Soul, and facts scoped to workspaces, agents, users, and conversations.",
+      securityTitle: "Cryptography and private deployment",
+      securityDesc: "SM2/SM3/SM4 encryption and signing, sandboxing, and tenant isolation.",
+    },
     eyebrow: 'Enterprise',
-    title: 'Enterprise AI Workbench',
+    title: 'Taiyi Agents · SOE Edition',
     subtitle: 'Verifiable judgment with cited evidence, owned approvals, and a complete audit trail — AI inside enterprise workflows, not yet another chatbox.',
     tabs: { overview: 'Overview', contract: 'Contract Review', account: 'Account Intel', approvals: 'Approvals', audit: 'Audit' },
     risk: { high: 'High', medium: 'Medium', low: 'Low' },

mateclaw-ui/src/i18n/locales/zh-CN.ts

@@ -3670,8 +3670,38 @@ export default {
     failed: '登录失败，请检查账号密码',
   },
   enterprise: {
+    offer: {
+      badge: "私有化部署 · 企业级治理",
+      scenarioLabel: "落地场景",
+      roadmapLabel: "查看后续规划",
+      scenarioPolicy: "制度政策问答",
+      scenarioBi: "Chat-BI 问数",
+      scenarioContract: "合同智能审核",
+      scenarioTender: "招投标解析",
+      scenarioOps: "IT 运维助手",
+      scenarioDocs: "公文协同编辑",
+      title: "太一智能体央国企版",
+      description: "面向企业与央国企的私有化 AI 智能体平台，将模型、知识、智能体与业务系统连接起来，支持企业流程中的协作、审批与追溯。",
+      website: "了解太一企业版",
+      demo: "预约演示",
+      scope: "以下为太一企业版官网能力介绍。当前控制台中的场景数据用于演示，企业方案请联系商务咨询。",
+      roadmap: "官网规划中：统一身份联邦、国产软硬件专项深度适配、等保三级认证及 MCP 生态接入。",
+      scenarios: "场景方案：制度政策问答、Chat-BI 问数、合同智能审核、招投标解析、IT 运维助手、公文协同编辑。",
+      engineTitle: "智能体引擎",
+      engineDesc: "多轮 ReAct 编排与工具调用，支持流式响应、失控保护和协作取消。",
+      governanceTitle: "治理与审计",
+      governanceDesc: "工具策略、危险操作人审、签名验签与轨迹回放，以及出域脱敏。",
+      knowledgeTitle: "权限感知知识库",
+      knowledgeDesc: "向量与关键词检索，文档和片段权限隔离，回答附带出处引用。",
+      workflowTitle: "工作流与人工审批",
+      workflowDesc: "DAG 编排、分支与并行执行，人工审批挂起和恢复。",
+      memoryTitle: "组织长期记忆",
+      memoryDesc: "组织画像、Soul 演进与事实库，按工作空间、员工、用户及会话隔离。",
+      securityTitle: "国密与私有部署",
+      securityDesc: "SM2 / SM3 / SM4 加密与签名、安全沙箱及多租户隔离。",
+    },
     eyebrow: '企业场景',
-    title: '企业 AI 工作台',
+    title: '太一智能体央国企版',
     subtitle: '把 AI 判断、证据引用、审批责任一体化 —— 让 AI 进入企业流程，而不是又一个聊天框。',
     tabs: {
       overview: '总览',

mateclaw-ui/src/views/Enterprise/EnterpriseOffer.vue

@@ -0,0 +1,115 @@
+<template>
+  <section class="enterprise-offer" aria-labelledby="enterprise-offer-title">
+    <div class="offer-hero">
+      <div class="offer-intro">
+        <span class="offer-badge"><span aria-hidden="true" />{{ t('enterprise.offer.badge') }}</span>
+        <h2 id="enterprise-offer-title">{{ t('enterprise.offer.title') }}</h2>
+        <p class="offer-description">{{ t('enterprise.offer.description') }}</p>
+      </div>
+      <div class="offer-actions">
+        <a class="offer-primary" href="https://mate.vip/enterprise/" target="_blank" rel="noopener noreferrer">
+          {{ t('enterprise.offer.demo') }}
+          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14m-6-6 6 6-6 6" /></svg>
+        </a>
+        <a class="offer-secondary" href="https://mate.vip/enterprise/" target="_blank" rel="noopener noreferrer">{{ t('enterprise.offer.website') }} ↗</a>
+      </div>
+    </div>
+
+    <div class="offer-capabilities">
+      <article v-for="capability in capabilities" :key="capability.key" class="capability">
+        <span class="capability-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path :d="capability.icon" /></svg></span>
+        <div>
+          <h3>{{ t(`enterprise.offer.${capability.key}Title`) }}</h3>
+          <p>{{ t(`enterprise.offer.${capability.key}Desc`) }}</p>
+        </div>
+      </article>
+    </div>
+
+    <div class="offer-scenarios">
+      <span class="section-label">{{ t('enterprise.offer.scenarioLabel') }}</span>
+      <ul>
+        <li v-for="scenario in scenarios" :key="scenario">{{ t(`enterprise.offer.${scenario}`) }}</li>
+      </ul>
+    </div>
+    <footer class="offer-footer">
+      <p>{{ t('enterprise.offer.scope') }}</p>
+      <details>
+        <summary>{{ t('enterprise.offer.roadmapLabel') }}</summary>
+        <p>{{ t('enterprise.offer.roadmap') }}</p>
+      </details>
+    </footer>
+  </section>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+const capabilities = [
+  { key: 'engine', icon: 'M8 3v3m8-3v3M8 18v3m8-3v3M3 8h3m-3 8h3m12-8h3m-3 8h3M6 6h12v12H6zM9 9h6v6H9z' },
+  { key: 'governance', icon: 'M12 3 4 6v6c0 5 8 9 8 9s8-4 8-9V6zM8 12l3 3 5-6' },
+  { key: 'knowledge', icon: 'M12 5v16M3 4h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5v15h-5a4 4 0 0 0-4 2 4 4 0 0 0-4-2H3z' },
+  { key: 'workflow', icon: 'M9 3h6v5H9zM3 16h6v5H3zM15 16h6v5h-6zM12 8v4M6 16v-4h12v4' },
+  { key: 'memory', icon: 'M5 7c0-5 14-5 14 0s-14 5-14 0m0 0v10c0 5 14 5 14 0V7M5 12c0 5 14 5 14 0' },
+  { key: 'security', icon: 'M7 10V7a5 5 0 0 1 10 0v3M5 10h14v11H5zM12 14v3' },
+] as const
+const scenarios = ['scenarioPolicy', 'scenarioBi', 'scenarioContract', 'scenarioTender', 'scenarioOps', 'scenarioDocs'] as const
+</script>
+
+<style scoped>
+.enterprise-offer {
+  flex-shrink: 0;
+  overflow: hidden;
+  border: 1px solid var(--mc-border-light);
+  border-radius: 20px;
+  background: var(--mc-bg-elevated);
+  color: var(--mc-text-primary);
+  box-shadow: 0 4px 24px rgb(0 0 0 / 3%);
+}
+.offer-hero {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 32px;
+  padding: 28px 30px;
+  background: radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--mc-primary) 10%, transparent), transparent 65%);
+}
+.offer-intro { max-width: 700px; min-width: 0; }
+.offer-badge { display: inline-flex; align-items: center; gap: 7px; color: var(--mc-primary); font-size: 11px; font-weight: 600; letter-spacing: .06em; }
+.offer-badge span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
+h2 { margin: 12px 0 10px; font-size: clamp(22px, 2vw, 28px); letter-spacing: -.035em; line-height: 1.3; font-weight: 700; }
+.offer-description { margin: 0; max-width: 660px; font-size: 13px; line-height: 1.8; color: var(--mc-text-secondary); }
+.offer-actions { display: flex; flex-direction: column; align-items: center; gap: 14px; flex-shrink: 0; }
+a { text-decoration: none; }
+.offer-primary { display: inline-flex; align-items: center; justify-content: center; gap: 22px; padding: 12px 20px; border-radius: 10px; background: var(--mc-primary); color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 4px 12px color-mix(in srgb, var(--mc-primary) 18%, transparent); transition: background .15s; }
+.offer-primary:hover { background: var(--mc-primary-hover); }
+.offer-primary svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
+.offer-secondary { color: var(--mc-text-secondary); font-size: 12px; }
+.offer-secondary:hover { color: var(--mc-primary); }
+a:focus-visible, summary:focus-visible { outline: 2px solid var(--mc-primary); outline-offset: 4px; }
+.offer-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 28px; padding: 24px 30px; border-top: 1px solid var(--mc-border-light); }
+.capability { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
+.capability-icon { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid color-mix(in srgb, var(--mc-primary) 10%, var(--mc-border-light)); border-radius: 10px; background: color-mix(in srgb, var(--mc-primary) 5%, var(--mc-bg-elevated)); color: var(--mc-primary); }
+.capability-icon svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
+h3 { margin: 1px 0 6px; font-size: 13px; font-weight: 600; line-height: 1.5; }
+.capability p { margin: 0; font-size: 12px; line-height: 1.75; color: var(--mc-text-secondary); }
+.offer-scenarios { display: flex; align-items: baseline; gap: 16px; padding: 18px 30px; border-top: 1px solid var(--mc-border-light); }
+.section-label { flex-shrink: 0; font-size: 11px; font-weight: 600; color: var(--mc-text-tertiary); }
+ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
+li { padding: 5px 10px; border-radius: 6px; background: var(--mc-bg-muted); color: var(--mc-text-secondary); font-size: 11px; }
+.offer-footer { padding: 14px 30px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; background: var(--mc-bg-muted); }
+.offer-footer p { margin: 0; font-size: 11px; line-height: 1.7; color: var(--mc-text-tertiary); }
+.offer-footer > p { max-width: 700px; }
+details { flex: 0 0 180px; font-size: 11px; color: var(--mc-text-secondary); }
+summary { cursor: pointer; line-height: 1.7; }
+details[open] p { margin-top: 8px; }
+@media (max-width: 1100px) { .offer-capabilities { grid-template-columns: repeat(2, minmax(0, 1fr)); } .offer-hero { gap: 20px; } }
+@media (max-width: 640px) {
+  .offer-hero { align-items: flex-start; flex-direction: column; padding: 22px 18px; }
+  .offer-actions { flex-direction: row; flex-wrap: wrap; }
+  .offer-capabilities { grid-template-columns: 1fr; padding: 22px 18px; gap: 20px; }
+  .offer-scenarios { flex-direction: column; gap: 10px; padding: 16px 18px; }
+  .offer-footer { flex-direction: column; gap: 8px; padding: 14px 18px; }
+  details { flex-basis: auto; }
+}
+</style>

mateclaw-ui/src/views/Enterprise/Overview.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="overview">
+    <EnterpriseOffer />
     <div class="metric-strip">
       <div class="metric" v-for="m in metrics" :key="m.key" :class="m.tone">
         <div class="metric-label">{{ m.label }}</div>
@@ -105,6 +106,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
+import EnterpriseOffer from './EnterpriseOffer.vue'
 
 const { t } = useI18n()
 const emit = defineEmits<{ (e: 'open-case', id: string): void }>()

mateclaw-ui/src/views/Enterprise/index.vue

@@ -3,6 +3,7 @@
     <header class="enterprise-head">
       <div class="enterprise-eyebrow">{{ t('enterprise.eyebrow') }}</div>
       <h1 class="enterprise-title">{{ t('enterprise.title') }}</h1>
+      <a class="enterprise-website" href="https://mate.vip/enterprise/" target="_blank" rel="noopener noreferrer">{{ t('enterprise.offer.website') }} ↗</a>
       <p class="enterprise-subtitle">{{ t('enterprise.subtitle') }}</p>
     </header>
 
@@ -71,6 +72,7 @@ function onOpenCase(id: string) {
   overflow: hidden;
 }
 
+.enterprise-website { align-self: flex-start; color: var(--mc-primary); font-size: 13px; text-underline-offset: 3px; }
 .enterprise-head { display: flex; flex-direction: column; gap: 4px; }
 .enterprise-eyebrow {
   font-size: var(--mc-text-xs);