fix: create DBAL shared UI components for status and daemon page

- Created dbal/shared/ui directory for shared UI components
- Implemented getStatusResponse() for status API endpoint
- Implemented DBALDaemonPage component with metadata
- Updated tsconfig.json @dbal-ui path to point to dbal/shared/ui
- Updated next.config.ts webpack alias for @dbal-ui
- Components support both development and production DBAL modes

Co-authored-by: johndoe6345789 <224850594+johndoe6345789@users.noreply.github.com>

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>
+  )
+}

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',
+    },
+  }
+}

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
   },

frontends/nextjs/tsconfig.json

@@ -36,7 +36,7 @@
         "../../dbal/development/src/*"
       ],
       "@dbal-ui/*": [
-        "../../dbal/src/*"
+        "../../dbal/shared/ui/*"
       ]
     },
     "plugins": [