+ {
+ conn.setActiveConnection(c);
+ setActiveMobileTab('editor');
+ }}
+ onDeleteConnection={() => {}}
+ onAddConnection={() => {}}
+ />
+
+ )}
+
+ {/* Mobile: Schema Tab */}
+ {activeMobileTab === 'schema' && (
+
+
+ Connections
+
+ {conn.activeConnection ? (
+ {
+ onTableClick(tableName);
+ setActiveMobileTab('editor');
+ }}
+ onGenerateSelect={(tableName) => {
+ tabMgr.handleGenerateSelect(tableName);
+ setActiveMobileTab('editor');
+ }}
+ onCreateTableClick={() => {}}
+ isAdmin={false}
+ onOpenMaintenance={() => {}}
+ databaseType={conn.activeConnection?.type}
+ metadata={null}
+ onProfileTable={features.codeGenerator ? (name) => setProfilerTable(name) : undefined}
+ onGenerateCode={features.codeGenerator ? (name) => setCodeGenTable(name) : undefined}
+ onGenerateTestData={features.testDataGenerator ? (name) => setTestDataTable(name) : undefined}
+ />
+ ) : (
+
+ )}
+
+ {/* Editor + Results */}
+
+
+ )}
+ Select a connection first
+
+
+
+
+
+ {}}
+ maskingEnabled={false}
+ onToggleMasking={undefined}
+ userRole={currentUser?.role}
+ maskingConfig={{ enabled: false, mode: 'partial', patterns: [] }}
+ editingEnabled={false}
+ pendingChanges={[]}
+ onCellChange={() => {}}
+ onApplyChanges={() => {}}
+ onDiscardChanges={() => {}}
+ onExecuteQuery={(q) => queryExec.executeQuery(q)}
+ onLoadQuery={(q) => tabMgr.updateCurrentTab({ query: q })}
+ onLoadMore={
+ tabMgr.currentTab.result?.pagination?.hasMore
+ ? queryExec.handleLoadMore
+ : undefined
+ }
+ isLoadingMore={tabMgr.currentTab.isLoadingMore}
+ onExportResults={exportResults}
+ />
+
+
+
+
+ setIsSaveQueryModalOpen(true) : undefined}
+ onExecuteQuery={() => queryExec.executeQuery()}
+ onCancelQuery={queryExec.cancelQuery}
+ onBeginTransaction={() => {}}
+ onCommitTransaction={() => {}}
+ onRollbackTransaction={() => {}}
+ onTogglePlayground={() => {}}
+ onToggleEditing={() => {}}
+ onImport={features.dataImport ? () => setIsImportModalOpen(true) : undefined}
+ />
+
+
+ tabMgr.updateTabById(tabMgr.currentTab.id, { query: val })}
+ language={tabMgr.currentTab.type === 'mongodb' ? 'json' : 'sql'}
+ tables={conn.tableNames}
+ databaseType={conn.activeConnection?.type}
+ schemaContext={conn.schemaContext}
+ capabilities={undefined}
+ />
+
+