Track HiveGrid Cloud planning reference

hivegrid-cloud/apps/web/app/modules/workflowEngine/components/templates/PreviewWorkflowsTemplate.tsx

@@ -0,0 +1,43 @@
+import TableSimple from "~/components/ui/tables/TableSimple";
+import { WorkflowsTemplateDto } from "../../dtos/WorkflowsTemplateDto";
+import { t as i18nT } from "i18next";
+import { getTemplateBlockDescription, getTemplateWorkflowName } from "../../utils/workflowTemplateI18n";
+
+export default function PreviewWorkflowsTemplate({ template }: { template: WorkflowsTemplateDto }) {
+  return (
+    <div>
+      {template.workflows.map((workflow) => {
+        return (
+          <div key={workflow.name} className="space-y-2">
+            <h3 className="font-medium">{getTemplateWorkflowName(template, workflow, i18nT)}</h3>
+            <TableSimple
+              items={workflow.blocks}
+              headers={[
+                {
+                  name: "block",
+                  title: i18nT("workflows.templates.blockType"),
+                  value: (i) => (
+                    <div className="flex-col">
+                      <div>{i.type}</div>
+                      <div className="text-muted-foreground text-xs">
+                        {getTemplateBlockDescription(template, workflow, i, i18nT) || i18nT("workflows.blocks.node.noDescription")}
+                      </div>
+                    </div>
+                  ),
+                },
+                {
+                  name: "input",
+                  title: i18nT("workflows.run.input"),
+                  value: (i) =>
+                    JSON.stringify({
+                      input: i.input,
+                    }),
+                },
+              ]}
+            />
+          </div>
+        );
+      })}
+    </div>
+  );
+}