Skip to content

What's Here · What's Coming

Roadmap

Nodus is expanding across finance ontology, data visualization, workflow templates, and mobile. This page is the authoritative record of what is complete, what is in progress, and what is planned.

STATUS KEYSTABLEBETAPLANNEDIN PROGRESS

Current Coverage

304 Components · 168 Templates · 6 Layers · All Stable

S25STABLE

Sprint 25 — WebGL Charts, i18n Runtime, Tokens v2

Sprint 25 delivered three production-grade infrastructure layers: hardware-accelerated WebGL candlestick and scatter charts, a full i18n runtime with LocaleProvider and formatters for 6 locales, and Design Tokens v2 with OKLCH color derivation and createTheme palette API.

Sprint 25 Deliverables

CandlestickGLWebGL-accelerated candlestick chart with 60fps performance — DAN-146STABLE
i18n RuntimeLocaleProvider, useLocale hook, currency/date/number formatters — DAN-147STABLE
Design Tokens v2OKLCH color derivation, createTheme palette API, automated build step — DAN-149STABLE
Tokens v2 DocumentationTaxonomy, playground, migration guide — DAN-148STABLE
Test InfrastructureWebGL a11y suite, i18n test suite, Tokens v2 baseline — DAN-151STABLE
A2UI Advanced TemplatesQuantDashboard, AlgoMonitorBoard, MarketMicrostructureView — DAN-145STABLE
S26STABLE

Sprint 26 — AI-Native Component Pack, White-Label System & Documentation Excellence

Sprint 26 delivered AI & Agent components for Claude API integration, a white-label theming system with RuntimeThemeProvider and full token override API, and Documentation v2 across all major pages. Live Playground Links remain outstanding.

AI & Agent Components

StreamingArtifactStreamed code/markdown/text with syntax highlight, diff view, copy — DAN-153STABLE
ContextWindowMeterToken usage visualization with overflow warning and segment legend — DAN-153STABLE
ModelSelectorClaude model comparison dropdown/panel with capability tags — DAN-153STABLE
FunctionCallVisualizerTool call execution: input, status, output, duration, call ID — DAN-153STABLE
GenerativeFormFillAI-assist form field with ghost text, confidence badge, Tab-to-accept — DAN-153STABLE

Documentation v2

Component Relationship GraphInteractive dependency graph — /foundation/component-graph — DAN-157STABLE
AI & Agent category pageFull usage docs for 5 AI components with state machine diagrams — DAN-157STABLE
Roadmap v2Sprint milestone tracking, layer counts, status history — DAN-157STABLE
White-Label Theming SystemRuntimeThemeProvider, createTheme API, token override guide, sandbox theme builder — DAN-154STABLE
Live Playground LinksPer-component playground deep links from docs pages — DAN-157PLANNED
P2STABLE

Finance Ontology — Domain Expansion

Finance component library fully expanded across all core treasury domains. Each domain has canonical primitives, layouts, and interaction patterns — decision surfaces, workflow stages, and domain-specific data models. All major domains and workflows shipped.

Treasury Domains

Payments & SettlementSWIFT, ACH, SEPA, ISO 20022 — payment lifecycle, status tracking, counterparty scoringSTABLE
FX & DerivativesOption pricing, hedging strategies, Greeks, volatility surfaces, tenor ladderSTABLE
Liquidity & CashCashPositionCard, CashPoolCard, CashForecastChart, PoolHierarchy — intraday liquidity, pool optimization, concentration riskSTABLE
Risk AnalyticsVaR, CVaR, stress testing, scenario analysis, limit managementSTABLE
Compliance & RegulatoryAMLAlertCard, ComplianceDashboard, SanctionsCheck, RegulatoryCapitalGauge — FRTB, Basel III, LCR/NSFR, sanctions screeningSTABLE
ReconciliationBreakAnalysisTable, ExceptionQueue, MatchPair, ReconSummary, ReconWaterfall — match queues, exception management, break analysisSTABLE
Portfolio & InvestmentsHoldingsTable, AttributionTable, PnLAttributionSummary — holdings, attribution, performance metrics, allocation driftSTABLE
Funding & CapitalCapitalStructureWaterfall, FundingCostBreakdown, RegulatoryCapitalGauge — capital allocation, collateral optimization, funding curvesSTABLE

Finance Workflows

Daily Cash Position WorkflowOpening position → intraday updates → end-of-day close ceremony — daily-cash-workflow templateSTABLE
FX Hedging WorkflowExposure identification → hedge proposal → approval ceremony → execution → monitoring — fx-hedging-workflow templateSTABLE
Payment Approval WorkflowQueue ingestion → dual-control → sanctions → release → settlement tracking — payment-approval-workflow templateSTABLE
Month-End Close WorkflowRecon checklist → variance analysis → sign-off ceremony → reporting lockSTABLE
Limit Breach ResponseBreach detection → escalation → remediation → post-mortemSTABLE
P3STABLE

Data Visualization System

Token-native chart library built on Recharts, composing fully with DS semantic tokens. All major chart types shipped in components/finance/. DS Chart Token Bridge (chart-tokens.ts) provides runtime CSS variable resolution for SVG surfaces. Tooltip system and full chart accessibility are at beta.

Chart Types

Line ChartMulti-series, threshold bands, zoom, annotations — LineChart.tsxSTABLE
Area ChartStacked, gradient fills, time series, missing data handling — AreaChart.tsxSTABLE
Bar Chart (Grouped)Clustered and stacked variants, negative values, labels — GroupedBarChart.tsxSTABLE
Scatter PlotBubble sizing, quadrant lines, regression overlays — ScatterChart.tsx / ScatterPlot.tsxSTABLE
Sankey / Flow DiagramFund flow, payment routing, allocation visualization — SankeyDiagram.tsxSTABLE
TreemapPortfolio composition, exposure distribution, hierarchical data — Treemap.tsxSTABLE
Diverging BarPositive/negative variance, factor attribution, waterfall — DivergingBarChart.tsxSTABLE
Heatmap (Calendar)Temporal patterns, activity density, risk calendars — HeatmapChart.tsxSTABLE

Chart Infrastructure

DS Token BridgeuseChartTokens() — runtime CSS variable resolution for SVG/Recharts, auto dark/light — chart-tokens.tsSTABLE
Responsive ContainerFluid width, breakpoint-aware legends, touch fallback — AdaptiveChartContainer.tsxSTABLE
Tooltip SystemDS-styled tooltips with provenance, drill-down, and formattingBETA
Chart AccessibilityARIA descriptions, keyboard navigation, screen reader data tables — WebGL a11y suite shippedBETA
P4STABLE

Templates & Page Layouts

Full A2UI template library shipped across finance and AI-native views. All templates compose existing components into proven layouts with correct spacing, hierarchy, and information density. Available at /a2ui/templates.

Finance Templates

Cash Position DashboardMulti-entity cash position, intraday chart, pool hierarchy, alerts — cash-position-dashboardSTABLE
FX Risk MonitorExposure table, Greeks panel, hedge effectiveness, limit usage — fx-risk-monitorSTABLE
Payment Operations CenterQueue, dual-control panel, STP rate metrics, status tracker — payment-operationsSTABLE
Portfolio Analytics ViewHoldings table, attribution chart, risk heatmap, benchmark comparison — portfolio-risk-overviewSTABLE

AI Interface Templates

Agent Chat InterfaceConversation thread, tool call panel, context window indicator, model selector — agent-chatSTABLE
Multi-Agent OrchestrationPipeline view, agent cards, handoff visualization, audit trail — agent-pipeline-dashboard / multi-agent-orchestrationSTABLE
Knowledge Base SearchSemantic search, retrieval ranking, citation cards, vault boundary — knowledge-searchSTABLE
Approval CenterConsent flow, decision queue, authority levels, audit log — agent-approval-gate / approval-flowSTABLE
P5BETA

Mobile & Responsive Patterns

Responsive variants and mobile-first patterns for field use, approvals-on-the-go, and embedded views. Core patterns shipped. Touch-optimized tables and bottom sheet overlays remain outstanding.

Mobile Patterns

Touch-Optimized TablesHorizontal scroll, row expansion, swipe actions, sticky columnsPLANNED
Mobile Approval FlowCompact consent ceremony, biometric confirmation, push notification layoutSTABLE
Adaptive Chart ContainersChart → metric card fallback at mobile breakpoint, landscape mode — AdaptiveChartContainer.tsxSTABLE
Bottom Sheet PatternsDrawer overlays for filters, detail views, action menusPLANNED

Completeness Standard

STABLE means: component is documented, has live demo, passes WCAG AA contrast, uses only DS tokens, has zero hardcoded values, is covered by the registry, and has been visually attested in both light and dark mode. BETA means: functional but may have open accessibility or token issues. PLANNED means: designed in concept but not yet implemented.