chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,44 @@
+import { Outlet } from "@remix-run/react";
+import { DevPresenceProvider } from "~/components/DevPresence";
+import { RouteErrorDisplay } from "~/components/ErrorDisplay";
+import { MainBody } from "~/components/layout/AppLayout";
+import { SideMenu } from "~/components/navigation/SideMenu";
+import { useEnvironment } from "~/hooks/useEnvironment";
+import { useIsImpersonating, useOrganization, useOrganizations } from "~/hooks/useOrganizations";
+import { useProject } from "~/hooks/useProject";
+import { useUser } from "~/hooks/useUser";
+import { v3ProjectPath } from "~/utils/pathBuilder";
+
+export default function Project() {
+  const organizations = useOrganizations();
+  const organization = useOrganization();
+  const project = useProject();
+  const environment = useEnvironment();
+  const user = useUser();
+  const isImpersonating = useIsImpersonating();
+
+  return (
+    <>
+      <div className="grid grid-cols-[auto_1fr] overflow-hidden">
+        <DevPresenceProvider enabled={environment.type === "DEVELOPMENT"}>
+          <SideMenu
+            user={{ ...user, isImpersonating }}
+            project={project}
+            environment={environment}
+            organization={organization}
+            organizations={organizations}
+          />
+          <MainBody>
+            <Outlet />
+          </MainBody>
+        </DevPresenceProvider>
+      </div>
+    </>
+  );
+}
+
+export function ErrorBoundary() {
+  const org = useOrganization();
+  const project = useProject();
+  return <RouteErrorDisplay button={{ title: project.name, to: v3ProjectPath(org, project) }} />;
+}