three-tab-query-response

A text-to-SQL interface with independent tabs for Answer, View SQL, and Chart lets each response maintain its own tab state. This Skill provides a reusable three-tab React component using Salt DS and ECharts that enables lazy chart rendering and per-response state management for modular query workflows.

Yes. This Skill integrates Elasticsearch for fast history search and discovery, ECharts for visualization rendering, and Salt DS components to build a searchable dashboard where users can pin charts from responses and explore similar queries efficiently.

Lazy chart rendering loads visualizations only when users open the Chart tab, reducing initial load time. This Skill applies virtualization and caching patterns to optimize performance in multi-turn text-to-SQL conversations while maintaining independent state across responses.

The Skill provides a dashboard component where users pin charts from any response to a draggable interface with quick actions. This enables persistent visualization management alongside the conversational text-to-SQL workflow.

Yes. The Skill includes UI patterns and prompt guidance to manage topic shifts and context drift in multi-turn conversations, helping maintain coherent query flows when users pivot between different SQL queries or analytical directions.

The Skill scaffolds a reusable, modular three-tab component architecture for React apps with Salt DS styling, making it portable across projects that need text-to-SQL response formatting with independent tab state and chart support.