Design a web app UI for a "Comment Prompt Testing Screen".The layout should include:1. Top Section: Table Selection - A dropdown or table selector labeled "Select Table" - Once a table is selected, show below: - "Domain Knowledge" (editable text area) - "Schema" (editable) - "Relationships" (editable) - "Instructions" (editable)2. Middle Section: Actions - Two buttons: - "Ask LLM" (primary button) - "Save"3. Bottom Section: LLM Response - If "Ask LLM" is clicked, show: - A large read-only text area labeled "LLM Response (Comment)" - Two buttons: - "Edit" - "Save"Design with a clean, modern UI using cards, tabs, or dividers to visually separate sections. Use clear typography and intuitive spacing. Suitable for developers or analysts working with data prompts.
I'll create a clean, modern UI for your Comment Prompt Testing Screen with clear visual separation between the three main sections.
I've created a comprehensive Comment Prompt Testing Screen with the following features:
Top Section - Table Configuration:
Middle Section - Actions:
Bottom Section - LLM Response:
The interface is perfect for developers and analysts who need to test and refine LLM prompts with database context, providing a professional and intuitive workflow.
I'll update the design so that Domain Knowledge, Schema, and Relationships are automatically populated when a table is selected, and only Instructions remains editable.
I've updated the design so that:
The workflow is now much cleaner - users simply select a table to get all the context automatically loaded, then focus on crafting the specific instructions for their LLM prompt testing.