You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
5.6 KiB
123 lines
5.6 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title data-i18n="console.meta.title">Popi.art Console</title>
|
|
<meta name="description" data-i18n-content="console.meta.description" content="Popi.art 控制台静态页原型。" />
|
|
<link rel="stylesheet" href="./skillhub_assets/site.css" />
|
|
<script src="./skillhub_assets/site.js" defer></script>
|
|
</head>
|
|
<body data-page="console">
|
|
<div class="site-shell">
|
|
<header class="site-header site-header-console">
|
|
<a class="site-brand" href="./skillhub_index.html">
|
|
<span class="site-brand-dot"></span>
|
|
<span>Popi<span class="accent">.art</span></span>
|
|
</a>
|
|
<nav class="site-nav">
|
|
<a href="./skillhub_index.html" data-i18n="common.nav.home">首页</a>
|
|
<a href="./skillhub_docs.html" data-i18n="common.nav.docs">文档</a>
|
|
<a href="./skillhub_skills.html" data-i18n="common.nav.skills">技能页</a>
|
|
<a class="is-active" href="./skillhub_console.html" data-i18n="common.nav.console">控制台</a>
|
|
<a href="./skillhub_pricing.html" data-i18n="common.nav.pricing">定价</a>
|
|
</nav>
|
|
<div class="site-actions site-actions-console">
|
|
<a class="locale-link" href="./skillhub_console.html" data-locale-toggle data-i18n="common.localeToggle">中文</a>
|
|
<div class="profile-chip">
|
|
<span class="profile-avatar"></span>
|
|
<span>creator_010007288</span>
|
|
</div>
|
|
<a class="locale-link" href="./skillhub_login.html" data-i18n="common.logout">登出</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="site-main">
|
|
<div class="page-stack">
|
|
<section class="console-dashboard">
|
|
<div class="console-heading" data-i18n-html="console.heading">
|
|
<h1>控制台</h1>
|
|
<p>管理产品层 Key、查看 Credits 用量、快速安装。</p>
|
|
</div>
|
|
|
|
<div class="console-stats-grid">
|
|
<article class="console-stat-card" data-i18n-html="console.stat1">
|
|
<div class="console-stat-label">剩余 Credit</div>
|
|
<strong>0</strong>
|
|
<span>总计 0 Credit</span>
|
|
</article>
|
|
<article class="console-stat-card" data-i18n-html="console.stat2">
|
|
<div class="console-stat-label">已使用</div>
|
|
<strong>0</strong>
|
|
<span>本月累计消耗</span>
|
|
</article>
|
|
<article class="console-stat-card" data-i18n-html="console.stat3">
|
|
<div class="console-stat-label">调用次数</div>
|
|
<strong>0</strong>
|
|
<span>本月 CLI / API 调用</span>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="console.apiHeading">
|
|
<h2>API 密钥</h2>
|
|
</div>
|
|
|
|
<article class="secret-panel" data-i18n-html="console.secrets">
|
|
<div class="secret-row">
|
|
<div class="secret-copy">
|
|
<div class="secret-label">POPIART_KEY</div>
|
|
<div class="secret-value" id="console-key-value">pk_559196••••••••••••••••••••••••</div>
|
|
</div>
|
|
<button class="button button-secondary" data-copy-target="console-key-value" type="button">复制</button>
|
|
</div>
|
|
|
|
<div class="secret-divider"></div>
|
|
|
|
<div class="secret-row">
|
|
<div class="secret-copy">
|
|
<div class="secret-label">POPIART_TOKEN</div>
|
|
<div class="secret-value" id="console-endpoint-value">pk_559196••••••••••••••••••••••••</div>
|
|
</div>
|
|
<button class="button button-secondary" data-copy-target="console-endpoint-value" type="button">复制</button>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="console.installHeading">
|
|
<h2>快速安装指令</h2>
|
|
</div>
|
|
|
|
<article class="console-install-card" data-i18n-html="console.installCard">
|
|
<div class="code-head">
|
|
<span>Quick Install</span>
|
|
<button class="button copy-button" data-copy-target="console-install-command" type="button">复制</button>
|
|
</div>
|
|
<pre><code id="console-install-command">brew tap wtgoku-create/popi
|
|
brew install wtgoku-create/popi/popiart
|
|
export POPIART_KEY="pk_559196_demo"
|
|
export POPIART_ENDPOINT="https://api.creatoragentos.io/v1"
|
|
popiart bootstrap --agent codex --discoverable</code></pre>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="footer-grid">
|
|
<div>
|
|
<strong data-i18n="console.footer.title">Popi.art Console Prototype</strong>
|
|
<div class="footer-subtitle" data-i18n-html="console.footer.subtitle">控制台布局深度参考 `open-claw`，配置项与安装命令改写自 `popiartcli`。</div>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="./skillhub_index.html" data-i18n="common.nav.home">首页</a>
|
|
<a href="./skillhub_login.html" data-i18n="common.login">登录</a>
|
|
<a href="./skillhub_pricing.html" data-i18n="common.nav.pricing">定价</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|