snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/web/core/components/instance/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+export * from "./not-ready-view";
+export * from "./maintenance-view";

apps/web/core/components/instance/maintenance-message.tsx

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+export function MaintenanceMessage() {
+  const linkMap = [
+    {
+      key: "mail_to",
+      label: "Contact Support",
+      value: "mailto:support@plane.so",
+    },
+  ];
+
+  return (
+    <>
+      <div className="flex flex-col gap-2.5">
+        <h1 className="text-left text-18 font-semibold text-primary">
+          &#x1F6A7; Looks like Plane didn&apos;t start up correctly!
+        </h1>
+        <span className="text-left text-14 font-medium text-secondary">
+          Some services might have failed to start. Please check your container logs to identify and resolve the issue.
+          If you&apos;re stuck, reach out to our support team for more help.
+        </span>
+      </div>
+      <div className="mt-1 flex items-center justify-start gap-6">
+        {linkMap.map((link) => (
+          <div key={link.key}>
+            <a
+              href={link.value}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-13 text-accent-primary hover:underline"
+            >
+              {link.label}
+            </a>
+          </div>
+        ))}
+      </div>
+    </>
+  );
+}

apps/web/core/components/instance/maintenance-view.tsx

@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import { useTheme } from "next-themes";
+// assets
+import maintenanceModeDarkModeImage from "@/app/assets/instance/maintenance-mode-dark.svg?url";
+import maintenanceModeLightModeImage from "@/app/assets/instance/maintenance-mode-light.svg?url";
+// layouts
+import DefaultLayout from "@/layouts/default-layout";
+// components
+import { MaintenanceMessage } from "./maintenance-message";
+
+export function MaintenanceView() {
+  // hooks
+  const { resolvedTheme } = useTheme();
+  // derived values
+  const maintenanceModeImage = resolvedTheme === "dark" ? maintenanceModeDarkModeImage : maintenanceModeLightModeImage;
+  return (
+    <DefaultLayout>
+      <div className="relative container mx-auto flex h-full w-full max-w-xl flex-col items-center justify-center gap-2 gap-y-6 bg-surface-1 text-center">
+        <div className="relative w-full">
+          <img
+            src={maintenanceModeImage}
+            height="176"
+            width="288"
+            alt="ProjectSettingImg"
+            className="h-full w-full object-fill object-center"
+          />
+        </div>
+        <div className="relative mt-4 flex w-full flex-col gap-4">
+          <MaintenanceMessage />
+        </div>
+      </div>
+    </DefaultLayout>
+  );
+}

apps/web/core/components/instance/not-ready-view.tsx

@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+import Link from "next/link";
+import { GOD_MODE_URL } from "@plane/constants";
+// assets
+import GradientLogo from "@/app/assets/auth/gradient-logo.webp?url";
+import GradientBgLogo from "@/app/assets/auth/gradient-bg-logo.webp?url";
+import DefaultLayout from "@/layouts/default-layout";
+import { PlaneLockup } from "@plane/propel/icons";
+import { Button } from "@plane/propel/button";
+
+export function InstanceNotReady() {
+  return (
+    <DefaultLayout>
+      <div className="relative z-10 flex h-screen w-screen overflow-hidden">
+        {/* Background decorations */}
+        <img
+          src={GradientBgLogo}
+          className="pointer-events-none absolute -top-24 -left-32 h-56 w-96 opacity-15"
+          alt=""
+          aria-hidden="true"
+        />
+        <img
+          src={GradientBgLogo}
+          className="pointer-events-none absolute -right-20 -bottom-16 h-56 w-96 opacity-15"
+          alt=""
+          aria-hidden="true"
+        />
+        {/* Main content */}
+        <div className="flex h-full w-full flex-col items-center px-8 pt-6 pb-10">
+          <div className="sticky top-0 flex w-full shrink-0 items-center justify-between gap-6">
+            <PlaneLockup height={20} width={95} className="text-primary" />
+          </div>
+          <div className="flex h-full w-full flex-col items-center justify-center gap-7">
+            <div className="flex flex-col items-center gap-11">
+              <img src={GradientLogo} className="h-24 w-40 object-contain" alt="Plane Logo" />
+              <div className="flex max-w-124 flex-col items-center gap-3">
+                <h1 className="text-h2-semibold text-primary">Welcome to Plane</h1>
+                <p className="text-center text-body-md-regular text-secondary">
+                  Set up your instance and create your first workspace to begin managing projects and work.
+                </p>
+              </div>
+            </div>
+            <a href={GOD_MODE_URL} className="w-72">
+              <Button variant="primary" className="w-full" size="xl">
+                Get started
+              </Button>
+            </a>
+          </div>
+        </div>
+      </div>
+    </DefaultLayout>
+  );
+}