Failed to generate code suggestions for PR

Failed to generate code suggestions for PR

Greptile Overview

Greptile Summary

This PR adds a new feature to dashboard table charts that allows users to render specific fields as formatted JSON/Array data.

Key Changes:

• Added showFieldAsJson option to both X and Y axis field configurations in the dashboard panel schema
• Created a new JsonFieldRenderer Vue component that parses and renders JSON data with syntax highlighting, supporting arrays, objects, and primitives with theme-aware colors
• Integrated the renderer into TableRenderer to conditionally display JSON formatting when the flag is enabled
• Added UI checkboxes in the query builder for users to toggle JSON rendering per field

The implementation follows existing patterns in the codebase (similar to treatAsNonTimestamp) and properly initializes the new field for both new and existing panels.

Confidence Score: 5/5

• This PR is safe to merge - it adds a well-implemented feature with no breaking changes to existing functionality.
• The changes are clean, follow existing patterns in the codebase, and add a self-contained feature. The backend schema change uses proper optional field with serde skip_serializing_if, ensuring backward compatibility. The frontend components are well-structured with proper initialization and error handling.
• No files require special attention.

Important Files Changed

File Analysis

Sequence Diagram

sequenceDiagram
    participant User
    participant QueryBuilder as DashboardQueryBuilder
    participant Panel as useDashboardPanel
    participant Converter as convertTableData
    participant Renderer as TableRenderer
    participant JSON as JsonFieldRenderer

    User->>QueryBuilder: Toggle "Render Data as JSON" checkbox
    QueryBuilder->>Panel: Update field.showFieldAsJson = true
    Panel->>Converter: Pass panelSchema with showFieldAsJson
    Converter->>Converter: Map showFieldAsJson to column object
    Converter->>Renderer: Return columns with showFieldAsJson flag
    Renderer->>Renderer: Check props.col.showFieldAsJson
    alt showFieldAsJson is true
        Renderer->>JSON: Render with JsonFieldRenderer
        JSON->>JSON: Parse and format JSON/Array
        JSON-->>Renderer: Return formatted output
    else showFieldAsJson is false
        Renderer->>Renderer: Render plain value
    end
    Renderer-->>User: Display table cell