#审批请求

审批请求说明 Agent 为什么需要额外权限，并收集一次有边界的权限决定。策略评估、过期、持久化和批准后的执行由宿主应用负责。

npm install @a3s-lab/ui@0.4.0

<section
  class="approval-request"
  data-state="pending"
  aria-labelledby="approval-title"
>
  <header>
    <div>
      <h2 id="approval-title">允许此命令吗？</h2>
      <p>原因与影响。</p>
    </div>
  </header>
  <section>具体资源、命令、站点或 Capability。</section>
  <form>
    <fieldset>
      <legend>权限范围</legend>
      ...
    </fieldset>
    <footer>...</footer>
  </form>
</section>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

#用法

<section
  class="approval-request"
  data-state="pending"
  aria-labelledby="approval-title"
>
  <header>
    <div>
      <h2 id="approval-title">允许此命令吗？</h2>
      <p>原因与影响。</p>
    </div>
  </header>
  <section>具体资源、命令、站点或 Capability。</section>
  <form>
    <fieldset>
      <legend>权限范围</legend>
      ...
    </fieldset>
    <footer>...</footer>
  </form>
</section>

#HTML 结构

#状态与变体

只渲染策略实际允许的范围。结束状态应把决策控件替换为不可变的结果文本、操作人和时间。如果审批在控件聚焦期间过期，保留说明，禁用失效控件，并播报需要重新请求。

组件不发送策略事件。所选范围使用原生 submit，拒绝或取消使用普通按钮事件。应用可以取消 Submit 以执行异步决策。

#可访问性

用可见标题命名请求，并通过 aria-labelledby 与根节点关联。在任何选项之前明确说明资源、目标环境、实际影响和可恢复性；范围使用带 legend 的原生单选组。安全默认值应是最窄的一次性范围，不能预选永久授权。只有请求确实阻塞当前任务时才把焦点移到标题；非阻塞请求只播报到达，不抢夺焦点。审批过期或失败时保留上下文、禁用旧控件并提供重新请求路径。宿主负责策略评估、授权持久化、审计和批准后的执行，组件不能把按钮点击等同于权限已经生效。