Offer the engine's five size bands as exclusive ranges, so a count of 100 has one home and a group cannot continue without a size.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/(app)/create/screens/select/CommunitySizeSelectScreen.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useLayoutEffect } from "react";
 import MultiSelect from "../../../../components/controls/MultiSelect";
 import type { ChipOption } from "../../../../components/controls/MultiSelect/MultiSelect.types";
 import { useMessages } from "../../../../contexts/MessagesContext";
@@ -18,13 +18,32 @@ function chipRowsFromLabels(
   }));
 }
 
-function selectedIdsFromOptions(options: ChipOption[]): string[] {
-  return options
-    .filter((o) => o.state === "selected")
-    .map((o) => o.id);
+/** The first saved id. A count belongs to one band, so later ids are dropped. */
+function soleSizeId(ids: readonly string[] | undefined): string | null {
+  for (const id of ids ?? []) {
+    if (id.length > 0) return id;
+  }
+  return null;
 }
 
-/** Create Community — Figma `20094:41317`, chips only (layout tokens shared with structure select). */
+function withSoleSelection(
+  options: ChipOption[],
+  selectedId: string | null,
+): ChipOption[] {
+  return options.map((opt) =>
+    opt.state === "custom"
+      ? opt
+      : {
+          ...opt,
+          state:
+            opt.id === selectedId
+              ? ("selected" as const)
+              : ("unselected" as const),
+        },
+  );
+}
+
+/** Create Community — Figma `24715:26346`, chips size M (one question). */
 export function CommunitySizeSelectScreen() {
   const m = useMessages();
   const cs = m.create.community.communitySize;
@@ -32,52 +51,40 @@ export function CommunitySizeSelectScreen() {
 
   const [communitySizeOptions, setCommunitySizeOptions] = useState<
     ChipOption[]
-  >(() => {
-    const base = chipRowsFromLabels(cs.communitySizes);
-    const selected = new Set(state.selectedCommunitySizeIds ?? []);
-    return base.map((opt) => ({
-      ...opt,
-      state: selected.has(opt.id) ? ("selected" as const) : ("unselected" as const),
-    }));
-  });
+  >(() =>
+    withSoleSelection(
+      chipRowsFromLabels(cs.communitySizes),
+      soleSizeId(state.selectedCommunitySizeIds),
+    ),
+  );
+
+  useLayoutEffect(() => {
+    const ids = state.selectedCommunitySizeIds;
+    if (!ids || ids.length === 0) return;
+    const first = soleSizeId(ids);
+    if (ids.length === 1 && ids[0] === first) return;
+    updateState({ selectedCommunitySizeIds: first ? [first] : [] });
+  }, [state.selectedCommunitySizeIds, updateState]);
 
   useEffect(() => {
-    const selected = new Set(state.selectedCommunitySizeIds ?? []);
-    setCommunitySizeOptions((prev) =>
-      prev.map((opt) =>
-        opt.state === "custom"
-          ? opt
-          : {
-              ...opt,
-              state: selected.has(opt.id)
-                ? ("selected" as const)
-                : ("unselected" as const),
-            },
-      ),
-    );
+    const selectedId = soleSizeId(state.selectedCommunitySizeIds);
+    setCommunitySizeOptions((prev) => withSoleSelection(prev, selectedId));
   }, [state.selectedCommunitySizeIds]);
 
   const persistSelection = (next: ChipOption[]) => {
     markCreateFlowInteraction();
     setCommunitySizeOptions(next);
     updateState({
-      selectedCommunitySizeIds: selectedIdsFromOptions(next),
+      selectedCommunitySizeIds: next
+        .filter((o) => o.state === "selected")
+        .map((o) => o.id),
     });
   };
 
   const handleCommunitySizeClick = (chipId: string) => {
-    const next: ChipOption[] = communitySizeOptions.map((opt) =>
-      opt.id === chipId
-        ? {
-            ...opt,
-            state:
-              opt.state === "selected"
-                ? ("unselected" as const)
-                : ("selected" as const),
-          }
-        : opt,
-    );
-    persistSelection(next);
+    const current = communitySizeOptions.find((opt) => opt.state === "selected");
+    const nextId = current?.id === chipId ? null : chipId;
+    persistSelection(withSoleSelection(communitySizeOptions, nextId));
   };
 
   const multiSelectBlock = (