zenml-nightly 0.60.0.dev20240627__py3-none-any.whl → 0.61.0.dev20240711__py3-none-any.whl

zenml/zen_server/dashboard/assets/page-iXiDqE0J.js

@@ -1,2 +0,0 @@
-import{j as e,c as D}from"./@tanstack-CEbkxrhX.js";import{F as q,R as G}from"./Cards-DSEdjsk8.js";import{B as L,aC as W,s as P,u as C,ap as B,aD as S,av as $,v as y,h as U,w as k,aq as V,ar as J,as as K,at as Q,au as N,ay as h,aE as u,c as z,S as _,aF as A,aG as R,aH as v,aI as b,aJ as w,aK as T,aw as Y}from"./index-BawkpTlr.js";import{S as I}from"./chevron-down-zcvCWmyP.js";import{r as d}from"./@radix-C9DBgJhe.js";import{u as X}from"./update-server-settings-mutation-bKxf7U9h.js";import{b as ee,S as te,a as se}from"./aws-t0gKCj_R.js";import{H as f}from"./Helpbox-DW21i5LD.js";import{C as n}from"./CodeSnippet-WEzpO0az.js";import{H as re}from"./help-B8rqCvqn.js";import"./file-text-CbVERUON.js";import"./terminal-B2ovgWuz.js";import"./@react-router-DYovave8.js";import"./@reactflow-DYIyhCfd.js";import"./copy-BRhQz3j-.js";function ae(){return e.jsx(L,{className:"flex flex-col-reverse items-stretch overflow-hidden md:flex-row",children:e.jsxs("div",{className:"w-full px-7 py-5 md:w-2/3",children:[e.jsx("h2",{className:"text-display-xs font-semibold",children:"Welcome to ZenML"}),e.jsx("p",{className:"mt-2 text-text-lg text-theme-text-secondary",children:"You successfully installed the ZenML dashboard. Now you can get started with your new ZenML server."})]})})}const M=t=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"black",xmlns:"http://www.w3.org/2000/svg",...t},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.7071 5.29289C21.0976 5.68342 21.0976 6.31658 20.7071 6.70711L9.70711 17.7071C9.31658 18.0976 8.68342 18.0976 8.29289 17.7071L3.29289 12.7071C2.90237 12.3166 2.90237 11.6834 3.29289 11.2929C3.68342 10.9024 4.31658 10.9024 4.70711 11.2929L9 15.5858L19.2929 5.29289C19.6834 4.90237 20.3166 4.90237 20.7071 5.29289Z"}));function E({tickClasses:t,...r}){return e.jsx(W,{...r,children:e.jsx(M,{className:P("h-4 w-4 fill-success-300",t)})})}function j({completed:t,title:r,children:s,itemName:a,active:c=!0}){const[o,x]=d.useState(!1),i=D(),{data:l}=C({throwOnError:!0}),{mutate:p}=X({onSuccess:()=>{i.invalidateQueries({queryKey:B()})}});function g(Z){var O;const H={...(O=l==null?void 0:l.metadata)==null?void 0:O.onboarding_state,[a]:Z};p({onboarding_state:H})}return e.jsx(S,{open:o,onOpenChange:x,children:e.jsxs("div",{className:"flex w-full flex-col gap-3",children:[e.jsxs("div",{className:"flex w-full justify-between gap-2",children:[t?e.jsx("button",{onClick:()=>g(!1),children:e.jsx(E,{className:"shrink-0"})}):e.jsx($,{className:"shrink-0"}),e.jsx(y,{className:"w-full",children:e.jsx(ne,{title:r,completed:t})}),e.jsxs("div",{className:"flex items-center gap-1",children:[!t&&c&&e.jsxs(U,{onClick:()=>g(!0),className:"items-center whitespace-nowrap",intent:"primary",emphasis:"subtle",children:[e.jsx(M,{className:"h-5 w-5 fill-primary-600"})," ",e.jsx("span",{children:"Mark as done"})]}),e.jsx(y,{children:e.jsx(I,{className:` ${o?"":"-rotate-90"} h-5 w-5 shrink-0 rounded-md fill-neutral-500`})})]})]}),s&&e.jsx(k,{children:e.jsxs("div",{className:"flex w-full items-center gap-2",children:[e.jsx("div",{className:"w-[28px] shrink-0"}),e.jsx("div",{className:"w-full min-w-0 flex-1",children:s})]})})]})})}function ne({completed:t,title:r}){return e.jsx("div",{className:"flex w-full items-center justify-between gap-2",children:e.jsx("div",{className:"flex w-full items-center",children:e.jsx("div",{className:`font-semibold ${t?"text-theme-text-tertiary line-through decoration-theme-text-tertiary":""}
-					`,children:r})})})}const ce=t=>d.createElement("svg",{viewBox:"0 0 24 24",fill:"black",xmlns:"http://www.w3.org/2000/svg",...t},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.24923 9.14303C6.0632 6.17816 8.7764 4 12 4C15.2236 4 17.9368 6.17816 18.7508 9.14303C21.1861 9.70961 23 11.8925 23 14.5C23 17.5376 20.5376 20 17.5 20H6.5C3.46243 20 1 17.5376 1 14.5C1 11.8925 2.8139 9.70961 5.24923 9.14303ZM12 6C9.51785 6 7.45643 7.80968 7.0665 10.1816C6.99268 10.6306 6.62505 10.9731 6.17196 11.0151C4.39329 11.1798 3 12.6778 3 14.5C3 16.433 4.567 18 6.5 18H17.5C19.433 18 21 16.433 21 14.5C21 12.6778 19.6067 11.1798 17.828 11.0151C17.375 10.9731 17.0073 10.6306 16.9335 10.1816C16.5436 7.80968 14.4822 6 12 6Z"}));function F({displayOther:t=!1,setValue:r,value:s,id:a}){return e.jsxs(V,{value:s,onValueChange:r,children:[e.jsx(J,{id:a,className:"w-[125px] border border-neutral-300 px-2 text-left text-text-md",children:e.jsx(K,{placeholder:"Select your Provider"})}),e.jsxs(Q,{className:"",children:[e.jsx(N,{value:"aws",children:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(ee,{className:"h-5 w-5"}),"AWS"]})}),e.jsxs(N,{value:"gcp",children:[" ",e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(te,{className:"h-5 w-5"}),"GCP"]})]}),e.jsx(N,{value:"azure",children:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(se,{className:"h-5 w-5"}),"Azure"]})}),t&&e.jsx(N,{value:"other",children:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(ce,{className:"h-5 w-5 stroke-neutral-400"}),"Other"]})})]})]})}function ie(){return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Create a AWS service connector using the IAM Method"," ",e.jsx(m,{href:"https://docs.zenml.io/how-to/auth-management/aws-service-connector#aws-iam-role"})]}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"AWS_PROFILE=<AWS_PROFILE> zenml service-connector register cloud_connector --type aws --auto-configure"})]})})}function le(){return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Create a GCP service connector using the Service Account Method"," ",e.jsx(m,{href:"https://docs.zenml.io/how-to/auth-management/gcp-service-connector#gcp-service-account"})]}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml service-connector register cloud_connector --type gcp --auth-method service-account --service_account_json=@<PATH_TO_SERVICE_ACCOUNT_JSON> --project-id=<PROJECT_ID> --generate_temporary_tokens=False"})]})})}function oe(){return e.jsx(e.Fragment,{children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Create an Azure service connector using the Service Principal Method"," ",e.jsx(m,{href:"https://docs.zenml.io/how-to/auth-management/azure-service-connector#azure-service-principal"})]}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml service-connector register cloud_connector --type azure --auth-method service-principal --tenant_id=<TENANT_ID> --client_id=<CLIENT_ID> --client_secret=<CLIENT_SECRET>"})]})})}function de(t){switch(t){case"gcp":return e.jsx(le,{});case"aws":return e.jsx(ie,{});case"azure":return e.jsx(oe,{})}}function me(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Install the AWS CLI on your machine"}),e.jsx("div",{className:"inline-block",children:e.jsx("a",{target:"_blank",rel:"noopener noreferrer",className:h({intent:"primary",emphasis:"subtle",size:"md"}),href:"https://docs.aws.amazon.com/cli/latest/userguide/getting-started-install.html",children:"How to install the AWS CLI"})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Create a AWS bucket or identify an existing one"," ",e.jsx("span",{className:"text-theme-text-tertiary",children:"(Optional)"})," ",e.jsx(m,{href:"https://awscli.amazonaws.com/v2/documentation/api/latest/reference/s3api/create-bucket.html"})]}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"aws s3api create-bucket --bucket your-bucket-name --region your-region-name"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Install the S3 ZenML integration"}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml integration install s3 -y"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Register the artifact store"}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml artifact-store register cloud_artifact_store -f s3 --path=s3://bucket-name --connector <CONNECTOR_ID>"})]})]})}function xe(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Install the Google Cloud CLI on your machine"}),e.jsx("div",{className:"inline-block",children:e.jsx("a",{target:"_blank",rel:"noopener noreferrer",className:h({intent:"primary",emphasis:"subtle",size:"md"}),href:"https://cloud.google.com/sdk/docs/install-sdk",children:"How to install the Google Cloud CLI"})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Create a GCP bucket or identify an existing one"," ",e.jsx("span",{className:"text-theme-text-tertiary",children:"(Optional)"})," ",e.jsx(m,{href:"https://cloud.google.com/storage/docs/creating-buckets"})]}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"gsutil mb gs://your-bucket-name"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Install the GCP ZenML integration "}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml integration install gcp -y"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Register the artifact store"}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml artifact-store register cloud_artifact_store -f gcp --path=gs://bucket-name --connector <CONNECTOR_ID>"})]})]})}function pe(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Install the Azure CLI on your machine"}),e.jsx("div",{className:"inline-block",children:e.jsx("a",{target:"_blank",rel:"noopener noreferrer",className:h({intent:"primary",emphasis:"subtle",size:"md"}),href:"https://learn.microsoft.com/en-us/cli/azure/install-azure-cli",children:"How to install the Azure CLI"})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Create a Azure bucket or identify an existing one"," ",e.jsx("span",{className:"text-theme-text-tertiary",children:"(Optional)"})," ",e.jsx(m,{href:"https://learn.microsoft.com/en-us/azure/storage/blobs/storage-quickstart-blobs-portal"})]}),e.jsx(n,{wrap:!0,codeClasses:"truncate",code:"az storage container create --name your-bucket-name --account-name your-storage-account"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("p",{className:"text-text-sm text-theme-text-secondary",children:["Install the Azure ZenML integration"," "]}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml integration install azure -y"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Register the artifact store"}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml artifact-store register cloud_artifact_store -f azure --path=az://container-name --connector <CONNECTOR_ID>"})]})]})}function he(){return e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Create a remote artifact in any environment following our guides."}),e.jsx("div",{className:"inline-block",children:e.jsx("a",{target:"_blank",rel:"noopener noreferrer",className:h({intent:"primary",emphasis:"subtle",size:"md"}),href:"https://docs.zenml.io/how-to/stack-deployment/implement-a-custom-stack-component",children:"How to create a custom artifact store"})})]})}function ue(t){switch(t){case"gcp":return e.jsx(xe,{});case"aws":return e.jsx(me,{});case"azure":return e.jsx(pe,{});case"other":return e.jsx(he,{})}}function je({onboardingState:t,active:r}){const[s,a]=d.useState("aws"),c="create_service_connector",o=u(t||{},c);return e.jsxs(j,{active:r,completed:!!o,title:"Create a service connector",itemName:c,children:[e.jsxs("p",{className:"mb-3",children:["A service connector grants users of your ZenML tenant the ability to access components like your artifact store"," ",e.jsx(m,{href:"https://docs.zenml.io/user-guide/production-guide/remote-storage#configuring-permissions-with-your-first-service-connector"})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{htmlFor:"artifact-store-provider",className:"text-text-sm text-theme-text-secondary",children:"Select your cloud provider"}),e.jsx(F,{id:"artifact-store-provider",value:s,setValue:a})]}),de(s),e.jsx("div",{children:e.jsx(f,{link:"https://docs.zenml.io/user-guide/production-guide/remote-storage#configuring-permissions-with-your-first-service-connector"})})]})]})}function ge({onboardingState:t,active:r}){const[s,a]=d.useState("aws"),c="create_remote_artifact_store",o=u(t||{},c);return e.jsxs(j,{itemName:c,completed:!!o,title:"Create an artifact store",active:r,children:[e.jsxs("p",{className:"mb-3",children:["Configuring a remote artifact store will version your pipeline's data directly in your cloud provider"," ",e.jsx(m,{href:"https://docs.zenml.io/user-guide/production-guide/remote-storage"})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{htmlFor:"artifact-store-provider",className:"text-text-sm text-theme-text-secondary",children:"Select your cloud provider"}),e.jsx(F,{displayOther:!0,id:"artifact-store-provider",value:s,setValue:a})]}),ue(s),e.jsx("div",{children:e.jsx(f,{link:"https://docs.zenml.io/user-guide/production-guide/remote-storage"})})]})]})}function fe({onboardingState:t,active:r}){const s="create_remote_stack",a=u(t||{},s);return e.jsxs(j,{itemName:s,completed:!!a,title:"Create a new stack",active:r,children:[e.jsxs("p",{className:"mb-3",children:["A stack configures how a pipeline is executed"," ",e.jsx(m,{href:"https://docs.zenml.io/user-guide/production-guide/understand-stacks"})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:"Download the quickstart example to your local machine"}),e.jsx(n,{codeClasses:"whitespace-pre-wrap",code:"zenml stack register local_with_remote_storage -o default -a cloud_artifact_store"})]}),e.jsx(f,{link:"https://docs.zenml.io/user-guide/production-guide/understand-stacks"})]})]})}function Ne({active:t,onboardingState:r}){const s="run_remote_pipeline",a=u(r||{},s);return e.jsx(j,{itemName:s,completed:!!a,title:"Run the pipeline in the new stack",active:t,children:e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Set the new stack"}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"zenml stack set local_with_remote_storage"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("p",{className:"text-text-sm text-theme-text-secondary",children:"Run the pipeline"}),e.jsx(n,{wrap:!0,codeClasses:"whitespace-pre-wrap",code:"python run.py --training-pipeline"})]}),e.jsx("div",{children:e.jsx(f,{link:"https://docs.zenml.io/user-guide/production-guide/understand-stacks"})})]})})}function m({href:t}){return e.jsx("a",{href:t,rel:"noopener noreferrer",target:"_blank",className:"link text-text-sm font-semibold text-theme-text-brand",children:"Learn more"})}function ve(){const{isError:t,isPending:r,data:s}=C({throwOnError:!0}),a=z(),[c,o]=d.useState(!0);if(r||a.isPending)return e.jsx(_,{className:"h-[200px] w-full"});if(t||a.isError)return null;const x=A(R(a.data.deployment_type||"other")),i=v(s),l=b(i,x)===x.length,p=b(i,w),g=p/w.length*100;return e.jsx(e.Fragment,{children:e.jsxs(S,{onOpenChange:o,open:c,className:P("rounded-md border border-theme-border-moderate bg-theme-surface-primary"),children:[e.jsxs(y,{className:"flex w-full items-center justify-between gap-[10px] p-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[g>=100?e.jsx(E,{className:"h-7 w-7",tickClasses:"w-[28px] h-[28px]"}):e.jsx(T,{value:g,children:e.jsxs("span",{className:"absolute text-text-xs font-semibold",children:[p,"/",w.length]})}),e.jsxs("div",{className:"text-left",children:[e.jsxs("p",{className:"text-text-md font-semibold",children:["Production Setup"," ",e.jsx("span",{className:"text-text-md font-medium text-theme-text-secondary",children:"(10 min)"})]}),e.jsx("p",{className:"text-theme-text-secondary",children:l?"Level up your skills in a production setting.":e.jsx("span",{className:"text-primary-400",children:"Complete the Starter Setup to enable the production setup."})})]})]}),e.jsx(I,{className:` ${c?"":"-rotate-90"} h-5 w-5 shrink-0 rounded-md fill-neutral-500 transition-transform duration-200 hover:bg-neutral-200`})]}),e.jsx(k,{className:"border-t border-theme-border-moderate p-5",children:e.jsxs("ul",{className:"divide-y divide-theme-border-moderate",children:[e.jsx("li",{className:"py-5 first:pt-0 last:pb-0",children:e.jsx(je,{onboardingState:i,active:l})}),e.jsx("li",{className:"py-5 first:pt-0 last:pb-0",children:e.jsx(ge,{onboardingState:i,active:l})}),e.jsx("li",{className:"py-5 first:pt-0 last:pb-0",children:e.jsx(fe,{onboardingState:i,active:l})}),e.jsx("li",{className:"py-5 first:pt-0 last:pb-0",children:e.jsx(Ne,{onboardingState:i,active:l})})]})})]})})}function ye({onboardingState:t}){const{data:r}=z({throwOnError:!0}),s="connect_zenml",a=u(t||{},s);return e.jsx(j,{itemName:s,completed:!!a,title:"Connect to ZenML",children:e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:"Install ZenML"}),e.jsx(n,{code:`pip install "zenml==${r?r.version:e.jsx(_,{className:"w-7"})}"`})]}),e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:"Login to your ZenML Cloud tenant"}),e.jsx(n,{code:`zenml connect --url ${window.location.origin}`})]}),e.jsx(f,{link:"https://docs.zenml.io/user-guide/production-guide/deploying-zenml#connecting-to-a-deployed-zenml"})]})})}function we({onboardingState:t}){const r="run_first_pipeline",s=u(t||{},r);return e.jsx(j,{itemName:r,completed:!!s,title:"Run your first pipeline",children:e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:"Download the quickstart example to your local machine"}),e.jsx(n,{code:"git clone --depth 1 https://github.com/zenml-io/zenml.git && cd zenml/examples/quickstart"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:"Initialize ZenML in the current directory"}),e.jsx(n,{code:"zenml init"})]}),e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:"Install the remaining requirements apart from ZenML"}),e.jsx(n,{code:"pip install -r requirements.txt"})]}),e.jsxs("div",{children:[e.jsxs("p",{className:"mb-1 text-text-sm text-theme-text-secondary",children:["Run the training pipeline.",e.jsx("br",{}),"Once it is running, your dashboard will show all the details of the associated run, models, and artifacts."]}),e.jsx(n,{code:"python run.py --training-pipeline"})]}),e.jsxs(L,{className:"flex w-full flex-wrap items-center justify-between gap-y-1 p-2",children:[e.jsxs("div",{className:"flex items-center gap-[10px]",children:[e.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-sm bg-teal-25",children:e.jsx(re,{className:"h-5 w-5 fill-teal-400"})}),e.jsx("p",{children:"Do you need help?"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("a",{target:"_blank",rel:"noopener noreferrer",className:h({intent:"secondary",emphasis:"subtle",size:"md"}),href:"https://github.com/zenml-io/zenml/blob/main/examples/quickstart/README.md",children:"Open the Readme"}),e.jsx("a",{target:"_blank",rel:"noopener noreferrer",className:h({intent:"primary",emphasis:"subtle",size:"md"}),href:"https://docs.zenml.io/user-guide/starter-guide/create-an-ml-pipeline",children:"Browse our docs"})]})]})]})})}function be(){const{isError:t,isPending:r,data:s}=C({throwOnError:!0}),a=z(),[c,o]=d.useState(!0);if(r||a.isPending)return e.jsx(_,{className:"h-[200px] w-full"});if(t||a.isError)return null;const x=R(a.data.deployment_type||"other"),i=A(x),l=b(v(s),i),p=l/i.length*100;return e.jsxs(S,{open:c,onOpenChange:o,className:"rounded-md border border-theme-border-moderate bg-theme-surface-primary",children:[e.jsxs(y,{className:"flex w-full items-center justify-between gap-[10px] p-3",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[p>=100?e.jsx(E,{className:"h-7 w-7",tickClasses:"w-[28px] h-[28px]"}):e.jsx(T,{value:p,children:e.jsxs("span",{className:"absolute text-text-xs font-semibold",children:[l,"/",i.length]})}),e.jsxs("div",{className:"text-left",children:[e.jsxs("p",{className:"text-text-xl font-semibold",children:["Starter Setup"," ",e.jsx("span",{className:"text-text-md font-medium text-theme-text-secondary",children:"(2 min)"})]}),e.jsx("p",{className:"text-theme-text-secondary",children:"Follow these steps to make sure your client is connected and run your first MLOps pipeline with ZenML"})]})]}),e.jsx(I,{className:` ${c?"":"-rotate-90"} h-5 w-5 shrink-0 rounded-md fill-neutral-500 transition-transform duration-200 hover:bg-neutral-200`})]}),e.jsx(k,{className:"border-t border-theme-border-moderate p-5",children:e.jsxs("ul",{className:"divide-y divide-theme-border-moderate",children:[!x&&e.jsx("li",{className:"py-5 first:pt-0 last:pb-0",children:e.jsx(ye,{onboardingState:v(s)})}),e.jsx("li",{className:"py-5 first:pt-0 last:pb-0",children:e.jsx(we,{onboardingState:v(s)})})]})})]})}function Ze(){const{setTourState:t,tourState:{tourActive:r}}=Y();return d.useEffect(()=>{r&&t(s=>({...s,run:!0,stepIndex:s.stepIndex}))},[r]),e.jsxs("div",{className:"layout-container grid grid-cols-4 gap-5 py-5",children:[e.jsxs("div",{className:"col-span-4 space-y-5 lg:col-span-3",children:[e.jsx(ae,{}),e.jsx(be,{}),e.jsx(ve,{})]}),e.jsxs("div",{className:"col-span-4 space-y-5 lg:col-span-1",children:[e.jsx(q,{}),e.jsx(G,{})]})]})}export{Ze as default};