@runlume/admin-ui 0.1.0

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/NOTICE

@@ -0,0 +1,7 @@
+Runlume Admin Design
+Copyright 2026 Runlume
+
+本产品包含由 Runlume 开发的软件，并以 Apache License 2.0 授权（见 LICENSE）。
+
+第三方依赖与字体各自遵循自身协议：完整清点与许可文本见 public/licenses/，
+分发 dist 等构建产物时需一并保留其中的 licenses 目录。

package/README.en.md

@@ -0,0 +1,171 @@
+<a href="https://runlume.app">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="public/brand/wordmark-dark.svg" />
+  <img src="public/brand/wordmark-light.svg" alt="Runlume" width="220" />
+</picture>
+</a>
+
+# Admin Frontend
+
+[![License](https://img.shields.io/github/license/runlume/admin-design?style=flat-square&label=license&color=blue)](LICENSE)
+[![Version](https://img.shields.io/github/package-json/v/runlume/admin-design?style=flat-square&label=version&color=007ec6)](https://github.com/runlume/admin-design/releases)
+[![Stack](https://img.shields.io/badge/React%2019%20%C2%B7%20TypeScript%20%C2%B7%20Vite%20%2B%20Tailwind-1f6feb?style=flat-square)](docs/guide/intro.md)
+[![Checks](https://img.shields.io/badge/pnpm%20check-passing-2ea44f?style=flat-square)](#verification)
+
+Site: <https://adesign.runlume.app> · Docs: <https://adoc.runlume.app> · Live demo: <https://ago.runlume.app> · [中文](README.md)
+
+The "standard admin" template extracted from the [Runlume](https://runlume.app) platform frontend: semantic tokens, the app shell, shared
+components, standard page types and a full component gallery. A product team only has to plug in its own menu,
+copy, identity and APIs — the interface language, interaction details and visual rules come from this one copy.
+
+Its backend counterpart is [Standard Admin Backend](https://github.com/runlume/admin-java): wired for the platform
+integration SDK with local user management and sign-in, providing the API contract, sessions, permissions, tenant
+isolation and platform integration.
+
+React 19 + TypeScript + Vite + Tailwind CSS + Radix UI, with **no chart library, UI framework or component-kit
+dependency** (charts and motion are hand-drawn SVG / CSS).
+
+## Quick start
+
+Node.js 24 and pnpm 11.21.0. Only `pnpm-lock.yaml` is maintained — do not mix in npm or yarn.
+
+```bash
+pnpm install
+pnpm dev            # http://localhost:3200
+pnpm build          # output in dist/
+pnpm preview        # http://localhost:3201 to preview the build
+```
+
+## Use as an npm component library
+
+The base controls are also built as `@runlume/admin-ui`; the complete template and demo app remain in this
+repository. After the package is published, install it with:
+
+```bash
+pnpm add @runlume/admin-ui
+```
+
+```tsx
+import { Button, Table } from '@runlume/admin-ui'
+import '@runlume/admin-ui/styles.css'
+```
+
+The package requires React 19. Maintainers run `pnpm pack --dry-run` before publishing; it rebuilds
+`dist-package/` and lists the exact package contents. Brand assets, example pages, app sessions, and notification
+state are not part of the library exports.
+
+For a release, run `docs/scripts/publish-admin-ui-npm.sh`. It collects a npm Granular Access Token with
+`Bypass 2FA` through a hidden macOS dialog and never stores the credential in the repository or normal logs.
+
+`pnpm dev` prints a branded banner once per process and lists both the Local and Network URLs
+(`server.host: true`, so a phone on the same network can open the Network address). Brand copy lives in
+`src/lib/brand-info.ts`, the terminal banner in `scripts/banner.ts`, and the F12 console output in
+`src/lib/brand-console.ts`.
+
+## Verification
+
+```bash
+pnpm typecheck                 # tsc -b
+pnpm lint                      # oxlint
+pnpm test                      # Vitest (unit / component)
+pnpm test:e2e                  # Playwright (real browser)
+pnpm check                     # the four above + production build
+```
+
+Screenshot review (not a regression suite, skipped by default):
+
+```bash
+SCREENSHOTS=1 pnpm test:e2e    # screenshots land in /tmp/admin-design-shots
+```
+
+When several people or sessions run Playwright in parallel, isolate the output directory with
+`pnpm test:e2e -- --output=/tmp/pw-admin-out` to avoid sharing `test-results/` and hitting false failures.
+
+## Documentation site
+
+`docs/` is a standalone VitePress site (`vitepress` is a devDependency only and never ships with the app),
+structured as `index.md` + `guide/` (guides) + `components/` (component reference):
+
+```bash
+pnpm docs:dev      # http://localhost:3210
+pnpm docs:build    # output in docs/.vitepress/dist, dead links fail the build
+pnpm docs:preview  # http://localhost:3211 to preview the built docs
+```
+
+The docs site reuses brand assets through the `docs/public/brand` symlink pointing at `public/brand`, so
+rebranding is a single change.
+
+## Project structure
+
+```text
+src/
+├── app/            # Shell wiring: routes, layout, providers, example menu
+├── components/     # Shared components (shell, page parts, charts, settings panels)
+│   └── ui/         # Base controls (button/input/table/tabs/dialog…)
+├── hooks/          # Shared hooks
+├── lib/            # Pure logic: appearance, i18n, tree, pager, metrics, table prefs…
+├── pages/          # Standard page types: dashboard, list, detail, settings, notifications, auth
+│   └── design-system/  # Component gallery, split by category (below)
+└── test/           # All tests: unit / components / e2e
+```
+
+## Component gallery
+
+Everything sits under the "Design system" sidebar group, split by category, and every control is interactive:
+
+| Page                | Path                        | Contents                                                                                                                            |
+| ------------------- | --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
+| Overview            | `/design-system`            | Brand, semantic palette, category entry points                                                                                      |
+| Basic controls      | `/design-system/basic`      | Button, input, select, checkbox, tag, progress, number field, slider, scroll area, collapsible                                      |
+| Forms & pickers     | `/design-system/form`       | Forms, date-time, OTP, password strength, combobox, cascader, multi-select, upload, mention                                         |
+| Data display        | `/design-system/data`       | Table (sort, columns, density, pinned, expandable rows, virtual scroll), tree, tree table, descriptions, timeline, layout container |
+| Feedback & overlays | `/design-system/feedback`   | Alert, dialog, sheet, confirm, menus, tooltip, multi-step loader, context menu, hover card, states                                  |
+| Navigation & flows  | `/design-system/navigation` | Breadcrumb, tabs, steps, shortcuts, page entry points                                                                               |
+| Metrics & charts    | `/design-system/metrics`    | Metric cards, line, column, donut, mini bars, bar list, heatmap, radar, funnel, gantt, code block                                   |
+| Icons               | `/design-system/icons`      | Full lucide set (lazy loaded), click to copy the component name                                                                     |
+| Theme & settings    | `/design-system/theme`      | Palette, notification preferences, accessibility, brand                                                                             |
+
+Component capabilities, props and usage live in the docs site: [components/](docs/components/index.md)
+(or run `pnpm docs:dev`).
+
+## Using this as a template
+
+1. **Copy the whole directory** into your product repository and rename `package.json` `name`.
+2. **Swap the menu**: edit `src/app/navigation.ts` (`navigation` plus the `paths` of `navigationGroups` decide groups and order). Menus may also come from a backend — see `src/app/remote-menu.ts`.
+3. **Swap identity**: replace `demoAccounts` in `src/app/session.ts` with your session data, and make the sign-out callback call your identity service.
+4. **Wire APIs**: replace the sample data (`src/pages/sample-data.ts`, `src/lib/notifications.ts`) with real queries, and use `LoadingState` / `EmptyState` / `ErrorState` for the three boundary states.
+5. **Swap copy**: `src/lib/i18n.ts` is the single language entry; Chinese and English must stay in sync. Menu items may start as plain text — unregistered keys render as-is.
+6. **Swap brand**: overwrite `mark.svg`, `mark-dark.svg`, `wordmark-light.svg`, `wordmark-dark.svg` in `public/brand/`; no component changes needed.
+7. **Swap environment variables**: in `.env.development` / `.env.production` / `.env.test`, set `VITE_APP_TITLE`, `VITE_APP_STORAGE_PREFIX` (storage prefix — always change it), `VITE_APP_PLATFORM_WEB_BASEURL` (terminal banner, console output, sidebar link), `VITE_APP_DISABLE_DEVTOOL`, `VITE_BUILD_SOURCEMAP` and `VITE_BUILD_COMPRESS` (pre-compression, off by default).
+
+## Key conventions
+
+- **Semantic tokens only for color**: `bg-card`, `text-muted-foreground`, `border-border`, `text-success` … Semantic colors (success / warning / info / danger) stay separate from the brand color (`brand-lime`).
+- **Light and dark, six palettes**: `palettes.css` (presets) + `custom-palettes.css` (base color × theme color) + `accessibility.css` (high contrast, grayscale, color-weak).
+- **Preferences stay in the browser**: theme, palette, accessibility, notifications, header action order, sidebar width/radius/animation/layout mode, table column widths, filter presets and shortcuts live in `localStorage`, all keyed with `VITE_APP_STORAGE_PREFIX`.
+- **Menus can come from the backend**: replace `fetchRemoteMenu()` in `src/app/remote-menu.ts`; items support **nesting (`children`)**, **external links with an open mode (new window / same window / iframe)**, icon names, i18n keys, ordering, `hidden` and permission codes. Dynamic pages must be registered locally (`src/app/remote-pages.tsx`) — the API can only reference them, never add new ones.
+- **Two test accounts**: the sign-in page fills `admin` (`*` — everything) and `test` (restricted) so you can see menus, route guards and button permissions differ.
+- **Frontend permissions in three places**: menus are filtered, routes fall back to 403 through `RequirePermission`, buttons hide or disable through `<Can>`; codes support `*` and `<namespace>.<resource>.*`.
+- **Accessibility**: everything is keyboard reachable, dialogs manage focus, tables/trees/controls carry ARIA attributes, and semantic contrast is asserted at WCAG AA in Playwright.
+- **Zero-dependency charts**: line/column/donut/mini/heatmap/radar/funnel/gantt are hand-drawn in `src/components/charts.tsx` and `column-chart.tsx`; when you need more, draw it or add a library on the business side.
+
+## Boundaries of the sample data
+
+- Dashboard metrics, customers, orders, notifications and org units are **in-memory sample data** — a refresh resets them, including notification read state (only preferences persist).
+- Sign-in / register / forgot-password demonstrate the form and validation only, with **no identity service**; sign-out just navigates.
+- Upload, mention, shortcuts and table virtual scrolling already expose their seams (`uploader`, `onMove`, `loadChildren`, `virtual`), so wiring the real implementation means replacing a callback.
+
+## Not included
+
+Authentication and sessions, an API client and error codes, the permission model, chart libraries, decorative
+marketing motion, and heavy capabilities such as QR codes / syntax highlighting / Iconify icon packs.
+
+Authentication and sessions, the API client and error codes, and the permission model are provided by
+[Standard Admin Backend](https://github.com/runlume/admin-java).
+
+## License
+
+[Apache-2.0](LICENSE), Copyright 2026 Runlume. Copy it into commercial products freely — just keep the copyright
+and license notice and ship [LICENSE](LICENSE) plus [NOTICE](NOTICE) with any distribution. The license grants an
+express patent license but no trademark rights. The marks under `public/brand/` are brand assets, so replace them
+with your own. Details: [docs/guide/license.md](docs/guide/license.md).

package/README.md

@@ -0,0 +1,160 @@
+<a href="https://runlume.app">
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="public/brand/wordmark-dark.svg" />
+  <img src="public/brand/wordmark-light.svg" alt="Runlume" width="220" />
+</picture>
+</a>
+
+# 标准后台前端
+
+[![开源协议](https://img.shields.io/github/license/runlume/admin-design?style=flat-square&label=%E5%BC%80%E6%BA%90%E5%8D%8F%E8%AE%AE&color=blue)](LICENSE)
+[![当前版本](https://img.shields.io/github/package-json/v/runlume/admin-design?style=flat-square&label=%E5%BD%93%E5%89%8D%E7%89%88%E6%9C%AC&color=007ec6)](https://github.com/runlume/admin-design/releases)
+[![技术栈](https://img.shields.io/badge/React%2019%20%C2%B7%20TypeScript%20%C2%B7%20Vite%20%2B%20Tailwind-1f6feb?style=flat-square)](docs/guide/intro.md)
+[![校验](https://img.shields.io/badge/pnpm%20check-%E5%85%A8%E7%BB%BF-2ea44f?style=flat-square)](#校验)
+
+站点：<https://adesign.runlume.app> · 文档：<https://adoc.runlume.app> · 在线演示：<https://ago.runlume.app> · [English](README.en.md)
+
+从 [Runlume](https://runlume.app) 平台前端提取出来的「标准后台」模板：主题与语义 Token、布局外壳、公共组件、标准页型和一整套组件总览。
+业务系统只需要接自己的菜单、文案、身份与接口，界面语言、交互细节和视觉规范直接用这里的一份。
+
+配套的后端标准起点是 [标准后台后端](https://github.com/runlume/admin-java)：默认接入平台集成 SDK，
+自带本地用户管理与登录，接口契约、会话、权限、租户隔离与平台接入用那一份。
+
+React 19 + TypeScript + Vite + Tailwind CSS + Radix UI，**不引入图表库、UI 框架或组件库依赖**（图表与动效均为自绘 SVG）。
+
+## 快速开始
+
+使用 Node.js 24 与 pnpm 11.21.0，只维护 `pnpm-lock.yaml`，不要混用 npm/yarn。
+
+```bash
+pnpm install
+pnpm dev            # http://localhost:3200
+pnpm build          # 产物在 dist/
+pnpm preview        # http://localhost:3201 预览构建产物
+```
+
+## 作为 npm 组件库使用
+
+基础控件可独立构建为 `@runlume/admin-ui`，完整模板和演示应用仍保留在本仓库。发布后安装：
+
+```bash
+pnpm add @runlume/admin-ui
+```
+
+```tsx
+import { Button, Table } from '@runlume/admin-ui'
+import '@runlume/admin-ui/styles.css'
+```
+
+组件库要求 React 19。仓库维护者发布前运行 `pnpm pack --dry-run`，该命令会自动重新构建
+`dist-package/` 并检查最终包内容。品牌资源、示例页面、应用会话和通知状态不属于组件库出口。
+
+正式发布使用 `docs/scripts/publish-admin-ui-npm.sh`，通过 macOS 隐藏输入框读取具备
+`Bypass 2FA` 权限的 npm Granular Access Token；凭据不会写入仓库或普通日志。
+
+`pnpm dev` 启动时终端会打出品牌横幅（每个进程只打一次），并同时给出 Local 与 Network 两个地址
+（`server.host: true`，手机或同网段设备可用 Network 地址访问）。品牌文案在 `src/lib/brand-info.ts`，
+终端横幅在 `scripts/banner.ts`，浏览器 F12 控制台的品牌输出在 `src/lib/brand-console.ts`。
+
+## 校验
+
+```bash
+pnpm typecheck                 # tsc -b
+pnpm lint                      # oxlint
+pnpm test                      # Vitest（单元 / 组件）
+pnpm test:e2e                  # Playwright（真实浏览器）
+pnpm check                     # 以上四项 + 生产构建
+```
+
+截图评审（不是回归用例，默认跳过）：
+
+```bash
+SCREENSHOTS=1 pnpm test:e2e    # 截图写入 /tmp/admin-design-shots
+```
+
+多人/多会话并行跑 Playwright 时，用 `pnpm test:e2e -- --output=/tmp/pw-admin-out` 隔离产物目录，
+避免共用 `test-results/` 造成假失败。
+
+## 文档站
+
+`docs/` 是一个独立的 VitePress 站点（`vitepress` 只在 devDependencies，不进应用产物），
+结构为 `index.md` + `guide/`（指南）+ `components/`（组件）：
+
+```bash
+pnpm docs:dev      # http://localhost:3210
+pnpm docs:build    # 产物在 docs/.vitepress/dist，构建时会检查死链
+pnpm docs:preview  # http://localhost:3211 预览文档产物
+```
+
+文档站品牌资源通过 `docs/public/brand` 软链接复用 `public/brand`，换品牌只改一处。
+
+## 目录结构
+
+```text
+src/
+├── app/            # 外壳接线：路由、布局、Providers、示例菜单
+├── components/     # 公共组件（外壳、页型零件、图表、设置面板）
+│   └── ui/         # 基础控件（button/input/table/tabs/dialog…）
+├── hooks/          # 通用 hooks
+├── lib/            # 纯逻辑：主题偏好、i18n、树、分页、指标、表格偏好…
+├── pages/          # 标准页型示例：工作台、列表、详情、设置、通知、登录注册
+│   └── design-system/  # 组件总览（按类型拆分，见下）
+└── test/           # 全部测试：unit / components / e2e
+```
+
+## 组件总览
+
+侧栏「设计系统」分组下按类型拆分，每个控件都能在页面上直接交互：
+
+| 页面       | 路径                        | 内容                                                                                      |
+| ---------- | --------------------------- | ----------------------------------------------------------------------------------------- |
+| 组件总览   | `/design-system`            | 品牌、语义色板、分类入口                                                                  |
+| 基础控件   | `/design-system/basic`      | 按钮、输入、选择、勾选、标签、进度、步进、滑块、滚动区、折叠                              |
+| 表单与选择 | `/design-system/form`       | 表单、日期时间、验证码、密码强度、组合框、级联、多选、上传、提及                          |
+| 数据展示   | `/design-system/data`       | 表格（排序/列管理/密度/固定列/行内展开/虚拟滚动）、树、表格树、描述列表、时间线、布局容器 |
+| 反馈与浮层 | `/design-system/feedback`   | 提示条、弹窗、抽屉、确认、菜单、提示、多步加载、右键菜单、悬停卡片、状态                  |
+| 导航与流程 | `/design-system/navigation` | 面包屑、页签、步骤条、快捷键、页型入口                                                    |
+| 指标与图表 | `/design-system/metrics`    | 指标卡、折线、柱状、环形、迷你柱、条形、热力、雷达、漏斗、甘特、代码块                    |
+| 图标预览   | `/design-system/icons`      | lucide 全量图标（按需加载），点击复制组件名                                               |
+| 主题与设置 | `/design-system/theme`      | 配色、通知偏好、无障碍、品牌                                                              |
+
+组件的能力、props 与用法见文档站 [components/](docs/components/index.md)（或 `pnpm docs:dev` 后打开）。
+
+## 作为模板使用
+
+1. **复制整个目录**到业务仓库，改 `package.json` 的 `name`。
+2. **换菜单**：改 `src/app/navigation.ts`（`navigation` + `navigationGroups` 的 `paths` 决定分组与顺序）。
+3. **换身份**：`src/app/session.ts` 里的 `demoAccounts` 换成会话数据（含权限码）；退出登录回调改成调用身份服务。
+4. **接接口**：页面里的示例数据（`src/pages/sample-data.ts`、`src/lib/notifications.ts`）换成真实查询；加载/空/错误态用 `LoadingState` / `EmptyState` / `ErrorState`。
+5. **换文案**：`src/lib/i18n.ts` 是唯一的语言包入口，中英文必须同步；菜单项可先写中文，未登记的 key 会原样显示。
+6. **换品牌**：`public/brand/` 下的 `mark.svg`、`mark-dark.svg`、`wordmark-light.svg`、`wordmark-dark.svg` 直接覆盖即可，组件不用改。
+7. **换环境变量**：`.env.development` / `.env.production` / `.env.test` 里的 `VITE_APP_TITLE`、`VITE_APP_STORAGE_PREFIX`（偏好存储前缀，业务系统务必改成自己的）、`VITE_APP_PLATFORM_WEB_BASEURL`（终端横幅 / 控制台品牌输出 / 侧栏外链）、`VITE_APP_DISABLE_DEVTOOL`（是否屏蔽开发者工具）、`VITE_BUILD_SOURCEMAP`（是否产出 sourcemap）、`VITE_BUILD_COMPRESS`（预压缩，默认关闭）。
+
+## 关键约定
+
+- **颜色只用语义 Token**：`bg-card`、`text-muted-foreground`、`border-border`、`text-success` 等；业务组件不写死颜色。语义色（success / warning / info / danger）与品牌色（`brand-lime`）分开。
+- **深浅模式与配色**：`palettes.css`（六套预设）+ `custom-palettes.css`（基础色 × 主题色自由组合）+ `accessibility.css`（高对比、灰色、色弱）。
+- **偏好只存浏览器**：主题、配色、无障碍、通知偏好、顶栏操作顺序、侧栏宽度/圆角/动画/布局模式、表格列宽、筛选预设、快捷键都在 `localStorage`，键名统一带 `VITE_APP_STORAGE_PREFIX`。
+- **菜单可以来自后台**：`src/app/remote-menu.ts` 的 `fetchRemoteMenu()` 换成真实接口即可；菜单项支持**多层级（`children`）**、**外链与打开方式（新窗口 / 当前窗口 / iframe 内嵌）**、图标名、i18n key、排序、隐藏与权限码。动态页面的组件由本地注册表（`src/app/remote-pages.tsx`）提供，接口只能引用不能新增。
+- **两个测试账号**：登录页可一键填入 `admin`（`*` 全量权限）与 `test`（受限权限），用来看菜单、路由守卫与按钮鉴权的差异，见 `src/app/session.ts`。
+- **前端权限三处生效**：菜单按权限过滤、路由用 `RequirePermission` 落 403、按钮用 `<Can>` 隐藏或置灰；权限码支持 `*` 与 `<命名空间>.<资源>.*`，示例会话见 `src/app/session.ts`。
+- **无障碍**：所有交互可用键盘完成；对话框有焦点管理；表格、树、表单控件带 ARIA 属性；语义色对比度按 AA 校验（有 Playwright 断言）。
+- **零依赖图表**：折线/柱状/环形/迷你图/热力/雷达/漏斗/甘特都在 `src/components/charts.tsx`、`column-chart.tsx` 里自绘，需要更多图表时先考虑自绘或业务侧引入。
+
+## 示例数据的边界
+
+- 工作台指标、客户、订单、通知、组织单元等都是**内存示例数据**，刷新即恢复初始状态；通知的已读状态也不例外（偏好类设置才会持久化）。
+- 登录/注册/找回密码只演示表单与校验，**不接身份服务**；退出登录只做跳转。
+- 上传、提及、快捷键、表格虚拟滚动等能力的接口已留出（`uploader`、`onMove`、`loadChildren`、`virtual` 等 prop），接真实实现时替换回调即可。
+
+## 不在本模板内
+
+认证与会话、API 客户端与错误码、权限模型、图表库与装饰性营销动效、二维码/代码高亮/Iconify 图标库等重依赖能力。
+
+其中认证与会话、API 客户端与错误码、权限模型由 [标准后台后端](https://github.com/runlume/admin-java) 提供。
+
+## 开源协议
+
+[Apache-2.0](LICENSE)，Copyright 2026 Runlume。可以自由复制进商业产品，只需保留版权与许可声明，
+并随分发附上 [LICENSE](LICENSE) 与 [NOTICE](NOTICE)；协议含显式专利授权，但不授予商标权。
+`public/brand/` 下的品牌标识属于品牌资产，使用时替换成自己的。细节见 [docs/guide/license.md](docs/guide/license.md)。

package/dist-package/admin-ui.d.ts

@@ -0,0 +1,41 @@
+import './index.css';
+export * from './components/ui/alert-dialog';
+export * from './components/ui/alert';
+export * from './components/ui/avatar';
+export * from './components/ui/badge';
+export * from './components/ui/breadcrumb';
+export * from './components/ui/button';
+export * from './components/ui/card';
+export * from './components/ui/checkbox';
+export * from './components/ui/collapsible';
+export * from './components/ui/context-menu';
+export * from './components/ui/date-input';
+export * from './components/ui/date-range-input';
+export * from './components/ui/date-time-input';
+export * from './components/ui/dialog';
+export * from './components/ui/dropdown-menu';
+export * from './components/ui/file-upload';
+export * from './components/ui/hover-card';
+export * from './components/ui/input-otp';
+export * from './components/ui/input';
+export * from './components/ui/kbd';
+export * from './components/ui/label';
+export * from './components/ui/native-select';
+export * from './components/ui/number-field';
+export * from './components/ui/progress';
+export * from './components/ui/radio-group';
+export * from './components/ui/scroll-area';
+export * from './components/ui/select';
+export * from './components/ui/separator';
+export * from './components/ui/sheet';
+export * from './components/ui/sidebar';
+export * from './components/ui/skeleton';
+export * from './components/ui/slider';
+export * from './components/ui/switch';
+export * from './components/ui/table';
+export * from './components/ui/tabs';
+export * from './components/ui/tag';
+export * from './components/ui/textarea';
+export * from './components/ui/time-input';
+export * from './components/ui/tooltip';
+//# sourceMappingURL=admin-ui.d.ts.map

package/dist-package/admin-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-ui.d.ts","sourceRoot":"","sources":["../src/admin-ui.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,kCAAkC,CAAA;AAChD,cAAc,iCAAiC,CAAA;AAC/C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA"}

package/dist-package/components/ui/alert-dialog.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): React.JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): React.JSX.Element;
+export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist-package/components/ui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAI9D,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAC7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAiBvD,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAa3D;AACD,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAI9E;AACD,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAO9E;AACD,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAIzD;AACD,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAO/D;AACD,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAO1D;AACD,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAO1D;AACD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}

package/dist-package/components/ui/alert.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const alertVariants: (props?: ({
+    variant?: "warning" | "success" | "info" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** 页内提示条：四态 + 可选操作。表单页说明与风险提示使用。 */
+declare function Alert({ className, variant, title, description, action, onClose, children, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & {
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    onClose?: () => void;
+}): import("react").JSX.Element;
+export { Alert, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

package/dist-package/components/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,aAAa;;8EAalB,CAAA;AAID,oCAAoC;AACpC,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAgB,EAChB,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,+BAgCF;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}