Egan v2 · Design Consultation

Wireframes: Foundry-Coded v2

Working wireframes for the next-version Egan UI. Mood is Foundry-coded — institutional, panel-disciplined, analytical. Wireframes are monochrome; brand color decisions follow. See CONTEXT.md for design constraints and decisions.

Information Architecture (proposed)
EGAN

Five sections, organized by intent — not by data shape

Today's IA mixes user workflows (Sales, Benchmarks) with internal tooling (Node Management, Data Quality, Settings) in the same sidebar. The knowledge graph is fragmented across three sections. The home page is a database admin panel. v2 collapses 9 sidebar sections into 5 intent-oriented ones.

Brief replaces the stats dashboard

What changed, what to act on. Not 10,000 nodes! 50,000 edges! — the v1 home reads as a database admin panel, not a tool.

Graph Explorer anchors Knowledge

The graph IS the differentiator. Taxonomy and Compliance become views into it, not parallel concerns.

Operate is its own section

Pipelines, Import, Quality, Admin — demoted but not hidden. Stops admin chrome from interrupting user workflows.

Anchor Wireframes
Pending Approval

Brief

Home / today view. Replaces the v1 stats dashboard. The identity-defining page — sets the visual register for the v2. What changed, what to act on, what's queued.

Pending Approval

Graph Explorer

The spine. Reorganized so the graph anchors the Knowledge section — Taxonomy and Compliance become views into the graph, not parallel features.

Pending Approval

Account Intelligence

Account [id] view. The primary Quanta workflow — the "money page" where value gets delivered to the user. Tests the Accounts section.

Pending Approval

Compliance Browser

Reference-data browsing pattern. Frameworks → controls → gaps. Tests how the Knowledge section feels for non-graph navigation.

Pending Approval

Sales Plan

Workflow / document pattern. Building something inside Egan, not just browsing. Tests the Accounts → Plans flow.

Extended Surfaces (batch 2)

Adds two IA sub-items: Operate › Integrations and Analyze › Similarity. Otherwise everything slots into existing sub-items. Each extends the design system rather than introducing new shells.

Pending Approval

Notebook + Piggie palette

Analyze › Notebook. Minimal-Jupyter (cells + output) with a Piggie/Egan function-palette sidecar. Click-to-insert; tight integration with the graph.

Pending Approval

Pipeline Manager

Operate › Pipelines. Sources + pipelines list and detail. Form-based config (visual DAG deferred to v3).

Pending Approval

Ontology Designer

Knowledge › Ontologies. Merged designer + browser with read-only/edit toggle. Three-pane: types list / entity editor / live preview.

Pending Approval

Integration Manager

Operate › Integrations (new sub-item). Connections to Quanta, Piggie, external systems. Status, traffic, auth, audit log.

Pending Approval

Similarity Search

Analyze › Similarity (new sub-item). Standalone semantic search. "Similar to this" surfaces also retrofit into Account Intelligence and Graph Inspector.

Pending Approval

Graph Explorer v2

Knowledge › Graph. Adds canvas search overlay, minimap, saved-views switcher, pathfinder mode, comparison toggle.

Pending Approval

Query page

Analyze › Query. Cypher/SQL editor (reuses notebook code-cell pattern) + results panel + saved queries library + execution history.

Pending Approval

Report Designer

Analyze › Reports. Sectioned-document authoring with parameter binding. Shares patterns with Sales Plan (sections) and Notebook (parametrized output).

Design System (Reference)

System

Full visual reference of the kit's tokens and primitives: colors, type, spacing, icons, buttons, forms, placeholders, atoms.

Wireframe Template

Kit page skeleton (marketing-site shell). Egan v2 adapts this — sidebar+main instead of eyebrow+mainnav.

Components

Additional wireframe patterns beyond the deck — modals, tabs, breadcrumbs, accordions, side navs.

Deck Patterns

UI patterns for every Wireframe Deck card type.