@yuku123/z-team-component 0.2.80 → 0.2.83

package/dist/index-BydWNuk5.js

@@ -0,0 +1,1229 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useState as p, useEffect as A, useMemo as x, useCallback as I, useLayoutEffect as W } from "react";
+import { h as N } from "./history-BlrA1eaW.js";
+import { f as E, p as y, L as i, a as V, b as H, M as Z, A as q } from "./index-DWsfQMp8.js";
+const J = "_welcome_cgfwv_11", K = "_bgWash_cgfwv_57", U = "_bgGrid_cgfwv_68", j = "_container_cgfwv_82", Q = "_navbar_cgfwv_99", Y = "_navInner_cgfwv_109", X = "_navBrand_cgfwv_119", ee = "_navMark_cgfwv_127", ae = "_navBrandText_cgfwv_142", ce = "_navLinks_cgfwv_149", ne = "_navLink_cgfwv_149", te = "_navLinkActive_cgfwv_172", se = "_navMenuBtn_cgfwv_177", oe = "_navMenuIcon_cgfwv_197", le = "_navMenuIconOpen_cgfwv_214", ie = "_navMenuPanel_cgfwv_226", re = "_menuIn_cgfwv_1", de = "_navMenuItem_cgfwv_255", _e = "_navMenuCta_cgfwv_273", me = "_navActions_cgfwv_294", he = "_navGhost_cgfwv_301", ve = "_navPrimary_cgfwv_302", fe = "_hero_cgfwv_342", we = "_heroInner_cgfwv_348", ge = "_eyebrow_cgfwv_357", pe = "_eyebrowDot_cgfwv_373", Ne = "_heroTitle_cgfwv_381", ue = "_heroTitleAccent_cgfwv_391", be = "_heroLead_cgfwv_404", Te = "_heroActions_cgfwv_412", Ce = "_btnPrimary_cgfwv_419", Ie = "_btnSecondary_cgfwv_420", Me = "_heroStats_cgfwv_461", Ae = "_heroStat_cgfwv_461", ye = "_heroStatNum_cgfwv_474", ke = "_heroStatLabel_cgfwv_482", ze = "_heroVisual_cgfwv_488", Se = "_chatCard_cgfwv_504", Le = "_chatHead_cgfwv_515", Pe = "_chatHeadLeft_cgfwv_525", Re = "_chatLiveDot_cgfwv_532", Ee = "_chatRoom_cgfwv_541", De = "_chatMeta_cgfwv_550", Be = "_chatBody_cgfwv_557", $e = "_chatRow_cgfwv_565", Fe = "_chatRowHuman_cgfwv_572", Oe = "_chatRowAgent_cgfwv_577", Ge = "_chatRowSub_cgfwv_578", xe = "_chatWho_cgfwv_582", We = "_chatName_cgfwv_590", Ve = "_chatTag_cgfwv_596", He = "_chatTagPrimary_cgfwv_597", Ze = "_chatTime_cgfwv_617", qe = "_chatBubble_cgfwv_621", Je = "_chatMentions_cgfwv_642", Ke = "_chatMention_cgfwv_642", Ue = "_section_cgfwv_662", je = "_sectionHead_cgfwv_669", Qe = "_sectionEyebrow_cgfwv_674", Ye = "_sectionTitle_cgfwv_683", Xe = "_sectionLead_cgfwv_692", ea = "_capGrid_cgfwv_702", aa = "_capCard_cgfwv_708", ca = "_capIcon_cgfwv_726", na = "_capTitle_cgfwv_739", ta = "_capDesc_cgfwv_747", sa = "_capTag_cgfwv_755", oa = "_archList_cgfwv_768", la = "_archRow_cgfwv_772", ia = "_archRail_cgfwv_780", ra = "_archIndex_cgfwv_786", da = "_archRailText_cgfwv_793", _a = "_archLabel_cgfwv_799", ma = "_archEn_cgfwv_806", ha = "_tone_blue_cgfwv_813", va = "_tone_cyan_cgfwv_817", fa = "_tone_purple_cgfwv_821", wa = "_tone_gold_cgfwv_825", ga = "_tone_green_cgfwv_829", pa = "_archModules_cgfwv_833", Na = "_archModule_cgfwv_833", ua = "_archModuleName_cgfwv_849", ba = "_archModuleDesc_cgfwv_855", Ta = "_showcaseGrid_cgfwv_864", Ca = "_flowList_cgfwv_871", Ia = "_flowItem_cgfwv_880", Ma = "_flowNum_cgfwv_891", Aa = "_flowTitle_cgfwv_907", ya = "_flowDesc_cgfwv_914", ka = "_scnGrid_cgfwv_924", za = "_scnCard_cgfwv_930", Sa = "_scnIcon_cgfwv_947", La = "_scnTitle_cgfwv_960", Pa = "_scnDesc_cgfwv_967", Ra = "_valList_cgfwv_977", Ea = "_valItem_cgfwv_983", Da = "_valNum_cgfwv_999", Ba = "_valTitle_cgfwv_1009", $a = "_valDesc_cgfwv_1016", Fa = "_valCta_cgfwv_1024", Oa = "_valCtaTitle_cgfwv_1036", Ga = "_valCtaDesc_cgfwv_1044", xa = "_valCtaActions_cgfwv_1051", Wa = "_valCtaPrimary_cgfwv_1057", Va = "_valCtaGhost_cgfwv_1058", Ha = "_cliGrid_cgfwv_1097", Za = "_cliCard_cgfwv_1103", qa = "_cliTop_cgfwv_1120", Ja = "_cliIcon_cgfwv_1128", Ka = "_cliState_cgfwv_1140", Ua = "_state_ready_cgfwv_1149", ja = "_state_beta_cgfwv_1155", Qa = "_state_soon_cgfwv_1161", Ya = "_state_free_cgfwv_1167", Xa = "_state_instant_cgfwv_1173", ec = "_cliName_cgfwv_1179", ac = "_cliEn_cgfwv_1187", cc = "_cliDesc_cgfwv_1193", nc = "_cliMeta_cgfwv_1201", tc = "_cliMetaNote_cgfwv_1218", sc = "_cliAction_cgfwv_1225", oc = "_cliBtnPrimary_cgfwv_1229", lc = "_cliBtnGhost_cgfwv_1230", ic = "_cliMore_cgfwv_1273", rc = "_cliMoreSub_cgfwv_1288", dc = "_cliMoreBtn_cgfwv_1292", _c = "_toTop_cgfwv_1320", mc = "_toTopVisible_cgfwv_1343", hc = "_toTopIcon_cgfwv_1354", vc = "_footer_cgfwv_1358", fc = "_footerInner_cgfwv_1366", wc = "_footerBrand_cgfwv_1376", gc = "_footerBrandName_cgfwv_1383", pc = "_footerBrandDesc_cgfwv_1389", Nc = "_footerLinks_cgfwv_1396", uc = "_footerCol_cgfwv_1401", bc = "_footerColTitle_cgfwv_1407", Tc = "_footerLink_cgfwv_1396", Cc = "_footerBottom_cgfwv_1432", Ic = "_fadeIn_cgfwv_1449", Mc = "_revealRoot_cgfwv_7", Ac = "_fadeInVisible_cgfwv_1464", yc = "_faceGrid_cgfwv_1472", kc = "_faceEn_cgfwv_1478", zc = "_gridNote_cgfwv_1488", Sc = "_platCard_cgfwv_1500", Lc = "_platHead_cgfwv_1510", Pc = "_platLiveDot_cgfwv_1516", Rc = "_platTitle_cgfwv_1525", Ec = "_platPort_cgfwv_1532", Dc = "_platSub_cgfwv_1543", Bc = "_platFaces_cgfwv_1549", $c = "_platFace_cgfwv_1549", Fc = "_platFaceName_cgfwv_1566", Oc = "_platFaceEn_cgfwv_1572", Gc = "_platFaceTag_cgfwv_1580", xc = "_platEmbed_cgfwv_1592", Wc = "_platEmbedTitle_cgfwv_1598", Vc = "_platChips_cgfwv_1607", Hc = "_platChip_cgfwv_1607", Zc = "_platFoot_cgfwv_1632", qc = "_platFootOk_cgfwv_1642", Jc = "_mwGrid_cgfwv_1648", Kc = "_mwCard_cgfwv_1654", Uc = "_mwName_cgfwv_1670", jc = "_mwMeta_cgfwv_1676", Qc = "_mwDesc_cgfwv_1687", Yc = "_zteamFold_cgfwv_1695", Xc = "_zteamFoldMain_cgfwv_1710", en = "_zteamFoldTitle_cgfwv_1717", an = "_zteamFoldDesc_cgfwv_1724", cn = "_zteamToggle_cgfwv_1730", nn = "_zteamToggleIcon_cgfwv_1754", tn = "_zteamToggleIconOpen_cgfwv_1759", sn = "_zteamPanel_cgfwv_1764", on = "_subTitle_cgfwv_1768", e = {
+  welcome: J,
+  bgWash: K,
+  bgGrid: U,
+  container: j,
+  navbar: Q,
+  navInner: Y,
+  navBrand: X,
+  navMark: ee,
+  navBrandText: ae,
+  navLinks: ce,
+  navLink: ne,
+  navLinkActive: te,
+  navMenuBtn: se,
+  navMenuIcon: oe,
+  navMenuIconOpen: le,
+  navMenuPanel: ie,
+  menuIn: re,
+  navMenuItem: de,
+  navMenuCta: _e,
+  navActions: me,
+  navGhost: he,
+  navPrimary: ve,
+  hero: fe,
+  heroInner: we,
+  eyebrow: ge,
+  eyebrowDot: pe,
+  heroTitle: Ne,
+  heroTitleAccent: ue,
+  heroLead: be,
+  heroActions: Te,
+  btnPrimary: Ce,
+  btnSecondary: Ie,
+  heroStats: Me,
+  heroStat: Ae,
+  heroStatNum: ye,
+  heroStatLabel: ke,
+  heroVisual: ze,
+  chatCard: Se,
+  chatHead: Le,
+  chatHeadLeft: Pe,
+  chatLiveDot: Re,
+  chatRoom: Ee,
+  chatMeta: De,
+  chatBody: Be,
+  chatRow: $e,
+  chatRowHuman: Fe,
+  chatRowAgent: Oe,
+  chatRowSub: Ge,
+  chatWho: xe,
+  chatName: We,
+  chatTag: Ve,
+  chatTagPrimary: He,
+  chatTime: Ze,
+  chatBubble: qe,
+  chatMentions: Je,
+  chatMention: Ke,
+  section: Ue,
+  sectionHead: je,
+  sectionEyebrow: Qe,
+  sectionTitle: Ye,
+  sectionLead: Xe,
+  capGrid: ea,
+  capCard: aa,
+  capIcon: ca,
+  capTitle: na,
+  capDesc: ta,
+  capTag: sa,
+  archList: oa,
+  archRow: la,
+  archRail: ia,
+  archIndex: ra,
+  archRailText: da,
+  archLabel: _a,
+  archEn: ma,
+  tone_blue: ha,
+  tone_cyan: va,
+  tone_purple: fa,
+  tone_gold: wa,
+  tone_green: ga,
+  archModules: pa,
+  archModule: Na,
+  archModuleName: ua,
+  archModuleDesc: ba,
+  showcaseGrid: Ta,
+  flowList: Ca,
+  flowItem: Ia,
+  flowNum: Ma,
+  flowTitle: Aa,
+  flowDesc: ya,
+  scnGrid: ka,
+  scnCard: za,
+  scnIcon: Sa,
+  scnTitle: La,
+  scnDesc: Pa,
+  valList: Ra,
+  valItem: Ea,
+  valNum: Da,
+  valTitle: Ba,
+  valDesc: $a,
+  valCta: Fa,
+  valCtaTitle: Oa,
+  valCtaDesc: Ga,
+  valCtaActions: xa,
+  valCtaPrimary: Wa,
+  valCtaGhost: Va,
+  cliGrid: Ha,
+  cliCard: Za,
+  cliTop: qa,
+  cliIcon: Ja,
+  cliState: Ka,
+  state_ready: Ua,
+  state_beta: ja,
+  state_soon: Qa,
+  state_free: Ya,
+  state_instant: Xa,
+  cliName: ec,
+  cliEn: ac,
+  cliDesc: cc,
+  cliMeta: nc,
+  cliMetaNote: tc,
+  cliAction: sc,
+  cliBtnPrimary: oc,
+  cliBtnGhost: lc,
+  cliMore: ic,
+  cliMoreSub: rc,
+  cliMoreBtn: dc,
+  toTop: _c,
+  toTopVisible: mc,
+  toTopIcon: hc,
+  footer: vc,
+  footerInner: fc,
+  footerBrand: wc,
+  footerBrandName: gc,
+  footerBrandDesc: pc,
+  footerLinks: Nc,
+  footerCol: uc,
+  footerColTitle: bc,
+  footerLink: Tc,
+  footerBottom: Cc,
+  fadeIn: Ic,
+  revealRoot: Mc,
+  fadeInVisible: Ac,
+  faceGrid: yc,
+  faceEn: kc,
+  gridNote: zc,
+  platCard: Sc,
+  platHead: Lc,
+  platLiveDot: Pc,
+  platTitle: Rc,
+  platPort: Ec,
+  platSub: Dc,
+  platFaces: Bc,
+  platFace: $c,
+  platFaceName: Fc,
+  platFaceEn: Oc,
+  platFaceTag: Gc,
+  platEmbed: xc,
+  platEmbedTitle: Wc,
+  platChips: Vc,
+  platChip: Hc,
+  platFoot: Zc,
+  platFootOk: qc,
+  mwGrid: Jc,
+  mwCard: Kc,
+  mwName: Uc,
+  mwMeta: jc,
+  mwDesc: Qc,
+  zteamFold: Yc,
+  zteamFoldMain: Xc,
+  zteamFoldTitle: en,
+  zteamFoldDesc: an,
+  zteamToggle: cn,
+  zteamToggleIcon: nn,
+  zteamToggleIconOpen: tn,
+  zteamPanel: sn,
+  subTitle: on
+}, k = [
+  { id: "panorama", label: "平台全景" },
+  { id: "account", label: "一个账号" },
+  { id: "architecture", label: "平台架构" },
+  { id: "middleware", label: "自研中间件" },
+  { id: "zteam", label: "数字员工" }
+], D = [
+  {
+    icon: "message",
+    name: "协作",
+    en: "Collaboration",
+    desc: "群聊为入口：多 Agent 协作、知识库、订阅与项目、工作流编排。Z-OPC 就在这里。",
+    tag: "z-opc · 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"
+  }
+], ln = [
+  {
+    icon: "shield",
+    title: "统一认证",
+    desc: "SSO 拦截器把登录态跨子域共享给前端 SPA 与后端服务，登录一次即可进出各工作台。"
+  },
+  {
+    icon: "network",
+    title: "统一授权",
+    desc: "应用与角色的权限矩阵，菜单入口与接口鉴权读同一份授权数据。"
+  },
+  {
+    icon: "users",
+    title: "统一账号",
+    desc: "组织、角色与成员统一在 4A 维护，业务面不再各自建一套账号体系。"
+  },
+  {
+    icon: "search",
+    title: "登录审计",
+    desc: "登录与授权操作日志集中落库，入口、时间与结果可回查。"
+  }
+], rn = [
+  {
+    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" }
+    ]
+  }
+], dn = [
+  { 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: "桶、对象与预签名" }
+], _n = [
+  { 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" }
+], mn = [
+  {
+    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"
+  }
+], hn = [
+  {
+    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"
+  }
+], vn = {
+  ready: "可下载",
+  beta: "内测中",
+  soon: "即将发布",
+  free: "免安装",
+  instant: "即刻可用"
+}, fn = [
+  {
+    key: "macos",
+    icon: "laptop",
+    name: "macOS 桌面端",
+    en: "Z-OPC 桌面端 · Apple Silicon",
+    state: "ready",
+    desc: "本地 Agent 沙箱、火箭跳转、自动更新。与生产 Agent 集群双向打通。"
+  },
+  {
+    key: "windows",
+    icon: "windows",
+    name: "Windows 桌面端",
+    en: "Z-OPC 桌面端 · x64",
+    state: "ready",
+    desc: "与 macOS 同源交付，安装包为 x64 setup 格式，功能一套不打折。"
+  },
+  {
+    key: "ios",
+    icon: "phone",
+    name: "iOS App",
+    en: "Z-OPC · iPhone / iPad",
+    state: "beta",
+    desc: "通过 TestFlight 分发内测版本，测试通过后上架 App Store。"
+  },
+  {
+    key: "android",
+    icon: "bot",
+    name: "Android App",
+    en: "Z-OPC · 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 wn() {
+  const [s, u] = p(!1), [m, M] = p(/* @__PURE__ */ new Set());
+  W(() => {
+    if (typeof IntersectionObserver > "u") {
+      u(!0);
+      return;
+    }
+    const l = new IntersectionObserver(
+      (v) => {
+        M((f) => {
+          let r = null;
+          return v.forEach((w) => {
+            if (!w.isIntersecting) return;
+            const b = w.target.dataset.revealId;
+            !b || f.has(b) || (r = r ?? new Set(f), r.add(b));
+          }), r ?? f;
+        });
+      },
+      { threshold: 0.08, rootMargin: "0px 0px -8% 0px" }
+    );
+    document.querySelectorAll("[data-reveal-id]").forEach((v) => l.observe(v));
+    const S = window.setTimeout(() => {
+      M((v) => {
+        const f = new Set(v);
+        return document.querySelectorAll("[data-reveal-id]").forEach((r) => {
+          const w = r.dataset.revealId;
+          w && f.add(w);
+        }), f;
+      });
+    }, 2400);
+    return u(!0), () => {
+      l.disconnect(), window.clearTimeout(S);
+    };
+  }, []);
+  const h = I(
+    (l) => m.has(l),
+    [m]
+  );
+  return { revealReady: s, isRevealed: h };
+}
+function gn() {
+  return /* @__PURE__ */ n("div", { className: e.platCard, children: [
+    /* @__PURE__ */ n("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: D.map((s) => /* @__PURE__ */ n("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-OPC" })
+    ] }, s.name)) }),
+    /* @__PURE__ */ n("div", { className: e.platEmbed, children: [
+      /* @__PURE__ */ a("span", { className: e.platEmbedTitle, children: "同进程中间件" }),
+      /* @__PURE__ */ a("div", { className: e.platChips, children: _n.map((s) => /* @__PURE__ */ n("span", { className: e.platChip, children: [
+        s.name,
+        /* @__PURE__ */ a("em", { children: s.port })
+      ] }, s.name)) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: e.platFoot, children: [
+      /* @__PURE__ */ a("span", { children: "独立进程：z-mq · z-bot" }),
+      /* @__PURE__ */ a("span", { className: e.platFootOk, children: "运行中" })
+    ] })
+  ] });
+}
+function pn() {
+  return /* @__PURE__ */ n("div", { className: e.chatCard, children: [
+    /* @__PURE__ */ n("div", { className: e.chatHead, children: [
+      /* @__PURE__ */ n("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: hn.map((s, u) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: `${e.chatRow} ${s.role === "human" ? e.chatRowHuman : s.role === "subagent" ? e.chatRowSub : e.chatRowAgent}`,
+        children: [
+          /* @__PURE__ */ n("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)) })
+        ]
+      },
+      u
+    )) })
+  ] });
+}
+function Cn() {
+  const [s, u] = p(null), [m, M] = p(null), [h, l] = p(!1), [z, S] = p(""), [v, f] = p(!1), [r, w] = p(!1), { revealReady: b, isRevealed: d } = wn();
+  A(() => {
+    let c = !0;
+    return E(Z).then((t) => {
+      c && u(t);
+    }), E(q).then((t) => {
+      c && M(t);
+    }), () => {
+      c = !1;
+    };
+  }, []), A(() => {
+    const c = document.title;
+    document.title = "Z OPC · 组织级统一服务平台";
+    let t = document.head.querySelector(
+      'meta[name="description"]'
+    );
+    const o = !t, _ = (t == null ? void 0 : t.content) ?? "";
+    return t || (t = document.createElement("meta"), t.name = "description", document.head.appendChild(t)), t.content = "Z OPC 以单个 Spring Boot JVM 承载协作、智能、产品、研发、测试、运维、中间件、系统与 RPA 九个工作台，自研中间件同进程运行，一套 4A 账号打通全部入口。", () => {
+      document.title = c, t && (o ? t.remove() : t.content = _);
+    };
+  }, []), A(() => {
+    if (!h) return;
+    const c = (_) => {
+      _.key === "Escape" && l(!1);
+    }, t = (_) => {
+      const T = _.target;
+      T != null && T.closest("[data-welcome-menu]") || l(!1);
+    }, o = () => {
+      window.innerWidth > 900 && l(!1);
+    };
+    return window.addEventListener("keydown", c), document.addEventListener("pointerdown", t), window.addEventListener("resize", o), () => {
+      window.removeEventListener("keydown", c), document.removeEventListener("pointerdown", t), window.removeEventListener("resize", o);
+    };
+  }, [h]), A(() => {
+    let c = 0;
+    const t = () => {
+      c || (c = window.requestAnimationFrame(() => {
+        c = 0, f(window.scrollY > 880);
+        let o = "";
+        for (const _ of k) {
+          const T = document.getElementById(_.id);
+          T && T.getBoundingClientRect().top <= 140 && (o = _.id);
+        }
+        S(o);
+      }));
+    };
+    return t(), window.addEventListener("scroll", t, { passive: !0 }), () => {
+      window.removeEventListener("scroll", t), c && window.cancelAnimationFrame(c);
+    };
+  }, []);
+  const B = x(
+    () => `${e.welcome} ${b ? e.revealRoot : ""}`,
+    [b]
+  ), g = I((c) => {
+    var t;
+    (t = document.getElementById(c)) == null || t.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, []), L = I(
+    (c) => {
+      l(!1), g(c);
+    },
+    [g]
+  ), C = I(() => N.push("/workspace"), []), $ = I(() => {
+    w(!0), g("zteam");
+  }, [g]), P = y(s, "macos"), R = y(s, "windows"), F = P ? `macOS v${P.version}` : "macOS", O = R ? `Windows v${R.version}` : "Windows", G = m ? `Android v${m.version}` : "Android";
+  return /* @__PURE__ */ n("div", { className: B, children: [
+    /* @__PURE__ */ a("div", { className: e.bgWash }),
+    /* @__PURE__ */ a("div", { className: e.bgGrid }),
+    /* @__PURE__ */ n("nav", { className: e.navbar, children: [
+      /* @__PURE__ */ n("div", { className: e.navInner, children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: e.navBrand,
+            onClick: () => g("top"),
+            onKeyDown: (c) => {
+              (c.key === "Enter" || c.key === " ") && (c.preventDefault(), g("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__ */ n("div", { className: e.navLinks, children: [
+          k.map((c) => /* @__PURE__ */ a(
+            "button",
+            {
+              className: `${e.navLink} ${z === c.id ? e.navLinkActive : ""}`,
+              "aria-current": z === c.id ? "true" : void 0,
+              onClick: () => L(c.id),
+              children: c.label
+            },
+            c.id
+          )),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.navLink,
+              onClick: () => N.push("/docs"),
+              children: "操作手册"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: e.navActions, children: [
+          /* @__PURE__ */ n("button", { className: e.navPrimary, onClick: C, children: [
+            "进入工作台",
+            /* @__PURE__ */ a(i, { name: "arrow", size: 15, strokeWidth: 2 })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.navMenuBtn,
+              "aria-label": h ? "关闭导航菜单" : "打开导航菜单",
+              "aria-expanded": h,
+              "aria-controls": "welcome-mobile-menu",
+              "data-welcome-menu": !0,
+              onClick: () => l((c) => !c),
+              children: /* @__PURE__ */ n(
+                "span",
+                {
+                  className: `${e.navMenuIcon} ${h ? e.navMenuIconOpen : ""}`,
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a("span", {})
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      h && /* @__PURE__ */ n(
+        "div",
+        {
+          className: e.navMenuPanel,
+          id: "welcome-mobile-menu",
+          "data-welcome-menu": !0,
+          children: [
+            k.map((c) => /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.navMenuItem,
+                onClick: () => L(c.id),
+                children: c.label
+              },
+              c.id
+            )),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.navMenuItem,
+                onClick: () => {
+                  l(!1), N.push("/docs");
+                },
+                children: "操作手册"
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: e.navMenuCta,
+                onClick: () => {
+                  l(!1), C();
+                },
+                children: [
+                  "进入工作台",
+                  /* @__PURE__ */ a(i, { name: "arrow", size: 15, strokeWidth: 2 })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("section", { className: e.hero, id: "top", children: /* @__PURE__ */ n("div", { className: e.heroInner, children: [
+      /* @__PURE__ */ n("div", { className: e.heroCopy, children: [
+        /* @__PURE__ */ n("span", { className: e.eyebrow, children: [
+          /* @__PURE__ */ a("span", { className: e.eyebrowDot }),
+          "One Company Unified Service"
+        ] }),
+        /* @__PURE__ */ n("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__ */ n("div", { className: e.heroActions, children: [
+          /* @__PURE__ */ n("button", { className: e.btnPrimary, onClick: C, children: [
+            "进入工作台",
+            /* @__PURE__ */ a(i, { name: "arrow", size: 17, strokeWidth: 2 })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.btnSecondary,
+              onClick: () => g("panorama"),
+              children: "查看平台全景"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("dl", { className: e.heroStats, children: [
+          { n: "9", l: "工作台" },
+          { n: "12", l: "自研中间件" },
+          { n: "1", l: "套 4A 账号" },
+          { n: "1", l: "个 JVM" }
+        ].map((c) => /* @__PURE__ */ n("div", { className: e.heroStat, children: [
+          /* @__PURE__ */ a("dt", { className: e.heroStatNum, children: c.n }),
+          /* @__PURE__ */ a("dd", { className: e.heroStatLabel, children: c.l })
+        ] }, c.l)) })
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.heroVisual, children: /* @__PURE__ */ a(gn, {}) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "panorama", children: /* @__PURE__ */ n("div", { className: e.container, children: [
+      /* @__PURE__ */ n(
+        "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: D.map((c, t) => /* @__PURE__ */ n(
+        "article",
+        {
+          className: `${e.capCard} ${e.fadeIn} ${d(`face-${t}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `face-${t}`,
+          style: { transitionDelay: `${t % 3 * 60}ms` },
+          children: [
+            /* @__PURE__ */ a("div", { className: e.capIcon, children: /* @__PURE__ */ a(
+              i,
+              {
+                name: c.icon,
+                size: 19,
+                strokeWidth: 1.8
+              }
+            ) }),
+            /* @__PURE__ */ n("h3", { className: e.capTitle, children: [
+              c.name,
+              /* @__PURE__ */ a("span", { className: e.faceEn, children: c.en })
+            ] }),
+            /* @__PURE__ */ a("p", { className: e.capDesc, children: c.desc }),
+            /* @__PURE__ */ a("span", { className: e.capTag, children: c.tag })
+          ]
+        },
+        c.name
+      )) }),
+      /* @__PURE__ */ a("p", { className: e.gridNote, children: "「协作」只是其中一块：Z-OPC 的能力、协作实景与客户端， 收在下方「数字员工」里。" })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "account", children: /* @__PURE__ */ n("div", { className: e.container, children: [
+      /* @__PURE__ */ n(
+        "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: ln.map((c, t) => /* @__PURE__ */ n(
+        "article",
+        {
+          className: `${e.scnCard} ${e.fadeIn} ${d(`acct-${t}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `acct-${t}`,
+          style: { transitionDelay: `${t % 2 * 60}ms` },
+          children: [
+            /* @__PURE__ */ a("div", { className: e.scnIcon, children: /* @__PURE__ */ a(
+              i,
+              {
+                name: c.icon,
+                size: 19,
+                strokeWidth: 1.8
+              }
+            ) }),
+            /* @__PURE__ */ a("h3", { className: e.scnTitle, children: c.title }),
+            /* @__PURE__ */ a("p", { className: e.scnDesc, children: c.desc })
+          ]
+        },
+        c.title
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "architecture", children: /* @__PURE__ */ n("div", { className: e.container, children: [
+      /* @__PURE__ */ n(
+        "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: rn.map((c, t) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: `${e.archRow} ${e.fadeIn} ${d(`arch-${t}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `arch-${t}`,
+          children: [
+            /* @__PURE__ */ n("div", { className: e.archRail, children: [
+              /* @__PURE__ */ a("span", { className: e.archIndex, children: String(t + 1).padStart(2, "0") }),
+              /* @__PURE__ */ n("div", { className: e.archRailText, children: [
+                /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: `${e.archLabel} ${e[`tone_${c.tone}`]}`,
+                    children: c.label
+                  }
+                ),
+                /* @__PURE__ */ a("span", { className: e.archEn, children: c.en })
+              ] })
+            ] }),
+            /* @__PURE__ */ a("div", { className: e.archModules, children: c.modules.map((o) => /* @__PURE__ */ n("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)) })
+          ]
+        },
+        c.label
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "middleware", children: /* @__PURE__ */ n("div", { className: e.container, children: [
+      /* @__PURE__ */ n(
+        "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: dn.map((c, t) => /* @__PURE__ */ n(
+        "article",
+        {
+          className: `${e.mwCard} ${e.fadeIn} ${d(`mw-${t}`) ? e.fadeInVisible : ""}`,
+          "data-reveal-id": `mw-${t}`,
+          style: { transitionDelay: `${t % 4 * 50}ms` },
+          children: [
+            /* @__PURE__ */ a("div", { className: e.mwName, children: c.name }),
+            /* @__PURE__ */ n("div", { className: e.mwMeta, children: [
+              /* @__PURE__ */ a("span", { children: c.en }),
+              c.port && /* @__PURE__ */ a("span", { children: c.port })
+            ] }),
+            /* @__PURE__ */ a("p", { className: e.mwDesc, children: c.desc })
+          ]
+        },
+        c.en
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "zteam", children: /* @__PURE__ */ n("div", { className: e.container, children: [
+      /* @__PURE__ */ n(
+        "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-OPC" }),
+            /* @__PURE__ */ a("p", { className: e.sectionLead, children: "平台上的一块：以群聊为入口的多 Agent 协作。 默认收起，需要时展开看能力、协作实景与客户端。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: `${e.zteamFold} ${e.fadeIn} ${d("zt-fold") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "zt-fold",
+          children: [
+            /* @__PURE__ */ n("div", { className: e.zteamFoldMain, children: [
+              /* @__PURE__ */ a("span", { className: e.navMark, children: "ZO" }),
+              /* @__PURE__ */ n("div", { children: [
+                /* @__PURE__ */ a("div", { className: e.zteamFoldTitle, children: "Z-OPC · 一人公司基建" }),
+                /* @__PURE__ */ a("div", { className: e.zteamFoldDesc, children: "消息中枢 · 星型多 Agent · 学习子系统 · 六端客户端" })
+              ] })
+            ] }),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: e.zteamToggle,
+                "aria-expanded": r,
+                "aria-controls": "zteam-panel",
+                onClick: () => w((c) => !c),
+                children: [
+                  r ? "收起详情" : "展开详情",
+                  /* @__PURE__ */ a(
+                    i,
+                    {
+                      name: "arrow",
+                      size: 15,
+                      strokeWidth: 2,
+                      className: r ? e.zteamToggleIconOpen : e.zteamToggleIcon
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ n("div", { className: e.zteamPanel, id: "zteam-panel", children: [
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "八项核心能力" }),
+        /* @__PURE__ */ a("div", { className: e.capGrid, children: mn.map((c) => /* @__PURE__ */ n("article", { className: e.capCard, children: [
+          /* @__PURE__ */ a("div", { className: e.capIcon, children: /* @__PURE__ */ a(
+            i,
+            {
+              name: c.icon,
+              size: 19,
+              strokeWidth: 1.8
+            }
+          ) }),
+          /* @__PURE__ */ a("h4", { className: e.capTitle, children: c.title }),
+          /* @__PURE__ */ a("p", { className: e.capDesc, children: c.desc }),
+          /* @__PURE__ */ a("span", { className: e.capTag, children: c.tag })
+        ] }, c.title)) }),
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "一次协作的完整链路" }),
+        /* @__PURE__ */ n("div", { className: e.showcaseGrid, children: [
+          /* @__PURE__ */ a(pn, {}),
+          /* @__PURE__ */ a("ol", { className: e.flowList, children: [
+            {
+              t: "人类发起",
+              d: "在群里用自然语言描述需求，无需学习新工具"
+            },
+            {
+              t: "主控拆解",
+              d: "TeamAgent 分析意图，@调度合适的子 Agent"
+            },
+            {
+              t: "多方执行",
+              d: "子 Agent 各自推理执行，工具链路安全隔离"
+            },
+            {
+              t: "结果回灌",
+              d: "汇总诊断结论，生成修复建议，全在群聊完成"
+            }
+          ].map((c, t) => /* @__PURE__ */ n("li", { className: e.flowItem, children: [
+            /* @__PURE__ */ a("span", { className: e.flowNum, children: String(t + 1).padStart(2, "0") }),
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ a("strong", { className: e.flowTitle, children: c.t }),
+              /* @__PURE__ */ a("p", { className: e.flowDesc, children: c.d })
+            ] })
+          ] }, c.t)) })
+        ] }),
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "全平台客户端" }),
+        /* @__PURE__ */ a("div", { className: e.cliGrid, children: fn.map((c) => {
+          const t = c.key === "macos" ? y(s, "macos") : c.key === "windows" ? y(s, "windows") : c.key === "android" ? m : null, o = t && t.releaseType === "beta" ? "beta" : c.state, _ = t && t.releaseType === "beta" ? "内测中" : vn[c.state];
+          return /* @__PURE__ */ n("article", { className: e.cliCard, children: [
+            /* @__PURE__ */ n("div", { className: e.cliTop, children: [
+              /* @__PURE__ */ a("span", { className: e.cliIcon, children: /* @__PURE__ */ a(
+                i,
+                {
+                  name: c.icon,
+                  size: 20,
+                  strokeWidth: 1.8
+                }
+              ) }),
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  className: `${e.cliState} ${e[`state_${o}`]}`,
+                  children: _
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("h4", { className: e.cliName, children: c.name }),
+            /* @__PURE__ */ a("div", { className: e.cliEn, children: t ? `${c.en} · v${t.version}` : c.en }),
+            /* @__PURE__ */ a("p", { className: e.cliDesc, children: c.desc }),
+            t && /* @__PURE__ */ n("div", { className: e.cliMeta, children: [
+              t.fileSize > 0 && /* @__PURE__ */ a("span", { children: V(t.fileSize) }),
+              t.releaseTime && /* @__PURE__ */ a("span", { children: H(
+                t.releaseTime
+              ) }),
+              t.changelog && /* @__PURE__ */ a(
+                "span",
+                {
+                  className: e.cliMetaNote,
+                  children: t.changelog
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: e.cliAction, children: t ? /* @__PURE__ */ n(
+              "a",
+              {
+                className: e.cliBtnPrimary,
+                href: t.downloadUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                children: [
+                  /* @__PURE__ */ a(
+                    i,
+                    {
+                      name: "download",
+                      size: 15,
+                      strokeWidth: 2
+                    }
+                  ),
+                  "下载 v",
+                  t.version
+                ]
+              }
+            ) : c.key === "web" ? /* @__PURE__ */ n(
+              "button",
+              {
+                className: e.cliBtnPrimary,
+                onClick: C,
+                children: [
+                  "立即使用",
+                  /* @__PURE__ */ a(
+                    i,
+                    {
+                      name: "arrow",
+                      size: 15,
+                      strokeWidth: 2
+                    }
+                  )
+                ]
+              }
+            ) : c.key === "cli" ? /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.cliBtnGhost,
+                onClick: () => N.push("/docs"),
+                children: "查看接入方式"
+              }
+            ) : (
+              /* 无发布清单时不放假下载入口，只如实标注状态 */
+              /* @__PURE__ */ a(
+                "button",
+                {
+                  className: e.cliBtnGhost,
+                  disabled: !0,
+                  children: c.key === "ios" ? "内测中" : "发布后在此提供"
+                }
+              )
+            ) })
+          ] }, c.key);
+        }) }),
+        /* @__PURE__ */ n("div", { className: e.cliMore, children: [
+          /* @__PURE__ */ n("span", { children: [
+            "需要完整版本信息、校验与历史版本？",
+            /* @__PURE__ */ n("span", { className: e.cliMoreSub, children: [
+              " ",
+              F,
+              " · ",
+              O,
+              " · iOS 内测 ·",
+              " ",
+              G,
+              " · Web 免安装"
+            ] })
+          ] }),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              className: e.cliMoreBtn,
+              onClick: () => N.push("/docs#changelog"),
+              children: [
+                "查看发布说明",
+                /* @__PURE__ */ a(
+                  i,
+                  {
+                    name: "arrow",
+                    size: 15,
+                    strokeWidth: 2
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ n("footer", { className: e.footer, children: [
+      /* @__PURE__ */ n("div", { className: e.footerInner, children: [
+        /* @__PURE__ */ n("div", { className: e.footerBrand, children: [
+          /* @__PURE__ */ a("span", { className: e.navMark, children: "OPC" }),
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ a("div", { className: e.footerBrandName, children: "Z OPC" }),
+            /* @__PURE__ */ a("div", { className: e.footerBrandDesc, children: "One Company Unified Service · 一个进程装下整家公司" })
+          ] })
+        ] }),
+        /* @__PURE__ */ n("nav", { className: e.footerLinks, children: [
+          /* @__PURE__ */ n("div", { className: e.footerCol, children: [
+            /* @__PURE__ */ a("span", { className: e.footerColTitle, children: "平台" }),
+            k.map((c) => /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.footerLink,
+                onClick: () => g(c.id),
+                children: c.label
+              },
+              c.id
+            ))
+          ] }),
+          /* @__PURE__ */ n("div", { className: e.footerCol, children: [
+            /* @__PURE__ */ a("span", { className: e.footerColTitle, children: "资源" }),
+            /* @__PURE__ */ a("button", { className: e.footerLink, onClick: $, children: "客户端下载" }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.footerLink,
+                onClick: () => N.push("/docs"),
+                children: "操作手册"
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: e.footerLink,
+                onClick: () => N.push("/docs#changelog"),
+                children: "迭代日志"
+              }
+            ),
+            /* @__PURE__ */ a("button", { className: e.footerLink, onClick: C, children: "进入工作台" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("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} ${v ? e.toTopVisible : ""}`,
+        onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
+        "aria-label": "回到顶部",
+        tabIndex: v ? 0 : -1,
+        children: /* @__PURE__ */ a(
+          i,
+          {
+            name: "arrow",
+            size: 18,
+            strokeWidth: 2,
+            className: e.toTopIcon
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  Cn as default
+};