+
+ Roadmap
+
Blog
diff --git a/ui/src/components/Layout.tsx b/ui/src/components/Layout.tsx
index 9bbfdc7..26fb323 100644
--- a/ui/src/components/Layout.tsx
+++ b/ui/src/components/Layout.tsx
@@ -1,5 +1,5 @@
import { NavLink, Outlet, useNavigate } from 'react-router-dom';
-import { LayoutDashboard, Settings, MessageSquare, GitBranch, Download, LogOut, Brain, Layers, MessageCircle, Database } from 'lucide-react';
+import { LayoutDashboard, Settings, MessageSquare, GitBranch, Download, LogOut, Brain, Layers, MessageCircle, Database, Map } from 'lucide-react';
import { useAuth } from '../store/auth';
import { Button } from '@/components/ui/button';
@@ -13,6 +13,7 @@ const navItems = [
{ to: '/bubbles', icon: Layers, label: 'Bubbles' },
{ to: '/chat', icon: MessageCircle, label: 'Start Chat' },
{ to: '/database', icon: Database, label: 'Database' },
+ { to: '/roadmap', icon: Map, label: 'Roadmap' },
];
export default function Layout() {
diff --git a/ui/src/components/RoadmapPage.tsx b/ui/src/components/RoadmapPage.tsx
new file mode 100644
index 0000000..7131d1e
--- /dev/null
+++ b/ui/src/components/RoadmapPage.tsx
@@ -0,0 +1,15 @@
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import roadmapContent from '../../../ROADMAP.md?raw';
+
+export default function RoadmapPage() {
+ return (
+
+
+
+ {roadmapContent}
+
+
+
+ );
+}
diff --git a/ui/src/index.css b/ui/src/index.css
index b28e76d..b16d1cd 100644
--- a/ui/src/index.css
+++ b/ui/src/index.css
@@ -1,4 +1,5 @@
@import "tailwindcss";
+@plugin "@tailwindcss/typography";
@import "tw-animate-css";
@import "shadcn/tailwind.css";
diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index e5c022f..ae6fccc 100644
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -12,6 +12,9 @@ export default defineConfig({
},
},
server: {
+ fs: {
+ allow: ['..']
+ },
proxy: {
'/api': {
target: 'http://localhost:3000',