@yuku123/z-team-component 0.2.55 → 0.2.57

package/dist/index-DTGL9OWw.js

@@ -0,0 +1,1195 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useState as u, useEffect as I, useMemo as x, useCallback as A, useLayoutEffect as W } from "react";
+import { h as f } from "./history-BlrA1eaW.js";
+import { f as P, p as M, L as l, a as V, b as H, M as Z, A as F } from "./index-DWsfQMp8.js";
+const q = "_welcome_1b2hj_11", J = "_bgWash_1b2hj_57", K = "_bgGrid_1b2hj_68", U = "_container_1b2hj_82", Q = "_navbar_1b2hj_99", Y = "_navInner_1b2hj_109", X = "_navBrand_1b2hj_119", ee = "_navMark_1b2hj_127", ae = "_navBrandText_1b2hj_142", ne = "_navLinks_1b2hj_149", te = "_navLink_1b2hj_149", ce = "_navLinkActive_1b2hj_172", se = "_navMenuBtn_1b2hj_177", oe = "_navMenuIcon_1b2hj_197", ie = "_navMenuIconOpen_1b2hj_214", le = "_navMenuPanel_1b2hj_226", re = "_menuIn_1b2hj_1", de = "_navMenuItem_1b2hj_255", he = "_navMenuCta_1b2hj_273", me = "_navActions_1b2hj_294", _e = "_navGhost_1b2hj_301", be = "_navPrimary_1b2hj_302", pe = "_hero_1b2hj_342", ve = "_heroInner_1b2hj_348", Ne = "_eyebrow_1b2hj_357", ue = "_eyebrowDot_1b2hj_373", fe = "_heroTitle_1b2hj_381", we = "_heroTitleAccent_1b2hj_391", je = "_heroLead_1b2hj_404", ge = "_heroActions_1b2hj_412", Te = "_btnPrimary_1b2hj_419", Ae = "_btnSecondary_1b2hj_420", Ce = "_heroStats_1b2hj_461", Ie = "_heroStat_1b2hj_461", Me = "_heroStatNum_1b2hj_474", ye = "_heroStatLabel_1b2hj_482", ke = "_heroVisual_1b2hj_488", Se = "_chatCard_1b2hj_504", Le = "_chatHead_1b2hj_515", ze = "_chatHeadLeft_1b2hj_525", Re = "_chatLiveDot_1b2hj_532", Pe = "_chatRoom_1b2hj_541", Be = "_chatMeta_1b2hj_550", $e = "_chatBody_1b2hj_557", Ee = "_chatRow_1b2hj_565", De = "_chatRowHuman_1b2hj_572", Oe = "_chatRowAgent_1b2hj_577", Ge = "_chatRowSub_1b2hj_578", xe = "_chatWho_1b2hj_582", We = "_chatName_1b2hj_590", Ve = "_chatTag_1b2hj_596", He = "_chatTagPrimary_1b2hj_597", Ze = "_chatTime_1b2hj_617", Fe = "_chatBubble_1b2hj_621", qe = "_chatMentions_1b2hj_642", Je = "_chatMention_1b2hj_642", Ke = "_section_1b2hj_662", Ue = "_sectionHead_1b2hj_669", Qe = "_sectionEyebrow_1b2hj_674", Ye = "_sectionTitle_1b2hj_683", Xe = "_sectionLead_1b2hj_692", ea = "_capGrid_1b2hj_702", aa = "_capCard_1b2hj_708", na = "_capIcon_1b2hj_726", ta = "_capTitle_1b2hj_739", ca = "_capDesc_1b2hj_747", sa = "_capTag_1b2hj_755", oa = "_archList_1b2hj_768", ia = "_archRow_1b2hj_772", la = "_archRail_1b2hj_780", ra = "_archIndex_1b2hj_786", da = "_archRailText_1b2hj_793", ha = "_archLabel_1b2hj_799", ma = "_archEn_1b2hj_806", _a = "_tone_blue_1b2hj_813", ba = "_tone_cyan_1b2hj_817", pa = "_tone_purple_1b2hj_821", va = "_tone_gold_1b2hj_825", Na = "_tone_green_1b2hj_829", ua = "_archModules_1b2hj_833", fa = "_archModule_1b2hj_833", wa = "_archModuleName_1b2hj_849", ja = "_archModuleDesc_1b2hj_855", ga = "_showcaseGrid_1b2hj_864", Ta = "_flowList_1b2hj_871", Aa = "_flowItem_1b2hj_880", Ca = "_flowNum_1b2hj_891", Ia = "_flowTitle_1b2hj_907", Ma = "_flowDesc_1b2hj_914", ya = "_scnGrid_1b2hj_924", ka = "_scnCard_1b2hj_930", Sa = "_scnIcon_1b2hj_947", La = "_scnTitle_1b2hj_960", za = "_scnDesc_1b2hj_967", Ra = "_valList_1b2hj_977", Pa = "_valItem_1b2hj_983", Ba = "_valNum_1b2hj_999", $a = "_valTitle_1b2hj_1009", Ea = "_valDesc_1b2hj_1016", Da = "_valCta_1b2hj_1024", Oa = "_valCtaTitle_1b2hj_1036", Ga = "_valCtaDesc_1b2hj_1044", xa = "_valCtaActions_1b2hj_1051", Wa = "_valCtaPrimary_1b2hj_1057", Va = "_valCtaGhost_1b2hj_1058", Ha = "_cliGrid_1b2hj_1097", Za = "_cliCard_1b2hj_1103", Fa = "_cliTop_1b2hj_1120", qa = "_cliIcon_1b2hj_1128", Ja = "_cliState_1b2hj_1140", Ka = "_state_ready_1b2hj_1149", Ua = "_state_beta_1b2hj_1155", Qa = "_state_soon_1b2hj_1161", Ya = "_state_free_1b2hj_1167", Xa = "_state_instant_1b2hj_1173", en = "_cliName_1b2hj_1179", an = "_cliEn_1b2hj_1187", nn = "_cliDesc_1b2hj_1193", tn = "_cliMeta_1b2hj_1201", cn = "_cliMetaNote_1b2hj_1218", sn = "_cliAction_1b2hj_1225", on = "_cliBtnPrimary_1b2hj_1229", ln = "_cliBtnGhost_1b2hj_1230", rn = "_cliMore_1b2hj_1273", dn = "_cliMoreSub_1b2hj_1288", hn = "_cliMoreBtn_1b2hj_1292", mn = "_toTop_1b2hj_1320", _n = "_toTopVisible_1b2hj_1343", bn = "_toTopIcon_1b2hj_1354", pn = "_footer_1b2hj_1358", vn = "_footerInner_1b2hj_1366", Nn = "_footerBrand_1b2hj_1376", un = "_footerBrandName_1b2hj_1383", fn = "_footerBrandDesc_1b2hj_1389", wn = "_footerLinks_1b2hj_1396", jn = "_footerCol_1b2hj_1401", gn = "_footerColTitle_1b2hj_1407", Tn = "_footerLink_1b2hj_1396", An = "_footerBottom_1b2hj_1432", Cn = "_fadeIn_1b2hj_1449", In = "_revealRoot_1b2hj_7", Mn = "_fadeInVisible_1b2hj_1464", e = {
+  welcome: q,
+  bgWash: J,
+  bgGrid: K,
+  container: U,
+  navbar: Q,
+  navInner: Y,
+  navBrand: X,
+  navMark: ee,
+  navBrandText: ae,
+  navLinks: ne,
+  navLink: te,
+  navLinkActive: ce,
+  navMenuBtn: se,
+  navMenuIcon: oe,
+  navMenuIconOpen: ie,
+  navMenuPanel: le,
+  menuIn: re,
+  navMenuItem: de,
+  navMenuCta: he,
+  navActions: me,
+  navGhost: _e,
+  navPrimary: be,
+  hero: pe,
+  heroInner: ve,
+  eyebrow: Ne,
+  eyebrowDot: ue,
+  heroTitle: fe,
+  heroTitleAccent: we,
+  heroLead: je,
+  heroActions: ge,
+  btnPrimary: Te,
+  btnSecondary: Ae,
+  heroStats: Ce,
+  heroStat: Ie,
+  heroStatNum: Me,
+  heroStatLabel: ye,
+  heroVisual: ke,
+  chatCard: Se,
+  chatHead: Le,
+  chatHeadLeft: ze,
+  chatLiveDot: Re,
+  chatRoom: Pe,
+  chatMeta: Be,
+  chatBody: $e,
+  chatRow: Ee,
+  chatRowHuman: De,
+  chatRowAgent: Oe,
+  chatRowSub: Ge,
+  chatWho: xe,
+  chatName: We,
+  chatTag: Ve,
+  chatTagPrimary: He,
+  chatTime: Ze,
+  chatBubble: Fe,
+  chatMentions: qe,
+  chatMention: Je,
+  section: Ke,
+  sectionHead: Ue,
+  sectionEyebrow: Qe,
+  sectionTitle: Ye,
+  sectionLead: Xe,
+  capGrid: ea,
+  capCard: aa,
+  capIcon: na,
+  capTitle: ta,
+  capDesc: ca,
+  capTag: sa,
+  archList: oa,
+  archRow: ia,
+  archRail: la,
+  archIndex: ra,
+  archRailText: da,
+  archLabel: ha,
+  archEn: ma,
+  tone_blue: _a,
+  tone_cyan: ba,
+  tone_purple: pa,
+  tone_gold: va,
+  tone_green: Na,
+  archModules: ua,
+  archModule: fa,
+  archModuleName: wa,
+  archModuleDesc: ja,
+  showcaseGrid: ga,
+  flowList: Ta,
+  flowItem: Aa,
+  flowNum: Ca,
+  flowTitle: Ia,
+  flowDesc: Ma,
+  scnGrid: ya,
+  scnCard: ka,
+  scnIcon: Sa,
+  scnTitle: La,
+  scnDesc: za,
+  valList: Ra,
+  valItem: Pa,
+  valNum: Ba,
+  valTitle: $a,
+  valDesc: Ea,
+  valCta: Da,
+  valCtaTitle: Oa,
+  valCtaDesc: Ga,
+  valCtaActions: xa,
+  valCtaPrimary: Wa,
+  valCtaGhost: Va,
+  cliGrid: Ha,
+  cliCard: Za,
+  cliTop: Fa,
+  cliIcon: qa,
+  cliState: Ja,
+  state_ready: Ka,
+  state_beta: Ua,
+  state_soon: Qa,
+  state_free: Ya,
+  state_instant: Xa,
+  cliName: en,
+  cliEn: an,
+  cliDesc: nn,
+  cliMeta: tn,
+  cliMetaNote: cn,
+  cliAction: sn,
+  cliBtnPrimary: on,
+  cliBtnGhost: ln,
+  cliMore: rn,
+  cliMoreSub: dn,
+  cliMoreBtn: hn,
+  toTop: mn,
+  toTopVisible: _n,
+  toTopIcon: bn,
+  footer: pn,
+  footerInner: vn,
+  footerBrand: Nn,
+  footerBrandName: un,
+  footerBrandDesc: fn,
+  footerLinks: wn,
+  footerCol: jn,
+  footerColTitle: gn,
+  footerLink: Tn,
+  footerBottom: An,
+  fadeIn: Cn,
+  revealRoot: In,
+  fadeInVisible: Mn
+}, y = [
+  { id: "panorama", label: "平台全景" },
+  { id: "account", label: "一个账号" },
+  { id: "architecture", label: "平台架构" },
+  { id: "middleware", label: "自研中间件" },
+  { id: "zteam", label: "数字员工" }
+], B = [
+  {
+    icon: "message",
+    name: "协作",
+    en: "Collaboration",
+    desc: "群聊为入口：多 Agent 协作、知识库、订阅与项目、工作流编排。Z Team 就在这里。",
+    tag: "z-team · z-lc"
+  },
+  {
+    icon: "sparkle",
+    name: "智能",
+    en: "Intelligence",
+    desc: "模型管理、模型对话、AK 管理、Agent 应用、MCP 服务、技能市场与模型监控。",
+    tag: "z-llm-gateway · z-agent"
+  },
+  {
+    icon: "book",
+    name: "产品",
+    en: "Product",
+    desc: "需求、设计、特性、书稿与业务理解，产品工作台承载组织对产品的统一认知。",
+    tag: "z-product"
+  },
+  {
+    icon: "branch",
+    name: "研发",
+    en: "Engineering",
+    desc: "应用与 Schema 建模、数据字典与 Pipeline、WebIDE、脚本治理、权限矩阵与部署记录。",
+    tag: "z-lc · z-webide · z-script"
+  },
+  {
+    icon: "check",
+    name: "测试",
+    en: "Quality",
+    desc: "测试总览、用例与套件编排、执行与定时调度、E2E 浏览器自动化。",
+    tag: "z-qa"
+  },
+  {
+    icon: "server",
+    name: "运维",
+    en: "Operations",
+    desc: "运维总览、节点 / Pod / HPA、镜像仓库、流水线、发布、监控告警、日志与 DBA 工单。",
+    tag: "z-ops"
+  },
+  {
+    icon: "layers",
+    name: "中间件",
+    en: "Middleware",
+    desc: "配置、密钥、元数据、消息、RPC、向量、图、网关、缓存、MQ、知识库、对象存储。",
+    tag: "13 组控制台"
+  },
+  {
+    icon: "shield",
+    name: "系统",
+    en: "System",
+    desc: "认证与权限、开发与工具、产品认知、业务流程——平台自身的设置面。",
+    tag: "4A · 管理面"
+  },
+  {
+    icon: "bot",
+    name: "RPA",
+    en: "Automation",
+    desc: "RPA 市场与需求，应用与运行、触发器等自动化执行链。",
+    tag: "z-rpa · z-script · z-schedule"
+  }
+], yn = [
+  {
+    icon: "shield",
+    title: "统一认证",
+    desc: "SSO 拦截器把登录态跨子域共享给前端 SPA 与后端服务，登录一次即可进出各工作台。"
+  },
+  {
+    icon: "network",
+    title: "统一授权",
+    desc: "应用与角色的权限矩阵，菜单入口与接口鉴权读同一份授权数据。"
+  },
+  {
+    icon: "users",
+    title: "统一账号",
+    desc: "组织、角色与成员统一在 4A 维护，业务面不再各自建一套账号体系。"
+  },
+  {
+    icon: "search",
+    title: "登录审计",
+    desc: "登录与授权操作日志集中落库，入口、时间与结果可回查。"
+  }
+], kn = [
+  {
+    label: "统一前端",
+    en: "Web Shell",
+    tone: "blue",
+    modules: [
+      { name: "工作台外壳", desc: "React 19 · Vite 6 · 按业务面分包加载" },
+      {
+        name: "九个工作台",
+        desc: "协作 / 智能 / 产品 / 研发 / 测试 / 运维 / 中间件 / 系统 / RPA"
+      },
+      { name: "中间件控制台", desc: "12 个自研中间件的统一代管台" },
+      { name: "4A 入口", desc: "登录态跨子域共享，菜单与鉴权同源" }
+    ]
+  },
+  {
+    label: "单一 JVM",
+    en: "z-opc-main-starter :8888",
+    tone: "purple",
+    modules: [
+      { name: "Spring Boot 2.7.18", desc: "Java 8 · 单个启动器承载全部业务域" },
+      { name: "自动装配", desc: "各域经 spring.factories 装配进主进程" },
+      { name: "28 条兄弟仓依赖", desc: "4A / Agent / 交易 / 资产 / RPA 以 jar 引入" },
+      { name: "一套数据库", desc: "oc 库承接全部业务表" }
+    ]
+  },
+  {
+    label: "同进程中间件",
+    en: "Embedded Middleware",
+    tone: "cyan",
+    modules: [
+      { name: "z-cache :6379", desc: "Redis 协议缓存，Netty 内嵌" },
+      { name: "z-graph :8091", desc: "图数据库，留空即纯内存" },
+      { name: "z-vector :6334", desc: "向量检索 gRPC 内嵌" },
+      { name: "z-oss :12888", desc: "对象存储 Netty 内嵌" },
+      { name: "z-gw :9090", desc: "网关路由与代理 Controller" }
+    ]
+  },
+  {
+    label: "独立进程",
+    en: "Separate Processes",
+    tone: "gold",
+    modules: [
+      { name: "z-mq", desc: "NameServer / Broker 以子进程拉起" },
+      { name: "z-bot", desc: "终端 Bot 自带 main，独立 fat jar" }
+    ]
+  }
+], Sn = [
+  { name: "配置中心", en: "z-config", desc: "配置项查询、编辑与发布，变更历史可回溯" },
+  { name: "密钥中心", en: "z-mist", desc: "密钥台账、应用接入与授权校验" },
+  { name: "元数据中心", en: "z-meta", desc: "应用、租户与数据字典的统一台账" },
+  { name: "消息中心", en: "z-msg", desc: "收件箱与会话消息的统一入口" },
+  { name: "服务注册", en: "z-rpc", port: ":20880", desc: "RPC 服务注册与调用" },
+  { name: "向量检索", en: "z-vector", port: ":6334", desc: "集合管理与相似检索" },
+  { name: "图数据库", en: "z-graph", port: ":8091", desc: "图查询与版本链" },
+  { name: "网关", en: "z-gw", port: ":9090", desc: "路由配置与代理转发" },
+  { name: "缓存", en: "z-cache", port: ":6379", desc: "Redis 协议缓存" },
+  { name: "消息队列", en: "z-mq", port: ":9877", desc: "Topic 与订阅，NameServer 独立进程" },
+  { name: "知识库", en: "z-kb", desc: "工作空间、文档与检索" },
+  { name: "对象存储", en: "z-oss", port: ":12888", desc: "桶、对象与预签名" }
+], Ln = [
+  { name: "z-cache", port: ":6379" },
+  { name: "z-graph", port: ":8091" },
+  { name: "z-vector", port: ":6334" },
+  { name: "z-oss", port: ":12888" },
+  { name: "z-gw", port: ":9090" }
+], zn = [
+  {
+    icon: "message",
+    title: "消息中枢 · IM 驱动",
+    desc: "消息总线做中枢，WebSocket 穿透受限网络。人发消息即触发 Agent 拉起任务，结论回到同一个群里。",
+    tag: "MsgHub"
+  },
+  {
+    icon: "network",
+    title: "星型多 Agent 协作",
+    desc: "TeamAgent 主控拆解需求，群内 @子 Agent 即可联合多方 Agent，无需显式调用与编排。",
+    tag: "TeamAgent"
+  },
+  {
+    icon: "branch",
+    title: "学习子系统",
+    desc: "旁路 Pipeline 从对话中提取经验，版本化回写 Skill。进化覆盖天生，用得越久越准。",
+    tag: "Evolution"
+  },
+  {
+    icon: "shield",
+    title: "评测子系统",
+    desc: "AI 置信度门控 + 去重 + 冲突检测。低质量沉淀自动拒绝，不给团队灌噪声。",
+    tag: "Evaluation"
+  },
+  {
+    icon: "swap",
+    title: "本地 × 生产无缝衔接",
+    desc: "Tauri 本地沙箱与云端 Agent 集群双向打通。敏感操作本地隔离，高并发交给生产。",
+    tag: "Hybrid Runtime"
+  },
+  {
+    icon: "users",
+    title: "群聊内多方 Agent 联合",
+    desc: "一个群聊就是一个协作空间。拆解、调度、执行、汇总，全在群内闭环完成。",
+    tag: "Collaboration"
+  },
+  {
+    icon: "book",
+    title: "知识案例沉淀",
+    desc: "把排查过程沉淀成「问题-根因-方案-证据」结构化案例，可检索、可复用、不再流失。",
+    tag: "Knowledge"
+  },
+  {
+    icon: "layers",
+    title: "双层消息净化",
+    desc: "对外交付只有结论，对内保留完整推理轨迹。交付干净利落，调试有迹可循。",
+    tag: "Message Hygiene"
+  }
+], Rn = [
+  {
+    role: "human",
+    name: "张工",
+    text: "排查一下预发环境订单费用不等的问题，最近用户反馈很多",
+    time: "10:32"
+  },
+  {
+    role: "agent",
+    name: "TeamAgent",
+    text: "收到，我来协调排查。先拉起信号采集和代码分析两个子 Agent。",
+    time: "10:32",
+    mentions: ["@信号采集Agent", "@代码分析Agent"]
+  },
+  {
+    role: "subagent",
+    name: "信号采集Agent",
+    text: "已采集到 3 条异常链路，traceId 为 trace_a1b2c3、trace_d4e5f6、trace_g7h8i9，差异集中在 FeeCalcService.calculate()，差值 0.01–0.03 元。",
+    time: "10:34"
+  },
+  {
+    role: "subagent",
+    name: "代码分析Agent",
+    text: "根因定位：FeeCalcService.calculate() 第 87 行用 double 计算，存在浮点精度丢失，建议改 BigDecimal。",
+    time: "10:35"
+  },
+  {
+    role: "agent",
+    name: "TeamAgent",
+    text: "综合诊断：费用计算浮点精度问题。根因已定位，修复方案已生成，请确认是否提交工单。",
+    time: "10:36"
+  }
+], Pn = {
+  ready: "可下载",
+  beta: "内测中",
+  soon: "即将发布",
+  free: "免安装",
+  instant: "即刻可用"
+}, Bn = [
+  {
+    key: "macos",
+    icon: "laptop",
+    name: "macOS 桌面端",
+    en: "ZTeamAgent · Apple Silicon",
+    state: "ready",
+    desc: "本地 Agent 沙箱、火箭跳转、自动更新。与生产 Agent 集群双向打通。"
+  },
+  {
+    key: "windows",
+    icon: "windows",
+    name: "Windows 桌面端",
+    en: "ZTeamAgent · x64",
+    state: "ready",
+    desc: "与 macOS 同源交付，安装包为 x64 setup 格式，功能一套不打折。"
+  },
+  {
+    key: "ios",
+    icon: "phone",
+    name: "iOS App",
+    en: "Z-Team · iPhone / iPad",
+    state: "beta",
+    desc: "通过 TestFlight 分发内测版本，测试通过后上架 App Store。"
+  },
+  {
+    key: "android",
+    icon: "bot",
+    name: "Android App",
+    en: "Z-Team · APK 直装",
+    state: "soon",
+    desc: "APK 直装包，支持浏览器直接下载安装与版本提示。"
+  },
+  {
+    key: "web",
+    icon: "globe",
+    name: "Web 版",
+    en: "浏览器 · 全平台",
+    state: "free",
+    desc: "无需安装，浏览器直接进入完整工作台，手机浏览器自动切换移动版界面。"
+  },
+  {
+    key: "cli",
+    icon: "terminal",
+    name: "CLI Agent",
+    en: "claude-code 等多运行时",
+    state: "instant",
+    desc: "接入既有 CLI 运行时，在命令行里把任务交给 Agent，结论回到会话。"
+  }
+];
+function $n() {
+  const [s, w] = u(!1), [m, C] = u(/* @__PURE__ */ new Set());
+  W(() => {
+    if (typeof IntersectionObserver > "u") {
+      w(!0);
+      return;
+    }
+    const i = new IntersectionObserver(
+      (b) => {
+        C((p) => {
+          let r = null;
+          return b.forEach((v) => {
+            if (!v.isIntersecting) return;
+            const j = v.target.dataset.revealId;
+            !j || p.has(j) || (r = r ?? new Set(p), r.add(j));
+          }), r ?? p;
+        });
+      },
+      { threshold: 0.08, rootMargin: "0px 0px -8% 0px" }
+    );
+    document.querySelectorAll("[data-reveal-id]").forEach((b) => i.observe(b));
+    const S = window.setTimeout(() => {
+      C((b) => {
+        const p = new Set(b);
+        return document.querySelectorAll("[data-reveal-id]").forEach((r) => {
+          const v = r.dataset.revealId;
+          v && p.add(v);
+        }), p;
+      });
+    }, 2400);
+    return w(!0), () => {
+      i.disconnect(), window.clearTimeout(S);
+    };
+  }, []);
+  const _ = A(
+    (i) => m.has(i),
+    [m]
+  );
+  return { revealReady: s, isRevealed: _ };
+}
+function En() {
+  return /* @__PURE__ */ t("div", { className: e.platCard, children: [
+    /* @__PURE__ */ t("div", { className: e.platHead, children: [
+      /* @__PURE__ */ a("span", { className: e.platLiveDot }),
+      /* @__PURE__ */ a("span", { className: e.platTitle, children: "z-opc-main-starter" }),
+      /* @__PURE__ */ a("span", { className: e.platPort, children: ":8888" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.platSub, children: "单一 JVM · 业务域自动装配 · 一套数据库" }),
+    /* @__PURE__ */ a("div", { className: e.platFaces, children: B.map((s) => /* @__PURE__ */ t("div", { className: e.platFace, children: [
+      /* @__PURE__ */ a("span", { className: e.platFaceName, children: s.name }),
+      /* @__PURE__ */ a("span", { className: e.platFaceEn, children: s.en }),
+      s.name === "协作" && /* @__PURE__ */ a("span", { className: e.platFaceTag, children: "Z Team" })
+    ] }, s.name)) }),
+    /* @__PURE__ */ t("div", { className: e.platEmbed, children: [
+      /* @__PURE__ */ a("span", { className: e.platEmbedTitle, children: "同进程中间件" }),
+      /* @__PURE__ */ a("div", { className: e.platChips, children: Ln.map((s) => /* @__PURE__ */ t("span", { className: e.platChip, children: [
+        s.name,
+        /* @__PURE__ */ a("em", { children: s.port })
+      ] }, s.name)) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: e.platFoot, children: [
+      /* @__PURE__ */ a("span", { children: "独立进程：z-mq · z-bot" }),
+      /* @__PURE__ */ a("span", { className: e.platFootOk, children: "运行中" })
+    ] })
+  ] });
+}
+function Dn() {
+  return /* @__PURE__ */ t("div", { className: e.chatCard, children: [
+    /* @__PURE__ */ t("div", { className: e.chatHead, children: [
+      /* @__PURE__ */ t("div", { className: e.chatHeadLeft, children: [
+        /* @__PURE__ */ a("span", { className: e.chatLiveDot }),
+        /* @__PURE__ */ a("span", { className: e.chatRoom, children: "故障排查协作群" })
+      ] }),
+      /* @__PURE__ */ a("span", { className: e.chatMeta, children: "7 人 · 4 Agent 在线" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.chatBody, children: Rn.map((s, w) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: `${e.chatRow} ${s.role === "human" ? e.chatRowHuman : s.role === "subagent" ? e.chatRowSub : e.chatRowAgent}`,
+        children: [
+          /* @__PURE__ */ t("div", { className: e.chatWho, children: [
+            /* @__PURE__ */ a("span", { className: e.chatName, children: s.name }),
+            s.role === "agent" && /* @__PURE__ */ a("span", { className: e.chatTagPrimary, children: "主控" }),
+            s.role === "subagent" && /* @__PURE__ */ a("span", { className: e.chatTag, children: "子 Agent" }),
+            /* @__PURE__ */ a("span", { className: e.chatTime, children: s.time })
+          ] }),
+          /* @__PURE__ */ a("div", { className: e.chatBubble, children: s.text }),
+          s.mentions && /* @__PURE__ */ a("div", { className: e.chatMentions, children: s.mentions.map((m) => /* @__PURE__ */ a("span", { className: e.chatMention, children: m }, m)) })
+        ]
+      },
+      w
+    )) })
+  ] });
+}
+function Vn() {
+  const [s, w] = u(null), [m, C] = u(null), [_, i] = u(!1), [k, S] = u(""), [b, p] = u(!1), [r, v] = u(!1), { revealReady: j, isRevealed: d } = $n();
+  I(() => {
+    let n = !0;
+    return P(Z).then((c) => {
+      n && w(c);
+    }), P(F).then((c) => {
+      n && C(c);
+    }), () => {
+      n = !1;
+    };
+  }, []), I(() => {
+    const n = document.title;
+    document.title = "Z OPC · 组织级统一服务平台";
+    let c = document.head.querySelector(
+      'meta[name="description"]'
+    );
+    const o = !c, h = (c == null ? void 0 : c.content) ?? "";
+    return c || (c = document.createElement("meta"), c.name = "description", document.head.appendChild(c)), c.content = "Z OPC 以单个 Spring Boot JVM 承载协作、智能、产品、研发、测试、运维、中间件、系统与 RPA 九个工作台，自研中间件同进程运行，一套 4A 账号打通全部入口。", () => {
+      document.title = n, c && (o ? c.remove() : c.content = h);
+    };
+  }, []), I(() => {
+    if (!_) return;
+    const n = (h) => {
+      h.key === "Escape" && i(!1);
+    }, c = (h) => {
+      const g = h.target;
+      g != null && g.closest("[data-welcome-menu]") || i(!1);
+    }, o = () => {
+      window.innerWidth > 900 && i(!1);
+    };
+    return window.addEventListener("keydown", n), document.addEventListener("pointerdown", c), window.addEventListener("resize", o), () => {
+      window.removeEventListener("keydown", n), document.removeEventListener("pointerdown", c), window.removeEventListener("resize", o);
+    };
+  }, [_]), I(() => {
+    let n = 0;
+    const c = () => {
+      n || (n = window.requestAnimationFrame(() => {
+        n = 0, p(window.scrollY > 880);
+        let o = "";
+        for (const h of y) {
+          const g = document.getElementById(h.id);
+          g && g.getBoundingClientRect().top <= 140 && (o = h.id);
+        }
+        S(o);
+      }));
+    };
+    return c(), window.addEventListener("scroll", c, { passive: !0 }), () => {
+      window.removeEventListener("scroll", c), n && window.cancelAnimationFrame(n);
+    };
+  }, []);
+  const $ = x(
+    () => `${e.welcome} ${j ? e.revealRoot : ""}`,
+    [j]
+  ), N = A((n) => {
+    var c;
+    (c = document.getElementById(n)) == null || c.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, []), L = A(
+    (n) => {
+      i(!1), N(n);
+    },
+    [N]
+  ), T = A(() => f.push("/workspace"), []), E = A(() => {
+    v(!0), N("zteam");
+  }, [N]), z = M(s, "macos"), R = M(s, "windows"), D = z ? `macOS v${z.version}` : "macOS", O = R ? `Windows v${R.version}` : "Windows", G = m ? `Android v${m.version}` : "Android";
+  return /* @__PURE__ */ t("div", { className: $, children: [
+    /* @__PURE__ */ a("div", { className: e.bgWash }),
+    /* @__PURE__ */ a("div", { className: e.bgGrid }),
+    /* @__PURE__ */ t("nav", { className: e.navbar, children: [
+      /* @__PURE__ */ t("div", { className: e.navInner, children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: e.navBrand,
+            onClick: () => N("top"),
+            onKeyDown: (n) => {
+              (n.key === "Enter" || n.key === " ") && (n.preventDefault(), N("top"));
+            },
+            role: "button",
+            tabIndex: 0,
+            "aria-label": "Z OPC · 回到顶部",
+            children: [
+              /* @__PURE__ */ a("span", { className: e.navMark, children: "OPC" }),
+              /* @__PURE__ */ a("span", { className: e.navBrandText, children: "Z OPC" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: e.navLinks, children: [
+          y.map((n) => /* @__PURE__ */ a(
+            "button",
+            {
+              className: `${e.navLink} ${k === n.id ? e.navLinkActive : ""}`,
+              "aria-current": k === n.id ? "true" : void 0,
+              onClick: () => L(n.id),
+              children: n.label
+            },
+            n.id
+          )),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.navLink,
+              onClick: () => f.push("/docs"),
+              children: "操作手册"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: e.navActions, children: [
+          /* @__PURE__ */ t("button", { className: e.navPrimary, onClick: T, children: [
+            "进入工作台",
+            /* @__PURE__ */ a(l, { name: "arrow", size: 15, strokeWidth: 2 })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.navMenuBtn,
+              "aria-label": _ ? "关闭导航菜单" : "打开导航菜单",
+              "aria-expanded": _,
+              "aria-controls": "welcome-mobile-menu",
+              "data-welcome-menu": !0,
+              onClick: () => i((n) => !n),
+              children: /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `${e.navMenuIcon} ${_ ? e.navMenuIconOpen : ""}`,
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a("span", {})
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      _ && /* @__PURE__ */ t(
+        "div",
+        {
+          className: e.navMenuPanel,
+          id: "welcome-mobile-menu",
+          "data-welcome-menu": !0,
+          children: [
+            y.map((n) => /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.navMenuItem,
+                onClick: () => L(n.id),
+                children: n.label
+              },
+              n.id
+            )),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.navMenuItem,
+                onClick: () => {
+                  i(!1), f.push("/docs");
+                },
+                children: "操作手册"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: e.navMenuCta,
+                onClick: () => {
+                  i(!1), T();
+                },
+                children: [
+                  "进入工作台",
+                  /* @__PURE__ */ a(l, { name: "arrow", size: 15, strokeWidth: 2 })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("section", { className: e.hero, id: "top", children: /* @__PURE__ */ t("div", { className: e.heroInner, children: [
+      /* @__PURE__ */ t("div", { className: e.heroCopy, children: [
+        /* @__PURE__ */ t("span", { className: e.eyebrow, children: [
+          /* @__PURE__ */ a("span", { className: e.eyebrowDot }),
+          "One Company Unified Service"
+        ] }),
+        /* @__PURE__ */ t("h1", { className: e.heroTitle, children: [
+          "九个工作台",
+          /* @__PURE__ */ a("br", {}),
+          /* @__PURE__ */ a("span", { className: e.heroTitleAccent, children: "跑在同一个进程里" })
+        ] }),
+        /* @__PURE__ */ a("p", { className: e.heroLead, children: "Z OPC 把协作、智能、产品、研发、测试、运维、中间件、系统与 RPA 收进同一个平台：一个 Spring Boot JVM 承载全部业务域， 自研中间件同进程运行，一套 4A 账号打通所有入口。" }),
+        /* @__PURE__ */ t("div", { className: e.heroActions, children: [
+          /* @__PURE__ */ t("button", { className: e.btnPrimary, onClick: T, children: [
+            "进入工作台",
+            /* @__PURE__ */ a(l, { name: "arrow", size: 17, strokeWidth: 2 })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.btnSecondary,
+              onClick: () => N("panorama"),
+              children: "查看平台全景"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("dl", { className: e.heroStats, children: [
+          { n: "9", l: "工作台" },
+          { n: "12", l: "自研中间件" },
+          { n: "1", l: "套 4A 账号" },
+          { n: "1", l: "个 JVM" }
+        ].map((n) => /* @__PURE__ */ t("div", { className: e.heroStat, children: [
+          /* @__PURE__ */ a("dt", { className: e.heroStatNum, children: n.n }),
+          /* @__PURE__ */ a("dd", { className: e.heroStatLabel, children: n.l })
+        ] }, n.l)) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.heroVisual, children: /* @__PURE__ */ a(En, {}) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "panorama", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${d("pano-head") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "pano-head",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.sectionEyebrow, children: "Platform Panorama" }),
+            /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "平台全景" }),
+            /* @__PURE__ */ a("p", { className: e.sectionLead, children: "协作、智能、产品、研发、测试、运维、中间件、系统、RPA—— 九个工作台共用同一套账号、权限与部署单元。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e.faceGrid, children: B.map((n, c) => /* @__PURE__ */ t(
+        "article",
+        {
+          className: `${e.capCard} ${e.fadeIn} ${d(`face-${c}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `face-${c}`,
+          style: { transitionDelay: `${c % 3 * 60}ms` },
+          children: [
+            /* @__PURE__ */ a("div", { className: e.capIcon, children: /* @__PURE__ */ a(
+              l,
+              {
+                name: n.icon,
+                size: 19,
+                strokeWidth: 1.8
+              }
+            ) }),
+            /* @__PURE__ */ t("h3", { className: e.capTitle, children: [
+              n.name,
+              /* @__PURE__ */ a("span", { className: e.faceEn, children: n.en })
+            ] }),
+            /* @__PURE__ */ a("p", { className: e.capDesc, children: n.desc }),
+            /* @__PURE__ */ a("span", { className: e.capTag, children: n.tag })
+          ]
+        },
+        n.name
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.gridNote, children: "「协作」只是其中一块：Z Team 的能力、协作实景与客户端， 收在下方「数字员工」里。" })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "account", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${d("acct-head") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "acct-head",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.sectionEyebrow, children: "One Account" }),
+            /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "一个账号，打通所有工作台" }),
+            /* @__PURE__ */ a("p", { className: e.sectionLead, children: "4A 身份中心（z-ctc）承担认证、授权、账号与审计： 登录一次，业务面、中间件台与运维台都认这一个身份。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e.scnGrid, children: yn.map((n, c) => /* @__PURE__ */ t(
+        "article",
+        {
+          className: `${e.scnCard} ${e.fadeIn} ${d(`acct-${c}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `acct-${c}`,
+          style: { transitionDelay: `${c % 2 * 60}ms` },
+          children: [
+            /* @__PURE__ */ a("div", { className: e.scnIcon, children: /* @__PURE__ */ a(
+              l,
+              {
+                name: n.icon,
+                size: 19,
+                strokeWidth: 1.8
+              }
+            ) }),
+            /* @__PURE__ */ a("h3", { className: e.scnTitle, children: n.title }),
+            /* @__PURE__ */ a("p", { className: e.scnDesc, children: n.desc })
+          ]
+        },
+        n.title
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "architecture", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${d("arch-head") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "arch-head",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.sectionEyebrow, children: "Architecture" }),
+            /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "单进程承载，中间件同进程" }),
+            /* @__PURE__ */ a("p", { className: e.sectionLead, children: "不再为每个业务域拆微服务：一个 z-opc-main-starter 进程 加一个 oc 库，兄弟仓能力以 jar 形式装配进来。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e.archList, children: kn.map((n, c) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.archRow} ${e.fadeIn} ${d(`arch-${c}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `arch-${c}`,
+          children: [
+            /* @__PURE__ */ t("div", { className: e.archRail, children: [
+              /* @__PURE__ */ a("span", { className: e.archIndex, children: String(c + 1).padStart(2, "0") }),
+              /* @__PURE__ */ t("div", { className: e.archRailText, children: [
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: `${e.archLabel} ${e[`tone_${n.tone}`]}`,
+                    children: n.label
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: e.archEn, children: n.en })
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { className: e.archModules, children: n.modules.map((o) => /* @__PURE__ */ t("div", { className: e.archModule, children: [
+              /* @__PURE__ */ a("span", { className: e.archModuleName, children: o.name }),
+              /* @__PURE__ */ a("span", { className: e.archModuleDesc, children: o.desc })
+            ] }, o.name)) })
+          ]
+        },
+        n.label
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "middleware", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${d("mw-head") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "mw-head",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.sectionEyebrow, children: "Middleware" }),
+            /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "12 个自研中间件" }),
+            /* @__PURE__ */ a("p", { className: e.sectionLead, children: "配置、密钥、元数据、消息、RPC、向量、图、网关、缓存、MQ、 知识库、对象存储——统一在「中间件」工作台里代管。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e.mwGrid, children: Sn.map((n, c) => /* @__PURE__ */ t(
+        "article",
+        {
+          className: `${e.mwCard} ${e.fadeIn} ${d(`mw-${c}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `mw-${c}`,
+          style: { transitionDelay: `${c % 4 * 50}ms` },
+          children: [
+            /* @__PURE__ */ a("div", { className: e.mwName, children: n.name }),
+            /* @__PURE__ */ t("div", { className: e.mwMeta, children: [
+              /* @__PURE__ */ a("span", { children: n.en }),
+              n.port && /* @__PURE__ */ a("span", { children: n.port })
+            ] }),
+            /* @__PURE__ */ a("p", { className: e.mwDesc, children: n.desc })
+          ]
+        },
+        n.en
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "zteam", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${d("zt-head") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "zt-head",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.sectionEyebrow, children: "Platform Spotlight" }),
+            /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "数字员工 · Z Team" }),
+            /* @__PURE__ */ a("p", { className: e.sectionLead, children: "平台上的一块：以群聊为入口的多 Agent 协作。 默认收起，需要时展开看能力、协作实景与客户端。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.zteamFold} ${e.fadeIn} ${d("zt-fold") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "zt-fold",
+          children: [
+            /* @__PURE__ */ t("div", { className: e.zteamFoldMain, children: [
+              /* @__PURE__ */ a("span", { className: e.navMark, children: "ZT" }),
+              /* @__PURE__ */ t("div", { children: [
+                /* @__PURE__ */ a("div", { className: e.zteamFoldTitle, children: "Z Team · 组织级 AI 协同" }),
+                /* @__PURE__ */ a("div", { className: e.zteamFoldDesc, children: "消息中枢 · 星型多 Agent · 学习子系统 · 六端客户端" })
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: e.zteamToggle,
+                "aria-expanded": r,
+                "aria-controls": "zteam-panel",
+                onClick: () => v((n) => !n),
+                children: [
+                  r ? "收起详情" : "展开详情",
+                  /* @__PURE__ */ a(
+                    l,
+                    {
+                      name: "arrow",
+                      size: 15,
+                      strokeWidth: 2,
+                      className: r ? e.zteamToggleIconOpen : e.zteamToggleIcon
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ t("div", { className: e.zteamPanel, id: "zteam-panel", children: [
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "八项核心能力" }),
+        /* @__PURE__ */ a("div", { className: e.capGrid, children: zn.map((n) => /* @__PURE__ */ t("article", { className: e.capCard, children: [
+          /* @__PURE__ */ a("div", { className: e.capIcon, children: /* @__PURE__ */ a(
+            l,
+            {
+              name: n.icon,
+              size: 19,
+              strokeWidth: 1.8
+            }
+          ) }),
+          /* @__PURE__ */ a("h4", { className: e.capTitle, children: n.title }),
+          /* @__PURE__ */ a("p", { className: e.capDesc, children: n.desc }),
+          /* @__PURE__ */ a("span", { className: e.capTag, children: n.tag })
+        ] }, n.title)) }),
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "一次协作的完整链路" }),
+        /* @__PURE__ */ t("div", { className: e.showcaseGrid, children: [
+          /* @__PURE__ */ a(Dn, {}),
+          /* @__PURE__ */ a("ol", { className: e.flowList, children: [
+            {
+              t: "人类发起",
+              d: "在群里用自然语言描述需求，无需学习新工具"
+            },
+            {
+              t: "主控拆解",
+              d: "TeamAgent 分析意图，@调度合适的子 Agent"
+            },
+            {
+              t: "多方执行",
+              d: "子 Agent 各自推理执行，工具链路安全隔离"
+            },
+            {
+              t: "结果回灌",
+              d: "汇总诊断结论，生成修复建议，全在群聊完成"
+            }
+          ].map((n, c) => /* @__PURE__ */ t("li", { className: e.flowItem, children: [
+            /* @__PURE__ */ a("span", { className: e.flowNum, children: String(c + 1).padStart(2, "0") }),
+            /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ a("strong", { className: e.flowTitle, children: n.t }),
+              /* @__PURE__ */ a("p", { className: e.flowDesc, children: n.d })
+            ] })
+          ] }, n.t)) })
+        ] }),
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "全平台客户端" }),
+        /* @__PURE__ */ a("div", { className: e.cliGrid, children: Bn.map((n) => {
+          const c = n.key === "macos" ? M(s, "macos") : n.key === "windows" ? M(s, "windows") : n.key === "android" ? m : null, o = c && c.releaseType === "beta" ? "beta" : n.state, h = c && c.releaseType === "beta" ? "内测中" : Pn[n.state];
+          return /* @__PURE__ */ t("article", { className: e.cliCard, children: [
+            /* @__PURE__ */ t("div", { className: e.cliTop, children: [
+              /* @__PURE__ */ a("span", { className: e.cliIcon, children: /* @__PURE__ */ a(
+                l,
+                {
+                  name: n.icon,
+                  size: 20,
+                  strokeWidth: 1.8
+                }
+              ) }),
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  className: `${e.cliState} ${e[`state_${o}`]}`,
+                  children: h
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("h4", { className: e.cliName, children: n.name }),
+            /* @__PURE__ */ a("div", { className: e.cliEn, children: c ? `${n.en} · v${c.version}` : n.en }),
+            /* @__PURE__ */ a("p", { className: e.cliDesc, children: n.desc }),
+            c && /* @__PURE__ */ t("div", { className: e.cliMeta, children: [
+              c.fileSize > 0 && /* @__PURE__ */ a("span", { children: V(c.fileSize) }),
+              c.releaseTime && /* @__PURE__ */ a("span", { children: H(
+                c.releaseTime
+              ) }),
+              c.changelog && /* @__PURE__ */ a(
+                "span",
+                {
+                  className: e.cliMetaNote,
+                  children: c.changelog
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: e.cliAction, children: c ? /* @__PURE__ */ t(
+              "a",
+              {
+                className: e.cliBtnPrimary,
+                href: c.downloadUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                children: [
+                  /* @__PURE__ */ a(
+                    l,
+                    {
+                      name: "download",
+                      size: 15,
+                      strokeWidth: 2
+                    }
+                  ),
+                  "下载 v",
+                  c.version
+                ]
+              }
+            ) : n.key === "web" ? /* @__PURE__ */ t(
+              "button",
+              {
+                className: e.cliBtnPrimary,
+                onClick: T,
+                children: [
+                  "立即使用",
+                  /* @__PURE__ */ a(
+                    l,
+                    {
+                      name: "arrow",
+                      size: 15,
+                      strokeWidth: 2
+                    }
+                  )
+                ]
+              }
+            ) : n.key === "cli" ? /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.cliBtnGhost,
+                onClick: () => f.push("/docs"),
+                children: "查看接入方式"
+              }
+            ) : (
+              /* 无发布清单时不放假下载入口，只如实标注状态 */
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: e.cliBtnGhost,
+                  disabled: !0,
+                  children: n.key === "ios" ? "内测中" : "发布后在此提供"
+                }
+              )
+            ) })
+          ] }, n.key);
+        }) }),
+        /* @__PURE__ */ t("div", { className: e.cliMore, children: [
+          /* @__PURE__ */ t("span", { children: [
+            "需要完整版本信息、校验与历史版本？",
+            /* @__PURE__ */ t("span", { className: e.cliMoreSub, children: [
+              " ",
+              D,
+              " · ",
+              O,
+              " · iOS 内测 ·",
+              " ",
+              G,
+              " · Web 免安装"
+            ] })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: e.cliMoreBtn,
+              onClick: () => f.push("/docs#changelog"),
+              children: [
+                "查看发布说明",
+                /* @__PURE__ */ a(
+                  l,
+                  {
+                    name: "arrow",
+                    size: 15,
+                    strokeWidth: 2
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t("footer", { className: e.footer, children: [
+      /* @__PURE__ */ t("div", { className: e.footerInner, children: [
+        /* @__PURE__ */ t("div", { className: e.footerBrand, children: [
+          /* @__PURE__ */ a("span", { className: e.navMark, children: "OPC" }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ a("div", { className: e.footerBrandName, children: "Z OPC" }),
+            /* @__PURE__ */ a("div", { className: e.footerBrandDesc, children: "One Company Unified Service · 一个进程装下整家公司" })
+          ] })
+        ] }),
+        /* @__PURE__ */ t("nav", { className: e.footerLinks, children: [
+          /* @__PURE__ */ t("div", { className: e.footerCol, children: [
+            /* @__PURE__ */ a("span", { className: e.footerColTitle, children: "平台" }),
+            y.map((n) => /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.footerLink,
+                onClick: () => N(n.id),
+                children: n.label
+              },
+              n.id
+            ))
+          ] }),
+          /* @__PURE__ */ t("div", { className: e.footerCol, children: [
+            /* @__PURE__ */ a("span", { className: e.footerColTitle, children: "资源" }),
+            /* @__PURE__ */ a("button", { className: e.footerLink, onClick: E, children: "客户端下载" }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.footerLink,
+                onClick: () => f.push("/docs"),
+                children: "操作手册"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.footerLink,
+                onClick: () => f.push("/docs#changelog"),
+                children: "迭代日志"
+              }
+            ),
+            /* @__PURE__ */ a("button", { className: e.footerLink, onClick: T, children: "进入工作台" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: e.footerBottom, children: [
+        /* @__PURE__ */ a("span", { children: "Spring Boot 2.7 · React 19 · 单一 JVM · 12 自研中间件" }),
+        /* @__PURE__ */ a("span", { children: "© 2026 Z OPC" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(
+      "button",
+      {
+        className: `${e.toTop} ${b ? e.toTopVisible : ""}`,
+        onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
+        "aria-label": "回到顶部",
+        tabIndex: b ? 0 : -1,
+        children: /* @__PURE__ */ a(
+          l,
+          {
+            name: "arrow",
+            size: 18,
+            strokeWidth: 2,
+            className: e.toTopIcon
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  Vn as default
+};