feat: rename san to subjectAltNames, workflow to workflowId, nodeId to workflowNodeId, output to workflowOutputId, log to logs, succeed to succeeded

ui/src/components/certificate/CertificateDetail.tsx

@@ -19,14 +19,14 @@ const CertificateDetail = ({ data, ...props }: CertificateDetailProps) => {
   const [messageApi, MessageContextHolder] = message.useMessage();
 
   const handleDownloadPEMClick = async () => {
-    const zipName = `${data.id}-${data.san}.zip`;
+    const zipName = `${data.id}-${data.subjectAltNames}.zip`;
     const files = [
       {
-        name: `${data.san}.pem`,
+        name: `${data.subjectAltNames}.pem`,
         content: data.certificate ?? "",
       },
       {
-        name: `${data.san}.key`,
+        name: `${data.subjectAltNames}.key`,
         content: data.privateKey ?? "",
       },
     ];
@@ -39,17 +39,17 @@ const CertificateDetail = ({ data, ...props }: CertificateDetailProps) => {
       {MessageContextHolder}
 
       <Form layout="vertical">
-        <Form.Item label={t("certificate.props.san")}>
-          <Input value={data.san} placeholder="" />
+        <Form.Item label={t("certificate.props.subject_alt_names")}>
+          <Input value={data.subjectAltNames} placeholder="" />
         </Form.Item>
 
-        <Form.Item label={t("certificate.props.expiry")}>
-          <Input value={dayjs(data.expireAt).format("YYYY-MM-DD HH:mm:ss")} placeholder="" />
+        <Form.Item label={t("certificate.props.validity")}>
+          <Input value={`${dayjs(data.effectAt).format("YYYY-MM-DD HH:mm:ss")} ~ ${dayjs(data.expireAt).format("YYYY-MM-DD HH:mm:ss")}`} placeholder="" />
         </Form.Item>
 
         <Form.Item>
           <div className="mb-2 flex w-full items-center justify-between">
-            <label>{t("certificate.props.certificate_chain")}</label>
+            <label>{t("certificate.props.certificate")}</label>
             <Tooltip title={t("common.button.copy")}>
               <CopyToClipboard
                 text={data.certificate}

ui/src/components/workflow/WorkflowElement.tsx

@@ -68,7 +68,7 @@ const WorkflowElement = ({ node, disabled }: NodeProps) => {
         return (
           <Space>
             <Avatar src={provider?.icon} size="small" />
-            <Typography.Text className="truncate">{t(provider?.name ?? "　")}</Typography.Text>
+            <Typography.Text className="truncate">{t(provider?.name ?? "")}</Typography.Text>
           </Space>
         );
       }
@@ -80,7 +80,7 @@ const WorkflowElement = ({ node, disabled }: NodeProps) => {
           <div className="flex items-center justify-between space-x-2">
             <Typography.Text className="truncate">{t(channel?.name ?? "　")}</Typography.Text>
             <Typography.Text className="truncate" type="secondary">
-              {(node.config?.subject as string) ?? ""}
+              {config.subject ?? ""}
             </Typography.Text>
           </div>
         );

ui/src/components/workflow/WorkflowRunDetailDrawer.tsx

@@ -32,7 +32,7 @@ const WorkflowRunDetailDrawer = ({ data, loading, trigger, ...props }: WorkflowR
 
       <Drawer destroyOnClose open={open} loading={loading} placement="right" title={`runlog-${data?.id}`} width={640} onClose={() => setOpen(false)}>
         <Show when={!!data}>
-          <Show when={data!.succeed}>
+          <Show when={data!.succeeded}>
             <Alert showIcon type="success" message={<Typography.Text type="success">{t("workflow_run.props.status.succeeded")}</Typography.Text>} />
           </Show>
 
@@ -42,7 +42,7 @@ const WorkflowRunDetailDrawer = ({ data, loading, trigger, ...props }: WorkflowR
 
           <div className="mt-4 rounded-md bg-black p-4 text-stone-200">
             <div className="flex flex-col space-y-3">
-              {data!.log.map((item, i) => {
+              {data!.logs.map((item, i) => {
                 return (
                   <div key={i} className="flex flex-col space-y-2">
                     <div>{item.nodeName}</div>

ui/src/components/workflow/WorkflowRuns.tsx

@@ -46,7 +46,7 @@ const WorkflowRuns = ({ className, style, workflowId }: WorkflowRunsProps) => {
       title: t("workflow_run.props.status"),
       ellipsis: true,
       render: (_, record) => {
-        if (record.succeed) {
+        if (record.succeeded) {
           return (
             <Space>
               <CheckCircleOutlinedIcon style={{ color: themeToken.colorSuccess }} />