agent-Specialization/website-design/v3-terminal/index.html
JOJO 39a7a5fc6f chore(website): 归档官网文档内容与设计素材
- website-content/:官网 10 篇文档内容 + README
- website-design/:官网设计稿、动画实验、预览图与资源
- 根目录官网截图两张
- .gitignore 忽略 website-design/exp/static/dist 构建产物(7.1MB)
2026-09-02 14:38:51 +08:00

185 lines
9.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ASTRION(1) — 自托管智能体工作台</title>
<meta name="description" content="Astrion 是开源、自托管的智能体工作台:普通对话、多智能体团队、工作流与技能包,全部运行在你的机器上。" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class="page">
<!-- ===== 顶部条man page 风格 ===== -->
<header class="manbar mono">
<span>ASTRION(1)</span>
<span class="manbar-c">General Commands Manual</span>
<span>ASTRION(1)</span>
</header>
<!-- ===== Hero手册页 ===== -->
<section class="hero">
<div class="hero-row">
<svg class="hero-mark" viewBox="0 0 200 200" aria-hidden="true">
<path class="hex" d="M 175.959,107.000 Q 180.000,100.000 175.959,93.000 L 144.041,37.718 Q 140.000,30.718 131.917,30.718 L 68.083,30.718 Q 60.000,30.718 55.959,37.718 L 24.041,93.000 Q 20.000,100.000 24.041,107.000 L 55.959,162.282 Q 60.000,169.282 68.083,169.282 L 131.917,169.282 Q 140.000,169.282 144.041,162.282 Z"/>
<line class="eye" x1="84" y1="85" x2="84" y2="107" />
<line class="eye" x1="116" y1="85" x2="116" y2="107" />
</svg>
<div>
<h1 class="hero-title">astrion</h1>
<p class="hero-tag">星尘聚合,即成智能体。— 开源、自托管、数据不出本机。</p>
</div>
</div>
<div class="man-sec">
<h2 class="mono">NAME</h2>
<p class="indent">astrion — 住在你机器上的智能体团队:普通对话、多智能体团队、工作流、技能包。</p>
</div>
<div class="man-sec">
<h2 class="mono">SYNOPSIS</h2>
<div class="indent">
<div class="install-tabs mono">
<button class="it active" data-tab="host">host</button>
<button class="it" data-tab="docker">docker</button>
</div>
<pre class="code mono" id="qsHost"><code><span class="cmt"># 克隆并初始化(向导:模式 → 端口 → 管理员 → 模型)</span>
git clone https://github.com/JOJO6618/astrion.git
cd astrion && ./setup.sh
<span class="cmt"># 构建前端并启动 → http://localhost:8091</span>
npm install && npm run build
python -m server.app</code><button class="copy-btn mono" data-copy="git clone https://github.com/JOJO6618/astrion.git && cd astrion && ./setup.sh">copy</button></pre>
<pre class="code mono hidden" id="qsDocker"><code><span class="cmt"># host 步骤之上,多一步构建沙箱镜像</span>
docker build -f docker/terminal.Dockerfile -t my-agent-shell:latest .
<span class="cmt"># .env</span>
TERMINAL_SANDBOX_MODE=docker
TERMINAL_SANDBOX_IMAGE=my-agent-shell:latest</code><button class="copy-btn mono" data-copy="docker build -f docker/terminal.Dockerfile -t my-agent-shell:latest .">copy</button></pre>
</div>
</div>
<div class="man-sec">
<h2 class="mono">FORMS</h2>
<p class="indent">[*] Web 界面&nbsp;&nbsp;&nbsp;&nbsp;[*] CLI开发中&nbsp;&nbsp;&nbsp;&nbsp;[*] Android</p>
</div>
</section>
<hr class="rule" />
<!-- ===== 核心概念 ===== -->
<section class="sec" id="modes">
<h2 class="mono sec-h">CONCEPTS <span class="sec-note">— 四组正交开关,定义行为边界(可点击)</span></h2>
<div class="mode-board">
<div class="mode-group mono" data-group="deploy">
<span class="mg-label">部署模式</span>
<button class="mg-opt active" data-v="host">host</button>
<button class="mg-opt" data-v="docker">docker</button>
</div>
<div class="mode-group mono" data-group="permission">
<span class="mg-label">权限模式</span>
<button class="mg-opt" data-v="readonly">只读</button>
<button class="mg-opt active" data-v="approval">批准</button>
<button class="mg-opt" data-v="auto">自动审核</button>
<button class="mg-opt" data-v="unrestricted">无限制</button>
</div>
<div class="mode-group mono" data-group="exec">
<span class="mg-label">执行环境</span>
<button class="mg-opt active" data-v="sandbox">沙箱</button>
<button class="mg-opt" data-v="direct">直连</button>
</div>
<div class="mode-group mono" data-group="work">
<span class="mg-label">运行模式</span>
<button class="mg-opt active" data-v="plan">计划</button>
<button class="mg-opt" data-v="ask">询问</button>
<button class="mg-opt" data-v="execute">执行</button>
</div>
<p class="mode-verdict mono" id="modeVerdict"></p>
</div>
</section>
<hr class="rule" />
<!-- ===== 产品实拍 ===== -->
<section class="sec">
<h2 class="mono sec-h">SCREENSHOT <span class="sec-note">— 经典主题主界面</span></h2>
<figure class="shot">
<img src="assets/product-main-classic.png" alt="Astrion 经典主题主界面" />
<figcaption class="mono">fig.1 — 输入栏底行即控制台:对话类型 / 运行模式 / 权限 / 执行环境</figcaption>
</figure>
</section>
<hr class="rule" />
<!-- ===== 能力清单 ===== -->
<section class="sec" id="features">
<h2 class="mono sec-h">FEATURES <span class="sec-note">— 一支团队,而不只是一个对话框</span></h2>
<ul class="flist">
<li><span class="mk mono">[*]</span><b>多智能体团队</b><span class="desc">Team Leader 率领角色团队协作;预置 5 角色(全栈 / 评审 / 调研 / UI 操作 / 头脑风暴),可自建。</span></li>
<li><span class="mk mono">[*]</span><b>三层资产安全网</b><span class="desc">版本控制按消息打检查点;修改留痕落盘可 git apply 恢复的 diffGit 状态栏实时盯梢。</span></li>
<li><span class="mk mono">[*]</span><b>快捷窗口</b><span class="desc">待办 / 子智能体 / 后台命令 / 文件记录 / 工作流,五窗实时看板。</span></li>
<li><span class="mk mono">[*]</span><b>工作流与技能包</b><span class="desc">内置 4 个工作流、12 个技能包;流程与经验皆可沉淀复用。</span></li>
<li><span class="mk mono">[*]</span><b>目标模式 <i class="tag-beta mono">BETA</i></b><span class="desc">给出长期目标,自动逐轮推进,审核智能体把关,触顶或达成才停。</span></li>
<li><span class="mk mono">[*]</span><b>MCP 扩展</b><span class="desc">接入任意 MCP 工具服务host 模式下对它说一句「帮我配置 xxx」即可装好。</span></li>
</ul>
</section>
<hr class="rule" />
<!-- ===== 安全 ===== -->
<section class="sec" id="security">
<h2 class="mono sec-h">SECURITY <span class="sec-note">— 安全这件事,我们说实话</span></h2>
<table class="stable mono">
<thead>
<tr><th>平台</th><th>沙箱实现</th><th>安全水位</th></tr>
</thead>
<tbody>
<tr><td>Windows</td><td>WSL2</td><td>[OK]&nbsp;&nbsp; 完全数据隔离,需先安装 WSL2</td></tr>
<tr><td>macOS</td><td>sandbox-exec</td><td>[WARN] 可限制写入;全局可读,无法防止数据泄露</td></tr>
<tr><td>Linux</td><td>bwrap+seccomp</td><td>[UNTESTED] 尚未实测,请勿依赖其隔离性</td></tr>
</tbody>
</table>
<p class="sec-foot">叠加路径授权最小化 + 网络受限 + 批准模式,才是完整防护姿势。</p>
</section>
<hr class="rule" />
<!-- ===== 文档地图 ===== -->
<section class="sec">
<h2 class="mono sec-h">SEE ALSO</h2>
<ul class="seealso mono">
<li><a href="#">快速上手(1)</a></li>
<li><a href="#">核心概念(2)</a></li>
<li><a href="#">对话(3)</a></li>
<li><a href="#">输入与上下文(4)</a></li>
<li><a href="#">执行与安全(5)</a></li>
<li><a href="#">对话资产管理(6)</a></li>
<li><a href="#">智能体能力(7)</a></li>
<li><a href="#">快捷窗口(8)</a></li>
<li><a href="#">个人空间设置(9)</a></li>
<li><a href="#">CLI(10)</a></li>
</ul>
</section>
<!-- ===== Footer ===== -->
<footer class="footer mono">
<div class="foot-row">
<span>© 2026 Astrion · Open Source</span>
<span class="foot-links">
<a href="https://github.com/JOJO6618/astrion" target="_blank" rel="noopener">GitHub [↗]</a>
<a href="#">文档</a>
<a href="#">更新日志</a>
</span>
</div>
<p class="foot-line">星之子,星际粒子。把人类意图传递到工具、文件与终端之间。</p>
<p class="foot-man">ASTRION(1) · 2026-08 · 第 1 版</p>
</footer>
</div>
<script src="js/main.js"></script>
</body>
</html>