create-aiko 0.1.0

package/template/docs/better-sqlite3-design.md

@@ -0,0 +1,101 @@
+# 脚手架中 better-sqlite3 设计说明
+
+本文档梳理 **scaffold** 与 **aiko-boot-create** 的职责，并确定在脚手架中 better-sqlite3 的定位与设计。
+
+---
+
+## 一、scaffold 与 aiko-boot-create 职责梳理
+
+### 1. scaffold（模板目录）
+
+- **位置**：`ai-frist-framework/scaffold/`
+- **角色**：作为 **项目模板**，被 aiko-boot-create 复制到用户指定目录，生成新项目。
+- **内容**：
+  - **packages/api**：后端 API（aiko-boot + starter-orm），默认 SQLite（`./data/app.db`）
+  - **packages/admin**、**packages/mobile**：前端应用
+  - **packages/shared**、**packages/shared-auth**（可选）：公共常量与鉴权
+- **数据库相关**：
+  - `packages/api/app.config.ts`：配置 `database: { type: 'sqlite', filename: './data/app.db' }`
+  - `packages/api/src/scripts/init-db.ts`：初始化数据库（建表、种子数据）
+  - API 运行时通过 `@ai-partner-x/aiko-boot-starter-orm` 使用 **better-sqlite3** 连接同一文件
+
+### 2. aiko-boot-create（CLI）
+
+- **位置**：`ai-frist-framework/packages/aiko-boot-create/`
+- **角色**：从 `scaffold` 复制模板到目标目录，并做 **scope 替换**、**依赖覆盖**、**可选功能** 等后处理。
+- **主要能力**：
+  - 交互/非交互：项目名、目标目录、是否带「基础系统」（登录、shared-auth、用户表等）
+  - **withBaseSystem = true**：完整复制 scaffold，包含 auth 相关代码；init-db 建 `sys_user` 并插种子
+  - **withBaseSystem = false（bare）**：不复制 shared-auth 及 auth 相关文件，并写入「无用户表」版的 `init-db.ts`（仍用 sql.js）
+- **与 SQLite 的关系**：CLI 只负责复制/生成文件，不直接依赖 better-sqlite3；生成的 init-db 脚本统一使用 **sql.js**，避免在「生成阶段」依赖原生模块。
+
+---
+
+## 二、better-sqlite3 在脚手架中的双轨设计
+
+当前设计是 **初始化** 与 **运行时** 分离，兼顾「开箱即跑」和「性能/能力」：
+
+| 场景           | 技术选型        | 原因 |
+|----------------|-----------------|------|
+| **init-db 脚本** | **sql.js**（纯 JS） | 无需 node-gyp，任意环境执行 `pnpm init-db` 即可生成 `data/app.db`，不依赖 better-sqlite3 编译 |
+| **API 运行时**   | **better-sqlite3**（原生） | 由 `aiko-boot-starter-orm` 在运行时 `import('better-sqlite3')`，连接同一 `./data/app.db`，性能与能力更好 |
+
+因此：
+
+- **scaffold** 的 `packages/api` 需要同时声明：
+  - **dependencies**：`better-sqlite3`（运行时由 starter-orm 使用）
+  - **devDependencies**：`sql.js`（仅 init-db 脚本使用）
+- **init-db.ts** 只使用 sql.js，不引用 better-sqlite3；生成的文件与 API 运行时使用的 `./data/app.db` 路径、格式一致（SQLite 兼容）。
+
+---
+
+## 三、better-sqlite3 在脚手架中的具体设计
+
+### 3.1 依赖与脚本（scaffold/packages/api）
+
+- **package.json**：
+  - `dependencies`：`better-sqlite3@^12.6.2`（与 aiko-boot-starter-orm 一致）
+  - `devDependencies`：`sql.js`、`@types/better-sqlite3`
+- **scripts**：
+  - `init-db`：执行 `src/scripts/init-db.ts`（仅用 sql.js，不触发 better-sqlite3 编译）
+
+### 3.2 配置与路径
+
+- **app.config.ts**：`database: { type: 'sqlite', filename: './data/app.db' }`（相对 api 包根目录）
+- **init-db.ts**：写入路径与配置一致（如 `packages/api/data/app.db`），保证首次 `pnpm init-db` 后，API 启动即可读同一库。
+
+### 3.3 原生模块编译（rebuild:sqlite）
+
+- **better-sqlite3** 为原生模块，在部分环境（如新 Node 版本、不同架构）下可能需重新编译。
+- **建议**：在 **scaffold 根目录** `package.json` 中增加脚本，使「生成后的项目」在根目录即可执行，无需依赖框架仓库根目录：
+  - 脚本示例：`"rebuild:sqlite": "cd node_modules/.pnpm/better-sqlite3@12.6.2/node_modules/better-sqlite3 && npm run build-release"`
+  - 版本号需与 `packages/api` 的 `better-sqlite3` 一致。若 pnpm 安装后路径带 hash（如 `better-sqlite3@12.6.2_xxx`），请按实际 `.pnpm` 目录名调整路径后再执行。
+- **文档**：在 scaffold 的 README 中说明：首次或换环境后若 API 报 better-sqlite3 bindings 相关错误，可在**项目根**执行 `pnpm run rebuild:sqlite`（或按文档在 api 包内执行相应命令）。
+
+### 3.4 aiko-boot-create 的配合
+
+- **withBaseSystem**：复制完整 scaffold，包含 api 的 better-sqlite3 依赖与 init-db（sql.js + sys_user）；生成后提示 `pnpm init-db` 与可选的 `pnpm run rebuild:sqlite`。
+- **bare**：仍复制 api 包（含 better-sqlite3 依赖、app.config 的 sqlite、init-db 脚本），但 init-db 为「无用户表」版；若后续用户不用 SQLite，可自行改配置与依赖。
+- CLI 生成的项目**根** package.json 来自 scaffold 根，因此若在 scaffold 根增加 `rebuild:sqlite`，生成项目即可自带该脚本。
+
+---
+
+## 四、设计小结
+
+| 项目       | 内容 |
+|------------|------|
+| **init-db** | 仅用 **sql.js**，不依赖 better-sqlite3 编译；withBaseSystem 时建 sys_user + 种子，bare 时不建用户表。 |
+| **API 运行时** | 使用 **better-sqlite3**（通过 starter-orm 动态 import），连接 `./data/app.db`。 |
+| **依赖**   | api 包：better-sqlite3（dependencies），sql.js（devDependencies）。 |
+| **rebuild** | scaffold 根 package.json 提供 `rebuild:sqlite`，生成项目在根目录即可重编 better-sqlite3。 |
+| **文档**   | README 中说明 init-db 与 rebuild:sqlite 的适用场景与执行顺序。 |
+
+这样既保证「克隆即用、init-db 无障碍」，又保证运行时使用 better-sqlite3 的性能与能力，并在需要时通过统一脚本解决原生模块编译问题。
+
+---
+
+## 五、与 pnpm overrides 的配合（类似 test-mobile）
+
+- **pnpm.overrides**：不由模板写死，由 **aiko-boot-create** 在生成项目时根据「目标目录 → 框架根目录」的相对路径动态写入，效果与 test-mobile 中手写的 `file:../ai-frist-framework/packages/...` 一致。
+- **pnpm.onlyBuiltDependencies**：在 scaffold 根 `package.json` 中配置 `["better-sqlite3"]`，仅编译该原生依赖，加快 install。
+- **postinstall**：在 scaffold 中配置 `pnpm rebuild better-sqlite3`，生成项目在 `pnpm install` 后自动重编 better-sqlite3，避免首次运行 API 时报 bindings 错误。

package/template/docs/shared-vs-shared-auth.md

@@ -0,0 +1,54 @@
+# shared 与 shared-auth 边界及 CLI 可选装配
+
+## 1. 职责边界
+
+| 包 | 职责 | 内容 |
+|----|------|------|
+| **@scaffold/shared** | 与运行环境、UI、鉴权均无关的公共常量与工具 | `DEFAULT_API_BASE_URL`、`API_BASE_URL_KEY`、`AUTH_STORAGE_KEY`（仅 key 名，无鉴权逻辑） |
+| **@scaffold/shared-auth** | 鉴权相关的前端逻辑（不含具体表单 UI） | `AuthProvider`、`useAuth`、`AuthProviderWrapper`、类型与持久化 |
+
+- **shared**：始终存在，CLI 生成「不需要系统功能」时仅去掉与 auth 相关的导出（如 `AUTH_STORAGE_KEY`），其余不变。
+- **shared-auth**：仅在选择「需要系统功能（登录）」时生成；admin/mobile 仅在此时依赖该包。
+
+## 2. 是否将 shared-auth 合并到 shared？
+
+**结论：不合并，保持 shared-auth 独立包。**
+
+原因：
+
+1. **CLI 可选装配**  
+   - 选「不需要系统功能」时，**不生成**整个 `packages/shared-auth` 目录即可。  
+   - admin/mobile 的 `package.json` 中不声明 `@scaffold/shared-auth`，不引用 `AuthProviderWrapper`、`LoginForm`、`useAuth`。  
+   - 若合并进 shared，则需要在同一包内维护「带 auth / 不带 auth」两套模板或条件导出，CLI 与包内结构都更复杂。
+
+2. **依赖与体积**  
+   - shared 仅含常量，无 React、无 API 客户端，可被任意端（含非前端）引用。  
+   - shared-auth 依赖 `react`、`@scaffold/api`、`@scaffold/shared`。合并后 shared 会带上这些依赖，不利于「仅要常量」的场景。
+
+3. **边界清晰**  
+   - 「要登录」→ 依赖 shared + shared-auth；「不要登录」→ 只依赖 shared。  
+   - 包级开关，便于文档、CLI 模板和后续扩展（如多套 auth 实现）。
+
+因此：**CLI 对 auth 可选装配时，应通过「是否生成 shared-auth 包」来控制，不将 shared-auth 合并到 shared。**
+
+## 3. 已从 admin/mobile 提取到 shared-auth 的内容
+
+仅 **AuthProviderWrapper** 放在 shared-auth，admin 与 mobile 在根节点引用即可；**LoginForm 不共享**，各端在各自包内维护（admin 与 mobile 可使用不同 UI/交互）。
+
+| 内容 | 说明 |
+|------|------|
+| **AuthProviderWrapper** | 根节点 Provider，内部读取 `VITE_API_URL` 或 `DEFAULT_API_BASE_URL`，传入 `AuthProvider`。 |
+
+- admin：`main.tsx` 使用 `AuthProviderWrapper`，`App.tsx` 使用本地的 `LoginForm`（如 `src/components/LoginForm.tsx`）。  
+- mobile：`main.tsx` 使用 `AuthProviderWrapper`，`LoginPage` 使用本地的 `LoginForm`（如 `src/components/LoginForm.tsx`）。
+
+## 4. 无需放入 shared 的 app 专属内容
+
+- **路由路径常量**（如 mobile 的 `ROUTES.LOGIN`、`ROUTES.HOME`）：各应用路由不同，保留在各自 `routes/routes.ts` 即可。  
+- **页面与布局**：各端 UI 与路由结构不同，保留在各自 `pages/`、`components/`。  
+- **lib/utils、types**：仅当出现多端完全一致的实现再考虑提到 shared；当前可保留在各端。
+
+## 5. CLI 行为小结
+
+- **需要系统功能（登录）**：生成 `shared-auth`；shared 导出含 `AUTH_STORAGE_KEY`；admin/mobile 依赖 shared-auth，使用 `AuthProviderWrapper`、`LoginForm`、`useAuth`。  
+- **不需要系统功能**：不生成 `shared-auth`；shared 使用不包含 `AUTH_STORAGE_KEY` 的模板；admin/mobile 不依赖 shared-auth，不包含登录相关文件与引用。

package/template/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "scaffold-monorepo",
+  "version": "0.1.0",
+  "private": true,
+  "description": "A clean scaffold template for api, admin, mobile, shared, and shared-auth packages.",
+  "type": "module",
+  "engines": {
+    "node": ">=18.0.0",
+    "pnpm": ">=9.0.0"
+  },
+  "scripts": {
+    "dev": "pnpm --parallel dev:api dev:admin dev:mobile",
+    "dev:api": "pnpm --filter @scaffold/api dev",
+    "dev:admin": "pnpm --filter @scaffold/admin dev",
+    "dev:mobile": "pnpm --filter @scaffold/mobile dev",
+    "build": "pnpm -r --if-present build",
+    "lint": "pnpm -r --if-present lint",
+    "init-db": "pnpm --filter @scaffold/api init-db",
+    "rebuild:sqlite": "node ./scripts/rebuild-sqlite.cjs",
+    "clean": "pnpm -r --if-present clean"
+  },
+  "packageManager": "pnpm@10.27.0"
+}

package/template/packages/admin/.env.dev

@@ -0,0 +1 @@
+VITE_APP_LOGIN=/login

package/template/packages/admin/.env.prod

@@ -0,0 +1,4 @@
+NODE_ENV=production
+
+# oauth - 配置为后端登录地址
+VITE_APP_LOGIN=http://localhost:3000/login

package/template/packages/admin/.env.stage

@@ -0,0 +1,4 @@
+NODE_ENV=production
+
+# oauth - 配置为后端登录地址
+VITE_APP_LOGIN=http://localhost:3000/login

package/template/packages/admin/Dockerfile

@@ -0,0 +1,37 @@
+# This Dockerfile uses `serve` npm package to serve the static files with node process.
+# You can find the Dockerfile for nginx in the following link:
+# https://github.com/refinedev/dockerfiles/blob/main/vite/Dockerfile.nginx
+FROM refinedev/node:18 AS base
+
+FROM base as deps
+
+COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* .npmrc* ./
+
+RUN \
+  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ]; then npm ci; \
+  elif [ -f pnpm-lock.yaml ]; then yarn global add pnpm && pnpm i --frozen-lockfile; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
+
+FROM base as builder
+
+ENV NODE_ENV production
+
+COPY --from=deps /app/refine/node_modules ./node_modules
+
+COPY . .
+
+RUN npm run build
+
+FROM base as runner
+
+ENV NODE_ENV production
+
+RUN npm install -g serve
+
+COPY --from=builder /app/refine/dist ./
+
+USER refine
+
+CMD ["serve"]

package/template/packages/admin/README.MD

@@ -0,0 +1,27 @@
+# admin
+
+## Getting Started
+
+A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility ✨
+
+
+## Available Scripts
+
+### Running the development server.
+
+```bash
+    pnpm dev
+```
+
+### Building for production.
+
+```bash
+    pnpm build
+```
+
+### Running the production server.
+
+```bash
+    pnpm start
+```
+

package/template/packages/admin/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/App.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/template/packages/admin/eslint.config.js

@@ -0,0 +1,28 @@
+import js from "@eslint/js";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  }
+);

package/template/packages/admin/index.html

@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="Admin application" />
+    <title>Admin</title>
+  </head>
+  <body>
+    <script>
+      (function () {
+        var key = "app-theme";
+        try {
+          var raw = localStorage.getItem(key);
+          if (raw) {
+            var doc = document.documentElement;
+            if (["light", "dark", "system"].indexOf(raw) !== -1) {
+              var appearance = raw === "system"
+                ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")
+                : raw;
+              doc.classList.add(appearance);
+            } else {
+              var parsed = JSON.parse(raw);
+              var appearance = parsed.appearance === "system"
+                ? (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")
+                : (parsed.appearance || "light");
+              var palette = parsed.palette || "fiori";
+              doc.classList.add(appearance);
+              doc.setAttribute("data-palette", palette);
+            }
+          }
+        } catch (e) {}
+      })();
+    </script>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm dev` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

package/template/packages/admin/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@scaffold/admin",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build --mode prod",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@scaffold/api": "workspace:*",
+    "@scaffold/core": "workspace:*",
+    "@hookform/resolvers": "^5.0.1",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-alert-dialog": "^1.1.11",
+    "@radix-ui/react-aspect-ratio": "^1.1.4",
+    "@radix-ui/react-avatar": "^1.1.7",
+    "@radix-ui/react-checkbox": "^1.2.3",
+    "@radix-ui/react-collapsible": "^1.1.8",
+    "@radix-ui/react-context-menu": "^2.2.12",
+    "@radix-ui/react-dialog": "^1.1.11",
+    "@radix-ui/react-dropdown-menu": "^2.1.12",
+    "@radix-ui/react-hover-card": "^1.1.11",
+    "@radix-ui/react-label": "^2.1.4",
+    "@radix-ui/react-menubar": "^1.1.12",
+    "@radix-ui/react-navigation-menu": "^1.2.10",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-progress": "^1.1.4",
+    "@radix-ui/react-radio-group": "^1.3.4",
+    "@radix-ui/react-scroll-area": "^1.2.6",
+    "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-separator": "^1.1.4",
+    "@radix-ui/react-slider": "^1.3.2",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.2.2",
+    "@radix-ui/react-tabs": "^1.1.9",
+    "@radix-ui/react-toggle": "^1.1.6",
+    "@radix-ui/react-toggle-group": "^1.1.7",
+    "@radix-ui/react-tooltip": "^1.2.4",
+    "@tailwindcss/vite": "^4.1.8",
+    "@tanstack/react-table": "^8.2.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.10.7",
+    "embla-carousel-react": "^8.6.0",
+    "i18next": "^24.2.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.487.0",
+    "next-themes": "^0.4.6",
+    "postcss": "^8.5.3",
+    "react": "19.1.0",
+    "react-day-picker": "8.10.1",
+    "react-dom": "19.1.0",
+    "react-hook-form": "^7.57.0",
+    "react-i18next": "^15.1.0",
+    "react-resizable-panels": "^2.1.8",
+    "react-router": "^7.0.2",
+    "recharts": "^2.15.3",
+    "shadcn": "^2.4.1",
+    "sonner": "^2.0.3",
+    "swr": "^2.4.1",
+    "tailwind-merge": "^3.2.0",
+    "tw-animate-css": "^1.2.5",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.3"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.25.0",
+    "@tailwindcss/postcss": "^4.1.4",
+    "@types/node": "^20",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "@vitejs/plugin-react": "^4.4.1",
+    "eslint": "^9.25.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
+    "tailwindcss": "^4.1.4",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/template/packages/admin/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/packages/admin/src/App.css

@@ -0,0 +1,82 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  /* 紧凑布局：基准间距与圆角（可调 --compact-spacing、--radius 控制整体松紧） */
+  --spacing: var(--compact-spacing, 0.2rem);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 2px);
+  --radius-md: calc(var(--radius) - 1px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 2px);
+
+  --font-sans: "Inter", sans-serif;
+}
+
+:root {
+  /* 基准圆角（紧凑：0.25rem，默认可改为 0.325rem） */
+  --radius: 0.3rem;
+  /* 基准间距单位，Tailwind 间距 = 该值 × 数字（0.2rem 比默认 0.25rem 约小 20%） */
+  --compact-spacing: 0.25rem;
+}
+
+/* Theme palettes (src/theme/*.css) */
+@import "./theme/index.css";
+
+/* 确保 light/dark 下根节点与 body 使用主题背景色，修复 dark 模式背景不正确 */
+html.light,
+html.dark {
+  background-color: var(--background);
+}
+
+@layer base {
+
+  /* 紧凑：基准字号 14px，使所有 rem 比例缩小（1rem=14px），可改为 15px/16px 放宽 */
+  html {
+    font-size: 16px;
+  }
+
+  * {
+    @apply border-border outline-ring/50 antialiased;
+    font-family: var(--font-sans);
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    min-height: 100vh;
+  }
+}