From f7d73ad821b2215a6b344944f749c8022e9b17b3 Mon Sep 17 00:00:00 2001
From: Paul Trowbridge <paul@hptrow.me>
Date: Tue, 14 Apr 2026 22:31:56 -0400
Subject: [PATCH] Pivot: clean up click inspector upper pane display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Show row path prominently, filter to non-null metric values,
use group_by › split_by as section header.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 ui/src/pages/Pivot.jsx | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/ui/src/pages/Pivot.jsx b/ui/src/pages/Pivot.jsx
index 73ee838..298a161 100644
--- a/ui/src/pages/Pivot.jsx
+++ b/ui/src/pages/Pivot.jsx
@@ -218,14 +218,25 @@ export default function Pivot({ source }) {
             {/* Click context — row values from Perspective */}
             <div className="px-3 py-2 border-b border-gray-100">
               <div className="text-xs text-gray-400 uppercase tracking-wide mb-1">
-                {clickDetail.column_names?.join(', ') || 'Cell'}
+                {[...(clickDetail.config?.group_by || []), ...(clickDetail.config?.split_by || [])].join(' › ') || clickDetail.column_names?.join(', ') || 'Cell'}
               </div>
-              {Object.entries(clickDetail.row).map(([k, v]) => (
-                <div key={k} className="flex justify-between py-0.5 gap-2">
-                  <span className="text-xs text-gray-400 font-mono shrink-0">{k}</span>
-                  <span className="text-xs text-gray-700 font-mono text-right truncate">{formatVal(v) ?? '—'}</span>
+              {/* Row path */}
+              {clickDetail.row['__ROW_PATH__'] && (
+                <div className="text-xs text-gray-700 font-mono font-semibold mb-1">
+                  {Array.isArray(clickDetail.row['__ROW_PATH__'])
+                    ? clickDetail.row['__ROW_PATH__'].join(' › ')
+                    : String(clickDetail.row['__ROW_PATH__'])}
                 </div>
-              ))}
+              )}
+              {/* Non-null metric values only */}
+              {Object.entries(clickDetail.row)
+                .filter(([k, v]) => k !== '__ROW_PATH__' && v != null)
+                .map(([k, v]) => (
+                  <div key={k} className="flex justify-between py-0.5 gap-2">
+                    <span className="text-xs text-gray-400 font-mono shrink-0">{k}</span>
+                    <span className="text-xs text-gray-700 font-mono text-right">{formatVal(v)}</span>
+                  </div>
+                ))}
             </div>
 
             {/* Config context — group_by / split_by / filters if any */}