show model content while layout is loading

packages/hub/src/app/models/[owner]/[slug]/FallbackLayout.tsx

@@ -1,17 +1,21 @@
 "use client";
 
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 
 import { EntityLayout } from "@/components/EntityLayout";
 
 import { ModelEntityNodes } from "./ModelEntityNodes";
 
-type Props = {
+type Props = PropsWithChildren<{
   username: string;
   slug: string;
-};
+}>;
 
-export const FallbackModelLayout: FC<Props> = ({ username, slug }) => {
+export const FallbackModelLayout: FC<Props> = ({
+  username,
+  slug,
+  children,
+}) => {
   return (
     <EntityLayout
       // Note that we don't pass `__typename` here.
@@ -25,6 +29,8 @@ export const FallbackModelLayout: FC<Props> = ({ username, slug }) => {
           }}
         />
       }
-    />
+    >
+      {children}
+    </EntityLayout>
   );
 };

packages/hub/src/app/models/[owner]/[slug]/layout.tsx

@@ -31,7 +31,13 @@ async function LoadedLayout({ params, children }: Props) {
 export default async function Layout({ params, children }: Props) {
   const { owner, slug } = await params;
   return (
-    <Suspense fallback={<FallbackModelLayout username={owner} slug={slug} />}>
+    <Suspense
+      fallback={
+        <FallbackModelLayout username={owner} slug={slug}>
+          {children}
+        </FallbackModelLayout>
+      }
+    >
       <LoadedLayout params={params}>{children}</LoadedLayout>
     </Suspense>
   );

packages/hub/src/squiggle/components/ImportTooltip.tsx

@@ -23,7 +23,7 @@ export const ImportTooltip: FC<Props> = ({ importId }) => {
     // TODO - this is done with a server action, so it's not cached.
     // A route would be better.
     loadModelCardAction({ owner, slug }).then(setModel);
-  }, []);
+  }, [owner, slug]);
 
   return (
     <div