@libredb/studio 0.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (572) hide show
  1. package/.claude/settings.local.json +127 -0
  2. package/.cursorrules +426 -0
  3. package/.devin/wiki.json +143 -0
  4. package/.dockerignore +80 -0
  5. package/.env.example +159 -0
  6. package/.github/ISSUE_TEMPLATE/bug_report.md +49 -0
  7. package/.github/ISSUE_TEMPLATE/feature_request.md +29 -0
  8. package/.github/PULL_REQUEST_TEMPLATE.md +57 -0
  9. package/.github/workflows/ci.yml +185 -0
  10. package/.github/workflows/codeql.yml +57 -0
  11. package/.github/workflows/docker-build-push.yml +118 -0
  12. package/.github/workflows/helm-release.yml +113 -0
  13. package/CLAUDE.md +265 -0
  14. package/CODE_OF_CONDUCT.md +124 -0
  15. package/CONTRIBUTING.md +154 -0
  16. package/Dockerfile +73 -0
  17. package/LICENSE +21 -0
  18. package/README.md +614 -0
  19. package/SECURITY.md +107 -0
  20. package/artifacthub-repo.yml +4 -0
  21. package/bun.lock +1714 -0
  22. package/bunfig.toml +3 -0
  23. package/charts/libredb-studio/.helmignore +11 -0
  24. package/charts/libredb-studio/Chart.lock +6 -0
  25. package/charts/libredb-studio/Chart.yaml +50 -0
  26. package/charts/libredb-studio/README.md +206 -0
  27. package/charts/libredb-studio/templates/NOTES.txt +59 -0
  28. package/charts/libredb-studio/templates/_helpers.tpl +135 -0
  29. package/charts/libredb-studio/templates/configmap.yaml +37 -0
  30. package/charts/libredb-studio/templates/deployment.yaml +184 -0
  31. package/charts/libredb-studio/templates/hpa.yaml +32 -0
  32. package/charts/libredb-studio/templates/ingress.yaml +41 -0
  33. package/charts/libredb-studio/templates/networkpolicy.yaml +50 -0
  34. package/charts/libredb-studio/templates/pdb.yaml +18 -0
  35. package/charts/libredb-studio/templates/pvc.yaml +23 -0
  36. package/charts/libredb-studio/templates/secret.yaml +30 -0
  37. package/charts/libredb-studio/templates/seed-configmap.yaml +11 -0
  38. package/charts/libredb-studio/templates/service.yaml +22 -0
  39. package/charts/libredb-studio/templates/serviceaccount.yaml +13 -0
  40. package/charts/libredb-studio/values.schema.json +246 -0
  41. package/charts/libredb-studio/values.yaml +286 -0
  42. package/components.json +22 -0
  43. package/conductor/code_styleguides/typescript.md +43 -0
  44. package/conductor/product-guidelines.md +43 -0
  45. package/conductor/product.md +3 -0
  46. package/conductor/setup_state.json +1 -0
  47. package/conductor/tech-stack.md +39 -0
  48. package/conductor/tracks/enhance_postgres_monitoring_20251227/metadata.json +8 -0
  49. package/conductor/tracks/enhance_postgres_monitoring_20251227/plan.md +44 -0
  50. package/conductor/tracks/enhance_postgres_monitoring_20251227/spec.md +31 -0
  51. package/conductor/tracks.md +8 -0
  52. package/conductor/workflow.md +333 -0
  53. package/database-compose.yml +55 -0
  54. package/docker/postgres-init/01-extensions.sql +10 -0
  55. package/docker/postgres-init/02-sample-data.sql +585 -0
  56. package/docker/postgres.yml +68 -0
  57. package/docker-compose.yml +38 -0
  58. package/docs/AI_PLAN.md +74 -0
  59. package/docs/API_DOCS.md +875 -0
  60. package/docs/ARCHITECTURE.md +218 -0
  61. package/docs/DATABASE_PROVIDERS.md +358 -0
  62. package/docs/FEATURES.md +116 -0
  63. package/docs/HELM_CHART.md +252 -0
  64. package/docs/LOGIN_PAGE.md +178 -0
  65. package/docs/MONACO_EDITOR_PERFORMANCE.md +315 -0
  66. package/docs/OIDC_ARCH.md +681 -0
  67. package/docs/OIDC_SETUP.md +322 -0
  68. package/docs/POSTGRES_METRICS.md +516 -0
  69. package/docs/QUERY_OPTIMIZATION.md +370 -0
  70. package/docs/SEED_CONNECTIONS.md +468 -0
  71. package/docs/SQL_ALIAS_COMPLETION.md +190 -0
  72. package/docs/STORAGE_ARCHITECTURE.md +565 -0
  73. package/docs/STORAGE_QUICK_SETUP.md +419 -0
  74. package/docs/TECHNICAL_PLAN.md +36 -0
  75. package/docs/THEMING.md +345 -0
  76. package/docs/adding-a-new-database-provider.md +642 -0
  77. package/docs/backlogs/000-PLATFORM_DATA_SYNC_DATABASE.md +360 -0
  78. package/docs/backlogs/001-INLINE_DATA_EDITING.md +118 -0
  79. package/docs/backlogs/002-DATA_IMPORT.md +215 -0
  80. package/docs/backlogs/003-QUERY_TIME_MACHINE.md +183 -0
  81. package/docs/backlogs/004-AI_DATA_STORYTELLER.md +292 -0
  82. package/docs/backlogs/005-QUERY_PLAYGROUND.md +352 -0
  83. package/docs/backlogs/006-DATA_MASKING.md +418 -0
  84. package/docs/enterprise-features.md +718 -0
  85. package/docs/kubernetes-helm-chart-artifacthub-plan.md +803 -0
  86. package/docs/medium-koyeb-article-en.md +215 -0
  87. package/docs/plans/test-plans.md +445 -0
  88. package/docs/releases/RELEASE.V0.3.0.md +22 -0
  89. package/docs/releases/RELEASE.V0.4.0.md +154 -0
  90. package/docs/releases/RELEASE.V0.5.0.md +252 -0
  91. package/docs/releases/RELEASE_v0.5.6.md +145 -0
  92. package/docs/releases/RELEASE_v0.6.1.md +303 -0
  93. package/docs/releases/RELEASE_v0.6.7.md +292 -0
  94. package/docs/releases/RELEASE_v0.7.0.md +332 -0
  95. package/docs/releases/RELEASE_v0.8.0.md +521 -0
  96. package/docs/sampledb/titanic.sql +1379 -0
  97. package/docs/superpowers/plans/2026-03-25-seed-connections.md +1362 -0
  98. package/docs/superpowers/specs/2026-03-25-seed-connections-design.md +590 -0
  99. package/e2e/admin-dashboard.spec.ts +64 -0
  100. package/e2e/connection-management.spec.ts +58 -0
  101. package/e2e/export.spec.ts +34 -0
  102. package/e2e/login.spec.ts +85 -0
  103. package/e2e/query-execution.spec.ts +35 -0
  104. package/e2e/tab-management.spec.ts +64 -0
  105. package/eslint.config.mjs +28 -0
  106. package/fly.toml +43 -0
  107. package/next.config.ts +32 -0
  108. package/package.json +130 -0
  109. package/playwright.config.ts +34 -0
  110. package/postcss.config.mjs +7 -0
  111. package/public/favicon-32x32.png +0 -0
  112. package/public/favicon.ico +0 -0
  113. package/public/file.svg +1 -0
  114. package/public/globe.svg +1 -0
  115. package/public/logo.svg +32 -0
  116. package/public/next.svg +1 -0
  117. package/public/screenshots/code-generator.png +0 -0
  118. package/public/screenshots/connection-modal.png +0 -0
  119. package/public/screenshots/data-profiler.png +0 -0
  120. package/public/screenshots/erd-diagram.png +0 -0
  121. package/public/screenshots/hero-editor.png +0 -0
  122. package/public/screenshots/nl2sql.png +0 -0
  123. package/public/vercel.svg +1 -0
  124. package/public/window.svg +1 -0
  125. package/render.yaml +58 -0
  126. package/scripts/merge-lcov.mjs +239 -0
  127. package/sonar-project.properties +16 -0
  128. package/src/app/admin/error.tsx +46 -0
  129. package/src/app/admin/page.tsx +10 -0
  130. package/src/app/api/admin/audit/route.ts +52 -0
  131. package/src/app/api/admin/fleet-health/route.ts +81 -0
  132. package/src/app/api/ai/autopilot/route.ts +105 -0
  133. package/src/app/api/ai/chat/route.ts +132 -0
  134. package/src/app/api/ai/describe-schema/route.ts +52 -0
  135. package/src/app/api/ai/explain/route.ts +86 -0
  136. package/src/app/api/ai/impact/route.ts +97 -0
  137. package/src/app/api/ai/index-advisor/route.ts +98 -0
  138. package/src/app/api/ai/nl2sql/route.ts +87 -0
  139. package/src/app/api/ai/query-safety/route.ts +87 -0
  140. package/src/app/api/auth/login/route.ts +62 -0
  141. package/src/app/api/auth/logout/route.ts +25 -0
  142. package/src/app/api/auth/me/route.ts +10 -0
  143. package/src/app/api/auth/oidc/callback/route.ts +82 -0
  144. package/src/app/api/auth/oidc/login/route.ts +43 -0
  145. package/src/app/api/connections/managed/route.ts +35 -0
  146. package/src/app/api/db/cancel/route.ts +42 -0
  147. package/src/app/api/db/disconnect/route.ts +28 -0
  148. package/src/app/api/db/health/route.ts +49 -0
  149. package/src/app/api/db/maintenance/route.ts +72 -0
  150. package/src/app/api/db/monitoring/route.ts +62 -0
  151. package/src/app/api/db/multi-query/route.ts +116 -0
  152. package/src/app/api/db/pool-stats/route.ts +37 -0
  153. package/src/app/api/db/profile/route.ts +144 -0
  154. package/src/app/api/db/provider-meta/route.ts +49 -0
  155. package/src/app/api/db/query/route.ts +50 -0
  156. package/src/app/api/db/schema/route.ts +47 -0
  157. package/src/app/api/db/schema-snapshot/route.ts +42 -0
  158. package/src/app/api/db/test-connection/route.ts +55 -0
  159. package/src/app/api/db/transaction/route.ts +111 -0
  160. package/src/app/api/storage/[collection]/route.ts +67 -0
  161. package/src/app/api/storage/config/route.ts +17 -0
  162. package/src/app/api/storage/migrate/route.ts +45 -0
  163. package/src/app/api/storage/route.ts +32 -0
  164. package/src/app/error.tsx +49 -0
  165. package/src/app/global-error.tsx +55 -0
  166. package/src/app/globals.css +146 -0
  167. package/src/app/icon.svg +42 -0
  168. package/src/app/layout.tsx +34 -0
  169. package/src/app/login/login-form.tsx +301 -0
  170. package/src/app/login/page.tsx +11 -0
  171. package/src/app/monitoring/page.tsx +8 -0
  172. package/src/app/not-found.tsx +29 -0
  173. package/src/app/page.tsx +5 -0
  174. package/src/components/AIAutopilotPanel.tsx +238 -0
  175. package/src/components/CodeGenerator.tsx +271 -0
  176. package/src/components/CommandPalette.tsx +227 -0
  177. package/src/components/ConnectionModal.tsx +759 -0
  178. package/src/components/CreateTableModal.tsx +281 -0
  179. package/src/components/DataCharts.tsx +962 -0
  180. package/src/components/DataImportModal.tsx +582 -0
  181. package/src/components/DataProfiler.tsx +335 -0
  182. package/src/components/DatabaseDocs.tsx +251 -0
  183. package/src/components/MaskingSettings.tsx +414 -0
  184. package/src/components/MobileNav.tsx +50 -0
  185. package/src/components/NL2SQLPanel.tsx +281 -0
  186. package/src/components/PivotTable.tsx +257 -0
  187. package/src/components/QueryEditor.tsx +760 -0
  188. package/src/components/QueryHistory.tsx +344 -0
  189. package/src/components/QuerySafetyDialog.tsx +290 -0
  190. package/src/components/ResultsGrid.tsx +644 -0
  191. package/src/components/SaveQueryModal.tsx +104 -0
  192. package/src/components/SavedQueries.tsx +128 -0
  193. package/src/components/SchemaDiagram.tsx +473 -0
  194. package/src/components/SchemaDiff.tsx +473 -0
  195. package/src/components/SnapshotTimeline.tsx +116 -0
  196. package/src/components/Studio.tsx +639 -0
  197. package/src/components/TestDataGenerator.tsx +261 -0
  198. package/src/components/VisualExplain.tsx +820 -0
  199. package/src/components/admin/AdminDashboard.tsx +163 -0
  200. package/src/components/admin/tabs/AuditTab.tsx +531 -0
  201. package/src/components/admin/tabs/MonitoringEmbed.tsx +11 -0
  202. package/src/components/admin/tabs/OperationsTab.tsx +646 -0
  203. package/src/components/admin/tabs/OverviewTab.tsx +1328 -0
  204. package/src/components/admin/tabs/SecurityTab.tsx +284 -0
  205. package/src/components/community-section.tsx +92 -0
  206. package/src/components/icons/db-icons.tsx +84 -0
  207. package/src/components/libredb-logo.tsx +61 -0
  208. package/src/components/monitoring/MonitoringDashboard.tsx +345 -0
  209. package/src/components/monitoring/tabs/MetricChart.tsx +82 -0
  210. package/src/components/monitoring/tabs/OverviewTab.tsx +263 -0
  211. package/src/components/monitoring/tabs/PerformanceTab.tsx +254 -0
  212. package/src/components/monitoring/tabs/PoolTab.tsx +174 -0
  213. package/src/components/monitoring/tabs/QueriesTab.tsx +287 -0
  214. package/src/components/monitoring/tabs/SessionsTab.tsx +316 -0
  215. package/src/components/monitoring/tabs/StorageTab.tsx +335 -0
  216. package/src/components/monitoring/tabs/TablesTab.tsx +300 -0
  217. package/src/components/results-grid/ResultCard.tsx +111 -0
  218. package/src/components/results-grid/RowDetailSheet.tsx +178 -0
  219. package/src/components/results-grid/StatsBar.tsx +201 -0
  220. package/src/components/results-grid/index.ts +1 -0
  221. package/src/components/results-grid/utils.ts +23 -0
  222. package/src/components/schema-explorer/ColumnList.tsx +53 -0
  223. package/src/components/schema-explorer/SchemaExplorer.tsx +182 -0
  224. package/src/components/schema-explorer/TableItem.tsx +210 -0
  225. package/src/components/schema-explorer/index.ts +1 -0
  226. package/src/components/sidebar/ConnectionItem.tsx +105 -0
  227. package/src/components/sidebar/ConnectionsList.tsx +62 -0
  228. package/src/components/sidebar/Sidebar.tsx +130 -0
  229. package/src/components/sidebar/index.ts +2 -0
  230. package/src/components/studio/BottomPanel.tsx +286 -0
  231. package/src/components/studio/QueryToolbar.tsx +180 -0
  232. package/src/components/studio/StudioDesktopHeader.tsx +114 -0
  233. package/src/components/studio/StudioMobileHeader.tsx +340 -0
  234. package/src/components/studio/StudioTabBar.tsx +82 -0
  235. package/src/components/studio/index.ts +5 -0
  236. package/src/components/ui/accordion.tsx +66 -0
  237. package/src/components/ui/alert-dialog.tsx +157 -0
  238. package/src/components/ui/alert.tsx +66 -0
  239. package/src/components/ui/aspect-ratio.tsx +11 -0
  240. package/src/components/ui/avatar.tsx +53 -0
  241. package/src/components/ui/badge.tsx +46 -0
  242. package/src/components/ui/breadcrumb.tsx +109 -0
  243. package/src/components/ui/button-group.tsx +83 -0
  244. package/src/components/ui/button.tsx +60 -0
  245. package/src/components/ui/calendar.tsx +216 -0
  246. package/src/components/ui/card.tsx +92 -0
  247. package/src/components/ui/carousel.tsx +241 -0
  248. package/src/components/ui/chart.tsx +357 -0
  249. package/src/components/ui/checkbox.tsx +32 -0
  250. package/src/components/ui/collapsible.tsx +33 -0
  251. package/src/components/ui/command.tsx +184 -0
  252. package/src/components/ui/context-menu.tsx +252 -0
  253. package/src/components/ui/dialog.tsx +143 -0
  254. package/src/components/ui/drawer.tsx +135 -0
  255. package/src/components/ui/dropdown-menu.tsx +257 -0
  256. package/src/components/ui/empty.tsx +104 -0
  257. package/src/components/ui/field.tsx +248 -0
  258. package/src/components/ui/form.tsx +167 -0
  259. package/src/components/ui/hover-card.tsx +44 -0
  260. package/src/components/ui/input-group.tsx +170 -0
  261. package/src/components/ui/input-otp.tsx +77 -0
  262. package/src/components/ui/input.tsx +21 -0
  263. package/src/components/ui/item.tsx +193 -0
  264. package/src/components/ui/kbd.tsx +28 -0
  265. package/src/components/ui/label.tsx +24 -0
  266. package/src/components/ui/menubar.tsx +276 -0
  267. package/src/components/ui/navigation-menu.tsx +168 -0
  268. package/src/components/ui/pagination.tsx +127 -0
  269. package/src/components/ui/popover.tsx +48 -0
  270. package/src/components/ui/progress.tsx +31 -0
  271. package/src/components/ui/radio-group.tsx +45 -0
  272. package/src/components/ui/resizable.tsx +56 -0
  273. package/src/components/ui/scroll-area.tsx +58 -0
  274. package/src/components/ui/select.tsx +187 -0
  275. package/src/components/ui/separator.tsx +28 -0
  276. package/src/components/ui/sheet.tsx +139 -0
  277. package/src/components/ui/sidebar.tsx +726 -0
  278. package/src/components/ui/skeleton.tsx +13 -0
  279. package/src/components/ui/slider.tsx +63 -0
  280. package/src/components/ui/sonner.tsx +40 -0
  281. package/src/components/ui/spinner.tsx +16 -0
  282. package/src/components/ui/switch.tsx +31 -0
  283. package/src/components/ui/table.tsx +116 -0
  284. package/src/components/ui/tabs.tsx +66 -0
  285. package/src/components/ui/textarea.tsx +18 -0
  286. package/src/components/ui/toggle-group.tsx +83 -0
  287. package/src/components/ui/toggle.tsx +47 -0
  288. package/src/components/ui/tooltip.tsx +61 -0
  289. package/src/exports/components.ts +15 -0
  290. package/src/exports/index.ts +4 -0
  291. package/src/exports/providers.ts +4 -0
  292. package/src/exports/types.ts +26 -0
  293. package/src/hooks/use-ai-chat.ts +182 -0
  294. package/src/hooks/use-all-connections.ts +66 -0
  295. package/src/hooks/use-api-call.ts +71 -0
  296. package/src/hooks/use-auth.ts +51 -0
  297. package/src/hooks/use-connection-form.ts +349 -0
  298. package/src/hooks/use-connection-manager.ts +169 -0
  299. package/src/hooks/use-connection-payload.ts +15 -0
  300. package/src/hooks/use-inline-editing.ts +109 -0
  301. package/src/hooks/use-mobile.ts +20 -0
  302. package/src/hooks/use-monitoring-data.ts +270 -0
  303. package/src/hooks/use-provider-metadata.ts +62 -0
  304. package/src/hooks/use-query-execution.ts +478 -0
  305. package/src/hooks/use-storage-sync.ts +259 -0
  306. package/src/hooks/use-tab-manager.ts +231 -0
  307. package/src/hooks/use-toast.ts +20 -0
  308. package/src/hooks/use-transaction-control.ts +64 -0
  309. package/src/lib/api/error-codes.ts +30 -0
  310. package/src/lib/api/errors.ts +236 -0
  311. package/src/lib/api/with-error-handler.ts +41 -0
  312. package/src/lib/audit.ts +105 -0
  313. package/src/lib/auth.ts +87 -0
  314. package/src/lib/connection-string-parser.ts +172 -0
  315. package/src/lib/data-masking.ts +385 -0
  316. package/src/lib/db/base-provider.ts +325 -0
  317. package/src/lib/db/errors.ts +317 -0
  318. package/src/lib/db/factory.ts +324 -0
  319. package/src/lib/db/index.ts +123 -0
  320. package/src/lib/db/providers/document/index.ts +6 -0
  321. package/src/lib/db/providers/document/mongodb.ts +992 -0
  322. package/src/lib/db/providers/keyvalue/redis.ts +554 -0
  323. package/src/lib/db/providers/sql/index.ts +11 -0
  324. package/src/lib/db/providers/sql/mssql.ts +1065 -0
  325. package/src/lib/db/providers/sql/mysql.ts +978 -0
  326. package/src/lib/db/providers/sql/oracle.ts +1044 -0
  327. package/src/lib/db/providers/sql/postgres.ts +1179 -0
  328. package/src/lib/db/providers/sql/sql-base.ts +174 -0
  329. package/src/lib/db/providers/sql/sqlite.ts +721 -0
  330. package/src/lib/db/types.ts +437 -0
  331. package/src/lib/db/utils/pool-manager.ts +287 -0
  332. package/src/lib/db/utils/query-limiter.ts +239 -0
  333. package/src/lib/db-ui-config.ts +86 -0
  334. package/src/lib/editor/mongodb-completions.ts +172 -0
  335. package/src/lib/editor/sql-completions.ts +280 -0
  336. package/src/lib/llm/base-provider.ts +117 -0
  337. package/src/lib/llm/factory.ts +102 -0
  338. package/src/lib/llm/index.ts +90 -0
  339. package/src/lib/llm/providers/custom.ts +181 -0
  340. package/src/lib/llm/providers/gemini.ts +126 -0
  341. package/src/lib/llm/providers/ollama.ts +154 -0
  342. package/src/lib/llm/providers/openai.ts +146 -0
  343. package/src/lib/llm/types.ts +173 -0
  344. package/src/lib/llm/utils/config.ts +187 -0
  345. package/src/lib/llm/utils/retry.ts +119 -0
  346. package/src/lib/llm/utils/streaming.ts +202 -0
  347. package/src/lib/logger.ts +127 -0
  348. package/src/lib/monitoring-thresholds.ts +44 -0
  349. package/src/lib/oidc.ts +262 -0
  350. package/src/lib/query-generators.ts +61 -0
  351. package/src/lib/schema-diff/diff-engine.ts +273 -0
  352. package/src/lib/schema-diff/migration-generator.ts +208 -0
  353. package/src/lib/schema-diff/types.ts +55 -0
  354. package/src/lib/seed/config-loader.ts +79 -0
  355. package/src/lib/seed/connection-filter.ts +49 -0
  356. package/src/lib/seed/credential-resolver.ts +62 -0
  357. package/src/lib/seed/index.ts +40 -0
  358. package/src/lib/seed/resolve-connection.ts +57 -0
  359. package/src/lib/seed/types.ts +69 -0
  360. package/src/lib/sql/alias-extractor.ts +267 -0
  361. package/src/lib/sql/index.ts +8 -0
  362. package/src/lib/sql/statement-splitter.ts +167 -0
  363. package/src/lib/sql/types.ts +40 -0
  364. package/src/lib/ssh/tunnel.ts +142 -0
  365. package/src/lib/storage/factory.ts +84 -0
  366. package/src/lib/storage/index.ts +14 -0
  367. package/src/lib/storage/local-storage.ts +99 -0
  368. package/src/lib/storage/providers/postgres.ts +225 -0
  369. package/src/lib/storage/providers/sqlite.ts +153 -0
  370. package/src/lib/storage/storage-facade.ts +272 -0
  371. package/src/lib/storage/types.ts +75 -0
  372. package/src/lib/time-series-buffer.ts +58 -0
  373. package/src/lib/types.ts +173 -0
  374. package/src/lib/utils.ts +6 -0
  375. package/src/proxy.ts +104 -0
  376. package/src/types/db-drivers.d.ts +23 -0
  377. package/src/types/html2canvas.d.ts +9 -0
  378. package/tests/api/admin/audit.test.ts +178 -0
  379. package/tests/api/admin/fleet-health.test.ts +183 -0
  380. package/tests/api/ai/autopilot.test.ts +174 -0
  381. package/tests/api/ai/chat.test.ts +250 -0
  382. package/tests/api/ai/describe-schema.test.ts +266 -0
  383. package/tests/api/ai/explain.test.ts +199 -0
  384. package/tests/api/ai/impact.test.ts +168 -0
  385. package/tests/api/ai/index-advisor.test.ts +171 -0
  386. package/tests/api/ai/nl2sql.test.ts +202 -0
  387. package/tests/api/ai/query-safety.test.ts +196 -0
  388. package/tests/api/auth/login.test.ts +170 -0
  389. package/tests/api/auth/logout.test.ts +140 -0
  390. package/tests/api/auth/me.test.ts +73 -0
  391. package/tests/api/auth/oidc-callback.test.ts +215 -0
  392. package/tests/api/auth/oidc-login.test.ts +127 -0
  393. package/tests/api/db/cancel.test.ts +198 -0
  394. package/tests/api/db/disconnect.test.ts +124 -0
  395. package/tests/api/db/health.test.ts +222 -0
  396. package/tests/api/db/maintenance.test.ts +263 -0
  397. package/tests/api/db/monitoring.test.ts +221 -0
  398. package/tests/api/db/multi-query.test.ts +316 -0
  399. package/tests/api/db/pool-stats.test.ts +135 -0
  400. package/tests/api/db/profile.test.ts +330 -0
  401. package/tests/api/db/provider-meta.test.ts +193 -0
  402. package/tests/api/db/query.test.ts +314 -0
  403. package/tests/api/db/schema-snapshot.test.ts +170 -0
  404. package/tests/api/db/schema.test.ts +191 -0
  405. package/tests/api/db/test-connection.test.ts +185 -0
  406. package/tests/api/db/transaction.test.ts +314 -0
  407. package/tests/api/proxy.test.ts +191 -0
  408. package/tests/api/seed/managed-route.test.ts +113 -0
  409. package/tests/api/storage/config.test.ts +42 -0
  410. package/tests/api/storage/storage-routes.test.ts +309 -0
  411. package/tests/components/AIAutopilotPanel.test.tsx +756 -0
  412. package/tests/components/AdminPage.test.tsx +33 -0
  413. package/tests/components/CodeGenerator.test.tsx +182 -0
  414. package/tests/components/CommandPalette.test.tsx +428 -0
  415. package/tests/components/CommunitySection.test.tsx +91 -0
  416. package/tests/components/ConnectionModal.mobile.test.tsx +284 -0
  417. package/tests/components/ConnectionModal.test.tsx +570 -0
  418. package/tests/components/CreateTableModal.test.tsx +383 -0
  419. package/tests/components/DataCharts.test.tsx +739 -0
  420. package/tests/components/DataImportModal.test.tsx +751 -0
  421. package/tests/components/DataProfiler.test.tsx +589 -0
  422. package/tests/components/DatabaseDocs.test.tsx +353 -0
  423. package/tests/components/LoginPage.test.tsx +163 -0
  424. package/tests/components/LoginPageOIDC.test.tsx +92 -0
  425. package/tests/components/MaskingSettings.test.tsx +498 -0
  426. package/tests/components/MobileNav.test.tsx +30 -0
  427. package/tests/components/MonitoringPage.test.tsx +32 -0
  428. package/tests/components/NL2SQLPanel.test.tsx +621 -0
  429. package/tests/components/Page.test.tsx +33 -0
  430. package/tests/components/PivotTable.test.tsx +350 -0
  431. package/tests/components/QueryEditor.test.tsx +1730 -0
  432. package/tests/components/QueryHistory.test.tsx +572 -0
  433. package/tests/components/QuerySafetyDialog.test.tsx +586 -0
  434. package/tests/components/ResultsGrid.test.tsx +804 -0
  435. package/tests/components/RootLayout.test.tsx +83 -0
  436. package/tests/components/SaveQueryModal.test.tsx +25 -0
  437. package/tests/components/SavedQueries.test.tsx +43 -0
  438. package/tests/components/SchemaDiagram.test.tsx +1034 -0
  439. package/tests/components/SchemaDiff.test.tsx +906 -0
  440. package/tests/components/SnapshotTimeline.test.tsx +174 -0
  441. package/tests/components/Studio.test.tsx +1030 -0
  442. package/tests/components/TestDataGenerator.test.tsx +291 -0
  443. package/tests/components/VisualExplain.test.tsx +704 -0
  444. package/tests/components/admin/AdminDashboard.test.tsx +205 -0
  445. package/tests/components/admin/AuditTab.test.tsx +220 -0
  446. package/tests/components/admin/MonitoringEmbed.test.tsx +58 -0
  447. package/tests/components/admin/OperationsTab.test.tsx +975 -0
  448. package/tests/components/admin/OverviewTab.test.tsx +254 -0
  449. package/tests/components/admin/SecurityTab.test.tsx +467 -0
  450. package/tests/components/monitoring/MetricChart.test.tsx +111 -0
  451. package/tests/components/monitoring/MonitoringDashboard.test.tsx +259 -0
  452. package/tests/components/monitoring/OverviewTab.test.tsx +78 -0
  453. package/tests/components/monitoring/PerformanceTab.test.tsx +87 -0
  454. package/tests/components/monitoring/PoolTab.test.tsx +42 -0
  455. package/tests/components/monitoring/QueriesTab.test.tsx +80 -0
  456. package/tests/components/monitoring/SessionsTab.test.tsx +154 -0
  457. package/tests/components/monitoring/StorageTab.test.tsx +127 -0
  458. package/tests/components/monitoring/TablesTab.test.tsx +153 -0
  459. package/tests/components/results-grid/ResultCard.test.tsx +105 -0
  460. package/tests/components/results-grid/RowDetailSheet.test.tsx +308 -0
  461. package/tests/components/results-grid/StatsBar.test.tsx +162 -0
  462. package/tests/components/schema-explorer/ColumnList.test.tsx +151 -0
  463. package/tests/components/schema-explorer/SchemaExplorer.test.tsx +461 -0
  464. package/tests/components/schema-explorer/TableItem.test.tsx +415 -0
  465. package/tests/components/sidebar/ConnectionItem.test.tsx +201 -0
  466. package/tests/components/sidebar/ConnectionsList.test.tsx +176 -0
  467. package/tests/components/sidebar/Sidebar.test.tsx +187 -0
  468. package/tests/components/studio/BottomPanel.test.tsx +383 -0
  469. package/tests/components/studio/QueryToolbar.test.tsx +321 -0
  470. package/tests/components/studio/StudioDesktopHeader.test.tsx +377 -0
  471. package/tests/components/studio/StudioMobileHeader.test.tsx +198 -0
  472. package/tests/components/studio/StudioTabBar.test.tsx +331 -0
  473. package/tests/fixtures/connections.ts +96 -0
  474. package/tests/fixtures/masking-configs.ts +86 -0
  475. package/tests/fixtures/query-results.ts +71 -0
  476. package/tests/fixtures/schemas.ts +64 -0
  477. package/tests/fixtures/seed-connections/invalid-config.yaml +7 -0
  478. package/tests/fixtures/seed-connections/minimal-config.yaml +8 -0
  479. package/tests/fixtures/seed-connections/mixed-credentials.yaml +23 -0
  480. package/tests/fixtures/seed-connections/multi-role-config.yaml +30 -0
  481. package/tests/fixtures/seed-connections/valid-config.json +15 -0
  482. package/tests/fixtures/seed-connections/valid-config.yaml +51 -0
  483. package/tests/helpers/mock-fetch.ts +59 -0
  484. package/tests/helpers/mock-monaco.ts +112 -0
  485. package/tests/helpers/mock-navigation.ts +28 -0
  486. package/tests/helpers/mock-next.ts +80 -0
  487. package/tests/helpers/mock-provider.ts +133 -0
  488. package/tests/helpers/mock-sonner.ts +29 -0
  489. package/tests/helpers/render-with-providers.tsx +19 -0
  490. package/tests/hooks/use-ai-chat.test.ts +600 -0
  491. package/tests/hooks/use-auth.test.ts +371 -0
  492. package/tests/hooks/use-connection-form.test.ts +743 -0
  493. package/tests/hooks/use-connection-manager.test.ts +466 -0
  494. package/tests/hooks/use-inline-editing.test.ts +321 -0
  495. package/tests/hooks/use-mobile.test.ts +177 -0
  496. package/tests/hooks/use-monitoring-data.test.ts +819 -0
  497. package/tests/hooks/use-provider-metadata.test.ts +228 -0
  498. package/tests/hooks/use-query-execution.test.ts +1212 -0
  499. package/tests/hooks/use-tab-manager.test.ts +756 -0
  500. package/tests/hooks/use-toast.test.ts +74 -0
  501. package/tests/hooks/use-transaction-control.test.ts +211 -0
  502. package/tests/integration/db/mongodb-provider.test.ts +698 -0
  503. package/tests/integration/db/mssql-provider.test.ts +840 -0
  504. package/tests/integration/db/mysql-provider.test.ts +872 -0
  505. package/tests/integration/db/oracle-provider.test.ts +843 -0
  506. package/tests/integration/db/postgres-provider.test.ts +1382 -0
  507. package/tests/integration/db/redis-provider.test.ts +526 -0
  508. package/tests/integration/db/sqlite-provider.test.ts +480 -0
  509. package/tests/integration/seed/seed-pipeline.test.ts +102 -0
  510. package/tests/isolated/factory-singleton.test.ts +150 -0
  511. package/tests/isolated/use-storage-sync.test.ts +389 -0
  512. package/tests/run-components.sh +196 -0
  513. package/tests/setup-dom.ts +58 -0
  514. package/tests/setup.ts +40 -0
  515. package/tests/unit/api-errors.test.ts +210 -0
  516. package/tests/unit/code-generator-functions.test.ts +271 -0
  517. package/tests/unit/components/column-list.test.tsx +190 -0
  518. package/tests/unit/components/data-import-modal.test.tsx +441 -0
  519. package/tests/unit/components/studio-mobile-header.test.tsx +327 -0
  520. package/tests/unit/data-charts-functions.test.ts +496 -0
  521. package/tests/unit/data-import-functions.test.ts +320 -0
  522. package/tests/unit/data-import-utils.test.ts +125 -0
  523. package/tests/unit/db/base-provider.test.ts +517 -0
  524. package/tests/unit/db/errors.test.ts +403 -0
  525. package/tests/unit/db/factory.test.ts +436 -0
  526. package/tests/unit/db/pool-manager.test.ts +440 -0
  527. package/tests/unit/db/query-limiter.test.ts +387 -0
  528. package/tests/unit/db/sql-base.test.ts +438 -0
  529. package/tests/unit/lib/api/error-codes.test.ts +39 -0
  530. package/tests/unit/lib/audit.test.ts +326 -0
  531. package/tests/unit/lib/auth.test.ts +146 -0
  532. package/tests/unit/lib/connection-string-parser.test.ts +424 -0
  533. package/tests/unit/lib/data-masking.test.ts +583 -0
  534. package/tests/unit/lib/db-icons.test.tsx +41 -0
  535. package/tests/unit/lib/monitoring-thresholds.test.ts +133 -0
  536. package/tests/unit/lib/oidc.test.ts +509 -0
  537. package/tests/unit/lib/query-generators.test.ts +127 -0
  538. package/tests/unit/lib/storage/factory.test.ts +71 -0
  539. package/tests/unit/lib/storage/local-storage.test.ts +114 -0
  540. package/tests/unit/lib/storage/providers/postgres.test.ts +312 -0
  541. package/tests/unit/lib/storage/providers/sqlite.test.ts +232 -0
  542. package/tests/unit/lib/storage/storage-facade-extended.test.ts +331 -0
  543. package/tests/unit/lib/storage/storage-facade.test.ts +184 -0
  544. package/tests/unit/lib/storage.test.ts +317 -0
  545. package/tests/unit/lib/time-series-buffer.test.ts +212 -0
  546. package/tests/unit/lib/utils.test.ts +24 -0
  547. package/tests/unit/llm/base-provider.test.ts +238 -0
  548. package/tests/unit/llm/config.test.ts +262 -0
  549. package/tests/unit/llm/custom-provider.test.ts +281 -0
  550. package/tests/unit/llm/gemini-provider.test.ts +248 -0
  551. package/tests/unit/llm/llm-factory.test.ts +155 -0
  552. package/tests/unit/llm/ollama-provider.test.ts +288 -0
  553. package/tests/unit/llm/openai-provider.test.ts +324 -0
  554. package/tests/unit/llm/retry.test.ts +180 -0
  555. package/tests/unit/llm/streaming.test.ts +355 -0
  556. package/tests/unit/logger.test.ts +198 -0
  557. package/tests/unit/mongodb-completions.test.ts +516 -0
  558. package/tests/unit/pivot-table-functions.test.ts +76 -0
  559. package/tests/unit/query-cancelled-error.test.ts +81 -0
  560. package/tests/unit/schema-diff/diff-engine.test.ts +367 -0
  561. package/tests/unit/schema-diff/migration-generator.test.ts +513 -0
  562. package/tests/unit/seed/config-loader.test.ts +73 -0
  563. package/tests/unit/seed/connection-filter.test.ts +91 -0
  564. package/tests/unit/seed/credential-resolver.test.ts +85 -0
  565. package/tests/unit/seed/index.test.ts +72 -0
  566. package/tests/unit/seed/resolve-connection.test.ts +74 -0
  567. package/tests/unit/seed/types.test.ts +129 -0
  568. package/tests/unit/sql/alias-extractor.test.ts +444 -0
  569. package/tests/unit/sql/statement-splitter.test.ts +348 -0
  570. package/tests/unit/sql-completions.test.ts +463 -0
  571. package/tests/unit/ssh-tunnel.test.ts +465 -0
  572. package/tsconfig.json +42 -0
package/src/app/error.tsx ADDED
@@ -0,0 +1,49 @@
1
+ 'use client';
2
+
3
+ import { useEffect } from 'react';
4
+
5
+ export default function ErrorPage({
6
+ error,
7
+ reset,
8
+ }: {
9
+ error: Error & { digest?: string };
10
+ reset: () => void;
11
+ }) {
12
+ useEffect(() => {
13
+ console.error('[ErrorBoundary]', error.message, error.digest);
14
+ }, [error]);
15
+
16
+ return (
17
+ <div className="flex min-h-screen items-center justify-center bg-zinc-950 text-white">
18
+ <div className="max-w-md text-center px-6">
19
+ <div className="mb-4 text-5xl">!</div>
20
+ <h1 className="text-xl font-semibold mb-2">Something went wrong</h1>
21
+ <p className="text-zinc-400 mb-6 text-sm">
22
+ LibreDB Studio encountered an unexpected error. You can try again or
23
+ report this issue.
24
+ </p>
25
+ {error.digest && (
26
+ <p className="text-zinc-600 text-xs mb-4">
27
+ Error ID: {error.digest}
28
+ </p>
29
+ )}
30
+ <div className="flex gap-3 justify-center">
31
+ <button
32
+ onClick={reset}
33
+ className="px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium transition-colors"
34
+ >
35
+ Try Again
36
+ </button>
37
+ <a
38
+ href="https://github.com/libredb/libredb-studio/issues"
39
+ target="_blank"
40
+ rel="noopener noreferrer"
41
+ className="px-5 py-2.5 border border-zinc-700 hover:border-zinc-500 text-zinc-300 rounded-lg text-sm font-medium transition-colors"
42
+ >
43
+ Report Issue
44
+ </a>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ );
49
+ }
package/src/app/global-error.tsx ADDED
@@ -0,0 +1,55 @@
1
+ 'use client';
2
+
3
+ export default function GlobalError({
4
+ error,
5
+ reset,
6
+ }: {
7
+ error: Error & { digest?: string };
8
+ reset: () => void;
9
+ }) {
10
+ return (
11
+ <html lang="en">
12
+ <body
13
+ style={{
14
+ margin: 0,
15
+ minHeight: '100vh',
16
+ display: 'flex',
17
+ alignItems: 'center',
18
+ justifyContent: 'center',
19
+ backgroundColor: '#09090b',
20
+ color: '#fafafa',
21
+ fontFamily: 'system-ui, -apple-system, sans-serif',
22
+ }}
23
+ >
24
+ <div style={{ textAlign: 'center', maxWidth: 480, padding: 24 }}>
25
+ <h1 style={{ fontSize: 24, fontWeight: 600, marginBottom: 8 }}>
26
+ Something went wrong
27
+ </h1>
28
+ <p style={{ color: '#a1a1aa', marginBottom: 24 }}>
29
+ An unexpected error occurred. Please try refreshing the page.
30
+ </p>
31
+ {error.digest && (
32
+ <p style={{ color: '#52525b', fontSize: 12, marginBottom: 16 }}>
33
+ Error ID: {error.digest}
34
+ </p>
35
+ )}
36
+ <button
37
+ onClick={reset}
38
+ style={{
39
+ padding: '10px 24px',
40
+ backgroundColor: '#3b82f6',
41
+ color: '#fff',
42
+ border: 'none',
43
+ borderRadius: 8,
44
+ cursor: 'pointer',
45
+ fontSize: 14,
46
+ fontWeight: 500,
47
+ }}
48
+ >
49
+ Refresh Page
50
+ </button>
51
+ </div>
52
+ </body>
53
+ </html>
54
+ );
55
+ }
package/src/app/globals.css ADDED
@@ -0,0 +1,146 @@
1
+ @import "tailwindcss";
2
+
3
+ @theme {
4
+ --font-sans: var(--font-geist-sans);
5
+ --font-mono: var(--font-geist-mono);
6
+ }
7
+
8
+ /*
9
+ * shadcn/ui + Tailwind v4 Theme Configuration
10
+ * Using @theme inline to map CSS variables to Tailwind utilities
11
+ * See: https://ui.shadcn.com/docs/tailwind-v4
12
+ */
13
+
14
+ :root {
15
+ --background: #ffffff;
16
+ --foreground: #0a0a0a;
17
+ --card: #ffffff;
18
+ --card-foreground: #0a0a0a;
19
+ --popover: #ffffff;
20
+ --popover-foreground: #0a0a0a;
21
+ --primary: #171717;
22
+ --primary-foreground: #fafafa;
23
+ --secondary: #f5f5f5;
24
+ --secondary-foreground: #171717;
25
+ --muted: #f5f5f5;
26
+ --muted-foreground: #737373;
27
+ --accent: #f5f5f5;
28
+ --accent-foreground: #171717;
29
+ --destructive: #ef4444;
30
+ --destructive-foreground: #fafafa;
31
+ --border: #e5e5e5;
32
+ --input: #e5e5e5;
33
+ --ring: #0a0a0a;
34
+ --radius: 0.5rem;
35
+ --chart-1: #e76e50;
36
+ --chart-2: #2a9d90;
37
+ --chart-3: #274754;
38
+ --chart-4: #e8c468;
39
+ --chart-5: #f4a462;
40
+ }
41
+
42
+ .dark {
43
+ --background: #09090b;
44
+ --foreground: #fafafa;
45
+ --card: #0a0a0a;
46
+ --card-foreground: #fafafa;
47
+ --popover: #0a0a0a;
48
+ --popover-foreground: #fafafa;
49
+ --primary: #fafafa;
50
+ --primary-foreground: #171717;
51
+ --secondary: #27272a;
52
+ --secondary-foreground: #fafafa;
53
+ --muted: #27272a;
54
+ --muted-foreground: #a1a1aa;
55
+ --accent: #27272a;
56
+ --accent-foreground: #fafafa;
57
+ --destructive: #7f1d1d;
58
+ --destructive-foreground: #fafafa;
59
+ --border: #27272a;
60
+ --input: #27272a;
61
+ --ring: #d4d4d8;
62
+ --chart-1: #3b82f6;
63
+ --chart-2: #22c55e;
64
+ --chart-3: #f59e0b;
65
+ --chart-4: #a855f7;
66
+ --chart-5: #ec4899;
67
+ }
68
+
69
+ /* Map CSS variables to Tailwind color utilities */
70
+ @theme inline {
71
+ --color-background: var(--background);
72
+ --color-foreground: var(--foreground);
73
+ --color-card: var(--card);
74
+ --color-card-foreground: var(--card-foreground);
75
+ --color-popover: var(--popover);
76
+ --color-popover-foreground: var(--popover-foreground);
77
+ --color-primary: var(--primary);
78
+ --color-primary-foreground: var(--primary-foreground);
79
+ --color-secondary: var(--secondary);
80
+ --color-secondary-foreground: var(--secondary-foreground);
81
+ --color-muted: var(--muted);
82
+ --color-muted-foreground: var(--muted-foreground);
83
+ --color-accent: var(--accent);
84
+ --color-accent-foreground: var(--accent-foreground);
85
+ --color-destructive: var(--destructive);
86
+ --color-destructive-foreground: var(--destructive-foreground);
87
+ --color-border: var(--border);
88
+ --color-input: var(--input);
89
+ --color-ring: var(--ring);
90
+ --color-chart-1: var(--chart-1);
91
+ --color-chart-2: var(--chart-2);
92
+ --color-chart-3: var(--chart-3);
93
+ --color-chart-4: var(--chart-4);
94
+ --color-chart-5: var(--chart-5);
95
+ --radius-sm: calc(var(--radius) - 4px);
96
+ --radius-md: calc(var(--radius) - 2px);
97
+ --radius-lg: var(--radius);
98
+ --radius-xl: calc(var(--radius) + 4px);
99
+ }
100
+
101
+ @layer base {
102
+ * {
103
+ border-color: var(--border);
104
+ }
105
+ body {
106
+ background-color: var(--background);
107
+ color: var(--foreground);
108
+ font-feature-settings: "rlig" 1, "calt" 1;
109
+ }
110
+ }
111
+
112
+ @layer components {
113
+ .glass-panel {
114
+ background-color: rgba(9, 9, 11, 0.5);
115
+ backdrop-filter: blur(12px);
116
+ border: 1px solid rgba(255, 255, 255, 0.05);
117
+ }
118
+
119
+ .editor-scrollbar::-webkit-scrollbar {
120
+ width: 8px;
121
+ height: 8px;
122
+ }
123
+
124
+ .editor-scrollbar::-webkit-scrollbar-track {
125
+ background: transparent;
126
+ }
127
+
128
+ .editor-scrollbar::-webkit-scrollbar-thumb {
129
+ background: #262626;
130
+ border-radius: 10px;
131
+ }
132
+
133
+ .editor-scrollbar::-webkit-scrollbar-thumb:hover {
134
+ background: #404040;
135
+ }
136
+
137
+ /* Monaco Execution Highlight */
138
+ .executed-query-highlight {
139
+ background-color: rgba(37, 99, 235, 0.15) !important;
140
+ border-left: 2px solid #2563eb !important;
141
+ }
142
+ .executed-query-inline-highlight {
143
+ background-color: rgba(37, 99, 235, 0.1) !important;
144
+ border-radius: 2px;
145
+ }
146
+ }
package/src/app/icon.svg ADDED
@@ -0,0 +1,42 @@
1
+ <svg width="64" height="64" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <defs>
3
+ <linearGradient id="logo-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
4
+ <stop offset="0%" stop-color="#4F46E5" />
5
+ <stop offset="100%" stop-color="#9333EA" />
6
+ </linearGradient>
7
+ <linearGradient id="code-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
8
+ <stop offset="0%" stop-color="#10B981" />
9
+ <stop offset="100%" stop-color="#3B82F6" />
10
+ </linearGradient>
11
+ </defs>
12
+
13
+ <path
14
+ d="M100 20L169.282 60V140L100 180L30.718 140V60L100 20Z"
15
+ fill="url(#logo-gradient)"
16
+ fill-opacity="0.08"
17
+ stroke="url(#logo-gradient)"
18
+ stroke-width="9"
19
+ stroke-linejoin="round"
20
+ />
21
+
22
+ <g opacity="0.75">
23
+ <rect x="84" y="84" width="32" height="8.5" rx="2.3" fill="url(#logo-gradient)" />
24
+ <rect x="84" y="97" width="32" height="8.5" rx="2.3" fill="url(#logo-gradient)" />
25
+ <rect x="84" y="110" width="32" height="8.5" rx="2.3" fill="url(#logo-gradient)" />
26
+ </g>
27
+
28
+ <path
29
+ d="M79 75L58 100L79 125"
30
+ stroke="url(#code-gradient)"
31
+ stroke-width="12"
32
+ stroke-linecap="round"
33
+ stroke-linejoin="round"
34
+ />
35
+ <path
36
+ d="M121 75L142 100L121 125"
37
+ stroke="url(#code-gradient)"
38
+ stroke-width="12"
39
+ stroke-linecap="round"
40
+ stroke-linejoin="round"
41
+ />
42
+ </svg>
package/src/app/layout.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import type { Metadata } from "next";
2
+ import { Inter } from "next/font/google";
3
+ import "./globals.css";
4
+ import { Toaster } from "@/components/ui/sonner";
5
+
6
+ const inter = Inter({ subsets: ["latin"] });
7
+
8
+ export const metadata: Metadata = {
9
+ title: "LibreDB Studio | Universal Database Editor",
10
+ description: "Manage PostgreSQL, MySQL, MongoDB, and Redis in one web-based interface.",
11
+ icons: {
12
+ icon: [
13
+ { url: "/favicon.ico?v=2", sizes: "any" },
14
+ { url: "/logo.svg?v=2", type: "image/svg+xml" },
15
+ ],
16
+ shortcut: "/favicon.ico?v=2",
17
+ apple: "/favicon-32x32.png?v=2",
18
+ },
19
+ };
20
+
21
+ export default function RootLayout({
22
+ children,
23
+ }: Readonly<{
24
+ children: React.ReactNode;
25
+ }>) {
26
+ return (
27
+ <html lang="en">
28
+ <body className={`${inter.className} antialiased dark`}>
29
+ {children}
30
+ <Toaster position="bottom-right" theme="dark" />
31
+ </body>
32
+ </html>
33
+ );
34
+ }
package/src/app/login/login-form.tsx ADDED
@@ -0,0 +1,301 @@
1
+ 'use client';
2
+
3
+ import { Suspense, useState } from 'react';
4
+ import { useRouter, useSearchParams } from 'next/navigation';
5
+ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
6
+ import { Input } from '@/components/ui/input';
7
+ import { Button } from '@/components/ui/button';
8
+ import { Label } from '@/components/ui/label';
9
+ import { ExternalLink, Lock, Mail, ShieldCheck, Zap, Globe, Shield, Layers } from 'lucide-react';
10
+ import { toast } from 'sonner';
11
+ import LibreDBLogo from '@/components/libredb-logo';
12
+ import { CommunitySection } from '@/components/community-section';
13
+
14
+ function LoginFormInner({ authProvider }: { authProvider: string }) {
15
+ const isOIDC = authProvider === 'oidc';
16
+ const [email, setEmail] = useState('');
17
+ const [password, setPassword] = useState('');
18
+ const [isLoading, setIsLoading] = useState(false);
19
+ const router = useRouter();
20
+ const searchParams = useSearchParams();
21
+ const oidcError = searchParams.get('error');
22
+
23
+ const handleLogin = async (e?: React.FormEvent) => {
24
+ if (e) e.preventDefault();
25
+
26
+ if (!email || !password) {
27
+ toast.error('Please enter email and password');
28
+ return;
29
+ }
30
+
31
+ setIsLoading(true);
32
+ try {
33
+ const response = await fetch('/api/auth/login', {
34
+ method: 'POST',
35
+ headers: { 'Content-Type': 'application/json' },
36
+ body: JSON.stringify({ email, password }),
37
+ });
38
+
39
+ const data = await response.json();
40
+
41
+ if (data.success) {
42
+ toast.success(`Welcome back, ${data.role}!`);
43
+ router.push(data.role === 'admin' ? '/admin' : '/');
44
+ router.refresh();
45
+ } else {
46
+ toast.error(data.message || 'Invalid email or password');
47
+ }
48
+ } catch {
49
+ toast.error('An error occurred. Please try again.');
50
+ } finally {
51
+ setIsLoading(false);
52
+ }
53
+ };
54
+
55
+ const features = [
56
+ { icon: Globe, title: '7+ Database Engines', desc: 'PostgreSQL, MySQL, MongoDB, Oracle, SQL Server' },
57
+ { icon: Zap, title: 'AI-Native Queries', desc: 'Natural language to SQL with multi-model LLM support' },
58
+ { icon: Shield, title: 'Zero Install', desc: 'Browser-based — deploy anywhere with Docker in seconds' },
59
+ { icon: Layers, title: 'Real-Time Monitoring', desc: 'Live metrics, schema explorer, and visual ERD diagrams' },
60
+ ];
61
+
62
+ return (
63
+ <div className="flex min-h-[100dvh] bg-background">
64
+ {/* Left Panel - Branding (hidden on mobile) */}
65
+ <div className="hidden lg:flex lg:w-1/2 xl:w-[55%] relative overflow-hidden">
66
+ {/* Base background matching app zinc-950 */}
67
+ <div className="absolute inset-0 bg-zinc-950" />
68
+ <div className="absolute inset-0 bg-gradient-to-b from-blue-950/20 via-transparent to-cyan-950/10" />
69
+
70
+ {/* Dot grid pattern */}
71
+ <div
72
+ className="absolute inset-0 opacity-[0.04]"
73
+ style={{
74
+ backgroundImage: 'radial-gradient(circle at 1px 1px, white 1px, transparent 0)',
75
+ backgroundSize: '32px 32px',
76
+ }}
77
+ />
78
+
79
+ {/* Ambient glow orbs — blue accent family */}
80
+ <div className="absolute top-1/4 -left-20 w-80 h-80 bg-blue-500/[0.07] rounded-full blur-3xl" />
81
+ <div className="absolute bottom-1/3 right-10 w-64 h-64 bg-cyan-500/[0.05] rounded-full blur-3xl" />
82
+
83
+ {/* Right edge separator */}
84
+ <div className="absolute right-0 top-0 bottom-0 w-px bg-white/[0.06]" />
85
+
86
+ {/* Content */}
87
+ <div className="relative z-10 flex flex-col p-12 xl:p-16 w-full overflow-y-auto">
88
+ {/* Top: Logo */}
89
+ <a href="https://libredb.org" target="_blank" rel="noopener noreferrer" className="flex items-center gap-3 group w-fit">
90
+ <div className="flex h-14 w-14 items-center justify-center rounded-xl bg-white/[0.06] border border-white/[0.08] group-hover:bg-white/[0.10] group-hover:border-white/[0.12] transition-all duration-200">
91
+ <LibreDBLogo className="h-9 w-9 text-blue-400" />
92
+ </div>
93
+ <span className="text-xl font-semibold text-white tracking-tight group-hover:text-blue-400 transition-colors duration-200">LibreDB Studio</span>
94
+ </a>
95
+
96
+ {/* Middle: Hero text + Features */}
97
+ <div className="space-y-10 mt-auto">
98
+ <div className="space-y-4 max-w-lg">
99
+ <h1 className="text-4xl xl:text-5xl font-bold text-white tracking-tight leading-[1.1]">
100
+ The open-source SQL IDE for
101
+ <span className="bg-gradient-to-r from-blue-400 to-cyan-400 bg-clip-text text-transparent"> cloud-native teams</span>
102
+ </h1>
103
+ <p className="text-lg text-zinc-400 leading-relaxed">
104
+ Query, explore, and manage all your databases from a single AI-powered interface. Zero install — deploy with Docker in seconds.
105
+ </p>
106
+ </div>
107
+
108
+ <div className="grid grid-cols-1 xl:grid-cols-2 gap-3">
109
+ {features.map((feature) => (
110
+ <div
111
+ key={feature.title}
112
+ className="flex gap-3 p-3 rounded-xl bg-white/[0.03] border border-white/[0.05] pointer-events-none select-none"
113
+ >
114
+ <div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10 border border-blue-500/10">
115
+ <feature.icon className="h-4 w-4 text-blue-400" />
116
+ </div>
117
+ <div>
118
+ <p className="text-sm font-medium text-zinc-200">{feature.title}</p>
119
+ <p className="text-xs text-zinc-500 mt-0.5">{feature.desc}</p>
120
+ </div>
121
+ </div>
122
+ ))}
123
+ </div>
124
+ </div>
125
+
126
+ {/* Bottom: DB badges + Community */}
127
+ <div className="space-y-6 mt-auto">
128
+ <div className="space-y-3">
129
+ <p className="text-xs text-zinc-600 uppercase tracking-widest font-medium">Supported Databases</p>
130
+ <div className="flex flex-wrap gap-2">
131
+ {['PostgreSQL', 'MySQL', 'MongoDB', 'Oracle', 'SQL Server'].map((db) => (
132
+ <span
133
+ key={db}
134
+ className="text-xs px-3 py-1.5 rounded-full bg-white/[0.04] text-zinc-500 border border-white/[0.05] font-medium"
135
+ >
136
+ {db}
137
+ </span>
138
+ ))}
139
+ </div>
140
+ </div>
141
+ <CommunitySection variant="desktop" />
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ {/* Right Panel - Login Form */}
147
+ <div className="flex w-full lg:w-1/2 xl:w-[45%] items-center justify-center p-4 sm:p-6 lg:p-8">
148
+ <div className="w-full max-w-md space-y-8">
149
+ {/* Mobile branding (visible only on mobile) */}
150
+ <a href="https://libredb.org" target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-4 lg:hidden group">
151
+ <div className="relative">
152
+ <div className="absolute -inset-2 rounded-full bg-blue-500/20 blur-lg" />
153
+ <div className="relative flex h-20 w-20 items-center justify-center rounded-2xl bg-zinc-900 border border-white/[0.08] shadow-lg shadow-blue-500/10 group-hover:border-blue-500/20 transition-all duration-200">
154
+ <LibreDBLogo className="h-12 w-12 text-blue-400" />
155
+ </div>
156
+ </div>
157
+ <div className="text-center space-y-1">
158
+ <h2 className="text-2xl font-bold tracking-tight group-hover:text-blue-400 transition-colors duration-200">LibreDB Studio</h2>
159
+ <p className="text-sm text-muted-foreground">Open-source SQL IDE for cloud-native teams</p>
160
+ </div>
161
+ </a>
162
+
163
+ <Card className="border-muted-foreground/10 shadow-2xl transition-all duration-300 hover:shadow-primary/5">
164
+ {/* Desktop header inside card */}
165
+ <CardHeader className="space-y-1 text-center pb-6 lg:pt-8">
166
+ <CardTitle className="text-2xl font-bold tracking-tight">
167
+ <span className="hidden lg:inline">Welcome back</span>
168
+ <span className="lg:hidden">Sign in</span>
169
+ </CardTitle>
170
+ <CardDescription className="text-muted-foreground">
171
+ <span className="hidden lg:inline">Sign in to your LibreDB Studio account</span>
172
+ <span className="lg:hidden">Enter your credentials to continue</span>
173
+ </CardDescription>
174
+ </CardHeader>
175
+
176
+ <CardContent className="space-y-6">
177
+ {isOIDC ? (
178
+ <>
179
+ {oidcError && (
180
+ <div className="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive">
181
+ Authentication failed. Please try again.
182
+ </div>
183
+ )}
184
+
185
+ <div className="flex flex-col items-center text-center space-y-3 py-2">
186
+ <div className="flex h-12 w-12 items-center justify-center rounded-full bg-primary/10">
187
+ <ShieldCheck className="h-6 w-6 text-primary" />
188
+ </div>
189
+ <div className="space-y-1">
190
+ <p className="text-sm font-medium text-foreground">Single Sign-On</p>
191
+ <p className="text-xs text-muted-foreground">
192
+ Sign in securely with your organization&apos;s identity provider
193
+ </p>
194
+ </div>
195
+ </div>
196
+
197
+ <Button
198
+ className="w-full h-11 text-base font-medium shadow-lg shadow-primary/20 active:scale-[0.98] transition-all gap-2"
199
+ onClick={() => {
200
+ setIsLoading(true);
201
+ window.location.href = '/api/auth/oidc/login';
202
+ }}
203
+ disabled={isLoading}
204
+ >
205
+ <ExternalLink className="h-4 w-4" />
206
+ {isLoading ? 'Redirecting...' : 'Login with SSO'}
207
+ </Button>
208
+
209
+ <div className="flex items-center justify-center gap-4 pt-2">
210
+ <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
211
+ <Lock className="h-3 w-3" />
212
+ <span>Encrypted</span>
213
+ </div>
214
+ <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
215
+ <Shield className="h-3 w-3" />
216
+ <span>OIDC Protected</span>
217
+ </div>
218
+ </div>
219
+ </>
220
+ ) : (
221
+ <>
222
+ <form onSubmit={handleLogin} className="space-y-4">
223
+ <div className="space-y-2">
224
+ <Label htmlFor="email">Email</Label>
225
+ <div className="relative group">
226
+ <Mail className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground transition-colors group-focus-within:text-primary" />
227
+ <Input
228
+ id="email"
229
+ type="email"
230
+ placeholder="Enter your email"
231
+ className="pl-10 h-11 transition-all focus:ring-2 focus:ring-primary/20"
232
+ value={email}
233
+ onChange={(e) => setEmail(e.target.value)}
234
+ required
235
+ />
236
+ </div>
237
+ </div>
238
+ <div className="space-y-2">
239
+ <Label htmlFor="password">Password</Label>
240
+ <div className="relative group">
241
+ <Lock className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground transition-colors group-focus-within:text-primary" />
242
+ <Input
243
+ id="password"
244
+ type="password"
245
+ placeholder="Enter your password"
246
+ className="pl-10 h-11 transition-all focus:ring-2 focus:ring-primary/20"
247
+ value={password}
248
+ onChange={(e) => setPassword(e.target.value)}
249
+ required
250
+ />
251
+ </div>
252
+ </div>
253
+ <Button
254
+ className="w-full h-11 text-base font-medium shadow-lg shadow-primary/20 active:scale-[0.98] transition-all"
255
+ type="submit"
256
+ disabled={isLoading}
257
+ >
258
+ {isLoading ? 'Authenticating...' : 'Sign In'}
259
+ </Button>
260
+ </form>
261
+ </>
262
+ )}
263
+ </CardContent>
264
+
265
+ <CardFooter className="pt-0 pb-6 flex flex-col items-center gap-2">
266
+ <p className="text-xs text-muted-foreground font-medium text-center max-w-[240px]">
267
+ Enterprise-grade security powered by LibreDB Studio Engine
268
+ </p>
269
+ <span className="text-[10px] text-muted-foreground/60 font-mono">
270
+ v{process.env.NEXT_PUBLIC_APP_VERSION}
271
+ </span>
272
+ </CardFooter>
273
+ </Card>
274
+
275
+ {/* Mobile community + DB pills */}
276
+ <div className="lg:hidden space-y-4">
277
+ <CommunitySection variant="mobile" />
278
+ <div className="flex flex-wrap justify-center gap-2">
279
+ {['PostgreSQL', 'MySQL', 'MongoDB', 'Oracle', 'SQL Server'].map((db) => (
280
+ <span
281
+ key={db}
282
+ className="text-[10px] px-2.5 py-1 rounded-full bg-muted text-muted-foreground font-medium"
283
+ >
284
+ {db}
285
+ </span>
286
+ ))}
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ );
293
+ }
294
+
295
+ export default function LoginForm({ authProvider }: { authProvider: string }) {
296
+ return (
297
+ <Suspense>
298
+ <LoginFormInner authProvider={authProvider} />
299
+ </Suspense>
300
+ );
301
+ }
package/src/app/login/page.tsx ADDED
@@ -0,0 +1,11 @@
1
+ import LoginForm from './login-form';
2
+
3
+ // Force dynamic rendering so env vars are read at runtime, not build time.
4
+ // This is critical for Docker deployments where NEXT_PUBLIC_AUTH_PROVIDER
5
+ // is set as a runtime env var (not available during docker build).
6
+ export const dynamic = 'force-dynamic';
7
+
8
+ export default function LoginPage() {
9
+ const authProvider = process.env.NEXT_PUBLIC_AUTH_PROVIDER || 'local';
10
+ return <LoginForm authProvider={authProvider} />;
11
+ }
package/src/app/monitoring/page.tsx ADDED
@@ -0,0 +1,8 @@
1
+ 'use client';
2
+
3
+ import { MonitoringDashboard } from '@/components/monitoring/MonitoringDashboard';
4
+
5
+ export default function MonitoringPage() {
6
+ // Middleware handles authentication, no need for client-side check
7
+ return <MonitoringDashboard />;
8
+ }
package/src/app/not-found.tsx ADDED
@@ -0,0 +1,29 @@
1
+ import Link from 'next/link';
2
+
3
+ export default function NotFound() {
4
+ return (
5
+ <div className="flex min-h-screen items-center justify-center bg-zinc-950 text-white">
6
+ <div className="max-w-md text-center px-6">
7
+ <div className="text-6xl font-bold text-zinc-700 mb-4">404</div>
8
+ <h1 className="text-xl font-semibold mb-2">Page Not Found</h1>
9
+ <p className="text-zinc-400 mb-6 text-sm">
10
+ The page you are looking for does not exist or has been moved.
11
+ </p>
12
+ <div className="flex gap-3 justify-center">
13
+ <Link
14
+ href="/"
15
+ className="px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium transition-colors"
16
+ >
17
+ Go to Studio
18
+ </Link>
19
+ <Link
20
+ href="/login"
21
+ className="px-5 py-2.5 border border-zinc-700 hover:border-zinc-500 text-zinc-300 rounded-lg text-sm font-medium transition-colors"
22
+ >
23
+ Sign In
24
+ </Link>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ );
29
+ }