@if (SelectedCellDetail is null)
{
    <InspectorSection Title="Inspector" Description="Select a result in the table to inspect its details here.">
        <p class="tables-inspector-empty">Choose a cell to see its roll band, severity, and readable result without leaving the grid.</p>
    </InspectorSection>
}
else
{
    var cell = SelectedCellDetail;

    <InspectorSection Title="Selected Result" Description="Read the selected cell and its context without opening a modal.">
        <div class="tables-inspector-summary">
            <div>
                <p class="tables-inspector-kicker">Roll band</p>
                <strong>@cell.RollBand</strong>
            </div>
            <div>
                <p class="tables-inspector-kicker">Severity</p>
                <strong>@cell.ColumnLabel</strong>
            </div>
            @if (!string.IsNullOrWhiteSpace(cell.GroupLabel))
            {
                <div>
                    <p class="tables-inspector-kicker">Variant</p>
                    <strong>@cell.GroupLabel</strong>
                </div>
            }
            <div>
                <p class="tables-inspector-kicker">Status</p>
                <StatusChip Tone="@(cell.IsCurated ? "success" : "warning")">
                    @(cell.IsCurated ? "Curated" : "Needs Curation")
                </StatusChip>
            </div>
        </div>
    </InspectorSection>

    <InspectorSection Title="Result" Description="The selected critical result stays readable while you browse the grid.">
        <CompactCriticalCell
            Description="@(cell.Description ?? string.Empty)"
            Effects="@(cell.Effects ?? Array.Empty<CriticalEffectLookupResponse>())"
            Branches="@(cell.Branches ?? Array.Empty<CriticalBranchLookupResponse>())" />
    </InspectorSection>
}

@code {
    [Parameter]
    public CriticalTableCellDetail? SelectedCellDetail { get; set; }
}
