Add acceptance decision mode docs and UI

Author: codysj

apps/web/components/decision/accepted-schools-workspace.tsx

@@ -24,11 +24,16 @@ import type { DecisionReportResponse } from "@/types/api";
 
 export function AcceptedSchoolsWorkspace() {
   const { savedSchools, updateSavedStatus } = useSchoolActionState();
+  const [localStateReady, setLocalStateReady] = useState(false);
   const candidates = useMemo(() => getDecisionCandidates(getVisibleSavedSchools(savedSchools)), [savedSchools]);
   const [offers, setOffers] = useState<DecisionOfferDraft[]>([]);
   const [report, setReport] = useState<DecisionReportResponse | null>(null);
   const [saveState, setSaveState] = useState<string>("Local");
 
+  useEffect(() => {
+    setLocalStateReady(true);
+  }, []);
+
   useEffect(() => {
     setOffers((current) => mergeOffersWithCandidates(candidates, current.length ? current : readDecisionOffers()));
   }, [candidates]);
@@ -97,13 +102,15 @@ export function AcceptedSchoolsWorkspace() {
         </div>
       </header>
 
-      {candidates.length === 0 ? (
+      {localStateReady && candidates.length === 0 ? (
         <EmptyState
-          title="No accepted schools yet"
+          title="No admitted schools yet"
           description="Mark saved schools as accepted or finalist to start the decision workspace."
           action={<Link href="/dashboard">Review saved schools</Link>}
         />
-      ) : (
+      ) : null}
+
+      {candidates.length > 0 ? (
         <div className="grid gap-6 xl:grid-cols-[minmax(0,1.35fr)_minmax(360px,0.65fr)]">
           <section className="space-y-4">
             {candidates.map((school) => {
@@ -121,7 +128,7 @@ export function AcceptedSchoolsWorkspace() {
           </section>
           <DecisionSummaryPanel report={report} />
         </div>
-      )}
+      ) : null}
     </main>
   );
 }

apps/web/tests/saved-compare.spec.ts

@@ -100,8 +100,10 @@ test("edits accepted-school offers and generates a decision summary", async ({ p
 
   await page.goto("/decision");
 
-  await expect(page.getByRole("heading", { name: "Accepted schools" })).toBeVisible();
+  await expect(page.getByRole("heading", { name: "Accepted schools", exact: true })).toBeVisible();
+  await expect(page.getByLabel("Estimated yearly cost").first()).toBeVisible();
   await page.getByLabel("Estimated yearly cost").first().fill("18000");
+  await expect(page.getByLabel("Unresolved concerns/questions").first()).toBeVisible();
   await page.getByLabel("Unresolved concerns/questions").first().fill("Confirm housing package");
   await page.getByRole("button", { name: "Save offer" }).first().click();
   await page.getByRole("button", { name: "Generate summary" }).click();