@yuku123/z-team-component 0.2.103 → 0.2.104

package/dist/index-Dpii3P5J.js

@@ -0,0 +1,1302 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useState as b, useEffect as M, useMemo as V, useCallback as C, useLayoutEffect as x } from "react";
+import { h as f } from "./history-BlrA1eaW.js";
+import { f as E, p as I, L as r, a as W, b as H, M as Z, A as q } from "./index-DWsfQMp8.js";
+const J = "_welcome_1pluv_11", K = "_bgWash_1pluv_57", U = "_bgGrid_1pluv_68", j = "_container_1pluv_82", Q = "_navbar_1pluv_99", Y = "_navInner_1pluv_109", X = "_navBrand_1pluv_119", ee = "_navMark_1pluv_127", ae = "_navBrandText_1pluv_142", ne = "_navLinks_1pluv_149", te = "_navLink_1pluv_149", ce = "_navLinkActive_1pluv_172", se = "_navMenuBtn_1pluv_177", le = "_navMenuIcon_1pluv_197", oe = "_navMenuIconOpen_1pluv_214", ie = "_navMenuPanel_1pluv_226", re = "_menuIn_1pluv_1", de = "_navMenuItem_1pluv_255", _e = "_navMenuCta_1pluv_273", me = "_navActions_1pluv_294", pe = "_navGhost_1pluv_301", he = "_navPrimary_1pluv_302", ve = "_hero_1pluv_342", ue = "_heroInner_1pluv_348", Ne = "_eyebrow_1pluv_357", be = "_eyebrowDot_1pluv_373", fe = "_heroTitle_1pluv_381", we = "_heroTitleAccent_1pluv_391", ge = "_heroLead_1pluv_404", Te = "_heroActions_1pluv_412", ye = "_btnPrimary_1pluv_419", Ce = "_btnSecondary_1pluv_420", ze = "_heroStats_1pluv_461", Me = "_heroStat_1pluv_461", Ie = "_heroStatNum_1pluv_474", ke = "_heroStatLabel_1pluv_482", Ae = "_heroVisual_1pluv_488", Se = "_chatCard_1pluv_504", Le = "_chatHead_1pluv_515", Pe = "_chatHeadLeft_1pluv_525", De = "_chatLiveDot_1pluv_532", Ee = "_chatRoom_1pluv_541", $e = "_chatMeta_1pluv_550", Be = "_chatBody_1pluv_557", Re = "_chatRow_1pluv_565", Oe = "_chatRowHuman_1pluv_572", Fe = "_chatRowAgent_1pluv_577", Ge = "_chatRowSub_1pluv_578", Ve = "_chatWho_1pluv_582", xe = "_chatName_1pluv_590", We = "_chatTag_1pluv_596", He = "_chatTagPrimary_1pluv_597", Ze = "_chatTime_1pluv_617", qe = "_chatBubble_1pluv_621", Je = "_chatMentions_1pluv_642", Ke = "_chatMention_1pluv_642", Ue = "_section_1pluv_662", je = "_sectionHead_1pluv_669", Qe = "_sectionEyebrow_1pluv_674", Ye = "_sectionTitle_1pluv_683", Xe = "_sectionLead_1pluv_692", ea = "_capGrid_1pluv_702", aa = "_capCard_1pluv_708", na = "_capIcon_1pluv_726", ta = "_capTitle_1pluv_739", ca = "_capDesc_1pluv_747", sa = "_capTag_1pluv_755", la = "_archList_1pluv_768", oa = "_archRow_1pluv_772", ia = "_archRail_1pluv_780", ra = "_archIndex_1pluv_786", da = "_archRailText_1pluv_793", _a = "_archLabel_1pluv_799", ma = "_archEn_1pluv_806", pa = "_tone_blue_1pluv_813", ha = "_tone_cyan_1pluv_817", va = "_tone_purple_1pluv_821", ua = "_tone_gold_1pluv_825", Na = "_tone_green_1pluv_829", ba = "_archModules_1pluv_833", fa = "_archModule_1pluv_833", wa = "_archModuleName_1pluv_849", ga = "_archModuleDesc_1pluv_855", Ta = "_showcaseGrid_1pluv_864", ya = "_flowList_1pluv_871", Ca = "_flowItem_1pluv_880", za = "_flowNum_1pluv_891", Ma = "_flowTitle_1pluv_907", Ia = "_flowDesc_1pluv_914", ka = "_scnGrid_1pluv_924", Aa = "_scnCard_1pluv_930", Sa = "_scnIcon_1pluv_947", La = "_scnTitle_1pluv_960", Pa = "_scnDesc_1pluv_967", Da = "_storyGrid_1pluv_975", Ea = "_storyCard_1pluv_981", $a = "_storyMark_1pluv_998", Ba = "_storyTitle_1pluv_1015", Ra = "_storyDesc_1pluv_1023", Oa = "_storyStat_1pluv_1035", Fa = "_valList_1pluv_1055", Ga = "_valItem_1pluv_1061", Va = "_valNum_1pluv_1077", xa = "_valTitle_1pluv_1087", Wa = "_valDesc_1pluv_1094", Ha = "_valCta_1pluv_1102", Za = "_valCtaTitle_1pluv_1114", qa = "_valCtaDesc_1pluv_1122", Ja = "_valCtaActions_1pluv_1129", Ka = "_valCtaPrimary_1pluv_1135", Ua = "_valCtaGhost_1pluv_1136", ja = "_cliGrid_1pluv_1175", Qa = "_cliCard_1pluv_1181", Ya = "_cliTop_1pluv_1198", Xa = "_cliIcon_1pluv_1206", en = "_cliState_1pluv_1218", an = "_state_ready_1pluv_1227", nn = "_state_beta_1pluv_1233", tn = "_state_soon_1pluv_1239", cn = "_state_free_1pluv_1245", sn = "_state_instant_1pluv_1251", ln = "_cliName_1pluv_1257", on = "_cliEn_1pluv_1265", rn = "_cliDesc_1pluv_1271", dn = "_cliMeta_1pluv_1279", _n = "_cliMetaNote_1pluv_1296", mn = "_cliAction_1pluv_1303", pn = "_cliBtnPrimary_1pluv_1307", hn = "_cliBtnGhost_1pluv_1308", vn = "_cliMore_1pluv_1351", un = "_cliMoreSub_1pluv_1366", Nn = "_cliMoreBtn_1pluv_1370", bn = "_toTop_1pluv_1398", fn = "_toTopVisible_1pluv_1421", wn = "_toTopIcon_1pluv_1432", gn = "_footer_1pluv_1436", Tn = "_footerInner_1pluv_1444", yn = "_footerBrand_1pluv_1454", Cn = "_footerBrandName_1pluv_1461", zn = "_footerBrandDesc_1pluv_1467", Mn = "_footerLinks_1pluv_1474", In = "_footerCol_1pluv_1479", kn = "_footerColTitle_1pluv_1485", An = "_footerLink_1pluv_1474", Sn = "_footerBottom_1pluv_1510", Ln = "_fadeIn_1pluv_1527", Pn = "_revealRoot_1pluv_7", Dn = "_fadeInVisible_1pluv_1542", En = "_faceGrid_1pluv_1550", $n = "_faceEn_1pluv_1556", Bn = "_gridNote_1pluv_1566", Rn = "_platCard_1pluv_1578", On = "_platHead_1pluv_1588", Fn = "_platLiveDot_1pluv_1594", Gn = "_platTitle_1pluv_1603", Vn = "_platPort_1pluv_1610", xn = "_platSub_1pluv_1621", Wn = "_platFaces_1pluv_1627", Hn = "_platFace_1pluv_1627", Zn = "_platFaceName_1pluv_1644", qn = "_platFaceEn_1pluv_1650", Jn = "_platFaceTag_1pluv_1658", Kn = "_platEmbed_1pluv_1670", Un = "_platEmbedTitle_1pluv_1676", jn = "_platChips_1pluv_1685", Qn = "_platChip_1pluv_1685", Yn = "_platFoot_1pluv_1710", Xn = "_platFootOk_1pluv_1720", et = "_mwGrid_1pluv_1726", at = "_mwCard_1pluv_1732", nt = "_mwName_1pluv_1748", tt = "_mwMeta_1pluv_1754", ct = "_mwDesc_1pluv_1765", st = "_zteamFold_1pluv_1773", lt = "_zteamFoldMain_1pluv_1788", ot = "_zteamFoldTitle_1pluv_1795", it = "_zteamFoldDesc_1pluv_1802", rt = "_zteamToggle_1pluv_1808", dt = "_zteamToggleIcon_1pluv_1832", _t = "_zteamToggleIconOpen_1pluv_1837", mt = "_zteamPanel_1pluv_1842", pt = "_subTitle_1pluv_1846", e = {
+  welcome: J,
+  bgWash: K,
+  bgGrid: U,
+  container: j,
+  navbar: Q,
+  navInner: Y,
+  navBrand: X,
+  navMark: ee,
+  navBrandText: ae,
+  navLinks: ne,
+  navLink: te,
+  navLinkActive: ce,
+  navMenuBtn: se,
+  navMenuIcon: le,
+  navMenuIconOpen: oe,
+  navMenuPanel: ie,
+  menuIn: re,
+  navMenuItem: de,
+  navMenuCta: _e,
+  navActions: me,
+  navGhost: pe,
+  navPrimary: he,
+  hero: ve,
+  heroInner: ue,
+  eyebrow: Ne,
+  eyebrowDot: be,
+  heroTitle: fe,
+  heroTitleAccent: we,
+  heroLead: ge,
+  heroActions: Te,
+  btnPrimary: ye,
+  btnSecondary: Ce,
+  heroStats: ze,
+  heroStat: Me,
+  heroStatNum: Ie,
+  heroStatLabel: ke,
+  heroVisual: Ae,
+  chatCard: Se,
+  chatHead: Le,
+  chatHeadLeft: Pe,
+  chatLiveDot: De,
+  chatRoom: Ee,
+  chatMeta: $e,
+  chatBody: Be,
+  chatRow: Re,
+  chatRowHuman: Oe,
+  chatRowAgent: Fe,
+  chatRowSub: Ge,
+  chatWho: Ve,
+  chatName: xe,
+  chatTag: We,
+  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: na,
+  capTitle: ta,
+  capDesc: ca,
+  capTag: sa,
+  archList: la,
+  archRow: oa,
+  archRail: ia,
+  archIndex: ra,
+  archRailText: da,
+  archLabel: _a,
+  archEn: ma,
+  tone_blue: pa,
+  tone_cyan: ha,
+  tone_purple: va,
+  tone_gold: ua,
+  tone_green: Na,
+  archModules: ba,
+  archModule: fa,
+  archModuleName: wa,
+  archModuleDesc: ga,
+  showcaseGrid: Ta,
+  flowList: ya,
+  flowItem: Ca,
+  flowNum: za,
+  flowTitle: Ma,
+  flowDesc: Ia,
+  scnGrid: ka,
+  scnCard: Aa,
+  scnIcon: Sa,
+  scnTitle: La,
+  scnDesc: Pa,
+  storyGrid: Da,
+  storyCard: Ea,
+  storyMark: $a,
+  storyTitle: Ba,
+  storyDesc: Ra,
+  storyStat: Oa,
+  valList: Fa,
+  valItem: Ga,
+  valNum: Va,
+  valTitle: xa,
+  valDesc: Wa,
+  valCta: Ha,
+  valCtaTitle: Za,
+  valCtaDesc: qa,
+  valCtaActions: Ja,
+  valCtaPrimary: Ka,
+  valCtaGhost: Ua,
+  cliGrid: ja,
+  cliCard: Qa,
+  cliTop: Ya,
+  cliIcon: Xa,
+  cliState: en,
+  state_ready: an,
+  state_beta: nn,
+  state_soon: tn,
+  state_free: cn,
+  state_instant: sn,
+  cliName: ln,
+  cliEn: on,
+  cliDesc: rn,
+  cliMeta: dn,
+  cliMetaNote: _n,
+  cliAction: mn,
+  cliBtnPrimary: pn,
+  cliBtnGhost: hn,
+  cliMore: vn,
+  cliMoreSub: un,
+  cliMoreBtn: Nn,
+  toTop: bn,
+  toTopVisible: fn,
+  toTopIcon: wn,
+  footer: gn,
+  footerInner: Tn,
+  footerBrand: yn,
+  footerBrandName: Cn,
+  footerBrandDesc: zn,
+  footerLinks: Mn,
+  footerCol: In,
+  footerColTitle: kn,
+  footerLink: An,
+  footerBottom: Sn,
+  fadeIn: Ln,
+  revealRoot: Pn,
+  fadeInVisible: Dn,
+  faceGrid: En,
+  faceEn: $n,
+  gridNote: Bn,
+  platCard: Rn,
+  platHead: On,
+  platLiveDot: Fn,
+  platTitle: Gn,
+  platPort: Vn,
+  platSub: xn,
+  platFaces: Wn,
+  platFace: Hn,
+  platFaceName: Zn,
+  platFaceEn: qn,
+  platFaceTag: Jn,
+  platEmbed: Kn,
+  platEmbedTitle: Un,
+  platChips: jn,
+  platChip: Qn,
+  platFoot: Yn,
+  platFootOk: Xn,
+  mwGrid: et,
+  mwCard: at,
+  mwName: nt,
+  mwMeta: tt,
+  mwDesc: ct,
+  zteamFold: st,
+  zteamFoldMain: lt,
+  zteamFoldTitle: ot,
+  zteamFoldDesc: it,
+  zteamToggle: rt,
+  zteamToggleIcon: dt,
+  zteamToggleIconOpen: _t,
+  zteamPanel: mt,
+  subTitle: pt
+}, k = [
+  { id: "panorama", label: "平台全景" },
+  { id: "account", label: "一个账号" },
+  { id: "architecture", label: "平台架构" },
+  { id: "middleware", label: "自研中间件" },
+  { id: "zteam", label: "数字员工" }
+], $ = [
+  {
+    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 · 管理面"
+  }
+], ht = [
+  {
+    icon: "shield",
+    title: "统一认证",
+    desc: "SSO 拦截器把登录态跨子域共享给前端 SPA 与后端服务，登录一次即可进出各工作台。"
+  },
+  {
+    icon: "network",
+    title: "统一授权",
+    desc: "应用与角色的权限矩阵，菜单入口与接口鉴权读同一份授权数据。"
+  },
+  {
+    icon: "users",
+    title: "统一账号",
+    desc: "组织、角色与成员统一在 4A 维护，业务面不再各自建一套账号体系。"
+  },
+  {
+    icon: "search",
+    title: "登录审计",
+    desc: "登录与授权操作日志集中落库，入口、时间与结果可回查。"
+  }
+], vt = [
+  {
+    label: "组织治理",
+    en: "Meta · lead",
+    tone: "blue",
+    modules: [
+      { name: "z-opc-foundation-lead", desc: "全仓事实表 manifest.json、强制规范、跨仓技能、一键恢复" }
+    ]
+  },
+  {
+    label: "L1 业务层",
+    en: "Business",
+    tone: "purple",
+    modules: [
+      { name: "z-opc", desc: "One Company Unified Service：单一 JVM + 一个 oc 库承接全部业务域" },
+      { name: "z-opcs", desc: "任务撮合 / 服务市场：用户付费 → 撮合 → 抢单 → 结算" },
+      { name: "z-product / z-rpa / z-trade", desc: "产品 / RPA / 交易" },
+      { name: "z-asset / z-ops / z-team / z-biz", desc: "资产 / 运维 / 协作 / 业务" }
+    ]
+  },
+  {
+    label: "L2 Boot 封装层",
+    en: "Boot",
+    tone: "cyan",
+    modules: [
+      { name: "z-boot", desc: "z-boot-parent / z-boot-dependencies：第三方版本锁进 BOM，为每个中间件提供 starter" }
+    ]
+  },
+  {
+    label: "L3 Agent 家族",
+    en: "Agent",
+    tone: "blue",
+    modules: [
+      { name: "z-agent-kernel", desc: "消息 / 工具 / 记忆 / provider / 会话契约一次收口" },
+      { name: "z-llm-gateway · z-mcp · z-skill", desc: "模型网关 / MCP 服务 / 技能市场" },
+      { name: "z-agent · z-bot", desc: "Agent 应用中心 / 终端 Bot" }
+    ]
+  },
+  {
+    label: "L3 中间件层",
+    en: "Middleware",
+    tone: "cyan",
+    modules: [
+      { name: "z-util / z-cache / z-mq", desc: "工具底座 / 缓存 / 消息队列" },
+      { name: "z-config / z-schedule / z-wf / z-camuda", desc: "配置 / 调度 / 工作流" },
+      { name: "z-rpc / z-gw / z-graph / z-vector / z-kb", desc: "RPC / 网关 / 图库 / 向量 / 知识库" },
+      { name: "z-ctc / z-mist / z-msg / z-oss", desc: "4A / 密钥 / 消息 / 对象存储" }
+    ]
+  },
+  {
+    label: "孵化层",
+    en: "Incubation",
+    tone: "gold",
+    modules: [
+      { name: "z-script / z-lc / z-webide", desc: "脚本中心 / 低代码 / Web IDE" },
+      { name: "z-meta / z-task / z-ext / z-surl / z-qa", desc: "元数据 / 任务 / 扩展点 / 短网址 / 质量资产" }
+    ]
+  },
+  {
+    label: "前端与环境",
+    en: "Frontend & Env",
+    tone: "purple",
+    modules: [
+      { name: "z-frontend-render / z-frontend-common", desc: "共享渲染引擎 / 共享组件库（npm @yuku123）" },
+      { name: "z-env / z-introduce", desc: "依赖层三段式收口 / 静态展示站" }
+    ]
+  }
+], ut = [
+  { 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: "桶、对象与预签名" }
+], Nt = [
+  { 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" }
+], bt = [
+  {
+    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"
+  }
+], ft = [
+  {
+    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"
+  }
+], wt = {
+  ready: "可下载",
+  beta: "内测中",
+  soon: "即将发布",
+  free: "免安装",
+  instant: "即刻可用"
+}, gt = [
+  {
+    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 Tt() {
+  const [s, w] = b(!1), [m, z] = b(/* @__PURE__ */ new Set());
+  x(() => {
+    if (typeof IntersectionObserver > "u") {
+      w(!0);
+      return;
+    }
+    const i = new IntersectionObserver(
+      (h) => {
+        z((v) => {
+          let d = null;
+          return h.forEach((u) => {
+            if (!u.isIntersecting) return;
+            const g = u.target.dataset.revealId;
+            !g || v.has(g) || (d = d ?? new Set(v), d.add(g));
+          }), d ?? v;
+        });
+      },
+      { threshold: 0.08, rootMargin: "0px 0px -8% 0px" }
+    );
+    document.querySelectorAll("[data-reveal-id]").forEach((h) => i.observe(h));
+    const S = window.setTimeout(() => {
+      z((h) => {
+        const v = new Set(h);
+        return document.querySelectorAll("[data-reveal-id]").forEach((d) => {
+          const u = d.dataset.revealId;
+          u && v.add(u);
+        }), v;
+      });
+    }, 2400);
+    return w(!0), () => {
+      i.disconnect(), window.clearTimeout(S);
+    };
+  }, []);
+  const p = C(
+    (i) => m.has(i),
+    [m]
+  );
+  return { revealReady: s, isRevealed: p };
+}
+function yt() {
+  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: $.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-OPC" })
+    ] }, s.name)) }),
+    /* @__PURE__ */ t("div", { className: e.platEmbed, children: [
+      /* @__PURE__ */ a("span", { className: e.platEmbedTitle, children: "同进程中间件" }),
+      /* @__PURE__ */ a("div", { className: e.platChips, children: Nt.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 Ct() {
+  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: ft.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 At() {
+  const [s, w] = b(null), [m, z] = b(null), [p, i] = b(!1), [A, S] = b(""), [h, v] = b(!1), [d, u] = b(!0), { revealReady: g, isRevealed: l } = Tt();
+  M(() => {
+    let n = !0;
+    return E(Z).then((c) => {
+      n && w(c);
+    }), E(q).then((c) => {
+      n && z(c);
+    }), () => {
+      n = !1;
+    };
+  }, []), M(() => {
+    const n = document.title;
+    document.title = "Z OPC · 组织级统一服务平台";
+    let c = document.head.querySelector(
+      'meta[name="description"]'
+    );
+    const o = !c, _ = (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 承载协作、智能、产品、研发、测试、运维、中间件、系统八大工作台，自研中间件同进程运行，一套 4A 账号打通全部入口。", () => {
+      document.title = n, c && (o ? c.remove() : c.content = _);
+    };
+  }, []), M(() => {
+    if (!p) return;
+    const n = (_) => {
+      _.key === "Escape" && i(!1);
+    }, c = (_) => {
+      const T = _.target;
+      T != null && T.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);
+    };
+  }, [p]), M(() => {
+    let n = 0;
+    const c = () => {
+      n || (n = window.requestAnimationFrame(() => {
+        n = 0, v(window.scrollY > 880);
+        let o = "";
+        for (const _ of k) {
+          const T = document.getElementById(_.id);
+          T && T.getBoundingClientRect().top <= 140 && (o = _.id);
+        }
+        S(o);
+      }));
+    };
+    return c(), window.addEventListener("scroll", c, { passive: !0 }), () => {
+      window.removeEventListener("scroll", c), n && window.cancelAnimationFrame(n);
+    };
+  }, []);
+  const B = V(
+    () => `${e.welcome} ${g ? e.revealRoot : ""}`,
+    [g]
+  ), N = C((n) => {
+    var c;
+    (c = document.getElementById(n)) == null || c.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, []), L = C(
+    (n) => {
+      i(!1), N(n);
+    },
+    [N]
+  ), y = C(() => f.push("/workspace"), []), R = C(() => {
+    u(!0), N("zteam");
+  }, [N]), P = I(s, "macos"), D = I(s, "windows"), O = P ? `macOS v${P.version}` : "macOS", F = D ? `Windows v${D.version}` : "Windows", G = m ? `Android v${m.version}` : "Android";
+  return /* @__PURE__ */ t("div", { className: B, 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: [
+          k.map((n) => /* @__PURE__ */ a(
+            "button",
+            {
+              className: `${e.navLink} ${A === n.id ? e.navLinkActive : ""}`,
+              "aria-current": A === 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: y, children: [
+            "进入工作台",
+            /* @__PURE__ */ a(r, { name: "arrow", size: 15, strokeWidth: 2 })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.navMenuBtn,
+              "aria-label": p ? "关闭导航菜单" : "打开导航菜单",
+              "aria-expanded": p,
+              "aria-controls": "welcome-mobile-menu",
+              "data-welcome-menu": !0,
+              onClick: () => i((n) => !n),
+              children: /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `${e.navMenuIcon} ${p ? e.navMenuIconOpen : ""}`,
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a("span", {}),
+                    /* @__PURE__ */ a("span", {})
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ] }),
+      p && /* @__PURE__ */ t(
+        "div",
+        {
+          className: e.navMenuPanel,
+          id: "welcome-mobile-menu",
+          "data-welcome-menu": !0,
+          children: [
+            k.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), y();
+                },
+                children: [
+                  "进入工作台",
+                  /* @__PURE__ */ a(r, { 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 把协作、智能、产品、研发、测试、运维、中间件、系统 收进同一个平台：一个 Spring Boot JVM 承载全部业务域， 自研中间件同进程运行，一套 4A 账号打通所有入口。" }),
+        /* @__PURE__ */ t("div", { className: e.heroActions, children: [
+          /* @__PURE__ */ t("button", { className: e.btnPrimary, onClick: y, children: [
+            "进入工作台",
+            /* @__PURE__ */ a(r, { name: "arrow", size: 17, strokeWidth: 2 })
+          ] }),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              className: e.btnSecondary,
+              onClick: () => N("panorama"),
+              children: "查看平台全景"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("dl", { className: e.heroStats, children: [
+          { n: "8", 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(yt, {}) })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "panorama", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${l("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: "协作、智能、产品、研发、测试、运维、中间件、系统—— 八大工作台共用同一套账号、权限与部署单元。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e.faceGrid, children: $.map((n, c) => /* @__PURE__ */ t(
+        "article",
+        {
+          className: `${e.capCard} ${e.fadeIn} ${l(`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(
+              r,
+              {
+                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-OPC 的能力、协作实景与客户端， 收在下方「数字员工」里。" })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "account", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${l("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: ht.map((n, c) => /* @__PURE__ */ t(
+        "article",
+        {
+          className: `${e.scnCard} ${e.fadeIn} ${l(`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(
+              r,
+              {
+                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} ${l("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: "从组织治理、业务层、Boot 封装到 Agent 家族、中间件、孵化、 前端环境——51 个自研仓库七层自建栈，全部实测，非声明。" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: e.archList, children: vt.map((n, c) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.archRow} ${e.fadeIn} ${l(`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} ${l("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: ut.map((n, c) => /* @__PURE__ */ t(
+        "article",
+        {
+          className: `${e.mwCard} ${e.fadeIn} ${l(`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: "story", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${l("story-head") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "story-head",
+          children: [
+            /* @__PURE__ */ a("span", { className: e.sectionEyebrow, children: "Our Story" }),
+            /* @__PURE__ */ a("h2", { className: e.sectionTitle, children: "平台故事 · 自研一整条栈" }),
+            /* @__PURE__ */ t("p", { className: e.sectionLead, children: [
+              "不像从 Spring Cloud / Kafka / Milvus / Dify 各拉一个现成件， Z OPC 把一个中小团队要用的基础设施",
+              /* @__PURE__ */ a("strong", { children: "全部自研" }),
+              "： 51 个仓库、33 个已发 Maven Central，one company，one ship。"
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: e.storyGrid, children: [
+        /* @__PURE__ */ t(
+          "article",
+          {
+            className: `${e.storyCard} ${e.fadeIn} ${l("story-opc") ? e.fadeInVisible : ""}`,
+            "data-reveal-id": "story-opc",
+            children: [
+              /* @__PURE__ */ a("div", { className: e.storyMark, children: "Z-OPC" }),
+              /* @__PURE__ */ a("h3", { className: e.storyTitle, children: "一个进程，装下整家公司" }),
+              /* @__PURE__ */ a("p", { className: e.storyDesc, children: "单 JVM 承载八大工作台，自研中间件同进程运行，一套 4A 打通全部入口。 「协作」只是其中一块——你用到的群聊与 Agent，都跑在 z-opc-main-starter :8888 上。" }),
+              /* @__PURE__ */ t("div", { className: e.storyStat, children: [
+                /* @__PURE__ */ a("span", { children: "8 工作台" }),
+                /* @__PURE__ */ a("span", { children: "12 自研中间件" }),
+                /* @__PURE__ */ a("span", { children: "1 个 JVM" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "article",
+          {
+            className: `${e.storyCard} ${e.fadeIn} ${l("story-opcs") ? e.fadeInVisible : ""}`,
+            "data-reveal-id": "story-opcs",
+            children: [
+              /* @__PURE__ */ a("div", { className: e.storyMark, children: "Z-OPCS" }),
+              /* @__PURE__ */ a("h3", { className: e.storyTitle, children: "把闲置算力变成市场" }),
+              /* @__PURE__ */ a("p", { className: e.storyDesc, children: "你运营一台 z-opc（算力闲置），外面的人有诉求（PPT、数据分析、写脚本） 却不想自建工具链。Z-OPCS 站在中间：用户付费发布 → 撮合广播 → 抢单 → 完成 → 瓜分金额。撮合中心自己不执行任何任务，只做派单与账。" }),
+              /* @__PURE__ */ t("div", { className: e.storyStat, children: [
+                /* @__PURE__ */ a("span", { children: "用户付费" }),
+                /* @__PURE__ */ a("span", { children: "撮合派单" }),
+                /* @__PURE__ */ a("span", { children: "自动结算" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a("section", { className: e.section, id: "zteam", children: /* @__PURE__ */ t("div", { className: e.container, children: [
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${e.sectionHead} ${e.fadeIn} ${l("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__ */ t(
+        "div",
+        {
+          className: `${e.zteamFold} ${e.fadeIn} ${l("zt-fold") ? e.fadeInVisible : ""}`,
+          "data-reveal-id": "zt-fold",
+          children: [
+            /* @__PURE__ */ t("div", { className: e.zteamFoldMain, children: [
+              /* @__PURE__ */ a("span", { className: e.navMark, children: "ZO" }),
+              /* @__PURE__ */ t("div", { children: [
+                /* @__PURE__ */ a("div", { className: e.zteamFoldTitle, children: "Z-OPC · 一人公司基建" }),
+                /* @__PURE__ */ a("div", { className: e.zteamFoldDesc, children: "消息中枢 · 星型多 Agent · 学习子系统 · 六端客户端" })
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: e.zteamToggle,
+                "aria-expanded": d,
+                "aria-controls": "zteam-panel",
+                onClick: () => u((n) => !n),
+                children: [
+                  d ? "收起详情" : "展开详情",
+                  /* @__PURE__ */ a(
+                    r,
+                    {
+                      name: "arrow",
+                      size: 15,
+                      strokeWidth: 2,
+                      className: d ? e.zteamToggleIconOpen : e.zteamToggleIcon
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ t("div", { className: e.zteamPanel, id: "zteam-panel", children: [
+        /* @__PURE__ */ a("h3", { className: e.subTitle, children: "八项核心能力" }),
+        /* @__PURE__ */ a("div", { className: e.capGrid, children: bt.map((n) => /* @__PURE__ */ t("article", { className: e.capCard, children: [
+          /* @__PURE__ */ a("div", { className: e.capIcon, children: /* @__PURE__ */ a(
+            r,
+            {
+              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(Ct, {}),
+          /* @__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: gt.map((n) => {
+          const c = n.key === "macos" ? I(s, "macos") : n.key === "windows" ? I(s, "windows") : n.key === "android" ? m : null, o = c && c.releaseType === "beta" ? "beta" : n.state, _ = c && c.releaseType === "beta" ? "内测中" : wt[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(
+                r,
+                {
+                  name: n.icon,
+                  size: 20,
+                  strokeWidth: 1.8
+                }
+              ) }),
+              /* @__PURE__ */ a(
+                "span",
+                {
+                  className: `${e.cliState} ${e[`state_${o}`]}`,
+                  children: _
+                }
+              )
+            ] }),
+            /* @__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: W(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(
+                    r,
+                    {
+                      name: "download",
+                      size: 15,
+                      strokeWidth: 2
+                    }
+                  ),
+                  "下载 v",
+                  c.version
+                ]
+              }
+            ) : n.key === "web" ? /* @__PURE__ */ t(
+              "button",
+              {
+                className: e.cliBtnPrimary,
+                onClick: y,
+                children: [
+                  "立即使用",
+                  /* @__PURE__ */ a(
+                    r,
+                    {
+                      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: [
+              " ",
+              O,
+              " · ",
+              F,
+              " · iOS 内测 ·",
+              " ",
+              G,
+              " · Web 免安装"
+            ] })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: e.cliMoreBtn,
+              onClick: () => f.push("/docs#changelog"),
+              children: [
+                "查看发布说明",
+                /* @__PURE__ */ a(
+                  r,
+                  {
+                    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: "平台" }),
+            k.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: R, 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: y, 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} ${h ? e.toTopVisible : ""}`,
+        onClick: () => window.scrollTo({ top: 0, behavior: "smooth" }),
+        "aria-label": "回到顶部",
+        tabIndex: h ? 0 : -1,
+        children: /* @__PURE__ */ a(
+          r,
+          {
+            name: "arrow",
+            size: 18,
+            strokeWidth: 2,
+            className: e.toTopIcon
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  At as default
+};