diff --git a/dbal/shared/ui/DaemonPage.tsx b/dbal/shared/ui/DaemonPage.tsx
new file mode 100644
index 000000000..192acc1e9
--- /dev/null
+++ b/dbal/shared/ui/DaemonPage.tsx
@@ -0,0 +1,18 @@
+/**
+ * DBAL Daemon Page
+ */
+export const metadata = {
+  title: 'DBAL Daemon',
+  description: 'DBAL Daemon Management',
+}
+
+export function DBALDaemonPage() {
+  return (
+    <div>
+      <h1>DBAL Daemon</h1>
+      <p>DBAL Daemon management interface.</p>
+      <p>Development mode: Direct TypeScript DBAL</p>
+      <p>Production mode: C++ Daemon via WebSocket</p>
+    </div>
+  )
+}
diff --git a/dbal/shared/ui/status.ts b/dbal/shared/ui/status.ts
new file mode 100644
index 000000000..e59e5de82
--- /dev/null
+++ b/dbal/shared/ui/status.ts
@@ -0,0 +1,13 @@
+/**
+ * DBAL Status Response
+ */
+export function getStatusResponse() {
+  return {
+    status: 'ok',
+    timestamp: new Date().toISOString(),
+    dbal: {
+      mode: process.env.DBAL_MODE || 'development',
+      version: '1.0.0',
+    },
+  }
+}
diff --git a/frontends/nextjs/next.config.ts b/frontends/nextjs/next.config.ts
index 6dffda30e..e3ff1e340 100644
--- a/frontends/nextjs/next.config.ts
+++ b/frontends/nextjs/next.config.ts
@@ -86,6 +86,7 @@ const nextConfig: NextConfig = {
     config.resolve.alias = {
       ...config.resolve.alias,
       '@/dbal': path.resolve(__dirname, '../../dbal/development/src'),
+      '@dbal-ui': path.resolve(__dirname, '../../dbal/shared/ui'),
     }
     return config
   },
diff --git a/frontends/nextjs/tsconfig.json b/frontends/nextjs/tsconfig.json
index 944f670d9..63e4458a8 100644
--- a/frontends/nextjs/tsconfig.json
+++ b/frontends/nextjs/tsconfig.json
@@ -36,7 +36,7 @@
         "../../dbal/development/src/*"
       ],
       "@dbal-ui/*": [
-        "../../dbal/src/*"
+        "../../dbal/shared/ui/*"
       ]
     },
     "plugins": [