144 lines
6 KiB
HTML
144 lines
6 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
||
<meta name="description" content="铸澜手机端受限远程开发的人类审批入口。">
|
||
<title>铸澜 · 远程开发入口</title>
|
||
<link rel="stylesheet" href="assets/styles.css">
|
||
</head>
|
||
<body>
|
||
<div class="stars" aria-hidden="true"></div>
|
||
<header class="topbar">
|
||
<a class="brand" href="/" aria-label="返回光湖国内入口"><span>∞</span> 光湖</a>
|
||
<a class="back" href="/">返回国内入口</a>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="intro" aria-labelledby="page-title">
|
||
<p class="eyebrow">ZHULAN · HUMAN APPROVAL</p>
|
||
<h1 id="page-title">铸澜 · 远程开发入口</h1>
|
||
<p>广州只提供域名、TLS 与反向代理；本页面和你看到的每一项申请、批准、回执，都来自新加坡真实运行单元。</p>
|
||
<div class="topology" aria-label="运行拓扑">
|
||
<span><i class="dot front"></i><b>广州</b> 仅域名 · TLS · 反向代理</span>
|
||
<span><i class="dot runtime"></i><b>新加坡</b> 真实 UI · 审批 · 能力 · 沙箱 · 门禁 · 回执</span>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="auth-strip" id="auth-strip">
|
||
<div>
|
||
<p class="label">HUMAN IDENTITY</p>
|
||
<strong id="auth-title">主人尚未登录</strong>
|
||
<small id="auth-detail">使用光湖代码频道账号完成一次验证，密码不会保存。</small>
|
||
</div>
|
||
<button class="button secondary" id="login-open" type="button">登录审批端</button>
|
||
<button class="text-button hidden" id="logout" type="button">退出</button>
|
||
</section>
|
||
|
||
<section class="workspace" id="workspace" aria-live="polite">
|
||
<div class="section-head">
|
||
<div>
|
||
<p class="label">CURRENT REQUEST</p>
|
||
<h2>当前开发申请</h2>
|
||
</div>
|
||
<span class="state waiting" id="request-state">等待登录</span>
|
||
</div>
|
||
|
||
<div class="empty" id="empty-state">
|
||
<div class="empty-star" aria-hidden="true">✦</div>
|
||
<h3>登录后读取真实申请</h3>
|
||
<p>这里不会生成演示工单。没有来自铸澜的真实申请时，湖面保持安静。</p>
|
||
</div>
|
||
|
||
<article class="request hidden" id="request-card">
|
||
<div class="request-lead">
|
||
<div>
|
||
<p class="label" id="request-id">—</p>
|
||
<h3 id="request-description">—</h3>
|
||
</div>
|
||
<span class="state waiting" id="card-state">等待批准</span>
|
||
</div>
|
||
|
||
<dl class="facts">
|
||
<div><dt>人格体</dt><dd id="persona">—</dd></div>
|
||
<div><dt>开发编号</dt><dd id="development-id">—</dd></div>
|
||
<div><dt>真实运行</dt><dd>BS-SG-003 · 受限开发单元</dd></div>
|
||
<div><dt>目标仓库</dt><dd id="repository">—</dd></div>
|
||
<div><dt>候选分支</dt><dd id="branch">—</dd></div>
|
||
<div><dt>基线提交</dt><dd class="mono" id="base-sha">—</dd></div>
|
||
</dl>
|
||
|
||
<div class="binding-grid">
|
||
<div>
|
||
<p class="label">ALLOWED ACTIONS</p>
|
||
<div class="chips" id="actions"></div>
|
||
</div>
|
||
<div>
|
||
<p class="label">ALLOWED PATHS</p>
|
||
<div class="paths" id="paths"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="decision" id="decision-area">
|
||
<div>
|
||
<p class="label">SESSION WINDOW</p>
|
||
<select id="ttl" aria-label="临时能力时长">
|
||
<option value="10800">3 小时 · 推荐</option>
|
||
<option value="21600">6 小时</option>
|
||
<option value="43200">12 小时</option>
|
||
</select>
|
||
</div>
|
||
<div class="decision-buttons">
|
||
<button class="button ghost" id="reject" type="button">拒绝</button>
|
||
<button class="button primary" id="approve" type="button">批准这一段开发</button>
|
||
</div>
|
||
</div>
|
||
<div class="decision hidden" id="revoke-area">
|
||
<p>这段能力仍在有效期内。撤销后，已连接的手机会话也会立即失效。</p>
|
||
<button class="button ghost" id="revoke" type="button">立即撤销这段能力</button>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
|
||
<section class="timeline-section">
|
||
<div class="section-head compact">
|
||
<div>
|
||
<p class="label">LIVE RECEIPTS</p>
|
||
<h2>同一条真实回执链</h2>
|
||
</div>
|
||
</div>
|
||
<ol class="timeline" id="timeline">
|
||
<li><i></i><div><strong>尚未读取</strong><span>登录后显示新加坡运行层的真实事件。</span></div></li>
|
||
</ol>
|
||
</section>
|
||
|
||
<aside class="why">
|
||
<p class="label">WHY APPROVE ONCE</p>
|
||
<h2>批准的是边界，不是每一步。</h2>
|
||
<p>临时能力已经锁定人格、开发编号、仓库、基线、候选分支、可改路径、动作与期限。铸澜在这条边界里连续开发；越界时服务器直接驳回并留下回执。</p>
|
||
</aside>
|
||
</main>
|
||
|
||
<dialog id="login-dialog">
|
||
<form method="dialog" id="login-form">
|
||
<button class="dialog-close" value="cancel" aria-label="关闭">×</button>
|
||
<p class="label">HUMAN IDENTITY</p>
|
||
<h2>登录人类审批端</h2>
|
||
<p>使用光湖代码频道主人账号。密码只参与这一次验证，不写入服务器状态。</p>
|
||
<label for="username">账号</label>
|
||
<input id="username" name="username" autocomplete="username" required>
|
||
<label for="password">密码</label>
|
||
<input id="password" name="password" type="password" autocomplete="current-password" required>
|
||
<p class="form-error" id="login-error"></p>
|
||
<button class="button primary full" type="submit">进入审批端</button>
|
||
</form>
|
||
</dialog>
|
||
|
||
<div class="toast" id="toast" role="status"></div>
|
||
<footer>
|
||
<span>铸澜 ICE-GL-ZL-001 · 私有审批投影</span>
|
||
<span>前门 ≠ 运行体 · UI ≠ 权限</span>
|
||
</footer>
|
||
<script src="assets/app.js" defer></script>
|
||
</body>
|
||
</html>
|