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

package/dist/components/VCFAutomationProjectDetails.esm.js

@@ -0,0 +1,184 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';
+import { ResponseErrorPanel, Progress, InfoCard, StructuredMetadataTable, Table, Link } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+import { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';
+import { usePermission } from '@backstage/plugin-permission-react';
+
+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) => {
+        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 = system.spec?.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__ */ jsx(ResponseErrorPanel, { error: projectError });
+  }
+  if (projectLoading || systemsLoading) {
+    return /* @__PURE__ */ jsx(Progress, {});
+  }
+  if (!projectId) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "No project ID found", children: "This entity is not associated with a VCF project." });
+  }
+  if (!allowed) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "Permission Denied", children: "You don't have permission to view project details." });
+  }
+  if (!projectData) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "No Data", children: "No project details available." });
+  }
+  const renderMemberTable = (members, title) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(InfoCard, { title, children: /* @__PURE__ */ jsx(
+    Table,
+    {
+      columns: [
+        { title: "Email", field: "email" },
+        { title: "Type", field: "type" }
+      ],
+      data: members,
+      options: { search: false, paging: false }
+    }
+  ) }) });
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Overview", children: /* @__PURE__ */ jsx(
+      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__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Deployments", children: /* @__PURE__ */ jsx(
+      Table,
+      {
+        columns: [
+          {
+            title: "Name",
+            field: "title",
+            render: (row) => /* @__PURE__ */ jsx(Link, { to: row.entityRef, children: 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__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Members", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+      renderMemberTable(projectData.administrators, "Administrators"),
+      renderMemberTable(projectData.members, "Members"),
+      renderMemberTable(projectData.viewers, "Viewers"),
+      renderMemberTable(projectData.supervisors, "Supervisors")
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Project Zones", children: /* @__PURE__ */ jsx(
+      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__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Constraints", children: /* @__PURE__ */ jsx(
+      StructuredMetadataTable,
+      {
+        metadata: projectData.constraints
+      }
+    ) }) }),
+    Object.keys(projectData.customProperties).length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Custom Properties", children: /* @__PURE__ */ jsx(
+      StructuredMetadataTable,
+      {
+        metadata: projectData.customProperties
+      }
+    ) }) })
+  ] });
+};
+
+export { VCFAutomationProjectDetails };
+//# sourceMappingURL=VCFAutomationProjectDetails.esm.js.map

package/dist/components/VCFAutomationProjectDetails.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationProjectDetails.esm.js","sources":["../../src/components/VCFAutomationProjectDetails.tsx"],"sourcesContent":["import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  StructuredMetadataTable,\n  Table,\n  Link,\n} from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { VcfProjectZone } from '../types';\n\ntype ProjectMember = {\n  email: string;\n  type: string;\n};\n\ntype SystemDeployment = {\n  name: string;\n  title: string;\n  owner: string;\n  vmCount: number;\n  resourceCount: number;\n  entityRef: string;\n};\n\nexport const VCFAutomationProjectDetails = () => {\n  const { entity } = useEntity();\n  const vcfAutomationApi = useApi(vcfAutomationApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const projectId = entity.metadata.name;\n\n  const { allowed } = usePermission({\n    permission: viewProjectDetailsPermission,\n  });\n\n  const { value: projectData, loading: projectLoading, error: projectError } = useAsync(async () => {\n    if (!projectId || !allowed) return undefined;\n    return await vcfAutomationApi.getProjectDetails(projectId);\n  }, [projectId, allowed]);\n\n  const { value: systemsData, loading: systemsLoading } = useAsync(async () => {\n    if (!projectId || !allowed) return undefined;\n\n    // Get all systems that belong to this project's domain\n    const systems = await catalogApi.getEntities({\n      filter: {\n        kind: 'System',\n        'spec.domain': projectId,\n      },\n    });\n\n    const deployments = await Promise.all(\n      systems.items.map(async (system) => {\n        // Get VMs belonging to this system\n        const vms = await catalogApi.getEntities({\n          filter: {\n            kind: 'Component',\n            'spec.type': 'Cloud.vSphere.Machine',\n            'spec.system': system.metadata.name,\n          },\n        });\n\n        // Get other resources belonging to this system\n        const resources = await catalogApi.getEntities({\n          filter: {\n            kind: 'Resource',\n            'spec.system': system.metadata.name,\n          },\n        });\n\n        const owner = system.spec?.owner;\n        return {\n          name: system.metadata.name,\n          title: system.metadata.title || system.metadata.name,\n          owner: typeof owner === 'string' ? owner : 'N/A',\n          vmCount: vms.items.length,\n          resourceCount: resources.items.length,\n          entityRef: `/catalog/${system.metadata.namespace || 'default'}/system/${system.metadata.name}`,\n        } as SystemDeployment;\n      }),\n    );\n\n    return deployments;\n  }, [projectId, allowed]);\n\n  if (projectError) {\n    return <ResponseErrorPanel error={projectError} />;\n  }\n\n  if (projectLoading || systemsLoading) {\n    return <Progress />;\n  }\n\n  if (!projectId) {\n    return <InfoCard title=\"No project ID found\">This entity is not associated with a VCF project.</InfoCard>;\n  }\n\n  if (!allowed) {\n    return <InfoCard title=\"Permission Denied\">You don't have permission to view project details.</InfoCard>;\n  }\n\n  if (!projectData) {\n    return <InfoCard title=\"No Data\">No project details available.</InfoCard>;\n  }\n\n  const renderMemberTable = (members: ProjectMember[], title: string) => (\n    <Grid item xs={12} md={6}>\n      <InfoCard title={title}>\n        <Table\n          columns={[\n            { title: 'Email', field: 'email' },\n            { title: 'Type', field: 'type' },\n          ]}\n          data={members}\n          options={{ search: false, paging: false }}\n        />\n      </InfoCard>\n    </Grid>\n  );\n\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <InfoCard title=\"Project Overview\">\n          <StructuredMetadataTable\n            metadata={{\n              'Project Name': projectData.name,\n              'Project ID': projectData.id,\n              Description: projectData.description,\n              'Organization ID': projectData.organizationId,\n              'Operation Timeout': `${projectData.operationTimeout} seconds`,\n              'Machine Naming Template': projectData.machineNamingTemplate || 'N/A',\n              'Shared Resources': projectData.sharedResources ? 'Yes' : 'No',\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12}>\n        <InfoCard title=\"Project Deployments\">\n          <Table\n            columns={[\n              { \n                title: 'Name', \n                field: 'title',\n                render: (row: SystemDeployment) => (\n                  <Link to={row.entityRef}>{row.title}</Link>\n                ),\n              },\n              { title: 'Owner', field: 'owner' },\n              { \n                title: 'VMs', \n                field: 'vmCount',\n                align: 'right',\n              },\n              { \n                title: 'Additional Resources', \n                field: 'resourceCount',\n                align: 'right',\n              },\n            ]}\n            data={systemsData || []}\n            options={{\n              search: true,\n              paging: true,\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12}>\n        <InfoCard title=\"Project Members\">\n          <Grid container spacing={3}>\n            {renderMemberTable(projectData.administrators, 'Administrators')}\n            {renderMemberTable(projectData.members, 'Members')}\n            {renderMemberTable(projectData.viewers, 'Viewers')}\n            {renderMemberTable(projectData.supervisors, 'Supervisors')}\n          </Grid>\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12}>\n        <InfoCard title=\"Project Zones\">\n          <Table\n            columns={[\n              { title: 'Zone ID', field: 'zoneId' },\n              { title: 'Priority', field: 'priority' },\n              { \n                title: 'Instances', \n                field: 'instances',\n                render: (row: VcfProjectZone) => `${row.allocatedInstancesCount}/${row.maxNumberInstances || '∞'}`,\n              },\n              { \n                title: 'Memory (MB)', \n                field: 'memory',\n                render: (row: VcfProjectZone) => `${row.allocatedMemoryMB}/${row.memoryLimitMB || '∞'}`,\n              },\n              { \n                title: 'CPU', \n                field: 'cpu',\n                render: (row: VcfProjectZone) => `${row.allocatedCpu}/${row.cpuLimit || '∞'}`,\n              },\n              { \n                title: 'Storage (GB)', \n                field: 'storage',\n                render: (row: VcfProjectZone) => `${row.allocatedStorageGB}/${row.storageLimitGB || '∞'}`,\n              },\n            ]}\n            data={projectData.zones}\n            options={{\n              search: true,\n              paging: true,\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      {Object.keys(projectData.constraints).length > 0 && (\n        <Grid item xs={12}>\n          <InfoCard title=\"Constraints\">\n            <StructuredMetadataTable\n              metadata={projectData.constraints}\n            />\n          </InfoCard>\n        </Grid>\n      )}\n\n      {Object.keys(projectData.customProperties).length > 0 && (\n        <Grid item xs={12}>\n          <InfoCard title=\"Custom Properties\">\n            <StructuredMetadataTable\n              metadata={projectData.customProperties}\n            />\n          </InfoCard>\n        </Grid>\n      )}\n    </Grid>\n  );\n}; "],"names":[],"mappings":"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"}

package/dist/components/VCFAutomationProjectOverview.esm.js

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+import { InfoCard, Progress, ResponseErrorPanel } from '@backstage/core-components';
+import { Typography, Grid, Chip } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';
+
+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__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Typography, { children: "No project ID found for this entity." }) });
+  }
+  if (loading || permissionLoading) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Progress, {}) });
+  }
+  if (!hasViewPermission) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Typography, { children: "You don't have permission to view project details." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
+  }
+  if (!project) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsx(Typography, { children: "No project details available." }) });
+  }
+  return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Project", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Name" }),
+      /* @__PURE__ */ jsx(Typography, { children: project.name })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Description" }),
+      /* @__PURE__ */ jsx(Typography, { children: project.description || "No description" })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Administrators" }),
+      /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: project.administrators.map((admin) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: `${admin.email} (${admin.type})`,
+          size: "small"
+        }
+      ) }, `${admin.email}-${admin.type}`)) })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Resource Allocation" }),
+      project.zones.map((zone) => /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+          "Zone: ",
+          zone.zoneId
+        ] }) }),
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Instances" }),
+          /* @__PURE__ */ jsxs(Typography, { children: [
+            zone.allocatedInstancesCount,
+            " / ",
+            zone.maxNumberInstances || "Unlimited"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Memory (MB)" }),
+          /* @__PURE__ */ jsxs(Typography, { children: [
+            zone.allocatedMemoryMB,
+            " / ",
+            zone.memoryLimitMB || "Unlimited"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "CPU" }),
+          /* @__PURE__ */ jsxs(Typography, { children: [
+            zone.allocatedCpu,
+            " / ",
+            zone.cpuLimit || "Unlimited"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", children: "Storage (GB)" }),
+          /* @__PURE__ */ jsxs(Typography, { children: [
+            zone.allocatedStorageGB,
+            " / ",
+            zone.storageLimitGB || "Unlimited"
+          ] })
+        ] })
+      ] }, zone.id))
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Shared Resources" }),
+      /* @__PURE__ */ jsx(Typography, { children: project.sharedResources ? "Yes" : "No" })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Placement Policy" }),
+      /* @__PURE__ */ jsx(Typography, { children: project.placementPolicy })
+    ] })
+  ] }) });
+};
+
+export { VCFAutomationProjectOverview };
+//# sourceMappingURL=VCFAutomationProjectOverview.esm.js.map

package/dist/components/VCFAutomationProjectOverview.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationProjectOverview.esm.js","sources":["../../src/components/VCFAutomationProjectOverview.tsx"],"sourcesContent":["import { Key, JSXElementConstructor, ReactElement, ReactNode, ReactPortal } from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport { Grid, Typography, Chip } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { viewProjectDetailsPermission } from '@terasky/backstage-plugin-vcf-automation-common';\n\nexport const VCFAutomationProjectOverview = () => {\n  const { entity } = useEntity();\n  const api = useApi(vcfAutomationApiRef);\n  const projectId = entity.metadata.name;\n\n  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({\n    permission: viewProjectDetailsPermission,\n  });\n\n  const { value: project, loading, error } = useAsync(async () => {\n    if (!projectId || !hasViewPermission) return undefined;\n    return await api.getProjectDetails(projectId);\n  }, [projectId, hasViewPermission]);\n\n  if (!projectId) {\n    return (\n      <InfoCard title=\"VCF Automation Project\">\n        <Typography>No project ID found for this entity.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (loading || permissionLoading) {\n    return (\n      <InfoCard title=\"VCF Automation Project\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (!hasViewPermission) {\n    return (\n      <InfoCard title=\"VCF Automation Project\">\n        <Typography>You don't have permission to view project details.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (!project) {\n    return (\n      <InfoCard title=\"VCF Automation Project\">\n        <Typography>No project details available.</Typography>\n      </InfoCard>\n    );\n  }\n\n  return (\n    <InfoCard title=\"VCF Automation Project\">\n      <Grid container spacing={2}>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Name</Typography>\n          <Typography>{project.name}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Description</Typography>\n          <Typography>{project.description || 'No description'}</Typography>\n        </Grid>\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\">Administrators</Typography>\n          <Grid container spacing={1}>\n            {project.administrators.map((admin: { email: any; type: any; }) => (\n              <Grid item key={`${admin.email}-${admin.type}`}>\n                <Chip\n                  label={`${admin.email} (${admin.type})`}\n                  size=\"small\"\n                />\n              </Grid>\n            ))}\n          </Grid>\n        </Grid>\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\">Resource Allocation</Typography>\n          {project.zones.map((zone: { id: Key | null | undefined; zoneId: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; allocatedInstancesCount: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; maxNumberInstances: any; allocatedMemoryMB: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; memoryLimitMB: any; allocatedCpu: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; cpuLimit: any; allocatedStorageGB: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; storageLimitGB: any; }) => (\n            <Grid container spacing={2} key={zone.id}>\n              <Grid item xs={12}>\n                <Typography variant=\"body2\">Zone: {zone.zoneId}</Typography>\n              </Grid>\n              <Grid item xs={4}>\n                <Typography variant=\"caption\">Instances</Typography>\n                <Typography>\n                  {zone.allocatedInstancesCount} / {zone.maxNumberInstances || 'Unlimited'}\n                </Typography>\n              </Grid>\n              <Grid item xs={4}>\n                <Typography variant=\"caption\">Memory (MB)</Typography>\n                <Typography>\n                  {zone.allocatedMemoryMB} / {zone.memoryLimitMB || 'Unlimited'}\n                </Typography>\n              </Grid>\n              <Grid item xs={4}>\n                <Typography variant=\"caption\">CPU</Typography>\n                <Typography>\n                  {zone.allocatedCpu} / {zone.cpuLimit || 'Unlimited'}\n                </Typography>\n              </Grid>\n              <Grid item xs={4}>\n                <Typography variant=\"caption\">Storage (GB)</Typography>\n                <Typography>\n                  {zone.allocatedStorageGB} / {zone.storageLimitGB || 'Unlimited'}\n                </Typography>\n              </Grid>\n            </Grid>\n          ))}\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Shared Resources</Typography>\n          <Typography>{project.sharedResources ? 'Yes' : 'No'}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Placement Policy</Typography>\n          <Typography>{project.placementPolicy}</Typography>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n}; "],"names":[],"mappings":"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"}

package/dist/components/VCFAutomationVSphereVMDetails.esm.js

@@ -0,0 +1,116 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { ResponseErrorPanel, Progress, InfoCard, StructuredMetadataTable } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+import { showDeploymentResourcesDataPermission } from '@terasky/backstage-plugin-vcf-automation-common';
+import { usePermission } from '@backstage/plugin-permission-react';
+
+const VCFAutomationVSphereVMDetails = () => {
+  const { entity } = useEntity();
+  const vcfAutomationApi = useApi(vcfAutomationApiRef);
+  const deploymentId = entity.spec?.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__ */ jsx(ResponseErrorPanel, { error });
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(Progress, {});
+  }
+  if (!resourceId || !deploymentId) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "No resource ID found", children: "This entity is not associated with a VCF resource or deployment." });
+  }
+  if (!allowed) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "Permission Denied", children: "You don't have permission to view resource details." });
+  }
+  if (!value) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "No Data", children: "No resource details available." });
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Resource Status", children: /* @__PURE__ */ jsx(
+      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__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(InfoCard, { title: "VM Properties", children: /* @__PURE__ */ jsx(
+      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__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(InfoCard, { title: "Storage Configuration", children: /* @__PURE__ */ jsx(
+      StructuredMetadataTable,
+      {
+        metadata: {
+          "Primary Disk": {
+            Name: value.properties.storage?.disks[0]?.name || "N/A",
+            "Capacity (GB)": value.properties.storage?.disks[0]?.capacityGb || "N/A",
+            Type: value.properties.storage?.disks[0]?.type || "N/A",
+            "Provisioning": value.properties.storage?.disks[0]?.provisioningType || "N/A"
+          }
+        }
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(InfoCard, { title: "Network Configuration", children: /* @__PURE__ */ jsx(
+      StructuredMetadataTable,
+      {
+        metadata: {
+          "Primary Network": value.properties.networks?.[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__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(InfoCard, { title: "Expense Information", children: /* @__PURE__ */ jsx(
+      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()
+        }
+      }
+    ) }) })
+  ] });
+};
+
+export { VCFAutomationVSphereVMDetails };
+//# sourceMappingURL=VCFAutomationVSphereVMDetails.esm.js.map

package/dist/components/VCFAutomationVSphereVMDetails.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationVSphereVMDetails.esm.js","sources":["../../src/components/VCFAutomationVSphereVMDetails.tsx"],"sourcesContent":["import { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  StructuredMetadataTable,\n} from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport { showDeploymentResourcesDataPermission } from '@terasky/backstage-plugin-vcf-automation-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nexport const VCFAutomationVSphereVMDetails = () => {\n  const { entity } = useEntity();\n  const vcfAutomationApi = useApi(vcfAutomationApiRef);\n  const deploymentId = entity.spec?.system || '';\n  const resourceId = entity.metadata.name;\n\n  const { allowed } = usePermission({\n    permission: showDeploymentResourcesDataPermission,\n  });\n\n  const { value, loading, error } = useAsync(async () => {\n    if (!resourceId || !deploymentId || !allowed) return undefined;\n    return await vcfAutomationApi.getVSphereVMDetails(deploymentId as string, resourceId);\n  }, [resourceId, deploymentId, allowed]);\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!resourceId || !deploymentId) {\n    return <InfoCard title=\"No resource ID found\">This entity is not associated with a VCF resource or deployment.</InfoCard>;\n  }\n\n  if (!allowed) {\n    return <InfoCard title=\"Permission Denied\">You don't have permission to view resource details.</InfoCard>;\n  }\n\n  if (!value) {\n    return <InfoCard title=\"No Data\">No resource details available.</InfoCard>;\n  }\n\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <InfoCard title=\"Resource Status\">\n          <StructuredMetadataTable\n            metadata={{\n              Name: value.name,\n              Type: value.type,\n              State: value.state,\n              'Sync Status': value.syncStatus,\n              'Created At': new Date(value.createdAt).toLocaleString(),\n              Origin: value.origin,\n              'Depends On': value.dependsOn,\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"VM Properties\">\n          <StructuredMetadataTable\n            metadata={{\n              'Power State': value.properties.powerState,\n              Zone: value.properties.zone,\n              Environment: value.properties.environmentName,\n              'Host Type': value.properties.computeHostType,\n              'Memory (GB)': value.properties.memoryGB,\n              'CPU Count': value.properties.cpuCount,\n              'Total Memory (MB)': value.properties.totalMemoryMB,\n              'OS Type': value.properties.osType,\n              Region: value.properties.region,\n              'Host Name': value.properties.hostName,\n              'Data Center': value.properties.datacenter,\n              'Datastore': value.properties.datastoreName,\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Storage Configuration\">\n          <StructuredMetadataTable\n            metadata={{\n              'Primary Disk': {\n                Name: value.properties.storage?.disks[0]?.name || 'N/A',\n                'Capacity (GB)': value.properties.storage?.disks[0]?.capacityGb || 'N/A',\n                Type: value.properties.storage?.disks[0]?.type || 'N/A',\n                'Provisioning': value.properties.storage?.disks[0]?.provisioningType || 'N/A',\n              },\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Network Configuration\">\n          <StructuredMetadataTable\n            metadata={{\n              'Primary Network': value.properties.networks?.[0] ? {\n                Name: value.properties.networks[0].name,\n                Address: value.properties.networks[0].address,\n                'MAC Address': value.properties.networks[0].mac_address,\n                Assignment: value.properties.networks[0].assignment,\n                'IPv6 Addresses': value.properties.networks[0].ipv6Addresses || [],\n              } : 'No network configuration available',\n            }}\n          />\n        </InfoCard>\n      </Grid>\n\n      <Grid item xs={12} md={6}>\n        <InfoCard title=\"Expense Information\">\n          <StructuredMetadataTable\n            metadata={{\n              'Total Expense': `$${value.expense.totalExpense.toFixed(2)}`,\n              'Compute Expense': `$${value.expense.computeExpense.toFixed(2)}`,\n              'Storage Expense': `$${value.expense.storageExpense.toFixed(2)}`,\n              'Additional Expense': `$${value.expense.additionalExpense.toFixed(2)}`,\n              'Currency': value.expense.unit,\n              'Last Updated': new Date(value.expense.lastUpdatedTime).toLocaleString(),\n            }}\n          />\n        </InfoCard>\n      </Grid>\n    </Grid>\n  );\n}; "],"names":[],"mappings":"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"}

package/dist/components/VCFAutomationVSphereVMOverview.esm.js

@@ -0,0 +1,116 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+import { vcfAutomationApiRef } from '../api/VcfAutomationClient.esm.js';
+import { InfoCard, Progress, ResponseErrorPanel, StatusPending, StatusError, StatusOK } from '@backstage/core-components';
+import { makeStyles, Typography, Grid } from '@material-ui/core';
+import useAsync from 'react-use/lib/useAsync';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { showDeploymentResourcesDataPermission } from '@terasky/backstage-plugin-vcf-automation-common';
+
+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 = () => {
+  const { entity } = useEntity();
+  const api = useApi(vcfAutomationApiRef);
+  const classes = useStyles();
+  const deploymentId = entity.spec?.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__ */ jsx(InfoCard, { title: "VCF Automation Resource", children: /* @__PURE__ */ jsx(Typography, { children: "No resource ID or deployment ID found for this entity." }) });
+  }
+  if (loading || permissionLoading) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Resource", children: /* @__PURE__ */ jsx(Progress, {}) });
+  }
+  if (!hasViewPermission) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Resource", children: /* @__PURE__ */ jsx(Typography, { children: "You don't have permission to view resource details." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
+  }
+  if (!resource) {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Resource", children: /* @__PURE__ */ jsx(Typography, { children: "No resource details available." }) });
+  }
+  const getStatusComponent = (state) => {
+    switch (state.toUpperCase()) {
+      case "SUCCESS":
+      case "OK":
+        return /* @__PURE__ */ jsx(StatusOK, {});
+      case "ERROR":
+      case "FAILED":
+        return /* @__PURE__ */ jsx(StatusError, {});
+      default:
+        return /* @__PURE__ */ jsx(StatusPending, {});
+    }
+  };
+  return /* @__PURE__ */ jsx(InfoCard, { title: "VCF Automation Resource", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Name" }),
+      /* @__PURE__ */ jsx(Typography, { children: resource.name })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Type" }),
+      /* @__PURE__ */ jsx(Typography, { children: resource.type })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "State" }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, alignItems: "center", children: [
+        getStatusComponent(resource.state),
+        /* @__PURE__ */ jsx(Typography, { className: `${classes.statusText} ${resource.state.toLowerCase()}`, children: resource.state })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Sync Status" }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 1, alignItems: "center", children: [
+        getStatusComponent(resource.syncStatus),
+        /* @__PURE__ */ jsx(Typography, { className: `${classes.statusText} ${resource.syncStatus.toLowerCase()}`, children: resource.syncStatus })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Created At" }),
+      /* @__PURE__ */ jsx(Typography, { children: new Date(resource.createdAt).toLocaleString() })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 6, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Region" }),
+      /* @__PURE__ */ jsx(Typography, { children: resource.properties?.region || "N/A" })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Resource Metrics" }),
+      /* @__PURE__ */ jsxs(Typography, { children: [
+        `CPU: ${resource.properties?.cpuCount || "N/A"} cores, `,
+        `Memory: ${resource.properties?.memoryGB || "N/A"} GB, `,
+        `Storage: ${resource.properties?.storage?.disks?.[0]?.capacityGb || "N/A"} GB`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Expense Information" }),
+      /* @__PURE__ */ jsxs(Typography, { children: [
+        `Total: $${resource.expense?.totalExpense?.toFixed(2) || "N/A"}, `,
+        `Compute: $${resource.expense?.computeExpense?.toFixed(2) || "N/A"}, `,
+        `Storage: $${resource.expense?.storageExpense?.toFixed(2) || "N/A"}`
+      ] })
+    ] })
+  ] }) });
+};
+
+export { VCFAutomationVSphereVMOverview };
+//# sourceMappingURL=VCFAutomationVSphereVMOverview.esm.js.map

package/dist/components/VCFAutomationVSphereVMOverview.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCFAutomationVSphereVMOverview.esm.js","sources":["../../src/components/VCFAutomationVSphereVMOverview.tsx"],"sourcesContent":["import { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { vcfAutomationApiRef } from '../api/VcfAutomationClient';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n  StatusOK,\n  StatusError,\n  StatusPending,\n} from '@backstage/core-components';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport { showDeploymentResourcesDataPermission } from '@terasky/backstage-plugin-vcf-automation-common';\n\nconst useStyles = makeStyles(theme => ({\n  statusText: {\n    fontWeight: 'bold',\n    '&.success': {\n      color: theme.palette.success.main,\n    },\n    '&.error': {\n      color: theme.palette.error.main,\n    },\n    '&.pending': {\n      color: theme.palette.warning.main,\n    },\n  },\n}));\n\nexport const VCFAutomationVSphereVMOverview = () => {\n  const { entity } = useEntity();\n  const api = useApi(vcfAutomationApiRef);\n  const classes = useStyles();\n  const deploymentId = entity.spec?.system || '';\n  const resourceId = entity.metadata.name;\n\n  const { allowed: hasViewPermission, loading: permissionLoading } = usePermission({\n    permission: showDeploymentResourcesDataPermission,\n  });\n\n  const { value: resource, loading, error } = useAsync(async () => {\n    if (!resourceId || !deploymentId || !hasViewPermission) return undefined;\n    return await api.getVSphereVMDetails(deploymentId as string, resourceId);\n  }, [resourceId, deploymentId, hasViewPermission]);\n\n  if (!resourceId || !deploymentId) {\n    return (\n      <InfoCard title=\"VCF Automation Resource\">\n        <Typography>No resource ID or deployment ID found for this entity.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (loading || permissionLoading) {\n    return (\n      <InfoCard title=\"VCF Automation Resource\">\n        <Progress />\n      </InfoCard>\n    );\n  }\n\n  if (!hasViewPermission) {\n    return (\n      <InfoCard title=\"VCF Automation Resource\">\n        <Typography>You don't have permission to view resource details.</Typography>\n      </InfoCard>\n    );\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (!resource) {\n    return (\n      <InfoCard title=\"VCF Automation Resource\">\n        <Typography>No resource details available.</Typography>\n      </InfoCard>\n    );\n  }\n\n  const getStatusComponent = (state: string) => {\n    switch (state.toUpperCase()) {\n      case 'SUCCESS':\n      case 'OK':\n        return <StatusOK />;\n      case 'ERROR':\n      case 'FAILED':\n        return <StatusError />;\n      default:\n        return <StatusPending />;\n    }\n  };\n\n  return (\n    <InfoCard title=\"VCF Automation Resource\">\n      <Grid container spacing={2}>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Name</Typography>\n          <Typography>{resource.name}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Type</Typography>\n          <Typography>{resource.type}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">State</Typography>\n          <Grid container spacing={1} alignItems=\"center\">\n            {getStatusComponent(resource.state)}\n            <Typography className={`${classes.statusText} ${resource.state.toLowerCase()}`}>\n              {resource.state}\n            </Typography>\n          </Grid>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Sync Status</Typography>\n          <Grid container spacing={1} alignItems=\"center\">\n            {getStatusComponent(resource.syncStatus)}\n            <Typography className={`${classes.statusText} ${resource.syncStatus.toLowerCase()}`}>\n              {resource.syncStatus}\n            </Typography>\n          </Grid>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Created At</Typography>\n          <Typography>{new Date(resource.createdAt).toLocaleString()}</Typography>\n        </Grid>\n        <Grid item xs={6}>\n          <Typography variant=\"subtitle2\">Region</Typography>\n          <Typography>{resource.properties?.region || 'N/A'}</Typography>\n        </Grid>\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\">Resource Metrics</Typography>\n          <Typography>\n            {`CPU: ${resource.properties?.cpuCount || 'N/A'} cores, `}\n            {`Memory: ${resource.properties?.memoryGB || 'N/A'} GB, `}\n            {`Storage: ${resource.properties?.storage?.disks?.[0]?.capacityGb || 'N/A'} GB`}\n          </Typography>\n        </Grid>\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\">Expense Information</Typography>\n          <Typography>\n            {`Total: $${resource.expense?.totalExpense?.toFixed(2) || 'N/A'}, `}\n            {`Compute: $${resource.expense?.computeExpense?.toFixed(2) || 'N/A'}, `}\n            {`Storage: $${resource.expense?.storageExpense?.toFixed(2) || 'N/A'}`}\n          </Typography>\n        </Grid>\n      </Grid>\n    </InfoCard>\n  );\n}; "],"names":[],"mappings":"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"}