From c70a390b62c2de5f0616b7ef8d3f8a322ef89589 Mon Sep 17 00:00:00 2001
From: xinbinyan <404928130@qq.com>
Date: Thu, 25 Jan 2024 18:20:21 +0800
Subject: [PATCH 1/2] upgrade render sql com

---
 packages/sqle/src/components/RenderSQL/index.tsx  |  2 +-
 .../page/AuditPlan/PlanDetail/DetailCom/index.tsx | 15 +++++----------
 .../SqlAnalyze/ProcessListCom/index.tsx           | 15 +++++++--------
 .../sqle/src/page/SqlAnalyze/SqlAnalyze/style.ts  |  6 +-----
 .../page/SqlAnalyze/SqlAnalyze/useSQLExecPlan.tsx |  8 ++------
 .../page/SqlAnalyze/SqlAnalyze/useTableSchema.tsx | 10 ++--------
 .../SqlManagement/component/SQLEEIndex/column.tsx |  1 -
 7 files changed, 18 insertions(+), 39 deletions(-)

diff --git a/packages/sqle/src/components/RenderSQL/index.tsx b/packages/sqle/src/components/RenderSQL/index.tsx
index 1928f060d..0e0efa82f 100644
--- a/packages/sqle/src/components/RenderSQL/index.tsx
+++ b/packages/sqle/src/components/RenderSQL/index.tsx
@@ -8,7 +8,7 @@ import { RenderSQLStyleWrapper } from './style';
 const RenderSQL: React.FC<RenderSQLProps> = ({
   sql,
   rows = 10,
-  tooltip,
+  tooltip = true,
   onClick
 }) => {
   if (!sql) {
diff --git a/packages/sqle/src/page/AuditPlan/PlanDetail/DetailCom/index.tsx b/packages/sqle/src/page/AuditPlan/PlanDetail/DetailCom/index.tsx
index 9e8ade77c..aa1b00f5d 100644
--- a/packages/sqle/src/page/AuditPlan/PlanDetail/DetailCom/index.tsx
+++ b/packages/sqle/src/page/AuditPlan/PlanDetail/DetailCom/index.tsx
@@ -16,9 +16,10 @@ import audit_plan from '@actiontech/shared/lib/api/sqle/service/audit_plan';
 import { IAuditPlanSQLHeadV1 } from '@actiontech/shared/lib/api/sqle/service/common';
 import { AuditPlanSQLHeadV1TypeEnum } from '@actiontech/shared/lib/api/sqle/service/common.enum';
 import { formatTime } from '@actiontech/shared/lib/utils/Common';
-import HighlightCode from '../../../../utils/HighlightCode';
 import { useTableRequestParams } from '@actiontech/shared/lib/components/ActiontechTable';
 
+import RenderSQL from '../../../../components/RenderSQL';
+
 const DetailCom = () => {
   const { t } = useTranslation();
 
@@ -71,18 +72,12 @@ const DetailCom = () => {
           (head as IAuditPlanSQLHeadV1[]).map((item) => ({
             title: item.desc,
             dataIndex: item.name,
-            width: item.type === AuditPlanSQLHeadV1TypeEnum.sql ? 300 : 'auto',
+            width: item.type === AuditPlanSQLHeadV1TypeEnum.sql ? 500 : 'auto',
             render: (text) => {
               if (item.type === AuditPlanSQLHeadV1TypeEnum.sql) {
-                // todo: RenderSQL
                 return (
-                  <div className="sql-cont-width">
-                    <pre
-                      dangerouslySetInnerHTML={{
-                        __html: HighlightCode.highlightSql(text)
-                      }}
-                      className="pre-warp-break-all"
-                    ></pre>
+                  <div className="sql-cont-width" style={{ width: 500 }}>
+                    <RenderSQL sql={text} />
                   </div>
                 );
               }
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/ProcessListCom/index.tsx b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/ProcessListCom/index.tsx
index 9f05215af..54a3ad46f 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/ProcessListCom/index.tsx
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/ProcessListCom/index.tsx
@@ -1,6 +1,6 @@
 import { BasicTable, EmptyBox } from '@actiontech/shared';
 import BasicEmpty from '@actiontech/shared/lib/components/BasicEmpty';
-import HighlightCode from '../../../../utils/HighlightCode';
+import RenderSQL from '../../../../components/RenderSQL';
 
 import { ProcessListComStyleWrapper } from './style';
 
@@ -28,14 +28,13 @@ const ProcessListCom = () => {
       <h3 className="header-title">SQL语句</h3>
       <section className="basic-cont-wrapper sql-cont">
         <EmptyBox if={true} defaultNode={<BasicEmpty />}>
-          <pre
-            dangerouslySetInnerHTML={{
-              __html: HighlightCode.highlightSql(`SELECT DISTINCT db,time,info
+          <div className="pre-warp-break-all">
+            <RenderSQL
+              sql={`SELECT DISTINCT db,time,info
 FROM information_schema.processlist
-WHERE ID != connection_id() AND info != '' AND db NOT IN ('information_schema','performance_schema','mysql','sys')`)
-            }}
-            className="pre-warp-break-all"
-          />
+WHERE ID != connection_id() AND info != '' AND db NOT IN ('information_schema','performance_schema','mysql','sys')`}
+            />
+          </div>
         </EmptyBox>
       </section>
     </ProcessListComStyleWrapper>
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/style.ts b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/style.ts
index d9abc1ea0..f2db374ed 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/style.ts
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/style.ts
@@ -28,16 +28,12 @@ export const SqlContStyleWrapper = styled('section')`
   }
 
   .basic-cont-wrapper {
+    height: auto;
     min-height: 100px;
   }
 
   .sql-cont {
     padding: 24px 40px;
-
-    pre {
-      width: 100%;
-      white-space: pre-wrap;
-    }
   }
 
   .line-wrapper {
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useSQLExecPlan.tsx b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useSQLExecPlan.tsx
index 6068a4d76..e4496522e 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useSQLExecPlan.tsx
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useSQLExecPlan.tsx
@@ -2,11 +2,11 @@ import { Space } from 'antd';
 import { useTranslation } from 'react-i18next';
 import { EmptyBox, BasicTable, BasicResult } from '@actiontech/shared';
 import useBackendTable from '../../../hooks/useBackendTable/useBackendTable1';
-import HighlightCode from '../../../utils/HighlightCode';
 import { SQLExecPlanItem } from './index.type';
 import { IPerformanceStatistics } from '@actiontech/shared/lib/api/sqle/service/common.d';
 import { IconSqlLine } from '@actiontech/shared/lib/Icon/common';
 import { formatParamsBySeparator } from '@actiontech/shared/lib/utils/Tool';
+import RenderSQL from '../../../components/RenderSQL';
 
 const useSQLExecPlan = () => {
   const { t } = useTranslation();
@@ -25,11 +25,7 @@ const useSQLExecPlan = () => {
         <>
           <h3 className="header-title">{t('sqlQuery.executePlan.sql')}</h3>
           <section className="basic-cont-wrapper sql-cont">
-            <pre
-              dangerouslySetInnerHTML={{
-                __html: HighlightCode.highlightSql(sql ?? '')
-              }}
-            />
+            <RenderSQL sql={sql ?? ''} />
           </section>
         </>
       );
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useTableSchema.tsx b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useTableSchema.tsx
index ac5d3ac75..81602b014 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useTableSchema.tsx
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/useTableSchema.tsx
@@ -5,11 +5,11 @@ import { useTranslation } from 'react-i18next';
 import { TableSchemaItem, UseTableSchemaOption } from '.';
 import { ResponseCode } from '../../../data/common';
 import useBackendTable from '../../../hooks/useBackendTable/useBackendTable1';
-import HighlightCode from '../../../utils/HighlightCode';
 import instance from '@actiontech/shared/lib/api/sqle/service/instance';
 import { EmptyBox, BasicTable, BasicResult } from '@actiontech/shared';
 import Icon from '@ant-design/icons/lib/components/Icon';
 import { IconError } from '@actiontech/shared/lib/Icon';
+import RenderSQL from '../../../components/RenderSQL';
 
 const useTableSchema = (options?: UseTableSchemaOption) => {
   const { t } = useTranslation();
@@ -105,13 +105,7 @@ const useTableSchema = (options?: UseTableSchemaOption) => {
             {t('sqlQuery.databaseTables.createdTableSql')}
           </h3>
           <section className="basic-cont-wrapper sql-cont">
-            <pre
-              dangerouslySetInnerHTML={{
-                __html: HighlightCode.highlightSql(
-                  item.tableMeta.create_table_sql ?? ''
-                )
-              }}
-            />
+            <RenderSQL sql={item.tableMeta.create_table_sql ?? ''} />
           </section>
         </>
       );
diff --git a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/column.tsx b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/column.tsx
index cd063fcf2..9a392e576 100644
--- a/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/column.tsx
+++ b/packages/sqle/src/page/SqlManagement/component/SQLEEIndex/column.tsx
@@ -186,7 +186,6 @@ const SqlManagementColumn: (
             onClick={() =>
               openModal(ModalName.View_Audit_Result_Drawer, record)
             }
-            tooltip={true}
             sql={sql_fingerprint}
             rows={2}
           />

From 34a438fb31919305b4788218d706fba6013a6357 Mon Sep 17 00:00:00 2001
From: xinbinyan <404928130@qq.com>
Date: Thu, 25 Jan 2024 19:24:37 +0800
Subject: [PATCH 2/2] upgrade snap

---
 .../__snapshots__/index.test.tsx.snap         | 1732 ++++----
 .../Order/__snapshots__/index.test.tsx.snap   | 3527 +++++++++--------
 .../__snapshots__/SqlAnalyze.test.tsx.snap    | 1805 +++++----
 .../useSQLExecPlan.test.tsx.snap              |   48 +-
 .../useTableSchema.test.tsx.snap              |   66 +-
 .../__snapshots__/index.test.tsx.snap         | 3527 +++++++++--------
 6 files changed, 5572 insertions(+), 5133 deletions(-)

diff --git a/packages/sqle/src/page/SqlAnalyze/AuditPlan/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlAnalyze/AuditPlan/__snapshots__/index.test.tsx.snap
index 8b7cb31ac..70c4e9da9 100644
--- a/packages/sqle/src/page/SqlAnalyze/AuditPlan/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAnalyze/AuditPlan/__snapshots__/index.test.tsx.snap
@@ -57,7 +57,7 @@ exports[`SqlAnalyze/AuditPlan should get analyze data from origin 1`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -79,7 +79,9 @@ exports[`SqlAnalyze/AuditPlan should get analyze data from origin 1`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre />
+                    <span>
+                      -
+                    </span>
                   </section>
                 </div>
                 <div
@@ -339,7 +341,7 @@ exports[`SqlAnalyze/AuditPlan should get analyze data from origin 2`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -2241,395 +2243,426 @@ exports[`SqlAnalyze/AuditPlan should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`global_configuration_ldap\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`global_configuration_ldap\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable_ssl\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`host\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`port\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_secret_password\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`base_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_name_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_email_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_global_configuration_ldap_deleted_at\` (\`deleted_at\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -5391,492 +5424,523 @@ exports[`SqlAnalyze/AuditPlan should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`execute_sql_detail\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`execute_sql_detail\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`task_id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`number\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`content\` longtext 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`description\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`start_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`start_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`row_affects\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`exec_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`exec_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`audit_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_fingerprint\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        char
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        32
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            char
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            32
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`audit_level\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB AUTO_INCREMENT
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="hljs-number"
-                      >
-                        4
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB AUTO_INCREMENT
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          <span
+                            class="hljs-number"
+                          >
+                            4
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
diff --git a/packages/sqle/src/page/SqlAnalyze/Order/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlAnalyze/Order/__snapshots__/index.test.tsx.snap
index ba5858c39..241ee734a 100644
--- a/packages/sqle/src/page/SqlAnalyze/Order/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAnalyze/Order/__snapshots__/index.test.tsx.snap
@@ -81,7 +81,7 @@ exports[`SqlAnalyze/Order should get analyze data from origin 1`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -103,7 +103,9 @@ exports[`SqlAnalyze/Order should get analyze data from origin 1`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre />
+                    <span>
+                      -
+                    </span>
                   </section>
                 </div>
                 <div
@@ -363,7 +365,7 @@ exports[`SqlAnalyze/Order should get analyze data from origin 2`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -385,26 +387,57 @@ exports[`SqlAnalyze/Order should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        SELECT
-                      </span>
-                       
-                      <span
-                        class="hljs-operator"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        *
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            SELECT
+                          </span>
+                           
+                          <span
+                            class="hljs-operator"
+                          >
+                            *
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            from
+                          </span>
+                           tasks;
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        from
-                      </span>
-                       tasks;
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
                 <div
@@ -2691,395 +2724,426 @@ exports[`SqlAnalyze/Order should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`global_configuration_ldap\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`global_configuration_ldap\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable_ssl\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`host\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`port\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_secret_password\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`base_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_name_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_email_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_global_configuration_ldap_deleted_at\` (\`deleted_at\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -5842,492 +5906,523 @@ exports[`SqlAnalyze/Order should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`execute_sql_detail\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`execute_sql_detail\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`task_id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`number\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`content\` longtext 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`description\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`start_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`start_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`row_affects\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
-  \`exec_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
+  \`exec_status\` 
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`exec_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`audit_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_fingerprint\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        char
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        32
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            char
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            32
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`audit_level\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB AUTO_INCREMENT
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="hljs-number"
-                      >
-                        4
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB AUTO_INCREMENT
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          <span
+                            class="hljs-number"
+                          >
+                            4
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -6425,7 +6520,7 @@ exports[`SqlAnalyze/Order should get analyze data from origin 3`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -8327,395 +8422,426 @@ exports[`SqlAnalyze/Order should get analyze data from origin 3`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`global_configuration_ldap\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`global_configuration_ldap\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable_ssl\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`host\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`port\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_secret_password\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`base_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_name_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_email_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_global_configuration_ldap_deleted_at\` (\`deleted_at\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -11477,492 +11603,523 @@ exports[`SqlAnalyze/Order should get analyze data from origin 3`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`execute_sql_detail\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`execute_sql_detail\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`task_id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`number\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`content\` longtext 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`description\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`start_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`start_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`row_affects\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`exec_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`exec_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`audit_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_fingerprint\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        char
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        32
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            char
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            32
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`audit_level\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB AUTO_INCREMENT
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="hljs-number"
-                      >
-                        4
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB AUTO_INCREMENT
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          <span
+                            class="hljs-number"
+                          >
+                            4
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/SqlAnalyze.test.tsx.snap b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/SqlAnalyze.test.tsx.snap
index c331db77f..ddaf8028f 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/SqlAnalyze.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/SqlAnalyze.test.tsx.snap
@@ -58,7 +58,7 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when data is empty 1`] = `
               class="tab-cont-wrapper"
             >
               <section
-                class="css-1idhdmh"
+                class="css-nzcwff"
               >
                 <div
                   class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -80,7 +80,9 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when data is empty 1`] = `
                     <section
                       class="basic-cont-wrapper sql-cont"
                     >
-                      <pre />
+                      <span>
+                        -
+                      </span>
                     </section>
                   </div>
                   <div
@@ -338,7 +340,7 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when data is loading 1`] = `
               class="tab-cont-wrapper"
             >
               <section
-                class="css-1idhdmh"
+                class="css-nzcwff"
               >
                 <div
                   class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -360,7 +362,9 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when data is loading 1`] = `
                     <section
                       class="basic-cont-wrapper sql-cont"
                     >
-                      <pre />
+                      <span>
+                        -
+                      </span>
                     </section>
                   </div>
                   <div
@@ -801,7 +805,7 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when have data 1`] = `
               class="tab-cont-wrapper"
             >
               <section
-                class="css-1idhdmh"
+                class="css-nzcwff"
               >
                 <div
                   class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -823,26 +827,57 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when have data 1`] = `
                     <section
                       class="basic-cont-wrapper sql-cont"
                     >
-                      <pre>
-                        <span
-                          class="hljs-keyword"
-                        >
-                          SELECT
-                        </span>
-                         
-                        <span
-                          class="hljs-operator"
+                      <div
+                        class="css-4mzo37"
+                      >
+                        <div
+                          class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                         >
-                          *
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
+                          <span>
+                            <span
+                              class="hljs-keyword"
+                            >
+                              SELECT
+                            </span>
+                             
+                            <span
+                              class="hljs-operator"
+                            >
+                              *
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              from
+                            </span>
+                             tasks;
+                          </span>
+                        </div>
+                        <div
+                          class="css-1s8kb8e"
                         >
-                          from
-                        </span>
-                         tasks;
-                      </pre>
+                          <span
+                            aria-label="copy"
+                            class="anticon anticon-copy"
+                            role="img"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              data-icon="copy"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
                     </section>
                   </div>
                   <div
@@ -3129,395 +3164,426 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when have data 1`] = `
                     <section
                       class="basic-cont-wrapper sql-cont"
                     >
-                      <pre>
-                        <span
-                          class="hljs-keyword"
-                        >
-                          CREATE
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
+                      <div
+                        class="css-4mzo37"
+                      >
+                        <div
+                          class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                         >
-                          TABLE
-                        </span>
-                         \`global_configuration_ldap\` (
+                          <span>
+                            <span
+                              class="hljs-keyword"
+                            >
+                              CREATE
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              TABLE
+                            </span>
+                             \`global_configuration_ldap\` (
   \`id\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          int
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          10
-                        </span>
-                        ) unsigned 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                         AUTO_INCREMENT,
+                            <span
+                              class="hljs-type"
+                            >
+                              int
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              10
+                            </span>
+                            ) unsigned 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                             AUTO_INCREMENT,
   \`created_at\` datetime 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-built_in"
-                        >
-                          CURRENT_TIMESTAMP
-                        </span>
-                        ,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-built_in"
+                            >
+                              CURRENT_TIMESTAMP
+                            </span>
+                            ,
   \`updated_at\` datetime 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-built_in"
-                        >
-                          CURRENT_TIMESTAMP
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          ON
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          UPDATE
-                        </span>
-                         
-                        <span
-                          class="hljs-built_in"
-                        >
-                          CURRENT_TIMESTAMP
-                        </span>
-                        ,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-built_in"
+                            >
+                              CURRENT_TIMESTAMP
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              ON
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              UPDATE
+                            </span>
+                             
+                            <span
+                              class="hljs-built_in"
+                            >
+                              CURRENT_TIMESTAMP
+                            </span>
+                            ,
   \`deleted_at\` datetime 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`enable\` tinyint(
-                        <span
-                          class="hljs-number"
-                        >
-                          1
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-number"
+                            >
+                              1
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`enable_ssl\` tinyint(
-                        <span
-                          class="hljs-number"
-                        >
-                          1
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-number"
+                            >
+                              1
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`host\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`port\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`connect_dn\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`connect_secret_password\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`base_dn\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`user_name_rdn_key\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`user_email_rdn_key\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   
-                        <span
-                          class="hljs-keyword"
-                        >
-                          PRIMARY
-                        </span>
-                         KEY (\`id\`),
+                            <span
+                              class="hljs-keyword"
+                            >
+                              PRIMARY
+                            </span>
+                             KEY (\`id\`),
   KEY \`idx_global_configuration_ldap_deleted_at\` (\`deleted_at\`)
 ) ENGINE
-                        <span
-                          class="hljs-operator"
-                        >
-                          =
-                        </span>
-                        InnoDB 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         CHARSET
-                        <span
-                          class="hljs-operator"
-                        >
-                          =
-                        </span>
-                        utf8mb4 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                        <span
-                          class="hljs-operator"
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            InnoDB 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             CHARSET
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            utf8mb4 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            utf8mb4_unicode_ci
+                          </span>
+                        </div>
+                        <div
+                          class="css-1s8kb8e"
                         >
-                          =
-                        </span>
-                        utf8mb4_unicode_ci
-                      </pre>
+                          <span
+                            aria-label="copy"
+                            class="anticon anticon-copy"
+                            role="img"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              data-icon="copy"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
                     </section>
                   </div>
                 </div>
@@ -6280,492 +6346,523 @@ exports[`SqlAnalyze/Global-SqlAnalyze render snap when have data 1`] = `
                     <section
                       class="basic-cont-wrapper sql-cont"
                     >
-                      <pre>
-                        <span
-                          class="hljs-keyword"
-                        >
-                          CREATE
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
+                      <div
+                        class="css-4mzo37"
+                      >
+                        <div
+                          class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                         >
-                          TABLE
-                        </span>
-                         \`execute_sql_detail\` (
+                          <span>
+                            <span
+                              class="hljs-keyword"
+                            >
+                              CREATE
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              TABLE
+                            </span>
+                             \`execute_sql_detail\` (
   \`id\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          int
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          10
-                        </span>
-                        ) unsigned 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NOT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                         AUTO_INCREMENT,
+                            <span
+                              class="hljs-type"
+                            >
+                              int
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              10
+                            </span>
+                            ) unsigned 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NOT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                             AUTO_INCREMENT,
   \`created_at\` datetime 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-built_in"
-                        >
-                          CURRENT_TIMESTAMP
-                        </span>
-                        ,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-built_in"
+                            >
+                              CURRENT_TIMESTAMP
+                            </span>
+                            ,
   \`updated_at\` datetime 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-built_in"
-                        >
-                          CURRENT_TIMESTAMP
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          ON
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          UPDATE
-                        </span>
-                         
-                        <span
-                          class="hljs-built_in"
-                        >
-                          CURRENT_TIMESTAMP
-                        </span>
-                        ,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-built_in"
+                            >
+                              CURRENT_TIMESTAMP
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              ON
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              UPDATE
+                            </span>
+                             
+                            <span
+                              class="hljs-built_in"
+                            >
+                              CURRENT_TIMESTAMP
+                            </span>
+                            ,
   \`deleted_at\` datetime 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`task_id\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          int
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          10
-                        </span>
-                        ) unsigned 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              int
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              10
+                            </span>
+                            ) unsigned 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`number\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          int
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          10
-                        </span>
-                        ) unsigned 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              int
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              10
+                            </span>
+                            ) unsigned 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`content\` longtext 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci,
   \`description\` text 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci,
   \`start_binlog_file\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`start_binlog_pos\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          bigint
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          20
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              bigint
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              20
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`end_binlog_file\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`end_binlog_pos\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          bigint
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          20
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              bigint
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              20
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`row_affects\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          bigint
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          20
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              bigint
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              20
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`exec_status\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-string"
-                        >
-                          'initialized'
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-string"
+                            >
+                              'initialized'
+                            </span>
+                            ,
   \`exec_result\` text 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci,
   \`audit_status\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-string"
-                        >
-                          'initialized'
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-string"
+                            >
+                              'initialized'
+                            </span>
+                            ,
   \`audit_result\` text 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci,
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci,
   \`audit_fingerprint\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          char
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          32
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              char
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              32
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   \`audit_level\` 
-                        <span
-                          class="hljs-type"
-                        >
-                          varchar
-                        </span>
-                        (
-                        <span
-                          class="hljs-number"
-                        >
-                          255
-                        </span>
-                        ) 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                         utf8mb4_unicode_ci 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          NULL
-                        </span>
-                        ,
+                            <span
+                              class="hljs-type"
+                            >
+                              varchar
+                            </span>
+                            (
+                            <span
+                              class="hljs-number"
+                            >
+                              255
+                            </span>
+                            ) 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                             utf8mb4_unicode_ci 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              NULL
+                            </span>
+                            ,
   
-                        <span
-                          class="hljs-keyword"
-                        >
-                          PRIMARY
-                        </span>
-                         KEY (\`id\`),
+                            <span
+                              class="hljs-keyword"
+                            >
+                              PRIMARY
+                            </span>
+                             KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
 ) ENGINE
-                        <span
-                          class="hljs-operator"
-                        >
-                          =
-                        </span>
-                        InnoDB AUTO_INCREMENT
-                        <span
-                          class="hljs-operator"
-                        >
-                          =
-                        </span>
-                        <span
-                          class="hljs-number"
-                        >
-                          4
-                        </span>
-                         
-                        <span
-                          class="hljs-keyword"
-                        >
-                          DEFAULT
-                        </span>
-                         CHARSET
-                        <span
-                          class="hljs-operator"
-                        >
-                          =
-                        </span>
-                        utf8mb4 
-                        <span
-                          class="hljs-keyword"
-                        >
-                          COLLATE
-                        </span>
-                        <span
-                          class="hljs-operator"
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            InnoDB AUTO_INCREMENT
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            <span
+                              class="hljs-number"
+                            >
+                              4
+                            </span>
+                             
+                            <span
+                              class="hljs-keyword"
+                            >
+                              DEFAULT
+                            </span>
+                             CHARSET
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            utf8mb4 
+                            <span
+                              class="hljs-keyword"
+                            >
+                              COLLATE
+                            </span>
+                            <span
+                              class="hljs-operator"
+                            >
+                              =
+                            </span>
+                            utf8mb4_unicode_ci
+                          </span>
+                        </div>
+                        <div
+                          class="css-1s8kb8e"
                         >
-                          =
-                        </span>
-                        utf8mb4_unicode_ci
-                      </pre>
+                          <span
+                            aria-label="copy"
+                            class="anticon anticon-copy"
+                            role="img"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              data-icon="copy"
+                              fill="currentColor"
+                              focusable="false"
+                              height="1em"
+                              viewBox="64 64 896 896"
+                              width="1em"
+                            >
+                              <path
+                                d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                              />
+                            </svg>
+                          </span>
+                        </div>
+                      </div>
                     </section>
                   </div>
                 </div>
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useSQLExecPlan.test.tsx.snap b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useSQLExecPlan.test.tsx.snap
index 73551517b..c12e76d45 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useSQLExecPlan.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useSQLExecPlan.test.tsx.snap
@@ -15,12 +15,8 @@ exports[`SqlAnalyze/useSQLExecPlan render generateSQLExecPlanContent when have d
     <section
       className="basic-cont-wrapper sql-cont"
     >
-      <pre
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<span class=\\"hljs-keyword\\">CREATE</span> <span class=\\"hljs-keyword\\">TABLE</span> IF <span class=\\"hljs-keyword\\">NOT</span> <span class=\\"hljs-keyword\\">EXISTS</span> task (  id <span class=\\"hljs-type\\">BIGINT</span> UNSIGNED AUTO_INCREMENT <span class=\\"hljs-keyword\\">PRIMARY</span> KEY,  title <span class=\\"hljs-type\\">VARCHAR</span>(<span class=\\"hljs-number\\">255</span>) <span class=\\"hljs-keyword\\">NOT</span> <span class=\\"hljs-keyword\\">NULL</span> <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-string\\">&#x27;&#x27;</span>,  description TEXT,  status ENUM(<span class=\\"hljs-string\\">&#x27;pending&#x27;</span>, <span class=\\"hljs-string\\">&#x27;completed&#x27;</span>) <span class=\\"hljs-keyword\\">NOT</span> <span class=\\"hljs-keyword\\">NULL</span> <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-string\\">&#x27;pending&#x27;</span>,  created_at <span class=\\"hljs-type\\">TIMESTAMP</span> <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-built_in\\">CURRENT_TIMESTAMP</span>,  updated_at <span class=\\"hljs-type\\">TIMESTAMP</span> <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-built_in\\">CURRENT_TIMESTAMP</span> <span class=\\"hljs-keyword\\">ON</span> <span class=\\"hljs-keyword\\">UPDATE</span> <span class=\\"hljs-built_in\\">CURRENT_TIMESTAMP</span>);",
-          }
-        }
+      <RenderSQL
+        sql="CREATE TABLE IF NOT EXISTS task (  id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,  title VARCHAR(255) NOT NULL DEFAULT '',  description TEXT,  status ENUM('pending', 'completed') NOT NULL DEFAULT 'pending',  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,  updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP);"
       />
     </section>
   </React.Fragment>
@@ -112,12 +108,8 @@ exports[`SqlAnalyze/useSQLExecPlan render generateSQLExecPlanContent when have d
     <section
       className="basic-cont-wrapper sql-cont"
     >
-      <pre
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "",
-          }
-        }
+      <RenderSQL
+        sql=""
       />
     </section>
   </React.Fragment>
@@ -289,12 +281,8 @@ exports[`SqlAnalyze/useSQLExecPlan render generateSQLExecPlanContent when have d
     <section
       className="basic-cont-wrapper sql-cont"
     >
-      <pre
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "",
-          }
-        }
+      <RenderSQL
+        sql=""
       />
     </section>
   </React.Fragment>
@@ -386,12 +374,8 @@ exports[`SqlAnalyze/useSQLExecPlan render generateSQLExecPlanContent when have d
     <section
       className="basic-cont-wrapper sql-cont"
     >
-      <pre
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "",
-          }
-        }
+      <RenderSQL
+        sql=""
       />
     </section>
   </React.Fragment>
@@ -483,12 +467,8 @@ exports[`SqlAnalyze/useSQLExecPlan render generateSQLExecPlanContent when have e
     <section
       className="basic-cont-wrapper sql-cont"
     >
-      <pre
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "",
-          }
-        }
+      <RenderSQL
+        sql=""
       />
     </section>
   </React.Fragment>
@@ -580,12 +560,8 @@ exports[`SqlAnalyze/useSQLExecPlan render generateSQLExecPlanContent when have e
     <section
       className="basic-cont-wrapper sql-cont"
     >
-      <pre
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "",
-          }
-        }
+      <RenderSQL
+        sql=""
       />
     </section>
   </React.Fragment>
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useTableSchema.test.tsx.snap b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useTableSchema.test.tsx.snap
index 6996e747f..8701ba85b 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useTableSchema.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAnalyze/SqlAnalyze/test/__snapshots__/useTableSchema.test.tsx.snap
@@ -365,36 +365,32 @@ exports[`SqlAnalyze/useTableSchema render generateTableSchemaContent render ele
       <section
         className="basic-cont-wrapper sql-cont"
       >
-        <pre
-          dangerouslySetInnerHTML={
-            Object {
-              "__html": "<span class=\\"hljs-keyword\\">CREATE</span> <span class=\\"hljs-keyword\\">TABLE</span> \`execute_sql_detail\` (
-  \`id\` <span class=\\"hljs-type\\">int</span>(<span class=\\"hljs-number\\">10</span>) unsigned <span class=\\"hljs-keyword\\">NOT</span> <span class=\\"hljs-keyword\\">NULL</span> AUTO_INCREMENT,
-  \`created_at\` datetime <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-built_in\\">CURRENT_TIMESTAMP</span>,
-  \`updated_at\` datetime <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-built_in\\">CURRENT_TIMESTAMP</span> <span class=\\"hljs-keyword\\">ON</span> <span class=\\"hljs-keyword\\">UPDATE</span> <span class=\\"hljs-built_in\\">CURRENT_TIMESTAMP</span>,
-  \`deleted_at\` datetime <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`task_id\` <span class=\\"hljs-type\\">int</span>(<span class=\\"hljs-number\\">10</span>) unsigned <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`number\` <span class=\\"hljs-type\\">int</span>(<span class=\\"hljs-number\\">10</span>) unsigned <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`content\` longtext <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci,
-  \`description\` text <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci,
-  \`start_binlog_file\` <span class=\\"hljs-type\\">varchar</span>(<span class=\\"hljs-number\\">255</span>) <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`start_binlog_pos\` <span class=\\"hljs-type\\">bigint</span>(<span class=\\"hljs-number\\">20</span>) <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`end_binlog_file\` <span class=\\"hljs-type\\">varchar</span>(<span class=\\"hljs-number\\">255</span>) <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`end_binlog_pos\` <span class=\\"hljs-type\\">bigint</span>(<span class=\\"hljs-number\\">20</span>) <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`row_affects\` <span class=\\"hljs-type\\">bigint</span>(<span class=\\"hljs-number\\">20</span>) <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`exec_status\` <span class=\\"hljs-type\\">varchar</span>(<span class=\\"hljs-number\\">255</span>) <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-string\\">&#x27;initialized&#x27;</span>,
-  \`exec_result\` text <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci,
-  \`audit_status\` <span class=\\"hljs-type\\">varchar</span>(<span class=\\"hljs-number\\">255</span>) <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-string\\">&#x27;initialized&#x27;</span>,
-  \`audit_result\` text <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci,
-  \`audit_fingerprint\` <span class=\\"hljs-type\\">char</span>(<span class=\\"hljs-number\\">32</span>) <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  \`audit_level\` <span class=\\"hljs-type\\">varchar</span>(<span class=\\"hljs-number\\">255</span>) <span class=\\"hljs-keyword\\">COLLATE</span> utf8mb4_unicode_ci <span class=\\"hljs-keyword\\">DEFAULT</span> <span class=\\"hljs-keyword\\">NULL</span>,
-  <span class=\\"hljs-keyword\\">PRIMARY</span> KEY (\`id\`),
+        <RenderSQL
+          sql="CREATE TABLE \`execute_sql_detail\` (
+  \`id\` int(10) unsigned NOT NULL AUTO_INCREMENT,
+  \`created_at\` datetime DEFAULT CURRENT_TIMESTAMP,
+  \`updated_at\` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+  \`deleted_at\` datetime DEFAULT NULL,
+  \`task_id\` int(10) unsigned DEFAULT NULL,
+  \`number\` int(10) unsigned DEFAULT NULL,
+  \`content\` longtext COLLATE utf8mb4_unicode_ci,
+  \`description\` text COLLATE utf8mb4_unicode_ci,
+  \`start_binlog_file\` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
+  \`start_binlog_pos\` bigint(20) DEFAULT NULL,
+  \`end_binlog_file\` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
+  \`end_binlog_pos\` bigint(20) DEFAULT NULL,
+  \`row_affects\` bigint(20) DEFAULT NULL,
+  \`exec_status\` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT 'initialized',
+  \`exec_result\` text COLLATE utf8mb4_unicode_ci,
+  \`audit_status\` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT 'initialized',
+  \`audit_result\` text COLLATE utf8mb4_unicode_ci,
+  \`audit_fingerprint\` char(32) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
+  \`audit_level\` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
+  PRIMARY KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
-) ENGINE<span class=\\"hljs-operator\\">=</span>InnoDB AUTO_INCREMENT<span class=\\"hljs-operator\\">=</span><span class=\\"hljs-number\\">4</span> <span class=\\"hljs-keyword\\">DEFAULT</span> CHARSET<span class=\\"hljs-operator\\">=</span>utf8mb4 <span class=\\"hljs-keyword\\">COLLATE</span><span class=\\"hljs-operator\\">=</span>utf8mb4_unicode_ci",
-            }
-          }
+) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci"
         />
       </section>
     </React.Fragment>
@@ -450,12 +446,8 @@ exports[`SqlAnalyze/useTableSchema render generateTableSchemaContent render ele
       <section
         className="basic-cont-wrapper sql-cont"
       >
-        <pre
-          dangerouslySetInnerHTML={
-            Object {
-              "__html": "",
-            }
-          }
+        <RenderSQL
+          sql=""
         />
       </section>
     </React.Fragment>
@@ -505,12 +497,8 @@ exports[`SqlAnalyze/useTableSchema render generateTableSchemaContent render ele
       <section
         className="basic-cont-wrapper sql-cont"
       >
-        <pre
-          dangerouslySetInnerHTML={
-            Object {
-              "__html": "",
-            }
-          }
+        <RenderSQL
+          sql=""
         />
       </section>
     </React.Fragment>
diff --git a/packages/sqle/src/page/SqlAnalyze/SqlManage/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/SqlAnalyze/SqlManage/__snapshots__/index.test.tsx.snap
index c26cc39be..9c54cd422 100644
--- a/packages/sqle/src/page/SqlAnalyze/SqlManage/__snapshots__/index.test.tsx.snap
+++ b/packages/sqle/src/page/SqlAnalyze/SqlManage/__snapshots__/index.test.tsx.snap
@@ -81,7 +81,7 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 1`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -103,7 +103,9 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 1`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre />
+                    <span>
+                      -
+                    </span>
                   </section>
                 </div>
                 <div
@@ -363,7 +365,7 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 2`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -385,26 +387,57 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        SELECT
-                      </span>
-                       
-                      <span
-                        class="hljs-operator"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        *
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            SELECT
+                          </span>
+                           
+                          <span
+                            class="hljs-operator"
+                          >
+                            *
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            from
+                          </span>
+                           tasks;
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        from
-                      </span>
-                       tasks;
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
                 <div
@@ -2691,395 +2724,426 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`global_configuration_ldap\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`global_configuration_ldap\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable_ssl\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`host\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`port\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_secret_password\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`base_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_name_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_email_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_global_configuration_ldap_deleted_at\` (\`deleted_at\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -5842,492 +5906,523 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 2`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`execute_sql_detail\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`execute_sql_detail\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`task_id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`number\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`content\` longtext 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`description\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`start_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`start_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`row_affects\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
-  \`exec_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
+  \`exec_status\` 
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`exec_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`audit_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_fingerprint\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        char
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        32
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            char
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            32
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`audit_level\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB AUTO_INCREMENT
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="hljs-number"
-                      >
-                        4
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB AUTO_INCREMENT
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          <span
+                            class="hljs-number"
+                          >
+                            4
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -6425,7 +6520,7 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 3`] = `
             class="tab-cont-wrapper"
           >
             <section
-              class="css-1idhdmh"
+              class="css-nzcwff"
             >
               <div
                 class="ant-space css-dev-only-do-not-override-txh9fw ant-space-vertical full-width-element"
@@ -8327,395 +8422,426 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 3`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`global_configuration_ldap\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`global_configuration_ldap\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`enable_ssl\` tinyint(
-                      <span
-                        class="hljs-number"
-                      >
-                        1
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-number"
+                          >
+                            1
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`host\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`port\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`connect_secret_password\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`base_dn\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_name_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`user_email_rdn_key\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_global_configuration_ldap_deleted_at\` (\`deleted_at\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>
@@ -11477,492 +11603,523 @@ exports[`SqlAnalyze/SQLManage should get analyze data from origin 3`] = `
                   <section
                     class="basic-cont-wrapper sql-cont"
                   >
-                    <pre>
-                      <span
-                        class="hljs-keyword"
-                      >
-                        CREATE
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
+                    <div
+                      class="css-4mzo37"
+                    >
+                      <div
+                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line margin-bottom-0 css-dev-only-do-not-override-txh9fw"
                       >
-                        TABLE
-                      </span>
-                       \`execute_sql_detail\` (
+                        <span>
+                          <span
+                            class="hljs-keyword"
+                          >
+                            CREATE
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            TABLE
+                          </span>
+                           \`execute_sql_detail\` (
   \`id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NOT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                       AUTO_INCREMENT,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NOT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                           AUTO_INCREMENT,
   \`created_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`updated_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        ON
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        UPDATE
-                      </span>
-                       
-                      <span
-                        class="hljs-built_in"
-                      >
-                        CURRENT_TIMESTAMP
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            ON
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            UPDATE
+                          </span>
+                           
+                          <span
+                            class="hljs-built_in"
+                          >
+                            CURRENT_TIMESTAMP
+                          </span>
+                          ,
   \`deleted_at\` datetime 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`task_id\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`number\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        int
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        10
-                      </span>
-                      ) unsigned 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            int
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            10
+                          </span>
+                          ) unsigned 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`content\` longtext 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`description\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`start_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`start_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_file\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`end_binlog_pos\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`row_affects\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        bigint
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        20
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            bigint
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            20
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`exec_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`exec_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_status\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-string"
-                      >
-                        'initialized'
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-string"
+                          >
+                            'initialized'
+                          </span>
+                          ,
   \`audit_result\` text 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci,
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci,
   \`audit_fingerprint\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        char
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        32
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            char
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            32
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   \`audit_level\` 
-                      <span
-                        class="hljs-type"
-                      >
-                        varchar
-                      </span>
-                      (
-                      <span
-                        class="hljs-number"
-                      >
-                        255
-                      </span>
-                      ) 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                       utf8mb4_unicode_ci 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        NULL
-                      </span>
-                      ,
+                          <span
+                            class="hljs-type"
+                          >
+                            varchar
+                          </span>
+                          (
+                          <span
+                            class="hljs-number"
+                          >
+                            255
+                          </span>
+                          ) 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                           utf8mb4_unicode_ci 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            NULL
+                          </span>
+                          ,
   
-                      <span
-                        class="hljs-keyword"
-                      >
-                        PRIMARY
-                      </span>
-                       KEY (\`id\`),
+                          <span
+                            class="hljs-keyword"
+                          >
+                            PRIMARY
+                          </span>
+                           KEY (\`id\`),
   KEY \`idx_execute_sql_detail_deleted_at\` (\`deleted_at\`),
   KEY \`idx_execute_sql_detail_task_id\` (\`task_id\`),
   KEY \`idx_execute_sql_detail_audit_fingerprint\` (\`audit_fingerprint\`)
 ) ENGINE
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      InnoDB AUTO_INCREMENT
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      <span
-                        class="hljs-number"
-                      >
-                        4
-                      </span>
-                       
-                      <span
-                        class="hljs-keyword"
-                      >
-                        DEFAULT
-                      </span>
-                       CHARSET
-                      <span
-                        class="hljs-operator"
-                      >
-                        =
-                      </span>
-                      utf8mb4 
-                      <span
-                        class="hljs-keyword"
-                      >
-                        COLLATE
-                      </span>
-                      <span
-                        class="hljs-operator"
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          InnoDB AUTO_INCREMENT
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          <span
+                            class="hljs-number"
+                          >
+                            4
+                          </span>
+                           
+                          <span
+                            class="hljs-keyword"
+                          >
+                            DEFAULT
+                          </span>
+                           CHARSET
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4 
+                          <span
+                            class="hljs-keyword"
+                          >
+                            COLLATE
+                          </span>
+                          <span
+                            class="hljs-operator"
+                          >
+                            =
+                          </span>
+                          utf8mb4_unicode_ci
+                        </span>
+                      </div>
+                      <div
+                        class="css-1s8kb8e"
                       >
-                        =
-                      </span>
-                      utf8mb4_unicode_ci
-                    </pre>
+                        <span
+                          aria-label="copy"
+                          class="anticon anticon-copy"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="copy"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
                   </section>
                 </div>
               </div>