feat: add procedural flows with intake forms, navigation, and seed templates

Adds a new "procedural" tree type for linear step-by-step project workflows
(domain controller setup, M365 onboarding, VPN config, etc). Includes intake
form builder, two-panel step navigation, variable resolution, procedural
exports, 3 seed templates, and UI rename from "Trees" to "Flows".

Also archives 19 implemented plan docs and creates deferred features backlog.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-02-14 04:13:52 -05:00
parent 303570ca2c
commit 350c977eda
58 changed files with 11686 additions and 167 deletions

View File

@@ -124,7 +124,7 @@ export function QuickStartPage() {
{/* Description */}
<p className="text-lg text-white/40 mb-10 max-w-2xl mx-auto leading-relaxed">
Search our library of proven decision trees or continue where you left off
Search our library of proven flows or continue where you left off
</p>
{/* Search Bar */}
@@ -139,7 +139,7 @@ export function QuickStartPage() {
value={query}
onChange={(e) => setQuery(e.target.value)}
onFocus={() => query.length >= 2 && setShowResults(true)}
placeholder="Paste ticket subject or search for a tree..."
placeholder="Paste ticket subject or search for a flow..."
className="flex-1 bg-transparent py-4 px-4 text-white placeholder:text-white/30 focus:outline-none"
/>
{isSearching && (
@@ -270,7 +270,7 @@ export function QuickStartPage() {
{!isLoading && recentTrees.length > 0 && (
<div className="mx-auto max-w-4xl mb-12">
<div className="flex items-center justify-between mb-6">
<h2 className="text-2xl font-bold text-white">Recent Trees</h2>
<h2 className="text-2xl font-bold text-white">Recent Flows</h2>
<Link
to="/trees"
className="text-sm text-white/60 hover:text-white font-medium transition-colors"
@@ -309,7 +309,7 @@ export function QuickStartPage() {
to="/trees"
className="inline-flex items-center gap-2 px-6 py-3 bg-white/10 border border-white/20 text-white font-medium rounded-xl hover:bg-white/20 transition-all"
>
Browse All Trees
Browse All Flows
<ArrowRight className="h-4 w-4" />
</Link>
</div>