Loading overlay

import { LoadingOverlay } from "@/components/blocks/loading-overlay";

import { LoadingOverlay } from "@/components/blocks/loading-overlay";

export function Page({ data }) {
  return (
    <>
      <LoadingOverlay
        loading={!data}
        states={["Fetching the project", "Gathering the files", "Almost there"]}
      />
      {data && <Content data={data} />}
    </>
  );
}

LoadingOverlay            (role="status", fixed or `contained` blur, fades on `loading={false}`)
├── Inky                  (stageWidth "fill", scene, action "walkaway" — `inky` overrides)
├── ThinkingStates        (from ai-thinking-card — rotating shimmer line)
└── elapsed               (useElapsed from loading-state — `showElapsed`)