Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions docs/user-stories.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
> **v1.15(2026-08-17)· A 视觉美化(rant `2026-08-17T15:50:05`).** 侧边栏导航 emoji → **统一内联 SVG 线性图标**(同尺寸、currentColor、hover/active 态);卡片 hover 微交互(阴影/边框轻提升);表格斑马纹 + 行 hover 高亮;**空状态组件**(图标 + 文案 + 行动按钮:市场清除筛选 / 共享上架新 key / 设置生成 key / 部门清除搜索);状态徽章加**语义色点**(ok/warn/danger/dim 一眼可辨);响应式加固(窄屏侧边栏折叠配合 SVG 图标、表格横向滚动)。
>
> **v1.16(2026-08-17)· B 交互(UE)优化(rant `2026-08-17T15:50:05`).** **toast 分级**(成功 success / 错误 error / 信息 info,39 个调用点全部分级着色);**按钮 loading 态**(充值 / 加额 / 部门确认 / 上架提交 → 转圈 + 禁用,模拟反馈后恢复);**API Key 复制反馈**(复制后按钮短暂变「已复制 ✓」,1.2s 恢复,降级路径「请 Ctrl+C」);**键盘可达**(充值金额 / 加额金额·原因 / 部门名称·配额 Enter 提交;topup/raise/dept 行内卡片 Esc 关闭;打开时自动聚焦)。**rant 15:50:05 全部验收项满足,UI 美化与 UE 优化波收官(PR #38/#39/#40,docs v1.14→v1.16)。**
> **v1.17(2026-08-17)· 多角度 UI/UE 深化(rant `2026-08-17T16:57:17`,分批 PR).** **A. 清除原生弹窗 ✓(PR #41)**:约 5 处原生确认/输入弹窗(key 删除、共享下架、部门删除、API Key 新建/改名、运营者/成员充值)全部改为**行内二次确认**(按钮变「确认删除?」红色态,3 秒无操作或 Esc 还原,再次点击执行)与**行内编辑**(行内展开输入框,Enter 确认 / Esc 取消);抽象可复用 `confirmInline` / `inlineForm` 组件全站统一;`grep ui/` 无原生弹窗残留。其余 B–G(相对时间、数字列对齐、`:focus-visible` 与快捷键、行内校验错误、视图过渡、细节一致性)分批落地。
> **v1.12(2026-08-17)· 移除「组织设置 Organization settings」表单.** 组织管理页只保留部门列表(部门 CRUD + 每月点数分配),删除底部「组织设置」表单(组织名称 / 默认成员配额 / 开关)。「关闭外部注册」属**部署配置项,不在 UI 中设置**(US-16 标注);「成员自助申请加额需管理员审批」开关移除后,申请加额流程**默认需审批**(US-20 说明)。
> **v1.11(2026-08-17)· 管理视图移除独立「Key 池」管理,统一走「上架 key」.** 管理员与普通用户一样通过**共享管理页「上架新 key」**(选厂商 → Plan → 模型、填 key、声明额度、可用时间段)配置上游 key——企业场景下管理员上架、员工消费,本质上就是 key 池;不再有独立的管理员 Key 池界面。移除 Admin「Key 池」tab(成员管理 / 用量报表 / 组织管理 / 平台运营保留)。「Key 池」保留为**数据层概念**(平台持有的上游 key 集合,见 docs/architecture.md 4.2)。更新 US-12 / 企业流程 / 对齐表。
> **v1.10(2026-08-17)· 上架表单"可用时间段"结构化.** 上架 key 的可用时间段改为**正式字段**(星期多选 + 起止时间,可多选;留空 = 全天不限),后端可解析生效;**备注只作纯文本**,不承载任何逻辑。共享列表展示可用时间段(如「周一~周五 09:00-18:00」),未设置显示「全天」。更新 US-8 / US-9 AC。
Expand Down Expand Up @@ -46,6 +47,7 @@
- **P0 高频 ✓**:上架表单(`#share-form-card` 行内卡片)、部门添加/编辑(`#dept-form-card` 行内卡片)
- **P1 ✓(2026-08-17)**:充值(`#topup-card` 行内卡片,替代 topup-modal)、申请加额(`#raise-card` 行内卡片,替代 raise-modal)——钱包页点按钮原地展开,两卡互斥
- **P2**:模型消费聊天(chat-modal → 独立页或行内面板,待后续迭代)
- **原生弹窗清零 ✓(rant `2026-08-17T16:57:17` A,v1.17)**:删除/下架/部门删除等确认一律走**行内二次确认**(按钮变「确认删除?」红色态,3 秒无操作或 Esc 还原);新建/改名/充值等输入一律走**行内编辑**(输入框 Enter 确认 / Esc 取消);抽象复用 `confirmInline` / `inlineForm` 组件,`grep ui/` 无原生 confirm/prompt 残留。
- 该原则约束后续所有 UI 演化;与 UI 原型(`ui/`)对齐。

### 核心机制(Core mechanism)
Expand Down
5 changes: 5 additions & 0 deletions ui/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,11 @@ ui/
- **复制反馈**:API Key 复制后按钮短暂变「已复制 ✓」(1.2s 恢复);降级路径显示「请 Ctrl+C」;
- **键盘可达**:行内表单 Enter 提交、Esc 关闭行内卡片、打开时自动聚焦焦点。

## 行内组件约定(v1.17,rant 2026-08-17T16:57:17 A 清除原生弹窗)

- **禁用原生弹窗**:`grep ui/` 不得出现原生 confirm/prompt 调用;确认走 `confirmInline(btn, onConfirm, text)`(按钮变「确认删除?」红色态 `.confirming`,3 秒无操作或 Esc 还原,再次点击执行),输入走 `inlineForm(cell, opts)`(行内展开 input + 确认/取消,Enter 确认 / Esc 取消,`opts.validate` 返回错误文案时 toast + 重新聚焦);
- 已覆盖:key 删除、共享下架、部门删除(confirmInline);API Key 新建/改名、运营者充值、成员充值(inlineForm);新建 key 行内输入框在 `#ak-new-inline`(Enter/Esc 绑定)。

## 数据说明

- 点数规则与机制细节见 `docs/user-stories.md`(v1.8:机制说明不再进入面向用户的界面文案);UI 只呈现结果(余额数字、模型价格点数、交易金额/类型/状态、可用/繁忙)
Expand Down
11 changes: 11 additions & 0 deletions ui/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,17 @@ body {
.btn-block { width: 100%; }
.btn:disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }

/* 行内二次确认(rant 16:57:17 A:按钮变「确认删除?」红色态,3 秒无操作还原) */
.btn.confirming {
background: rgba(229, 102, 106, 0.15);
border-color: var(--danger);
color: #ff9d9f;
font-weight: 700;
}
/* 行内编辑容器(输入框 + 确认/取消,Enter 确认 / Esc 取消) */
.inline-edit { display: inline-flex; gap: 6px; align-items: center; vertical-align: middle; }
.inline-edit .input { width: auto; }

.input, select.input {
width: 100%;
background: var(--bg-soft);
Expand Down
6 changes: 6 additions & 0 deletions ui/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -291,6 +291,12 @@ <h3>API Key <span class="en">API keys</span></h3>
</table>
</div>
<button class="btn btn-ghost" id="new-api-key-btn">生成新 Key <span class="en">(Generate)</span></button>
<!-- 行内新建 key(rant 16:57:17 A:替代原生输入弹窗,Enter 确认 / Esc 取消) -->
<span class="inline-edit" id="ak-new-inline" hidden>
<input id="ak-new-name" class="input" placeholder="key 名字(留空默认「未命名」)" style="max-width:260px;padding:6px 10px">
<button type="button" class="btn btn-primary" id="ak-new-ok">确认 <span class="en">(OK)</span></button>
<button type="button" class="btn btn-ghost" id="ak-new-cancel">取消 <span class="en">(Cancel)</span></button>
</span>
</div>
<div class="card-grid settings-grid">
<div class="card">
Expand Down
Loading
Loading