refactor: onboarding, mobile nav, remove maintenance flows

- Onboarding steps guide toward copilot usage, not flow building
- Mobile nav updated to match sidebar (Session History, Guided Flows)
- Remove Step Library from mobile nav
- Remove Maintenance from flow type filter tabs
- Remove Maintenance badge from all tree views (grid, list, table)
- Remove Maintenance create option from CreateFlowDropdown
- Add copilot-first dashboard plan and solutions library spec docs

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/common/CreateFlowDropdown.tsx

@@ -137,24 +137,12 @@ export function CreateFlowDropdown({
 
             <div className="my-1 border-t border-border" />
 
-            {/* Maintenance */}
-            <Link
-              to="/flows/new?type=maintenance"
-              onClick={() => setShowMenu(false)}
-              className="flex items-center gap-3 rounded-md px-3 py-2.5 text-sm text-foreground hover:bg-accent"
-            >
-              <Wrench className="h-4 w-4 text-amber-400" />
-              <div className="flex-1">
-                <div className="font-medium">Maintenance Flow</div>
-                <div className="text-xs text-muted-foreground">Scheduled multi-target tasks</div>
-              </div>
-            </Link>
             {aiEnabled && (
               <button
                 type="button"
                 onClick={() => {
                   setShowMenu(false)
-                  setAiPromptFlowType('maintenance')
+                  setAiPromptFlowType('procedural')
                   setAiPromptOpen(true)
                 }}
                 className="flex w-full items-center gap-3 rounded-md px-3 py-2 text-sm text-foreground hover:bg-accent"

frontend/src/components/dashboard/OnboardingChecklist.tsx

@@ -12,18 +12,18 @@ interface ChecklistItem {
 }
 
 const SOLO_ITEMS: ChecklistItem[] = [
-  { key: 'created_flow', label: 'Create your first flow', path: '/trees' },
-  { key: 'ran_session', label: 'Run your first session', path: '/trees' },
-  { key: 'exported_session', label: 'Export a session', path: '/sessions' },
-  { key: 'tried_ai_assistant', label: 'Try the AI assistant', path: '/assistant' },
+  { key: 'ran_session', label: 'Try troubleshooting a ticket', path: '/' },
+  { key: 'exported_session', label: 'Review your session notes', path: '/sessions' },
+  { key: 'created_flow', label: 'Explore guided flows', path: '/trees' },
+  { key: 'tried_ai_assistant', label: 'Check out the Script Builder', path: '/script-builder' },
 ]
 
 const TEAM_ITEMS: ChecklistItem[] = [
-  { key: 'created_flow', label: 'Create your first flow', path: '/trees' },
+  { key: 'ran_session', label: 'Try troubleshooting a ticket', path: '/' },
+  { key: 'exported_session', label: 'Review your session notes', path: '/sessions' },
   { key: 'invited_teammate', label: 'Invite a team member', path: '/account' },
-  { key: 'ran_session', label: 'Run your first session', path: '/trees' },
-  { key: 'connected_psa', label: 'Connect a PSA integration', path: '/account/integrations' },
-  { key: 'exported_session', label: 'Export a session', path: '/sessions' },
+  { key: 'created_flow', label: 'Explore guided flows', path: '/trees' },
+  { key: 'connected_psa', label: 'Connect your PSA', path: '/account/integrations' },
 ]
 
 export function OnboardingChecklist() {

frontend/src/components/layout/AppLayout.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback } from 'react'
 import { useLocation, useNavigate, Link } from 'react-router-dom'
-import { Menu, X, LayoutGrid, Clock, AlertTriangle, GitBranch, Code2, Wand2, BarChart3, Settings, LogOut, Shield, Layers } from 'lucide-react'
+import { Menu, X, LayoutGrid, Clock, AlertTriangle, GitBranch, Code2, Wand2, BarChart3, Settings, LogOut, Shield, FileText } from 'lucide-react'
 import { useAuthStore } from '@/store/authStore'
 import { usePermissions } from '@/hooks/usePermissions'
 import { useUserPreferencesStore } from '@/store/userPreferencesStore'
@@ -52,11 +52,10 @@ export function AppLayout() {
 
   const mobileNavItems = [
     { path: '/', label: 'Dashboard', icon: LayoutGrid },
-    { path: '/sessions', label: 'Active Sessions', icon: Clock },
+    { path: '/sessions', label: 'Session History', icon: Clock },
     { path: '/escalations', label: 'Escalations', icon: AlertTriangle },
-    { path: '/trees', label: 'Flows', icon: GitBranch },
-    { path: '/step-library', label: 'Step Library', icon: Layers },
-    { path: '/scripts', label: 'Scripts', icon: Code2 },
+    { path: '/trees', label: 'Guided Flows', icon: GitBranch },
+    { path: '/scripts', label: 'Scripts', icon: FileText },
     { path: '/script-builder', label: 'Script Builder', icon: Wand2 },
     { path: '/analytics', label: 'Analytics', icon: BarChart3 },
     { path: '/account', label: 'Account', icon: Settings },

frontend/src/components/library/TreeGridView.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom'
-import { Pencil, Globe, Lock, Trash2, GitBranch, FileText, Wrench, Download, ClipboardList } from 'lucide-react'
+import { Pencil, Globe, Lock, Trash2, GitBranch, FileText, Download, ClipboardList } from 'lucide-react'
 import type { TreeListItem } from '@/types'
 import { TagBadges } from '@/components/common/TagBadges'
 import { StaggerList } from '@/components/common/StaggerList'
@@ -45,12 +45,6 @@ export function TreeGridView({
                   Draft
                 </span>
               )}
-              {tree.tree_type === 'maintenance' && (
-                <span className="inline-flex items-center gap-1 rounded-full border border-amber-500/30 bg-amber-500/10 px-2 py-0.5 font-sans text-xs text-[0.625rem] uppercase tracking-wide text-amber-400">
-                  <Wrench className="h-3 w-3" />
-                  Maintenance
-                </span>
-              )}
               {'fork_info' in tree && Boolean((tree as Record<string, unknown>).fork_info) && (
                 <span className="shrink-0 rounded-full bg-violet-400/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-violet-400">
                   Fork

frontend/src/components/library/TreeListView.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom'
-import { Pencil, Globe, Lock, GitBranch, FileText, Trash2, Wrench, Download, ClipboardList } from 'lucide-react'
+import { Pencil, Globe, Lock, GitBranch, FileText, Trash2, Download, ClipboardList } from 'lucide-react'
 import type { TreeListItem } from '@/types'
 import { TagBadges } from '@/components/common/TagBadges'
 import { cn } from '@/lib/utils'
@@ -45,12 +45,6 @@ export function TreeListView({
                   Draft
                 </span>
               )}
-              {tree.tree_type === 'maintenance' && (
-                <span className="inline-flex items-center gap-1 rounded-full border border-amber-500/30 bg-amber-500/10 px-2 py-0.5 font-sans text-xs text-[0.625rem] uppercase tracking-wide text-amber-400 shrink-0">
-                  <Wrench className="h-3 w-3" />
-                  Maintenance
-                </span>
-              )}
               {'fork_info' in tree && Boolean((tree as Record<string, unknown>).fork_info) && (
                 <span className="shrink-0 rounded-full bg-violet-400/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-violet-400">
                   Fork

frontend/src/components/library/TreeTableView.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { Link } from 'react-router-dom'
-import { Pencil, Globe, Lock, ChevronUp, ChevronDown, GitBranch, FileText, Trash2, Wrench, Download, ClipboardList } from 'lucide-react'
+import { Pencil, Globe, Lock, ChevronUp, ChevronDown, GitBranch, FileText, Trash2, Download, ClipboardList } from 'lucide-react'
 import type { TreeListItem } from '@/types'
 import { TagBadges } from '@/components/common/TagBadges'
 import { cn } from '@/lib/utils'
@@ -147,12 +147,6 @@ export function TreeTableView({
                       Draft
                     </span>
                   )}
-                  {tree.tree_type === 'maintenance' && (
-                    <span className="inline-flex items-center gap-1 rounded-full border border-amber-500/30 bg-amber-500/10 px-2 py-0.5 font-sans text-xs text-[0.625rem] uppercase tracking-wide text-amber-400 shrink-0">
-                      <Wrench className="h-3 w-3" />
-                      Maintenance
-                    </span>
-                  )}
                   {'fork_info' in tree && Boolean((tree as Record<string, unknown>).fork_info) && (
                     <span className="shrink-0 rounded-full bg-violet-400/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-violet-400">
                       Fork

frontend/src/pages/TreeLibraryPage.tsx

@@ -365,7 +365,7 @@ export function TreeLibraryPage() {
             <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
               {/* Type filter tabs */}
               <div className="flex rounded-lg border border-border p-0.5">
-                {(['all', 'troubleshooting', 'procedural', 'maintenance'] as const).map((t) => (
+                {(['all', 'troubleshooting', 'procedural'] as const).map((t) => (
                     <button
                       key={t}
                       onClick={() => setTypeFilter(t)}