Data source panel with JSON editor

[zhenyu-cpu]

Question

How should the data source panel be implemented to match the reference UI?

Context

The reference site shows a '数据' (Data) tab in the left sidebar with:

• A JSON editor for binding data to template elements
• Example data structure display
• Ability to switch between different data sources

Current state

Template data binding exists in code but no dedicated UI panel for managing it.

Key decisions needed

1. Use a code editor component (e.g., codemirror, monaco-editor) or simple textarea?
2. Should data validation be real-time?
3. How to handle multiple data sources?
4. Should data be preview-able in the template?

Depends on

Map issue #213