Add configuration option to disable organization creation

src/app/(loading-group)/setup/page.tsx

@@ -19,6 +19,7 @@ import Page from "@/components/Page";
 import { useSession } from "../../../context/SessionContext";
 import { redirect } from "next/navigation";
 import dynamic from "next/dynamic";
+import { useInstanceSettings } from "@/hooks/useInstanceSettings";
 
 const Lanyard = dynamic(
   () => import("@/components/misc/Lanyard").then((mod) => mod.default),
@@ -30,6 +31,12 @@ export default function SetupOrg() {
   if (session.session === null) {
     redirect("/login");
   }
+
+  const instanceSettings = useInstanceSettings();
+  if (instanceSettings?.singleOrganizationMode) {
+    redirect("/join");
+  }
+
   return (
     <Page title="Setup Your Organization">
       <div className="">

src/components/OrganizationDropDown.tsx

@@ -35,6 +35,7 @@ import {
 } from "./ui/dropdown-menu";
 import { useSession, useUpdateSession } from "../context/SessionContext";
 import { useActiveOrg } from "../hooks/useActiveOrg";
+import { useInstanceSettings } from "../hooks/useInstanceSettings";
 
 const activeOrgName = (name: string, slug: string) => {
   if (slug === "@opencode") {
@@ -52,6 +53,7 @@ export const OrganizationDropDown = () => {
 
   const user = useCurrentUser();
   const router = useRouter();
+  const instanceSettings = useInstanceSettings();
   let activeOrg = useActiveOrg() as OrganizationDTO | null;
   if (!activeOrg && orgs.length > 0) {
     activeOrg = orgs[0];
@@ -134,7 +136,7 @@ export const OrganizationDropDown = () => {
           <DropdownMenuTrigger className="rounded-lg focus:ring py-2 px-1 text-header-foreground transition-all hover:bg-white/10">
             <ChevronUpDownIcon className="block h-7 w-7 p-1" />
           </DropdownMenuTrigger>
-          <DropdownMenuContent align="end">
+          <DropdownMenuContent align="end" className="min-w-48">
             <DropdownMenuGroup>
               <DropdownMenuLabel className="text-xs text-muted-foreground">
                 Organizations
@@ -169,13 +171,17 @@ export const OrganizationDropDown = () => {
                 </>
               )}
             </DropdownMenuGroup>
-            <DropdownMenuSeparator />
-            <DropdownMenuItem onClick={handleNavigateToSetupOrg}>
-              <div className="mr-2 flex items-center justify-center rounded-md border bg-background p-1">
-                <PlusIcon className="h-4 w-4 text-muted-foreground" />
-              </div>
-              Create Organization
-            </DropdownMenuItem>
+            {!instanceSettings?.singleOrganizationMode && (
+              <>
+                <DropdownMenuSeparator />
+                <DropdownMenuItem onClick={handleNavigateToSetupOrg}>
+                  <div className="mr-2 flex items-center justify-center rounded-md border bg-background p-1">
+                    <PlusIcon className="h-4 w-4 text-muted-foreground" />
+                  </div>
+                  Create Organization
+                </DropdownMenuItem>
+              </>
+            )}
           </DropdownMenuContent>
         </DropdownMenu>
       </div>

src/components/common/RootHeader.tsx

@@ -7,30 +7,33 @@ import {
   CogIcon,
   PlusIcon,
 } from "@heroicons/react/24/outline";
+import { useInstanceSettings } from "@/hooks/useInstanceSettings";
 import DynamicHeader from "./DynamicHeader";
 
 export default function RootHeader() {
-  return (
-    <DynamicHeader
-      z={1}
-      Title={null}
-      menu={[
-        {
-          title: "Create Organization",
-          href: "/setup",
-          Icon: PlusIcon,
-        },
-        {
-          title: "Join Organization",
-          href: "/join",
-          Icon: ArrowRightEndOnRectangleIcon,
-        },
-        {
-          title: "User-Settings",
-          href: "/user-settings",
-          Icon: CogIcon,
-        },
-      ]}
-    />
-  );
+  const instanceSettings = useInstanceSettings();
+
+  const menu = [
+    ...(!instanceSettings?.singleOrganizationMode
+      ? [
+          {
+            title: "Create Organization",
+            href: "/setup",
+            Icon: PlusIcon,
+          },
+        ]
+      : []),
+    {
+      title: "Join Organization",
+      href: "/join",
+      Icon: ArrowRightEndOnRectangleIcon,
+    },
+    {
+      title: "User-Settings",
+      href: "/user-settings",
+      Icon: CogIcon,
+    },
+  ];
+
+  return <DynamicHeader z={1} Title={null} menu={menu} />;
 }

src/hooks/useInstanceSettings.ts

@@ -0,0 +1,20 @@
+import { useEffect, useState } from "react";
+import { browserApiClient } from "../services/devGuardApi";
+import type { InstanceSettings } from "@/types/api/api";
+
+export const useInstanceSettings = () => {
+  const [instanceSettings, setInstanceSettings] =
+    useState<InstanceSettings | null>(null);
+
+  useEffect(() => {
+    browserApiClient("/instance-settings/")
+      .then((res) => {
+        if (res.ok) return res.json();
+      })
+      .then((data: InstanceSettings) => {
+        if (data) setInstanceSettings(data);
+      });
+  }, []);
+
+  return instanceSettings;
+};

src/types/api/api.ts

@@ -221,6 +221,9 @@ export interface Paged<T> {
   pageSize: number;
 }
 
+export type InstanceSettings = {
+  singleOrganizationMode: boolean;
+};
 export interface MinimalDependencyTree {
   nodes: string[];
   dependencies: { [key: string]: string[] };