diff --git a/src/routes/notebooks.$id.tsx b/src/routes/notebooks.$id.tsx index e8e47e1..f79332a 100644 --- a/src/routes/notebooks.$id.tsx +++ b/src/routes/notebooks.$id.tsx @@ -624,7 +624,10 @@ export function SqlCellView({ onResultChange?.(null); }; + const [activeTab, setActiveTab] = useState(0); const hasResponse = results !== null || error !== null; + const multiple = !!results && results.length > 1; + const safeActive = results ? Math.min(activeTab, results.length - 1) : 0; return (
@@ -671,14 +674,28 @@ export function SqlCellView({ />
{hasResponse && ( - <> + setActiveTab(Number(v))} + className="flex flex-col min-h-0" + >
- - Result - {results - ? ` (${results.reduce((s, r) => s + (r.result?.length ?? 0), 0)})` - : ""} - + {multiple ? ( + + {results?.map((r, i) => ( + + Query-{i + 1} ({r.result?.length ?? 0}) + + ))} + + ) : ( + + Result + {results + ? ` (${results.reduce((s, r) => s + (r.result?.length ?? 0), 0)})` + : ""} + + )}
{duration !== undefined && ( @@ -698,7 +715,7 @@ export function SqlCellView({ onCancel={() => undefined} />
- + )}
);