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}
/>
- >
+
)}
);