@terasky/backstage-plugin-vcf-automation 0.0.1 → 0.1.1

package/dist/index.esm.js

@@ -1,882 +1,12 @@
-import { createRouteRef, createApiRef, createExternalRouteRef, createPlugin, createApiFactory, discoveryApiRef, identityApiRef, createRoutableExtension, useApi } from '@backstage/core-plugin-api';
-import React from 'react';
-import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';
-import { InfoCard, Progress, ResponseErrorPanel, StatusPending, StatusError, StatusOK, StructuredMetadataTable, Table, Link } from '@backstage/core-components';
-import { makeStyles, Typography, Grid, Chip } from '@material-ui/core';
-import useAsync from 'react-use/lib/useAsync';
-import { usePermission } from '@backstage/plugin-permission-react';
-import { showDeploymentResourcesDataPermission, viewProjectDetailsPermission, viewDeploymentHistoryPermission } from '@terasky/backstage-plugin-vcf-automation-common';
-
-const rootRouteRef = createRouteRef({
-  id: "vcf-automation"
-});
-createRouteRef({
-  id: "vcf-automation:deployment",
-  params: ["deploymentId"]
-});
-createRouteRef({
-  id: "vcf-automation:resource",
-  params: ["deploymentId", "resourceId"]
-});
-createRouteRef({
-  id: "vcf-automation:project",
-  params: ["projectId"]
-});
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-const vcfAutomationApiRef = createApiRef({
-  id: "plugin.vcf-automation.service"
-});
-class VcfAutomationClient {
-  constructor(options) {
-    __publicField(this, "discoveryApi");
-    __publicField(this, "identityApi");
-    this.discoveryApi = options.discoveryApi;
-    this.identityApi = options.identityApi;
-  }
-  async getAuthHeaders() {
-    const token = await this.identityApi.getCredentials();
-    return {
-      "Content-Type": "application/json",
-      ...(token == null ? void 0 : token.token) ? { Authorization: `Bearer ${token.token}` } : {}
-    };
-  }
-  async getDeploymentEvents(deploymentId) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
-    const headers = await this.getAuthHeaders();
-    const response = await fetch(`${baseUrl}/deployments/${deploymentId}/events`, {
-      headers
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to fetch deployment events: ${response.statusText}`);
-    }
-    return await response.json();
-  }
-  async getVSphereVMDetails(deploymentId, resourceId) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
-    const headers = await this.getAuthHeaders();
-    const response = await fetch(`${baseUrl}/deployments/${deploymentId}/resources/${resourceId}`, {
-      headers
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to fetch resource details: ${response.statusText}`);
-    }
-    return await response.json();
-  }
-  async getGenericResourceDetails(deploymentId, resourceId) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
-    const headers = await this.getAuthHeaders();
-    const response = await fetch(
-      `${baseUrl}/deployments/${deploymentId}/resources/${resourceId}`,
-      {
-        headers: {
-          "Content-Type": "application/json",
-          ...headers
-        }
-      }
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to fetch resource details: ${response.statusText}`);
-    }
-    return await response.json();
-  }
-  async getDeploymentDetails(deploymentId) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
-    const headers = await this.getAuthHeaders();
-    const response = await fetch(
-      `${baseUrl}/deployments/${deploymentId}`,
-      {
-        headers: {
-          "Content-Type": "application/json",
-          ...headers
-        }
-      }
-    );
-    if (!response.ok) {
-      throw new Error(`Failed to fetch deployment details: ${response.statusText}`);
-    }
-    return await response.json();
-  }
-  async getProjectDetails(projectId) {
-    const baseUrl = await this.discoveryApi.getBaseUrl("vcf-automation");
-    const headers = await this.getAuthHeaders();
-    const response = await fetch(`${baseUrl}/projects/${projectId}`, {
-      headers
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to fetch project details: ${response.statusText}`);
-    }
-    return await response.json();
-  }
-}
-
-const catalogIndexRouteRef = createExternalRouteRef({
-  id: "catalog-index"
-});
-const vcfAutomationPlugin = createPlugin({
-  id: "vcf-automation",
-  apis: [
-    createApiFactory({
-      api: vcfAutomationApiRef,
-      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },
-      factory: ({ discoveryApi, identityApi }) => new VcfAutomationClient({ discoveryApi, identityApi })
-    })
-  ],
-  routes: {
-    root: rootRouteRef
-  },
-  externalRoutes: {
-    catalogIndex: catalogIndexRouteRef
-  }
-});
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationDeploymentDetails",
-    component: () => Promise.resolve().then(function () { return VCFAutomationDeploymentDetails$1; }).then((m) => m.VCFAutomationDeploymentDetails),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationVSphereVMDetails",
-    component: () => Promise.resolve().then(function () { return VCFAutomationVSphereVMDetails$1; }).then((m) => m.VCFAutomationVSphereVMDetails),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationProjectDetails",
-    component: () => Promise.resolve().then(function () { return VCFAutomationProjectDetails$1; }).then((m) => m.VCFAutomationProjectDetails),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationDeploymentOverview",
-    component: () => Promise.resolve().then(function () { return VCFAutomationDeploymentOverview$1; }).then((m) => m.VCFAutomationDeploymentOverview),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationVSphereVMOverview",
-    component: () => Promise.resolve().then(function () { return VCFAutomationVSphereVMOverview$1; }).then((m) => m.VCFAutomationVSphereVMOverview),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationProjectOverview",
-    component: () => Promise.resolve().then(function () { return VCFAutomationProjectOverview$1; }).then((m) => m.VCFAutomationProjectOverview),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationGenericResourceDetails",
-    component: () => Promise.resolve().then(function () { return VCFAutomationGenericResourceDetails$1; }).then((m) => m.VCFAutomationGenericResourceDetails),
-    mountPoint: rootRouteRef
-  })
-);
-vcfAutomationPlugin.provide(
-  createRoutableExtension({
-    name: "VcfAutomationGenericResourceOverview",
-    component: () => Promise.resolve().then(function () { return VCFAutomationGenericResourceOverview$1; }).then((m) => m.VCFAutomationGenericResourceOverview),
-    mountPoint: rootRouteRef
-  })
-);
-
-const useStyles = makeStyles((theme) => ({
-  statusText: {
-    fontWeight: "bold",
-    "&.success": {
-      color: theme.palette.success.main
-    },
-    "&.error": {
-      color: theme.palette.error.main
-    },
-    "&.pending": {
-      color: theme.palette.warning.main
-    }
-  }
-}));
-const VCFAutomationVSphereVMOverview = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const { entity } = useEntity();
-  const api = useApi(vcfAutomationApiRef);
-  const classes = useStyles();
-  const deploymentId = ((_a = entity.spec) == null ? void 0 : _a.system) || "";
-  const resourceId = entity.metadata.name;
-  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({
-    permission: showDeploymentResourcesDataPermission
-  });
-  const { value: resource, loading, error } = useAsync(async () => {
-    if (!resourceId || !deploymentId || !hasViewPermission)
-      return void 0;
-    return await api.getVSphereVMDetails(deploymentId, resourceId);
-  }, [resourceId, deploymentId, hasViewPermission]);
-  if (!resourceId || !deploymentId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Resource" }, /* @__PURE__ */ React.createElement(Typography, null, "No resource ID or deployment ID found for this entity."));
-  }
-  if (loading || permissionLoading) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Resource" }, /* @__PURE__ */ React.createElement(Progress, null));
-  }
-  if (!hasViewPermission) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Resource" }, /* @__PURE__ */ React.createElement(Typography, null, "You don't have permission to view resource details."));
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (!resource) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Resource" }, /* @__PURE__ */ React.createElement(Typography, null, "No resource details available."));
-  }
-  const getStatusComponent = (state) => {
-    switch (state.toUpperCase()) {
-      case "SUCCESS":
-      case "OK":
-        return /* @__PURE__ */ React.createElement(StatusOK, null);
-      case "ERROR":
-      case "FAILED":
-        return /* @__PURE__ */ React.createElement(StatusError, null);
-      default:
-        return /* @__PURE__ */ React.createElement(StatusPending, null);
-    }
-  };
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Resource" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Name"), /* @__PURE__ */ React.createElement(Typography, null, resource.name)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Type"), /* @__PURE__ */ React.createElement(Typography, null, resource.type)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "State"), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1, alignItems: "center" }, getStatusComponent(resource.state), /* @__PURE__ */ React.createElement(Typography, { className: `${classes.statusText} ${resource.state.toLowerCase()}` }, resource.state))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Sync Status"), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1, alignItems: "center" }, getStatusComponent(resource.syncStatus), /* @__PURE__ */ React.createElement(Typography, { className: `${classes.statusText} ${resource.syncStatus.toLowerCase()}` }, resource.syncStatus))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Created At"), /* @__PURE__ */ React.createElement(Typography, null, new Date(resource.createdAt).toLocaleString())), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Region"), /* @__PURE__ */ React.createElement(Typography, null, ((_b = resource.properties) == null ? void 0 : _b.region) || "N/A")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Resource Metrics"), /* @__PURE__ */ React.createElement(Typography, null, `CPU: ${((_c = resource.properties) == null ? void 0 : _c.cpuCount) || "N/A"} cores, `, `Memory: ${((_d = resource.properties) == null ? void 0 : _d.memoryGB) || "N/A"} GB, `, `Storage: ${((_h = (_g = (_f = (_e = resource.properties) == null ? void 0 : _e.storage) == null ? void 0 : _f.disks) == null ? void 0 : _g[0]) == null ? void 0 : _h.capacityGb) || "N/A"} GB`)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Expense Information"), /* @__PURE__ */ React.createElement(Typography, null, `Total: $${((_j = (_i = resource.expense) == null ? void 0 : _i.totalExpense) == null ? void 0 : _j.toFixed(2)) || "N/A"}, `, `Compute: $${((_l = (_k = resource.expense) == null ? void 0 : _k.computeExpense) == null ? void 0 : _l.toFixed(2)) || "N/A"}, `, `Storage: $${((_n = (_m = resource.expense) == null ? void 0 : _m.storageExpense) == null ? void 0 : _n.toFixed(2)) || "N/A"}`))));
-};
-
-var VCFAutomationVSphereVMOverview$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationVSphereVMOverview: VCFAutomationVSphereVMOverview
-});
-
-const VCFAutomationProjectOverview = () => {
-  const { entity } = useEntity();
-  const api = useApi(vcfAutomationApiRef);
-  const projectId = entity.metadata.name;
-  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({
-    permission: viewProjectDetailsPermission
-  });
-  const { value: project, loading, error } = useAsync(async () => {
-    if (!projectId || !hasViewPermission)
-      return void 0;
-    return await api.getProjectDetails(projectId);
-  }, [projectId, hasViewPermission]);
-  if (!projectId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Project" }, /* @__PURE__ */ React.createElement(Typography, null, "No project ID found for this entity."));
-  }
-  if (loading || permissionLoading) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Project" }, /* @__PURE__ */ React.createElement(Progress, null));
-  }
-  if (!hasViewPermission) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Project" }, /* @__PURE__ */ React.createElement(Typography, null, "You don't have permission to view project details."));
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (!project) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Project" }, /* @__PURE__ */ React.createElement(Typography, null, "No project details available."));
-  }
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Project" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Name"), /* @__PURE__ */ React.createElement(Typography, null, project.name)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Description"), /* @__PURE__ */ React.createElement(Typography, null, project.description || "No description")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Administrators"), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1 }, project.administrators.map((admin) => /* @__PURE__ */ React.createElement(Grid, { item: true, key: `${admin.email}-${admin.type}` }, /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      label: `${admin.email} (${admin.type})`,
-      size: "small"
-    }
-  ))))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Resource Allocation"), project.zones.map((zone) => /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2, key: zone.id }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "Zone: ", zone.zoneId)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "Instances"), /* @__PURE__ */ React.createElement(Typography, null, zone.allocatedInstancesCount, " / ", zone.maxNumberInstances || "Unlimited")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "Memory (MB)"), /* @__PURE__ */ React.createElement(Typography, null, zone.allocatedMemoryMB, " / ", zone.memoryLimitMB || "Unlimited")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "CPU"), /* @__PURE__ */ React.createElement(Typography, null, zone.allocatedCpu, " / ", zone.cpuLimit || "Unlimited")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, "Storage (GB)"), /* @__PURE__ */ React.createElement(Typography, null, zone.allocatedStorageGB, " / ", zone.storageLimitGB || "Unlimited"))))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Shared Resources"), /* @__PURE__ */ React.createElement(Typography, null, project.sharedResources ? "Yes" : "No")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Placement Policy"), /* @__PURE__ */ React.createElement(Typography, null, project.placementPolicy))));
-};
-
-var VCFAutomationProjectOverview$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationProjectOverview: VCFAutomationProjectOverview
-});
-
-const VCFAutomationProjectDetails = () => {
-  const { entity } = useEntity();
-  const vcfAutomationApi = useApi(vcfAutomationApiRef);
-  const catalogApi = useApi(catalogApiRef);
-  const projectId = entity.metadata.name;
-  const { allowed } = usePermission({
-    permission: viewProjectDetailsPermission
-  });
-  const { value: projectData, loading: projectLoading, error: projectError } = useAsync(async () => {
-    if (!projectId || !allowed)
-      return void 0;
-    return await vcfAutomationApi.getProjectDetails(projectId);
-  }, [projectId, allowed]);
-  const { value: systemsData, loading: systemsLoading } = useAsync(async () => {
-    if (!projectId || !allowed)
-      return void 0;
-    const systems = await catalogApi.getEntities({
-      filter: {
-        kind: "System",
-        "spec.domain": projectId
-      }
-    });
-    const deployments = await Promise.all(
-      systems.items.map(async (system) => {
-        var _a;
-        const vms = await catalogApi.getEntities({
-          filter: {
-            kind: "Component",
-            "spec.type": "Cloud.vSphere.Machine",
-            "spec.system": system.metadata.name
-          }
-        });
-        const resources = await catalogApi.getEntities({
-          filter: {
-            kind: "Resource",
-            "spec.system": system.metadata.name
-          }
-        });
-        const owner = (_a = system.spec) == null ? void 0 : _a.owner;
-        return {
-          name: system.metadata.name,
-          title: system.metadata.title || system.metadata.name,
-          owner: typeof owner === "string" ? owner : "N/A",
-          vmCount: vms.items.length,
-          resourceCount: resources.items.length,
-          entityRef: `/catalog/${system.metadata.namespace || "default"}/system/${system.metadata.name}`
-        };
-      })
-    );
-    return deployments;
-  }, [projectId, allowed]);
-  if (projectError) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: projectError });
-  }
-  if (projectLoading || systemsLoading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (!projectId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No project ID found" }, "This entity is not associated with a VCF project.");
-  }
-  if (!allowed) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "Permission Denied" }, "You don't have permission to view project details.");
-  }
-  if (!projectData) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Data" }, "No project details available.");
-  }
-  const renderMemberTable = (members, title) => /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      columns: [
-        { title: "Email", field: "email" },
-        { title: "Type", field: "type" }
-      ],
-      data: members,
-      options: { search: false, paging: false }
-    }
-  )));
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Project Overview" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: {
-        "Project Name": projectData.name,
-        "Project ID": projectData.id,
-        Description: projectData.description,
-        "Organization ID": projectData.organizationId,
-        "Operation Timeout": `${projectData.operationTimeout} seconds`,
-        "Machine Naming Template": projectData.machineNamingTemplate || "N/A",
-        "Shared Resources": projectData.sharedResources ? "Yes" : "No"
-      }
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Project Deployments" }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      columns: [
-        {
-          title: "Name",
-          field: "title",
-          render: (row) => /* @__PURE__ */ React.createElement(Link, { to: row.entityRef }, row.title)
-        },
-        { title: "Owner", field: "owner" },
-        {
-          title: "VMs",
-          field: "vmCount",
-          align: "right"
-        },
-        {
-          title: "Additional Resources",
-          field: "resourceCount",
-          align: "right"
-        }
-      ],
-      data: systemsData || [],
-      options: {
-        search: true,
-        paging: true
-      }
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Project Members" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, renderMemberTable(projectData.administrators, "Administrators"), renderMemberTable(projectData.members, "Members"), renderMemberTable(projectData.viewers, "Viewers"), renderMemberTable(projectData.supervisors, "Supervisors")))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Project Zones" }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      columns: [
-        { title: "Zone ID", field: "zoneId" },
-        { title: "Priority", field: "priority" },
-        {
-          title: "Instances",
-          field: "instances",
-          render: (row) => `${row.allocatedInstancesCount}/${row.maxNumberInstances || "\u221E"}`
-        },
-        {
-          title: "Memory (MB)",
-          field: "memory",
-          render: (row) => `${row.allocatedMemoryMB}/${row.memoryLimitMB || "\u221E"}`
-        },
-        {
-          title: "CPU",
-          field: "cpu",
-          render: (row) => `${row.allocatedCpu}/${row.cpuLimit || "\u221E"}`
-        },
-        {
-          title: "Storage (GB)",
-          field: "storage",
-          render: (row) => `${row.allocatedStorageGB}/${row.storageLimitGB || "\u221E"}`
-        }
-      ],
-      data: projectData.zones,
-      options: {
-        search: true,
-        paging: true
-      }
-    }
-  ))), Object.keys(projectData.constraints).length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Constraints" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: projectData.constraints
-    }
-  ))), Object.keys(projectData.customProperties).length > 0 && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Custom Properties" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: projectData.customProperties
-    }
-  ))));
-};
-
-var VCFAutomationProjectDetails$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationProjectDetails: VCFAutomationProjectDetails
-});
-
-const eventColumns = [
-  {
-    title: "Operation",
-    field: "name"
-  },
-  {
-    title: "Status",
-    field: "status"
-  },
-  {
-    title: "User",
-    field: "requestedBy"
-  },
-  {
-    title: "Created",
-    field: "createdAt",
-    render: (row) => new Date(row.createdAt).toLocaleString()
-  },
-  {
-    title: "Last Updated",
-    field: "updatedAt",
-    render: (row) => new Date(row.updatedAt).toLocaleString()
-  },
-  {
-    title: "Details",
-    field: "details"
-  }
-];
-const resourceColumns = [
-  {
-    title: "Name",
-    field: "title",
-    render: (row) => /* @__PURE__ */ React.createElement(Link, { to: `/catalog/${row.namespace}/${row.kind.toLowerCase()}/${row.name}` }, row.title || row.name)
-  },
-  {
-    title: "Type",
-    field: "type"
-  }
-];
-const getEntityType = (entity) => {
-  var _a;
-  const type = (_a = entity.spec) == null ? void 0 : _a.type;
-  if (typeof type === "string") {
-    return type;
-  }
-  if (typeof type === "object" && type !== null) {
-    return JSON.stringify(type);
-  }
-  return String(type || "N/A");
-};
-const VCFAutomationDeploymentDetails = () => {
-  var _a, _b, _c;
-  const { entity } = useEntity();
-  const api = useApi(vcfAutomationApiRef);
-  const catalogApi = useApi(catalogApiRef);
-  const deploymentId = entity.metadata.name;
-  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({
-    permission: viewDeploymentHistoryPermission
-  });
-  const { value: deploymentDetails, loading: detailsLoading, error: detailsError } = useAsync(async () => {
-    if (!deploymentId || !hasViewPermission) {
-      return void 0;
-    }
-    return await api.getDeploymentDetails(deploymentId);
-  }, [deploymentId, hasViewPermission]);
-  const { value: eventsResponse, loading: eventsLoading, error: eventsError } = useAsync(async () => {
-    if (!deploymentId || !hasViewPermission) {
-      return void 0;
-    }
-    const response = await api.getDeploymentEvents(deploymentId);
-    return response;
-  }, [deploymentId, hasViewPermission]);
-  const { value: resources, loading: resourcesLoading, error: resourcesError } = useAsync(async () => {
-    if (!deploymentId) {
-      return void 0;
-    }
-    const components = await catalogApi.getEntities({
-      filter: {
-        kind: "Component",
-        "spec.system": deploymentId
-      }
-    });
-    const resources2 = await catalogApi.getEntities({
-      filter: {
-        kind: "Resource",
-        "spec.system": deploymentId
-      }
-    });
-    const allResources = [
-      ...components.items.map((component) => ({
-        name: component.metadata.name,
-        title: component.metadata.title || component.metadata.name,
-        kind: component.kind,
-        type: getEntityType(component),
-        namespace: component.metadata.namespace || "default"
-      })),
-      ...resources2.items.map((resource) => ({
-        name: resource.metadata.name,
-        title: resource.metadata.title || resource.metadata.name,
-        kind: resource.kind,
-        type: getEntityType(resource),
-        namespace: resource.metadata.namespace || "default"
-      }))
-    ];
-    return allResources;
-  }, [deploymentId]);
-  if (!deploymentId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "No deployment ID found for this entity."));
-  }
-  if (detailsLoading || eventsLoading || permissionLoading || resourcesLoading) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Progress, null));
-  }
-  if (!hasViewPermission) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "You don't have permission to view deployment information."));
-  }
-  if (detailsError || eventsError || resourcesError) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: (_b = (_a = detailsError != null ? detailsError : eventsError) != null ? _a : resourcesError) != null ? _b : new Error("Unknown error") });
-  }
-  const metadata = {
-    "Basic Information": {
-      Name: deploymentDetails == null ? void 0 : deploymentDetails.name,
-      Description: (deploymentDetails == null ? void 0 : deploymentDetails.description) || "No description",
-      Status: deploymentDetails == null ? void 0 : deploymentDetails.status,
-      "Owner Type": deploymentDetails == null ? void 0 : deploymentDetails.ownerType,
-      "Owned By": deploymentDetails == null ? void 0 : deploymentDetails.ownedBy,
-      "Project ID": deploymentDetails == null ? void 0 : deploymentDetails.projectId,
-      "Blueprint ID": deploymentDetails == null ? void 0 : deploymentDetails.blueprintId,
-      "Organization ID": deploymentDetails == null ? void 0 : deploymentDetails.orgId
-    },
-    "Timing Information": {
-      "Created By": deploymentDetails == null ? void 0 : deploymentDetails.createdBy,
-      "Created At": (deploymentDetails == null ? void 0 : deploymentDetails.createdAt) ? new Date(deploymentDetails.createdAt).toLocaleString() : "",
-      "Last Updated By": deploymentDetails == null ? void 0 : deploymentDetails.lastUpdatedBy,
-      "Last Updated At": (deploymentDetails == null ? void 0 : deploymentDetails.lastUpdatedAt) ? new Date(deploymentDetails.lastUpdatedAt).toLocaleString() : "",
-      "Lease Grace Period (Days)": deploymentDetails == null ? void 0 : deploymentDetails.leaseGracePeriodDays
-    },
-    "Expense Information": (deploymentDetails == null ? void 0 : deploymentDetails.expense) ? {
-      "Total Expense": `${deploymentDetails.expense.totalExpense} ${deploymentDetails.expense.unit}`,
-      "Compute Expense": `${deploymentDetails.expense.computeExpense} ${deploymentDetails.expense.unit}`,
-      "Storage Expense": `${deploymentDetails.expense.storageExpense} ${deploymentDetails.expense.unit}`,
-      "Additional Expense": `${deploymentDetails.expense.additionalExpense} ${deploymentDetails.expense.unit}`,
-      "Last Updated": new Date(deploymentDetails.expense.lastUpdatedTime).toLocaleString()
-    } : {},
-    "Input Parameters": (deploymentDetails == null ? void 0 : deploymentDetails.inputs) || {}
-  };
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Deployment Details" }, /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Deployment Resources" }, resources && resources.length > 0 ? /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      columns: resourceColumns,
-      data: resources,
-      options: {
-        search: true,
-        paging: true,
-        pageSize: 10,
-        padding: "dense"
-      }
-    }
-  ) : /* @__PURE__ */ React.createElement(Typography, null, "No resources found for this deployment."))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Deployment Events" }, (eventsResponse == null ? void 0 : eventsResponse.content) && eventsResponse.content.length > 0 ? /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      columns: eventColumns,
-      data: eventsResponse.content,
-      options: {
-        search: true,
-        paging: true,
-        pageSize: ((_c = eventsResponse.pageable) == null ? void 0 : _c.pageSize) || 10,
-        padding: "dense"
-      }
-    }
-  ) : /* @__PURE__ */ React.createElement(Typography, null, "No deployment events available."))));
-};
-
-var VCFAutomationDeploymentDetails$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationDeploymentDetails: VCFAutomationDeploymentDetails
-});
-
-const VCFAutomationVSphereVMDetails = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const { entity } = useEntity();
-  const vcfAutomationApi = useApi(vcfAutomationApiRef);
-  const deploymentId = ((_a = entity.spec) == null ? void 0 : _a.system) || "";
-  const resourceId = entity.metadata.name;
-  const { allowed } = usePermission({
-    permission: showDeploymentResourcesDataPermission
-  });
-  const { value, loading, error } = useAsync(async () => {
-    if (!resourceId || !deploymentId || !allowed)
-      return void 0;
-    return await vcfAutomationApi.getVSphereVMDetails(deploymentId, resourceId);
-  }, [resourceId, deploymentId, allowed]);
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (!resourceId || !deploymentId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No resource ID found" }, "This entity is not associated with a VCF resource or deployment.");
-  }
-  if (!allowed) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "Permission Denied" }, "You don't have permission to view resource details.");
-  }
-  if (!value) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Data" }, "No resource details available.");
-  }
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Resource Status" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: {
-        Name: value.name,
-        Type: value.type,
-        State: value.state,
-        "Sync Status": value.syncStatus,
-        "Created At": new Date(value.createdAt).toLocaleString(),
-        Origin: value.origin,
-        "Depends On": value.dependsOn
-      }
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "VM Properties" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: {
-        "Power State": value.properties.powerState,
-        Zone: value.properties.zone,
-        Environment: value.properties.environmentName,
-        "Host Type": value.properties.computeHostType,
-        "Memory (GB)": value.properties.memoryGB,
-        "CPU Count": value.properties.cpuCount,
-        "Total Memory (MB)": value.properties.totalMemoryMB,
-        "OS Type": value.properties.osType,
-        Region: value.properties.region,
-        "Host Name": value.properties.hostName,
-        "Data Center": value.properties.datacenter,
-        "Datastore": value.properties.datastoreName
-      }
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Storage Configuration" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: {
-        "Primary Disk": {
-          Name: ((_c = (_b = value.properties.storage) == null ? void 0 : _b.disks[0]) == null ? void 0 : _c.name) || "N/A",
-          "Capacity (GB)": ((_e = (_d = value.properties.storage) == null ? void 0 : _d.disks[0]) == null ? void 0 : _e.capacityGb) || "N/A",
-          Type: ((_g = (_f = value.properties.storage) == null ? void 0 : _f.disks[0]) == null ? void 0 : _g.type) || "N/A",
-          "Provisioning": ((_i = (_h = value.properties.storage) == null ? void 0 : _h.disks[0]) == null ? void 0 : _i.provisioningType) || "N/A"
-        }
-      }
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Network Configuration" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: {
-        "Primary Network": ((_j = value.properties.networks) == null ? void 0 : _j[0]) ? {
-          Name: value.properties.networks[0].name,
-          Address: value.properties.networks[0].address,
-          "MAC Address": value.properties.networks[0].mac_address,
-          Assignment: value.properties.networks[0].assignment,
-          "IPv6 Addresses": value.properties.networks[0].ipv6Addresses || []
-        } : "No network configuration available"
-      }
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(InfoCard, { title: "Expense Information" }, /* @__PURE__ */ React.createElement(
-    StructuredMetadataTable,
-    {
-      metadata: {
-        "Total Expense": `$${value.expense.totalExpense.toFixed(2)}`,
-        "Compute Expense": `$${value.expense.computeExpense.toFixed(2)}`,
-        "Storage Expense": `$${value.expense.storageExpense.toFixed(2)}`,
-        "Additional Expense": `$${value.expense.additionalExpense.toFixed(2)}`,
-        "Currency": value.expense.unit,
-        "Last Updated": new Date(value.expense.lastUpdatedTime).toLocaleString()
-      }
-    }
-  ))));
-};
-
-var VCFAutomationVSphereVMDetails$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationVSphereVMDetails: VCFAutomationVSphereVMDetails
-});
-
-const formatValue = (value) => {
-  if (value === null)
-    return "null";
-  if (typeof value === "undefined")
-    return "undefined";
-  if (typeof value === "object") {
-    if (Array.isArray(value)) {
-      return value.map(formatValue);
-    }
-    const formattedObj = {};
-    Object.entries(value).forEach(([key, val]) => {
-      formattedObj[key] = formatValue(val);
-    });
-    return formattedObj;
-  }
-  if (typeof value === "string" && value.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/)) {
-    return new Date(value).toLocaleString();
-  }
-  return value;
-};
-const VCFAutomationGenericResourceDetails = () => {
-  var _a;
-  const { entity } = useEntity();
-  const vcfAutomationApi = useApi(vcfAutomationApiRef);
-  const deploymentId = ((_a = entity.spec) == null ? void 0 : _a.system) || "";
-  const resourceId = entity.metadata.name;
-  const { value: resourceData, loading, error } = useAsync(async () => {
-    if (!deploymentId || !resourceId)
-      return void 0;
-    return await vcfAutomationApi.getGenericResourceDetails(deploymentId, resourceId);
-  }, [deploymentId, resourceId]);
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (!deploymentId || !resourceId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Resource Information" }, "This entity is not associated with a VCF resource.");
-  }
-  if (!resourceData) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Data" }, "No resource details available.");
-  }
-  const formattedData = formatValue(resourceData);
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Resource Details" }, /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: formattedData }));
-};
-
-var VCFAutomationGenericResourceDetails$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationGenericResourceDetails: VCFAutomationGenericResourceDetails
-});
-
-const VCFAutomationGenericResourceOverview = () => {
-  var _a;
-  const { entity } = useEntity();
-  const vcfAutomationApi = useApi(vcfAutomationApiRef);
-  const deploymentId = ((_a = entity.spec) == null ? void 0 : _a.system) || "";
-  const resourceId = entity.metadata.name;
-  const { value: resourceData, loading, error } = useAsync(async () => {
-    if (!deploymentId || !resourceId)
-      return void 0;
-    return await vcfAutomationApi.getGenericResourceDetails(deploymentId, resourceId);
-  }, [deploymentId, resourceId]);
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (!deploymentId || !resourceId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Resource Information" }, "This entity is not associated with a VCF resource.");
-  }
-  if (!resourceData) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "No Data" }, "No resource details available.");
-  }
-  const overviewData = {};
-  if (resourceData.name)
-    overviewData["Name"] = resourceData.name;
-  if (resourceData.type)
-    overviewData["Type"] = resourceData.type;
-  if (resourceData.createdAt)
-    overviewData["Created At"] = new Date(resourceData.createdAt).toLocaleString();
-  if (resourceData.syncStatus)
-    overviewData["Sync Status"] = resourceData.syncStatus;
-  if (resourceData.origin)
-    overviewData["Origin"] = resourceData.origin;
-  if (resourceData.status)
-    overviewData["Status"] = resourceData.status;
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Resource Overview" }, /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: overviewData }));
-};
-
-var VCFAutomationGenericResourceOverview$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationGenericResourceOverview: VCFAutomationGenericResourceOverview
-});
-
-const VCFAutomationDeploymentOverview = () => {
-  const { entity } = useEntity();
-  const api = useApi(vcfAutomationApiRef);
-  const deploymentId = entity.metadata.name;
-  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({
-    permission: viewDeploymentHistoryPermission
-  });
-  const { value: deploymentDetails, loading, error } = useAsync(async () => {
-    if (!deploymentId || !hasViewPermission) {
-      return void 0;
-    }
-    return await api.getDeploymentDetails(deploymentId);
-  }, [deploymentId, hasViewPermission]);
-  if (!deploymentId) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "No deployment ID found for this entity."));
-  }
-  if (loading || permissionLoading) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Progress, null));
-  }
-  if (!hasViewPermission) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "You don't have permission to view deployment details."));
-  }
-  if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
-  }
-  if (!deploymentDetails) {
-    return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Typography, null, "No deployment details available."));
-  }
-  return /* @__PURE__ */ React.createElement(InfoCard, { title: "VCF Automation Deployment" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Deployment Information")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Name"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.name)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Status"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.status)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Created By"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.createdBy)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Created At"), /* @__PURE__ */ React.createElement(Typography, null, new Date(deploymentDetails.createdAt).toLocaleString())), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Last Updated By"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.lastUpdatedBy)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Last Updated At"), /* @__PURE__ */ React.createElement(Typography, null, new Date(deploymentDetails.lastUpdatedAt).toLocaleString())), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Expenses")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Total"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense.totalExpense, " ", deploymentDetails.expense.unit)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Compute"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense.computeExpense, " ", deploymentDetails.expense.unit)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Storage"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense.storageExpense, " ", deploymentDetails.expense.unit)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Additional"), /* @__PURE__ */ React.createElement(Typography, null, deploymentDetails.expense.additionalExpense, " ", deploymentDetails.expense.unit))));
-};
-
-var VCFAutomationDeploymentOverview$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  VCFAutomationDeploymentOverview: VCFAutomationDeploymentOverview
-});
-
-export { VCFAutomationDeploymentDetails, VCFAutomationDeploymentOverview, VCFAutomationGenericResourceDetails, VCFAutomationGenericResourceOverview, VCFAutomationProjectDetails, VCFAutomationProjectOverview, VCFAutomationVSphereVMDetails, VCFAutomationVSphereVMOverview, VcfAutomationClient, rootRouteRef, vcfAutomationApiRef, vcfAutomationPlugin };
+export { vcfAutomationPlugin } from './plugin.esm.js';
+export { VCFAutomationVSphereVMOverview } from './components/VCFAutomationVSphereVMOverview.esm.js';
+export { VCFAutomationProjectOverview } from './components/VCFAutomationProjectOverview.esm.js';
+export { VCFAutomationProjectDetails } from './components/VCFAutomationProjectDetails.esm.js';
+export { VCFAutomationDeploymentDetails } from './components/VCFAutomationDeploymentDetails.esm.js';
+export { VCFAutomationVSphereVMDetails } from './components/VCFAutomationVSphereVMDetails.esm.js';
+export { VCFAutomationGenericResourceDetails } from './components/VCFAutomationGenericResourceDetails.esm.js';
+export { VCFAutomationGenericResourceOverview } from './components/VCFAutomationGenericResourceOverview.esm.js';
+export { VCFAutomationDeploymentOverview } from './components/VCFAutomationDeploymentOverview.esm.js';
+export { VcfAutomationClient, vcfAutomationApiRef } from './api/VcfAutomationClient.esm.js';
+export { rootRouteRef } from './routes.esm.js';
 //# sourceMappingURL=index.esm.js.map