feat: data reflection preps (#10227)

* feat: integration hooks

* feat: data reflection

* feat: improved UX for data reflection

* chore: lint

* fix(nc-gui): update nocodb integration ui

* fix(nocodb): type error

* fix(nc-gui): nocodb integration icon and modal gap issue

* fix: defer integration hooks

* fix: check proper state

* refactor(nc-gui): integration modal

* refactor(nc-gui): integration modal ui changes

* refactor: change default port

* fix(nc-gui): add base id copy input

* fix(nc-gui): schema dropdown placement and item height issue

* fix(nc-gui): nocodb connection bg color issue

* fix(nc-gui): update nocodb integration count and user logo

* fix: rspack keep class

* feat: get connection menu item

* chore: rebase issue

* fix: hide nc from sources

* feat: move data reflection to model level

* fix: remove deprecated fn & fix type errors

* feat: reflection settings

* feat: feature flag for data reflection

* refactor: avoid save on feature flags

* fix: properly show host

* fix: PR requested changes

* fix: use named parameters for queries

---------

Co-authored-by: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>

packages/nc-gui/components/workspace/integrations/EditOrAdd.vue

@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { IntegrationCategoryType, SyncDataType } from '#imports'
+
 const props = defineProps<{ loadDatasourceInfo?: boolean; baseId?: string }>()
 
 const { loadDatasourceInfo, baseId } = toRefs(props)
@@ -44,7 +46,10 @@ const activeIntegrationType = computed(() => {
     wrap-class-name="nc-modal-edit-or-add-integration"
     @keydown.esc="isEditOrAddIntegrationModalOpen = false"
   >
-    <div v-if="activeIntegrationType === IntegrationCategoryType.DATABASE" class="h-full">
+    <div
+      v-if="activeIntegrationType === IntegrationCategoryType.DATABASE && activeIntegration?.sub_type !== SyncDataType.NOCODB"
+      class="h-full"
+    >
       <WorkspaceIntegrationsFormsEditOrAddDatabase
         v-model:open="isEditOrAddIntegrationModalOpen"
         :connection-type="activeIntegrationSubType"
@@ -52,11 +57,11 @@ const activeIntegrationType = computed(() => {
         :base-id="baseId"
       />
     </div>
-    <div v-else-if="activeIntegrationType === IntegrationCategoryType.AI" class="h-full">
+    <div v-else class="h-full">
       <WorkspaceIntegrationsFormsEditOrAddCommon
         v-model:open="isEditOrAddIntegrationModalOpen"
         :integration-type="activeIntegrationItem?.type"
-        :integration-sub-type="activeIntegrationItem?.subType"
+        :integration-sub-type="activeIntegrationItem?.sub_type"
         :load-datasource-info="loadDatasourceInfo"
         :base-id="baseId"
       />