diff --git a/packages/app-shell/src/views/metadata-admin/ResourceEditPage.tsx b/packages/app-shell/src/views/metadata-admin/ResourceEditPage.tsx
index 4240b2c4a..0ccf2b473 100644
--- a/packages/app-shell/src/views/metadata-admin/ResourceEditPage.tsx
+++ b/packages/app-shell/src/views/metadata-admin/ResourceEditPage.tsx
@@ -117,11 +117,6 @@ import { describeIssuePath } from './issuePath';
 import { buildCreateModeBody } from './createBody';
 import { errorCodeIs, errorCodeIsAnyOf } from '@object-ui/types';
 
-// react-resizable-panels' `direction` prop type does not always narrow
-// cleanly in our TS config; cast at the boundary (precedent:
-// packages/components/src/custom/navigation-overlay.tsx).
-const PanelGroup = ResizablePanelGroup as React.FC<any>;
-
 /**
  * Metadata types whose canvas IS the primary create-time authoring
  * surface, so we render the preview/inspector split during create
@@ -2060,8 +2055,8 @@ function MetadataResourceEditPageImpl({
                     : 'relative flex-1 min-h-0 flex'
                 }
               >
-                <PanelGroup
-                  direction="horizontal"
+                <ResizablePanelGroup
+                  orientation="horizontal"
                   className="flex-1 min-h-0 rounded-md border bg-background overflow-hidden"
                   id={`metadata-edit-${type}`}
                 >
@@ -2336,7 +2331,7 @@ function MetadataResourceEditPageImpl({
                       </div>
                     </div>
                   </ResizablePanel>
-                </PanelGroup>
+                </ResizablePanelGroup>
                 {/* The floating reopen pill that used to live here was
                     removed: the canvas toolbar already hosts a permanent
                     VSCode-style inspector toggle next to the fullscreen
diff --git a/packages/components/src/custom/navigation-overlay.tsx b/packages/components/src/custom/navigation-overlay.tsx
index 5860463f1..ce8006bc4 100644
--- a/packages/components/src/custom/navigation-overlay.tsx
+++ b/packages/components/src/custom/navigation-overlay.tsx
@@ -460,12 +460,8 @@ export const NavigationOverlay: React.FC<NavigationOverlayProps> = ({
       : 40;
     const mainPercent = 100 - detailPercent;
 
-    // Cast needed: ResizablePanelGroup has correct runtime behavior but
-    // vite-plugin-dts may not resolve the direction prop type correctly
-    const PanelGroup = ResizablePanelGroup as React.FC<any>;
-
     return (
-      <PanelGroup direction="horizontal" className={cn('h-full', className)}>
+      <ResizablePanelGroup orientation="horizontal" className={cn('h-full', className)}>
         <ResizablePanel defaultSize={mainPercent} minSize={30}>
           {mainContent}
         </ResizablePanel>
@@ -501,7 +497,7 @@ export const NavigationOverlay: React.FC<NavigationOverlayProps> = ({
             {renderContent(selectedRecord)}
           </div>
         </ResizablePanel>
-      </PanelGroup>
+      </ResizablePanelGroup>
     );
   }