refactor: updates to features in models and artifacts (#625)

Author: Cahllagerfeld

src/app/Header.tsx

@@ -13,7 +13,7 @@ export function OverviewHeader() {
 					{serverSettings ? (
 						<Avatar size="xxl" type="square">
 							<AvatarImage
-								alt="Logo displayed for the tenant"
+								alt="Logo displayed for the server"
 								src={getGradientImage(serverSettings.body?.server_name || "default", 64)}
 							/>
 							<AvatarFallback size="xxl">

src/app/artifacts/Fragments.tsx

@@ -7,10 +7,10 @@ export function InfoBox() {
 	return (
 		<InfoBoxPrimitive>
 			<div className="flex w-full flex-wrap items-center gap-x-2 gap-y-0.5 text-text-md">
-				<p className="font-semibold">This is a ZenML Cloud feature. </p>
+				<p className="font-semibold">This is a ZenML Pro feature. </p>
 				<p>
-					Upgrade to ZenML Cloud to access the Artifact Control Plane and interact with your
-					artifacts in the Dashboard.
+					Upgrade to ZenML Pro to access the Artifact Control Plane and interact with your artifacts
+					in the Dashboard.
 				</p>
 			</div>
 		</InfoBoxPrimitive>

src/app/artifacts/page.tsx

@@ -10,13 +10,13 @@ export default function ModelsPage() {
 			<PageHeader className="flex items-center gap-1">
 				<h1 className="text-display-xs font-semibold">Artifacts</h1>
 				<Badge color="purple" rounded size="sm">
-					<span className="font-semibold text-primary-500">Cloud</span>
+					<span className="font-semibold text-primary-500">Pro</span>
 				</Badge>
 			</PageHeader>
 			<div className="layout-container space-y-5 py-5">
 				<InfoBox />
 				<CTASection
-					image={{ src: ACP, alt: "Screenshot of the ZenML Cloud Model Control plane" }}
+					image={{ src: ACP, alt: "Screenshot of the ZenML Pro Model Control plane" }}
 					features={artifactFeatures}
 				/>
 				<CommandSection />

src/app/models/Fragments.tsx

@@ -7,9 +7,9 @@ export function InfoBox() {
 	return (
 		<InfoBoxPrimitive>
 			<div className="flex w-full flex-wrap items-center gap-x-2 gap-y-0.5 text-text-md">
-				<p className="font-semibold">This is a ZenML Cloud feature. </p>
+				<p className="font-semibold">This is a ZenML Pro feature. </p>
 				<p>
-					Upgrade to ZenML Cloud to access the Model Control Plane and interact with your models in
+					Upgrade to ZenML Pro to access the Model Control Plane and interact with your models in
 					the Dashboard.
 				</p>
 			</div>

src/app/models/page.tsx

@@ -23,13 +23,13 @@ export default function ModelsPage() {
 			<PageHeader className="flex items-center gap-1">
 				<h1 className="text-display-xs font-semibold">Models</h1>
 				<Badge color="purple" rounded size="sm">
-					<span className="font-semibold text-primary-500">Cloud</span>
+					<span className="font-semibold text-primary-500">Pro</span>
 				</Badge>
 			</PageHeader>
 			<div className="layout-container space-y-5 py-5">
 				<InfoBox />
 				<CTASection
-					image={{ src: MCP, alt: "Screenshot of the ZenML Cloud Model Control plane" }}
+					image={{ src: MCP, alt: "Screenshot of the ZenML Pro Model Control plane" }}
 					features={modelFeatures}
 				/>
 				<CommandSection />

src/app/onboarding/ProductionSetup/Items.tsx

@@ -25,7 +25,7 @@ export function CreateServiceConnector({ onboardingState, active }: Props) {
 			itemName={itemName}
 		>
 			<p className="mb-3">
-				A service connector grants users of your ZenML tenant the ability to access components like
+				A service connector grants users of your ZenML server the ability to access components like
 				your artifact store{" "}
 				<LearnMoreLink href="https://docs.zenml.io/user-guide/production-guide/remote-storage#configuring-permissions-with-your-first-service-connector" />
 			</p>

src/app/onboarding/StarterSetup/Items.tsx

@@ -25,9 +25,7 @@ export function ConnectZenMLStep({ onboardingState }: Props) {
 					/>
 				</div>
 				<div>
-					<p className="mb-1 text-text-sm text-theme-text-secondary">
-						Login to your ZenML Cloud tenant
-					</p>
+					<p className="mb-1 text-text-sm text-theme-text-secondary">Login to your ZenML Server</p>
 					<Codesnippet code={`zenml connect --url ${window.location.origin}`} />
 				</div>
 				<HelpBox link="https://docs.zenml.io/user-guide/production-guide/deploying-zenml#connecting-to-a-deployed-zenml" />

src/app/stacks/create/new-infrastructure/Providers/AWS.tsx

@@ -7,8 +7,7 @@ import { PermissionsCard } from "./PermissionsCard";
 type Props = ProviderComponents;
 
 export const awsPrizes = {
-	orchestratorCosts: "$0.45",
-	storageCosts: "$4.90"
+	cost: "$0.60"
 };
 
 export function AWSComponents({

src/app/stacks/create/new-infrastructure/Providers/index.tsx

@@ -73,7 +73,7 @@ export function ComponentListItem({
 export function EstimateCosts() {
 	const { data } = useNewInfraFormContext();
 	gcpPrizes;
-	function getPrizes() {
+	function getPrize() {
 		switch (data.provider) {
 			case "aws":
 				return awsPrizes;
@@ -99,25 +99,11 @@ export function EstimateCosts() {
 				</div>
 				<div>
 					<p>
-						Processing jobs:{" "}
-						<span className="font-semibold text-theme-text-secondary">
-							{getPrizes()?.orchestratorCosts}
-						</span>{" "}
-						<span className="text-theme-text-secondary">per hour</span>
+						A small training job would cost around:{" "}
+						<span className="font-semibold text-theme-text-success">{getPrize()?.cost}</span>
 					</p>
-					<p>
-						200GB of general storage:{" "}
-						<span className="font-semibold text-theme-text-secondary">
-							{getPrizes()?.storageCosts}
-						</span>{" "}
-						<span className="text-theme-text-secondary">per month</span>
-					</p>
-					{/* <p>
-						An average processing example would cost:{" "}
-						<span className="font-semibold text-theme-text-success">$0.3112</span>
-					</p> */}
-					<p className="pt-3 text-text-xs text-theme-text-secondary">
-						Use the official pricing Calculator for a detailed estimate
+					<p className="text-text-xs text-theme-text-secondary">
+						Please use the official pricing Calculator for a detailed estimate
 					</p>
 				</div>
 			</Box>

src/components/tour/Tour.tsx

@@ -98,7 +98,7 @@ const steps: Step[] = [
 	},
 	{
 		content:
-			"Find out more about our advanced ZenML Cloud features like model and artifact management.",
+			"Find out more about our advanced ZenML Pro features like model and artifact management.",
 		target: "#models-sidebar-link",
 		title: "OSS is just the beginning",
 		disableBeacon: true,