diff --git a/docs/plans/Frontend/sidebar-grouping-concepts.html b/docs/plans/Frontend/sidebar-grouping-concepts.html new file mode 100644 index 00000000..f3026901 --- /dev/null +++ b/docs/plans/Frontend/sidebar-grouping-concepts.html @@ -0,0 +1,630 @@ + + + + + +ResolutionFlow — Sidebar Grouping Concepts + + + + + +

Sidebar Grouping Concepts

+

+ Reorganizing the navigation around workflow stages — what engineers do when they're working a ticket vs + building flows vs reviewing results. Also explores splitting AI Assistant into two + distinct tools with clearer purpose. +

+ + +
+

Concept A — Resolve / Build / Insights

+

Three clear workflow stages. "Resolve" is front and center because that's what engineers spend most time doing. AI is split: copilot lives in Resolve, builder lives in Build.

+
+ +
+ + +
+
+
Concept A1
+
With Section Labels
+
Explicit uppercase labels separate each group. Clear visual hierarchy.
+
+
+
Resolve
+
+
+ Sessions + 3 +
+
+
+ All Flows + 32 +
+
+
+ FlowPilot +
+
+
+ Script Library +
+ +
Build
+
+
+ Flow Editor +
+
+
+ Flow Assist +
+
+
+ Step Library +
+
+
+ KB Accelerator +
+ +
Insights
+
+
+ Dashboard +
+
+
+ Exports +
+
+
+ Analytics +
+ +
+
+
+ User Guides +
+ +
+
+ Account +
+
+
+
+ + +
+
+
Concept A2
+
With Dividers Only
+
Same grouping but uses subtle divider lines instead of text labels. Cleaner, less visual noise. Groups are implied by proximity.
+
+
+
+
+ Sessions + 3 +
+
+
+ All Flows + 32 +
+
+
+ FlowPilot +
+
+
+ Script Library +
+ +
+ +
+
+ Flow Editor +
+
+
+ Flow Assist +
+
+
+ Step Library +
+
+
+ KB Accelerator +
+ +
+ +
+
+ Dashboard +
+
+
+ Exports +
+
+
+ Analytics +
+ +
+
+
+ User Guides +
+ +
+
+ Account +
+
+
+
+ + +
+
+
Concept A3
+
Dashboard First
+
Dashboard stays at the top as the "home" landing, then workflow groups follow. Some engineers want the overview first before diving into work.
+
+
+
+
+ Dashboard +
+ +
Resolve
+
+
+ Sessions + 3 +
+
+
+ All Flows + 32 +
+
+
+ FlowPilot +
+
+
+ Script Library +
+ +
Build
+
+
+ Flow Editor +
+
+
+ Flow Assist +
+
+
+ Step Library +
+
+
+ KB Accelerator +
+ +
Insights
+
+
+ Exports +
+
+
+ Analytics +
+ +
+
+
+ User Guides +
+ +
+
+ Account +
+
+
+
+ +
+ + +
+

Concept B — Work / Build (Simpler Split)

+

Only two groups instead of three. Dashboard top, then "Work" (active troubleshooting) and "Build" (authoring + review). Exports and Analytics move into Build since they're about improving process, not resolving tickets.

+
+ +
+ +
+
+
Concept B1
+
Two Groups + Dashboard
+
Fewer sections = less cognitive load. "Work" is what you do when tickets come in. "Build" is everything else.
+
+
+
+
+ Dashboard +
+ +
Work
+
+
+ Sessions + 3 +
+
+
+ All Flows + 32 +
+
+
+ FlowPilot +
+
+
+ Script Library +
+
+
+ Exports +
+ +
Build
+
+
+ Flow Editor +
+
+
+ Flow Assist +
+
+
+ Step Library +
+
+
+ KB Accelerator +
+
+
+ Analytics +
+ +
+
+
+ User Guides +
+ +
+
+ Account +
+
+
+
+ +
+ + +
+

AI Assistant Split — Naming Options

+
+ +
+

Troubleshooting AI (Copilot)

+

Used during active sessions. Suggests next steps, explains errors, provides context from ticket data and knowledge base.

+
+
+ FlowPilot + Brain icon — suggests intelligence guiding you. Already used in the copilot panel. +
+
+
+ AI Copilot + Current robot icon — generic but clear purpose +
+
+
+ Resolve AI + Sparkle icon — ties to the "Resolve" section name +
+
+ +
+

Flow Builder AI (Authoring)

+

Used when building new flows from scratch. Conversational interface to generate decision trees, procedural steps, and intake forms.

+
+
+ Flow Assist + Wand icon — creation/magic. Already the name of the embedded editor AI. +
+
+
+ AI Builder + Robot icon — explicit "builder" label +
+
+
+ Flow Forge + Wrench icon — "forge" = crafting/building +
+
+ +
+
+ + + + +