56 lines
3.6 KiB
HTML
56 lines
3.6 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN" data-theme="light">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="theme-color" content="#f5f8fc">
|
||
<meta name="description" content="蝶雅产品AI中心，产品部智能工作台。">
|
||
<title>蝶雅产品AI中心</title>
|
||
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
|
||
<link rel="stylesheet" href="./src/styles.css">
|
||
<link rel="stylesheet" href="./src/stats.css">
|
||
</head>
|
||
<body>
|
||
<a class="skip-link" href="#main">跳转到智能体列表</a>
|
||
<div class="app-shell">
|
||
<div class="background-grid" aria-hidden="true"></div>
|
||
<header class="header">
|
||
<a class="brand" href="./" aria-label="蝶雅产品AI中心首页">
|
||
<span class="brand-logo" aria-hidden="true">◇</span>
|
||
<span><strong>蝶雅产品AI中心</strong><small>PRODUCT AI WORKSPACE</small></span>
|
||
</a>
|
||
<nav class="nav" aria-label="主导航">
|
||
<button class="nav-icon" type="button" aria-label="打开新的工作台标签页" title="打开新的工作台标签页">+</button>
|
||
<button class="nav-link active" type="button" data-view="home">智能体广场</button>
|
||
<button class="nav-link" type="button" data-view="stats">使用统计</button>
|
||
<a class="nav-link" href="#feedback">问题反馈</a>
|
||
<div class="theme-switch" role="group" aria-label="选择主题">
|
||
<button class="theme-button active" type="button" data-theme="light" aria-label="浅色主题" aria-pressed="true">☼</button>
|
||
<button class="theme-button" type="button" data-theme="dark" aria-label="深色主题" aria-pressed="false">☾</button>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<main id="main" class="main" tabindex="-1">
|
||
<section id="home-view" aria-labelledby="page-title">
|
||
<section class="intro">
|
||
<p class="eyebrow">PRODUCT AI CENTER</p>
|
||
<h1 id="page-title">选择智能体</h1>
|
||
<p class="intro-description">选择需要使用的产品工具，立即开始工作。</p>
|
||
</section>
|
||
<section id="agent-grid" class="agent-grid" aria-label="产品部智能体列表"></section>
|
||
<section id="empty-state" class="empty-state" hidden aria-live="polite">暂无可用的产品工具。</section>
|
||
</section>
|
||
<section id="stats-view" class="stats-view" hidden aria-labelledby="stats-title">
|
||
<div class="stats-heading"><div><p class="eyebrow">USAGE ANALYTICS</p><h1 id="stats-title">使用统计</h1><p class="intro-description">记录每次打开工作台的使用情况。</p></div><button id="refresh-stats" class="refresh-button" type="button">刷新数据</button></div>
|
||
<div class="stats-cards"><article class="stat-card"><span>累计打开次数</span><strong id="stats-total">--</strong></article><article class="stat-card"><span>统计范围</span><strong id="stats-scope">产品部工具</strong></article><article class="stat-card"><span>最近更新</span><strong id="stats-updated">--</strong></article></div>
|
||
<div class="stats-table-wrap"><table class="stats-table"><thead><tr><th>工作台</th><th>访问次数</th><th>入口状态</th></tr></thead><tbody id="stats-table-body"></tbody></table></div>
|
||
<p id="stats-error" class="stats-error" hidden>统计服务暂时不可用，请确认后端服务已启动。</p>
|
||
</section>
|
||
<footer class="footer"><span>蝶雅产品AI中心</span><span>连接产品 · 提升效率</span></footer>
|
||
</main>
|
||
</div>
|
||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||
<script type="module" src="./src/main.mjs"></script>
|
||
</body>
|
||
</html>
|