From 09ddaf94b24b2e95f6591245119202e5f211bc19 Mon Sep 17 00:00:00 2001 From: Ettore Di Giacinto Date: Thu, 5 Mar 2026 21:47:12 +0100 Subject: [PATCH] feat(ui): move to React for frontend (#8772) * feat(ui): move to React Signed-off-by: Ettore Di Giacinto * Add import model Signed-off-by: Ettore Di Giacinto * syntax highlight Signed-off-by: Ettore Di Giacinto * Minor fixups Signed-off-by: Ettore Di Giacinto --------- Signed-off-by: Ettore Di Giacinto --- .github/workflows/test.yml | 12 + .github/workflows/tests-e2e.yml | 6 + .gitignore | 4 + .goreleaser.yaml | 1 + Dockerfile | 14 + Makefile | 17 +- core/application/startup.go | 17 + core/cli/run.go | 3 +- core/dependencies_manager/manager.go | 3 + core/http/app.go | 49 + core/http/endpoints/localai/settings.go | 11 +- core/http/react-ui/bun.lock | 441 ++++ core/http/react-ui/eslint.config.js | 29 + core/http/react-ui/index.html | 16 + core/http/react-ui/package.json | 30 + core/http/react-ui/src/App.css | 2001 +++++++++++++++++ core/http/react-ui/src/App.jsx | 68 + .../react-ui/src/components/CodeEditor.jsx | 111 + .../src/components/LoadingSpinner.jsx | 8 + .../react-ui/src/components/ModelSelector.jsx | 27 + .../react-ui/src/components/OperationsBar.jsx | 61 + .../src/components/ResourceMonitor.jsx | 111 + core/http/react-ui/src/components/Sidebar.jsx | 102 + .../react-ui/src/components/ThemeToggle.jsx | 15 + core/http/react-ui/src/components/Toast.jsx | 71 + .../react-ui/src/contexts/ThemeContext.jsx | 32 + core/http/react-ui/src/hooks/useChat.js | 601 +++++ core/http/react-ui/src/hooks/useModels.js | 69 + core/http/react-ui/src/hooks/useOperations.js | 48 + core/http/react-ui/src/hooks/useResources.js | 31 + core/http/react-ui/src/index.css | 59 + core/http/react-ui/src/main.jsx | 17 + .../react-ui/src/pages/AgentJobDetails.jsx | 398 ++++ core/http/react-ui/src/pages/AgentJobs.jsx | 496 ++++ .../react-ui/src/pages/AgentTaskDetails.jsx | 508 +++++ core/http/react-ui/src/pages/Backends.jsx | 498 ++++ core/http/react-ui/src/pages/Chat.jsx | 852 +++++++ core/http/react-ui/src/pages/Explorer.jsx | 26 + core/http/react-ui/src/pages/Home.jsx | 770 +++++++ core/http/react-ui/src/pages/ImageGen.jsx | 152 ++ core/http/react-ui/src/pages/ImportModel.jsx | 445 ++++ core/http/react-ui/src/pages/Login.jsx | 58 + core/http/react-ui/src/pages/Manage.jsx | 350 +++ core/http/react-ui/src/pages/ModelEditor.jsx | 70 + core/http/react-ui/src/pages/Models.jsx | 554 +++++ core/http/react-ui/src/pages/NotFound.jsx | 19 + core/http/react-ui/src/pages/P2P.jsx | 684 ++++++ core/http/react-ui/src/pages/Settings.jsx | 468 ++++ core/http/react-ui/src/pages/Sound.jsx | 152 ++ core/http/react-ui/src/pages/TTS.jsx | 95 + core/http/react-ui/src/pages/Talk.jsx | 200 ++ core/http/react-ui/src/pages/Traces.jsx | 167 ++ core/http/react-ui/src/pages/VideoGen.jsx | 148 ++ core/http/react-ui/src/router.jsx | 66 + core/http/react-ui/src/theme.css | 138 ++ core/http/react-ui/src/utils/api.js | 253 +++ core/http/react-ui/src/utils/config.js | 82 + core/http/react-ui/src/utils/format.js | 22 + core/http/react-ui/src/utils/markdown.js | 27 + core/http/react-ui/vite.config.js | 32 + core/http/routes/ui.go | 428 +--- core/http/routes/ui_api.go | 84 + core/http/routes/ui_backend_gallery.go | 17 +- core/http/routes/ui_gallery.go | 16 +- pkg/functions/functions_test.go | 1 + webui_static.yaml | 6 + 66 files changed, 11947 insertions(+), 420 deletions(-) create mode 100644 core/http/react-ui/bun.lock create mode 100644 core/http/react-ui/eslint.config.js create mode 100644 core/http/react-ui/index.html create mode 100644 core/http/react-ui/package.json create mode 100644 core/http/react-ui/src/App.css create mode 100644 core/http/react-ui/src/App.jsx create mode 100644 core/http/react-ui/src/components/CodeEditor.jsx create mode 100644 core/http/react-ui/src/components/LoadingSpinner.jsx create mode 100644 core/http/react-ui/src/components/ModelSelector.jsx create mode 100644 core/http/react-ui/src/components/OperationsBar.jsx create mode 100644 core/http/react-ui/src/components/ResourceMonitor.jsx create mode 100644 core/http/react-ui/src/components/Sidebar.jsx create mode 100644 core/http/react-ui/src/components/ThemeToggle.jsx create mode 100644 core/http/react-ui/src/components/Toast.jsx create mode 100644 core/http/react-ui/src/contexts/ThemeContext.jsx create mode 100644 core/http/react-ui/src/hooks/useChat.js create mode 100644 core/http/react-ui/src/hooks/useModels.js create mode 100644 core/http/react-ui/src/hooks/useOperations.js create mode 100644 core/http/react-ui/src/hooks/useResources.js create mode 100644 core/http/react-ui/src/index.css create mode 100644 core/http/react-ui/src/main.jsx create mode 100644 core/http/react-ui/src/pages/AgentJobDetails.jsx create mode 100644 core/http/react-ui/src/pages/AgentJobs.jsx create mode 100644 core/http/react-ui/src/pages/AgentTaskDetails.jsx create mode 100644 core/http/react-ui/src/pages/Backends.jsx create mode 100644 core/http/react-ui/src/pages/Chat.jsx create mode 100644 core/http/react-ui/src/pages/Explorer.jsx create mode 100644 core/http/react-ui/src/pages/Home.jsx create mode 100644 core/http/react-ui/src/pages/ImageGen.jsx create mode 100644 core/http/react-ui/src/pages/ImportModel.jsx create mode 100644 core/http/react-ui/src/pages/Login.jsx create mode 100644 core/http/react-ui/src/pages/Manage.jsx create mode 100644 core/http/react-ui/src/pages/ModelEditor.jsx create mode 100644 core/http/react-ui/src/pages/Models.jsx create mode 100644 core/http/react-ui/src/pages/NotFound.jsx create mode 100644 core/http/react-ui/src/pages/P2P.jsx create mode 100644 core/http/react-ui/src/pages/Settings.jsx create mode 100644 core/http/react-ui/src/pages/Sound.jsx create mode 100644 core/http/react-ui/src/pages/TTS.jsx create mode 100644 core/http/react-ui/src/pages/Talk.jsx create mode 100644 core/http/react-ui/src/pages/Traces.jsx create mode 100644 core/http/react-ui/src/pages/VideoGen.jsx create mode 100644 core/http/react-ui/src/router.jsx create mode 100644 core/http/react-ui/src/theme.css create mode 100644 core/http/react-ui/src/utils/api.js create mode 100644 core/http/react-ui/src/utils/config.js create mode 100644 core/http/react-ui/src/utils/format.js create mode 100644 core/http/react-ui/src/utils/markdown.js create mode 100644 core/http/react-ui/vite.config.js diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index 73eb6a80e..fd6eece4c 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -94,6 +94,12 @@ jobs: run: | sudo apt-get update sudo apt-get install curl ffmpeg + - name: Setup Node.js + uses: actions/setup-node@v4 + with: + node-version: '22' + - name: Build React UI + run: make react-ui - name: Build backends run: | make backends/transformers @@ -191,6 +197,12 @@ jobs: run: | brew install protobuf grpc make protoc-gen-go protoc-gen-go-grpc libomp llvm pip install --user --no-cache-dir grpcio-tools grpcio + - name: Setup Node.js + uses: actions/setup-node@v4 + with: + node-version: '22' + - name: Build React UI + run: make react-ui - name: Build llama-cpp-darwin run: | make protogen-go diff --git a/.github/workflows/tests-e2e.yml b/.github/workflows/tests-e2e.yml index b7ba47feb..490eb296a 100644 --- a/.github/workflows/tests-e2e.yml +++ b/.github/workflows/tests-e2e.yml @@ -44,6 +44,12 @@ jobs: run: | sudo apt-get update sudo apt-get install -y build-essential + - name: Setup Node.js + uses: actions/setup-node@v4 + with: + node-version: '22' + - name: Build React UI + run: make react-ui - name: Test Backend E2E run: | PATH="$PATH:$HOME/go/bin" make build-mock-backend test-e2e diff --git a/.gitignore b/.gitignore index f9f861c22..3d7e27f7a 100644 --- a/.gitignore +++ b/.gitignore @@ -65,3 +65,7 @@ docs/static/gallery.html # per-developer customization files for the development container .devcontainer/customization/* + +# React UI build artifacts (keep placeholder dist/index.html) +core/http/react-ui/node_modules/ +core/http/react-ui/dist diff --git a/.goreleaser.yaml b/.goreleaser.yaml index 5c5bf9987..71c9c96e4 100644 --- a/.goreleaser.yaml +++ b/.goreleaser.yaml @@ -2,6 +2,7 @@ version: 2 before: hooks: - make protogen-go + - make react-ui - go mod tidy dist: release source: diff --git a/Dockerfile b/Dockerfile index 93856d329..666f19ab1 100644 --- a/Dockerfile +++ b/Dockerfile @@ -291,6 +291,17 @@ EOT ################################### ################################### +# Build React UI +FROM node:22-slim AS react-ui-builder +WORKDIR /app +COPY core/http/react-ui/package*.json ./ +RUN npm install +COPY core/http/react-ui/ ./ +RUN npm run build + +################################### +################################### + # Compile backends first in a separate stage FROM builder-base AS builder-backends ARG TARGETARCH @@ -320,6 +331,9 @@ WORKDIR /build COPY . . +# Copy pre-built React UI +COPY --from=react-ui-builder /app/dist ./core/http/react-ui/dist + ## Build the binary ## If we're on arm64 AND using cublas/hipblas, skip some of the llama-compat backends to save space ## Otherwise just run the normal build diff --git a/Makefile b/Makefile index 704124c9a..54c21088a 100644 --- a/Makefile +++ b/Makefile @@ -91,8 +91,22 @@ install-go-tools: go install google.golang.org/grpc/cmd/protoc-gen-go-grpc@1958fcbe2ca8bd93af633f11e97d44e567e945af go install google.golang.org/protobuf/cmd/protoc-gen-go@v1.34.2 +## React UI: +react-ui: +ifneq ($(wildcard core/http/react-ui/dist),) + @echo "react-ui dist already exists, skipping build" +else + cd core/http/react-ui && npm install && npm run build +endif + +react-ui-docker: + docker run --entrypoint /bin/bash -v $(CURDIR):/app:z oven/bun:1 \ + -c "cd /app/core/http/react-ui && bun install && bun run build" + +core/http/react-ui/dist: react-ui + ## Build: -build: protogen-go install-go-tools ## Build the project +build: protogen-go install-go-tools core/http/react-ui/dist ## Build the project $(info ${GREEN}I local-ai build info:${RESET}) $(info ${GREEN}I BUILD_TYPE: ${YELLOW}$(BUILD_TYPE)${RESET}) $(info ${GREEN}I GO_TAGS: ${YELLOW}$(GO_TAGS)${RESET}) @@ -559,6 +573,7 @@ clean-mock-backend: swagger: swag init -g core/http/app.go --output swagger +# DEPRECATED: gen-assets is for the legacy Alpine.js UI. Remove when legacy UI is removed. .PHONY: gen-assets gen-assets: $(GOCMD) run core/dependencies_manager/manager.go webui_static.yaml core/http/static/assets diff --git a/core/application/startup.go b/core/application/startup.go index 29090a4b7..9683d4e13 100644 --- a/core/application/startup.go +++ b/core/application/startup.go @@ -354,6 +354,23 @@ func loadRuntimeSettingsFromFile(options *config.ApplicationConfig) { } } + // P2P settings + if settings.P2PToken != nil { + if options.P2PToken == "" { + options.P2PToken = *settings.P2PToken + } + } + if settings.P2PNetworkID != nil { + if options.P2PNetworkID == "" { + options.P2PNetworkID = *settings.P2PNetworkID + } + } + if settings.Federated != nil { + if !options.Federated { + options.Federated = *settings.Federated + } + } + xlog.Debug("Runtime settings loaded from runtime_settings.json") } diff --git a/core/cli/run.go b/core/cli/run.go index 7410c8def..7c7c92d0e 100644 --- a/core/cli/run.go +++ b/core/cli/run.go @@ -300,7 +300,8 @@ func (r *RunCMD) Run(ctx *cliContext.Context) error { xlog.Info("LocalAI is started and running", "address", r.Address) - if token != "" { + // Start P2P if token was provided via CLI/env or loaded from runtime_settings.json + if token != "" || app.ApplicationConfig().P2PToken != "" { if err := app.StartP2P(); err != nil { return err } diff --git a/core/dependencies_manager/manager.go b/core/dependencies_manager/manager.go index 8434f7210..b7addff7a 100644 --- a/core/dependencies_manager/manager.go +++ b/core/dependencies_manager/manager.go @@ -1,3 +1,6 @@ +// DEPRECATED: This tool downloads static assets for the legacy Alpine.js UI. +// The new React UI (core/http/react-ui/) bundles all dependencies via npm. +// Remove this file when the legacy UI (core/http/views/) is removed. package main import ( diff --git a/core/http/app.go b/core/http/app.go index 437d52413..244d0ec1a 100644 --- a/core/http/app.go +++ b/core/http/app.go @@ -5,6 +5,7 @@ import ( "errors" "fmt" "io/fs" + "mime" "net/http" "os" "path/filepath" @@ -29,6 +30,11 @@ import ( //go:embed static/* var embedDirStatic embed.FS +// Embed React UI build output +// +//go:embed react-ui/dist/* +var reactUI embed.FS + var quietPaths = []string{"/api/operations", "/api/resources", "/healthz", "/readyz"} // @title LocalAI API @@ -229,6 +235,49 @@ func API(application *application.Application) (*echo.Echo, error) { if !application.ApplicationConfig().DisableWebUI { routes.RegisterUIAPIRoutes(e, application.ModelConfigLoader(), application.ModelLoader(), application.ApplicationConfig(), application.GalleryService(), opcache, application) routes.RegisterUIRoutes(e, application.ModelConfigLoader(), application.ModelLoader(), application.ApplicationConfig(), application.GalleryService()) + + // Serve React SPA at /app with SPA fallback + reactFS, fsErr := fs.Sub(reactUI, "react-ui/dist") + if fsErr != nil { + xlog.Warn("React UI not available (build with 'make core/http/react-ui/dist')", "error", fsErr) + } else { + serveIndex := func(c echo.Context) error { + indexHTML, err := reactUI.ReadFile("react-ui/dist/index.html") + if err != nil { + return c.String(http.StatusNotFound, "React UI not built") + } + // Inject for reverse-proxy support + baseURL := httpMiddleware.BaseURL(c) + if baseURL != "" { + baseTag := `` + indexHTML = []byte(strings.Replace(string(indexHTML), "", "\n "+baseTag, 1)) + } + return c.HTMLBlob(http.StatusOK, indexHTML) + } + + e.GET("/", serveIndex) + e.GET("/app", serveIndex) + e.GET("/app/*", func(c echo.Context) error { + p := c.Param("*") + + // Try to serve static file from embedded FS + f, err := reactFS.Open(p) + if err == nil { + defer f.Close() + stat, statErr := f.Stat() + if statErr == nil && !stat.IsDir() { + contentType := mime.TypeByExtension(filepath.Ext(p)) + if contentType == "" { + contentType = echo.MIMEOctetStream + } + return c.Stream(http.StatusOK, contentType, f) + } + } + + // SPA fallback: serve index.html for client-side routing + return serveIndex(c) + }) + } } routes.RegisterJINARoutes(e, requestExtractor, application.ModelConfigLoader(), application.ModelLoader(), application.ApplicationConfig()) diff --git a/core/http/endpoints/localai/settings.go b/core/http/endpoints/localai/settings.go index ce835e983..0114b31ac 100644 --- a/core/http/endpoints/localai/settings.go +++ b/core/http/endpoints/localai/settings.go @@ -96,6 +96,12 @@ func UpdateSettingsEndpoint(app *application.Application) echo.HandlerFunc { } } + // Generate P2P token before saving so the real token is persisted (not "0") + if settings.P2PToken != nil && *settings.P2PToken == "0" { + token := p2p.GenerateToken(60, 60) + settings.P2PToken = &token + } + // Save to file if appConfig.DynamicConfigsDir == "" { return c.JSON(http.StatusBadRequest, schema.SettingsResponse{ @@ -218,11 +224,6 @@ func UpdateSettingsEndpoint(app *application.Application) echo.HandlerFunc { }) } } else { - if settings.P2PToken != nil && *settings.P2PToken == "0" { - token := p2p.GenerateToken(60, 60) - settings.P2PToken = &token - appConfig.P2PToken = token - } if err := app.RestartP2P(); err != nil { xlog.Error("Failed to restart P2P", "error", err) return c.JSON(http.StatusInternalServerError, schema.SettingsResponse{ diff --git a/core/http/react-ui/bun.lock b/core/http/react-ui/bun.lock new file mode 100644 index 000000000..858c016f4 --- /dev/null +++ b/core/http/react-ui/bun.lock @@ -0,0 +1,441 @@ +{ + "lockfileVersion": 1, + "configVersion": 0, + "workspaces": { + "": { + "name": "localai-react-ui", + "dependencies": { + "dompurify": "^3.2.5", + "highlight.js": "^11.11.1", + "marked": "^15.0.7", + "react": "^19.1.0", + "react-dom": "^19.1.0", + "react-router-dom": "^7.6.1", + }, + "devDependencies": { + "@eslint/js": "^9.27.0", + "@vitejs/plugin-react": "^4.5.2", + "eslint": "^9.27.0", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-react-refresh": "^0.4.20", + "globals": "^16.1.0", + "vite": "^6.3.5", + }, + }, + }, + "packages": { + "@babel/code-frame": ["@babel/code-frame@7.29.0", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw=="], + + "@babel/compat-data": ["@babel/compat-data@7.29.0", "", {}, "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg=="], + + "@babel/core": ["@babel/core@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-compilation-targets": "^7.28.6", "@babel/helper-module-transforms": "^7.28.6", "@babel/helpers": "^7.28.6", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/traverse": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA=="], + + "@babel/generator": ["@babel/generator@7.29.1", "", { "dependencies": { "@babel/parser": "^7.29.0", "@babel/types": "^7.29.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw=="], + + "@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.28.6", "", { "dependencies": { "@babel/compat-data": "^7.28.6", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA=="], + + "@babel/helper-globals": ["@babel/helper-globals@7.28.0", "", {}, "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw=="], + + "@babel/helper-module-imports": ["@babel/helper-module-imports@7.28.6", "", { "dependencies": { "@babel/traverse": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw=="], + + "@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.6", "", { "dependencies": { "@babel/helper-module-imports": "^7.28.6", "@babel/helper-validator-identifier": "^7.28.5", "@babel/traverse": "^7.28.6" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA=="], + + "@babel/helper-plugin-utils": ["@babel/helper-plugin-utils@7.28.6", "", {}, "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug=="], + + "@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="], + + "@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="], + + "@babel/helper-validator-option": ["@babel/helper-validator-option@7.27.1", "", {}, "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="], + + "@babel/helpers": ["@babel/helpers@7.28.6", "", { "dependencies": { "@babel/template": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw=="], + + "@babel/parser": ["@babel/parser@7.29.0", "", { "dependencies": { "@babel/types": "^7.29.0" }, "bin": "./bin/babel-parser.js" }, "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww=="], + + "@babel/plugin-transform-react-jsx-self": ["@babel/plugin-transform-react-jsx-self@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw=="], + + "@babel/plugin-transform-react-jsx-source": ["@babel/plugin-transform-react-jsx-source@7.27.1", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.27.1" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw=="], + + "@babel/template": ["@babel/template@7.28.6", "", { "dependencies": { "@babel/code-frame": "^7.28.6", "@babel/parser": "^7.28.6", "@babel/types": "^7.28.6" } }, "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ=="], + + "@babel/traverse": ["@babel/traverse@7.29.0", "", { "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.29.0", "@babel/template": "^7.28.6", "@babel/types": "^7.29.0", "debug": "^4.3.1" } }, "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA=="], + + "@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="], + + "@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.25.12", "", { "os": "aix", "cpu": "ppc64" }, "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA=="], + + "@esbuild/android-arm": ["@esbuild/android-arm@0.25.12", "", { "os": "android", "cpu": "arm" }, "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg=="], + + "@esbuild/android-arm64": ["@esbuild/android-arm64@0.25.12", "", { "os": "android", "cpu": "arm64" }, "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg=="], + + "@esbuild/android-x64": ["@esbuild/android-x64@0.25.12", "", { "os": "android", "cpu": "x64" }, "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg=="], + + "@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.25.12", "", { "os": "darwin", "cpu": "arm64" }, "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg=="], + + "@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.25.12", "", { "os": "darwin", "cpu": "x64" }, "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA=="], + + "@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.25.12", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg=="], + + "@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.25.12", "", { "os": "freebsd", "cpu": "x64" }, "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ=="], + + "@esbuild/linux-arm": ["@esbuild/linux-arm@0.25.12", "", { "os": "linux", "cpu": "arm" }, "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw=="], + + "@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.25.12", "", { "os": "linux", "cpu": "arm64" }, "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ=="], + + "@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.25.12", "", { "os": "linux", "cpu": "ia32" }, "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA=="], + + "@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.25.12", "", { "os": "linux", "cpu": "none" }, "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng=="], + + "@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.25.12", "", { "os": "linux", "cpu": "none" }, "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw=="], + + "@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.25.12", "", { "os": "linux", "cpu": "ppc64" }, "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA=="], + + "@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.25.12", "", { "os": "linux", "cpu": "none" }, "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w=="], + + "@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.25.12", "", { "os": "linux", "cpu": "s390x" }, "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg=="], + + "@esbuild/linux-x64": ["@esbuild/linux-x64@0.25.12", "", { "os": "linux", "cpu": "x64" }, "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw=="], + + "@esbuild/netbsd-arm64": ["@esbuild/netbsd-arm64@0.25.12", "", { "os": "none", "cpu": "arm64" }, "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg=="], + + "@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.25.12", "", { "os": "none", "cpu": "x64" }, "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ=="], + + "@esbuild/openbsd-arm64": ["@esbuild/openbsd-arm64@0.25.12", "", { "os": "openbsd", "cpu": "arm64" }, "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A=="], + + "@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.25.12", "", { "os": "openbsd", "cpu": "x64" }, "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw=="], + + "@esbuild/openharmony-arm64": ["@esbuild/openharmony-arm64@0.25.12", "", { "os": "none", "cpu": "arm64" }, "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg=="], + + "@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.25.12", "", { "os": "sunos", "cpu": "x64" }, "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w=="], + + "@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.25.12", "", { "os": "win32", "cpu": "arm64" }, "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg=="], + + "@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.25.12", "", { "os": "win32", "cpu": "ia32" }, "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ=="], + + "@esbuild/win32-x64": ["@esbuild/win32-x64@0.25.12", "", { "os": "win32", "cpu": "x64" }, "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA=="], + + "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.9.1", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ=="], + + "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.2", "", {}, "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="], + + "@eslint/config-array": ["@eslint/config-array@0.21.1", "", { "dependencies": { "@eslint/object-schema": "^2.1.7", "debug": "^4.3.1", "minimatch": "^3.1.2" } }, "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA=="], + + "@eslint/config-helpers": ["@eslint/config-helpers@0.4.2", "", { "dependencies": { "@eslint/core": "^0.17.0" } }, "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw=="], + + "@eslint/core": ["@eslint/core@0.17.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ=="], + + "@eslint/eslintrc": ["@eslint/eslintrc@3.3.4", "", { "dependencies": { "ajv": "^6.14.0", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.1", "minimatch": "^3.1.3", "strip-json-comments": "^3.1.1" } }, "sha512-4h4MVF8pmBsncB60r0wSJiIeUKTSD4m7FmTFThG8RHlsg9ajqckLm9OraguFGZE4vVdpiI1Q4+hFnisopmG6gQ=="], + + "@eslint/js": ["@eslint/js@9.39.3", "", {}, "sha512-1B1VkCq6FuUNlQvlBYb+1jDu/gV297TIs/OeiaSR9l1H27SVW55ONE1e1Vp16NqP683+xEGzxYtv4XCiDPaQiw=="], + + "@eslint/object-schema": ["@eslint/object-schema@2.1.7", "", {}, "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="], + + "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="], + + "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="], + + "@humanfs/node": ["@humanfs/node@0.16.7", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ=="], + + "@humanwhocodes/module-importer": ["@humanwhocodes/module-importer@1.0.1", "", {}, "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA=="], + + "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="], + + "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="], + + "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="], + + "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="], + + "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="], + + "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="], + + "@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-beta.27", "", {}, "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA=="], + + "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.59.0", "", { "os": "android", "cpu": "arm" }, "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg=="], + + "@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.59.0", "", { "os": "android", "cpu": "arm64" }, "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q=="], + + "@rollup/rollup-darwin-arm64": ["@rollup/rollup-darwin-arm64@4.59.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg=="], + + "@rollup/rollup-darwin-x64": ["@rollup/rollup-darwin-x64@4.59.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w=="], + + "@rollup/rollup-freebsd-arm64": ["@rollup/rollup-freebsd-arm64@4.59.0", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA=="], + + "@rollup/rollup-freebsd-x64": ["@rollup/rollup-freebsd-x64@4.59.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg=="], + + "@rollup/rollup-linux-arm-gnueabihf": ["@rollup/rollup-linux-arm-gnueabihf@4.59.0", "", { "os": "linux", "cpu": "arm" }, "sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw=="], + + "@rollup/rollup-linux-arm-musleabihf": ["@rollup/rollup-linux-arm-musleabihf@4.59.0", "", { "os": "linux", "cpu": "arm" }, "sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA=="], + + "@rollup/rollup-linux-arm64-gnu": ["@rollup/rollup-linux-arm64-gnu@4.59.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA=="], + + "@rollup/rollup-linux-arm64-musl": ["@rollup/rollup-linux-arm64-musl@4.59.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA=="], + + "@rollup/rollup-linux-loong64-gnu": ["@rollup/rollup-linux-loong64-gnu@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg=="], + + "@rollup/rollup-linux-loong64-musl": ["@rollup/rollup-linux-loong64-musl@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q=="], + + "@rollup/rollup-linux-ppc64-gnu": ["@rollup/rollup-linux-ppc64-gnu@4.59.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA=="], + + "@rollup/rollup-linux-ppc64-musl": ["@rollup/rollup-linux-ppc64-musl@4.59.0", "", { "os": "linux", "cpu": "ppc64" }, "sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA=="], + + "@rollup/rollup-linux-riscv64-gnu": ["@rollup/rollup-linux-riscv64-gnu@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg=="], + + "@rollup/rollup-linux-riscv64-musl": ["@rollup/rollup-linux-riscv64-musl@4.59.0", "", { "os": "linux", "cpu": "none" }, "sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg=="], + + "@rollup/rollup-linux-s390x-gnu": ["@rollup/rollup-linux-s390x-gnu@4.59.0", "", { "os": "linux", "cpu": "s390x" }, "sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w=="], + + "@rollup/rollup-linux-x64-gnu": ["@rollup/rollup-linux-x64-gnu@4.59.0", "", { "os": "linux", "cpu": "x64" }, "sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg=="], + + "@rollup/rollup-linux-x64-musl": ["@rollup/rollup-linux-x64-musl@4.59.0", "", { "os": "linux", "cpu": "x64" }, "sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg=="], + + "@rollup/rollup-openbsd-x64": ["@rollup/rollup-openbsd-x64@4.59.0", "", { "os": "openbsd", "cpu": "x64" }, "sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ=="], + + "@rollup/rollup-openharmony-arm64": ["@rollup/rollup-openharmony-arm64@4.59.0", "", { "os": "none", "cpu": "arm64" }, "sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA=="], + + "@rollup/rollup-win32-arm64-msvc": ["@rollup/rollup-win32-arm64-msvc@4.59.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A=="], + + "@rollup/rollup-win32-ia32-msvc": ["@rollup/rollup-win32-ia32-msvc@4.59.0", "", { "os": "win32", "cpu": "ia32" }, "sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA=="], + + "@rollup/rollup-win32-x64-gnu": ["@rollup/rollup-win32-x64-gnu@4.59.0", "", { "os": "win32", "cpu": "x64" }, "sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA=="], + + "@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.59.0", "", { "os": "win32", "cpu": "x64" }, "sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA=="], + + "@types/babel__core": ["@types/babel__core@7.20.5", "", { "dependencies": { "@babel/parser": "^7.20.7", "@babel/types": "^7.20.7", "@types/babel__generator": "*", "@types/babel__template": "*", "@types/babel__traverse": "*" } }, "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA=="], + + "@types/babel__generator": ["@types/babel__generator@7.27.0", "", { "dependencies": { "@babel/types": "^7.0.0" } }, "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg=="], + + "@types/babel__template": ["@types/babel__template@7.4.4", "", { "dependencies": { "@babel/parser": "^7.1.0", "@babel/types": "^7.0.0" } }, "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A=="], + + "@types/babel__traverse": ["@types/babel__traverse@7.28.0", "", { "dependencies": { "@babel/types": "^7.28.2" } }, "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q=="], + + "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="], + + "@types/json-schema": ["@types/json-schema@7.0.15", "", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="], + + "@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="], + + "@vitejs/plugin-react": ["@vitejs/plugin-react@4.7.0", "", { "dependencies": { "@babel/core": "^7.28.0", "@babel/plugin-transform-react-jsx-self": "^7.27.1", "@babel/plugin-transform-react-jsx-source": "^7.27.1", "@rolldown/pluginutils": "1.0.0-beta.27", "@types/babel__core": "^7.20.5", "react-refresh": "^0.17.0" }, "peerDependencies": { "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" } }, "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA=="], + + "acorn": ["acorn@8.16.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw=="], + + "acorn-jsx": ["acorn-jsx@5.3.2", "", { "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="], + + "ajv": ["ajv@6.14.0", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw=="], + + "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="], + + "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="], + + "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="], + + "baseline-browser-mapping": ["baseline-browser-mapping@2.10.0", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-lIyg0szRfYbiy67j9KN8IyeD7q7hcmqnJ1ddWmNt19ItGpNN64mnllmxUNFIOdOm6by97jlL6wfpTTJrmnjWAA=="], + + "brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="], + + "browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="], + + "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="], + + "caniuse-lite": ["caniuse-lite@1.0.30001776", "", {}, "sha512-sg01JDPzZ9jGshqKSckOQthXnYwOEP50jeVFhaSFbZcOy05TiuuaffDOfcwtCisJ9kNQuLBFibYywv2Bgm9osw=="], + + "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="], + + "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="], + + "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="], + + "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="], + + "convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="], + + "cookie": ["cookie@1.1.1", "", {}, "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ=="], + + "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="], + + "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="], + + "deep-is": ["deep-is@0.1.4", "", {}, "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="], + + "dompurify": ["dompurify@3.3.1", "", { "optionalDependencies": { "@types/trusted-types": "^2.0.7" } }, "sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q=="], + + "electron-to-chromium": ["electron-to-chromium@1.5.307", "", {}, "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg=="], + + "esbuild": ["esbuild@0.25.12", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.12", "@esbuild/android-arm": "0.25.12", "@esbuild/android-arm64": "0.25.12", "@esbuild/android-x64": "0.25.12", "@esbuild/darwin-arm64": "0.25.12", "@esbuild/darwin-x64": "0.25.12", "@esbuild/freebsd-arm64": "0.25.12", "@esbuild/freebsd-x64": "0.25.12", "@esbuild/linux-arm": "0.25.12", "@esbuild/linux-arm64": "0.25.12", "@esbuild/linux-ia32": "0.25.12", "@esbuild/linux-loong64": "0.25.12", "@esbuild/linux-mips64el": "0.25.12", "@esbuild/linux-ppc64": "0.25.12", "@esbuild/linux-riscv64": "0.25.12", "@esbuild/linux-s390x": "0.25.12", "@esbuild/linux-x64": "0.25.12", "@esbuild/netbsd-arm64": "0.25.12", "@esbuild/netbsd-x64": "0.25.12", "@esbuild/openbsd-arm64": "0.25.12", "@esbuild/openbsd-x64": "0.25.12", "@esbuild/openharmony-arm64": "0.25.12", "@esbuild/sunos-x64": "0.25.12", "@esbuild/win32-arm64": "0.25.12", "@esbuild/win32-ia32": "0.25.12", "@esbuild/win32-x64": "0.25.12" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg=="], + + "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="], + + "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="], + + "eslint": ["eslint@9.39.3", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.1", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.39.3", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-VmQ+sifHUbI/IcSopBCF/HO3YiHQx/AVd3UVyYL6weuwW+HvON9VYn5l6Zl1WZzPWXPNZrSQpxwkkZ/VuvJZzg=="], + + "eslint-plugin-react-hooks": ["eslint-plugin-react-hooks@5.2.0", "", { "peerDependencies": { "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" } }, "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg=="], + + "eslint-plugin-react-refresh": ["eslint-plugin-react-refresh@0.4.26", "", { "peerDependencies": { "eslint": ">=8.40" } }, "sha512-1RETEylht2O6FM/MvgnyvT+8K21wLqDNg4qD51Zj3guhjt433XbnnkVttHMyaVyAFD03QSV4LPS5iE3VQmO7XQ=="], + + "eslint-scope": ["eslint-scope@8.4.0", "", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg=="], + + "eslint-visitor-keys": ["eslint-visitor-keys@4.2.1", "", {}, "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ=="], + + "espree": ["espree@10.4.0", "", { "dependencies": { "acorn": "^8.15.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^4.2.1" } }, "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ=="], + + "esquery": ["esquery@1.7.0", "", { "dependencies": { "estraverse": "^5.1.0" } }, "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g=="], + + "esrecurse": ["esrecurse@4.3.0", "", { "dependencies": { "estraverse": "^5.2.0" } }, "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag=="], + + "estraverse": ["estraverse@5.3.0", "", {}, "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="], + + "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="], + + "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="], + + "fast-json-stable-stringify": ["fast-json-stable-stringify@2.1.0", "", {}, "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="], + + "fast-levenshtein": ["fast-levenshtein@2.0.6", "", {}, "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="], + + "fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="], + + "file-entry-cache": ["file-entry-cache@8.0.0", "", { "dependencies": { "flat-cache": "^4.0.0" } }, "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ=="], + + "find-up": ["find-up@5.0.0", "", { "dependencies": { "locate-path": "^6.0.0", "path-exists": "^4.0.0" } }, "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng=="], + + "flat-cache": ["flat-cache@4.0.1", "", { "dependencies": { "flatted": "^3.2.9", "keyv": "^4.5.4" } }, "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw=="], + + "flatted": ["flatted@3.3.4", "", {}, "sha512-3+mMldrTAPdta5kjX2G2J7iX4zxtnwpdA8Tr2ZSjkyPSanvbZAcy6flmtnXbEybHrDcU9641lxrMfFuUxVz9vA=="], + + "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="], + + "gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="], + + "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="], + + "globals": ["globals@16.5.0", "", {}, "sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ=="], + + "has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="], + + "highlight.js": ["highlight.js@11.11.1", "", {}, "sha512-Xwwo44whKBVCYoliBQwaPvtd/2tYFkRQtXDWj1nackaV2JPXx3L0+Jvd8/qCJ2p+ML0/XVkJ2q+Mr+UVdpJK5w=="], + + "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="], + + "import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="], + + "imurmurhash": ["imurmurhash@0.1.4", "", {}, "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA=="], + + "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="], + + "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="], + + "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="], + + "js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="], + + "js-yaml": ["js-yaml@4.1.1", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA=="], + + "jsesc": ["jsesc@3.1.0", "", { "bin": { "jsesc": "bin/jsesc" } }, "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA=="], + + "json-buffer": ["json-buffer@3.0.1", "", {}, "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="], + + "json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="], + + "json-stable-stringify-without-jsonify": ["json-stable-stringify-without-jsonify@1.0.1", "", {}, "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="], + + "json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="], + + "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="], + + "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="], + + "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="], + + "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="], + + "lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="], + + "marked": ["marked@15.0.12", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA=="], + + "minimatch": ["minimatch@3.1.5", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w=="], + + "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="], + + "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="], + + "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="], + + "node-releases": ["node-releases@2.0.36", "", {}, "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA=="], + + "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="], + + "p-limit": ["p-limit@3.1.0", "", { "dependencies": { "yocto-queue": "^0.1.0" } }, "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ=="], + + "p-locate": ["p-locate@5.0.0", "", { "dependencies": { "p-limit": "^3.0.2" } }, "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw=="], + + "parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="], + + "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="], + + "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="], + + "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="], + + "picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="], + + "postcss": ["postcss@8.5.8", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg=="], + + "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="], + + "punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="], + + "react": ["react@19.2.4", "", {}, "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ=="], + + "react-dom": ["react-dom@19.2.4", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.4" } }, "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ=="], + + "react-refresh": ["react-refresh@0.17.0", "", {}, "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ=="], + + "react-router": ["react-router@7.13.1", "", { "dependencies": { "cookie": "^1.0.1", "set-cookie-parser": "^2.6.0" }, "peerDependencies": { "react": ">=18", "react-dom": ">=18" }, "optionalPeers": ["react-dom"] }, "sha512-td+xP4X2/6BJvZoX6xw++A2DdEi++YypA69bJUV5oVvqf6/9/9nNlD70YO1e9d3MyamJEBQFEzk6mbfDYbqrSA=="], + + "react-router-dom": ["react-router-dom@7.13.1", "", { "dependencies": { "react-router": "7.13.1" }, "peerDependencies": { "react": ">=18", "react-dom": ">=18" } }, "sha512-UJnV3Rxc5TgUPJt2KJpo1Jpy0OKQr0AjgbZzBFjaPJcFOb2Y8jA5H3LT8HUJAiRLlWrEXWHbF1Z4SCZaQjWDHw=="], + + "resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="], + + "rollup": ["rollup@4.59.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.59.0", "@rollup/rollup-android-arm64": "4.59.0", "@rollup/rollup-darwin-arm64": "4.59.0", "@rollup/rollup-darwin-x64": "4.59.0", "@rollup/rollup-freebsd-arm64": "4.59.0", "@rollup/rollup-freebsd-x64": "4.59.0", "@rollup/rollup-linux-arm-gnueabihf": "4.59.0", "@rollup/rollup-linux-arm-musleabihf": "4.59.0", "@rollup/rollup-linux-arm64-gnu": "4.59.0", "@rollup/rollup-linux-arm64-musl": "4.59.0", "@rollup/rollup-linux-loong64-gnu": "4.59.0", "@rollup/rollup-linux-loong64-musl": "4.59.0", "@rollup/rollup-linux-ppc64-gnu": "4.59.0", "@rollup/rollup-linux-ppc64-musl": "4.59.0", "@rollup/rollup-linux-riscv64-gnu": "4.59.0", "@rollup/rollup-linux-riscv64-musl": "4.59.0", "@rollup/rollup-linux-s390x-gnu": "4.59.0", "@rollup/rollup-linux-x64-gnu": "4.59.0", "@rollup/rollup-linux-x64-musl": "4.59.0", "@rollup/rollup-openbsd-x64": "4.59.0", "@rollup/rollup-openharmony-arm64": "4.59.0", "@rollup/rollup-win32-arm64-msvc": "4.59.0", "@rollup/rollup-win32-ia32-msvc": "4.59.0", "@rollup/rollup-win32-x64-gnu": "4.59.0", "@rollup/rollup-win32-x64-msvc": "4.59.0", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg=="], + + "scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="], + + "semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="], + + "set-cookie-parser": ["set-cookie-parser@2.7.2", "", {}, "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw=="], + + "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="], + + "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="], + + "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="], + + "strip-json-comments": ["strip-json-comments@3.1.1", "", {}, "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="], + + "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="], + + "tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="], + + "type-check": ["type-check@0.4.0", "", { "dependencies": { "prelude-ls": "^1.2.1" } }, "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew=="], + + "update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="], + + "uri-js": ["uri-js@4.4.1", "", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="], + + "vite": ["vite@6.4.1", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.4.4", "picomatch": "^4.0.2", "postcss": "^8.5.3", "rollup": "^4.34.9", "tinyglobby": "^0.2.13" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", "jiti": ">=1.21.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g=="], + + "which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="], + + "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="], + + "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="], + + "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="], + + "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="], + + "@eslint/eslintrc/globals": ["globals@14.0.0", "", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="], + } +} diff --git a/core/http/react-ui/eslint.config.js b/core/http/react-ui/eslint.config.js new file mode 100644 index 000000000..05312e922 --- /dev/null +++ b/core/http/react-ui/eslint.config.js @@ -0,0 +1,29 @@ +import js from '@eslint/js' +import globals from 'globals' +import reactHooks from 'eslint-plugin-react-hooks' +import reactRefresh from 'eslint-plugin-react-refresh' + +export default [ + { ignores: ['dist'] }, + { + files: ['**/*.{js,jsx}'], + languageOptions: { + ecmaVersion: 2024, + globals: globals.browser, + parserOptions: { + ecmaVersion: 'latest', + ecmaFeatures: { jsx: true }, + sourceType: 'module', + }, + }, + plugins: { + 'react-hooks': reactHooks, + 'react-refresh': reactRefresh, + }, + rules: { + ...reactHooks.configs.recommended.rules, + 'react-refresh/only-export-components': ['warn', { allowConstantExport: true }], + 'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }], + }, + }, +] diff --git a/core/http/react-ui/index.html b/core/http/react-ui/index.html new file mode 100644 index 000000000..908883615 --- /dev/null +++ b/core/http/react-ui/index.html @@ -0,0 +1,16 @@ + + + + + + LocalAI + + + + + + +
+ + + diff --git a/core/http/react-ui/package.json b/core/http/react-ui/package.json new file mode 100644 index 000000000..10fbdbb6e --- /dev/null +++ b/core/http/react-ui/package.json @@ -0,0 +1,30 @@ +{ + "name": "localai-react-ui", + "private": true, + "version": "0.0.1", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview", + "lint": "eslint ." + }, + "dependencies": { + "react": "^19.1.0", + "react-dom": "^19.1.0", + "react-router-dom": "^7.6.1", + "highlight.js": "^11.11.1", + "marked": "^15.0.7", + "dompurify": "^3.2.5", + "@fortawesome/fontawesome-free": "^6.7.2" + }, + "devDependencies": { + "@vitejs/plugin-react": "^4.5.2", + "vite": "^6.3.5", + "eslint": "^9.27.0", + "@eslint/js": "^9.27.0", + "globals": "^16.1.0", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-react-refresh": "^0.4.20" + } +} diff --git a/core/http/react-ui/src/App.css b/core/http/react-ui/src/App.css new file mode 100644 index 000000000..963191ef9 --- /dev/null +++ b/core/http/react-ui/src/App.css @@ -0,0 +1,2001 @@ +/* Layout */ +.app-layout { + display: flex; + min-height: 100vh; + min-height: 100dvh; + background-color: var(--color-bg-primary); +} + +.main-content { + flex: 1; + margin-left: var(--sidebar-width); + min-height: 100vh; + min-height: 100dvh; + display: flex; + flex-direction: column; + transition: margin-left var(--duration-normal) var(--ease-default); +} + +.main-content-inner { + flex: 1; + display: flex; + flex-direction: column; + min-height: 0; +} + +.app-layout-chat { + height: 100vh; + height: 100dvh; +} + +.app-layout-chat .main-content { + height: 100vh; + height: 100dvh; + min-height: 0; +} + +.app-layout-chat .main-content-inner { + overflow: hidden; +} + +/* Footer */ +.app-footer { + background: var(--color-bg-secondary); + border-top: 1px solid var(--color-border-subtle); + padding: var(--spacing-md) var(--spacing-lg); + margin-top: auto; +} + +.app-footer-inner { + display: flex; + flex-direction: column; + align-items: center; + gap: var(--spacing-sm); +} + +.app-footer-version { + font-size: 0.75rem; + color: var(--color-text-secondary); +} + +.app-footer-links { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: var(--spacing-md); +} + +.app-footer-links a { + display: flex; + align-items: center; + gap: 4px; + font-size: 0.75rem; + color: var(--color-text-secondary); + text-decoration: none; + transition: color 150ms; +} + +.app-footer-links a:hover { + color: var(--color-primary); +} + +.app-footer-copyright { + font-size: 0.6875rem; + color: var(--color-text-muted); +} + +.app-footer-copyright a { + color: var(--color-text-secondary); + text-decoration: none; + transition: color 150ms; +} + +.app-footer-copyright a:hover { + color: var(--color-primary); +} + +/* Mobile header */ +.mobile-header { + display: none; + align-items: center; + gap: var(--spacing-sm); + padding: var(--spacing-sm) var(--spacing-md); + background: var(--color-bg-secondary); + border-bottom: 1px solid var(--color-border-subtle); +} + +.hamburger-btn { + background: none; + border: none; + color: var(--color-text-primary); + font-size: 1.25rem; + cursor: pointer; + padding: var(--spacing-xs); +} + +.mobile-title { + font-weight: 600; + color: var(--color-text-primary); +} + +/* Sidebar */ +.sidebar { + position: fixed; + top: 0; + left: 0; + width: var(--sidebar-width); + height: 100vh; + height: 100dvh; + background: var(--color-bg-primary); + border-right: 1px solid var(--color-border-subtle); + display: flex; + flex-direction: column; + z-index: 50; + overflow-y: auto; + box-shadow: var(--shadow-sidebar); + transition: transform var(--duration-normal) var(--ease-default); +} + +.sidebar-overlay { + display: none; +} + +.sidebar-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--spacing-md); + border-bottom: 1px solid var(--color-border-subtle); +} + +.sidebar-logo-link { + display: block; +} + +.sidebar-logo-img { + width: 100%; + height: auto; + padding: 0 var(--spacing-xs); +} + +.sidebar-close-btn { + display: none; + background: none; + border: none; + color: var(--color-text-secondary); + font-size: 1.25rem; + cursor: pointer; +} + +.sidebar-nav { + flex: 1; + padding: var(--spacing-xs) 0; + overflow-y: auto; +} + +.sidebar-section { + padding: var(--spacing-xs) 0; +} + +.sidebar-section-title { + padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs); + font-size: 0.6875rem; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.05em; + color: var(--color-text-muted); +} + +.nav-item { + display: flex; + align-items: center; + gap: var(--spacing-sm); + padding: var(--spacing-sm) var(--spacing-md); + color: var(--color-text-secondary); + text-decoration: none; + font-size: 0.875rem; + transition: all var(--duration-fast) var(--ease-default); + border-left: 3px solid transparent; +} + +.nav-item:hover { + color: var(--color-text-primary); + background: var(--color-primary-light); +} + +.nav-item.active { + color: var(--color-primary); + background: var(--color-primary-light); + border-left-color: var(--color-primary); + font-weight: 500; +} + +.nav-icon { + width: 20px; + text-align: center; +} + +.nav-label { + flex: 1; +} + +.sidebar-footer { + padding: var(--spacing-sm) var(--spacing-md); + border-top: 1px solid var(--color-border-subtle); +} + +/* Theme toggle */ +.theme-toggle { + background: none; + border: 1px solid var(--color-border-subtle); + color: var(--color-text-secondary); + padding: var(--spacing-xs) var(--spacing-sm); + border-radius: var(--radius-md); + cursor: pointer; + font-size: 0.875rem; + transition: all var(--duration-fast) var(--ease-default); +} +.theme-toggle:hover { + color: var(--color-primary); + border-color: var(--color-primary-border); +} + +/* Operations bar */ +.operations-bar { + background: var(--color-bg-secondary); + border-bottom: 1px solid var(--color-border-subtle); + padding: var(--spacing-xs) var(--spacing-md); +} + +.operation-item { + display: flex; + align-items: center; + gap: var(--spacing-sm); + padding: var(--spacing-xs) 0; +} + +.operation-info { + display: flex; + align-items: center; + gap: var(--spacing-sm); + flex: 1; +} + +.operation-spinner { + width: 14px; + height: 14px; + border: 2px solid var(--color-border-subtle); + border-top-color: var(--color-primary); + border-radius: 50%; + animation: spin 0.8s linear infinite; +} + +.operation-text { + font-size: 0.8125rem; + color: var(--color-text-secondary); +} + +.operation-progress { + font-size: 0.75rem; + color: var(--color-primary); + font-weight: 500; +} + +.operation-bar-container { + flex: 1; + height: 3px; + background: var(--color-bg-tertiary); + border-radius: 2px; + overflow: hidden; +} + +.operation-bar { + height: 100%; + background: var(--color-primary); + border-radius: 2px; + transition: width 300ms ease; +} + +.operation-cancel { + background: none; + border: none; + color: var(--color-text-muted); + cursor: pointer; + padding: 2px; + font-size: 0.875rem; +} +.operation-cancel:hover { + color: var(--color-error); +} + +/* Toast */ +.toast-container { + position: fixed; + top: var(--spacing-lg); + right: var(--spacing-lg); + z-index: 100; + display: flex; + flex-direction: column; + gap: var(--spacing-sm); +} + +.toast { + display: flex; + align-items: center; + gap: var(--spacing-sm); + padding: var(--spacing-sm) var(--spacing-md); + border-radius: var(--radius-lg); + box-shadow: var(--shadow-lg); + font-size: 0.875rem; + animation: slideIn 200ms ease-out; + min-width: 280px; +} + +.toast-enter { + opacity: 0; + transform: translateX(20px); +} + +.toast-success { + background: rgba(20, 184, 166, 0.15); + border: 1px solid rgba(20, 184, 166, 0.3); + color: var(--color-success); +} +.toast-error { + background: rgba(239, 68, 68, 0.15); + border: 1px solid rgba(239, 68, 68, 0.3); + color: var(--color-error); +} +.toast-warning { + background: rgba(245, 158, 11, 0.15); + border: 1px solid rgba(245, 158, 11, 0.3); + color: var(--color-warning); +} +.toast-info { + background: rgba(56, 189, 248, 0.15); + border: 1px solid rgba(56, 189, 248, 0.3); + color: var(--color-info); +} + +.toast-close { + margin-left: auto; + background: none; + border: none; + color: inherit; + opacity: 0.6; + cursor: pointer; + padding: 2px; +} +.toast-close:hover { opacity: 1; } + +/* Spinner */ +.spinner { + display: flex; + align-items: center; + justify-content: center; +} +.spinner-ring { + border: 3px solid var(--color-border-subtle); + border-top-color: var(--color-primary); + border-radius: 50%; + animation: spin 0.8s linear infinite; +} +.spinner-sm .spinner-ring { width: 16px; height: 16px; } +.spinner-md .spinner-ring { width: 24px; height: 24px; } +.spinner-lg .spinner-ring { width: 40px; height: 40px; } + +/* Model selector */ +.model-selector { + background: var(--color-bg-tertiary); + color: var(--color-text-primary); + border: 1px solid var(--color-border-default); + border-radius: var(--radius-md); + padding: var(--spacing-xs) var(--spacing-sm); + font-size: 0.875rem; + font-family: inherit; + outline: none; + cursor: pointer; + transition: border-color var(--duration-fast); + min-width: 180px; +} +.model-selector:focus { + border-color: var(--color-border-strong); +} + +/* Resource monitor */ +.resource-monitor { + background: var(--color-bg-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-lg); + padding: var(--spacing-md); +} + +.resource-monitor-title { + font-size: 0.875rem; + color: var(--color-text-secondary); + margin-bottom: var(--spacing-sm); +} + +.resource-gpu-list { + display: flex; + flex-direction: column; + gap: var(--spacing-sm); +} + +.resource-gpu-card { + background: var(--color-bg-tertiary); + border-radius: var(--radius-md); + padding: var(--spacing-sm); +} + +.resource-gpu-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: var(--spacing-xs); +} + +.resource-gpu-name { + font-size: 0.8125rem; + font-weight: 500; + color: var(--color-text-primary); +} + +.resource-gpu-vendor { + font-size: 0.6875rem; + padding: 2px 6px; + background: var(--color-accent-light); + color: var(--color-accent); + border-radius: var(--radius-sm); +} + +.resource-gpu-stats { + display: flex; + gap: var(--spacing-md); + font-size: 0.75rem; + color: var(--color-text-muted); + margin-top: var(--spacing-xs); +} + +.resource-bar-container { + height: 4px; + background: var(--color-bg-primary); + border-radius: 2px; + overflow: hidden; +} + +.resource-bar { + height: 100%; + background: var(--color-primary); + border-radius: 2px; + transition: width 500ms ease; +} + +.resource-bar-ram { + background: var(--color-secondary); +} + +.resource-no-gpu { + font-size: 0.8125rem; + color: var(--color-text-muted); + padding: var(--spacing-sm); +} + +.resource-ram { + margin-top: var(--spacing-sm); +} + +.resource-ram-header { + display: flex; + justify-content: space-between; + font-size: 0.8125rem; + color: var(--color-text-secondary); + margin-bottom: var(--spacing-xs); +} + +.resource-monitor-compact { + display: flex; + gap: var(--spacing-md); + flex-wrap: wrap; +} + +.resource-item { + display: flex; + align-items: center; + gap: var(--spacing-xs); + font-size: 0.75rem; + color: var(--color-text-muted); +} + +/* Common page styles */ +.page { + padding: var(--spacing-xl); + max-width: 1200px; + margin: 0 auto; + width: 100%; +} + +.page-header { + margin-bottom: var(--spacing-xl); +} + +.page-title { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: var(--spacing-xs); +} + +.page-subtitle { + font-size: 0.875rem; + color: var(--color-text-secondary); +} + +/* Cards */ +.card { + background: var(--color-bg-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-lg); + padding: var(--spacing-md); + transition: border-color var(--duration-fast), box-shadow var(--duration-fast); +} + +.card:hover { + border-color: var(--color-border-default); +} + +.card-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + gap: var(--spacing-md); +} + +/* Buttons */ +.btn { + display: inline-flex; + align-items: center; + gap: var(--spacing-xs); + padding: var(--spacing-sm) var(--spacing-md); + border-radius: var(--radius-md); + font-size: 0.875rem; + font-family: inherit; + font-weight: 500; + cursor: pointer; + border: none; + transition: all var(--duration-fast) var(--ease-default); + text-decoration: none; +} + +.btn-primary { + background: var(--color-primary); + color: var(--color-primary-text); +} +.btn-primary:hover { + background: var(--color-primary-hover); +} + +.btn-secondary { + background: var(--color-bg-tertiary); + color: var(--color-text-primary); + border: 1px solid var(--color-border-default); +} +.btn-secondary:hover { + border-color: var(--color-border-strong); + background: var(--color-primary-light); +} + +.btn-danger { + background: var(--color-error-light); + color: var(--color-error); + border: 1px solid rgba(239, 68, 68, 0.2); +} +.btn-danger:hover { + background: rgba(239, 68, 68, 0.2); +} + +.btn-sm { + padding: var(--spacing-xs) var(--spacing-sm); + font-size: 0.8125rem; +} + +.btn:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +/* Inputs */ +.input { + background: var(--color-bg-tertiary); + color: var(--color-text-primary); + border: 1px solid var(--color-border-default); + border-radius: var(--radius-md); + padding: var(--spacing-sm); + font-size: 0.875rem; + font-family: inherit; + outline: none; + width: 100%; + transition: border-color var(--duration-fast); +} +.input:focus { + border-color: var(--color-border-strong); +} + +.textarea { + background: var(--color-bg-tertiary); + color: var(--color-text-primary); + border: 1px solid var(--color-border-default); + border-radius: var(--radius-md); + padding: var(--spacing-sm); + font-size: 0.875rem; + font-family: inherit; + outline: none; + width: 100%; + resize: vertical; + min-height: 80px; + transition: border-color var(--duration-fast); +} +.textarea:focus { + border-color: var(--color-border-strong); +} + +/* Code editor (syntax-highlighted textarea overlay) */ +.code-editor-highlight .hljs { + background: transparent; + padding: 0; +} +.code-editor-wrapper textarea:focus { + border-color: var(--color-border-strong); +} + +/* highlight.js YAML syntax colours – dark theme */ +[data-theme="dark"] .hljs-attr { color: #7dd3fc; } +[data-theme="dark"] .hljs-string { color: #6ee7b7; } +[data-theme="dark"] .hljs-number { color: #fcd34d; } +[data-theme="dark"] .hljs-literal { color: #f9a8d4; } +[data-theme="dark"] .hljs-keyword { color: #c4b5fd; } +[data-theme="dark"] .hljs-comment { color: #64748b; font-style: italic; } +[data-theme="dark"] .hljs-meta { color: #94a3b8; } +[data-theme="dark"] .hljs-bullet { color: #38bdf8; } +[data-theme="dark"] .hljs-section { color: #a78bfa; font-weight: 600; } +[data-theme="dark"] .hljs-type { color: #f472b6; } + +/* highlight.js YAML syntax colours – light theme */ +[data-theme="light"] .hljs-attr { color: #0369a1; } +[data-theme="light"] .hljs-string { color: #15803d; } +[data-theme="light"] .hljs-number { color: #b45309; } +[data-theme="light"] .hljs-literal { color: #be185d; } +[data-theme="light"] .hljs-keyword { color: #7c3aed; } +[data-theme="light"] .hljs-comment { color: #94a3b8; font-style: italic; } +[data-theme="light"] .hljs-meta { color: #64748b; } +[data-theme="light"] .hljs-bullet { color: #0284c7; } +[data-theme="light"] .hljs-section { color: #6d28d9; font-weight: 600; } +[data-theme="light"] .hljs-type { color: #db2777; } + +/* Form groups */ +.form-group { + margin-bottom: var(--spacing-md); +} + +.form-label { + display: block; + font-size: 0.8125rem; + color: var(--color-text-secondary); + margin-bottom: var(--spacing-xs); + font-weight: 500; +} + +/* Badges */ +.badge { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 2px 8px; + border-radius: var(--radius-full); + font-size: 0.6875rem; + font-weight: 500; +} + +.badge-success { + background: var(--color-success-light); + color: var(--color-success); +} +.badge-error { + background: var(--color-error-light); + color: var(--color-error); +} +.badge-info { + background: var(--color-info-light); + color: var(--color-info); +} +.badge-warning { + background: var(--color-warning-light); + color: var(--color-warning); +} + +/* Tabs */ +.tabs { + display: flex; + gap: 0; + border-bottom: 1px solid var(--color-border-subtle); + margin-bottom: var(--spacing-md); +} + +.tab { + padding: var(--spacing-sm) var(--spacing-md); + background: none; + border: none; + color: var(--color-text-secondary); + font-size: 0.875rem; + font-family: inherit; + cursor: pointer; + border-bottom: 2px solid transparent; + transition: all var(--duration-fast); +} + +.tab:hover { + color: var(--color-text-primary); +} + +.tab-active { + color: var(--color-primary); + border-bottom-color: var(--color-primary); +} + +/* Tables */ +.table-container { + overflow-x: auto; + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-lg); +} + +.table { + width: 100%; + border-collapse: collapse; + font-size: 0.875rem; +} + +.table th { + text-align: left; + padding: var(--spacing-sm) var(--spacing-md); + background: var(--color-bg-tertiary); + color: var(--color-text-secondary); + font-weight: 500; + font-size: 0.8125rem; + border-bottom: 1px solid var(--color-border-subtle); +} + +.table td { + padding: var(--spacing-sm) var(--spacing-md); + border-bottom: 1px solid var(--color-border-divider); + color: var(--color-text-primary); +} + +.table tr:last-child td { + border-bottom: none; +} + +.table tr:hover td { + background: var(--color-primary-light); +} + +/* Toggle switch */ +.toggle { + position: relative; + display: inline-block; + width: 36px; + height: 20px; +} + +.toggle input { + opacity: 0; + width: 0; + height: 0; +} + +.toggle-slider { + position: absolute; + cursor: pointer; + inset: 0; + background: var(--color-toggle-off, #CBD5E1); + border-radius: var(--radius-full); + transition: background var(--duration-fast); +} + +.toggle-slider::before { + content: ''; + position: absolute; + height: 14px; + width: 14px; + left: 2px; + bottom: 2px; + background: white; + border-radius: 50%; + transition: transform var(--duration-fast); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); +} + +.toggle input:checked + .toggle-slider { + background: var(--color-primary); + border-color: var(--color-primary); +} + +.toggle input:checked + .toggle-slider::before { + transform: translateX(16px); + background: white; +} + +/* Collapsible */ +.collapsible-header { + display: flex; + align-items: center; + gap: var(--spacing-sm); + padding: var(--spacing-sm) 0; + cursor: pointer; + color: var(--color-text-secondary); + font-size: 0.8125rem; + font-weight: 500; + user-select: none; +} + +.collapsible-header i { + transition: transform var(--duration-fast); +} + +.collapsible-header.open i { + transform: rotate(90deg); +} + +/* Search bar */ +.search-bar { + position: relative; +} + +.search-bar .search-icon { + position: absolute; + left: var(--spacing-sm); + top: 50%; + transform: translateY(-50%); + color: var(--color-text-muted); + font-size: 0.875rem; +} + +.search-bar .input { + padding-left: 2rem; +} + +/* Pagination */ +.pagination { + display: flex; + align-items: center; + justify-content: center; + gap: var(--spacing-xs); + margin-top: var(--spacing-lg); +} + +.pagination-btn { + padding: var(--spacing-xs) var(--spacing-sm); + background: var(--color-bg-tertiary); + color: var(--color-text-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-md); + cursor: pointer; + font-size: 0.8125rem; + transition: all var(--duration-fast); +} + +.pagination-btn:hover:not(:disabled) { + border-color: var(--color-primary-border); + color: var(--color-primary); +} + +.pagination-btn.active { + background: var(--color-primary); + color: var(--color-primary-text); + border-color: var(--color-primary); +} + +.pagination-btn:disabled { + opacity: 0.4; + cursor: not-allowed; +} + +/* Filter buttons */ +.filter-bar { + display: flex; + gap: var(--spacing-xs); + flex-wrap: wrap; + margin-bottom: var(--spacing-md); +} + +.filter-btn { + padding: var(--spacing-xs) var(--spacing-sm); + background: var(--color-bg-tertiary); + color: var(--color-text-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-full); + cursor: pointer; + font-size: 0.75rem; + font-family: inherit; + transition: all var(--duration-fast); +} + +.filter-btn:hover { + border-color: var(--color-primary-border); + color: var(--color-primary); +} + +.filter-btn.active { + background: var(--color-primary-light); + color: var(--color-primary); + border-color: var(--color-primary-border); +} + +/* Empty state */ +.empty-state { + text-align: center; + padding: var(--spacing-3xl, 4rem) var(--spacing-xl); +} + +.empty-state-icon { + font-size: 3rem; + color: var(--color-text-muted); + margin-bottom: var(--spacing-md); +} + +.empty-state-title { + font-size: 1.25rem; + font-weight: 600; + margin-bottom: var(--spacing-sm); +} + +.empty-state-text { + color: var(--color-text-secondary); + font-size: 0.875rem; + margin-bottom: var(--spacing-lg); +} + +/* Animations */ +@keyframes spin { + to { transform: rotate(360deg); } +} + +@keyframes slideIn { + from { opacity: 0; transform: translateX(20px); } + to { opacity: 1; transform: translateX(0); } +} + +@keyframes fadeIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes pulse { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.5; } +} + +/* Chat-specific styles */ +.chat-layout { + display: flex; + flex: 1; + min-height: 0; + overflow: hidden; + position: relative; +} + +.chat-sidebar { + width: 260px; + background: var(--color-bg-secondary); + border-right: 1px solid var(--color-border-subtle); + display: flex; + flex-direction: column; + overflow: hidden; + flex-shrink: 0; + transition: width 200ms ease, opacity 150ms ease; +} +.chat-sidebar.hidden { + width: 0; + border-right: none; + opacity: 0; + pointer-events: none; +} + +.chat-sidebar-header { + padding: var(--spacing-sm) var(--spacing-md); + border-bottom: 1px solid var(--color-border-subtle); + display: flex; + gap: var(--spacing-xs); + align-items: center; +} + +.chat-list { + flex: 1; + overflow-y: auto; + padding: var(--spacing-xs); + scrollbar-width: thin; + scrollbar-color: var(--color-border-subtle) transparent; +} +.chat-list::-webkit-scrollbar { width: 4px; } +.chat-list::-webkit-scrollbar-track { background: transparent; } +.chat-list::-webkit-scrollbar-thumb { + background: var(--color-border-subtle); + border-radius: 2px; +} + +.chat-list-item { + display: flex; + align-items: flex-start; + gap: var(--spacing-xs); + padding: var(--spacing-sm); + border-radius: var(--radius-md); + cursor: pointer; + font-size: 0.8125rem; + color: var(--color-text-secondary); + transition: all var(--duration-fast); + margin-bottom: 2px; +} + +.chat-list-item:hover { + background: var(--color-primary-light); +} + +.chat-list-item.active { + background: var(--color-primary-light); + color: var(--color-primary); +} + +.chat-list-item-info { + flex: 1; + min-width: 0; + display: flex; + flex-direction: column; + gap: 2px; +} + +.chat-list-item-top { + display: flex; + align-items: center; + gap: var(--spacing-xs); +} + +.chat-list-item-name { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-weight: 500; + font-size: 0.8125rem; +} + +.chat-list-item-time { + font-size: 0.625rem; + color: var(--color-text-muted); + white-space: nowrap; + flex-shrink: 0; +} + +.chat-list-item-preview { + font-size: 0.6875rem; + color: var(--color-text-muted); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1.3; +} + +.chat-list-item-delete { + opacity: 0; + background: none; + border: none; + color: var(--color-text-muted); + cursor: pointer; + padding: 2px; + font-size: 0.75rem; +} + +.chat-list-item:hover .chat-list-item-delete { + opacity: 1; +} + +.chat-main { + flex: 1; + display: flex; + flex-direction: column; + min-width: 0; + min-height: 0; + position: relative; +} + +.chat-messages { + flex: 1; + overflow-y: auto; + padding: var(--spacing-lg) var(--spacing-xl); + display: flex; + flex-direction: column; + gap: var(--spacing-md); + scrollbar-width: thin; + scrollbar-color: var(--color-border-subtle) transparent; +} +.chat-messages::-webkit-scrollbar { width: 6px; } +.chat-messages::-webkit-scrollbar-track { background: transparent; } +.chat-messages::-webkit-scrollbar-thumb { + background: var(--color-border-subtle); + border-radius: 3px; +} +.chat-messages::-webkit-scrollbar-thumb:hover { + background: var(--color-border-default); +} + +.chat-message { + display: flex; + gap: var(--spacing-sm); + max-width: 80%; + animation: fadeIn 200ms ease; +} + +.chat-message-user { + align-self: flex-end; + flex-direction: row-reverse; +} + +.chat-message-assistant { + align-self: flex-start; +} + +.chat-message-avatar { + width: 32px; + height: 32px; + border-radius: var(--radius-md); + display: flex; + align-items: center; + justify-content: center; + font-size: 0.8rem; + flex-shrink: 0; +} + +.chat-message-user .chat-message-avatar { + background: var(--color-primary); + color: white; +} + +.chat-message-assistant .chat-message-avatar { + background: var(--color-accent-light); + color: var(--color-accent); +} + +.chat-message-bubble { + display: flex; + flex-direction: column; + gap: 2px; + min-width: 0; +} + +.chat-message-model { + font-size: 0.625rem; + font-weight: 600; + color: var(--color-text-muted); + text-transform: uppercase; + letter-spacing: 0.03em; + padding-left: 2px; +} + +.chat-message-content { + background: var(--color-bg-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: 4px 16px 16px 16px; + padding: var(--spacing-sm) var(--spacing-md); + font-size: 0.875rem; + line-height: 1.6; + word-break: break-word; +} + +.chat-message-user .chat-message-content { + background: var(--color-primary); + color: white; + border-color: var(--color-primary); + border-radius: 16px 4px 16px 16px; +} + +.chat-message-content pre { + background: var(--color-bg-primary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-md); + padding: var(--spacing-sm); + overflow-x: auto; + margin: var(--spacing-sm) 0; + font-size: 0.8125rem; +} + +.chat-message-user .chat-message-content pre { + background: rgba(0, 0, 0, 0.15); + border-color: rgba(255, 255, 255, 0.1); +} + +.chat-message-content code { + font-family: 'JetBrains Mono', monospace; + font-size: 0.8125rem; +} + +.chat-message-content p { + margin: var(--spacing-xs) 0; +} + +.chat-message-content p:first-child { + margin-top: 0; +} + +.chat-message-content p:last-child { + margin-bottom: 0; +} + +/* Message action buttons */ +.chat-message-actions { + display: flex; + gap: 2px; + opacity: 0; + transition: opacity 150ms; + padding-left: 2px; +} +.chat-message:hover .chat-message-actions { + opacity: 1; +} +.chat-message-actions button { + background: var(--color-bg-tertiary); + border: 1px solid var(--color-border-subtle); + color: var(--color-text-muted); + cursor: pointer; + padding: 3px 6px; + font-size: 0.6875rem; + border-radius: var(--radius-sm); + transition: all 150ms; +} +.chat-message-actions button:hover { + color: var(--color-primary); + border-color: var(--color-primary-border); + background: var(--color-primary-light); +} + +.chat-input-area { + padding: var(--spacing-sm) var(--spacing-lg); + background: var(--color-bg-secondary); + border-top: 1px solid var(--color-border-subtle); +} + +.chat-input-wrapper { + display: flex; + gap: var(--spacing-sm); + align-items: flex-end; + background: var(--color-bg-tertiary); + border: 1px solid var(--color-border-default); + border-radius: var(--radius-lg); + padding: var(--spacing-xs); + transition: border-color var(--duration-fast), box-shadow var(--duration-fast); +} +.chat-input-wrapper:focus-within { + border-color: var(--color-primary-border); + box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1); +} + +.chat-attach-btn { + flex-shrink: 0; + border: none !important; + background: transparent !important; + color: var(--color-text-muted) !important; + padding: var(--spacing-xs) !important; +} +.chat-attach-btn:hover { + color: var(--color-primary) !important; +} + +.chat-input { + flex: 1; + background: transparent; + color: var(--color-text-primary); + border: none; + padding: var(--spacing-xs) var(--spacing-sm); + font-size: 0.875rem; + font-family: inherit; + outline: none; + resize: none; + min-height: 36px; + max-height: 200px; + line-height: 1.5; + overflow-y: auto; +} + +.chat-input::placeholder { + color: var(--color-text-muted); +} + +.chat-send-btn { + padding: var(--spacing-xs); + background: var(--color-primary); + color: white; + border: none; + border-radius: var(--radius-md); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + flex-shrink: 0; + transition: background var(--duration-fast); +} + +.chat-send-btn:hover:not(:disabled) { + background: var(--color-primary-hover); +} + +.chat-send-btn:disabled { + opacity: 0.3; + cursor: not-allowed; +} + +.chat-stop-btn { + padding: var(--spacing-xs); + background: var(--color-error); + color: white; + border: none; + border-radius: var(--radius-md); + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + flex-shrink: 0; + transition: background var(--duration-fast); +} +.chat-stop-btn:hover { + background: var(--color-error-hover, #dc2626); +} + +.chat-token-info { + display: flex; + align-items: center; + gap: var(--spacing-md); + padding: var(--spacing-xs) var(--spacing-lg); + font-size: 0.75rem; + color: var(--color-text-muted); +} + +.chat-streaming-cursor::after { + content: ''; + display: inline-block; + width: 6px; + height: 14px; + background: var(--color-primary); + margin-left: 2px; + animation: pulse 1s infinite; + vertical-align: text-bottom; +} + +/* Chat empty state */ +.chat-empty-state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + flex: 1; + padding: var(--spacing-xl); + text-align: center; + min-height: 300px; +} +.chat-empty-icon { + font-size: 3rem; + color: var(--color-border-default); + margin-bottom: var(--spacing-lg); + width: 80px; + height: 80px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background: var(--color-bg-tertiary); +} +.chat-empty-title { + font-size: 1.25rem; + font-weight: 600; + color: var(--color-text-primary); + margin: 0 0 var(--spacing-xs); +} +.chat-empty-text { + font-size: 0.875rem; + color: var(--color-text-secondary); + margin: 0 0 var(--spacing-lg); + max-width: 400px; +} +.chat-empty-hints { + display: flex; + gap: var(--spacing-md); + font-size: 0.75rem; + color: var(--color-text-muted); +} +.chat-empty-hints span { + display: flex; + align-items: center; + gap: 4px; +} +.chat-empty-hints i { + font-size: 0.625rem; +} + +/* Thinking/Reasoning box */ +.chat-thinking-box { + margin: var(--spacing-xs) var(--spacing-md); + background: rgba(99, 102, 241, 0.1); + border: 1px solid rgba(99, 102, 241, 0.3); + border-radius: var(--radius-lg); +} +.chat-thinking-box-streaming { + padding: var(--spacing-sm) var(--spacing-md); +} +.chat-thinking-header { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--spacing-sm) var(--spacing-md); + background: none; + border: none; + cursor: pointer; + color: var(--color-text-primary); + font-family: inherit; + font-size: 0.8125rem; + transition: background 150ms; +} +.chat-thinking-header:hover { + background: rgba(99, 102, 241, 0.15); +} +.chat-thinking-label { + font-size: 0.75rem; + font-weight: 600; + color: var(--color-primary); +} +.chat-thinking-content { + padding: var(--spacing-sm) var(--spacing-md); + border-top: 1px solid rgba(99, 102, 241, 0.2); + font-size: 0.875rem; + max-height: 384px; + overflow-y: auto; + overflow-x: hidden; + color: var(--color-text-primary); +} +.chat-thinking-content p { margin: 0 0 var(--spacing-xs); } +.chat-thinking-content p:last-child { margin-bottom: 0; } +.chat-thinking-content pre { + background: var(--color-bg-tertiary); + padding: var(--spacing-sm); + border-radius: var(--radius-md); + overflow-x: auto; + font-size: 0.8125rem; +} +.chat-thinking-content code { + font-family: 'JetBrains Mono', monospace; + font-size: 0.8125rem; +} + +/* Tool call/result boxes */ +.chat-tool-box { + margin: var(--spacing-xs) var(--spacing-md); + border-radius: var(--radius-lg); +} +.chat-tool-box-call { + background: rgba(139, 92, 246, 0.1); + border: 1px solid rgba(139, 92, 246, 0.3); +} +.chat-tool-box-result { + background: rgba(34, 197, 94, 0.1); + border: 1px solid rgba(34, 197, 94, 0.3); +} +.chat-tool-header { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--spacing-sm) var(--spacing-md); + background: none; + border: none; + cursor: pointer; + color: var(--color-text-primary); + font-family: inherit; + font-size: 0.8125rem; + transition: background 150ms; +} +.chat-tool-header:hover { + background: rgba(139, 92, 246, 0.1); +} +.chat-tool-label { + font-size: 0.75rem; + font-weight: 600; +} +.chat-tool-content { + padding: var(--spacing-sm) var(--spacing-md); + border-top: 1px solid rgba(139, 92, 246, 0.15); + max-height: 300px; + overflow-y: auto; + overflow-x: hidden; +} +.chat-tool-content pre { + margin: 0; + font-size: 0.75rem; + white-space: pre-wrap; + word-break: break-word; +} +.chat-tool-content code { + font-family: 'JetBrains Mono', monospace; + font-size: 0.75rem; + color: var(--color-text-secondary); +} + +/* Context window progress bar */ +.chat-context-bar { + position: relative; + height: 18px; + background: var(--color-bg-tertiary); + border-bottom: 1px solid var(--color-border-subtle); + overflow: hidden; +} +.chat-context-progress { + position: absolute; + top: 0; + left: 0; + height: 100%; + transition: width 300ms ease; + opacity: 0.3; +} +.chat-context-label { + position: relative; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + height: 100%; + font-size: 0.625rem; + color: var(--color-text-muted); + font-weight: 500; +} + +/* Chat header */ +.chat-header { + padding: var(--spacing-sm) var(--spacing-md); + border-bottom: 1px solid var(--color-border-subtle); + display: flex; + align-items: center; + gap: var(--spacing-sm); + background: var(--color-bg-secondary); + flex-shrink: 0; +} +.chat-header-title { + font-size: 0.875rem; + font-weight: 600; + color: var(--color-text-primary); + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 200px; +} +.chat-header-actions { + margin-left: auto; + display: flex; + align-items: center; + gap: var(--spacing-xs); +} +.chat-header-actions .btn-secondary.active { + background: var(--color-primary-light); + border-color: var(--color-primary-border); + color: var(--color-primary); +} +/* Chat MCP toggle switch */ +.chat-mcp-switch { + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + user-select: none; +} +.chat-mcp-switch-label { + font-size: 0.75rem; + font-weight: 500; + color: var(--color-text-secondary); +} + +/* Chat model info panel */ +.chat-model-info-panel { + background: var(--color-bg-secondary); + border-bottom: 1px solid var(--color-border-subtle); + animation: fadeIn 150ms ease; +} +.chat-model-info-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--spacing-xs) var(--spacing-md); + font-size: 0.8125rem; + font-weight: 600; + color: var(--color-text-primary); + border-bottom: 1px solid var(--color-border-divider); +} +.chat-model-info-body { + padding: var(--spacing-sm) var(--spacing-md); + display: flex; + flex-direction: column; + gap: 4px; + max-height: 200px; + overflow-y: auto; +} +.chat-model-info-row { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 0.8125rem; + padding: 2px 0; +} +.chat-model-info-row > span:first-child { + color: var(--color-text-secondary); + font-weight: 500; +} +.chat-model-info-row > span:last-child { + color: var(--color-text-primary); + font-family: 'JetBrains Mono', monospace; + font-size: 0.75rem; + max-width: 60%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: right; +} + +/* Settings drawer */ +.chat-settings-overlay { + position: absolute; + inset: 0; + background: rgba(0, 0, 0, 0.3); + z-index: 10; + opacity: 0; + pointer-events: none; + transition: opacity 200ms; +} +.chat-settings-overlay.open { + opacity: 1; + pointer-events: auto; +} +.chat-settings-drawer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 320px; + max-width: 90%; + background: var(--color-bg-secondary); + border-left: 1px solid var(--color-border-subtle); + z-index: 11; + display: flex; + flex-direction: column; + transform: translateX(100%); + transition: transform 250ms var(--ease-default); + box-shadow: var(--shadow-lg); +} +.chat-settings-drawer.open { + transform: translateX(0); +} +.chat-settings-drawer-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--spacing-md); + border-bottom: 1px solid var(--color-border-subtle); + font-weight: 600; + font-size: 0.875rem; +} +.chat-settings-drawer-body { + flex: 1; + overflow-y: auto; + padding: var(--spacing-md); + display: flex; + flex-direction: column; + gap: var(--spacing-sm); +} + +/* Chat search */ +.chat-search-wrapper { + position: relative; + margin-bottom: var(--spacing-xs); +} +.chat-search-icon { + position: absolute; + left: 8px; + top: 50%; + transform: translateY(-50%); + color: var(--color-text-muted); + font-size: 0.7rem; + pointer-events: none; +} +.chat-search-input { + width: 100%; + padding: 5px 24px 5px 26px; + background: var(--color-bg-primary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-md); + font-size: 0.75rem; + color: var(--color-text-primary); + outline: none; + transition: border-color 150ms; +} +.chat-search-input:focus { + border-color: var(--color-primary-border); +} +.chat-search-input::placeholder { + color: var(--color-text-muted); +} +.chat-search-clear { + position: absolute; + right: 6px; + top: 50%; + transform: translateY(-50%); + background: none; + border: none; + color: var(--color-text-muted); + cursor: pointer; + font-size: 0.7rem; + padding: 2px; +} + +/* Chat list item actions */ +.chat-list-item-actions { + display: flex; + gap: 2px; + opacity: 0; + transition: opacity 150ms; + flex-shrink: 0; +} +.chat-list-item:hover .chat-list-item-actions { + opacity: 1; +} +.chat-list-item-actions button { + background: none; + border: none; + color: var(--color-text-muted); + cursor: pointer; + padding: 2px; + font-size: 0.7rem; +} +.chat-list-item-actions button:hover { + color: var(--color-text-primary); +} +.chat-list-item-actions .chat-list-item-delete:hover { + color: var(--color-error); +} + +/* Max tokens/sec badge */ +.chat-max-tps-badge { + background: rgba(99, 102, 241, 0.15); + color: var(--color-primary); + padding: 1px 6px; + border-radius: var(--radius-full); + font-weight: 600; + font-size: 0.7rem; +} + +/* Slider styles */ +.chat-slider { + width: 100%; + height: 4px; + appearance: none; + -webkit-appearance: none; + background: var(--color-bg-tertiary); + border-radius: 2px; + outline: none; +} +.chat-slider::-webkit-slider-thumb { + -webkit-appearance: none; + width: 14px; + height: 14px; + border-radius: 50%; + background: var(--color-primary); + cursor: pointer; +} +.chat-slider::-moz-range-thumb { + width: 14px; + height: 14px; + border-radius: 50%; + background: var(--color-primary); + cursor: pointer; + border: none; +} +.chat-slider-labels { + display: flex; + justify-content: space-between; + font-size: 0.625rem; + color: var(--color-text-muted); + margin-top: 2px; +} + +/* Message inline files */ +.chat-message-files { + display: flex; + gap: var(--spacing-xs); + flex-wrap: wrap; + margin-top: var(--spacing-xs); +} +.chat-file-inline { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 2px 6px; + background: rgba(99, 102, 241, 0.1); + border-radius: var(--radius-sm); + font-size: 0.7rem; + color: var(--color-text-secondary); +} +.chat-inline-image { + max-width: 200px; + max-height: 200px; + border-radius: var(--radius-md); + margin-top: var(--spacing-xs); +} + +.chat-files { + display: flex; + gap: var(--spacing-xs); + flex-wrap: wrap; + padding: var(--spacing-xs) var(--spacing-lg); +} + +.chat-file-badge { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 2px 8px; + background: var(--color-bg-tertiary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-full); + font-size: 0.75rem; + color: var(--color-text-secondary); +} + +.chat-file-badge button { + background: none; + border: none; + color: var(--color-text-muted); + cursor: pointer; + padding: 0; + font-size: 0.625rem; +} + +/* Two-column layout for media generation pages */ +.media-layout { + display: grid; + grid-template-columns: minmax(320px, 400px) 1fr; + gap: var(--spacing-lg); + padding: var(--spacing-xl); + max-width: 1200px; + margin: 0 auto; + width: 100%; + align-items: start; +} + +.media-controls { + background: var(--color-bg-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-lg); + padding: var(--spacing-lg); + position: sticky; + top: var(--spacing-lg); +} + +.media-controls .page-header { + margin-bottom: var(--spacing-md); + padding: 0; +} + +.media-controls .page-title { + font-size: 1.125rem; +} + +.media-preview { + display: flex; + flex-direction: column; + gap: var(--spacing-md); +} + +.media-result { + background: var(--color-bg-secondary); + border: 1px solid var(--color-border-subtle); + border-radius: var(--radius-lg); + padding: var(--spacing-lg); + min-height: 320px; + display: flex; + align-items: center; + justify-content: center; +} + +.media-result img, +.media-result video { + max-width: 100%; + border-radius: var(--radius-md); +} + +.media-result-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + gap: var(--spacing-sm); + width: 100%; +} + +/* Responsive */ +@media (max-width: 1023px) { + .main-content { + margin-left: 0; + } + + .mobile-header { + display: flex; + } + + .sidebar { + transform: translateX(-100%); + } + + .sidebar.open { + transform: translateX(0); + } + + .sidebar-close-btn { + display: block; + } + + .sidebar-overlay { + display: block; + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.5); + z-index: 40; + } + + .chat-sidebar { + display: none; + } + + .chat-settings-drawer { + width: 100%; + max-width: 100%; + } + + .media-layout { + grid-template-columns: 1fr; + } + + .media-controls { + position: static; + } + + .page { + padding: var(--spacing-md); + } +} + +@media (max-width: 640px) { + .card-grid { + grid-template-columns: 1fr; + } + + .filter-bar { + overflow-x: auto; + flex-wrap: nowrap; + padding-bottom: var(--spacing-xs); + } + + .chat-header { + flex-wrap: wrap; + } + + .chat-header-title { + max-width: 120px; + } + + .chat-empty-hints { + flex-direction: column; + gap: var(--spacing-xs); + } +} diff --git a/core/http/react-ui/src/App.jsx b/core/http/react-ui/src/App.jsx new file mode 100644 index 000000000..89dc33808 --- /dev/null +++ b/core/http/react-ui/src/App.jsx @@ -0,0 +1,68 @@ +import { useState, useEffect } from 'react' +import { Outlet, useLocation } from 'react-router-dom' +import Sidebar from './components/Sidebar' +import OperationsBar from './components/OperationsBar' +import { ToastContainer, useToast } from './components/Toast' +import { systemApi } from './utils/api' + +export default function App() { + const [sidebarOpen, setSidebarOpen] = useState(false) + const { toasts, addToast, removeToast } = useToast() + const [version, setVersion] = useState('') + const location = useLocation() + const isChatRoute = location.pathname.startsWith('/chat') + + useEffect(() => { + systemApi.version() + .then(data => setVersion(typeof data === 'string' ? data : (data?.version || ''))) + .catch(() => {}) + }, []) + + return ( +
+ setSidebarOpen(false)} /> +
+ + {/* Mobile header */} +
+ + LocalAI +
+
+ +
+ {!isChatRoute && ( + + )} +
+ +
+ ) +} diff --git a/core/http/react-ui/src/components/CodeEditor.jsx b/core/http/react-ui/src/components/CodeEditor.jsx new file mode 100644 index 000000000..877fdd428 --- /dev/null +++ b/core/http/react-ui/src/components/CodeEditor.jsx @@ -0,0 +1,111 @@ +import { useRef, useEffect, useCallback } from 'react' +import hljs from 'highlight.js/lib/core' +import yaml from 'highlight.js/lib/languages/yaml' + +hljs.registerLanguage('yaml', yaml) + +export default function CodeEditor({ value, onChange, disabled, minHeight = '500px' }) { + const codeRef = useRef(null) + const textareaRef = useRef(null) + const preRef = useRef(null) + + const highlight = useCallback(() => { + if (!codeRef.current) return + const result = hljs.highlight(value + '\n', { language: 'yaml', ignoreIllegals: true }) + codeRef.current.innerHTML = result.value + }, [value]) + + useEffect(() => { + highlight() + }, [highlight]) + + const handleScroll = () => { + if (preRef.current && textareaRef.current) { + preRef.current.scrollTop = textareaRef.current.scrollTop + preRef.current.scrollLeft = textareaRef.current.scrollLeft + } + } + + const handleKeyDown = (e) => { + if (e.key === 'Tab') { + e.preventDefault() + const ta = e.target + const start = ta.selectionStart + const end = ta.selectionEnd + const newValue = value.substring(0, start) + ' ' + value.substring(end) + onChange(newValue) + requestAnimationFrame(() => { + ta.selectionStart = ta.selectionEnd = start + 2 + }) + } + } + + return ( +
+ +