cx-chat 0.0.1

package/src/views/page-menus/model-metadata/manage/components/submit-edit.tsx

@@ -0,0 +1,276 @@
+import {
+  getModelMetadataDetailAPI,
+  getModelMetadataItemInfoAPI,
+  updateModelMetadataItemInfoAPI,
+} from '@api/menus/model-metadata/manage'
+import { useToast } from '@/contexts/ToastContext'
+import { useModalSubmit } from '@/hooks/useModalSubmit'
+import { CxButton, CxTabs } from '@cx-ui'
+import { Spin } from 'antd'
+import { ChevronLeft, Database } from 'lucide-react'
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNavigate, useParams } from 'react-router-dom'
+
+import {
+  buildModelMetadataPayloadParts,
+  validateModelMetadataItemDetail,
+} from '../hooks/model-metadata-submit-shared'
+import { useModelMetadataItemState } from '../hooks/use-model-metadata-item-state'
+import Step2Schema from './step2-schema'
+import Step3Permissions from './step3-permissions'
+import Step4Documents from './step4-documents'
+import Step5ExampleSql from './step5-example-sql'
+
+type SubmitEditProps = {
+  /** 由 submit 入口从 path/useParams 解析后传入，避免扁平动态路由下 useParams 为空 */
+  metadataId?: string
+}
+
+function ModelMetadataSubmitEditView({ metadataId: metadataIdProp }: SubmitEditProps) {
+  const { showToast } = useToast()
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+  const { id: paramId } = useParams<{ id: string }>()
+  const id = metadataIdProp ?? paramId
+  const { submitting, handleSubmit } = useModalSubmit()
+
+  const [detailLoading, setDetailLoading] = useState(false)
+  const [subject, setSubject] = useState('')
+  const [basicFields, setBasicFields] = useState<Record<string, any>>({})
+  const {
+    tables,
+    setTables,
+    permissions,
+    setPermissions,
+    documents,
+    setDocuments,
+    exampleSqlList,
+    setExampleSqlList,
+  } = useModelMetadataItemState()
+  const [activeTab, setActiveTab] = useState('schema')
+
+  const loadData = useCallback(async () => {
+    if (!id) return
+    setDetailLoading(true)
+    try {
+      const [basicRes, itemRes] = await Promise.all([
+        getModelMetadataDetailAPI(id),
+        getModelMetadataItemInfoAPI(id),
+      ])
+      const data = (basicRes as any)?.data
+      const item = (itemRes as any)?.data
+      if (data) {
+        setSubject(String(data.subject ?? '').trim())
+        setBasicFields({
+          subject: data.subject,
+          databaseName: data.databaseName,
+          dbType: data.dbType,
+          host: data.host,
+          port: data.port,
+          dbSchema: data.dbSchema,
+          username: data.username,
+          charsetName: data.charsetName,
+          optionsJson: data.optionsJson,
+        })
+      }
+      if (item) {
+        setTables(item.tables || [])
+        setPermissions(
+          (item.permissions || []).map((p: any) => ({
+            id: p.id,
+            permissionName: p.permissionName ?? '',
+            permissionColumns: Array.isArray(p.permissionColumns) ? p.permissionColumns : [],
+          })),
+        )
+        setDocuments(item.documents || [])
+        setExampleSqlList(item.exampleSqlList || [])
+      } else {
+        setTables([])
+        setPermissions([])
+        setDocuments([])
+        setExampleSqlList([])
+      }
+    } catch (e) {
+      console.error(e)
+      showToast(t('common.operation_failed'), 'error')
+    } finally {
+      setDetailLoading(false)
+    }
+  }, [id, showToast, t])
+
+  useEffect(() => {
+    void loadData()
+  }, [loadData])
+
+  const handleBack = () => {
+    navigate(-1)
+  }
+
+  const onSubmit = async () => {
+    if (!id) return
+
+    const detailErr = validateModelMetadataItemDetail({
+      tables,
+      permissions,
+      documents,
+      exampleSqlList,
+    })
+    if (detailErr) {
+      showToast(t(`menus.model_metadata.manage.rules.${detailErr}`), 'warning')
+      return
+    }
+
+    const { tablesPayload, permissionsPayload, documents: docOut, exampleSqlList: sqlOut } =
+      buildModelMetadataPayloadParts({
+        tables,
+        permissions,
+        documents,
+        exampleSqlList,
+      })
+
+    const itemBody = {
+      tables: tablesPayload,
+      permissions: permissionsPayload,
+      documents: docOut,
+      exampleSqlList: sqlOut,
+    }
+
+    await handleSubmit({
+      opeType: 'edit',
+      validate: async () => itemBody,
+      editAPI: (payload) => updateModelMetadataItemInfoAPI({ ...payload, id }),
+      successMessage: {
+        edit: t('common.edit_success'),
+      },
+      onSuccess: async () => {
+        navigate(-1)
+      },
+    })
+  }
+
+  const tabItems = useMemo(
+    () => [
+      {
+        key: 'schema',
+        label: t('menus.model_metadata.manage.step2_title'),
+        children: (
+          <div className="flex h-full min-h-0 flex-1 flex-col overflow-hidden">
+            <Step2Schema
+              connectionParams={basicFields}
+              tables={tables}
+              onTablesChange={setTables}
+              isEdit
+              currentStep={1}
+              previewNonce={0}
+            />
+          </div>
+        ),
+      },
+      {
+        key: 'perm',
+        label: t('menus.model_metadata.manage.step3_title'),
+        children: (
+          <div className="flex h-full min-h-0 flex-1 flex-col overflow-hidden">
+            <Step3Permissions
+              permissions={permissions}
+              onPermissionsChange={setPermissions}
+              tables={tables}
+            />
+          </div>
+        ),
+      },
+      {
+        key: 'doc',
+        label: t('menus.model_metadata.manage.step4_title'),
+        children: (
+          <div className="flex h-full min-h-0 flex-1 flex-col overflow-hidden">
+            <Step4Documents documents={documents} onDocumentsChange={setDocuments} />
+          </div>
+        ),
+      },
+      {
+        key: 'sql',
+        label: t('menus.model_metadata.manage.step5_title'),
+        children: (
+          <div className="flex h-full min-h-0 flex-1 flex-col overflow-hidden">
+            <Step5ExampleSql
+              exampleSqlList={exampleSqlList}
+              onExampleSqlListChange={setExampleSqlList}
+            />
+          </div>
+        ),
+      },
+    ],
+    [t, basicFields, tables, permissions, documents, exampleSqlList],
+  )
+
+  if (!id) {
+    return (
+      <div className="flex flex-1 items-center justify-center p-8 text-sm text-gray-500">
+        {t('common.no_data')}
+      </div>
+    )
+  }
+
+  return (
+    <div className="flex h-full min-h-0 w-full min-w-0 flex-col bg-white">
+      <div className="w-full min-w-0 shrink-0 bg-white px-6 pb-2 pt-5">
+        <div className="flex items-center justify-between gap-3">
+          <div className="flex min-w-0 flex-1 items-center gap-3">
+            <CxButton.Icon
+              className="!p-2.5 shrink-0 rounded-lg border border-solid border-gray-300 bg-white shadow-sm"
+              type="default"
+              icon={<ChevronLeft size={22} strokeWidth={2.25} />}
+              onClick={handleBack}
+              title={t('common.back')}
+              tooltipTone="default"
+            />
+            <h1 className="flex min-w-0 flex-wrap items-center gap-3 bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-3xl font-bold text-transparent">
+              <Database className="shrink-0 text-blue-400" size={32} aria-hidden />
+              <span className="min-w-0">{t('menus.model_metadata.manage.edit')}</span>
+              {subject ? (
+                <span className="text-lg font-normal text-gray-600 dark:text-gray-300" title={subject}>
+                  （{subject}）
+                </span>
+              ) : null}
+            </h1>
+          </div>
+        </div>
+      </div>
+
+      <div className="flex min-h-0 w-full min-w-0 flex-1 flex-col overflow-hidden bg-white px-5 pb-3 pt-0">
+        {detailLoading ? (
+          <div className="flex flex-1 items-center justify-center py-16">
+            <Spin size="large" />
+          </div>
+        ) : (
+          <div className="mx-auto flex h-full min-h-0 w-full min-w-0 flex-1 flex-col overflow-hidden rounded-lg bg-white px-3 pb-3 pt-0 md:px-4 md:pb-4">
+            <CxTabs
+              activeKey={activeTab}
+              onChange={setActiveTab}
+              items={tabItems}
+              className="flex min-h-0 flex-1 flex-col [&_.ant-tabs-nav]:!mt-0 [&_.ant-tabs-nav]:shrink-0 [&_.ant-tabs-content-holder]:min-h-0 [&_.ant-tabs-content-holder]:flex-1 [&_.ant-tabs-content]:h-full [&_.ant-tabs-content]:min-h-0 [&_.ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden)]:flex [&_.ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden)]:min-h-0 [&_.ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden)]:h-full [&_.ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden)]:flex-1 [&_.ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden)]:flex-col"
+            />
+          </div>
+        )}
+      </div>
+
+      <div className="shrink-0 border-t border-gray-200 bg-white px-5 py-3">
+        <div className="mx-auto flex max-w-6xl justify-between">
+          <CxButton onClick={handleBack}>{t('common.cancel')}</CxButton>
+          <CxButton
+            type="primary"
+            disabled={detailLoading}
+            loading={submitting}
+            onClick={() => void onSubmit()}
+          >
+            {t('common.submit')}
+          </CxButton>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default ModelMetadataSubmitEditView

package/src/views/page-menus/model-metadata/manage/detail.tsx

@@ -0,0 +1,298 @@
+import {
+  getModelMetadataDetailAPI,
+  getModelMetadataItemInfoAPI,
+} from '@api/menus/model-metadata/manage'
+import { useAuth } from '@/contexts/AuthContext'
+import { useRouter } from '@/hooks/useRouter'
+import { CxButton, CxTable, CxTabs } from '@cx-ui'
+import { Spin } from 'antd'
+import { ChevronLeft, Database } from 'lucide-react'
+import { useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNavigate, useParams } from 'react-router-dom'
+import { CodeView } from '@/components/common/code-view'
+import MetadataDetailSchemaTab from './components/metadata-detail-schema-tab'
+
+type ItemBundle = {
+  tables: any[]
+  permissions: any[]
+  documents: any[]
+  exampleSqlList: any[]
+}
+
+function ModelMetadataDetailView() {
+  const { t } = useTranslation()
+  const { id } = useParams<{ id: string }>()
+  const navigate = useNavigate()
+  const router = useRouter()
+  const { hasPermission } = useAuth()
+  const [loading, setLoading] = useState(() => Boolean(id))
+  const [subject, setSubject] = useState('')
+  /** 与列表编辑一致：启用态不展示编辑 */
+  const [rowStatus, setRowStatus] = useState<number | undefined>(undefined)
+  const [itemBundle, setItemBundle] = useState<ItemBundle>({
+    tables: [],
+    permissions: [],
+    documents: [],
+    exampleSqlList: [],
+  })
+
+  useEffect(() => {
+    if (!id) return
+    let cancelled = false
+    ;(async () => {
+      setLoading(true)
+      try {
+        const [basicRes, itemRes] = await Promise.all([
+          getModelMetadataDetailAPI(id),
+          getModelMetadataItemInfoAPI(id),
+        ])
+        const basic = (basicRes as any)?.data
+        const item = (itemRes as any)?.data
+        if (cancelled) return
+        setSubject(String(basic?.subject ?? '').trim())
+        setRowStatus(
+          basic?.status !== undefined && basic?.status !== null ? Number(basic.status) : undefined,
+        )
+        setItemBundle({
+          tables: Array.isArray(item?.tables) ? item.tables : [],
+          permissions: Array.isArray(item?.permissions) ? item.permissions : [],
+          documents: Array.isArray(item?.documents) ? item.documents : [],
+          exampleSqlList: Array.isArray(item?.exampleSqlList) ? item.exampleSqlList : [],
+        })
+      } catch (e) {
+        console.error(e)
+        if (!cancelled) {
+          setSubject('')
+          setRowStatus(undefined)
+          setItemBundle({ tables: [], permissions: [], documents: [], exampleSqlList: [] })
+        }
+      } finally {
+        if (!cancelled) setLoading(false)
+      }
+    })()
+    return () => {
+      cancelled = true
+    }
+  }, [id])
+
+  const handleBack = () => {
+    navigate(-1)
+  }
+
+  const isEnabled = rowStatus !== undefined && Number(rowStatus) === 1
+  const canShowEdit =
+    (hasPermission('model-metadata:edit') || hasPermission('model-metadata:edit-item')) &&
+    Boolean(id) &&
+    !loading &&
+    !isEnabled
+
+  const permissionColumns = useMemo(
+    () => [
+      {
+        title: t('menus.model_metadata.manage.fields.permissionName'),
+        key: 'permissionName',
+        width: 200,
+        render: (v: unknown) => v ?? '-',
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.permissionColumns'),
+        key: 'permissionColumns',
+        minWidth: 280,
+        render: (_: unknown, row: any) =>
+          Array.isArray(row.permissionColumns) && row.permissionColumns.length
+            ? row.permissionColumns.join(', ')
+            : '—',
+      },
+    ],
+    [t],
+  )
+
+  const documentColumns = useMemo(
+    () => [
+      {
+        title: t('menus.model_metadata.manage.fields.docName'),
+        key: 'name',
+        width: 140,
+        render: (v: unknown) => v ?? '-',
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.docCode'),
+        key: 'code',
+        width: 120,
+        render: (v: unknown) => v ?? '-',
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.docDescription'),
+        key: 'description',
+        width: 180,
+        ellipsis: true,
+        render: (v: unknown) => v ?? '-',
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.docText'),
+        key: 'text',
+        minWidth: 240,
+        render: (v: unknown) => (
+          <div className="max-h-24 overflow-auto whitespace-pre-wrap break-words text-sm text-gray-800 dark:text-gray-100">
+            {String(v ?? '—')}
+          </div>
+        ),
+      },
+    ],
+    [t],
+  )
+
+  const exampleSqlColumns = useMemo(
+    () => [
+      {
+        title: t('menus.model_metadata.manage.fields.exampleSql'),
+        key: 'exampleSql',
+        minWidth: 320,
+        render: (v: unknown) => (
+          <div className="max-h-80 min-w-0 max-w-full overflow-hidden">
+            <CodeView.SQL maxHeight={280}>{String(v ?? '—')}</CodeView.SQL>
+          </div>
+        ),
+      },
+      {
+        title: t('menus.model_metadata.manage.fields.exampleSqlDescription'),
+        key: 'description',
+        width: 200,
+        ellipsis: true,
+        render: (v: unknown) => v ?? '-',
+      },
+    ],
+    [t],
+  )
+
+  const tabItems = useMemo(
+    () => [
+      {
+        key: 'schema',
+        label: t('menus.model_metadata.manage.step2_title'),
+        children: (
+          <div className="flex h-full min-h-0 flex-1 flex-col overflow-hidden">
+            <MetadataDetailSchemaTab tables={itemBundle.tables} />
+          </div>
+        ),
+      },
+      {
+        key: 'perm',
+        label: t('menus.model_metadata.manage.step3_title'),
+        children: (
+          <div className="min-h-0 flex-1 overflow-hidden">
+            {itemBundle.permissions.length ? (
+              <CxTable
+                className="min-w-0 w-full"
+                autoScrollY
+                minScrollY={200}
+                columns={permissionColumns}
+                dataSource={itemBundle.permissions}
+                rowKey={(r: any, i: number) => String(r.id ?? i)}
+                pagination={false}
+                scroll={{ x: true }}
+              />
+            ) : (
+              <div className="rounded-lg border border-dashed border-gray-300 py-12 text-center text-sm text-gray-400 dark:border-gray-600">
+                {t('common.no_data')}
+              </div>
+            )}
+          </div>
+        ),
+      },
+      {
+        key: 'doc',
+        label: t('menus.model_metadata.manage.step4_title'),
+        children: (
+          <div className="min-h-0 flex-1 overflow-hidden">
+            <CxTable
+              className="min-w-0 w-full"
+              autoScrollY
+              minScrollY={200}
+              columns={documentColumns}
+              dataSource={itemBundle.documents}
+              rowKey={(r: any, i: number) => String(r.id ?? i)}
+              pagination={false}
+              scroll={{ x: true }}
+            />
+          </div>
+        ),
+      },
+      {
+        key: 'sql',
+        label: t('menus.model_metadata.manage.step5_title'),
+        children: (
+          <div className="min-h-0 flex-1 overflow-hidden">
+            <CxTable
+              className="min-w-0 w-full"
+              autoScrollY
+              minScrollY={200}
+              columns={exampleSqlColumns}
+              dataSource={itemBundle.exampleSqlList}
+              rowKey={(r: any, i: number) => String(r.id ?? i)}
+              pagination={false}
+              scroll={{ x: true }}
+            />
+          </div>
+        ),
+      },
+    ],
+    [t, itemBundle, permissionColumns, documentColumns, exampleSqlColumns],
+  )
+
+  return (
+    <div className="flex h-full w-full min-w-0 flex-col bg-white">
+      <div className="w-full min-w-0 shrink-0 bg-white px-6 pb-2 pt-5">
+        <div className="flex items-center justify-between gap-3">
+          <div className="flex min-w-0 flex-1 items-center gap-3">
+            <CxButton.Icon
+              className="!p-2.5 shrink-0 rounded-lg border border-solid border-gray-300 bg-white shadow-sm"
+              type="default"
+              icon={<ChevronLeft size={22} strokeWidth={2.25} />}
+              onClick={handleBack}
+              title={t('common.back')}
+              tooltipTone="default"
+            />
+            <h1 className="flex min-w-0 flex-wrap items-center gap-3 bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-3xl font-bold text-transparent">
+              <Database className="shrink-0 text-blue-400" size={32} aria-hidden />
+              <span className="min-w-0">{t('menus.model_metadata.manage.detail')}</span>
+              {subject ? (
+                <span className="text-lg font-normal text-gray-600 dark:text-gray-300" title={subject}>
+                  （{subject}）
+                </span>
+              ) : null}
+            </h1>
+          </div>
+          {canShowEdit ? (
+            <CxButton
+              type="primary"
+              className="shrink-0"
+              onClick={() => router.toEdit({ state: { editId: id } })}
+            >
+              {t('common.edit')}
+            </CxButton>
+          ) : null}
+        </div>
+      </div>
+
+      <div className="flex w-full min-w-0 flex-1 flex-col overflow-hidden bg-white px-5 pb-3 pt-0">
+        {loading ? (
+          <div className="flex flex-1 items-center justify-center py-16">
+            <Spin size="large" />
+          </div>
+        ) : (
+          <div className="mx-auto flex h-full min-h-0 w-full min-w-0 flex-1 flex-col overflow-hidden rounded-lg bg-white px-3 pb-3 pt-0 md:px-4 md:pb-4">
+            <CxTabs
+              defaultActiveKey="schema"
+              items={tabItems}
+              className="flex min-h-0 flex-1 flex-col [&_.ant-tabs-nav]:!mt-0 [&_.ant-tabs-content-holder]:min-h-0 [&_.ant-tabs-content-holder]:flex-1 [&_.ant-tabs-content]:h-full [&_.ant-tabs-tabpane]:h-full"
+            />
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+export default ModelMetadataDetailView

package/src/views/page-menus/model-metadata/manage/hooks/model-metadata-submit-shared.ts

@@ -0,0 +1,113 @@
+import { validPermissionColumnValues } from '../components/step3-permissions'
+import {
+  isEmptyForeignKeyRow,
+  isEmptyIndexRow,
+  normalizeFkColumnsForSubmit,
+  normalizeIndexColumnsForSubmit,
+  validateForeignKeysInTables,
+  validateIndexesInTables,
+} from '../modal/table-submit-modal'
+
+function isBlank(v: unknown) {
+  return v == null || String(v).trim() === ''
+}
+
+/** 允许 0 行；只要有行则 name / code / text 必填 */
+export function validateDocumentsForSubmit(documents: { name?: string; code?: string; text?: string }[]) {
+  for (const d of documents) {
+    if (isBlank(d.name)) return 'doc_name_required'
+    if (isBlank(d.code)) return 'doc_code_required'
+    if (isBlank(d.text)) return 'doc_text_required'
+  }
+  return null
+}
+
+/** 允许 0 行；只要有行则 exampleSql 必填 */
+export function validateExampleSqlListForSubmit(list: { exampleSql?: string }[]) {
+  for (const row of list) {
+    if (isBlank(row.exampleSql)) return 'example_sql_required'
+  }
+  return null
+}
+
+/** 允许 0 行；只要有行则 permissionName 必填 */
+export function validatePermissionsForSubmit(rows: { permissionName?: string }[]) {
+  for (const row of rows) {
+    if (isBlank(row.permissionName)) return 'permission_name_required'
+  }
+  return null
+}
+
+/** 新增第一步汇总后的主表字段是否齐全 */
+export function validateAddBasicFieldsPresent(basicFields: Record<string, any>) {
+  const requiredKeys = ['subject', 'databaseName', 'dbType', 'host', 'port']
+  return !requiredKeys.some((k) => basicFields[k] === undefined || basicFields[k] === '')
+}
+
+export type ModelMetadataItemDetailInput = {
+  tables: any[]
+  permissions: any[]
+  documents: any[]
+  exampleSqlList: any[]
+}
+
+/** 权限 / 文档 / 示例 SQL / 索引 / 外键 等明细校验，通过返回 `null`，否则为 `menus.model_metadata.manage.rules.*` 的 key 后缀 */
+export function validateModelMetadataItemDetail(input: ModelMetadataItemDetailInput): string | null {
+  const permErr = validatePermissionsForSubmit(input.permissions)
+  if (permErr) return permErr
+  const docErr = validateDocumentsForSubmit(input.documents)
+  if (docErr) return docErr
+  const sqlErr = validateExampleSqlListForSubmit(input.exampleSqlList)
+  if (sqlErr) return sqlErr
+  const ixErr = validateIndexesInTables(input.tables)
+  if (ixErr) return ixErr
+  const fkErr = validateForeignKeysInTables(input.tables)
+  if (fkErr) return fkErr
+  return null
+}
+
+/** 组装提交用 tables / permissions（与新增、编辑明细接口一致） */
+export function buildModelMetadataPayloadParts(input: ModelMetadataItemDetailInput) {
+  const { tables, permissions, documents, exampleSqlList } = input
+  const validPermCols = validPermissionColumnValues(tables)
+  const permissionsPayload = permissions.map((p: any) => {
+    const cols = (p.permissionColumns || []).filter((c: string) => validPermCols.has(c))
+    const row: Record<string, unknown> = {
+      permissionName: p.permissionName,
+      permissionColumns: cols,
+    }
+    if (p.id != null && String(p.id).trim() !== '') row.id = p.id
+    return row
+  })
+
+  const tablesPayload = tables.map((tb: any) => {
+    const { _clientId: _c, ...rest } = tb
+    return {
+      ...rest,
+      columns: (tb.columns || []).map((col: any) => ({
+        ...col,
+        privacyFlag: col.privacyFlag === 1 ? 1 : 0,
+      })),
+      indexes: (tb.indexes || [])
+        .filter((ix: any) => !isEmptyIndexRow(ix))
+        .map((ix: any) => ({
+          ...ix,
+          isUnique: (ix as any).isUnique === 1 ? 1 : 0,
+          indexColumns: normalizeIndexColumnsForSubmit(ix.indexColumns),
+        })),
+      foreignKeys: (tb.foreignKeys || [])
+        .filter((fk: any) => !isEmptyForeignKeyRow(fk))
+        .map((fk: any) => ({
+          ...fk,
+          fkColumns: normalizeFkColumnsForSubmit(fk.fkColumns),
+        })),
+    }
+  })
+
+  return {
+    tablesPayload,
+    permissionsPayload,
+    documents,
+    exampleSqlList,
+  }
+}