Merge pull request #608 from zenml-io/future

Author: Cahllagerfeld

.env.example

@@ -1,3 +1,3 @@
 VITE_API_BASE_URL=
 VITE_FRONTEND_VERSION=
-VITE_FEATURE_OS_KEY=
+VITE_FEATURE_OS_KEY=

README.md

@@ -103,7 +103,7 @@ To get started with the ZenML Dashboard, follow these steps:
 
    - Access the dashboard at `http://localhost:8080`
 
-For detailed deployment instructions and additional options, refer to the [deployment guide](https://docs.zenml.io/user-guide/starter-guide/switch-to-production).
+For detailed deployment instructions and additional options, refer to the [deployment guide](https://docs.zenml.io/user-guide/production-guide/deploying-zenml).
 
 Now you're ready to explore and visualize your ML pipelines, stacks, and artifacts with the ZenML Dashboard!
 

legacy/src/constants/constantCommands.ts

@@ -1,7 +1,7 @@
 export const constantCommandsToCreateStack = {
   title: 'Stack Cheatsheet',
   documentation:
-    'https://docs.zenml.io/user-guide/starter-guide/understand-stacks',
+    'https://docs.zenml.io/user-guide/production-guide/understand-stacks',
   body: [
     {
       text: 'Register a stack',
@@ -32,12 +32,12 @@ export const constantCommandsToCreateStack = {
 export const constantCommandsToCreateSecret = {
   title: 'Stack Cheatsheet',
   documentation:
-    'https://docs.zenml.io/user-guide/advanced-guide/secret-management',
+    'https://docs.zenml.io/getting-started/deploying-zenml/manage-the-deployed-services/secret-management',
 };
 
 export const constantCommandsToCreateRepository = {
   documentation:
-    'https://docs.zenml.io/user-guide/advanced-guide/environment-management/connect-your-git-repository',
+    'https://docs.zenml.io/how-to/setting-up-a-project-repository/connect-your-git-repository',
 };
 
 export const constantCommandsToCreatePipeline = {
@@ -105,7 +105,7 @@ export const constantCommandsToCreateRuns = {
 
 export const constantCommandsToCreateComponent = {
   documentation:
-    'https://docs.zenml.io/user-guide/starter-guide/understand-stacks',
+    'https://docs.zenml.io/user-guide/production-guide/understand-stacks',
   componentCommand: {
     type: 'alerter',
     body: [

legacy/src/ui/components/lineage/sidebarTabsSwitchers/ArtifactVisualization.tsx

@@ -219,7 +219,7 @@ const ArtifactVisualization = ({
           <a
             rel="noopener noreferrer"
             target="_blank"
-            href="https://docs.zenml.io/stacks-and-components/component-guide/artifact-stores/custom"
+            href="https://docs.zenml.io/stack-components/artifact-stores/custom"
           >
             docs
           </a>

legacy/src/ui/layouts/common/layouts/AuthenticatedLayout/DeploymentBanner/index.tsx

@@ -10,15 +10,15 @@ function DeploymentBanner() {
         <a
           target="_blank"
           rel="noopener noreferrer"
-          href="https://docs.zenml.io/user-guide/starter-guide/switch-to-production"
+          href="https://docs.zenml.io/getting-started/deploying-zenml"
         >
           deploy ZenML yourself
         </a>
         , or get a hosted version with{' '}
         <a
           target="_blank"
           rel="noopener noreferrer"
-          href="https://docs.zenml.io/deploying-zenml/zenml-cloud"
+          href="https://docs.zenml.io/getting-started/zenml-pro"
         >
           {' '}
           ZenML Cloud

legacy/src/ui/layouts/plugins/shared/Layout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { FlexBox, H2, Paragraph } from '../../../components';
+import { FlexBox, H2 } from '../../../components';
 
 export const PluginsLayout: React.FC<{
   title: string;
@@ -11,46 +11,6 @@ export const PluginsLayout: React.FC<{
       <FlexBox flexDirection="row" style={{ gap: '8px' }}>
         <FlexBox flexDirection="column">
           <H2 style={{ fontWeight: 500 }}>{title}</H2>
-
-          <Paragraph style={{ marginTop: '8px' }}>
-            The ZenML Hub is a{' '}
-            <a
-              target="_blank"
-              rel="noopener noreferrer"
-              href="https://blog.zenml.io/zenml-hub-launch/"
-            >
-              plugin system
-            </a>{' '}
-            that allows users to contribute and consume stack component flavors,
-            pipelines, steps, materializers, and other pieces of code seamlessly
-            in their ML pipelines. Below are a list of community contributed
-            plugins. If you would like to create your own plugin, click{' '}
-            <a
-              target="_blank"
-              rel="noopener noreferrer"
-              href="https://docs.zenml.io/user-guide/advanced-guide/environment-management/use-the-hub"
-            >
-              here
-            </a>
-            .
-          </Paragraph>
-        </FlexBox>
-        <FlexBox
-          fullWidth
-          flexDirection="column"
-          alignItems="end"
-          justifyContent="flex-end"
-        >
-          <Paragraph color="grey" style={{ fontSize: '14px', flexShrink: 0 }}>
-            Check out our easy to read{' '}
-            <a
-              href="https://docs.zenml.io/user-guide/advanced-guide/environment-management/use-the-hub"
-              target="__blank"
-              rel="noopener noreferrer"
-            >
-              docs
-            </a>
-          </Paragraph>
         </FlexBox>
       </FlexBox>
 

legacy/src/ui/layouts/session/UserEmail/index.tsx

@@ -91,7 +91,7 @@ const UserEmail: React.FC = () => {
                   <InnerTextLink
                     text={'Click Here'}
                     href={
-                      'https://docs.zenml.io/user-guide/advanced-guide/environment-management/global-settings-of-zenml#usage-analytics'
+                      'https://docs.zenml.io/reference/global-settings#usage-analytics'
                     }
                   />
                   &nbsp;{translate('subtitle2-2')}

legacy/src/ui/layouts/stacks/Header/index.tsx

@@ -76,7 +76,7 @@ const HeaderWithButtons: React.FC<{
         <a
           target="_blank"
           rel="noopener noreferrer"
-          href="https://docs.zenml.io/stacks-and-components/stack-deployment"
+          href="https://docs.zenml.io/how-to/stack-deployment"
         >
           deploy a MLOps stack
         </a>{' '}

package.json

@@ -23,11 +23,11 @@
 		]
 	},
 	"dependencies": {
-		"@dagrejs/dagre": "^1.1.1",
+		"@dagrejs/dagre": "^1.1.2",
 		"@fontsource/inter": "^5.0.18",
-		"@hookform/resolvers": "^3.3.4",
-		"@tanstack/react-query": "^5.28.6",
-		"@tanstack/react-table": "^8.15.3",
+		"@hookform/resolvers": "^3.5.0",
+		"@tanstack/react-query": "^5.40.1",
+		"@tanstack/react-table": "^8.17.3",
 		"@tisoap/react-flow-smart-edge": "^3.0.0",
 		"@zenml-io/react-component-library": "^0.15.0",
 		"class-variance-authority": "^0.7.0",
@@ -36,43 +36,43 @@
 		"prismjs": "^1.29.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
-		"react-hook-form": "^7.51.1",
-		"react-joyride": "^2.8.1",
+		"react-hook-form": "^7.51.5",
+		"react-joyride": "^2.8.2",
 		"react-markdown": "^9.0.1",
-		"react-router-dom": "^6.22.3",
-		"reactflow": "^11.11.0",
+		"react-router-dom": "^6.23.1",
+		"reactflow": "^11.11.3",
 		"unique-names-generator": "^4.7.1",
-		"zod": "^3.22.4"
+		"zod": "^3.23.8"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.42.1",
+		"@playwright/test": "^1.44.1",
 		"@tailwindcss/forms": "^0.5.7",
 		"@tailwindcss/typography": "^0.5.10",
 		"@types/lodash.debounce": "^4.0.9",
-		"@types/node": "^20.11.30",
+		"@types/node": "^20.14.2",
 		"@types/papaparse": "^5.3.14",
-		"@types/prismjs": "^1.26.3",
-		"@types/react": "^18.2.64",
-		"@types/react-dom": "^18.2.21",
-		"@typescript-eslint/eslint-plugin": "^7.1.1",
-		"@typescript-eslint/parser": "^7.1.1",
-		"@vitejs/plugin-react-swc": "^3.5.0",
-		"autoprefixer": "^10.4.18",
+		"@types/prismjs": "^1.26.4",
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"@typescript-eslint/eslint-plugin": "^7.12.0",
+		"@typescript-eslint/parser": "^7.12.0",
+		"@vitejs/plugin-react-swc": "^3.7.0",
+		"autoprefixer": "^10.4.19",
 		"eslint": "^8.57.0",
-		"eslint-plugin-react-hooks": "^4.6.0",
+		"eslint-plugin-react-hooks": "^4.6.2",
 		"eslint-plugin-react-refresh": "^0.4.5",
 		"husky": "^9.0.11",
-		"lint-staged": "^15.2.2",
-		"openapi-typescript": "^6.7.5",
-		"postcss": "^8.4.37",
-		"prettier": "^3.2.5",
+		"lint-staged": "^15.2.5",
+		"openapi-typescript": "^6.7.6",
+		"postcss": "^8.4.38",
+		"prettier": "^3.3.0",
 		"prettier-plugin-tailwindcss": "^0.5.12",
-		"tailwindcss": "^3.4.1",
+		"tailwindcss": "^3.4.3",
 		"tailwindcss-animate": "^1.0.7",
-		"typescript": "^5.2.2",
-		"vite": "^5.1.6",
+		"typescript": "^5.4.5",
+		"vite": "^5.2.12",
 		"vite-plugin-bundle-prefetch": "^0.0.4",
 		"vite-plugin-svgr": "^4.2.0",
-		"vitest": "^1.5.0"
+		"vitest": "^1.6.0"
 	}
 }