redpanda-data · c-julin · Jun 23, 2026 · Jun 5, 2026 · Jun 9, 2026 · Jun 9, 2026
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,7 @@ fixname.sh
 # IDEs
 **/.vscode
 **/.idea
+**/.cursor
 **/*.code-workspace
 
 # Helper Scripts
@@ -17,7 +18,13 @@ requests.txt
 .prettierrc
 
 # Local build tools installed via Taskfiles
-build
+/build
+/configs
 
-.cursor
+# Go workspace (local dev only)
+go.work
+go.work.sum
+
+# Claude Code local state
 .claude/worktrees/
+.claude/settings.local.json
diff --git a/backend/pkg/console/endpoint_compatibility.go b/backend/pkg/console/endpoint_compatibility.go
@@ -231,6 +231,11 @@ func (s *Service) GetEndpointCompatibility(ctx context.Context) (EndpointCompati
 			Method:      "POST",
 			IsSupported: false,
 		},
+		EndpointCompatibilityEndpoint{
+			Endpoint:    dataplanev1alpha3connect.SQLServiceName,
+			Method:      "POST",
+			IsSupported: false,
+		},
 	)
 
 	return EndpointCompatibility{

diff --git a/frontend/bun.lock b/frontend/bun.lock
diff --git a/frontend/package.json b/frontend/package.json
@@ -53,20 +53,26 @@
     "@buf/redpandadata_cloud.connectrpc_query-es": "^2.2.0-20251128173054-b9f9fc6e5a70.1",
     "@buf/redpandadata_common.bufbuild_es": "^2.11.0-20260316210807-5d899910f714.1",
     "@bufbuild/cel": "^0.4.0",
-    "@bufbuild/protobuf": "^2.11.0",
+    "@bufbuild/protobuf": "^2.12.0",
     "@bufbuild/protoc-gen-es": "^2.10.0",
     "@builder.io/sdk-react": "^4.2.4",
     "@chakra-ui/object-utils": "^2.1",
     "@chakra-ui/popper": "^2.1",
     "@chakra-ui/portal": "^2.1",
     "@chakra-ui/react-use-disclosure": "^2.1",
     "@chakra-ui/system": "^2.1",
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/lang-sql": "^6.10.0",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.43.1",
     "@connectrpc/connect": "^2.1.0",
     "@connectrpc/connect-query": "^2.2.0",
     "@connectrpc/connect-web": "^2.1.0",
     "@emotion/css": "^11.13.5",
     "@hookform/resolvers": "^5.2.2",
     "@icons-pack/react-simple-icons": "^13.8.0",
+    "@lezer/highlight": "^1.2.3",
     "@milkdown/kit": "^7.18.0",
     "@milkdown/react": "^7.18.0",
     "@modelcontextprotocol/sdk": "^1.29.0",
@@ -84,13 +90,14 @@
     "@tanstack/react-virtual": "^3.13.12",
     "@tanstack/zod-adapter": "^1.167.0",
     "@types/prismjs": "^1.26.5",
+    "@uiw/react-codemirror": "^4.25.10",
     "@xyflow/react": "^12.9.2",
     "ai": "^6.0.168",
     "array-move": "^4.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
+    "date-fns": "^4.3.0",
     "dexie": "^4.2.1",
     "dotenv": "^17.2.3",
     "es-cookie": "^1.5.0",
@@ -113,11 +120,12 @@
     "react": "^18.3.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-compiler-runtime": "^1.0.0",
+    "react-data-grid": "7.0.0-beta.47",
     "react-day-picker": "^9.14.0",
     "react-dom": "^18.3.1",
     "react-dropzone": "^15.0.0",
     "react-highlight-words": "^0.21.0",
-    "react-hook-form": "^7.72.0",
+    "react-hook-form": "^7.76.1",
     "react-markdown": "^10.1.0",
     "react-resizable-panels": "^3.0.6",
     "react-simple-code-editor": "^0.14.1",
@@ -127,6 +135,7 @@
     "remark-gfm": "^4.0.1",
     "shiki": "^3.23.0",
     "sonner": "^2.0.7",
+    "sql-formatter": "^15.8.1",
     "stacktrace-js": "^2.0.2",
     "streamdown": "^2.5.0",
     "tailwind-merge": "^3.5.0",

diff --git a/frontend/src/app.tsx b/frontend/src/app.tsx
@@ -42,6 +42,7 @@ import { builderCustomComponents } from 'components/builder-io/builder-custom-co
 import { BUILDER_API_KEY } from 'components/constants';
 import { CustomFeatureFlagProvider } from 'custom-feature-flag-provider';
 import useDeveloperView from 'hooks/use-developer-view';
+import type { LucideIcon } from 'lucide-react';
 import { protobufRegistry } from 'protobuf-registry';
 import queryClient from 'query-client';
 import { useEffect } from 'react';
@@ -98,6 +99,16 @@ declare module '@tanstack/react-router' {
     content?: string;
     score?: number;
   }
+
+  // biome-ignore lint/style/useConsistentTypeDefinitions: Required for TanStack Router module augmentation
+  interface StaticDataRouteOption {
+    /** Route title shown in the page header/breadcrumbs. */
+    title?: string;
+    /** Lucide icon for the route's sidebar entry. */
+    icon?: LucideIcon;
+    /** Render the route with minimal chrome (no page header/footer/padding). */
+    fullscreen?: boolean;
+  }
 }
 
 const EMPTY_SETUP_ARGS = {};

diff --git a/frontend/src/components/layout/header.tsx b/frontend/src/components/layout/header.tsx
@@ -10,7 +10,7 @@
  */
 
 import { Button, ColorModeSwitch, CopyButton } from '@redpanda-data/ui';
-import { Link, useLocation, useMatchRoute } from '@tanstack/react-router';
+import { Link, useLocation, useMatches, useMatchRoute } from '@tanstack/react-router';
 import { Heading } from 'components/redpanda-ui/components/typography';
 import { cn } from 'components/redpanda-ui/lib/utils';
 import { ChevronLeft } from 'lucide-react';
@@ -69,8 +69,14 @@ function BreadcrumbHeaderRow({ useNewSidebar, breadcrumbItems }: BreadcrumbHeade
   );
 }
 
-function AppPageHeader() {
+function AppPageHeader({ breadcrumbOnly = false }: { breadcrumbOnly?: boolean }) {
   useApiStoreHook((s) => s.userData); // re-render when userData changes
+  // Fullscreen routes (e.g. the SQL studio) carry their own title bar/toolbar, so
+  // they never want the title+actions row — only the breadcrumb. Robust to which
+  // layout branch renders the header (standalone vs embedded misdetection).
+  const matches = useMatches();
+  const isFullscreenRoute = matches.some((m) => m.staticData.fullscreen);
+  const hideTitleRow = breadcrumbOnly || isFullscreenRoute;
   const showRefresh = useShouldShowRefresh();
   const shouldHideHeader = useShouldHideHeader();
   const useNewSidebar = !isEmbedded();
@@ -104,49 +110,55 @@ function AppPageHeader() {
     <div>
       <BreadcrumbHeaderRow breadcrumbItems={breadcrumbItems} useNewSidebar={useNewSidebar} />
 
-      <div className="flex items-center justify-between pt-6">
-        <div className="flex flex-col gap-1">
-          {backLink && (
-            <RegistryButton asChild className="-ml-2 w-fit text-muted-foreground" variant="ghost">
-              <Link to={backLink.linkTo}>
-                <ChevronLeft className="h-4 w-4" />
-                {backLink.title}
+      {/* Title + actions row. Hidden for breadcrumb-only headers (e.g. the SQL
+          studio, which carries its own title bar and toolbar). */}
+      {!hideTitleRow && (
+        <div className="flex items-center justify-between pt-6">
+          <div className="flex flex-col gap-1">
+            {backLink && (
+              <RegistryButton asChild className="-ml-2 w-fit text-muted-foreground" variant="ghost">
+                <Link to={backLink.linkTo}>
+                  <ChevronLeft className="h-4 w-4" />
+                  {backLink.title}
+                </Link>
+              </RegistryButton>
+            )}
+            <div className="flex items-center">
+              {pageTitle ? (
+                <Heading
+                  className={cn('mr-2', lastBreadcrumb?.options?.canBeTruncated ? 'break-spaces break-all' : 'nowrap')}
+                  level={1}
+                >
+                  {pageTitle}
+                </Heading>
+              ) : null}
+              {lastBreadcrumb?.options?.canBeCopied ? (
+                <CopyButton content={lastBreadcrumb.title} variant="ghost" />
+              ) : null}
+              {Boolean(showRefresh) && <DataRefreshButton />}
+            </div>
+          </div>
+          <div className="flex items-center gap-2">
+            {!isEmbedded() && api.isRedpanda && (
+              <Link to="/debug-bundle">
+                <Button
+                  isDisabled={!api.userData?.canViewDebugBundle}
+                  tooltip={
+                    api.userData?.canViewDebugBundle
+                      ? null
+                      : 'You need RedpandaCapability.MANAGE_DEBUG_BUNDLE permission'
+                  }
+                  variant="ghost"
+                >
+                  Debug bundle
+                </Button>
               </Link>
-            </RegistryButton>
-          )}
-          <div className="flex items-center">
-            {pageTitle ? (
-              <Heading
-                className={cn('mr-2', lastBreadcrumb?.options?.canBeTruncated ? 'break-spaces break-all' : 'nowrap')}
-                level={1}
-              >
-                {pageTitle}
-              </Heading>
-            ) : null}
-            {lastBreadcrumb?.options?.canBeCopied ? (
-              <CopyButton content={lastBreadcrumb.title} variant="ghost" />
-            ) : null}
-            {Boolean(showRefresh) && <DataRefreshButton />}
+            )}
+            <UserPreferencesButton />
+            {IsDev && !isEmbedded() && <ColorModeSwitch m={0} p={0} variant="ghost" />}
           </div>
         </div>
-        <div className="flex items-center gap-2">
-          {!isEmbedded() && api.isRedpanda && (
-            <Link to="/debug-bundle">
-              <Button
-                isDisabled={!api.userData?.canViewDebugBundle}
-                tooltip={
-                  api.userData?.canViewDebugBundle ? null : 'You need RedpandaCapability.MANAGE_DEBUG_BUNDLE permission'
-                }
-                variant="ghost"
-              >
-                Debug bundle
-              </Button>
-            </Link>
-          )}
-          <UserPreferencesButton />
-          {IsDev && !isEmbedded() && <ColorModeSwitch m={0} p={0} variant="ghost" />}
-        </div>
-      </div>
+      )}
     </div>
   );
 }