Merge pull request #61 from zenml-io/develop

Release

Author: Cahllagerfeld

.env.example

@@ -2,4 +2,10 @@
 VITE_BACKEND_URL=http://localhost:8237
 
 # The version of the UI to be displayed in the UI
-VITE_UI_VERSION=0.0.0
+VITE_UI_VERSION=0.0.0
+
+# Optional: override API origin for cross-origin deployments (e.g. https://backend.test.com)
+VITE_API_BASE_URL=
+
+# URL of the analytics server
+VITE_ANALYTICS_SERVER_URL=

.github/workflows/release.yml

@@ -33,6 +33,7 @@ jobs:
           pnpm build
         env:
           VITE_UI_VERSION: ${{ steps.get_version.outputs.VERSION }}
+          VITE_ANALYTICS_SERVER_URL: https://analytics.zenml.io/batch
 
       - name: Create release archive
         run: |

AGENTS.md

@@ -19,7 +19,7 @@ pnpm generate:types   # Generate OpenAPI types: pnpm generate:types -- <base-url
 
 ### Authentication & Proxy
 
-The Vite dev server proxies `/api` requests to `VITE_BACKEND_URL` (default `http://localhost:8237`). The app uses cookie-based auth with `credentials: "include"`, so the frontend and backend must appear on the same origin.
+By default, API requests are relative (`/api/v1/...`). In development, the Vite dev server proxies `/api` requests to `VITE_BACKEND_URL` (default `http://localhost:8237`) so frontend and backend appear on the same origin. For cross-origin deployments, set `VITE_API_BASE_URL` to an absolute backend origin (for example `https://backend.test.com`) and ensure backend CORS/cookie settings allow credentialed requests from the frontend origin.
 
 ## Architecture Overview
 
@@ -174,10 +174,12 @@ See [DESIGN.md](./DESIGN.md) for design-related guidelines.
 - Use PascalCase for React component and context files (e.g. `Dashboard.tsx`, `DashboardContainer.tsx`, `AuthContext.tsx`)
 - Use kebab-case for hooks, utilities, API calls, and domain-layer files (e.g. `use-pipeline.tsx`, `api-client.ts`, `fetch-device.ts`)
 - Exception: route files should follow TanStack Router naming requirements when those differ (e.g. pathless/layout route conventions)
+- define optional props/params like this: `selectedId?: string` instead of `selectedId: string | null` or `selectedId: string | undefined`
 
 ### Networking
 
-- `apiClient` prefixes all requests with `/api/v1` and sends `credentials: "include"`
+- `apiClient` sends `credentials: "include"` and targets `/api/v1/...` by default
+- Optional override: set `VITE_API_BASE_URL` to send requests to `<origin>/api/v1/...`
 - Default headers: `Content-Type: application/json`, `Source-Context: dashboard-v2`
 - Login is a special case that overrides content type to `application/x-www-form-urlencoded`
 - Vite proxies `/api` to `VITE_BACKEND_URL` in development

README.md

@@ -48,13 +48,14 @@ cp .env.example .env
 pnpm dev
 ```
 
-The Vite dev server proxies `/api` requests to `VITE_BACKEND_URL`, so the frontend and backend appear on the same origin. This is required for cookie-based auth (`credentials: "include"`).
+By default, the app sends requests to relative paths (for example `/api/v1/current-user`). In local development, the Vite dev server proxies `/api` requests to `VITE_BACKEND_URL`, so the frontend and backend appear on the same origin.
 
 ### Environment Variables
 
-| Variable           | Default                 | Description                                 |
-| ------------------ | ----------------------- | ------------------------------------------- |
-| `VITE_BACKEND_URL` | `http://localhost:8237` | ZenML server URL used by the Vite dev proxy |
+| Variable            | Default                 | Description                                                                                                                                      |
+| ------------------- | ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `VITE_BACKEND_URL`  | `http://localhost:8237` | ZenML server URL used by the Vite dev proxy                                                                                                      |
+| `VITE_API_BASE_URL` | _(unset)_               | Optional API origin override (build-time). If set (for example `https://backend.test.com`), requests are sent to `<origin>/api/v1/...` directly. |
 
 ### Scripts
 
@@ -134,7 +135,8 @@ Both are excluded from ESLint.
 
 ### Authentication
 
-- `apiClient` sends all requests to `/api/v1` with `credentials: "include"` (cookie auth)
+- `apiClient` sends all requests with `credentials: "include"` (cookie auth)
+- By default requests are relative (`/api/v1/...`); optionally set `VITE_API_BASE_URL` to target a full backend origin
 - Vite proxies `/api` to `VITE_BACKEND_URL` in development
 - Login uses `application/x-www-form-urlencoded` content type (exception to the default JSON headers)
 

components.json

@@ -17,7 +17,7 @@
 		"utils": "@/shared/utils",
 		"ui": "@/shared/ui",
 		"lib": "@/shared/utils",
-		"hooks": "@/shared/hooks"
+		"hooks": "@/shared/business-logic"
 	},
 	"menuColor": "default",
 	"menuAccent": "subtle",

eslint.config.js

@@ -19,5 +19,8 @@ export default defineConfig([
 			ecmaVersion: 2020,
 			globals: globals.browser,
 		},
+		rules: {
+			"eslint-comments/no-unused-disable": "off",
+		},
 	},
 ]);

package.json

@@ -9,6 +9,7 @@
 		"format": "prettier --write .",
 		"generate:types": "node scripts/types.js",
 		"lint": "eslint .",
+		"check:types": "tsc --noEmit",
 		"preview": "vite preview",
 		"test:unit": "vitest"
 	},
@@ -17,6 +18,10 @@
 		"@fontsource-variable/inter": "^5.2.8",
 		"@fontsource-variable/jetbrains-mono": "^5.2.8",
 		"@hookform/resolvers": "5.2.2",
+		"@rjsf/core": "^6.4.1",
+		"@rjsf/shadcn": "^6.4.1",
+		"@rjsf/utils": "^6.4.1",
+		"@rjsf/validator-ajv8": "^6.4.1",
 		"@tanstack/react-query": "^5.90.21",
 		"@tanstack/react-router": "^1.166.7",
 		"@tanstack/react-router-devtools": "^1.166.7",
@@ -25,12 +30,17 @@
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"date-fns": "^4.1.0",
+		"dompurify": "^3.3.3",
 		"es-toolkit": "^1.45.1",
+		"js-cookie": "^3.0.5",
 		"next-themes": "^0.4.6",
 		"openapi-fetch": "^0.17.0",
 		"react": "^19.2.4",
 		"react-dom": "^19.2.4",
+		"react-error-boundary": "^6.1.1",
 		"react-hook-form": "^7.71.2",
+		"react-resizable-panels": "^4.7.3",
+		"shiki": "^4.0.2",
 		"sonner": "^2.0.7",
 		"tailwind-merge": "^3.5.0",
 		"tw-animate-css": "^1.4.0",
@@ -40,6 +50,7 @@
 		"@eslint/js": "^9.39.4",
 		"@tailwindcss/vite": "^4.2.1",
 		"@tanstack/router-plugin": "^1.166.7",
+		"@types/js-cookie": "^3.0.6",
 		"@types/node": "^24.12.0",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",