orbit-codex-bridge 0.1.6 → 0.1.7

package/public/admin.css

@@ -1,67 +0,0 @@
-:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#27392f;background:#f5f7f2;font-size:14px;--line:#e3e8de;--green:#183c34;--accent:#d8edb2}
-*{box-sizing:border-box}
-body{margin:0}
-button,input,textarea{font:inherit}
-button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;border-radius:5px;padding:8px 12px}
-button:disabled{opacity:.55;cursor:not-allowed}
-[hidden]{display:none!important}
-.admin-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}
-.admin-top{height:68px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}
-.brand{display:flex;align-items:center;gap:4px;color:var(--green);font-size:21px;font-weight:700;text-decoration:none}
-.brand-mark{display:grid;place-items:center;width:26px;height:26px;margin-right:4px;border-radius:7px;background:var(--green);color:var(--accent)}
-.brand-dot{color:#99b878}
-.brand small{margin-left:10px;font-size:9px;font-weight:600;letter-spacing:1px;color:#83907f}
-.status{margin-left:auto;font-size:11px;color:#768270}
-.login-section{min-height:calc(100dvh - 69px);display:grid;place-items:center}
-.login-form{width:min(420px,100%);padding:32px;background:#fff;border:1px solid var(--line);border-radius:8px}
-.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#849379}
-h1{margin:12px 0;font-size:25px;font-weight:600}
-.login-form>p,.section-heading p{font-size:12px;line-height:1.8;color:#82907d}
-label{display:grid;gap:6px;font-size:11px;color:#63745e}
-input,textarea{width:100%;min-height:37px;padding:8px 10px;border:1px solid #dce4d6;border-radius:5px;background:#fff;color:#314332}
-.login-form label{margin:20px 0 11px}
-.primary{background:#204b36;color:#f2f6e8;border-color:#204b36}
-.login-form>.primary{width:100%;margin-top:8px}
-.error{min-height:18px;color:#b65e4a;font-size:11px}
-.overview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:22px 0}
-.overview>div{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:15px 17px;border:1px solid var(--line);border-radius:6px;background:#fff}
-.overview span{font-size:11px;color:#82907d}
-.overview strong{font-size:21px;font-weight:600}
-.content-section{margin:0 0 24px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:7px}
-.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
-.section-heading h2{margin:5px 0 0;font-size:18px;font-weight:600}
-.user-filters{display:grid;grid-template-columns:auto minmax(180px,320px) auto minmax(130px,180px) 1fr;align-items:center;gap:9px;margin:0 0 14px}
-.user-filters label{font-size:11px}
-.user-filters input,.user-filters select{min-width:0;min-height:36px;padding:7px 9px;border:1px solid #dce4d6;border-radius:5px;background:#fff;color:#314332;font:inherit}
-.user-filters span{text-align:right;color:#82907d;font-size:11px}
-.create-user-form{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr)) auto;align-items:end;gap:10px;margin-bottom:20px;padding:14px;background:#f7f9f4;border:1px solid #e9eee4;border-radius:5px}
-.create-user-form label{min-width:0}
-.create-user-form input{font-size:12px}
-.users-list{display:grid;gap:9px}
-.user-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(120px,.7fr) minmax(140px,.8fr) auto;gap:13px;align-items:center;padding:13px;border-bottom:1px solid #edf0e9}
-.user-identity strong,.user-identity small{display:block;overflow-wrap:anywhere}
-.user-identity small,.user-meta{margin-top:4px;color:#879280;font-size:10px}
-.user-meta{line-height:1.8}
-.badge{display:inline-flex;padding:4px 7px;border-radius:4px;background:#edf2e6;color:#65804f;font-size:9px}
-.badge.suspended,.badge.revoked{background:#f5ece8;color:#a46250}
-.badge.offline{background:#f2f0e7;color:#928257}
-.user-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
-.user-settings{grid-column:1/-1;display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(100px,.8fr) 100px 210px auto;align-items:end;gap:8px;padding:10px;background:#f7f9f5;border-radius:4px}
-.user-settings label{min-width:0}
-.user-settings input{font-size:11px}
-.device-list{grid-column:1/-1;display:grid;gap:6px;padding-top:7px}
-.device-row{display:flex;justify-content:space-between;gap:10px;padding:9px;background:#f7f9f5;border-radius:4px;font-size:10px}
-.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 0 2px;color:#82907d;font-size:11px}
-.pagination button{min-width:76px}
-.audit-list{display:grid}
-.audit-row{display:grid;grid-template-columns:180px 160px minmax(0,1fr);gap:12px;padding:10px 2px;border-bottom:1px solid #edf0e9;font-size:10px}
-.audit-row time,.audit-row span{color:#85907d;overflow-wrap:anywhere}
-dialog{width:min(520px,calc(100% - 28px));border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff;color:#27392f}
-dialog::backdrop{background:#10282077}
-dialog h2{margin-top:0}
-dialog label{margin:14px 0 7px}
-dialog textarea{font-family:Consolas,monospace;overflow-wrap:anywhere;resize:vertical}
-@media(max-width:1100px){.overview{grid-template-columns:repeat(3,minmax(0,1fr))}}
-@media(max-width:900px){.create-user-form{grid-template-columns:repeat(3,minmax(0,1fr))}.user-row{grid-template-columns:minmax(140px,1fr) minmax(100px,.7fr) auto}.user-meta.secondary{display:none}.user-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.user-settings button{grid-column:1/-1}}
-@media(max-width:600px){.admin-shell{width:calc(100% - 24px)}.admin-top{height:58px}.brand{font-size:18px}.brand small{font-size:8px}.overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0}.overview>div{min-height:58px;padding:11px}.overview strong{font-size:18px}.content-section{padding:14px 11px}.user-filters{grid-template-columns:auto minmax(0,1fr);gap:8px}.user-filters input{grid-column:2}.user-filters select{grid-column:2}.user-filters span{grid-column:1/-1;text-align:left}.create-user-form{grid-template-columns:1fr 1fr}.create-user-form label:first-child,.create-user-form label:nth-child(2){grid-column:span 1}.create-user-form button{grid-column:1/-1}.user-row{grid-template-columns:1fr auto;gap:7px}.user-row>.user-meta{grid-column:1}.user-actions{grid-column:2;grid-row:1/3}.user-settings{grid-template-columns:1fr 100px}.user-settings label:first-child,.user-settings label:nth-child(2){grid-column:auto}.user-settings button{grid-column:1/-1}.device-row{align-items:flex-start;flex-direction:column}.audit-row{grid-template-columns:1fr auto}.audit-row span{grid-column:1/-1}}
-@media(max-width:600px){.create-user-form>*{min-width:0}.create-user-form input[type=datetime-local]{min-width:0;width:100%;font-size:10px;padding-left:5px;padding-right:5px}.user-settings input[type=datetime-local]{min-width:0;width:100%;font-size:10px;padding-left:5px;padding-right:5px}}

package/public/admin.html

@@ -1,23 +0,0 @@
-<!doctype html>
-<html lang="zh-CN">
-<head>
-<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#143a33"><title>Orbit Admin · 控制台</title><link rel="stylesheet" href="/admin.css"><script src="/admin.js" defer></script>
-</head>
-<body>
-<main class="admin-shell">
-  <header class="admin-top"><a class="brand" href="/"><span class="brand-mark">o</span>orbit<span class="brand-dot">.</span><small>CONTROL PLANE</small></a><span id="admin-status" class="status">等待管理员登录</span><button id="admin-logout" type="button" hidden>退出</button></header>
-  <section id="admin-login" class="login-section"><form id="admin-login-form" class="login-form"><span class="eyebrow">OPERATOR ACCESS</span><h1>管理控制台</h1><p>使用服务器管理员密钥登录。该密钥只用于创建账号和设备，不会发给手机或电脑代理。</p><label for="admin-token">管理员密钥</label><input id="admin-token" type="password" autocomplete="current-password" required><button class="primary" type="submit">登录</button><p id="admin-login-error" class="error" role="alert"></p></form></section>
-  <section id="admin-app" hidden>
-    <section class="overview"><div><span>用户总数</span><strong id="overview-users">0</strong></div><div><span>有效用户</span><strong id="overview-active-users">0</strong></div><div><span>已停用</span><strong id="overview-suspended-users">0</strong></div><div><span>已到期</span><strong id="overview-expired-users">0</strong></div><div><span>有效电脑</span><strong id="overview-devices">0</strong></div><div><span>在线电脑</span><strong id="overview-online">0</strong></div></section>
-    <section class="content-section"><div class="section-heading"><div><span class="eyebrow">TENANTS</span><h2>用户与设备</h2></div><button id="refresh-admin" type="button">刷新</button></div>
-      <div class="user-filters"><label for="user-search">搜索用户</label><input id="user-search" type="search" maxlength="100" placeholder="用户名或显示名称"><label for="user-status">账户状态</label><select id="user-status"><option value="all">全部状态</option><option value="active">有效</option><option value="suspended">已停用</option><option value="expired">已到期</option></select><span id="user-count" role="status"></span></div>
-      <form id="create-user-form" class="create-user-form"><label>登录名<input name="username" minlength="3" maxlength="64" autocomplete="off" required></label><label>显示名称<input name="displayName" maxlength="120"></label><label>初始密码<input name="password" type="password" minlength="6" maxlength="256" autocomplete="new-password" placeholder="留空则自动生成"></label><label>套餐<input name="plan" value="standard" maxlength="40" required></label><label>设备上限<input name="maxDevices" type="number" min="1" max="50" value="2" required></label><label>账号到期<input name="expiresAt" type="datetime-local"></label><button class="primary" type="submit">创建账号</button></form>
-      <div id="admin-message" role="status" hidden></div><div id="users-list" class="users-list"></div>
-      <nav class="pagination" aria-label="用户列表分页"><button id="users-previous" type="button">上一页</button><span id="users-page">第 1 页</span><button id="users-next" type="button">下一页</button></nav>
-    </section>
-    <section class="content-section"><div class="section-heading"><div><span class="eyebrow">AUDIT</span><h2>管理事件</h2></div></div><div id="audit-list" class="audit-list"></div></section>
-  </section>
-</main>
-<dialog id="secret-dialog"><form method="dialog"><h2 id="secret-title">凭证已签发</h2><p id="secret-description"></p><label for="secret-value">仅显示一次</label><textarea id="secret-value" readonly rows="5"></textarea><button id="copy-secret" type="button">复制</button><button class="primary" value="close">完成</button></form></dialog>
-</body>
-</html>

package/public/admin.js

@@ -1,186 +0,0 @@
-const select=selector=>document.querySelector(selector);
-const escapeHtml=value=>String(value??'').replace(/[&<>"']/g,character=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[character]));
-let users=[];
-const userFilter={search:'',status:'all',page:1,pageSize:25};
-let refreshTimer;
-
-async function api(url,body,method='POST'){
-  const response=await fetch(url,body===undefined?{}:{
-    method,headers:{'Content-Type':'application/json'},body:JSON.stringify(body)
-  });
-  const result=await response.json();
-  if(!response.ok)throw new Error(result.error||'请求失败。');
-  return result;
-}
-function showSecret(title,description,value){
-  select('#secret-title').textContent=title;
-  select('#secret-description').textContent=description;
-  select('#secret-value').value=value;
-  select('#secret-dialog').showModal();
-}
-function flash(message){
-  const element=select('#admin-message');
-  element.hidden=false;element.textContent=message;
-  clearTimeout(flash.timer);flash.timer=setTimeout(()=>element.hidden=true,8000);
-}
-function localDateTime(timestamp){
-  if(!timestamp)return '';
-  const date=new Date(timestamp);
-  date.setSeconds(0,0);
-  date.setMinutes(date.getMinutes()-date.getTimezoneOffset());
-  return date.toISOString().slice(0,16);
-}
-function renderUsers(){
-  select('#users-list').innerHTML=users.map(user=>{
-    const devices=user.devices||[];
-    const expired=user.status==='active'&&user.expiresAt&&user.expiresAt<=Date.now();
-    const statusLabel=user.status==='suspended'?'已停用':expired?'已到期':'有效';
-    const statusClass=user.status==='suspended'||expired?'suspended':'';
-    const actions=[
-      `<button data-issue="${escapeHtml(user.id)}" type="button">签发电脑</button>`,
-      `<button data-reset="${escapeHtml(user.id)}" type="button">重置密码</button>`,
-      `<button data-status="${escapeHtml(user.id)}" data-next-status="${user.status==='active'?'suspended':'active'}" type="button">${user.status==='active'?'停用':'启用'}</button>`
-    ].join('');
-    const rows=devices.map(device=>`<div class="device-row"><span><strong>${escapeHtml(device.name)}</strong> · ${device.online?'<span class="badge">在线</span>':'<span class="badge offline">离线</span>'}<br>设备 ID：${escapeHtml(device.id)} · 最近在线：${device.lastSeen?new Date(device.lastSeen).toLocaleString('zh-CN'):'从未'}</span>${device.status==='active'?`<button data-device="${escapeHtml(device.id)}" data-next-status="revoked" type="button">撤销凭证</button>`:'<span class="badge revoked">凭证已永久撤销</span>'}</div>`).join('');
-    return `<article class="user-row"><div class="user-identity"><strong>${escapeHtml(user.displayName)}</strong><small>${escapeHtml(user.username)} · <span class="badge ${statusClass}">${statusLabel}</span></small></div><div class="user-meta">套餐 ${escapeHtml(user.plan)}<br>设备 ${devices.filter(device=>device.status==='active').length}/${user.maxDevices}</div><div class="user-meta secondary">创建于 ${new Date(user.createdAt).toLocaleDateString('zh-CN')}${user.expiresAt?`<br>到期 ${new Date(user.expiresAt).toLocaleDateString('zh-CN')}`:'<br>不过期'}</div><div class="user-actions">${actions}</div><form class="user-settings" data-user-settings="${escapeHtml(user.id)}"><label>显示名称<input name="displayName" maxlength="120" value="${escapeHtml(user.displayName)}" required></label><label>套餐<input name="plan" maxlength="40" value="${escapeHtml(user.plan)}" required></label><label>设备上限<input name="maxDevices" type="number" min="1" max="50" value="${user.maxDevices}" required></label><label>到期时间<input name="expiresAt" type="datetime-local" value="${localDateTime(user.expiresAt)}"></label><button type="submit">保存设置</button></form><div class="device-list">${rows||'<div class="user-meta">尚未绑定电脑</div>'}</div></article>`;
-  }).join('')||(userFilter.search||userFilter.status!=='all'?'<p class="user-meta">没有符合条件的用户。</p>':'<p class="user-meta">尚未创建用户。</p>');
-}
-async function refresh(){
-  const {search,status,page,pageSize}=userFilter;
-  const query=new URLSearchParams({search,status,page:String(page),pageSize:String(pageSize)});
-  const [overview,userData,auditData]=await Promise.all([
-    api('/api/admin/overview'),api(`/api/admin/users?${query}`,undefined,'GET'),api('/api/admin/audit?limit=80',undefined,'GET')
-  ]);
-  if(search!==userFilter.search||status!==userFilter.status||page!==userFilter.page)return;
-  users=userData.users;
-  userFilter.page=userData.page;
-  select('#overview-users').textContent=overview.users;
-  select('#overview-active-users').textContent=overview.activeUsers;
-  select('#overview-suspended-users').textContent=overview.suspendedUsers;
-  select('#overview-expired-users').textContent=overview.expiredUsers;
-  select('#overview-devices').textContent=overview.activeDevices;
-  select('#overview-online').textContent=overview.onlineDevices;
-  select('#admin-status').textContent=`Relay 在线 ${overview.onlineDevices} 台电脑`;
-  select('#user-count').textContent=`${userData.total} 个用户`;
-  const pageCount=Math.max(1,Math.ceil(userData.total/userData.pageSize));
-  select('#users-page').textContent=`第 ${userData.page} / ${pageCount} 页`;
-  select('#users-previous').disabled=userData.page<=1;
-  select('#users-next').disabled=userData.page>=pageCount;
-  renderUsers();
-  select('#audit-list').innerHTML=auditData.events.map(event=>`<div class="audit-row"><time>${new Date(event.createdAt).toLocaleString('zh-CN')}</time><strong>${escapeHtml(event.action)}</strong><span>${escapeHtml(event.actor)} · ${escapeHtml(event.targetId||'')}</span></div>`).join('')||'<p class="user-meta">暂无管理事件。</p>';
-}
-function scheduleUserRefresh(){
-  clearTimeout(refreshTimer);
-  refreshTimer=setTimeout(()=>refresh().catch(error=>flash(error.message)),250);
-}
-function enterApp(){
-  select('#admin-login').hidden=true;
-  select('#admin-app').hidden=false;
-  select('#admin-logout').hidden=false;
-  refresh().catch(error=>flash(error.message));
-}
-async function checkSession(){
-  try{await api('/api/admin/overview');enterApp()}catch{
-    select('#admin-login').hidden=false;
-    select('#admin-app').hidden=true;
-    select('#admin-logout').hidden=true;
-    select('#admin-status').textContent='需要管理员登录';
-  }
-}
-
-select('#admin-login-form').addEventListener('submit',async event=>{
-  event.preventDefault();
-  const button=event.submitter;button.disabled=true;
-  select('#admin-login-error').textContent='';
-  try{await api('/api/admin/login',{token:select('#admin-token').value});select('#admin-token').value='';enterApp()}
-  catch(error){select('#admin-login-error').textContent=error.message}
-  finally{button.disabled=false}
-});
-select('#admin-logout').onclick=async()=>{
-  try{await api('/api/admin/logout',{});location.reload()}
-  catch(error){flash(error.message)}
-};
-select('#refresh-admin').onclick=()=>refresh().catch(error=>flash(error.message));
-select('#user-search').addEventListener('input',event=>{
-  userFilter.search=event.currentTarget.value.trim();
-  userFilter.page=1;
-  scheduleUserRefresh();
-});
-select('#user-status').addEventListener('change',event=>{
-  userFilter.status=event.currentTarget.value;
-  userFilter.page=1;
-  refresh().catch(error=>flash(error.message));
-});
-select('#users-previous').onclick=()=>{
-  userFilter.page=Math.max(1,userFilter.page-1);
-  refresh().catch(error=>flash(error.message));
-};
-select('#users-next').onclick=()=>{
-  userFilter.page++;
-  refresh().catch(error=>flash(error.message));
-};
-select('#create-user-form').addEventListener('submit',async event=>{
-  event.preventDefault();
-  const form=event.currentTarget;
-  const button=event.submitter;button.disabled=true;
-  const values=Object.fromEntries(new FormData(form));
-  values.maxDevices=Number(values.maxDevices);
-  values.expiresAt=values.expiresAt?Date.parse(values.expiresAt):null;
-  if(!values.password)delete values.password;
-  try{
-    const result=await api('/api/admin/users',values);
-    showSecret('用户账号已创建',`请将登录名 ${result.user.username} 和此初始密码通过安全渠道交给用户。`,`${result.user.username}\n${result.initialPassword}`);
-    form.reset();form.elements.plan.value='standard';form.elements.maxDevices.value='2';
-    await refresh();
-  }catch(error){flash(error.message)}
-  finally{button.disabled=false}
-});
-document.addEventListener('click',async event=>{
-  const issue=event.target.closest('[data-issue]');
-  const reset=event.target.closest('[data-reset]');
-  const status=event.target.closest('[data-status]');
-  const device=event.target.closest('[data-device]');
-  try{
-    if(issue){
-      const name=window.prompt('电脑设备名称','我的电脑');
-      if(name===null)return;
-      const result=await api(`/api/admin/users/${encodeURIComponent(issue.dataset.issue)}/devices`,{name});
-      showSecret('电脑代理密钥',`只显示一次。把密钥写入电脑的 ORBIT_RELAY_AGENT_TOKEN。设备 ID：${result.device.id}`,result.agentToken);
-      await refresh();
-    }else if(reset){
-      const password=window.prompt('输入新密码（至少 6 个字符）；留空则自动生成');
-      if(password===null)return;
-      const result=await api(`/api/admin/users/${encodeURIComponent(reset.dataset.reset)}/reset-password`,password?{password}:{});
-      showSecret('新密码已签发','旧用户会话已撤销，请通过安全渠道交付新密码。',result.initialPassword);
-    }else if(status){
-      await api(`/api/admin/users/${encodeURIComponent(status.dataset.status)}`,{status:status.dataset.nextStatus},'PATCH');
-      flash(status.dataset.nextStatus==='suspended'?'用户已停用，在线设备已断开。':'用户已重新启用。');
-      await refresh();
-    }else if(device){
-      await api(`/api/admin/devices/${encodeURIComponent(device.dataset.device)}`,{status:device.dataset.nextStatus},'PATCH');
-      flash(device.dataset.nextStatus==='revoked'?'设备凭证已撤销。':'设备已重新启用。');
-      await refresh();
-    }
-  }catch(error){flash(error.message)}
-});
-document.addEventListener('submit',async event=>{
-  const form=event.target.closest('[data-user-settings]');
-  if(!form)return;
-  event.preventDefault();
-  const button=event.submitter;button.disabled=true;
-  const values=Object.fromEntries(new FormData(form));
-  values.maxDevices=Number(values.maxDevices);
-  values.expiresAt=values.expiresAt?Date.parse(values.expiresAt):null;
-  try{
-    await api(`/api/admin/users/${encodeURIComponent(form.dataset.userSettings)}`,values,'PATCH');
-    flash('用户套餐与额度已更新。');
-    await refresh();
-  }catch(error){flash(error.message)}
-  finally{button.disabled=false}
-});
-select('#copy-secret').onclick=async()=>{
-  try{await navigator.clipboard.writeText(select('#secret-value').value);flash('凭证已复制。')}
-  catch{select('#secret-value').focus();select('#secret-value').select();flash('浏览器未授权剪贴板，请手动复制选中文本。')}
-};
-select('#secret-dialog').addEventListener('close',()=>{select('#secret-value').value=''});
-checkSession();