diff --git a/spx-gui/.vscode/extensions.json b/spx-gui/.vscode/extensions.json index 93ea3e783..48993148e 100644 --- a/spx-gui/.vscode/extensions.json +++ b/spx-gui/.vscode/extensions.json @@ -1,7 +1,8 @@ { "recommendations": [ - "Vue.volar", + "vue.volar", "dbaeumer.vscode-eslint", - "esbenp.prettier-vscode" + "esbenp.prettier-vscode", + "bradlc.vscode-tailwindcss" ] } diff --git a/spx-gui/AGENTS.md b/spx-gui/AGENTS.md index 11ad9facd..709cdc687 100644 --- a/spx-gui/AGENTS.md +++ b/spx-gui/AGENTS.md @@ -80,6 +80,56 @@ When working with backend unique string identifiers such as `username`, project * Generate accessibility info for interactive elements using `v-radar` directive. +## Styling Preferences + +### Defaults + +* Use Tailwind as the default for local layout and surface styling. +* Keep styles local to the page/feature/component. Do not move local styles into `src/app.css`. +* Prefer readable template utilities and remove redundant local style blocks when they no longer improve clarity. +* Prefer direct template utilities over local `@apply` blocks when the styles are only used by one or two template nodes. +* If local authored styles are still needed, use plain CSS. + +### Boundaries and Source of Truth + +* Keep `src/app.css` limited to Tailwind entry setup, theme bridge, and rare project-wide utilities. +* Keep `src/components/ui/global.css` and `src/components/ui/reset.css` as the base reset/foundation layer (Tailwind preflight stays disabled). +* The global CSS layer order is `theme, base, naive-ui, components, utilities`, declared in `index.html`. +* Keep `--ui-*` tokens as the source of truth. +* In Tailwind classes, prefer bridged semantic tokens (for example `text-text`, `text-title`, `bg-primary-100`). +* In local CSS, prefer direct `--ui-*` variables instead of bridged Tailwind variables. + +### Responsive and Theme Rules + +* Keep breakpoints in `src/app.css` aligned with `src/components/ui/responsive.ts`. +* Use only `tablet`, `desktop`, and `desktop-large` responsive names. +* Prefer responsive CSS/Tailwind variants over `useResponsive()`; keep `useResponsive()` for non-style runtime logic. +* Keep Tailwind theme namespaces reset to project tokens only (color, shadow, font, text, radius, etc.). + +### When Local CSS Is Better + +* Keep local CSS for `:deep(...)`, generated content, third-party DOM overrides, and complex stateful widgets. +* Keep a small local CSS rule for structural selectors that are awkward in template logic (for example nested `:last-child` rules) instead of encoding them with hard-to-read dynamic class expressions. +* Prefer plain local CSS over complex Tailwind descendant/arbitrary selectors for cross-component or slot-content styling. +* Preserve semantic hook classes used by parent selectors or slots (for example `.corner-menu`, `.course-item-mini`). +* For newly added components, avoid introducing `:deep(...)` selectors and cross-file hook classes when possible, since they increase maintenance cost. +* Do not force full Tailwind conversion when a small local style block is clearer. + +### Practical Styling Notes + +* For root-class overrides and utility conflicts: + - For business components, external root `class` overrides are allowed by default. If utility conflicts need an explicit winner, prefer adding Tailwind's important modifier at the usage site (for example `rounded-md!`, `w-32!`) instead of expanding the component API. This keeps intent explicit, usage concise, and matches the fact that business components rarely need nested override chains. + - For most UI components, `twMerge` and `@layer components` are set up so external utilities or custom classes can override root classes in the common case without special handling, though edge cases can still exist. + - For the Naive UI-root components listed in `src/components/ui/README.md`, Naive UI defaults live in the `naive-ui` layer and our authored UI styles live in the `components` layer, so component-layer rules have higher cascade priority on the same element/property pair. + - Even so, those Naive UI-root components still are not identical to DOM-root utility wrappers. Treat them as component-specific: simple root overrides are often fine, while deeper visual changes may still need wrapper layout control, explicit props, or Naive UI theme overrides. +* Avoid non-equivalent Tailwind simplifications for flex values. In particular, `flex: 1 1 0` is not equivalent to Tailwind `flex-1` (`flex: 1 1 0%`), so do not simplify between them unless the layout behavior has been verified. Likewise, do not simplify `flex: 0 0 auto` to `shrink-0`; use the equivalent `flex-none` when that shorthand is desired. +* Prefer `style` / `:style` for one-off values when clearer than Tailwind arbitrary utilities. For example, prefer `style="box-shadow: 0 24px 32px -16px rgba(0, 0, 0, 0.1)"` over a long arbitrary utility such as `shadow-[0_24px_32px_-16px_rgba(0,0,0,0.1)]`. +* For important/non-obvious background assets, prefer TS imports and inline `backgroundImage` binding. +* Keep fixed utility classes in `class`; reserve `:class` for stateful/dynamic parts only. +* In plain ` + + + + diff --git a/spx-gui/package-lock.json b/spx-gui/package-lock.json index 1503b962b..99e40b882 100644 --- a/spx-gui/package-lock.json +++ b/spx-gui/package-lock.json @@ -16,6 +16,7 @@ "@sentry/core": "^9.33.0", "@sentry/vue": "^9.33.0", "@shikijs/monaco": "^3.2.2", + "@tailwindcss/vite": "^4.2.2", "@tanstack/vue-query": "^5.36.1", "@tsconfig/node24": "^24.0.3", "@types/file-saver": "^2.0.7", @@ -48,16 +49,16 @@ "mdast-util-from-markdown": "^2.0.2", "mdast-util-to-hast": "^13.2.0", "monaco-editor": "^0.52.2", - "naive-ui": "^2.38.1", + "naive-ui": "npm:@nighca/naive-ui@^2.38.1-layer.0", "nanoid": "^5.0.5", "prettier": "^3.2.2", "property-information": "^6.5.0", "qiniu-js": "^4.0.0-beta.6", - "sass": "^1.69.7", "scheduler-polyfill": "^1.3.0", - "scss": "^0.2.4", "shiki": "^3.2.2", "sortablejs": "^1.15.6", + "tailwind-merge": "^3.5.0", + "tailwindcss": "^4.2.2", "typescript": "^5.9.3", "vite": "^8.0.0", "vite-plugin-ejs": "^1.7.0", @@ -116,12 +117,10 @@ } }, "node_modules/@babel/runtime": { - "version": "7.23.9", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz", - "integrity": "sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==", - "dependencies": { - "regenerator-runtime": "^0.14.0" - }, + "version": "7.29.2", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz", + "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==", + "license": "MIT", "engines": { "node": ">=6.9.0" } @@ -428,17 +427,19 @@ "license": "MIT" }, "node_modules/@css-render/plugin-bem": { - "version": "0.15.12", - "resolved": "https://registry.npmjs.org/@css-render/plugin-bem/-/plugin-bem-0.15.12.tgz", - "integrity": "sha512-Lq2jSOZn+wYQtsyaFj6QRz2EzAnd3iW5fZeHO1WSXQdVYwvwGX0ZiH3X2JQgtgYLT1yeGtrwrqJdNdMEUD2xTw==", + "version": "0.15.14", + "resolved": "https://registry.npmjs.org/@css-render/plugin-bem/-/plugin-bem-0.15.14.tgz", + "integrity": "sha512-QK513CJ7yEQxm/P3EwsI+d+ha8kSOcjGvD6SevM41neEMxdULE+18iuQK6tEChAWMOQNQPLG/Rw3Khb69r5neg==", + "license": "MIT", "peerDependencies": { - "css-render": "~0.15.12" + "css-render": "~0.15.14" } }, "node_modules/@css-render/vue3-ssr": { - "version": "0.15.12", - "resolved": "https://registry.npmjs.org/@css-render/vue3-ssr/-/vue3-ssr-0.15.12.tgz", - "integrity": "sha512-AQLGhhaE0F+rwybRCkKUdzBdTEM/5PZBYy+fSYe1T9z9+yxMuV/k7ZRqa4M69X+EI1W8pa4kc9Iq2VjQkZx4rg==", + "version": "0.15.14", + "resolved": "https://registry.npmjs.org/@css-render/vue3-ssr/-/vue3-ssr-0.15.14.tgz", + "integrity": "sha512-//8027GSbxE9n3QlD73xFY6z4ZbHbvrOVB7AO6hsmrEzGbg+h2A09HboUyDgu+xsmj7JnvJD39Irt+2D0+iV8g==", + "license": "MIT", "peerDependencies": { "vue": "^3.0.11" } @@ -477,7 +478,8 @@ "node_modules/@emotion/hash": { "version": "0.8.0", "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz", - "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==" + "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==", + "license": "MIT" }, "node_modules/@eslint-community/eslint-utils": { "version": "4.9.0", @@ -840,6 +842,26 @@ "url": "https://github.com/chalk/strip-ansi?sponsor=1" } }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.0", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, + "node_modules/@jridgewell/remapping": { + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", + "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + } + }, "node_modules/@jridgewell/resolve-uri": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", @@ -853,10 +875,21 @@ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==" }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", + "license": "MIT", + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, "node_modules/@juggle/resize-observer": { "version": "3.4.0", "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.4.0.tgz", - "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==" + "integrity": "sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==", + "license": "Apache-2.0" }, "node_modules/@lezer/common": { "version": "1.3.0", @@ -2045,6 +2078,16 @@ "node": ">=20" } }, + "node_modules/@scalar/use-hooks/node_modules/tailwind-merge": { + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.1.tgz", + "integrity": "sha512-Oo6tHdpZsGpkKG88HJ8RR1rg/RdnEkQEfMoEk2x1XRI3F1AxeU+ijRXpiVUF4UbLfcxxRGw6TbUINKYdWVsQTQ==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/dcastil" + } + }, "node_modules/@scalar/use-hooks/node_modules/zod": { "version": "4.1.11", "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.11.tgz", @@ -2281,6 +2324,321 @@ "tslib": "^2.4.0" } }, + "node_modules/@tailwindcss/node": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz", + "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==", + "license": "MIT", + "dependencies": { + "@jridgewell/remapping": "^2.3.5", + "enhanced-resolve": "^5.19.0", + "jiti": "^2.6.1", + "lightningcss": "1.32.0", + "magic-string": "^0.30.21", + "source-map-js": "^1.2.1", + "tailwindcss": "4.2.2" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz", + "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==", + "license": "MIT", + "engines": { + "node": ">= 20" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.2.2", + "@tailwindcss/oxide-darwin-arm64": "4.2.2", + "@tailwindcss/oxide-darwin-x64": "4.2.2", + "@tailwindcss/oxide-freebsd-x64": "4.2.2", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2", + "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2", + "@tailwindcss/oxide-linux-arm64-musl": "4.2.2", + "@tailwindcss/oxide-linux-x64-gnu": "4.2.2", + "@tailwindcss/oxide-linux-x64-musl": "4.2.2", + "@tailwindcss/oxide-wasm32-wasi": "4.2.2", + "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2", + "@tailwindcss/oxide-win32-x64-msvc": "4.2.2" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz", + "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz", + "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz", + "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz", + "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz", + "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz", + "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz", + "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz", + "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz", + "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz", + "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.8.1", + "@emnapi/runtime": "^1.8.1", + "@emnapi/wasi-threads": "^1.1.0", + "@napi-rs/wasm-runtime": "^1.1.1", + "@tybys/wasm-util": "^0.10.1", + "tslib": "^2.8.1" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": { + "version": "1.8.1", + "inBundle": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.1.0", + "tslib": "^2.4.0" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": { + "version": "1.8.1", + "inBundle": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": { + "version": "1.1.0", + "inBundle": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": { + "version": "1.1.1", + "inBundle": true, + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.7.1", + "@emnapi/runtime": "^1.7.1", + "@tybys/wasm-util": "^0.10.1" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": { + "version": "0.10.1", + "inBundle": true, + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": { + "version": "2.8.1", + "inBundle": true, + "license": "0BSD", + "optional": true + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz", + "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz", + "integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 20" + } + }, + "node_modules/@tailwindcss/vite": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.2.tgz", + "integrity": "sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==", + "license": "MIT", + "dependencies": { + "@tailwindcss/node": "4.2.2", + "@tailwindcss/oxide": "4.2.2", + "tailwindcss": "4.2.2" + }, + "peerDependencies": { + "vite": "^5.2.0 || ^6 || ^7 || ^8" + } + }, "node_modules/@tanstack/match-sorter-utils": { "version": "8.15.1", "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.15.1.tgz", @@ -2453,19 +2811,22 @@ "license": "MIT" }, "node_modules/@types/katex": { - "version": "0.16.7", - "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.7.tgz", - "integrity": "sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ==" + "version": "0.16.8", + "resolved": "https://registry.npmjs.org/@types/katex/-/katex-0.16.8.tgz", + "integrity": "sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==", + "license": "MIT" }, "node_modules/@types/lodash": { - "version": "4.14.202", - "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz", - "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==" + "version": "4.14.198", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.198.tgz", + "integrity": "sha512-trNJ/vtMZYMLhfN45uLq4ShQSw0/S7xCTLLVM+WM1rmFpba/VS42jVUgaO3w/NOLiWR/09lnYk0yMaA/atdIsg==", + "license": "MIT" }, "node_modules/@types/lodash-es": { - "version": "4.17.12", - "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz", - "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==", + "version": "4.17.9", + "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.9.tgz", + "integrity": "sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==", + "license": "MIT", "dependencies": { "@types/lodash": "*" } @@ -3399,18 +3760,6 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, - "node_modules/anymatch": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", - "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dependencies": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" - }, - "engines": { - "node": ">= 8" - } - }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -3482,14 +3831,6 @@ "baseline-browser-mapping": "dist/cli.js" } }, - "node_modules/binary-extensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "engines": { - "node": ">=8" - } - }, "node_modules/boolbase": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", @@ -3674,40 +4015,6 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/chokidar": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", - "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", - "dependencies": { - "anymatch": "~3.1.2", - "braces": "~3.0.2", - "glob-parent": "~5.1.2", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.6.0" - }, - "engines": { - "node": ">= 8.10.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/chokidar/node_modules/glob-parent": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", - "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dependencies": { - "is-glob": "^4.0.1" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/clsx": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", @@ -3821,9 +4128,10 @@ "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==" }, "node_modules/css-render": { - "version": "0.15.12", - "resolved": "https://registry.npmjs.org/css-render/-/css-render-0.15.12.tgz", - "integrity": "sha512-eWzS66patiGkTTik+ipO9qNGZ+uNuGyTmnz6/+EJIiFg8+3yZRpnMwgFo8YdXhQRsiePzehnusrxVvugNjXzbw==", + "version": "0.15.14", + "resolved": "https://registry.npmjs.org/css-render/-/css-render-0.15.14.tgz", + "integrity": "sha512-9nF4PdUle+5ta4W5SyZdLCCmFd37uVimSjg1evcTqKJCyvCEEj12WKzOSBNak6r4im4J4iYXKH1OWpUV5LBYFg==", + "license": "MIT", "peer": true, "dependencies": { "@emotion/hash": "~0.8.0", @@ -3833,7 +4141,8 @@ "node_modules/css-render/node_modules/csstype": { "version": "3.0.11", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.11.tgz", - "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==" + "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw==", + "license": "MIT" }, "node_modules/cssesc": { "version": "3.0.0", @@ -3881,6 +4190,7 @@ "version": "2.30.0", "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz", "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==", + "license": "MIT", "peer": true, "dependencies": { "@babel/runtime": "^7.21.0" @@ -3894,11 +4204,12 @@ } }, "node_modules/date-fns-tz": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.0.tgz", - "integrity": "sha512-OAtcLdB9vxSXTWHdT8b398ARImVwQMyjfYGkKD2zaGpHseG2UPHbHjXELReErZFxWdSLph3c2zOaaTyHfOhERQ==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/date-fns-tz/-/date-fns-tz-2.0.1.tgz", + "integrity": "sha512-fJCG3Pwx8HUoLhkepdsP7Z5RsucUi+ZBOxyM5d0ZZ6c4SdYustq0VMmOu6Wf7bli+yS/Jwp91TOCqn9jMcVrUA==", + "license": "MIT", "peerDependencies": { - "date-fns": ">=2.0.0" + "date-fns": "2.x" } }, "node_modules/dayjs": { @@ -4044,6 +4355,19 @@ "resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz", "integrity": "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==" }, + "node_modules/enhanced-resolve": { + "version": "5.20.1", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz", + "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==", + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.3.0" + }, + "engines": { + "node": ">=10.13.0" + } + }, "node_modules/entities": { "version": "4.5.0", "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", @@ -4390,7 +4714,8 @@ "node_modules/evtd": { "version": "0.2.4", "resolved": "https://registry.npmjs.org/evtd/-/evtd-0.2.4.tgz", - "integrity": "sha512-qaeGN5bx63s/AXgQo8gj6fBkxge+OoLddLniox5qtLAEY5HSnuSlISXVPxnSae1dWblvTh4/HoMIB+mbMsvZzw==" + "integrity": "sha512-qaeGN5bx63s/AXgQo8gj6fBkxge+OoLddLniox5qtLAEY5HSnuSlISXVPxnSae1dWblvTh4/HoMIB+mbMsvZzw==", + "license": "MIT" }, "node_modules/expect-type": { "version": "1.3.0", @@ -4651,6 +4976,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/graceful-fs": { + "version": "4.2.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", + "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", + "license": "ISC" + }, "node_modules/graphemer": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", @@ -5044,11 +5375,6 @@ "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==" }, - "node_modules/immutable": { - "version": "4.3.5", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz", - "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==" - }, "node_modules/import-fresh": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz", @@ -5090,17 +5416,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/is-binary-path": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", - "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dependencies": { - "binary-extensions": "^2.0.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -5234,6 +5549,15 @@ "node": "*" } }, + "node_modules/jiti": { + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz", + "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==", + "license": "MIT", + "bin": { + "jiti": "lib/jiti-cli.mjs" + } + }, "node_modules/js-base64": { "version": "3.7.8", "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.8.tgz", @@ -6611,15 +6935,17 @@ "license": "MIT" }, "node_modules/naive-ui": { - "version": "2.38.1", - "resolved": "https://registry.npmjs.org/naive-ui/-/naive-ui-2.38.1.tgz", - "integrity": "sha512-AnU1FQ7K/CbhguAX++V4kCFjk7h7RvWt4nvZPRjORMpq+fUIlzD+EcQ5Cv1VqDloNF8+eMv4Akc2Ogacc9S+5A==", + "name": "@nighca/naive-ui", + "version": "2.38.1-layer.0", + "resolved": "https://registry.npmjs.org/@nighca/naive-ui/-/naive-ui-2.38.1-layer.0.tgz", + "integrity": "sha512-pWY+a5fS5bNLTHYCwPMn0qdoxWr/g32GPKoryZOBPXgmejy9nLC+uPqKCZZH29rKOSXfpexMQkIh4QSO4wJmvQ==", + "license": "MIT", "dependencies": { "@css-render/plugin-bem": "^0.15.12", "@css-render/vue3-ssr": "^0.15.12", "@types/katex": "^0.16.2", - "@types/lodash": "^4.14.198", - "@types/lodash-es": "^4.17.9", + "@types/lodash": "4.14.198", + "@types/lodash-es": "4.17.9", "async-validator": "^4.2.5", "css-render": "^0.15.12", "csstype": "^3.1.3", @@ -6633,7 +6959,7 @@ "treemate": "^0.3.11", "vdirs": "^0.1.8", "vooks": "^0.2.12", - "vueuc": "^0.4.58" + "vueuc": "0.4.58" }, "peerDependencies": { "vue": "^3.0.0" @@ -6681,14 +7007,6 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/normalize-path": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/nth-check": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", @@ -6710,14 +7028,6 @@ ], "license": "MIT" }, - "node_modules/ometa": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/ometa/-/ometa-0.2.2.tgz", - "integrity": "sha512-LZuoK/yjU3FvrxPjUXUlZ1bavCfBPqauA7fsNdwi+AVhRdyk2IzgP3JRnevvjzQ6fKHdUw8YISshf53FmpHrng==", - "engines": { - "node": ">= 0.2.0" - } - }, "node_modules/oniguruma-parser": { "version": "0.11.2", "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.11.2.tgz", @@ -7175,22 +7485,6 @@ } } }, - "node_modules/readdirp": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", - "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dependencies": { - "picomatch": "^2.2.1" - }, - "engines": { - "node": ">=8.10.0" - } - }, - "node_modules/regenerator-runtime": { - "version": "0.14.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", - "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==" - }, "node_modules/regex-utilities": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz", @@ -7446,44 +7740,17 @@ "queue-microtask": "^1.2.2" } }, - "node_modules/sass": { - "version": "1.70.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.70.0.tgz", - "integrity": "sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==", - "peer": true, - "dependencies": { - "chokidar": ">=3.0.0 <4.0.0", - "immutable": "^4.0.0", - "source-map-js": ">=0.6.2 <2.0.0" - }, - "bin": { - "sass": "sass.js" - }, - "engines": { - "node": ">=14.0.0" - } - }, "node_modules/scheduler-polyfill": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/scheduler-polyfill/-/scheduler-polyfill-1.3.0.tgz", "integrity": "sha512-bIjhi/KJqo08wrq+K2rlB6HNPh871KgREPpVti4zv0mSY1dCi3qr0rRCw+SGHc8/gtKceev29sN//lf6KiYa/g==", "license": "Apache-2.0" }, - "node_modules/scss": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/scss/-/scss-0.2.4.tgz", - "integrity": "sha512-4u8V87F+Q/upVhUmhPnB4C1R11xojkRkWjExL2v0CX2EXTg18VrKd+9JWoeyCp2VEMdSpJsyAvVU+rVjogh51A==", - "dependencies": { - "ometa": "0.2.2" - }, - "engines": { - "node": ">= 0.2.0" - } - }, "node_modules/seemly": { - "version": "0.3.8", - "resolved": "https://registry.npmjs.org/seemly/-/seemly-0.3.8.tgz", - "integrity": "sha512-MW8Qs6vbzo0pHmDpFSYPna+lwpZ6Zk1ancbajw/7E8TKtHdV+1DfZZD+kKJEhG/cAoB/i+LiT+5msZOqj0DwRA==" + "version": "0.3.10", + "resolved": "https://registry.npmjs.org/seemly/-/seemly-0.3.10.tgz", + "integrity": "sha512-2+SMxtG1PcsL0uyhkumlOU6Qo9TAQ/WyH7tthnPIOQB05/12jz9naq6GZ6iZ6ApVsO3rr2gsnTf3++OV63kE1Q==", + "license": "MIT" }, "node_modules/semver": { "version": "7.7.3", @@ -7819,9 +8086,9 @@ } }, "node_modules/tailwind-merge": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz", - "integrity": "sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==", + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz", + "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==", "license": "MIT", "funding": { "type": "github", @@ -7829,12 +8096,25 @@ } }, "node_modules/tailwindcss": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.1.tgz", - "integrity": "sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==", + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz", + "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==", "license": "MIT", "peer": true }, + "node_modules/tapable": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz", + "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==", + "license": "MIT", + "engines": { + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" + } + }, "node_modules/tinybench": { "version": "2.9.0", "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz", @@ -8181,6 +8461,7 @@ "version": "0.1.8", "resolved": "https://registry.npmjs.org/vdirs/-/vdirs-0.1.8.tgz", "integrity": "sha512-H9V1zGRLQZg9b+GdMk8MXDN2Lva0zx72MPahDKc30v+DtwKjfyOSXWRIX4t2mhDubM1H09gPhWeth/BJWPHGUw==", + "license": "MIT", "dependencies": { "evtd": "^0.2.2" }, @@ -8430,6 +8711,7 @@ "version": "0.2.12", "resolved": "https://registry.npmjs.org/vooks/-/vooks-0.2.12.tgz", "integrity": "sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==", + "license": "MIT", "dependencies": { "evtd": "^0.2.2" }, @@ -8596,6 +8878,7 @@ "version": "0.4.58", "resolved": "https://registry.npmjs.org/vueuc/-/vueuc-0.4.58.tgz", "integrity": "sha512-Wnj/N8WbPRSxSt+9ji1jtDHPzda5h2OH/0sFBhvdxDRuyCZbjGg3/cKMaKqEoe+dErTexG2R+i6Q8S/Toq1MYg==", + "license": "MIT", "dependencies": { "@css-render/vue3-ssr": "^0.15.10", "@juggle/resize-observer": "^3.3.1", diff --git a/spx-gui/package.json b/spx-gui/package.json index 64a87f3bd..0d497d2a5 100644 --- a/spx-gui/package.json +++ b/spx-gui/package.json @@ -23,6 +23,7 @@ "@sentry/core": "^9.33.0", "@sentry/vue": "^9.33.0", "@shikijs/monaco": "^3.2.2", + "@tailwindcss/vite": "^4.2.2", "@tanstack/vue-query": "^5.36.1", "@tsconfig/node24": "^24.0.3", "@types/file-saver": "^2.0.7", @@ -55,16 +56,16 @@ "mdast-util-from-markdown": "^2.0.2", "mdast-util-to-hast": "^13.2.0", "monaco-editor": "^0.52.2", - "naive-ui": "^2.38.1", + "naive-ui": "npm:@nighca/naive-ui@^2.38.1-layer.0", "nanoid": "^5.0.5", "prettier": "^3.2.2", "property-information": "^6.5.0", "qiniu-js": "^4.0.0-beta.6", - "sass": "^1.69.7", "scheduler-polyfill": "^1.3.0", - "scss": "^0.2.4", "shiki": "^3.2.2", "sortablejs": "^1.15.6", + "tailwind-merge": "^3.5.0", + "tailwindcss": "^4.2.2", "typescript": "^5.9.3", "vite": "^8.0.0", "vite-plugin-ejs": "^1.7.0", diff --git a/spx-gui/src/App.vue b/spx-gui/src/App.vue index d0f0e66c0..6b3cbeb5f 100644 --- a/spx-gui/src/App.vue +++ b/spx-gui/src/App.vue @@ -53,7 +53,3 @@ const config = computed(() => ({ useInstallRouteLoading() - - diff --git a/spx-gui/src/app.css b/spx-gui/src/app.css new file mode 100644 index 000000000..8692ad905 --- /dev/null +++ b/spx-gui/src/app.css @@ -0,0 +1,270 @@ +@import './components/ui/global.css'; +@import 'tailwindcss/theme.css' layer(theme); +@import 'tailwindcss/utilities.css' layer(utilities); + +/* @tailwindcss/vite performs automatic source detection; re-add @source if specific files are missed */ + +/* + * Shared UILink component variants. + * + * These classes mirror the public variants used by src/components/ui/UILink.vue. + * Keep the interaction states aligned, but do not treat this file as the source of truth + * for the component implementation under src/components/ui/. + */ +@layer components { + .link-primary { + transition: color 0.1s; + color: var(--ui-color-primary-main); + text-decoration: none; + + &:hover { + color: var(--ui-color-primary-400); + } + + &:active { + color: var(--ui-color-primary-600); + } + } + + .link-boring { + transition: color 0.1s; + color: inherit; + + &:hover { + color: var(--ui-color-primary-main); + } + + &:active { + color: var(--ui-color-primary-600); + } + } +} + +/* + * Tailwind theme bridge for the existing UI token system. + * + * Source of truth: + * - token definitions live in src/components/ui/tokens/ + * - UIConfigProvider exposes them as global --ui-* CSS variables + * + * This file maps those --ui-* variables into Tailwind theme tokens so template + * utilities can use semantic classes such as text-text and bg-primary-100. + */ +@theme { + /* Keep only the project's breakpoint names to avoid a parallel default scale. */ + --breakpoint-*: initial; + --color-*: initial; + --shadow-*: initial; + --font-*: initial; + --text-*: initial; + --radius-*: initial; + + /* + * Naming note for Tailwind utility authoring: + * - Prefer standard Tailwind token names when possible (for example `rounded-md` instead of old project-local names like `rounded-2`). + * - `tailwind-merge` understands standard utility groups much better than project-private aliases, so keeping token names aligned here makes class overrides more predictable. + * - For values that still need custom CSS variables, prefer staying inside the original utility namespace when practical. + * Example: use `rounded-md` bridged to `--ui-border-radius-2`, or `h-(--ui-line-height-2)` for height. + */ + + /* Mirrors src/components/ui/responsive.ts. */ + --breakpoint-tablet: 48rem; + --breakpoint-desktop: 80rem; + --breakpoint-desktop-large: 105rem; + + /* Product palette and semantic color tokens bridged from global --ui-color-* vars. */ + --color-turquoise-100: var(--ui-color-turquoise-100, #f3fcfd); + --color-turquoise-200: var(--ui-color-turquoise-200, #e7f9fa); + --color-turquoise-300: var(--ui-color-turquoise-300, #b5ebf0); + --color-turquoise-400: var(--ui-color-turquoise-400, #3fcdd9); + --color-turquoise-500: var(--ui-color-turquoise-500, #0bc0cf); + --color-turquoise-600: var(--ui-color-turquoise-600, #0eafbc); + --color-turquoise-700: var(--ui-color-turquoise-700, #0b8893); + --color-turquoise-main: var(--ui-color-turquoise-main, #0bc0cf); + + --color-yellow-100: var(--ui-color-yellow-100, #fffaf5); + --color-yellow-200: var(--ui-color-yellow-200, #fff6eb); + --color-yellow-300: var(--ui-color-yellow-300, #fde2c0); + --color-yellow-400: var(--ui-color-yellow-400, #fbb45d); + --color-yellow-500: var(--ui-color-yellow-500, #faa135); + --color-yellow-600: var(--ui-color-yellow-600, #e49330); + --color-yellow-700: var(--ui-color-yellow-700, #b27226); + --color-yellow-main: var(--ui-color-yellow-main, #faa135); + + --color-purple-100: var(--ui-color-purple-100, #faf8ff); + --color-purple-200: var(--ui-color-purple-200, #f6f1ff); + --color-purple-300: var(--ui-color-purple-300, #e2d4ff); + --color-purple-400: var(--ui-color-purple-400, #b390ff); + --color-purple-500: var(--ui-color-purple-500, #a074ff); + --color-purple-600: var(--ui-color-purple-600, #926ae8); + --color-purple-700: var(--ui-color-purple-700, #7252b5); + --color-purple-main: var(--ui-color-purple-main, #a074ff); + + --color-blue-100: var(--ui-color-blue-100, #f4faff); + --color-blue-200: var(--ui-color-blue-200, #e9f5ff); + --color-blue-300: var(--ui-color-blue-300, #bae1fe); + --color-blue-400: var(--ui-color-blue-400, #4db2fd); + --color-blue-500: var(--ui-color-blue-500, #219ffc); + --color-blue-600: var(--ui-color-blue-600, #1e91e5); + --color-blue-700: var(--ui-color-blue-700, #1771b3); + --color-blue-main: var(--ui-color-blue-main, #219ffc); + + --color-red-100: var(--ui-color-red-100, #feefef); + --color-red-200: var(--ui-color-red-200, #fdc7c7); + --color-red-300: var(--ui-color-red-300, #ff97a0); + --color-red-400: var(--ui-color-red-400, #f15d64); + --color-red-500: var(--ui-color-red-500, #ef4149); + --color-red-600: var(--ui-color-red-600, #bc292e); + --color-red-main: var(--ui-color-red-main, #ef4149); + + --color-green-100: var(--ui-color-green-100, #e0f8e3); + --color-green-200: var(--ui-color-green-200, #cbf1cd); + --color-green-300: var(--ui-color-green-300, #b0ea90); + --color-green-400: var(--ui-color-green-400, #90e05a); + --color-green-500: var(--ui-color-green-500, #63ce29); + --color-green-600: var(--ui-color-green-600, #3ca80c); + --color-green-main: var(--ui-color-green-main, #63ce29); + + --color-grey-100: var(--ui-color-grey-100, #ffffff); + --color-grey-200: var(--ui-color-grey-200, #fbfcfd); + --color-grey-300: var(--ui-color-grey-300, #f6f8fa); + --color-grey-400: var(--ui-color-grey-400, #eaeff3); + --color-grey-500: var(--ui-color-grey-500, #d9dfe5); + --color-grey-600: var(--ui-color-grey-600, #cbd2d8); + --color-grey-700: var(--ui-color-grey-700, #a7b1bb); + --color-grey-800: var(--ui-color-grey-800, #6e7781); + --color-grey-900: var(--ui-color-grey-900, #57606a); + --color-grey-1000: var(--ui-color-grey-1000, #24292f); + + --color-primary-100: var(--ui-color-primary-100, #f3fcfd); + --color-primary-200: var(--ui-color-primary-200, #e7f9fa); + --color-primary-300: var(--ui-color-primary-300, #b5ebf0); + --color-primary-400: var(--ui-color-primary-400, #3fcdd9); + --color-primary-500: var(--ui-color-primary-500, #0bc0cf); + --color-primary-600: var(--ui-color-primary-600, #0eafbc); + --color-primary-700: var(--ui-color-primary-700, #0b8893); + --color-primary-main: var(--ui-color-primary-main, #0bc0cf); + + --color-sprite-100: var(--ui-color-sprite-100, #fffaf5); + --color-sprite-200: var(--ui-color-sprite-200, #fff6eb); + --color-sprite-300: var(--ui-color-sprite-300, #fde2c0); + --color-sprite-400: var(--ui-color-sprite-400, #fbb45d); + --color-sprite-500: var(--ui-color-sprite-500, #faa135); + --color-sprite-600: var(--ui-color-sprite-600, #e49330); + --color-sprite-700: var(--ui-color-sprite-700, #b27226); + --color-sprite-main: var(--ui-color-sprite-main, #faa135); + --color-sprite-bg-selected: var(--ui-color-sprite-bg-selected, #fff6eb); + + --color-sound-100: var(--ui-color-sound-100, #f4faff); + --color-sound-200: var(--ui-color-sound-200, #e9f5ff); + --color-sound-300: var(--ui-color-sound-300, #bae1fe); + --color-sound-400: var(--ui-color-sound-400, #4db2fd); + --color-sound-500: var(--ui-color-sound-500, #219ffc); + --color-sound-600: var(--ui-color-sound-600, #1e91e5); + --color-sound-700: var(--ui-color-sound-700, #1771b3); + --color-sound-main: var(--ui-color-sound-main, #219ffc); + --color-sound-bg-selected: var(--ui-color-sound-bg-selected, #e9f5ff); + + --color-stage-100: var(--ui-color-stage-100, #f4faff); + --color-stage-200: var(--ui-color-stage-200, #e9f5ff); + --color-stage-300: var(--ui-color-stage-300, #bae1fe); + --color-stage-400: var(--ui-color-stage-400, #4db2fd); + --color-stage-500: var(--ui-color-stage-500, #219ffc); + --color-stage-600: var(--ui-color-stage-600, #1e91e5); + --color-stage-700: var(--ui-color-stage-700, #1771b3); + --color-stage-main: var(--ui-color-stage-main, #219ffc); + --color-stage-bg-selected: var(--ui-color-stage-bg-selected, #e9f5ff); + + --color-danger-100: var(--ui-color-danger-100, #feefef); + --color-danger-200: var(--ui-color-danger-200, #fdc7c7); + --color-danger-300: var(--ui-color-danger-300, #ff97a0); + --color-danger-400: var(--ui-color-danger-400, #f15d64); + --color-danger-500: var(--ui-color-danger-500, #ef4149); + --color-danger-600: var(--ui-color-danger-600, #bc292e); + --color-danger-main: var(--ui-color-danger-main, #ef4149); + + --color-success-100: var(--ui-color-success-100, #e0f8e3); + --color-success-200: var(--ui-color-success-200, #cbf1cd); + --color-success-300: var(--ui-color-success-300, #b0ea90); + --color-success-400: var(--ui-color-success-400, #90e05a); + --color-success-500: var(--ui-color-success-500, #63ce29); + --color-success-600: var(--ui-color-success-600, #3ca80c); + --color-success-main: var(--ui-color-success-main, #63ce29); + + --color-disabled-bg: var(--ui-color-disabled-bg, #f6f8fa); + --color-disabled-text: var(--ui-color-disabled-text, #cbd2d8); + --color-title: var(--ui-color-title, #24292f); + --color-text: var(--ui-color-text, #57606a); + --color-hint-1: var(--ui-color-hint-1, #6e7781); + --color-hint-2: var(--ui-color-hint-2, #a7b1bb); + --color-dividing-line-1: var(--ui-color-dividing-line-1, #d9dfe5); + --color-dividing-line-2: var(--ui-color-dividing-line-2, #eaeff3); + --color-border: var(--ui-color-border, #cbd2d8); + + --color-black: #000; + --color-white: #fff; + + /* Typography tokens bridged from the UI token layer. */ + --font-main: var( + --ui-font-family-main, + AlibabaHealthB, + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + Roboto, + 'Helvetica Neue', + Arial, + 'Noto Sans', + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + 'Segoe UI Symbol', + 'Noto Color Emoji' + ); + --font-code: var(--ui-font-family-code, Menlo, Monaco, 'Courier New', monospace); + + /* Radius and shadow tokens bridged from the UI token layer. */ + --radius-none: 0px; + --radius-full: 9999px; + --radius-sm: var(--ui-border-radius-1, 8px); + --radius-md: var(--ui-border-radius-2, 12px); + --radius-lg: var(--ui-border-radius-3, 20px); + + /* + * The radius aliases above intentionally use Tailwind's standard names (`sm` / `md` / `lg`). + * This keeps component classes readable and also lets `tailwind-merge` treat radius overrides as a single conflict group. + */ + + --shadow-none: 0 0 #0000; + --shadow-small: var(--ui-box-shadow-small, 0px 2px 8px 0px rgba(51, 51, 51, 0.08)); + --shadow-big: var(--ui-box-shadow-big, 0px 4px 24px 0px rgba(36, 41, 47, 0.08)); + --shadow-diffusion: var(--ui-box-shadow-diffusion, 0px 4px 12px 0px #d0f2f8); + + /* Shared spacing and text-size helpers bridged for utility-class authoring. */ + --spacing-middle: var(--ui-gap-middle, 16px); + --spacing-large: var(--ui-gap-large, 24px); + + /* `text-base` is Tailwind standard name, recognized by twMerge naturally. */ + --text-base: var(--ui-font-size-text, 14px); + --text-base--line-height: 1.57143; + /* Numeric `text-` utilities are recognized as font sizes by the shared `cn()` twMerge config. */ + /* TODO: If additional semantic `text-*` size names such as `text-button` / `text-heading` are introduced later, extend `tailwind-merge` first so they do not collide with color utilities like `text-title`. */ + --text-10: 10px; + --text-10--line-height: 1.5; + --text-12: 12px; + --text-12--line-height: 1.5; + --text-13: 13px; + --text-13--line-height: 1.5; + --text-15: 15px; + --text-15--line-height: 1.5; + --text-16: 16px; + --text-16--line-height: 26px; + --text-18: 18px; + --text-18--line-height: 1.5; + --text-20: 20px; + --text-20--line-height: 1.5; + --text-24: 24px; + --text-24--line-height: 1.5; + --text-36: 36px; + --text-36--line-height: 1.5; +} diff --git a/spx-gui/src/components/app/browser-check/BrowserVersionReminder.vue b/spx-gui/src/components/app/browser-check/BrowserVersionReminder.vue index e8ffa0ae5..d7370aea4 100644 --- a/spx-gui/src/components/app/browser-check/BrowserVersionReminder.vue +++ b/spx-gui/src/components/app/browser-check/BrowserVersionReminder.vue @@ -8,7 +8,7 @@ @update:visible="visible = $event" >
{{ $t(content) }}
-