From 8ce622ac5a994767b8075aada54d29d627a38730 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Sun, 15 Mar 2026 15:22:35 -0400
Subject: [PATCH] feat: add FlowAssistPage placeholder and /flow-assist route

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/FlowAssistPage.tsx | 30 +++++++++++++++++++++++++++
 frontend/src/router.tsx               |  2 ++
 2 files changed, 32 insertions(+)
 create mode 100644 frontend/src/pages/FlowAssistPage.tsx

diff --git a/frontend/src/pages/FlowAssistPage.tsx b/frontend/src/pages/FlowAssistPage.tsx
new file mode 100644
index 00000000..8e75a3d9
--- /dev/null
+++ b/frontend/src/pages/FlowAssistPage.tsx
@@ -0,0 +1,30 @@
+import { WandSparkles } from 'lucide-react'
+
+export default function FlowAssistPage() {
+  return (
+    <div className="p-6">
+      <div className="mb-6">
+        <h1 className="font-heading text-2xl font-bold tracking-tight text-foreground">
+          <span className="inline-flex items-center gap-2">
+            <WandSparkles size={24} style={{ color: '#f472b6' }} />
+            Flow Assist
+          </span>
+        </h1>
+        <p className="mt-1 text-sm text-muted-foreground">
+          Build flows from natural language — describe what you need and Flow Assist will generate the decision tree or procedural steps.
+        </p>
+      </div>
+
+      <div className="glass-card-static p-8 text-center">
+        <WandSparkles size={40} className="mx-auto mb-4 text-muted-foreground" />
+        <h2 className="font-heading text-lg font-semibold text-foreground mb-2">
+          Coming Soon
+        </h2>
+        <p className="text-sm text-muted-foreground max-w-md mx-auto">
+          Flow Assist will be available here as a dedicated conversational flow builder.
+          In the meantime, use the AI panel in the Flow Editor to generate flows.
+        </p>
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index b43743bf..9abcda74 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -44,6 +44,7 @@ const StepLibraryPage = lazy(() => import('@/pages/StepLibraryPage'))
 const ScriptLibraryPage = lazy(() => import('@/pages/ScriptLibraryPage'))
 const ScriptManagePage = lazy(() => import('@/pages/ScriptManagePage'))
 const AssistantChatPage = lazy(() => import('@/pages/AssistantChatPage'))
+const FlowAssistPage = lazy(() => import('@/pages/FlowAssistPage'))
 const KBAcceleratorPage = lazy(() => import('@/pages/KBAcceleratorPage'))
 const GuidesHubPage = lazy(() => import('@/pages/GuidesHubPage'))
 const GuideDetailPage = lazy(() => import('@/pages/GuideDetailPage'))
@@ -167,6 +168,7 @@ export const router = sentryCreateBrowserRouter([
       { path: 'scripts/manage', element: page(ScriptManagePage) },
       { path: 'kb-accelerator', element: page(KBAcceleratorPage) },
       { path: 'assistant', element: page(AssistantChatPage) },
+      { path: 'flow-assist', element: page(FlowAssistPage) },
       { path: 'guides', element: page(GuidesHubPage) },
       { path: 'guides/:slug', element: page(GuideDetailPage) },
       // Admin routes