Quiet,moonlitdialogs.

// 只改外观，不改调用方
<ConfigProvider
  theme={config} // 替换 ConfigProvider 中的 fontFamily → Geist
  modal={{
    centered: true,
    mask: { blur: true },
    closeIcon: <X weight="light" />,
    classNames: {
      root: 'a-dlg', mask: 'a-dlg-scrim',
      container: 'a-dlg-core',
      header: 'a-dlg-head', body: 'a-dlg-body',
      footer: 'a-dlg-foot',
    },
  }}
  popconfirm={{ arrow: false, classNames: { root: 'a-pop' } }}
  popover={{ arrow: false, classNames: { root: 'a-pop' } }}
  dropdown={{ classNames: { root: 'a-menu' } }}
>

export function AluneModal({
  tone = 'info', level = 0, ...props
}: AluneModalProps) {
  return (
    <Modal
      {...props}
      transitionName="alune-dlg"
      okButtonProps={{
        danger: tone === 'danger',
        ...props.okButtonProps,
      }}
      modalRender={(node) => (
        <div className="a-dlg-shell"
             data-tone={tone} data-level={level}>
          {node}
        </div>
      )}
    />
  );
}

// L2：不自动聚焦主按钮，由勾选或输入名称解锁
modal.confirm({
  ...options,
  focusable: { autoFocusButton: null },
});

1. 01
   令牌

   把 --ease-*、--t-*、--tone-* 加入全局令牌；替换 ConfigProvider 中的 fontFamily，用 @fontsource-variable/geist 本地打包字体。

2. 02
   外壳

   接入 ConfigProvider.modal，新增 AluneModal 与 useAluneConfirm，逐个替换 19 处 Modal 和确认调用。

3. 03
   分级

   按第 04 节的矩阵标注 L0 / L1 / L2。L2 增加确认勾选或输入名称，取消默认聚焦主按钮。

4. 04
   轻量层

   Popconfirm、Popover、Dropdown 统一使用 a-pop 皮肤并去掉箭头，补齐预检信息：是否已合并、工作区是否干净、被哪些仓库引用。

5. 05
   反馈与适配

   原生 <dialog> 套用同一套类名和 ::backdrop；加入 ≤ 560 px 面板样式；Playwright 覆盖 Esc、焦点恢复和减弱动效。

• 标题和主按钮用动词，不用「确定」
• L2 不自动聚焦主按钮，需要勾选或输入确认
• Esc 关闭，焦点回到触发元素
• Tab 焦点限制在弹窗内
• 只对 transform 和 opacity 做动画
• 减弱动效时只保留淡入淡出
• backdrop-filter 只用于固定遮罩
• 深浅主题下语气色对比度 ≥ 4.5 : 1
• ≤ 560 px 为底部面板，按钮高 44 px
• 月光蓝 #6e86e8 → #8fe3ee 保持不变