From 685c4d64ec9ad8dffdbb69f25ca5c53787807289 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 18:52:28 +0530
Subject: [PATCH 01/27] refactor(teams): rename teams to communities,
 is_a_community to accept_community_submissions

Dashboard nav and the /manage/teams page now read Communities and show one list.
The flag only marks a team that accepts event submissions, so it no longer
drives grouping or the workspace subtitle. A patch keeps existing values.

Buzz Team form: publishing (published, route, slug), description (short
description, about) and links each get their own section on the Public Page tab.
---
 buzz/api/communities/submissions.py           |  6 +-
 buzz/api/teams/__init__.py                    |  8 ++-
 buzz/api/teams/schemas.py                     |  4 +-
 buzz/api/teams/services.py                    |  6 +-
 buzz/api/teams/test_teams.py                  |  6 +-
 buzz/events/doctype/buzz_team/buzz_team.json  | 66 +++++++++++++------
 buzz/events/doctype/buzz_team/buzz_team.py    |  2 +-
 buzz/events/doctype/buzz_team/team_page.py    |  2 +-
 .../community_event_request.py                |  4 +-
 buzz/patches.txt                              |  1 +
 buzz/patches/rename_is_a_community_field.py   |  7 ++
 buzz/tests/factories/buzz_team_factory.py     |  2 +-
 .../dashboard/teams/TeamPublicPage.vue        |  6 +-
 .../teams/settings/TeamOptionsSettings.vue    |  2 +-
 dashboard/src/composables/useTeamSettings.ts  |  6 +-
 dashboard/src/layouts/ManagerLayout.vue       |  2 +-
 dashboard/src/pages/manage/MyTeams.vue        | 40 ++++-------
 dashboard/src/router.ts                       |  2 +-
 dashboard/src/types.ts                        |  4 +-
 dashboard/src/utils/managerNavigation.test.ts |  4 +-
 dashboard/src/utils/managerNavigation.ts      |  7 +-
 21 files changed, 109 insertions(+), 78 deletions(-)
 create mode 100644 buzz/patches/rename_is_a_community_field.py

diff --git a/buzz/api/communities/submissions.py b/buzz/api/communities/submissions.py
index b9f16f47..6d81dc75 100644
--- a/buzz/api/communities/submissions.py
+++ b/buzz/api/communities/submissions.py
@@ -28,7 +28,11 @@ def overview(self) -> EventRequests:
 
 	def open_communities(self) -> list[CommunityOption]:
 		asked = frappe.get_all(REQUEST, filters={"event": self.event}, pluck="community")
-		filters = {"is_a_community": 1, "is_published": 1, "name": ["not in", [*asked, self.team]]}
+		filters = {
+			"accept_community_submissions": 1,
+			"is_published": 1,
+			"name": ["not in", [*asked, self.team]],
+		}
 		rows = frappe.get_all(
 			"Buzz Team", filters=filters, fields=["name", "team_name", "logo"], order_by="team_name"
 		)
diff --git a/buzz/api/teams/__init__.py b/buzz/api/teams/__init__.py
index 220cf4b4..4b9f53b0 100644
--- a/buzz/api/teams/__init__.py
+++ b/buzz/api/teams/__init__.py
@@ -27,7 +27,7 @@ def get_my_teams() -> list[TeamOption]:
 			team.logo,
 			team.slug,
 			team.is_published,
-			team.is_a_community,
+			team.accept_community_submissions,
 			team.short_description,
 			membership.team_role,
 		)
@@ -78,10 +78,12 @@ def update_public_page(
 	links: list[dict],
 	short_description: str | None = None,
 	about: str | None = None,
-	is_a_community: bool = False,
+	accept_community_submissions: bool = False,
 	slug: str | None = None,
 ) -> None:
-	services.update_public_page(team, is_published, links, short_description, about, is_a_community, slug)
+	services.update_public_page(
+		team, is_published, links, short_description, about, accept_community_submissions, slug
+	)
 
 
 @frappe.whitelist()
diff --git a/buzz/api/teams/schemas.py b/buzz/api/teams/schemas.py
index 0f0f0c9a..a603b119 100644
--- a/buzz/api/teams/schemas.py
+++ b/buzz/api/teams/schemas.py
@@ -16,7 +16,7 @@ class TeamOption(APIResponse):
 	# Every team page header links to the public page while the team is published.
 	slug: str | None
 	is_published: bool
-	is_a_community: bool
+	accept_community_submissions: bool
 	short_description: str | None
 	upcoming_event_count: int
 	team_role: str
@@ -49,7 +49,7 @@ class TeamOverview(APIResponse):
 	slug: str | None
 	logo: str | None
 	is_published: bool
-	is_a_community: bool
+	accept_community_submissions: bool
 	# Absolute page URL while published; None otherwise.
 	public_url: str | None
 	short_description: str | None
diff --git a/buzz/api/teams/services.py b/buzz/api/teams/services.py
index 73a9296c..ed78b406 100644
--- a/buzz/api/teams/services.py
+++ b/buzz/api/teams/services.py
@@ -22,7 +22,7 @@
 	"slug",
 	"logo",
 	"is_published",
-	"is_a_community",
+	"accept_community_submissions",
 	"route",
 	"short_description",
 	"about",
@@ -227,7 +227,7 @@ def update_public_page(
 	links: list[dict],
 	short_description: str | None,
 	about: str | None,
-	is_a_community: bool = False,
+	accept_community_submissions: bool = False,
 	slug: str | None = None,
 ) -> None:
 	"""Publish or edit a team's public page.
@@ -241,7 +241,7 @@ def update_public_page(
 
 	doc = frappe.get_doc("Buzz Team", team)
 	doc.is_published = int(is_published)
-	doc.is_a_community = int(is_a_community)
+	doc.accept_community_submissions = int(accept_community_submissions)
 	public_page.set_slug(doc, slug)
 	doc.short_description = (short_description or "").strip() or None
 	doc.about = about or None
diff --git a/buzz/api/teams/test_teams.py b/buzz/api/teams/test_teams.py
index affaed93..ed77b42c 100644
--- a/buzz/api/teams/test_teams.py
+++ b/buzz/api/teams/test_teams.py
@@ -86,7 +86,7 @@ def test_flags_communities(self):
 		self.create_team(user)
 
 		with self.set_user(user):
-			flags = {option.name: option.is_a_community for option in get_my_teams()}
+			flags = {option.name: option.accept_community_submissions for option in get_my_teams()}
 
 		self.assertEqual(sorted(flags.values()), [False, True])
 		self.assertTrue(flags[community])
@@ -243,9 +243,9 @@ def test_a_viewer_cannot_edit_the_page(self):
 		self.assertNotEqual(frappe.db.get_value("Buzz Team", self.team, "short_description"), "Hijacked")
 
 	def test_a_manager_makes_the_team_a_community(self):
-		self.publish_as(self.manager, is_a_community=True)
+		self.publish_as(self.manager, accept_community_submissions=True)
 
-		self.assertTrue(self.overview().is_a_community)
+		self.assertTrue(self.overview().accept_community_submissions)
 
 	def test_an_unpublished_page_has_no_public_url(self):
 		self.publish_as(self.owner, is_published=False)
diff --git a/buzz/events/doctype/buzz_team/buzz_team.json b/buzz/events/doctype/buzz_team/buzz_team.json
index e351f110..abeaceb4 100644
--- a/buzz/events/doctype/buzz_team/buzz_team.json
+++ b/buzz/events/doctype/buzz_team/buzz_team.json
@@ -8,18 +8,23 @@
  "engine": "InnoDB",
  "field_order": [
   "team_name",
-  "slug",
   "section_break_hvmt",
   "logo",
   "public_page_tab",
+  "publishing_section",
   "is_published",
+  "column_break_route",
   "route",
-  "is_a_community",
-  "column_break_public",
+  "column_break_slug",
+  "slug",
+  "description_section",
   "short_description",
-  "section_break_about",
+  "column_break_about",
   "about",
-  "links"
+  "links_section",
+  "links",
+  "community_section",
+  "accept_community_submissions"
  ],
  "fields": [
   {
@@ -30,14 +35,6 @@
    "label": "Team Name",
    "reqd": 1
   },
-  {
-   "description": "Used in URLs. Lowercase letters, numbers and hyphens.",
-   "fieldname": "slug",
-   "fieldtype": "Data",
-   "in_list_view": 1,
-   "label": "Slug",
-   "unique": 1
-  },
   {
    "fieldname": "section_break_hvmt",
    "fieldtype": "Section Break"
@@ -52,12 +49,20 @@
    "fieldtype": "Tab Break",
    "label": "Public Page"
   },
+  {
+   "fieldname": "publishing_section",
+   "fieldtype": "Section Break"
+  },
   {
    "default": "0",
    "fieldname": "is_published",
    "fieldtype": "Check",
    "label": "Published"
   },
+  {
+   "fieldname": "column_break_route",
+   "fieldtype": "Column Break"
+  },
   {
    "description": "Where the public page lives. Filled as community/<slug> on first publish.",
    "fieldname": "route",
@@ -68,36 +73,57 @@
    "unique": 1
   },
   {
-   "fieldname": "column_break_public",
+   "fieldname": "column_break_slug",
    "fieldtype": "Column Break"
   },
+  {
+   "description": "Used in URLs. Lowercase letters, numbers and hyphens.",
+   "fieldname": "slug",
+   "fieldtype": "Data",
+   "in_list_view": 1,
+   "label": "Slug",
+   "unique": 1
+  },
+  {
+   "fieldname": "description_section",
+   "fieldtype": "Section Break"
+  },
   {
    "fieldname": "short_description",
    "fieldtype": "Small Text",
    "label": "Short Description"
   },
   {
-   "fieldname": "section_break_about",
-   "fieldtype": "Section Break"
+   "fieldname": "column_break_about",
+   "fieldtype": "Column Break"
   },
   {
    "fieldname": "about",
    "fieldtype": "Text Editor",
    "label": "About"
   },
+  {
+   "fieldname": "links_section",
+   "fieldtype": "Section Break"
+  },
   {
    "fieldname": "links",
    "fieldtype": "Table",
    "label": "Links",
    "options": "Event External Link"
   },
+  {
+   "fieldname": "community_section",
+   "fieldtype": "Section Break",
+   "label": "Community"
+  },
   {
    "default": "0",
    "depends_on": "is_published",
-   "description": "Also lists approved events from other teams.",
-   "fieldname": "is_a_community",
+   "description": "Other teams can submit their events. Approved ones are listed on the public page.",
+   "fieldname": "accept_community_submissions",
    "fieldtype": "Check",
-   "label": "Is a Community"
+   "label": "Accept Community Submissions"
   }
  ],
  "grid_page_length": 50,
@@ -117,7 +143,7 @@
    "link_fieldname": "team"
   }
  ],
- "modified": "2026-10-06 14:00:00.000000",
+ "modified": "2026-10-08 12:00:00.000000",
  "modified_by": "Administrator",
  "module": "Events",
  "name": "Buzz Team",
diff --git a/buzz/events/doctype/buzz_team/buzz_team.py b/buzz/events/doctype/buzz_team/buzz_team.py
index 45db7bbd..fb042b71 100644
--- a/buzz/events/doctype/buzz_team/buzz_team.py
+++ b/buzz/events/doctype/buzz_team/buzz_team.py
@@ -77,7 +77,7 @@ def validate(self):
 		if not self.slug:
 			self.set_slug()
 		# Submissions are listed on the public page, so a private team has nowhere to show them.
-		if self.is_a_community and not self.is_published:
+		if self.accept_community_submissions and not self.is_published:
 			frappe.throw(_("Only a public team can accept community event submissions."))
 		# After the slug: the first publish builds the route from it.
 		super().validate()
diff --git a/buzz/events/doctype/buzz_team/team_page.py b/buzz/events/doctype/buzz_team/team_page.py
index 09cd1481..d1044891 100644
--- a/buzz/events/doctype/buzz_team/team_page.py
+++ b/buzz/events/doctype/buzz_team/team_page.py
@@ -125,7 +125,7 @@ def attending_events(self) -> set[str]:
 	def event_filters(self) -> dict:
 		"""The team's own events, plus those its community approved."""
 		filters = {"team": self.team.name}
-		if self.team.is_a_community:
+		if self.team.accept_community_submissions:
 			approved = {"community": self.team.name, "status": "Approved"}
 			filters["name"] = [
 				"in",
diff --git a/buzz/events/doctype/community_event_request/community_event_request.py b/buzz/events/doctype/community_event_request/community_event_request.py
index 860a7433..be2b2f53 100644
--- a/buzz/events/doctype/community_event_request/community_event_request.py
+++ b/buzz/events/doctype/community_event_request/community_event_request.py
@@ -41,9 +41,9 @@ def validate_event(self):
 
 	def validate_community(self):
 		community = frappe.db.get_value(
-			"Buzz Team", self.community, ["is_a_community", "is_published"], as_dict=True
+			"Buzz Team", self.community, ["accept_community_submissions", "is_published"], as_dict=True
 		)
-		if not (community and community.is_a_community and community.is_published):
+		if not (community and community.accept_community_submissions and community.is_published):
 			frappe.throw(_("{0} is not a published community.").format(self.community))
 		if self.community == self.event_team:
 			frappe.throw(_("A community lists its own events already."))
diff --git a/buzz/patches.txt b/buzz/patches.txt
index ecde99fa..a83de640 100644
--- a/buzz/patches.txt
+++ b/buzz/patches.txt
@@ -30,3 +30,4 @@ buzz.patches.move_sponsorship_tier_price_to_prices
 buzz.patches.move_ticket_type_price_to_prices
 buzz.patches.create_administrator_team
 buzz.patches.geocode_event_venues
+buzz.patches.rename_is_a_community_field
diff --git a/buzz/patches/rename_is_a_community_field.py b/buzz/patches/rename_is_a_community_field.py
new file mode 100644
index 00000000..96cbd900
--- /dev/null
+++ b/buzz/patches/rename_is_a_community_field.py
@@ -0,0 +1,7 @@
+import frappe
+from frappe.model.utils.rename_field import rename_field
+
+
+def execute():
+	if frappe.db.has_column("Buzz Team", "is_a_community"):
+		rename_field("Buzz Team", "is_a_community", "accept_community_submissions")
diff --git a/buzz/tests/factories/buzz_team_factory.py b/buzz/tests/factories/buzz_team_factory.py
index 1d63639e..c243325c 100644
--- a/buzz/tests/factories/buzz_team_factory.py
+++ b/buzz/tests/factories/buzz_team_factory.py
@@ -39,4 +39,4 @@ def default_attributes(self) -> dict[str, Any]:
 
 	@property
 	def community(self) -> dict[str, Any]:
-		return {"is_published": 1, "is_a_community": 1}
+		return {"is_published": 1, "accept_community_submissions": 1}
diff --git a/dashboard/src/components/dashboard/teams/TeamPublicPage.vue b/dashboard/src/components/dashboard/teams/TeamPublicPage.vue
index fa0841fb..b56c4657 100644
--- a/dashboard/src/components/dashboard/teams/TeamPublicPage.vue
+++ b/dashboard/src/components/dashboard/teams/TeamPublicPage.vue
@@ -16,7 +16,7 @@ const emit = defineEmits<{ saved: [] }>()
 function fromTeam(team: TeamOverview) {
 	return {
 		is_published: team.is_published,
-		is_a_community: team.is_a_community,
+		accept_community_submissions: team.accept_community_submissions,
 		short_description: team.short_description ?? "",
 		about: team.about ?? "",
 		links: team.links.map((link) => ({ ...link })) as EventExternalLink[],
@@ -34,7 +34,7 @@ function differsFrom(team: TeamOverview) {
 // The server refuses submissions on a private team, so unpublishing turns them off.
 watch(
 	() => form.is_published,
-	(isPublic) => !isPublic && (form.is_a_community = false),
+	(isPublic) => !isPublic && (form.accept_community_submissions = false),
 )
 
 watch(
@@ -84,7 +84,7 @@ async function save() {
 					{{ __("Other teams can submit events. Approved ones show on this page.") }}
 				</p>
 			</div>
-			<Switch v-model="form.is_a_community" :aria-label="__('Community')" />
+			<Switch v-model="form.accept_community_submissions" :aria-label="__('Community')" />
 		</div>
 
 		<Textarea
diff --git a/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue b/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue
index 02eb7e25..dc0dda71 100644
--- a/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue
+++ b/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue
@@ -11,7 +11,7 @@ defineProps<{ settings: TeamSettings }>()
 		<h2 class="text-xl font-semibold text-ink-gray-8">{{ __("Community") }}</h2>
 		<div class="rounded-6 border border-outline-gray-2 p-1">
 			<Switch
-				v-model="settings.form.is_a_community"
+				v-model="settings.form.accept_community_submissions"
 				padded
 				:label="__('Community submissions')"
 				:description="
diff --git a/dashboard/src/composables/useTeamSettings.ts b/dashboard/src/composables/useTeamSettings.ts
index f1d8657a..5cc4d8f1 100644
--- a/dashboard/src/composables/useTeamSettings.ts
+++ b/dashboard/src/composables/useTeamSettings.ts
@@ -15,7 +15,7 @@ function formFromTeam(team: TeamOverview) {
 		about: team.about ?? "",
 		links: team.links.map((link) => ({ ...link })) as EventExternalLink[],
 		is_published: team.is_published,
-		is_a_community: team.is_a_community,
+		accept_community_submissions: team.accept_community_submissions,
 	}
 }
 
@@ -26,7 +26,7 @@ const PAGE_FIELDS = [
 	"about",
 	"links",
 	"is_published",
-	"is_a_community",
+	"accept_community_submissions",
 ] as const
 
 type SettingsForm = ReturnType<typeof formFromTeam>
@@ -52,7 +52,7 @@ export function useTeamSettings(team: string) {
 	// The server refuses submissions on a private team, so going private turns them off.
 	watch(
 		() => form.is_published,
-		(isPublic) => !isPublic && (form.is_a_community = false),
+		(isPublic) => !isPublic && (form.accept_community_submissions = false),
 	)
 
 	const canManage = computed(() => canManageMembers(overview.data?.my_role))
diff --git a/dashboard/src/layouts/ManagerLayout.vue b/dashboard/src/layouts/ManagerLayout.vue
index 6b74fc6f..3090e5d7 100644
--- a/dashboard/src/layouts/ManagerLayout.vue
+++ b/dashboard/src/layouts/ManagerLayout.vue
@@ -46,7 +46,7 @@ const workspace = computed((): Workspace | undefined => {
 	if (teamId.value)
 		return {
 			title: team.value?.team_name ?? "",
-			subtitle: team.value?.is_a_community ? "Community Workspace" : "Team Workspace",
+			subtitle: "Community Workspace",
 			back: { label: "Back to teams", to: "/manage/teams" },
 			image: team.value?.logo,
 		}
diff --git a/dashboard/src/pages/manage/MyTeams.vue b/dashboard/src/pages/manage/MyTeams.vue
index c370bdec..3b615e9e 100644
--- a/dashboard/src/pages/manage/MyTeams.vue
+++ b/dashboard/src/pages/manage/MyTeams.vue
@@ -1,29 +1,20 @@
 <script setup lang="ts">
 import { Icon, Skeleton } from "frappe-ui"
-import { computed } from "vue"
 
-import SectionHeader from "@/components/common/SectionHeader.vue"
 import CreateEventHeader from "@/components/dashboard/CreateEventHeader.vue"
 import TeamCard from "@/components/dashboard/teams/TeamCard.vue"
 import { teams, teamsLoaded } from "@/data/teams"
-
-const sections = computed(() =>
-	[
-		{ title: "Communities", teams: teams.value.filter((team) => team.is_a_community) },
-		{ title: "Teams", teams: teams.value.filter((team) => !team.is_a_community) },
-	].filter((section) => section.teams.length),
-)
 </script>
 
 <template>
-	<CreateEventHeader title="Teams" />
+	<CreateEventHeader title="Communities" />
 
 	<div class="m-auto w-full max-w-[800px] space-y-8 p-4 max-md:pb-24">
 		<header class="hidden items-center gap-3 md:flex">
 			<div class="rounded-4 bg-surface-gray-3 p-2">
-				<Icon name="lucide-users" class="size-6" />
+				<Icon name="lucide-users-round" class="size-6" />
 			</div>
-			<h1 class="text-4xl font-semibold">Teams</h1>
+			<h1 class="text-4xl font-semibold">Communities</h1>
 		</header>
 
 		<div
@@ -31,23 +22,18 @@ const sections = computed(() =>
 			class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"
 			aria-busy="true"
 		>
-			<span class="sr-only">Loading teams…</span>
+			<span class="sr-only">Loading communities…</span>
 			<Skeleton v-for="card in 3" :key="card" class="h-48 rounded-5" />
 		</div>
 
-		<template v-else>
-			<section v-for="section in sections" :key="section.title" class="space-y-4">
-				<SectionHeader :title="__(section.title)" :count="section.teams.length" />
-				<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-					<TeamCard
-						v-for="(team, index) in section.teams"
-						:key="team.name"
-						:team="team"
-						class="fade-up-in [animation-duration:200ms] [animation-timing-function:cubic-bezier(0.23,1,0.32,1)]"
-						:style="{ animationDelay: `${index * 40}ms` }"
-					/>
-				</div>
-			</section>
-		</template>
+		<div v-else class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+			<TeamCard
+				v-for="(team, index) in teams"
+				:key="team.name"
+				:team="team"
+				class="fade-up-in [animation-duration:200ms] [animation-timing-function:cubic-bezier(0.23,1,0.32,1)]"
+				:style="{ animationDelay: `${index * 40}ms` }"
+			/>
+		</div>
 	</div>
 </template>
diff --git a/dashboard/src/router.ts b/dashboard/src/router.ts
index 57d6b681..70044d5f 100644
--- a/dashboard/src/router.ts
+++ b/dashboard/src/router.ts
@@ -90,7 +90,7 @@ const routes: RouteRecordRaw[] = [
 			{
 				path: "teams",
 				name: "teams",
-				meta: { title: "Teams" },
+				meta: { title: "Communities" },
 				component: () => import("@/pages/manage/MyTeams.vue"),
 			},
 			{
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index 4db432f9..c4451eb8 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -124,7 +124,7 @@ export interface TeamOption {
 	logo: string | null
 	slug: string | null
 	is_published: boolean
-	is_a_community: boolean
+	accept_community_submissions: boolean
 	short_description: string | null
 	upcoming_event_count: number
 	team_role: string
@@ -144,7 +144,7 @@ export interface TeamOverview {
 	slug: string | null
 	logo: string | null
 	is_published: boolean
-	is_a_community: boolean
+	accept_community_submissions: boolean
 	public_url: string | null
 	short_description: string | null
 	about: string | null
diff --git a/dashboard/src/utils/managerNavigation.test.ts b/dashboard/src/utils/managerNavigation.test.ts
index b2d5ae1b..da56a9c3 100644
--- a/dashboard/src/utils/managerNavigation.test.ts
+++ b/dashboard/src/utils/managerNavigation.test.ts
@@ -7,13 +7,13 @@ const labels = (items: { label: string }[]) => items.map((item) => item.label)
 
 test("the root offers events, proposals and teams", () => {
 	const items = managerNavigation({ creatingEvent: false, hasSponsorships: false })
-	assert.deepEqual(labels(items), ["Events", "Talk Proposals", "Teams"])
+	assert.deepEqual(labels(items), ["Events", "Talk Proposals", "Communities"])
 	assert.equal(items.at(-1)?.startsGroup, true)
 })
 
 test("sponsorship appears once the user has an inquiry", () => {
 	const items = managerNavigation({ creatingEvent: false, hasSponsorships: true })
-	assert.deepEqual(labels(items), ["Events", "Talk Proposals", "Sponsorship", "Teams"])
+	assert.deepEqual(labels(items), ["Events", "Talk Proposals", "Sponsorship", "Communities"])
 })
 
 test("an event offers its own sections, scoped to its id", () => {
diff --git a/dashboard/src/utils/managerNavigation.ts b/dashboard/src/utils/managerNavigation.ts
index 067de6ee..75a1f43c 100644
--- a/dashboard/src/utils/managerNavigation.ts
+++ b/dashboard/src/utils/managerNavigation.ts
@@ -45,7 +45,12 @@ function rootItems(hasSponsorships: boolean): ManagerNavItem[] {
 	if (hasSponsorships) {
 		items.push({ label: "Sponsorship", icon: "lucide-handshake", to: "/manage/sponsorship" })
 	}
-	items.push({ label: "Teams", icon: "lucide-users", to: "/manage/teams", startsGroup: true })
+	items.push({
+		label: "Communities",
+		icon: "lucide-users-round",
+		to: "/manage/teams",
+		startsGroup: true,
+	})
 	return items
 }
 

From c240d00e3c19d6bff913359c6c1a4cf428ca2af8 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 19:11:49 +0530
Subject: [PATCH 02/27] refactor(dashboard): move team workspace urls to
 /manage/communities

Old /manage/teams links redirect to the same path under /manage/communities.
---
 .../components/dashboard/teams/TeamCard.vue   |  2 +-
 dashboard/src/layouts/ManagerLayout.vue       |  2 +-
 dashboard/src/router.ts                       | 21 ++++++++++++-------
 dashboard/src/utils/managerNavigation.test.ts |  2 +-
 dashboard/src/utils/managerNavigation.ts      |  4 ++--
 5 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/dashboard/src/components/dashboard/teams/TeamCard.vue b/dashboard/src/components/dashboard/teams/TeamCard.vue
index 8d6cdf30..55f40519 100644
--- a/dashboard/src/components/dashboard/teams/TeamCard.vue
+++ b/dashboard/src/components/dashboard/teams/TeamCard.vue
@@ -16,7 +16,7 @@ const upcomingEvents = computed(() => {
 
 <template>
 	<router-link
-		:to="`/manage/teams/${team.name}`"
+		:to="`/manage/communities/${team.name}`"
 		class="flex flex-col gap-4 rounded-5 border border-outline-gray-2 p-5 transition-[background-color,border-color,transform] duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] hover:border-outline-gray-3 hover:bg-surface-gray-1 focus-visible:outline-none focus-visible:focus-ring active:scale-[0.99] motion-reduce:active:scale-100"
 	>
 		<Avatar shape="square" size="3xl" :image="team.logo ?? undefined" :label="team.team_name" />
diff --git a/dashboard/src/layouts/ManagerLayout.vue b/dashboard/src/layouts/ManagerLayout.vue
index 3090e5d7..04504848 100644
--- a/dashboard/src/layouts/ManagerLayout.vue
+++ b/dashboard/src/layouts/ManagerLayout.vue
@@ -47,7 +47,7 @@ const workspace = computed((): Workspace | undefined => {
 		return {
 			title: team.value?.team_name ?? "",
 			subtitle: "Community Workspace",
-			back: { label: "Back to teams", to: "/manage/teams" },
+			back: { label: "Back to communities", to: "/manage/communities" },
 			image: team.value?.logo,
 		}
 	return undefined
diff --git a/dashboard/src/router.ts b/dashboard/src/router.ts
index 70044d5f..5e927f70 100644
--- a/dashboard/src/router.ts
+++ b/dashboard/src/router.ts
@@ -88,36 +88,41 @@ const routes: RouteRecordRaw[] = [
 				component: () => import("@/pages/manage/events/CreateEvent.vue"),
 			},
 			{
-				path: "teams",
-				name: "teams",
+				path: "communities",
+				name: "communities",
 				meta: { title: "Communities" },
 				component: () => import("@/pages/manage/MyTeams.vue"),
 			},
 			{
-				path: "teams/:teamId",
-				redirect: (to) => `/manage/teams/${to.params.teamId}/events`,
+				// Old links from before teams were called communities.
+				path: "teams/:rest(.*)*",
+				redirect: (to) => to.fullPath.replace("/manage/teams", "/manage/communities"),
 			},
 			{
-				path: "teams/:teamId/events",
+				path: "communities/:teamId",
+				redirect: (to) => `/manage/communities/${to.params.teamId}/events`,
+			},
+			{
+				path: "communities/:teamId/events",
 				name: "team-events",
 				meta: { title: "Events" },
 				component: () => import("@/pages/manage/MyEvents.vue"),
 			},
 			{
-				path: "teams/:teamId/members",
+				path: "communities/:teamId/members",
 				name: "team-members",
 				meta: { title: "Members" },
 				component: () => import("@/pages/manage/teams/TeamMembers.vue"),
 			},
 			{
-				path: "teams/:teamId/payments",
+				path: "communities/:teamId/payments",
 				name: "team-payments",
 				meta: { title: "Payments" },
 				component: () => import("@/pages/manage/teams/TeamPayments.vue"),
 			},
 			{
 				// One record with an optional section, so the form survives the list and back.
-				path: "teams/:teamId/settings/:section?",
+				path: "communities/:teamId/settings/:section?",
 				name: "team-settings",
 				meta: { title: "Settings", hideMobileNavWith: "section" },
 				component: () => import("@/pages/manage/teams/TeamSettings.vue"),
diff --git a/dashboard/src/utils/managerNavigation.test.ts b/dashboard/src/utils/managerNavigation.test.ts
index da56a9c3..367cb7fa 100644
--- a/dashboard/src/utils/managerNavigation.test.ts
+++ b/dashboard/src/utils/managerNavigation.test.ts
@@ -25,7 +25,7 @@ test("an event offers its own sections, scoped to its id", () => {
 test("a team offers its sections with settings last, scoped to its id", () => {
 	const items = managerNavigation({ teamId: "T-1", creatingEvent: false, hasSponsorships: true })
 	assert.deepEqual(labels(items), ["Events", "Members", "Payments", "Settings"])
-	assert.ok(items.every((item) => item.to.startsWith("/manage/teams/T-1/")))
+	assert.ok(items.every((item) => item.to.startsWith("/manage/communities/T-1/")))
 })
 
 test("creating an event offers no destinations", () => {
diff --git a/dashboard/src/utils/managerNavigation.ts b/dashboard/src/utils/managerNavigation.ts
index 75a1f43c..116495c0 100644
--- a/dashboard/src/utils/managerNavigation.ts
+++ b/dashboard/src/utils/managerNavigation.ts
@@ -48,7 +48,7 @@ function rootItems(hasSponsorships: boolean): ManagerNavItem[] {
 	items.push({
 		label: "Communities",
 		icon: "lucide-users-round",
-		to: "/manage/teams",
+		to: "/manage/communities",
 		startsGroup: true,
 	})
 	return items
@@ -78,7 +78,7 @@ function eventItems(eventId: string): ManagerNavItem[] {
 }
 
 function teamItems(teamId: string): ManagerNavItem[] {
-	const team = `/manage/teams/${teamId}`
+	const team = `/manage/communities/${teamId}`
 	return [
 		{ label: "Events", icon: "lucide-calendar-days", to: `${team}/events` },
 		{ label: "Members", icon: "lucide-users-round", to: `${team}/members` },

From 4ef78f1bf17399cdf0634e0b413117604603f6ef Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 19:11:53 +0530
Subject: [PATCH 03/27] feat(dashboard): show an opening screen when entering a
 community workspace

Clicking a community card covers the main panel with "Opening <name>" and
shows skeleton rows in the sidebar until the workspace's events have loaded,
for at least one second. The centred shimmer line is shared with Create
Event's progress state.
---
 dashboard/components.d.ts                     |  2 ++
 .../src/components/common/ProgressStatus.vue  | 16 +++++++++++++
 .../components/dashboard/WorkspaceOpening.vue | 20 ++++++++++++++++
 .../components/dashboard/teams/TeamCard.vue   |  8 +++++++
 .../src/composables/useWorkspaceOpening.ts    | 18 ++++++++++++++
 dashboard/src/layouts/ManagerDesktopShell.vue | 24 ++++++++++++++++---
 dashboard/src/layouts/ManagerLayout.vue       | 17 ++++++++-----
 dashboard/src/layouts/ManagerMobileShell.vue  |  4 +++-
 dashboard/src/pages/manage/MyEvents.vue       |  8 +++++++
 .../src/pages/manage/events/CreateEvent.vue   | 11 ++-------
 10 files changed, 109 insertions(+), 19 deletions(-)
 create mode 100644 dashboard/src/components/common/ProgressStatus.vue
 create mode 100644 dashboard/src/components/dashboard/WorkspaceOpening.vue
 create mode 100644 dashboard/src/composables/useWorkspaceOpening.ts

diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index 358ea084..74074fe7 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -112,6 +112,7 @@ declare module 'vue' {
     PriceList: typeof import('./src/components/dashboard/sponsorships/PriceList.vue')['default']
     PrintedTicket: typeof import('./src/components/dashboard/tickets/PrintedTicket.vue')['default']
     ProfileView: typeof import('./src/components/ProfileView.vue')['default']
+    ProgressStatus: typeof import('./src/components/common/ProgressStatus.vue')['default']
     ProposalCard: typeof import('./src/components/dashboard/proposals/ProposalCard.vue')['default']
     ProposalDrawer: typeof import('./src/components/dashboard/proposals/ProposalDrawer.vue')['default']
     ProposalEditDialog: typeof import('./src/components/ProposalEditDialog.vue')['default']
@@ -163,6 +164,7 @@ declare module 'vue' {
     UserSettingsDialog: typeof import('./src/components/UserSettingsDialog.vue')['default']
     VirtualMeetingOptions: typeof import('./src/components/dashboard/events/VirtualMeetingOptions.vue')['default']
     WebsiteInput: typeof import('./src/components/dashboard/sponsorships/WebsiteInput.vue')['default']
+    WorkspaceOpening: typeof import('./src/components/dashboard/WorkspaceOpening.vue')['default']
     ZoomLogo: typeof import('./src/components/common/ZoomLogo.vue')['default']
   }
 }
diff --git a/dashboard/src/components/common/ProgressStatus.vue b/dashboard/src/components/common/ProgressStatus.vue
new file mode 100644
index 00000000..9a1f6d23
--- /dev/null
+++ b/dashboard/src/components/common/ProgressStatus.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+// Delayed when it replaces content that is still fading out.
+defineProps<{ text: string; failed?: boolean; delayed?: boolean }>()
+</script>
+
+<template>
+	<!-- A little above true centre: a lone line sitting at exactly half reads low. -->
+	<div class="flex min-h-[70dvh] items-center justify-center" aria-live="polite">
+		<!-- Separate elements: the rise and the shimmer are both CSS animations. -->
+		<span class="fade-up-in" :class="{ '[animation-delay:300ms]': delayed }">
+			<span class="text-base" :class="failed ? 'text-ink-red-6' : 'text-shimmer'">
+				{{ text }}
+			</span>
+		</span>
+	</div>
+</template>
diff --git a/dashboard/src/components/dashboard/WorkspaceOpening.vue b/dashboard/src/components/dashboard/WorkspaceOpening.vue
new file mode 100644
index 00000000..342770fc
--- /dev/null
+++ b/dashboard/src/components/dashboard/WorkspaceOpening.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import ProgressStatus from "@/components/common/ProgressStatus.vue"
+import { openingTeam } from "@/composables/useWorkspaceOpening"
+</script>
+
+<template>
+	<!-- Covers the page while the shell swaps into the workspace, so the change of context reads.
+	     No fade in: the page mounts underneath at once and its skeletons would show through. -->
+	<Transition
+		leave-active-class="transition-opacity duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none"
+		leave-to-class="opacity-0"
+	>
+		<div
+			v-if="openingTeam"
+			class="absolute inset-0 z-20 flex flex-col justify-center bg-surface-elevation-1"
+		>
+			<ProgressStatus :text="`Opening ${openingTeam}`" />
+		</div>
+	</Transition>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/TeamCard.vue b/dashboard/src/components/dashboard/teams/TeamCard.vue
index 55f40519..5697f8f0 100644
--- a/dashboard/src/components/dashboard/teams/TeamCard.vue
+++ b/dashboard/src/components/dashboard/teams/TeamCard.vue
@@ -3,6 +3,7 @@ import { Avatar } from "frappe-ui"
 import { computed } from "vue"
 
 import UserGroup from "@/components/common/UserGroup.vue"
+import { startOpening } from "@/composables/useWorkspaceOpening"
 import type { TeamOption } from "@/types"
 
 const props = defineProps<{ team: TeamOption }>()
@@ -12,11 +13,18 @@ const upcomingEvents = computed(() => {
 	if (!count) return __("No upcoming events")
 	return count === 1 ? __("1 upcoming event") : __("{0} upcoming events", [String(count)])
 })
+
+// A modified click opens a new tab, leaving this page where it is.
+function open(event: MouseEvent) {
+	if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return
+	startOpening(props.team.team_name)
+}
 </script>
 
 <template>
 	<router-link
 		:to="`/manage/communities/${team.name}`"
+		@click="open"
 		class="flex flex-col gap-4 rounded-5 border border-outline-gray-2 p-5 transition-[background-color,border-color,transform] duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] hover:border-outline-gray-3 hover:bg-surface-gray-1 focus-visible:outline-none focus-visible:focus-ring active:scale-[0.99] motion-reduce:active:scale-100"
 	>
 		<Avatar shape="square" size="3xl" :image="team.logo ?? undefined" :label="team.team_name" />
diff --git a/dashboard/src/composables/useWorkspaceOpening.ts b/dashboard/src/composables/useWorkspaceOpening.ts
new file mode 100644
index 00000000..5c3f8f02
--- /dev/null
+++ b/dashboard/src/composables/useWorkspaceOpening.ts
@@ -0,0 +1,18 @@
+import { ref } from "vue"
+
+// Long enough to read, so a page that loads at once doesn't flash the screen.
+const MINIMUM_DURATION = 1000
+
+export const openingTeam = ref<string | null>(null)
+let startedAt = 0
+
+export function startOpening(teamName: string) {
+	openingTeam.value = teamName
+	startedAt = Date.now()
+}
+
+export function finishOpening() {
+	if (!openingTeam.value) return
+	const remaining = MINIMUM_DURATION - (Date.now() - startedAt)
+	setTimeout(() => (openingTeam.value = null), Math.max(remaining, 0))
+}
diff --git a/dashboard/src/layouts/ManagerDesktopShell.vue b/dashboard/src/layouts/ManagerDesktopShell.vue
index d9cfdcd7..03c0c7c0 100644
--- a/dashboard/src/layouts/ManagerDesktopShell.vue
+++ b/dashboard/src/layouts/ManagerDesktopShell.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { DesktopShell, Divider, PageHeaderTarget, Sidebar, SidebarItem } from "frappe-ui"
+import { DesktopShell, Divider, PageHeaderTarget, Sidebar, SidebarItem, Skeleton } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import { useRoute } from "vue-router"
 
 import ManagerSidebarHeader from "@/components/dashboard/ManagerSidebarHeader.vue"
+import WorkspaceOpening from "@/components/dashboard/WorkspaceOpening.vue"
 import UserMenu from "@/components/UserMenu.vue"
+import { openingTeam } from "@/composables/useWorkspaceOpening"
 import {
 	discoverEvents,
 	openDiscoverEvents,
@@ -16,6 +18,9 @@ const props = defineProps<{ items: ManagerNavItem[]; workspace?: Workspace }>()
 
 const route = useRoute()
 
+// Events, Members, Payments and Settings.
+const WORKSPACE_ITEM_COUNT = 4
+
 // SidebarItem infers this from `to` on paper, but its `active` prop is declared
 // type Boolean, so Vue casts the absent prop to false and the inference never runs.
 const isActive = (to: string) => route.path === to
@@ -54,7 +59,19 @@ watch(headerKey, (key, previous) => {
 				<div class="nav-stage relative mx-2 my-2">
 					<Transition :name="`nav-${direction}`">
 						<div :key="headerKey" class="nav-list flex flex-col gap-0.5">
-							<template v-for="item in items" :key="item.label">
+							<!-- Stands in for the workspace destinations while it opens. -->
+							<template v-if="openingTeam">
+								<div
+									v-for="row in WORKSPACE_ITEM_COUNT"
+									:key="row"
+									class="flex h-7 items-center gap-2 px-2"
+									aria-hidden="true"
+								>
+									<Skeleton class="size-4 rounded-2" />
+									<Skeleton class="h-3 w-24 rounded-2" />
+								</div>
+							</template>
+							<template v-for="item in items" v-else :key="item.label">
 								<Divider v-if="item.startsGroup" class="my-1.5" />
 								<SidebarItem
 									:label="item.label"
@@ -84,12 +101,13 @@ watch(headerKey, (key, previous) => {
 
 		<div class="flex flex-col h-full min-h-0 bg-surface-sidebar py-2 pl-1">
 			<div
-				class="flex h-full flex-col overflow-hidden rounded-l-6 bg-surface-elevation-1 shadow-base"
+				class="relative flex h-full flex-col overflow-hidden rounded-l-6 bg-surface-elevation-1 shadow-base"
 			>
 				<PageHeaderTarget />
 				<div class="relative min-h-0 flex-1 overflow-y-auto">
 					<router-view />
 				</div>
+				<WorkspaceOpening />
 			</div>
 		</div>
 	</DesktopShell>
diff --git a/dashboard/src/layouts/ManagerLayout.vue b/dashboard/src/layouts/ManagerLayout.vue
index 04504848..588b7c34 100644
--- a/dashboard/src/layouts/ManagerLayout.vue
+++ b/dashboard/src/layouts/ManagerLayout.vue
@@ -5,6 +5,7 @@ import { useRoute } from "vue-router"
 
 import { useIsMobile } from "@/composables/useIsMobile"
 import { useTeamAccess } from "@/composables/useTeamAccess"
+import { finishOpening, openingTeam } from "@/composables/useWorkspaceOpening"
 import { useEventDoc } from "@/data/events"
 import { useMySponsorships } from "@/data/sponsorships"
 import { selectTeam, teams, teamsLoaded } from "@/data/teams"
@@ -32,6 +33,7 @@ const teamId = computed(() => route.params.teamId as string | undefined)
 const team = computed(() => teams.value.find((option) => option.name === teamId.value))
 // The server refuses a non-member too; this keeps them off the page.
 const teamDenied = computed(() => Boolean(teamId.value && teamsLoaded.value && !team.value))
+watch(teamDenied, (denied) => denied && finishOpening())
 // Create Event files the event under the current team, so opening a team makes it current.
 watch(team, (opened) => opened && selectTeam(opened.name), { immediate: true })
 
@@ -59,13 +61,16 @@ usePageMeta(() => {
 	return { title: `${__(section)} | ${workspace.value.title}` }
 })
 
+// The sidebar empties while a workspace opens, so the old destinations don't linger.
 const items = computed(() =>
-	managerNavigation({
-		eventId: eventId.value,
-		teamId: teamId.value,
-		creatingEvent: route.name === "create-event",
-		hasSponsorships: Boolean(sponsorships.data?.length),
-	}),
+	openingTeam.value
+		? []
+		: managerNavigation({
+				eventId: eventId.value,
+				teamId: teamId.value,
+				creatingEvent: route.name === "create-event",
+				hasSponsorships: Boolean(sponsorships.data?.length),
+			}),
 )
 </script>
 
diff --git a/dashboard/src/layouts/ManagerMobileShell.vue b/dashboard/src/layouts/ManagerMobileShell.vue
index bf26844d..1dbf8bf4 100644
--- a/dashboard/src/layouts/ManagerMobileShell.vue
+++ b/dashboard/src/layouts/ManagerMobileShell.vue
@@ -3,6 +3,7 @@ import { MobileNav, MobileNavItem, MobileShell } from "frappe-ui"
 import { computed } from "vue"
 import { useRoute } from "vue-router"
 
+import WorkspaceOpening from "@/components/dashboard/WorkspaceOpening.vue"
 import { discoverEvents, openDiscoverEvents, type ManagerNavItem } from "@/utils/managerNavigation"
 
 defineProps<{ items: ManagerNavItem[]; showDiscover?: boolean }>()
@@ -19,8 +20,9 @@ const showNav = computed(() => {
 
 <template>
 	<MobileShell>
-		<div class="min-h-full bg-surface-elevation-1">
+		<div class="relative min-h-full bg-surface-elevation-1">
 			<router-view />
+			<WorkspaceOpening />
 		</div>
 
 		<template #nav>
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index 98bd76ca..bd69cd8e 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -12,6 +12,7 @@ import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
 import TimelineList from "@/components/dashboard/TimelineList.vue"
 import { useDrawerSelection } from "@/composables/useDrawerSelection"
 import { useIsMobile } from "@/composables/useIsMobile"
+import { finishOpening } from "@/composables/useWorkspaceOpening"
 import { useMyEvents } from "@/data/events"
 import type { MyEvent } from "@/types"
 import { groupEventsByMonth } from "@/utils/eventGroups"
@@ -26,6 +27,13 @@ const isMobile = useIsMobile()
 const team = computed(() => route.params.teamId as string | undefined)
 const myEvents = useMyEvents((): Record<string, string> => (team.value ? { team: team.value } : {}))
 
+// The team workspace opens on this page, so its first load ends the opening screen.
+watch(
+	() => !myEvents.loading && Boolean(myEvents.data || myEvents.error),
+	(loaded) => loaded && finishOpening(),
+	{ immediate: true },
+)
+
 // The feed arrives already split, so the tab only picks a side.
 const events = computed(() => myEvents.data?.[tab.value] || [])
 
diff --git a/dashboard/src/pages/manage/events/CreateEvent.vue b/dashboard/src/pages/manage/events/CreateEvent.vue
index db9588ff..416c96ca 100644
--- a/dashboard/src/pages/manage/events/CreateEvent.vue
+++ b/dashboard/src/pages/manage/events/CreateEvent.vue
@@ -12,6 +12,7 @@ import { Editor, EditorContent, EditorFixedMenu } from "frappe-ui/editor"
 import { computed, onBeforeUnmount, onMounted, ref } from "vue"
 import { onBeforeRouteLeave, useRouter } from "vue-router"
 
+import ProgressStatus from "@/components/common/ProgressStatus.vue"
 import EventBanner from "@/components/dashboard/events/EventBanner.vue"
 import EventSchedule from "@/components/dashboard/events/EventSchedule.vue"
 import EventLocationField from "@/components/dashboard/events/location/EventLocationField.vue"
@@ -334,15 +335,7 @@ async function save() {
 				</section>
 			</div>
 
-			<!-- A little above true centre: a lone line sitting at exactly half reads low. -->
-			<div v-else class="flex min-h-[70dvh] items-center justify-center" aria-live="polite">
-				<!-- Separate elements: the rise and the shimmer are both CSS animations. -->
-				<span class="fade-up-in [animation-delay:300ms]">
-					<span class="text-base" :class="failed ? 'text-ink-red-6' : 'text-shimmer'">
-						{{ step }}
-					</span>
-				</span>
-			</div>
+			<ProgressStatus v-else :text="step" :failed="failed" delayed />
 		</Transition>
 	</div>
 </template>

From 50cbe746027d177bbae92a9ab259c039f18f8aa0 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 19:17:04 +0530
Subject: [PATCH 04/27] feat(dashboard): community page button and create event
 beside the timeline tabs

Every community page header ends with a Community Page button on desktop,
disabled until the community is published. On a community's events page,
Create Event moves next to the Upcoming/Past toggle.

The mobile back button now targets the renamed communities route.
---
 .../src/components/dashboard/TimelineList.vue |  1 +
 .../dashboard/teams/TeamPageHeader.vue        | 22 ++++++++++---------
 dashboard/src/pages/manage/MyEvents.vue       | 18 +++++++--------
 .../src/pages/manage/teams/TeamSettings.vue   |  1 -
 4 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/dashboard/src/components/dashboard/TimelineList.vue b/dashboard/src/components/dashboard/TimelineList.vue
index d1999386..0ce4e086 100644
--- a/dashboard/src/components/dashboard/TimelineList.vue
+++ b/dashboard/src/components/dashboard/TimelineList.vue
@@ -45,6 +45,7 @@ const tabOptions = [
 				size="md"
 				:fluid="isMobile"
 			/>
+			<slot name="actions" />
 		</header>
 
 		<div v-if="$slots.controls" class="flex items-center justify-between gap-4">
diff --git a/dashboard/src/components/dashboard/teams/TeamPageHeader.vue b/dashboard/src/components/dashboard/teams/TeamPageHeader.vue
index 3151fdea..8b07670c 100644
--- a/dashboard/src/components/dashboard/teams/TeamPageHeader.vue
+++ b/dashboard/src/components/dashboard/teams/TeamPageHeader.vue
@@ -11,7 +11,6 @@ const props = defineProps<{
 	section: string
 	detail?: string
 	back?: RouteLocationRaw
-	teamPageLink?: boolean
 	dirty?: boolean
 }>()
 
@@ -24,7 +23,7 @@ const publicSlug = computed(() =>
 	team.value?.is_published && !props.dirty ? team.value.slug : null,
 )
 
-const items = computed(() => [{ label: teamName.value || "Team" }, { label: props.section }])
+const items = computed(() => [{ label: teamName.value || "Community" }, { label: props.section }])
 </script>
 
 <template>
@@ -39,8 +38,8 @@ const items = computed(() => [{ label: teamName.value || "Team" }, { label: prop
 				<Button
 					variant="ghost"
 					icon="lucide-chevron-left"
-					:label="back ? 'Back' : 'Back to teams'"
-					:route="back ?? { name: 'teams' }"
+					:label="back ? 'Back' : 'Back to communities'"
+					:route="back ?? { name: 'communities' }"
 				/>
 			</slot>
 		</template>
@@ -49,8 +48,8 @@ const items = computed(() => [{ label: teamName.value || "Team" }, { label: prop
 				v-if="publicSlug"
 				variant="ghost"
 				icon="lucide-arrow-up-right"
-				:label="__('Open team page')"
-				:tooltip="__('Open team page')"
+				:label="__('Open community page')"
+				:tooltip="__('Open community page')"
 				@click="openTeamPage(publicSlug)"
 			/>
 			<slot />
@@ -60,13 +59,16 @@ const items = computed(() => [{ label: teamName.value || "Team" }, { label: prop
 	<PageHeader v-else class="border-none bg-surface-elevation-1 pt-2">
 		<Breadcrumbs :items="items" />
 		<div class="flex items-center gap-2">
+			<slot />
+			<!-- Always shown and always last, so the page's place is known before it is published. -->
 			<Button
-				v-if="teamPageLink && publicSlug"
-				:label="__('Team Page')"
+				variant="ghost"
+				:label="__('Community Page')"
 				icon-right="lucide-arrow-up-right"
-				@click="openTeamPage(publicSlug)"
+				:disabled="!publicSlug"
+				:tooltip="publicSlug ? undefined : __('Publish the community to open its page')"
+				@click="publicSlug && openTeamPage(publicSlug)"
 			/>
-			<slot />
 		</div>
 	</PageHeader>
 </template>
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index bd69cd8e..5fa0823b 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -63,15 +63,7 @@ const emptyDescription = computed(() =>
 </script>
 
 <template>
-	<TeamPageHeader v-if="team" section="Events">
-		<Button
-			v-if="!isMobile"
-			variant="solid"
-			icon-left="lucide-plus"
-			label="Create Event"
-			:route="{ name: 'create-event' }"
-		/>
-	</TeamPageHeader>
+	<TeamPageHeader v-if="team" section="Events" />
 	<CreateEventHeader v-else title="Events" />
 	<FloatingCreateEventButton v-if="team && isMobile" />
 
@@ -84,6 +76,14 @@ const emptyDescription = computed(() =>
 		:loading="myEvents.loading"
 		:error="myEvents.error"
 	>
+		<template v-if="team && !isMobile" #actions>
+			<Button
+				variant="subtle"
+				icon-left="lucide-plus"
+				label="Create Event"
+				:route="{ name: 'create-event' }"
+			/>
+		</template>
 		<template #empty-state>
 			<EmptyState :title="`No ${tab} events`" :description="emptyDescription">
 				<template #illustration>
diff --git a/dashboard/src/pages/manage/teams/TeamSettings.vue b/dashboard/src/pages/manage/teams/TeamSettings.vue
index 4adc9a46..6d478e2e 100644
--- a/dashboard/src/pages/manage/teams/TeamSettings.vue
+++ b/dashboard/src/pages/manage/teams/TeamSettings.vue
@@ -51,7 +51,6 @@ const sectionLabel = computed(() => sections.find((item) => item.value === secti
 <template>
 	<TeamPageHeader
 		section="Settings"
-		team-page-link
 		:dirty="settings.isDirty"
 		:detail="isMobile && sectionLabel ? __(sectionLabel) : undefined"
 		:back="isMobile && section ? sectionRoute() : undefined"

From f1cef744cbdc8dca012fc4949ed8438f5c005080 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 19:43:23 +0530
Subject: [PATCH 05/27] feat(dashboard): community submissions page

A Submissions item in the community workspace lists pending and approved
event submissions from other teams. Editors approve, reject or remove them.
---
 dashboard/components.d.ts                     |  1 +
 .../dashboard/teams/SubmissionRow.vue         | 77 +++++++++++++++++++
 dashboard/src/data/communities.ts             | 21 +++++
 dashboard/src/layouts/ManagerDesktopShell.vue |  4 +-
 .../pages/manage/teams/TeamSubmissions.vue    | 65 ++++++++++++++++
 dashboard/src/router.ts                       |  6 ++
 dashboard/src/types.ts                        | 23 ++++++
 dashboard/src/utils/managerNavigation.test.ts |  2 +-
 dashboard/src/utils/managerNavigation.ts      |  1 +
 9 files changed, 197 insertions(+), 3 deletions(-)
 create mode 100644 dashboard/src/components/dashboard/teams/SubmissionRow.vue
 create mode 100644 dashboard/src/data/communities.ts
 create mode 100644 dashboard/src/pages/manage/teams/TeamSubmissions.vue

diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index 74074fe7..1e95fc7b 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -134,6 +134,7 @@ declare module 'vue' {
     SponsorDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorDrawer.vue')['default']
     SponsorshipDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorshipDrawer.vue')['default']
     SponsorshipPaymentDialog: typeof import('./src/components/SponsorshipPaymentDialog.vue')['default']
+    SubmissionRow: typeof import('./src/components/dashboard/teams/SubmissionRow.vue')['default']
     SuccessMessage: typeof import('./src/components/SuccessMessage.vue')['default']
     TaxSettings: typeof import('./src/components/dashboard/ticket-types/TaxSettings.vue')['default']
     TeamCard: typeof import('./src/components/dashboard/teams/TeamCard.vue')['default']
diff --git a/dashboard/src/components/dashboard/teams/SubmissionRow.vue b/dashboard/src/components/dashboard/teams/SubmissionRow.vue
new file mode 100644
index 00000000..a222112f
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/SubmissionRow.vue
@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { Avatar, Button, dayjs, toast } from "frappe-ui"
+
+import { useReviewAction } from "@/data/communities"
+import type { CommunityRequest } from "@/types"
+import { eventUrl } from "@/utils/eventUrl"
+import { serverErrorMessage } from "@/utils/serverError"
+
+const props = defineProps<{ request: CommunityRequest; canReview: boolean }>()
+const emit = defineEmits<{ changed: [] }>()
+
+const approve = useReviewAction("approve_request")
+const reject = useReviewAction("reject_request")
+const remove = useReviewAction("remove_event")
+
+async function run(action: ReturnType<typeof useReviewAction>, done: string) {
+	try {
+		await action.submit({ request: props.request.name })
+		toast.success(__(done))
+		emit("changed")
+	} catch (error) {
+		toast.error(serverErrorMessage(error))
+	}
+}
+</script>
+
+<template>
+	<li class="flex items-center gap-3 border-b py-3">
+		<Avatar
+			shape="square"
+			size="lg"
+			:image="request.event_team_logo ?? undefined"
+			:label="request.event_team_name"
+		/>
+		<div class="min-w-0 flex-1">
+			<a
+				v-if="request.event_route"
+				:href="eventUrl(request.event_route)"
+				target="_blank"
+				rel="noopener"
+				class="block truncate text-base font-medium text-ink-gray-8 hover:underline"
+			>
+				{{ request.event_title }}
+			</a>
+			<span v-else class="block truncate text-base font-medium text-ink-gray-8">
+				{{ request.event_title }}
+			</span>
+			<p class="truncate text-sm text-ink-gray-5">
+				{{ request.event_team_name }} · {{ dayjs(request.start_date).format("D MMM YYYY") }}
+				<template v-if="request.submitter_name"> · {{ request.submitter_name }}</template>
+			</p>
+		</div>
+		<div v-if="canReview" class="flex shrink-0 gap-2">
+			<template v-if="request.status === 'Pending'">
+				<Button
+					:label="__('Reject')"
+					variant="ghost"
+					:loading="reject.loading"
+					@click="run(reject, 'Submission rejected')"
+				/>
+				<Button
+					:label="__('Approve')"
+					variant="subtle"
+					:loading="approve.loading"
+					@click="run(approve, 'Event listed on your page')"
+				/>
+			</template>
+			<Button
+				v-else
+				:label="__('Remove')"
+				variant="ghost"
+				:loading="remove.loading"
+				@click="run(remove, 'Event removed from your page')"
+			/>
+		</div>
+	</li>
+</template>
diff --git a/dashboard/src/data/communities.ts b/dashboard/src/data/communities.ts
new file mode 100644
index 00000000..afc166e8
--- /dev/null
+++ b/dashboard/src/data/communities.ts
@@ -0,0 +1,21 @@
+import { useCall } from "frappe-ui"
+
+import type { CommunityQueue } from "@/types"
+
+const METHOD = "/api/v2/method/buzz.api.communities"
+
+export function useCommunityQueue(community: string) {
+	return useCall<CommunityQueue, { community: string }>({
+		url: `${METHOD}.get_requests`,
+		params: { community },
+	})
+}
+
+// One per review action; each takes the request's name.
+export function useReviewAction(action: "approve_request" | "reject_request" | "remove_event") {
+	return useCall<null, { request: string }>({
+		url: `${METHOD}.${action}`,
+		method: "POST",
+		immediate: false,
+	})
+}
diff --git a/dashboard/src/layouts/ManagerDesktopShell.vue b/dashboard/src/layouts/ManagerDesktopShell.vue
index 03c0c7c0..c0ff8e48 100644
--- a/dashboard/src/layouts/ManagerDesktopShell.vue
+++ b/dashboard/src/layouts/ManagerDesktopShell.vue
@@ -18,8 +18,8 @@ const props = defineProps<{ items: ManagerNavItem[]; workspace?: Workspace }>()
 
 const route = useRoute()
 
-// Events, Members, Payments and Settings.
-const WORKSPACE_ITEM_COUNT = 4
+// Events, Submissions, Members, Payments and Settings.
+const WORKSPACE_ITEM_COUNT = 5
 
 // SidebarItem infers this from `to` on paper, but its `active` prop is declared
 // type Boolean, so Vue casts the absent prop to false and the inference never runs.
diff --git a/dashboard/src/pages/manage/teams/TeamSubmissions.vue b/dashboard/src/pages/manage/teams/TeamSubmissions.vue
new file mode 100644
index 00000000..7df5c09b
--- /dev/null
+++ b/dashboard/src/pages/manage/teams/TeamSubmissions.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { ErrorMessage, Skeleton } from "frappe-ui"
+import { computed } from "vue"
+import { useRoute } from "vue-router"
+
+import EmptyState from "@/components/common/EmptyState.vue"
+import SectionHeader from "@/components/common/SectionHeader.vue"
+import SubmissionRow from "@/components/dashboard/teams/SubmissionRow.vue"
+import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
+import { useCommunityQueue } from "@/data/communities"
+import { useTeamOverview } from "@/data/teams"
+import { serverErrorMessage } from "@/utils/serverError"
+import { canEditPublicPage } from "@/utils/teamRoles"
+
+const teamId = useRoute().params.teamId as string
+const queue = useCommunityQueue(teamId)
+const overview = useTeamOverview(teamId)
+
+const canReview = computed(() => canEditPublicPage(overview.data?.my_role))
+const sections = computed(() => [
+	{ title: __("Pending"), requests: queue.data?.pending ?? [] },
+	{ title: __("Approved"), requests: queue.data?.approved ?? [] },
+])
+const isEmpty = computed(() => sections.value.every((section) => !section.requests.length))
+</script>
+
+<template>
+	<TeamPageHeader section="Submissions" />
+
+	<div class="m-auto flex w-full max-w-[800px] flex-col gap-8 p-4 max-md:pb-24">
+		<ErrorMessage v-if="queue.error" :message="serverErrorMessage(queue.error)" />
+
+		<ul v-else-if="!queue.data" :aria-label="__('Loading submissions')">
+			<li v-for="row in 3" :key="row" class="flex items-center gap-3 py-3">
+				<Skeleton class="size-10 shrink-0 rounded-4" />
+				<Skeleton class="h-4 w-48 rounded-4" />
+				<Skeleton class="ml-auto h-7 w-32 rounded-4" />
+			</li>
+		</ul>
+
+		<EmptyState
+			v-else-if="isEmpty"
+			:title="__('No submissions yet')"
+			:description="
+				__('Events other teams submit to your community will show up here for you to review.')
+			"
+		/>
+
+		<template v-else>
+			<section v-for="section in sections" :key="section.title" class="space-y-2">
+				<SectionHeader :title="section.title" :count="section.requests.length" />
+				<ul v-if="section.requests.length">
+					<SubmissionRow
+						v-for="request in section.requests"
+						:key="request.name"
+						:request="request"
+						:can-review="canReview"
+						@changed="queue.reload()"
+					/>
+				</ul>
+				<p v-else class="py-3 text-base text-ink-gray-5">{{ __("Nothing here") }}</p>
+			</section>
+		</template>
+	</div>
+</template>
diff --git a/dashboard/src/router.ts b/dashboard/src/router.ts
index 5e927f70..91818147 100644
--- a/dashboard/src/router.ts
+++ b/dashboard/src/router.ts
@@ -108,6 +108,12 @@ const routes: RouteRecordRaw[] = [
 				meta: { title: "Events" },
 				component: () => import("@/pages/manage/MyEvents.vue"),
 			},
+			{
+				path: "communities/:teamId/submissions",
+				name: "team-submissions",
+				meta: { title: "Submissions" },
+				component: () => import("@/pages/manage/teams/TeamSubmissions.vue"),
+			},
 			{
 				path: "communities/:teamId/members",
 				name: "team-members",
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index c4451eb8..83a9f478 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -132,6 +132,29 @@ export interface TeamOption {
 	feature_flags: Record<string, boolean>
 }
 
+// An event another team asked a community to list.
+export interface CommunityRequest {
+	name: string
+	event: string
+	event_title: string
+	event_route: string | null
+	start_date: string
+	event_team: string
+	event_team_name: string
+	event_team_logo: string | null
+	community: string
+	community_name: string
+	status: string
+	submitted_by: string | null
+	submitter_name: string | null
+	review_note: string | null
+}
+
+export interface CommunityQueue {
+	pending: CommunityRequest[]
+	approved: CommunityRequest[]
+}
+
 // Someone invited by email who has not accepted yet, so has no User row.
 export interface TeamInvite {
 	email: string
diff --git a/dashboard/src/utils/managerNavigation.test.ts b/dashboard/src/utils/managerNavigation.test.ts
index 367cb7fa..23d41fc7 100644
--- a/dashboard/src/utils/managerNavigation.test.ts
+++ b/dashboard/src/utils/managerNavigation.test.ts
@@ -24,7 +24,7 @@ test("an event offers its own sections, scoped to its id", () => {
 
 test("a team offers its sections with settings last, scoped to its id", () => {
 	const items = managerNavigation({ teamId: "T-1", creatingEvent: false, hasSponsorships: true })
-	assert.deepEqual(labels(items), ["Events", "Members", "Payments", "Settings"])
+	assert.deepEqual(labels(items), ["Events", "Submissions", "Members", "Payments", "Settings"])
 	assert.ok(items.every((item) => item.to.startsWith("/manage/communities/T-1/")))
 })
 
diff --git a/dashboard/src/utils/managerNavigation.ts b/dashboard/src/utils/managerNavigation.ts
index 116495c0..079dd95e 100644
--- a/dashboard/src/utils/managerNavigation.ts
+++ b/dashboard/src/utils/managerNavigation.ts
@@ -81,6 +81,7 @@ function teamItems(teamId: string): ManagerNavItem[] {
 	const team = `/manage/communities/${teamId}`
 	return [
 		{ label: "Events", icon: "lucide-calendar-days", to: `${team}/events` },
+		{ label: "Submissions", icon: "lucide-inbox", to: `${team}/submissions` },
 		{ label: "Members", icon: "lucide-users-round", to: `${team}/members` },
 		{ label: "Payments", icon: "lucide-credit-card", to: `${team}/payments` },
 		// Settings stays the last item, whatever is added above it.

From b4d8b2eb185b9fa552ca3a5b10dd456cdaa4efbf Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 19:43:24 +0530
Subject: [PATCH 06/27] feat(teams): submit an event from the public community
 page

A community that accepts submissions shows a Submit event button. Guests are
sent to log in; signed-in visitors pick one of their upcoming events in a
dialog and submit it for review.
---
 buzz/events/doctype/buzz_team/team_page.py    |  1 +
 .../buzz_team/templates/buzz_team.html        | 25 +++++
 buzz/public/js/team_page.bundle.ts            |  7 ++
 buzz/public/js/team_page/submit_dialog.ts     | 99 +++++++++++++++++++
 buzz/public/themes/team.css                   | 65 ++++++++++++
 5 files changed, 197 insertions(+)
 create mode 100644 buzz/public/js/team_page/submit_dialog.ts

diff --git a/buzz/events/doctype/buzz_team/team_page.py b/buzz/events/doctype/buzz_team/team_page.py
index d1044891..df72bda0 100644
--- a/buzz/events/doctype/buzz_team/team_page.py
+++ b/buzz/events/doctype/buzz_team/team_page.py
@@ -81,6 +81,7 @@ def as_context(self) -> dict:
 			"upcoming_days": group_by_day(upcoming),
 			"past_days": group_by_day(past),
 			"meta": self.meta(),
+			"is_guest": frappe.session.user == "Guest",
 			**TeamMap(upcoming, past).as_context(),
 		}
 
diff --git a/buzz/events/doctype/buzz_team/templates/buzz_team.html b/buzz/events/doctype/buzz_team/templates/buzz_team.html
index d342ec46..e650d0a1 100644
--- a/buzz/events/doctype/buzz_team/templates/buzz_team.html
+++ b/buzz/events/doctype/buzz_team/templates/buzz_team.html
@@ -76,6 +76,13 @@ <h3 class="team-day-heading">{{ day.label }}<span>{{ day.weekday }}</span></h3>
 				<h1 class="event-title">{{ doc.team_name }}</h1>
 				<p class="team-stats">{% if events_hosted == 1 %}{{ _("1 event hosted") }}{% else %}{{ _("{0} events hosted").format(events_hosted) }}{% endif %}</p>
 			</div>
+			{% if doc.accept_community_submissions %}
+			{% if is_guest %}
+			<a class="es-button" data-variant="subtle" data-size="md" href="/login?redirect-to=/{{ doc.route }}"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg>{{ _("Submit event") }}</a>
+			{% else %}
+			<button type="button" class="es-button" data-variant="subtle" data-size="md" data-submit-event><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg>{{ _("Submit event") }}</button>
+			{% endif %}
+			{% endif %}
 		</header>
 
 		{% if countries %}
@@ -135,6 +142,24 @@ <h2 class="label">{{ _("About") }}</h2>
 		</div>
 	</main>
 
+	{% if doc.accept_community_submissions and not is_guest %}
+	<dialog class="submit-dialog" data-submit-dialog data-community="{{ doc.name }}" aria-labelledby="submit-dialog-title">
+		<form class="submit-dialog-body" data-submit-form>
+			<h2 id="submit-dialog-title" class="submit-dialog-title">{{ _("Submit an event") }}</h2>
+			<p class="submit-dialog-text">{{ _("Pick one of your upcoming events. {0} reviews it before it is listed here.").format(doc.team_name) }}</p>
+			<label class="submit-dialog-field">
+				<span class="label">{{ _("Event") }}</span>
+				<select name="event" required data-submit-events disabled><option value="">{{ _("Loading…") }}</option></select>
+			</label>
+			<p class="submit-dialog-status" role="status" data-submit-status></p>
+			<div class="submit-dialog-actions">
+				<button type="button" class="es-button" data-variant="ghost" data-size="md" data-submit-cancel>{{ _("Cancel") }}</button>
+				<button type="submit" class="es-button" data-variant="solid" data-size="md" data-submit-confirm disabled>{{ _("Submit") }}</button>
+			</div>
+		</form>
+	</dialog>
+	{% endif %}
+
 	<script type="application/json" id="team-page-data">{{ page_data | tojson }}</script>
 {% endautoescape %}{% endblock %}
 
diff --git a/buzz/public/js/team_page.bundle.ts b/buzz/public/js/team_page.bundle.ts
index bf0cbb1e..b34ab836 100644
--- a/buzz/public/js/team_page.bundle.ts
+++ b/buzz/public/js/team_page.bundle.ts
@@ -2,6 +2,7 @@
 import { MonthCalendar } from "./team_page/calendar"
 import { TeamMap } from "./team_page/map"
 import { readPageData } from "./team_page/page_data"
+import { SubmitDialog } from "./team_page/submit_dialog"
 import { scrollAndHighlight, showPanel, wireTabs } from "./team_page/timeline"
 
 wireTabs()
@@ -61,3 +62,9 @@ for (const card of document.querySelectorAll<HTMLElement>("[data-event-card]"))
 const calendarElement = document.querySelector<HTMLElement>("[data-calendar]")
 if (data && calendarElement) new MonthCalendar(calendarElement, data, showDate).render()
 if (data && countryChips.length) filterByCountry(visitorCountry)
+
+const submitDialog = document.querySelector<HTMLDialogElement>("[data-submit-dialog]")
+if (submitDialog) {
+	const dialog = new SubmitDialog(submitDialog)
+	document.querySelector("[data-submit-event]")?.addEventListener("click", () => dialog.open())
+}
diff --git a/buzz/public/js/team_page/submit_dialog.ts b/buzz/public/js/team_page/submit_dialog.ts
new file mode 100644
index 00000000..1c5a6fe6
--- /dev/null
+++ b/buzz/public/js/team_page/submit_dialog.ts
@@ -0,0 +1,99 @@
+// The Submit event dialog: lists the visitor's upcoming events and asks the community to list one.
+interface EventOption {
+	name: string
+	title: string
+	start_date: string
+	team_name: string
+}
+
+interface CallResult<T> {
+	data?: T
+	errors?: { message?: string }[]
+}
+
+const METHOD = "/api/v2/method/buzz.api.communities"
+const csrfToken = () =>
+	(window as unknown as { frappe?: { csrf_token?: string } }).frappe?.csrf_token || ""
+
+function call<T>(path: string, body?: Record<string, string>): Promise<T> {
+	const init: RequestInit = body
+		? {
+				method: "POST",
+				body: JSON.stringify(body),
+				headers: { "Content-Type": "application/json", "X-Frappe-CSRF-Token": csrfToken() },
+			}
+		: {}
+	return fetch(`${METHOD}.${path}`, init).then((response) =>
+		response.json().then((result: CallResult<T>) => {
+			if (!response.ok) throw new Error(result.errors?.[0]?.message || "Something went wrong")
+			return result.data as T
+		}),
+	)
+}
+
+export class SubmitDialog {
+	private community: string
+	private form: HTMLFormElement
+	private select: HTMLSelectElement
+	private status: HTMLElement
+	private confirm: HTMLButtonElement
+
+	constructor(private dialog: HTMLDialogElement) {
+		this.community = dialog.dataset.community || ""
+		this.form = dialog.querySelector("[data-submit-form]")!
+		this.select = dialog.querySelector("[data-submit-events]")!
+		this.status = dialog.querySelector("[data-submit-status]")!
+		this.confirm = dialog.querySelector("[data-submit-confirm]")!
+		dialog.querySelector("[data-submit-cancel]")!.addEventListener("click", () => dialog.close())
+		this.form.addEventListener("submit", (event) => {
+			event.preventDefault()
+			this.submit()
+		})
+	}
+
+	open() {
+		this.setStatus("")
+		this.dialog.showModal()
+		call<EventOption[]>(`get_submittable_events?community=${encodeURIComponent(this.community)}`)
+			.then((events) => this.fill(events))
+			.catch((error: Error) => this.setStatus(error.message, true))
+	}
+
+	private fill(events: EventOption[]) {
+		this.select.replaceChildren(...events.map((event) => new Option(this.label(event), event.name)))
+		this.showEmptyIfNone()
+	}
+
+	private showEmptyIfNone() {
+		const isEmpty = !this.select.options.length
+		if (isEmpty) this.select.append(new Option("You have no upcoming events to submit", ""))
+		this.select.disabled = this.confirm.disabled = isEmpty
+	}
+
+	private label(event: EventOption): string {
+		const date = new Date(`${event.start_date}T00:00`).toLocaleDateString(undefined, {
+			day: "numeric",
+			month: "short",
+		})
+		return `${event.title} · ${event.team_name} · ${date}`
+	}
+
+	private submit() {
+		this.confirm.disabled = true
+		call("submit_event", { event: this.select.value, community: this.community })
+			.then(() => {
+				this.select.selectedOptions[0]?.remove()
+				this.setStatus("Submitted. You will get an email once it is reviewed.")
+				this.showEmptyIfNone()
+			})
+			.catch((error: Error) => {
+				this.confirm.disabled = false
+				this.setStatus(error.message, true)
+			})
+	}
+
+	private setStatus(text: string, failed = false) {
+		this.status.textContent = text
+		this.status.toggleAttribute("data-failed", failed)
+	}
+}
diff --git a/buzz/public/themes/team.css b/buzz/public/themes/team.css
index 73a79808..0bcd865d 100644
--- a/buzz/public/themes/team.css
+++ b/buzz/public/themes/team.css
@@ -244,3 +244,68 @@
 		transform: none;
 	}
 }
+
+/* Submit event: a native dialog, sized like frappe-ui's small Dialog. */
+.submit-dialog {
+	width: min(440px, calc(100vw - 32px));
+	padding: 0;
+	border: none;
+	border-radius: var(--radius-xl);
+	background: var(--surface-elevation-3);
+	color: var(--ink-gray-8);
+	box-shadow: 0 0 0 1px var(--border), 0 16px 40px rgb(0 0 0 / 0.16);
+}
+
+.submit-dialog::backdrop {
+	background: rgb(0 0 0 / 0.4);
+}
+
+.submit-dialog-body {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	padding: 20px;
+}
+
+.submit-dialog-title {
+	font-size: var(--text-xl);
+	font-weight: 600;
+	color: var(--ink-gray-9);
+}
+
+.submit-dialog-text,
+.submit-dialog-status {
+	color: var(--ink-gray-6);
+	font-size: var(--text-p-sm);
+}
+
+.submit-dialog-status:empty {
+	display: none;
+}
+
+.submit-dialog-status[data-failed] {
+	color: var(--ink-red-6);
+}
+
+.submit-dialog-field {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+}
+
+.submit-dialog-field select {
+	height: 32px;
+	padding: 0 8px;
+	border: 1px solid var(--outline-gray-2);
+	border-radius: var(--radius-2);
+	background: var(--surface-gray-2);
+	color: var(--ink-gray-8);
+	font: inherit;
+	font-size: var(--text-base);
+}
+
+.submit-dialog-actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: 8px;
+}

From 9d9ee1e8e32f01f6223d5d1d85f63da37cbead2c Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 22:59:03 +0530
Subject: [PATCH 07/27] revert(teams): remove submit event from the public
 community page

The dialog is being rebuilt in Vue, shared by the dashboard and the public page.
---
 buzz/events/doctype/buzz_team/team_page.py    |  1 -
 .../buzz_team/templates/buzz_team.html        | 25 -----
 buzz/public/js/team_page.bundle.ts            |  7 --
 buzz/public/js/team_page/submit_dialog.ts     | 99 -------------------
 buzz/public/themes/team.css                   | 65 ------------
 5 files changed, 197 deletions(-)
 delete mode 100644 buzz/public/js/team_page/submit_dialog.ts

diff --git a/buzz/events/doctype/buzz_team/team_page.py b/buzz/events/doctype/buzz_team/team_page.py
index df72bda0..d1044891 100644
--- a/buzz/events/doctype/buzz_team/team_page.py
+++ b/buzz/events/doctype/buzz_team/team_page.py
@@ -81,7 +81,6 @@ def as_context(self) -> dict:
 			"upcoming_days": group_by_day(upcoming),
 			"past_days": group_by_day(past),
 			"meta": self.meta(),
-			"is_guest": frappe.session.user == "Guest",
 			**TeamMap(upcoming, past).as_context(),
 		}
 
diff --git a/buzz/events/doctype/buzz_team/templates/buzz_team.html b/buzz/events/doctype/buzz_team/templates/buzz_team.html
index e650d0a1..d342ec46 100644
--- a/buzz/events/doctype/buzz_team/templates/buzz_team.html
+++ b/buzz/events/doctype/buzz_team/templates/buzz_team.html
@@ -76,13 +76,6 @@ <h3 class="team-day-heading">{{ day.label }}<span>{{ day.weekday }}</span></h3>
 				<h1 class="event-title">{{ doc.team_name }}</h1>
 				<p class="team-stats">{% if events_hosted == 1 %}{{ _("1 event hosted") }}{% else %}{{ _("{0} events hosted").format(events_hosted) }}{% endif %}</p>
 			</div>
-			{% if doc.accept_community_submissions %}
-			{% if is_guest %}
-			<a class="es-button" data-variant="subtle" data-size="md" href="/login?redirect-to=/{{ doc.route }}"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg>{{ _("Submit event") }}</a>
-			{% else %}
-			<button type="button" class="es-button" data-variant="subtle" data-size="md" data-submit-event><svg class="icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M12 5v14"/></svg>{{ _("Submit event") }}</button>
-			{% endif %}
-			{% endif %}
 		</header>
 
 		{% if countries %}
@@ -142,24 +135,6 @@ <h2 class="label">{{ _("About") }}</h2>
 		</div>
 	</main>
 
-	{% if doc.accept_community_submissions and not is_guest %}
-	<dialog class="submit-dialog" data-submit-dialog data-community="{{ doc.name }}" aria-labelledby="submit-dialog-title">
-		<form class="submit-dialog-body" data-submit-form>
-			<h2 id="submit-dialog-title" class="submit-dialog-title">{{ _("Submit an event") }}</h2>
-			<p class="submit-dialog-text">{{ _("Pick one of your upcoming events. {0} reviews it before it is listed here.").format(doc.team_name) }}</p>
-			<label class="submit-dialog-field">
-				<span class="label">{{ _("Event") }}</span>
-				<select name="event" required data-submit-events disabled><option value="">{{ _("Loading…") }}</option></select>
-			</label>
-			<p class="submit-dialog-status" role="status" data-submit-status></p>
-			<div class="submit-dialog-actions">
-				<button type="button" class="es-button" data-variant="ghost" data-size="md" data-submit-cancel>{{ _("Cancel") }}</button>
-				<button type="submit" class="es-button" data-variant="solid" data-size="md" data-submit-confirm disabled>{{ _("Submit") }}</button>
-			</div>
-		</form>
-	</dialog>
-	{% endif %}
-
 	<script type="application/json" id="team-page-data">{{ page_data | tojson }}</script>
 {% endautoescape %}{% endblock %}
 
diff --git a/buzz/public/js/team_page.bundle.ts b/buzz/public/js/team_page.bundle.ts
index b34ab836..bf0cbb1e 100644
--- a/buzz/public/js/team_page.bundle.ts
+++ b/buzz/public/js/team_page.bundle.ts
@@ -2,7 +2,6 @@
 import { MonthCalendar } from "./team_page/calendar"
 import { TeamMap } from "./team_page/map"
 import { readPageData } from "./team_page/page_data"
-import { SubmitDialog } from "./team_page/submit_dialog"
 import { scrollAndHighlight, showPanel, wireTabs } from "./team_page/timeline"
 
 wireTabs()
@@ -62,9 +61,3 @@ for (const card of document.querySelectorAll<HTMLElement>("[data-event-card]"))
 const calendarElement = document.querySelector<HTMLElement>("[data-calendar]")
 if (data && calendarElement) new MonthCalendar(calendarElement, data, showDate).render()
 if (data && countryChips.length) filterByCountry(visitorCountry)
-
-const submitDialog = document.querySelector<HTMLDialogElement>("[data-submit-dialog]")
-if (submitDialog) {
-	const dialog = new SubmitDialog(submitDialog)
-	document.querySelector("[data-submit-event]")?.addEventListener("click", () => dialog.open())
-}
diff --git a/buzz/public/js/team_page/submit_dialog.ts b/buzz/public/js/team_page/submit_dialog.ts
deleted file mode 100644
index 1c5a6fe6..00000000
--- a/buzz/public/js/team_page/submit_dialog.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-// The Submit event dialog: lists the visitor's upcoming events and asks the community to list one.
-interface EventOption {
-	name: string
-	title: string
-	start_date: string
-	team_name: string
-}
-
-interface CallResult<T> {
-	data?: T
-	errors?: { message?: string }[]
-}
-
-const METHOD = "/api/v2/method/buzz.api.communities"
-const csrfToken = () =>
-	(window as unknown as { frappe?: { csrf_token?: string } }).frappe?.csrf_token || ""
-
-function call<T>(path: string, body?: Record<string, string>): Promise<T> {
-	const init: RequestInit = body
-		? {
-				method: "POST",
-				body: JSON.stringify(body),
-				headers: { "Content-Type": "application/json", "X-Frappe-CSRF-Token": csrfToken() },
-			}
-		: {}
-	return fetch(`${METHOD}.${path}`, init).then((response) =>
-		response.json().then((result: CallResult<T>) => {
-			if (!response.ok) throw new Error(result.errors?.[0]?.message || "Something went wrong")
-			return result.data as T
-		}),
-	)
-}
-
-export class SubmitDialog {
-	private community: string
-	private form: HTMLFormElement
-	private select: HTMLSelectElement
-	private status: HTMLElement
-	private confirm: HTMLButtonElement
-
-	constructor(private dialog: HTMLDialogElement) {
-		this.community = dialog.dataset.community || ""
-		this.form = dialog.querySelector("[data-submit-form]")!
-		this.select = dialog.querySelector("[data-submit-events]")!
-		this.status = dialog.querySelector("[data-submit-status]")!
-		this.confirm = dialog.querySelector("[data-submit-confirm]")!
-		dialog.querySelector("[data-submit-cancel]")!.addEventListener("click", () => dialog.close())
-		this.form.addEventListener("submit", (event) => {
-			event.preventDefault()
-			this.submit()
-		})
-	}
-
-	open() {
-		this.setStatus("")
-		this.dialog.showModal()
-		call<EventOption[]>(`get_submittable_events?community=${encodeURIComponent(this.community)}`)
-			.then((events) => this.fill(events))
-			.catch((error: Error) => this.setStatus(error.message, true))
-	}
-
-	private fill(events: EventOption[]) {
-		this.select.replaceChildren(...events.map((event) => new Option(this.label(event), event.name)))
-		this.showEmptyIfNone()
-	}
-
-	private showEmptyIfNone() {
-		const isEmpty = !this.select.options.length
-		if (isEmpty) this.select.append(new Option("You have no upcoming events to submit", ""))
-		this.select.disabled = this.confirm.disabled = isEmpty
-	}
-
-	private label(event: EventOption): string {
-		const date = new Date(`${event.start_date}T00:00`).toLocaleDateString(undefined, {
-			day: "numeric",
-			month: "short",
-		})
-		return `${event.title} · ${event.team_name} · ${date}`
-	}
-
-	private submit() {
-		this.confirm.disabled = true
-		call("submit_event", { event: this.select.value, community: this.community })
-			.then(() => {
-				this.select.selectedOptions[0]?.remove()
-				this.setStatus("Submitted. You will get an email once it is reviewed.")
-				this.showEmptyIfNone()
-			})
-			.catch((error: Error) => {
-				this.confirm.disabled = false
-				this.setStatus(error.message, true)
-			})
-	}
-
-	private setStatus(text: string, failed = false) {
-		this.status.textContent = text
-		this.status.toggleAttribute("data-failed", failed)
-	}
-}
diff --git a/buzz/public/themes/team.css b/buzz/public/themes/team.css
index 0bcd865d..73a79808 100644
--- a/buzz/public/themes/team.css
+++ b/buzz/public/themes/team.css
@@ -244,68 +244,3 @@
 		transform: none;
 	}
 }
-
-/* Submit event: a native dialog, sized like frappe-ui's small Dialog. */
-.submit-dialog {
-	width: min(440px, calc(100vw - 32px));
-	padding: 0;
-	border: none;
-	border-radius: var(--radius-xl);
-	background: var(--surface-elevation-3);
-	color: var(--ink-gray-8);
-	box-shadow: 0 0 0 1px var(--border), 0 16px 40px rgb(0 0 0 / 0.16);
-}
-
-.submit-dialog::backdrop {
-	background: rgb(0 0 0 / 0.4);
-}
-
-.submit-dialog-body {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	padding: 20px;
-}
-
-.submit-dialog-title {
-	font-size: var(--text-xl);
-	font-weight: 600;
-	color: var(--ink-gray-9);
-}
-
-.submit-dialog-text,
-.submit-dialog-status {
-	color: var(--ink-gray-6);
-	font-size: var(--text-p-sm);
-}
-
-.submit-dialog-status:empty {
-	display: none;
-}
-
-.submit-dialog-status[data-failed] {
-	color: var(--ink-red-6);
-}
-
-.submit-dialog-field {
-	display: flex;
-	flex-direction: column;
-	gap: 6px;
-}
-
-.submit-dialog-field select {
-	height: 32px;
-	padding: 0 8px;
-	border: 1px solid var(--outline-gray-2);
-	border-radius: var(--radius-2);
-	background: var(--surface-gray-2);
-	color: var(--ink-gray-8);
-	font: inherit;
-	font-size: var(--text-base);
-}
-
-.submit-dialog-actions {
-	display: flex;
-	justify-content: flex-end;
-	gap: 8px;
-}

From c88694f472ac02158d88f8c3bf0b9cded45f0118 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 22:59:09 +0530
Subject: [PATCH 08/27] feat(dashboard): vue islands for jinja pages, and
 lucide icons on public pages

A second Vite build mounts dashboard Vue components (frappe-ui included) on
Jinja pages. A page loads a small entry script; Vue and the component load on
the first click of the island's trigger. frappe-ui's styles stay scoped to the
island. `yarn build`, and so `bench build`, runs it.

Public pages also get the dashboard's `lucide-*` icon classes, built from
frappe-ui's Lucide plugin with only the icons the templates use.
---
 .gitignore                            |  1 +
 buzz/hooks.py                         |  2 +-
 buzz/islands.py                       | 19 ++++++++++
 buzz/templates/event_page/layout.html |  1 +
 dashboard/package.json                |  4 ++-
 dashboard/src/islands/icons.css       |  1 +
 dashboard/src/islands/islands.css     | 36 +++++++++++++++++++
 dashboard/src/islands/main.ts         |  8 +++++
 dashboard/src/islands/mount.ts        | 51 +++++++++++++++++++++++++++
 dashboard/src/islands/routerStub.ts   |  4 +++
 dashboard/src/islands/translate.ts    |  6 ++++
 dashboard/tailwind.icons.config.js    | 14 ++++++++
 dashboard/tailwind.islands.config.js  | 20 +++++++++++
 dashboard/vite.islands.config.ts      | 41 +++++++++++++++++++++
 14 files changed, 206 insertions(+), 2 deletions(-)
 create mode 100644 buzz/islands.py
 create mode 100644 dashboard/src/islands/icons.css
 create mode 100644 dashboard/src/islands/islands.css
 create mode 100644 dashboard/src/islands/main.ts
 create mode 100644 dashboard/src/islands/mount.ts
 create mode 100644 dashboard/src/islands/routerStub.ts
 create mode 100644 dashboard/src/islands/translate.ts
 create mode 100644 dashboard/tailwind.icons.config.js
 create mode 100644 dashboard/tailwind.islands.config.js
 create mode 100644 dashboard/vite.islands.config.ts

diff --git a/.gitignore b/.gitignore
index 8f05b25f..086ba65b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -55,6 +55,7 @@ jspm_packages/
 .aider*
 
 buzz/public/dashboard/
+buzz/public/islands/
 buzz/public/node_modules
 buzz/www/dashboard.html
 
diff --git a/buzz/hooks.py b/buzz/hooks.py
index 5c3bea3d..7b1652ff 100644
--- a/buzz/hooks.py
+++ b/buzz/hooks.py
@@ -170,7 +170,7 @@
 # ----------
 
 jinja = {
-	"methods": ["buzz.emails.email_event_header", "buzz.emails.email_brand"],
+	"methods": ["buzz.emails.email_event_header", "buzz.emails.email_brand", "buzz.islands.island_script"],
 }
 
 # Installation
diff --git a/buzz/islands.py b/buzz/islands.py
new file mode 100644
index 00000000..93bdfd00
--- /dev/null
+++ b/buzz/islands.py
@@ -0,0 +1,19 @@
+import json
+
+import frappe
+
+MANIFEST = "public/islands/.vite/manifest.json"
+ENTRY = "src/islands/main.ts"
+
+
+def island_script() -> str | None:
+	"""URL of the islands entry, which a Jinja page loads as a module script.
+
+	None before `yarn build:islands` has run: an empty src would load the page itself.
+	"""
+	path = frappe.get_app_path("buzz", MANIFEST)
+	try:
+		with open(path) as manifest:
+			return f"/assets/buzz/islands/{json.load(manifest)[ENTRY]['file']}"
+	except (FileNotFoundError, KeyError):
+		return None
diff --git a/buzz/templates/event_page/layout.html b/buzz/templates/event_page/layout.html
index 30fb5b79..0e145806 100644
--- a/buzz/templates/event_page/layout.html
+++ b/buzz/templates/event_page/layout.html
@@ -22,6 +22,7 @@
 	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400..700&family=Newsreader:wght@400&display=swap">
 	<link rel="stylesheet" href="{{ bundled_asset('espresso.bundle.css') }}">
 	<link rel="stylesheet" href="/assets/buzz/themes/base.css">
+	<link rel="stylesheet" href="/assets/buzz/islands/icons.css">
 	<style>{{ theme_css }}</style>
 	<script src="{{ bundled_asset('event_page.bundle.ts') }}" defer></script>
 	{{ (head_html or "") | safe }}
diff --git a/dashboard/package.json b/dashboard/package.json
index 83bb3716..40651c6d 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -5,7 +5,9 @@
 	"type": "module",
 	"scripts": {
 		"dev": "vite",
-		"build": "vite build --base=/assets/buzz/dashboard/ && yarn copy-html-entry",
+		"build": "vite build --base=/assets/buzz/dashboard/ && yarn copy-html-entry && yarn build:islands",
+		"build:islands": "vite build --config vite.islands.config.ts && yarn build:icons",
+		"build:icons": "tailwindcss -c tailwind.icons.config.js -i src/islands/icons.css -o ../buzz/public/islands/icons.css --minify",
 		"preview": "vite preview",
 		"lint": "oxlint --deny-warnings",
 		"typecheck": "./typecheck.sh",
diff --git a/dashboard/src/islands/icons.css b/dashboard/src/islands/icons.css
new file mode 100644
index 00000000..020aabaf
--- /dev/null
+++ b/dashboard/src/islands/icons.css
@@ -0,0 +1 @@
+@tailwind components;
diff --git a/dashboard/src/islands/islands.css b/dashboard/src/islands/islands.css
new file mode 100644
index 00000000..0510a544
--- /dev/null
+++ b/dashboard/src/islands/islands.css
@@ -0,0 +1,36 @@
+@tailwind components;
+@tailwind utilities;
+
+/* The slice of preflight frappe-ui relies on, kept inside islands. */
+.buzz-island *,
+.buzz-island ::before,
+.buzz-island ::after {
+	box-sizing: border-box;
+	border: 0 solid;
+	/* Tailwind's variable defaults from @tailwind base, which islands leave out: without them
+	   shadow-*, ring-* and transforms compute to nothing. */
+	--tw-translate-x: 0;
+	--tw-translate-y: 0;
+	--tw-rotate: 0;
+	--tw-skew-x: 0;
+	--tw-skew-y: 0;
+	--tw-scale-x: 1;
+	--tw-scale-y: 1;
+	--tw-ring-inset: ;
+	--tw-ring-offset-width: 0px;
+	--tw-ring-offset-color: #fff;
+	--tw-ring-color: #93c5fd80;
+	--tw-ring-offset-shadow: 0 0 #0000;
+	--tw-ring-shadow: 0 0 #0000;
+	--tw-shadow: 0 0 #0000;
+	--tw-shadow-colored: 0 0 #0000;
+}
+
+.buzz-island button,
+.buzz-island input,
+.buzz-island select {
+	font: inherit;
+	color: inherit;
+	margin: 0;
+	background: transparent;
+}
diff --git a/dashboard/src/islands/main.ts b/dashboard/src/islands/main.ts
new file mode 100644
index 00000000..882df859
--- /dev/null
+++ b/dashboard/src/islands/main.ts
@@ -0,0 +1,8 @@
+// Mounts an island the first time its trigger is clicked, so a page pays nothing until then.
+const triggers = document.querySelectorAll<HTMLElement>("[data-island]")
+
+for (const trigger of triggers) {
+	trigger.addEventListener("click", () => {
+		import("./mount").then(({ openIsland }) => openIsland(trigger))
+	})
+}
diff --git a/dashboard/src/islands/mount.ts b/dashboard/src/islands/mount.ts
new file mode 100644
index 00000000..d35ebc54
--- /dev/null
+++ b/dashboard/src/islands/mount.ts
@@ -0,0 +1,51 @@
+import { portalTargetKey } from "frappe-ui"
+import { type Component, createApp, h, type Ref, ref } from "vue"
+
+import "./islands.css"
+import { translate } from "./translate"
+
+type Loader = () => Promise<{ default: Component }>
+
+// Each island's name, as a page's data-island names it, to its component.
+const ISLANDS: Record<string, Loader> = {}
+
+const opened = new Map<HTMLElement, Ref<boolean>>()
+
+// Public pages carry the token as frappe.csrf_token; frappe-ui's fetch reads window.csrf_token.
+function shareCsrfToken() {
+	const page = window as unknown as { frappe?: { csrf_token?: string }; csrf_token?: string }
+	page.csrf_token ||= page.frappe?.csrf_token
+}
+
+function createRoot(): HTMLElement {
+	const root = document.createElement("div")
+	root.className = "buzz-island"
+	document.body.append(root)
+	return root
+}
+
+export async function openIsland(trigger: HTMLElement) {
+	const existing = opened.get(trigger)
+	if (existing) return void (existing.value = true)
+
+	const loader = ISLANDS[trigger.dataset.island || ""]
+	if (!loader) return
+	shareCsrfToken()
+	const component = (await loader()).default
+	const open = ref(true)
+	opened.set(trigger, open)
+
+	const props = JSON.parse(trigger.dataset.props || "{}")
+	const root = createRoot()
+	const app = createApp({
+		render: () =>
+			h(component, {
+				...props,
+				open: open.value,
+				"onUpdate:open": (value: boolean) => (open.value = value),
+			}),
+	})
+	app.config.globalProperties.__ = translate
+	app.provide(portalTargetKey, root)
+	app.mount(root.appendChild(document.createElement("div")))
+}
diff --git a/dashboard/src/islands/routerStub.ts b/dashboard/src/islands/routerStub.ts
new file mode 100644
index 00000000..c74929ef
--- /dev/null
+++ b/dashboard/src/islands/routerStub.ts
@@ -0,0 +1,4 @@
+export const RouterLink = "a"
+export const useRouter = () => undefined
+export const useRoute = () => undefined
+export const useLink = () => ({})
diff --git a/dashboard/src/islands/translate.ts b/dashboard/src/islands/translate.ts
new file mode 100644
index 00000000..bc69c43e
--- /dev/null
+++ b/dashboard/src/islands/translate.ts
@@ -0,0 +1,6 @@
+// The dashboard's `__` fetches translations through useCall; islands read what the page already has.
+export function translate(message: string, replace: any[] | Record<string, any> = []): string {
+	const translated = window.translatedMessages?.[message] || message
+	const values = replace as Record<string, unknown>
+	return translated.replace(/{(\d+)}/g, (match, index) => String(values[index] ?? match))
+}
diff --git a/dashboard/tailwind.icons.config.js b/dashboard/tailwind.icons.config.js
new file mode 100644
index 00000000..b41c4617
--- /dev/null
+++ b/dashboard/tailwind.icons.config.js
@@ -0,0 +1,14 @@
+// Lucide's `lucide-*` classes for the Jinja pages, the same ones the dashboard uses.
+import lucideIconsPlugin from "./node_modules/frappe-ui/tailwind/lucideIconsPlugin.js"
+
+export default {
+	// Only the icon classes: the pages style everything else with espresso CSS.
+	corePlugins: [],
+	plugins: [lucideIconsPlugin],
+	// Templates only: buzz/public also holds node_modules and the built dashboard.
+	content: [
+		"../buzz/{templates,www}/**/*.html",
+		"../buzz/*/doctype/*/templates/**/*.html",
+		"../buzz/public/js/**/*.ts",
+	],
+}
diff --git a/dashboard/tailwind.islands.config.js b/dashboard/tailwind.islands.config.js
new file mode 100644
index 00000000..b9a37037
--- /dev/null
+++ b/dashboard/tailwind.islands.config.js
@@ -0,0 +1,20 @@
+import frappeUIPreset from "frappe-ui/tailwind"
+
+import lucideIconsPlugin from "./node_modules/frappe-ui/tailwind/lucideIconsPlugin.js"
+// Not in frappe-ui's package exports, hence the relative paths.
+import themePlugin from "./node_modules/frappe-ui/tailwind/plugin.js"
+
+export default {
+	// Without forms and typography, which no island uses.
+	presets: [{ ...frappeUIPreset, plugins: [themePlugin, lucideIconsPlugin] }],
+	// Utilities apply only inside islands, and preflight stays off, so the page keeps its styles.
+	important: ".buzz-island",
+	corePlugins: { preflight: false },
+	// Event pages switch theme on data-mode, not data-theme.
+	darkMode: ["selector", '[data-mode="dark"]'],
+	content: [
+		"./src/islands/**/*.{vue,ts}",
+		// Add each dashboard component an island imports, and the frappe-ui component folders
+		// it uses, e.g. "./node_modules/frappe-ui/src/components/{Button,Dialog}/**/*.{vue,ts}".
+	],
+}
diff --git a/dashboard/vite.islands.config.ts b/dashboard/vite.islands.config.ts
new file mode 100644
index 00000000..9977ae76
--- /dev/null
+++ b/dashboard/vite.islands.config.ts
@@ -0,0 +1,41 @@
+// Vue components mounted on Jinja pages. A build of its own, apart from the SPA.
+import path from "node:path"
+
+import vue from "@vitejs/plugin-vue"
+import autoprefixer from "autoprefixer"
+import frappeui from "frappe-ui/vite"
+import { lucideIconsPlugin } from "frappe-ui/vite/lucideIconsPlugin"
+import tailwindcss from "tailwindcss"
+import { defineConfig } from "vite"
+
+export default defineConfig({
+	plugins: [
+		// The icon resolver alone: lucideIcons' auto-import would rewrite the SPA's components.d.ts.
+		frappeui({ frappeProxy: false, jinjaBootData: false, buildConfig: false, lucideIcons: false }),
+		lucideIconsPlugin(),
+		vue(),
+	],
+	base: "/assets/buzz/islands/",
+	// The SPA's public/ folder (favicon and the like) has no place here.
+	publicDir: false,
+	resolve: {
+		alias: {
+			"@": path.resolve(__dirname, "src"),
+			"@public": path.resolve(__dirname, "../buzz/public"),
+			"tailwind.config.js": path.resolve(__dirname, "tailwind.config.js"),
+			// frappe-ui's Button imports RouterLink for its `route` prop; islands never route.
+			"vue-router": path.resolve(__dirname, "src/islands/routerStub.ts"),
+		},
+	},
+	css: {
+		postcss: {
+			plugins: [tailwindcss({ config: "./tailwind.islands.config.js" }), autoprefixer()],
+		},
+	},
+	build: {
+		outDir: "../buzz/public/islands",
+		emptyOutDir: true,
+		manifest: true,
+		rollupOptions: { input: { islands: path.resolve(__dirname, "src/islands/main.ts") } },
+	},
+})

From 6e7babc989c6f5348e5a10df94c0872f32ff7523 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 23:02:08 +0530
Subject: [PATCH 09/27] refactor(dashboard): give EmptyState an icon prop

Callers pass a lucide-* name instead of filling the illustration slot with the same Icon markup. The slot stays for richer illustrations.
---
 dashboard/src/components/common/EmptyState.vue   | 10 ++++++++--
 dashboard/src/components/common/ListSection.vue  | 13 +++++++------
 .../communications/CommunicationHistory.vue      |  9 +++------
 .../dashboard/sponsorships/EnquiriesSection.vue  | 16 +++++-----------
 .../dashboard/teams/TeamMembersTable.vue         |  7 ++-----
 .../components/dashboard/teams/TeamsPanel.vue    |  2 +-
 dashboard/src/pages/manage/MyProposals.vue       | 12 ++++++------
 .../src/pages/manage/events/EventGuests.vue      | 16 +++++-----------
 dashboard/src/pages/manage/events/EventTalks.vue | 16 +++++-----------
 9 files changed, 42 insertions(+), 59 deletions(-)

diff --git a/dashboard/src/components/common/EmptyState.vue b/dashboard/src/components/common/EmptyState.vue
index f042f228..0a527cb7 100644
--- a/dashboard/src/components/common/EmptyState.vue
+++ b/dashboard/src/components/common/EmptyState.vue
@@ -1,14 +1,20 @@
 <script setup lang="ts">
+import { Icon } from "frappe-ui"
+
 defineProps<{
 	title: string
 	description?: string
+	// A lucide-* name; the illustration slot stays for anything richer.
+	icon?: string
 }>()
 </script>
 
 <template>
 	<div class="flex flex-col items-center gap-2 py-12 text-center">
-		<div v-if="$slots.illustration" class="mb-1 flex rounded-4 bg-surface-gray-2 p-2">
-			<slot name="illustration" />
+		<div v-if="icon || $slots.illustration" class="mb-1 flex rounded-4 bg-surface-gray-2 p-2">
+			<slot name="illustration">
+				<Icon :name="icon" class="size-5 text-ink-gray-5" />
+			</slot>
 		</div>
 
 		<h2 class="text-lg-medium text-ink-gray-8">{{ title }}</h2>
diff --git a/dashboard/src/components/common/ListSection.vue b/dashboard/src/components/common/ListSection.vue
index 7dbeeb19..01486d24 100644
--- a/dashboard/src/components/common/ListSection.vue
+++ b/dashboard/src/components/common/ListSection.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type ButtonProps, Icon } from "frappe-ui"
+import { type ButtonProps } from "frappe-ui"
 
 import EmptyState from "@/components/common/EmptyState.vue"
 import SectionHeader from "@/components/common/SectionHeader.vue"
@@ -22,11 +22,12 @@ defineProps<{
 			<SectionHeader :title="title" :count="count" :action="action" />
 			<p v-if="description" class="mt-1 text-p-base text-ink-gray-5">{{ description }}</p>
 		</div>
-		<EmptyState v-if="empty" :title="emptyTitle" :description="emptyDescription">
-			<template #illustration>
-				<Icon :name="emptyIcon" class="size-5 text-ink-gray-5" />
-			</template>
-		</EmptyState>
+		<EmptyState
+			v-if="empty"
+			:title="emptyTitle"
+			:description="emptyDescription"
+			:icon="emptyIcon"
+		/>
 		<slot v-else />
 	</section>
 </template>
diff --git a/dashboard/src/components/dashboard/communications/CommunicationHistory.vue b/dashboard/src/components/dashboard/communications/CommunicationHistory.vue
index 89f87821..a1984f74 100644
--- a/dashboard/src/components/dashboard/communications/CommunicationHistory.vue
+++ b/dashboard/src/components/dashboard/communications/CommunicationHistory.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Avatar, Badge, Icon, Tooltip, dayjsLocal } from "frappe-ui"
+import { Avatar, Badge, Tooltip, dayjsLocal } from "frappe-ui"
 
 import EmptyState from "@/components/common/EmptyState.vue"
 import type { CommunicationItem } from "@/types"
@@ -56,9 +56,6 @@ const exact = (row: CommunicationItem) =>
 		v-else
 		title="No announcements yet"
 		description="Anything you send to this event's guests or speakers shows up here."
-	>
-		<template #illustration>
-			<Icon name="lucide-megaphone" class="size-5 text-ink-gray-5" />
-		</template>
-	</EmptyState>
+		icon="lucide-megaphone"
+	/>
 </template>
diff --git a/dashboard/src/components/dashboard/sponsorships/EnquiriesSection.vue b/dashboard/src/components/dashboard/sponsorships/EnquiriesSection.vue
index c57b0cbe..4fbc7a19 100644
--- a/dashboard/src/components/dashboard/sponsorships/EnquiriesSection.vue
+++ b/dashboard/src/components/dashboard/sponsorships/EnquiriesSection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useIntersectionObserver } from "@vueuse/core"
-import { ErrorMessage, Icon, Skeleton } from "frappe-ui"
+import { ErrorMessage, Skeleton } from "frappe-ui"
 import { computed, ref } from "vue"
 
 import EmptyState from "@/components/common/EmptyState.vue"
@@ -71,20 +71,14 @@ useIntersectionObserver(sentinel, ([entry]) => entry?.isIntersecting && loadMore
 					? `No enquiry matches “${search.trim()}”.`
 					: 'No enquiry matches these filters.'
 			"
-		>
-			<template #illustration>
-				<Icon name="lucide-filter-x" class="size-5 text-ink-gray-5" />
-			</template>
-		</EmptyState>
+			icon="lucide-filter-x"
+		/>
 		<EmptyState
 			v-else
 			title="No enquiries yet"
 			description="Enquiries submitted through the sponsorship form show up here."
-		>
-			<template #illustration>
-				<Icon name="lucide-inbox" class="size-5 text-ink-gray-5" />
-			</template>
-		</EmptyState>
+			icon="lucide-inbox"
+		/>
 		<div ref="sentinel" aria-hidden="true" />
 	</section>
 </template>
diff --git a/dashboard/src/components/dashboard/teams/TeamMembersTable.vue b/dashboard/src/components/dashboard/teams/TeamMembersTable.vue
index 55d73468..26510a5c 100644
--- a/dashboard/src/components/dashboard/teams/TeamMembersTable.vue
+++ b/dashboard/src/components/dashboard/teams/TeamMembersTable.vue
@@ -163,11 +163,8 @@ function refreshed() {
 				v-if="!visibleRows.length"
 				:title="__('No members found')"
 				:description="__('Try a different name or email.')"
-			>
-				<template #illustration>
-					<span class="lucide-search size-5 text-ink-gray-5" aria-hidden="true" />
-				</template>
-			</EmptyState>
+				icon="lucide-search"
+			/>
 
 			<!-- Removing a row would otherwise snap the rest of the list upwards. -->
 			<TransitionGroup tag="ul" name="member" :aria-label="__('Team members')" class="relative">
diff --git a/dashboard/src/components/dashboard/teams/TeamsPanel.vue b/dashboard/src/components/dashboard/teams/TeamsPanel.vue
index c3d60372..a960e1c5 100644
--- a/dashboard/src/components/dashboard/teams/TeamsPanel.vue
+++ b/dashboard/src/components/dashboard/teams/TeamsPanel.vue
@@ -45,7 +45,7 @@ const filtered = computed(() => {
 						</template>
 					</FormControl>
 
-					<EmptyState v-if="!filtered.length" :title="__('No teams found')" />
+					<EmptyState v-if="!filtered.length" :title="__('No teams found')" icon="lucide-search" />
 
 					<div v-else>
 						<div :class="COLUMNS" class="border-b pb-2 text-sm text-ink-gray-5">
diff --git a/dashboard/src/pages/manage/MyProposals.vue b/dashboard/src/pages/manage/MyProposals.vue
index 130d6db0..59628267 100644
--- a/dashboard/src/pages/manage/MyProposals.vue
+++ b/dashboard/src/pages/manage/MyProposals.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Icon, dayjs } from "frappe-ui"
+import { dayjs } from "frappe-ui"
 import { computed } from "vue"
 
 import EmptyState from "@/components/common/EmptyState.vue"
@@ -61,11 +61,11 @@ const emptyDescription = computed(() =>
 		:error="myProposals.error"
 	>
 		<template #empty-state>
-			<EmptyState :title="`No ${tab} proposals`" :description="emptyDescription">
-				<template #illustration>
-					<Icon name="lucide-mic-off" class="size-5 text-ink-gray-5" />
-				</template>
-			</EmptyState>
+			<EmptyState
+				:title="`No ${tab} proposals`"
+				:description="emptyDescription"
+				icon="lucide-mic-off"
+			/>
 		</template>
 
 		<template #default="{ item }">
diff --git a/dashboard/src/pages/manage/events/EventGuests.vue b/dashboard/src/pages/manage/events/EventGuests.vue
index 6bb14358..7f4ebf61 100644
--- a/dashboard/src/pages/manage/events/EventGuests.vue
+++ b/dashboard/src/pages/manage/events/EventGuests.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useIntersectionObserver } from "@vueuse/core"
-import { ErrorMessage, Icon } from "frappe-ui"
+import { ErrorMessage } from "frappe-ui"
 import { DonutChart, NumberCard } from "frappe-ui/charts"
 import { computed, ref } from "vue"
 import { useRoute } from "vue-router"
@@ -197,20 +197,14 @@ useIntersectionObserver(sentinel, ([entry]) => entry?.isIntersecting && loadMore
 								? `Nobody here matches “${search.trim()}”.`
 								: 'Nobody here matches these filters.'
 						"
-					>
-						<template #illustration>
-							<Icon name="lucide-filter-x" class="size-5 text-ink-gray-5" />
-						</template>
-					</EmptyState>
+						icon="lucide-filter-x"
+					/>
 					<EmptyState
 						v-else
 						title="No guests yet"
 						description="Guests show up here once they book a ticket."
-					>
-						<template #illustration>
-							<Icon name="lucide-users" class="size-5 text-ink-gray-5" />
-						</template>
-					</EmptyState>
+						icon="lucide-users"
+					/>
 
 					<div ref="sentinel" aria-hidden="true" />
 
diff --git a/dashboard/src/pages/manage/events/EventTalks.vue b/dashboard/src/pages/manage/events/EventTalks.vue
index 407d8556..f7f92292 100644
--- a/dashboard/src/pages/manage/events/EventTalks.vue
+++ b/dashboard/src/pages/manage/events/EventTalks.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useIntersectionObserver } from "@vueuse/core"
-import { ErrorMessage, Icon, Skeleton } from "frappe-ui"
+import { ErrorMessage, Skeleton } from "frappe-ui"
 import { DonutChart, NumberCard } from "frappe-ui/charts"
 import { computed, ref } from "vue"
 import { useRoute } from "vue-router"
@@ -177,20 +177,14 @@ useIntersectionObserver(sentinel, ([entry]) => entry?.isIntersecting && loadMore
 								? `No talk here matches “${search.trim()}”.`
 								: 'No talk here matches these filters.'
 						"
-					>
-						<template #illustration>
-							<Icon name="lucide-filter-x" class="size-5 text-ink-gray-5" />
-						</template>
-					</EmptyState>
+						icon="lucide-filter-x"
+					/>
 					<EmptyState
 						v-else
 						title="No talks yet"
 						description="Proposals submitted through the call for proposals show up here."
-					>
-						<template #illustration>
-							<Icon name="lucide-mic" class="size-5 text-ink-gray-5" />
-						</template>
-					</EmptyState>
+						icon="lucide-mic"
+					/>
 
 					<div ref="sentinel" aria-hidden="true" />
 

From 50ee00db723e97f7d7cf5d303194c52347afc789 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 23:02:30 +0530
Subject: [PATCH 10/27] feat(dashboard): community calendar with pending
 submissions

The community workspace's Events item becomes Calendar, and the Submissions
page goes. Pending submissions from other teams sit at the top of the
Calendar, each with its date, time, place and submitter, and Approve /
Remove. Below them, the Events list keeps its Upcoming / Past tabs, with a
create button beside the heading.
---
 buzz/api/communities/queries.py               | 18 +++-
 buzz/api/communities/schemas.py               |  5 +-
 dashboard/components.d.ts                     |  3 +-
 .../src/components/dashboard/TimelineList.vue |  3 +-
 .../dashboard/teams/PendingSubmission.vue     | 84 +++++++++++++++++++
 .../dashboard/teams/PendingSubmissions.vue    | 57 +++++++++++++
 .../dashboard/teams/SubmissionRow.vue         | 77 -----------------
 dashboard/src/data/communities.ts             | 11 +--
 dashboard/src/layouts/ManagerDesktopShell.vue |  4 +-
 dashboard/src/pages/manage/MyEvents.vue       | 37 ++++----
 .../pages/manage/teams/TeamSubmissions.vue    | 65 --------------
 dashboard/src/router.ts                       |  8 +-
 dashboard/src/types.ts                        |  2 +
 dashboard/src/utils/managerNavigation.test.ts |  2 +-
 dashboard/src/utils/managerNavigation.ts      |  3 +-
 15 files changed, 195 insertions(+), 184 deletions(-)
 create mode 100644 dashboard/src/components/dashboard/teams/PendingSubmission.vue
 create mode 100644 dashboard/src/components/dashboard/teams/PendingSubmissions.vue
 delete mode 100644 dashboard/src/components/dashboard/teams/SubmissionRow.vue
 delete mode 100644 dashboard/src/pages/manage/teams/TeamSubmissions.vue

diff --git a/buzz/api/communities/queries.py b/buzz/api/communities/queries.py
index 24abbe8b..22616844 100644
--- a/buzz/api/communities/queries.py
+++ b/buzz/api/communities/queries.py
@@ -1,4 +1,5 @@
 import frappe
+from frappe import _
 
 from buzz.api.communities.schemas import CommunityRequest, EventOption
 from buzz.www.events import TIME_FIELDS, exclude_ended_events, upcoming_filters
@@ -8,8 +9,8 @@
 
 def request_rows(**conditions) -> list[CommunityRequest]:
 	"""Requests matching `conditions`, each with its event and both teams spelled out."""
-	request, event, user = (
-		frappe.qb.DocType(name) for name in ("Community Event Request", "Buzz Event", "User")
+	request, event, user, venue = (
+		frappe.qb.DocType(name) for name in ("Community Event Request", "Buzz Event", "User", "Event Venue")
 	)
 	event_team, community = frappe.qb.DocType("Buzz Team").as_("event_team"), frappe.qb.DocType("Buzz Team")
 	query = (
@@ -22,12 +23,17 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 		.on(community.name == request.community)
 		.left_join(user)
 		.on(user.name == request.submitted_by)
+		.left_join(venue)
+		.on(venue.name == event.venue)
 		.select(
 			request.name,
 			request.event,
 			event.title.as_("event_title"),
 			event.route.as_("event_route"),
 			event.start_date,
+			event.start_time,
+			event.medium,
+			venue.venue_name,
 			request.event_team,
 			event_team.team_name.as_("event_team_name"),
 			event_team.logo.as_("event_team_logo"),
@@ -42,7 +48,13 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 	)
 	for field, value in conditions.items():
 		query = query.where(request[field] == value)
-	return [CommunityRequest(**row) for row in query.run(as_dict=True)]
+	return [CommunityRequest(**request_row(row)) for row in query.run(as_dict=True)]
+
+
+def request_row(row) -> dict:
+	medium, venue = row.pop("medium"), row.pop("venue_name")
+	row.place = _("Online") if medium == "Online" else venue
+	return row
 
 
 def upcoming_event_options(filters: dict) -> list[EventOption]:
diff --git a/buzz/api/communities/schemas.py b/buzz/api/communities/schemas.py
index de072dc9..5b1dde90 100644
--- a/buzz/api/communities/schemas.py
+++ b/buzz/api/communities/schemas.py
@@ -1,4 +1,4 @@
-from datetime import date
+from datetime import date, timedelta
 
 from buzz.api.schemas import APIResponse
 
@@ -22,6 +22,9 @@ class CommunityRequest(APIResponse):
 	event_title: str
 	event_route: str | None
 	start_date: date
+	start_time: timedelta | None
+	# The venue, or "Online".
+	place: str | None
 	event_team: str
 	event_team_name: str
 	event_team_logo: str | None
diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index 1e95fc7b..ad29c272 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -103,6 +103,8 @@ declare module 'vue' {
     PaymentGatewayDialog: typeof import('./src/components/PaymentGatewayDialog.vue')['default']
     PaymentGatewayLogo: typeof import('./src/components/PaymentGatewayLogo.vue')['default']
     PaymentProviders: typeof import('./src/components/dashboard/ticket-types/PaymentProviders.vue')['default']
+    PendingSubmission: typeof import('./src/components/dashboard/teams/PendingSubmission.vue')['default']
+    PendingSubmissions: typeof import('./src/components/dashboard/teams/PendingSubmissions.vue')['default']
     PerkList: typeof import('./src/components/dashboard/sponsorships/PerkList.vue')['default']
     PhoneInput: typeof import('./src/components/PhoneInput.vue')['default']
     PreferencesPanel: typeof import('./src/components/settings/PreferencesPanel.vue')['default']
@@ -134,7 +136,6 @@ declare module 'vue' {
     SponsorDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorDrawer.vue')['default']
     SponsorshipDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorshipDrawer.vue')['default']
     SponsorshipPaymentDialog: typeof import('./src/components/SponsorshipPaymentDialog.vue')['default']
-    SubmissionRow: typeof import('./src/components/dashboard/teams/SubmissionRow.vue')['default']
     SuccessMessage: typeof import('./src/components/SuccessMessage.vue')['default']
     TaxSettings: typeof import('./src/components/dashboard/ticket-types/TaxSettings.vue')['default']
     TeamCard: typeof import('./src/components/dashboard/teams/TeamCard.vue')['default']
diff --git a/dashboard/src/components/dashboard/TimelineList.vue b/dashboard/src/components/dashboard/TimelineList.vue
index 0ce4e086..fd40860f 100644
--- a/dashboard/src/components/dashboard/TimelineList.vue
+++ b/dashboard/src/components/dashboard/TimelineList.vue
@@ -28,7 +28,9 @@ const tabOptions = [
 
 <template>
 	<div class="m-auto max-w-[800px] w-full p-4 space-y-6 max-md:pb-24">
+		<slot name="intro" />
 		<header class="flex items-start justify-end md:justify-between">
+			<slot name="heading" />
 			<div v-if="heading" class="hidden md:flex flex-col gap-3 items-start">
 				<div class="flex gap-3 items-center">
 					<div v-if="icon" class="p-2 bg-surface-gray-3 rounded-4">
@@ -45,7 +47,6 @@ const tabOptions = [
 				size="md"
 				:fluid="isMobile"
 			/>
-			<slot name="actions" />
 		</header>
 
 		<div v-if="$slots.controls" class="flex items-center justify-between gap-4">
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
new file mode 100644
index 00000000..6501d7d0
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+import { Button, dayjs, toast } from "frappe-ui"
+import { computed } from "vue"
+
+import { useReviewAction } from "@/data/communities"
+import type { CommunityRequest } from "@/types"
+import { eventUrl } from "@/utils/eventUrl"
+import { serverErrorMessage } from "@/utils/serverError"
+
+const props = defineProps<{ request: CommunityRequest }>()
+const emit = defineEmits<{ changed: [] }>()
+
+const approve = useReviewAction("approve_request")
+const reject = useReviewAction("reject_request")
+
+const when = computed(() => {
+	const { start_date, start_time } = props.request
+	const date = dayjs(start_date).format("ddd D MMM")
+	// The server sends a time as "9:30:00", without a leading zero.
+	return start_time ? `${date}, ${dayjs(`2000-01-01 ${start_time}`).format("HH:mm")}` : date
+})
+const link = computed(() => props.request.event_route && eventUrl(props.request.event_route))
+const submitter = computed(() => {
+	const { submitter_name, submitted_by } = props.request
+	return submitter_name && submitter_name !== submitted_by
+		? `${submitter_name} (${submitted_by})`
+		: submitted_by
+})
+
+async function review(action: ReturnType<typeof useReviewAction>, done: string) {
+	try {
+		await action.submit({ request: props.request.name })
+		toast.success(done)
+		emit("changed")
+	} catch (error) {
+		toast.error(serverErrorMessage(error))
+	}
+}
+</script>
+
+<template>
+	<li class="flex items-start gap-4 rounded-6 border border-outline-gray-2 p-4">
+		<div class="min-w-0 flex-1 space-y-1">
+			<component
+				:is="link ? 'a' : 'span'"
+				:href="link || undefined"
+				:target="link ? '_blank' : undefined"
+				rel="noopener"
+				class="flex items-center gap-1.5 text-lg font-semibold text-ink-gray-9"
+				:class="{ 'hover:underline': link }"
+			>
+				<span class="truncate">{{ request.event_title }}</span>
+				<span
+					v-if="link"
+					class="lucide-square-arrow-out-up-right size-4 shrink-0 text-ink-gray-5"
+				/>
+			</component>
+			<p class="text-base text-ink-gray-6">
+				{{ [when, request.place].filter(Boolean).join(" · ") }}
+			</p>
+			<p v-if="submitter" class="text-sm text-ink-gray-5">
+				{{ __("Submitted by {0}", [submitter]) }}
+			</p>
+		</div>
+		<div class="flex shrink-0 gap-2">
+			<Button
+				theme="green"
+				variant="solid"
+				icon-left="lucide-check"
+				:label="__('Approve')"
+				:loading="approve.loading"
+				@click="review(approve, __('Event added to your calendar'))"
+			/>
+			<Button
+				theme="red"
+				variant="solid"
+				icon-left="lucide-x"
+				:label="__('Remove')"
+				:loading="reject.loading"
+				@click="review(reject, __('Submission removed'))"
+			/>
+		</div>
+	</li>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
new file mode 100644
index 00000000..3fc681f5
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { useCall } from "frappe-ui"
+import { computed, watch } from "vue"
+
+import PendingSubmission from "@/components/dashboard/teams/PendingSubmission.vue"
+import type { CommunityQueue } from "@/types"
+
+const props = defineProps<{ community: string; canReview: boolean }>()
+const emit = defineEmits<{ changed: [] }>()
+
+// Not immediate: the server refuses the queue to anyone who cannot review it.
+const queue = useCall<CommunityQueue, { community: string }>({
+	url: "/api/v2/method/buzz.api.communities.get_requests",
+	params: () => ({ community: props.community }),
+	immediate: false,
+})
+watch(
+	() => props.canReview,
+	(canReview) => canReview && queue.fetch(),
+	{ immediate: true },
+)
+
+const pending = computed(() => queue.data?.pending ?? [])
+const title = computed(() =>
+	pending.value.length === 1
+		? __("1 Pending Approval Event")
+		: __("{0} Pending Approval Events", [String(pending.value.length)]),
+)
+
+function reviewed() {
+	queue.reload()
+	emit("changed")
+}
+</script>
+
+<template>
+	<section v-if="pending.length" class="space-y-4 border-b pb-8">
+		<div class="space-y-1">
+			<h2 class="text-2xl font-semibold text-ink-gray-9">{{ title }}</h2>
+			<p class="text-p-base text-ink-gray-6">
+				{{
+					__(
+						"These events aren't visible on your calendar yet. We'll let the submitter know if you approve their event.",
+					)
+				}}
+			</p>
+		</div>
+		<ul class="space-y-3">
+			<PendingSubmission
+				v-for="request in pending"
+				:key="request.name"
+				:request="request"
+				@changed="reviewed"
+			/>
+		</ul>
+	</section>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/SubmissionRow.vue b/dashboard/src/components/dashboard/teams/SubmissionRow.vue
deleted file mode 100644
index a222112f..00000000
--- a/dashboard/src/components/dashboard/teams/SubmissionRow.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<script setup lang="ts">
-import { Avatar, Button, dayjs, toast } from "frappe-ui"
-
-import { useReviewAction } from "@/data/communities"
-import type { CommunityRequest } from "@/types"
-import { eventUrl } from "@/utils/eventUrl"
-import { serverErrorMessage } from "@/utils/serverError"
-
-const props = defineProps<{ request: CommunityRequest; canReview: boolean }>()
-const emit = defineEmits<{ changed: [] }>()
-
-const approve = useReviewAction("approve_request")
-const reject = useReviewAction("reject_request")
-const remove = useReviewAction("remove_event")
-
-async function run(action: ReturnType<typeof useReviewAction>, done: string) {
-	try {
-		await action.submit({ request: props.request.name })
-		toast.success(__(done))
-		emit("changed")
-	} catch (error) {
-		toast.error(serverErrorMessage(error))
-	}
-}
-</script>
-
-<template>
-	<li class="flex items-center gap-3 border-b py-3">
-		<Avatar
-			shape="square"
-			size="lg"
-			:image="request.event_team_logo ?? undefined"
-			:label="request.event_team_name"
-		/>
-		<div class="min-w-0 flex-1">
-			<a
-				v-if="request.event_route"
-				:href="eventUrl(request.event_route)"
-				target="_blank"
-				rel="noopener"
-				class="block truncate text-base font-medium text-ink-gray-8 hover:underline"
-			>
-				{{ request.event_title }}
-			</a>
-			<span v-else class="block truncate text-base font-medium text-ink-gray-8">
-				{{ request.event_title }}
-			</span>
-			<p class="truncate text-sm text-ink-gray-5">
-				{{ request.event_team_name }} · {{ dayjs(request.start_date).format("D MMM YYYY") }}
-				<template v-if="request.submitter_name"> · {{ request.submitter_name }}</template>
-			</p>
-		</div>
-		<div v-if="canReview" class="flex shrink-0 gap-2">
-			<template v-if="request.status === 'Pending'">
-				<Button
-					:label="__('Reject')"
-					variant="ghost"
-					:loading="reject.loading"
-					@click="run(reject, 'Submission rejected')"
-				/>
-				<Button
-					:label="__('Approve')"
-					variant="subtle"
-					:loading="approve.loading"
-					@click="run(approve, 'Event listed on your page')"
-				/>
-			</template>
-			<Button
-				v-else
-				:label="__('Remove')"
-				variant="ghost"
-				:loading="remove.loading"
-				@click="run(remove, 'Event removed from your page')"
-			/>
-		</div>
-	</li>
-</template>
diff --git a/dashboard/src/data/communities.ts b/dashboard/src/data/communities.ts
index afc166e8..386e60ec 100644
--- a/dashboard/src/data/communities.ts
+++ b/dashboard/src/data/communities.ts
@@ -1,18 +1,9 @@
 import { useCall } from "frappe-ui"
 
-import type { CommunityQueue } from "@/types"
-
 const METHOD = "/api/v2/method/buzz.api.communities"
 
-export function useCommunityQueue(community: string) {
-	return useCall<CommunityQueue, { community: string }>({
-		url: `${METHOD}.get_requests`,
-		params: { community },
-	})
-}
-
 // One per review action; each takes the request's name.
-export function useReviewAction(action: "approve_request" | "reject_request" | "remove_event") {
+export function useReviewAction(action: "approve_request" | "reject_request") {
 	return useCall<null, { request: string }>({
 		url: `${METHOD}.${action}`,
 		method: "POST",
diff --git a/dashboard/src/layouts/ManagerDesktopShell.vue b/dashboard/src/layouts/ManagerDesktopShell.vue
index c0ff8e48..4f2c3922 100644
--- a/dashboard/src/layouts/ManagerDesktopShell.vue
+++ b/dashboard/src/layouts/ManagerDesktopShell.vue
@@ -18,8 +18,8 @@ const props = defineProps<{ items: ManagerNavItem[]; workspace?: Workspace }>()
 
 const route = useRoute()
 
-// Events, Submissions, Members, Payments and Settings.
-const WORKSPACE_ITEM_COUNT = 5
+// Calendar, Members, Payments and Settings.
+const WORKSPACE_ITEM_COUNT = 4
 
 // SidebarItem infers this from `to` on paper, but its `active` prop is declared
 // type Boolean, so Vue casts the absent prop to false and the inference never runs.
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index 5fa0823b..f39c0b6a 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button, dayjs, Icon } from "frappe-ui"
+import { Button, dayjs } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import { useRoute } from "vue-router"
 
@@ -8,14 +8,17 @@ import CreateEventHeader from "@/components/dashboard/CreateEventHeader.vue"
 import EventCard from "@/components/dashboard/events/EventCard.vue"
 import EventDrawer from "@/components/dashboard/events/EventDrawer.vue"
 import FloatingCreateEventButton from "@/components/dashboard/FloatingCreateEventButton.vue"
+import PendingSubmissions from "@/components/dashboard/teams/PendingSubmissions.vue"
 import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
 import TimelineList from "@/components/dashboard/TimelineList.vue"
 import { useDrawerSelection } from "@/composables/useDrawerSelection"
 import { useIsMobile } from "@/composables/useIsMobile"
 import { finishOpening } from "@/composables/useWorkspaceOpening"
 import { useMyEvents } from "@/data/events"
+import { teams } from "@/data/teams"
 import type { MyEvent } from "@/types"
 import { groupEventsByMonth } from "@/utils/eventGroups"
+import { canEditPublicPage } from "@/utils/teamRoles"
 import { useTimelineTabQuery } from "@/utils/timelineTabs"
 
 // In the URL, so one link carries the whole view.
@@ -26,6 +29,9 @@ const isMobile = useIsMobile()
 
 const team = computed(() => route.params.teamId as string | undefined)
 const myEvents = useMyEvents((): Record<string, string> => (team.value ? { team: team.value } : {}))
+const canReview = computed(() =>
+	canEditPublicPage(teams.value.find((option) => option.name === team.value)?.team_role),
+)
 
 // The team workspace opens on this page, so its first load ends the opening screen.
 watch(
@@ -63,7 +69,7 @@ const emptyDescription = computed(() =>
 </script>
 
 <template>
-	<TeamPageHeader v-if="team" section="Events" />
+	<TeamPageHeader v-if="team" section="Calendar" />
 	<CreateEventHeader v-else title="Events" />
 	<FloatingCreateEventButton v-if="team && isMobile" />
 
@@ -76,20 +82,23 @@ const emptyDescription = computed(() =>
 		:loading="myEvents.loading"
 		:error="myEvents.error"
 	>
-		<template v-if="team && !isMobile" #actions>
-			<Button
-				variant="subtle"
-				icon-left="lucide-plus"
-				label="Create Event"
-				:route="{ name: 'create-event' }"
-			/>
+		<template v-if="team" #intro>
+			<PendingSubmissions :community="team" :can-review="canReview" @changed="myEvents.reload()" />
+		</template>
+		<template v-if="team" #heading>
+			<div class="hidden items-center gap-2 md:flex">
+				<h2 class="text-2xl font-semibold text-ink-gray-9">{{ __("Events") }}</h2>
+				<Button
+					variant="subtle"
+					icon="lucide-plus"
+					:label="__('Create Event')"
+					:tooltip="__('Create Event')"
+					:route="{ name: 'create-event' }"
+				/>
+			</div>
 		</template>
 		<template #empty-state>
-			<EmptyState :title="`No ${tab} events`" :description="emptyDescription">
-				<template #illustration>
-					<Icon name="lucide-ghost" class="size-5 text-ink-gray-5" />
-				</template>
-			</EmptyState>
+			<EmptyState :title="`No ${tab} events`" :description="emptyDescription" icon="lucide-ghost" />
 		</template>
 
 		<template #default="{ item }">
diff --git a/dashboard/src/pages/manage/teams/TeamSubmissions.vue b/dashboard/src/pages/manage/teams/TeamSubmissions.vue
deleted file mode 100644
index 7df5c09b..00000000
--- a/dashboard/src/pages/manage/teams/TeamSubmissions.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import { ErrorMessage, Skeleton } from "frappe-ui"
-import { computed } from "vue"
-import { useRoute } from "vue-router"
-
-import EmptyState from "@/components/common/EmptyState.vue"
-import SectionHeader from "@/components/common/SectionHeader.vue"
-import SubmissionRow from "@/components/dashboard/teams/SubmissionRow.vue"
-import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
-import { useCommunityQueue } from "@/data/communities"
-import { useTeamOverview } from "@/data/teams"
-import { serverErrorMessage } from "@/utils/serverError"
-import { canEditPublicPage } from "@/utils/teamRoles"
-
-const teamId = useRoute().params.teamId as string
-const queue = useCommunityQueue(teamId)
-const overview = useTeamOverview(teamId)
-
-const canReview = computed(() => canEditPublicPage(overview.data?.my_role))
-const sections = computed(() => [
-	{ title: __("Pending"), requests: queue.data?.pending ?? [] },
-	{ title: __("Approved"), requests: queue.data?.approved ?? [] },
-])
-const isEmpty = computed(() => sections.value.every((section) => !section.requests.length))
-</script>
-
-<template>
-	<TeamPageHeader section="Submissions" />
-
-	<div class="m-auto flex w-full max-w-[800px] flex-col gap-8 p-4 max-md:pb-24">
-		<ErrorMessage v-if="queue.error" :message="serverErrorMessage(queue.error)" />
-
-		<ul v-else-if="!queue.data" :aria-label="__('Loading submissions')">
-			<li v-for="row in 3" :key="row" class="flex items-center gap-3 py-3">
-				<Skeleton class="size-10 shrink-0 rounded-4" />
-				<Skeleton class="h-4 w-48 rounded-4" />
-				<Skeleton class="ml-auto h-7 w-32 rounded-4" />
-			</li>
-		</ul>
-
-		<EmptyState
-			v-else-if="isEmpty"
-			:title="__('No submissions yet')"
-			:description="
-				__('Events other teams submit to your community will show up here for you to review.')
-			"
-		/>
-
-		<template v-else>
-			<section v-for="section in sections" :key="section.title" class="space-y-2">
-				<SectionHeader :title="section.title" :count="section.requests.length" />
-				<ul v-if="section.requests.length">
-					<SubmissionRow
-						v-for="request in section.requests"
-						:key="request.name"
-						:request="request"
-						:can-review="canReview"
-						@changed="queue.reload()"
-					/>
-				</ul>
-				<p v-else class="py-3 text-base text-ink-gray-5">{{ __("Nothing here") }}</p>
-			</section>
-		</template>
-	</div>
-</template>
diff --git a/dashboard/src/router.ts b/dashboard/src/router.ts
index 91818147..d9a584a5 100644
--- a/dashboard/src/router.ts
+++ b/dashboard/src/router.ts
@@ -105,15 +105,9 @@ const routes: RouteRecordRaw[] = [
 			{
 				path: "communities/:teamId/events",
 				name: "team-events",
-				meta: { title: "Events" },
+				meta: { title: "Calendar" },
 				component: () => import("@/pages/manage/MyEvents.vue"),
 			},
-			{
-				path: "communities/:teamId/submissions",
-				name: "team-submissions",
-				meta: { title: "Submissions" },
-				component: () => import("@/pages/manage/teams/TeamSubmissions.vue"),
-			},
 			{
 				path: "communities/:teamId/members",
 				name: "team-members",
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index 83a9f478..18b8d865 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -139,6 +139,8 @@ export interface CommunityRequest {
 	event_title: string
 	event_route: string | null
 	start_date: string
+	start_time: string | null
+	place: string | null
 	event_team: string
 	event_team_name: string
 	event_team_logo: string | null
diff --git a/dashboard/src/utils/managerNavigation.test.ts b/dashboard/src/utils/managerNavigation.test.ts
index 23d41fc7..d648ae26 100644
--- a/dashboard/src/utils/managerNavigation.test.ts
+++ b/dashboard/src/utils/managerNavigation.test.ts
@@ -24,7 +24,7 @@ test("an event offers its own sections, scoped to its id", () => {
 
 test("a team offers its sections with settings last, scoped to its id", () => {
 	const items = managerNavigation({ teamId: "T-1", creatingEvent: false, hasSponsorships: true })
-	assert.deepEqual(labels(items), ["Events", "Submissions", "Members", "Payments", "Settings"])
+	assert.deepEqual(labels(items), ["Calendar", "Members", "Payments", "Settings"])
 	assert.ok(items.every((item) => item.to.startsWith("/manage/communities/T-1/")))
 })
 
diff --git a/dashboard/src/utils/managerNavigation.ts b/dashboard/src/utils/managerNavigation.ts
index 079dd95e..9db87836 100644
--- a/dashboard/src/utils/managerNavigation.ts
+++ b/dashboard/src/utils/managerNavigation.ts
@@ -80,8 +80,7 @@ function eventItems(eventId: string): ManagerNavItem[] {
 function teamItems(teamId: string): ManagerNavItem[] {
 	const team = `/manage/communities/${teamId}`
 	return [
-		{ label: "Events", icon: "lucide-calendar-days", to: `${team}/events` },
-		{ label: "Submissions", icon: "lucide-inbox", to: `${team}/submissions` },
+		{ label: "Calendar", icon: "lucide-calendar-days", to: `${team}/events` },
 		{ label: "Members", icon: "lucide-users-round", to: `${team}/members` },
 		{ label: "Payments", icon: "lucide-credit-card", to: `${team}/payments` },
 		// Settings stays the last item, whatever is added above it.

From cffb310bd6939f087ae08db8e4711b26b9d8028b Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 23:02:36 +0530
Subject: [PATCH 11/27] feat(teams): external events in community event
 requests

A request can now be for an event hosted on another platform, such as Luma
or KonfHub. With Is External Event on, the request holds the event's name,
host, location (with Google place and coordinates), start and end, and an
optional URL, and needs no Buzz Event. The controller checks those fields,
since the form's mandatory_depends_on is not enforced on the server.

The community's queue takes an external request's date, time, place and
host from the request itself, and its card links to the event URL.
---
 buzz/api/communities/notifications.py         |  3 +-
 buzz/api/communities/queries.py               | 26 ++++-
 buzz/api/communities/schemas.py               | 12 ++-
 .../community_event_request.json              | 97 ++++++++++++++++++-
 .../community_event_request.py                | 33 ++++++-
 .../dashboard/teams/PendingSubmission.vue     |  5 +-
 dashboard/src/types.ts                        |  8 +-
 7 files changed, 163 insertions(+), 21 deletions(-)

diff --git a/buzz/api/communities/notifications.py b/buzz/api/communities/notifications.py
index 40f5b4e7..c9592073 100644
--- a/buzz/api/communities/notifications.py
+++ b/buzz/api/communities/notifications.py
@@ -28,7 +28,8 @@ def send_email(request, recipients: list[str], subject: str, template: str, **ar
 
 
 def notify_submitted(request) -> None:
-	submitting_team = team_name(request.event_team)
+	# An external event has no Buzz team; its host stands in.
+	submitting_team = team_name(request.event_team) if request.event_team else request.host
 	send_email(
 		request,
 		community_managers(request.community),
diff --git a/buzz/api/communities/queries.py b/buzz/api/communities/queries.py
index 22616844..ed13a4a0 100644
--- a/buzz/api/communities/queries.py
+++ b/buzz/api/communities/queries.py
@@ -1,5 +1,7 @@
 import frappe
 from frappe import _
+from frappe.query_builder.functions import Coalesce
+from frappe.utils import get_datetime
 
 from buzz.api.communities.schemas import CommunityRequest, EventOption
 from buzz.www.events import TIME_FIELDS, exclude_ended_events, upcoming_filters
@@ -8,16 +10,19 @@
 
 
 def request_rows(**conditions) -> list[CommunityRequest]:
-	"""Requests matching `conditions`, each with its event and both teams spelled out."""
+	"""Requests matching `conditions`, each with its event and both teams spelled out.
+
+	An external event has no Buzz Event or team: its row comes from the request's own fields.
+	"""
 	request, event, user, venue = (
 		frappe.qb.DocType(name) for name in ("Community Event Request", "Buzz Event", "User", "Event Venue")
 	)
 	event_team, community = frappe.qb.DocType("Buzz Team").as_("event_team"), frappe.qb.DocType("Buzz Team")
 	query = (
 		frappe.qb.from_(request)
-		.join(event)
+		.left_join(event)
 		.on(event.name == request.event)
-		.join(event_team)
+		.left_join(event_team)
 		.on(event_team.name == request.event_team)
 		.join(community)
 		.on(community.name == request.community)
@@ -28,7 +33,12 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 		.select(
 			request.name,
 			request.event,
-			event.title.as_("event_title"),
+			request.event_title,
+			request.is_external_event,
+			request.event_url,
+			request.host,
+			request.event_location,
+			request.start_datetime,
 			event.route.as_("event_route"),
 			event.start_date,
 			event.start_time,
@@ -44,7 +54,7 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 			user.full_name.as_("submitter_name"),
 			request.review_note,
 		)
-		.orderby(event.start_date)
+		.orderby(Coalesce(event.start_date, request.start_datetime))
 	)
 	for field, value in conditions.items():
 		query = query.where(request[field] == value)
@@ -52,8 +62,14 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 
 
 def request_row(row) -> dict:
+	"""Fills an external event's date, time, place and host from the request itself."""
 	medium, venue = row.pop("medium"), row.pop("venue_name")
+	starts_at, location, host = row.pop("start_datetime"), row.pop("event_location"), row.pop("host")
 	row.place = _("Online") if medium == "Online" else venue
+	if row.is_external_event:
+		starts_at = get_datetime(starts_at)
+		start = starts_at - starts_at.replace(hour=0, minute=0, second=0, microsecond=0)
+		row.update(start_date=starts_at.date(), start_time=start, place=location, event_team_name=host)
 	return row
 
 
diff --git a/buzz/api/communities/schemas.py b/buzz/api/communities/schemas.py
index 5b1dde90..3a712f5e 100644
--- a/buzz/api/communities/schemas.py
+++ b/buzz/api/communities/schemas.py
@@ -18,15 +18,19 @@ class EventOption(APIResponse):
 
 class CommunityRequest(APIResponse):
 	name: str
-	event: str
+	# Unset for an external event, which lives on another platform at `event_url`.
+	event: str | None
+	is_external_event: bool
+	event_url: str | None
 	event_title: str
 	event_route: str | None
 	start_date: date
 	start_time: timedelta | None
-	# The venue, or "Online".
+	# The venue, "Online", or for an external event its location.
 	place: str | None
-	event_team: str
-	event_team_name: str
+	event_team: str | None
+	# The event's team, or for an external event its host.
+	event_team_name: str | None
 	event_team_logo: str | None
 	community: str
 	community_name: str
diff --git a/buzz/events/doctype/community_event_request/community_event_request.json b/buzz/events/doctype/community_event_request/community_event_request.json
index a1e7c2e4..5e521e9c 100644
--- a/buzz/events/doctype/community_event_request/community_event_request.json
+++ b/buzz/events/doctype/community_event_request/community_event_request.json
@@ -8,12 +8,23 @@
  "editable_grid": 1,
  "engine": "InnoDB",
  "field_order": [
+  "is_external_event",
   "event",
   "event_title",
   "event_team",
+  "event_url",
   "column_break_community",
   "community",
   "status",
+  "external_event_section",
+  "host",
+  "event_location",
+  "google_place_id",
+  "column_break_external",
+  "start_datetime",
+  "end_datetime",
+  "latitude",
+  "longitude",
   "section_break_review",
   "submitted_by",
   "column_break_review",
@@ -21,21 +32,29 @@
   "review_note"
  ],
  "fields": [
+  {
+   "default": "0",
+   "description": "An event hosted on another platform, such as Luma or KonfHub.",
+   "fieldname": "is_external_event",
+   "fieldtype": "Check",
+   "label": "Is External Event"
+  },
   {
    "fieldname": "event",
    "fieldtype": "Link",
    "in_list_view": 1,
    "in_standard_filter": 1,
    "label": "Event",
-   "options": "Buzz Event",
-   "reqd": 1
+   "mandatory_depends_on": "eval:!doc.is_external_event",
+   "options": "Buzz Event"
   },
   {
    "fetch_from": "event.title",
    "fieldname": "event_title",
    "fieldtype": "Data",
-   "label": "Event Title",
-   "read_only": 1
+   "label": "Event Name",
+   "mandatory_depends_on": "eval:doc.is_external_event",
+   "read_only_depends_on": "eval:!doc.is_external_event"
   },
   {
    "fetch_from": "event.team",
@@ -45,6 +64,12 @@
    "options": "Buzz Team",
    "read_only": 1
   },
+  {
+   "fieldname": "event_url",
+   "fieldtype": "Data",
+   "label": "Event URL",
+   "options": "URL"
+  },
   {
    "fieldname": "column_break_community",
    "fieldtype": "Column Break"
@@ -68,6 +93,68 @@
    "options": "Pending\nApproved\nRejected",
    "reqd": 1
   },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "external_event_section",
+   "fieldtype": "Section Break",
+   "label": "External Event"
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "host",
+   "fieldtype": "Data",
+   "label": "Host",
+   "mandatory_depends_on": "eval:doc.is_external_event"
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "description": "The place picked from the Google Maps search.",
+   "fieldname": "event_location",
+   "fieldtype": "Data",
+   "label": "Event Location",
+   "mandatory_depends_on": "eval:doc.is_external_event"
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "google_place_id",
+   "fieldtype": "Data",
+   "label": "Google Place ID",
+   "read_only": 1
+  },
+  {
+   "fieldname": "column_break_external",
+   "fieldtype": "Column Break"
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "start_datetime",
+   "fieldtype": "Datetime",
+   "label": "Starts At",
+   "mandatory_depends_on": "eval:doc.is_external_event"
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "end_datetime",
+   "fieldtype": "Datetime",
+   "label": "Ends At",
+   "mandatory_depends_on": "eval:doc.is_external_event"
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "latitude",
+   "fieldtype": "Float",
+   "label": "Latitude",
+   "precision": "9",
+   "read_only": 1
+  },
+  {
+   "depends_on": "eval:doc.is_external_event",
+   "fieldname": "longitude",
+   "fieldtype": "Float",
+   "label": "Longitude",
+   "precision": "9",
+   "read_only": 1
+  },
   {
    "fieldname": "section_break_review",
    "fieldtype": "Section Break",
@@ -100,7 +187,7 @@
  "grid_page_length": 50,
  "index_web_pages_for_search": 1,
  "links": [],
- "modified": "2026-10-06 16:57:41.747837",
+ "modified": "2026-10-08 21:00:00.000000",
  "modified_by": "Administrator",
  "module": "Events",
  "name": "Community Event Request",
diff --git a/buzz/events/doctype/community_event_request/community_event_request.py b/buzz/events/doctype/community_event_request/community_event_request.py
index be2b2f53..11f830ba 100644
--- a/buzz/events/doctype/community_event_request/community_event_request.py
+++ b/buzz/events/doctype/community_event_request/community_event_request.py
@@ -4,9 +4,12 @@
 import frappe
 from frappe import _
 from frappe.model.document import Document
+from frappe.utils import get_datetime
 
 from buzz.permissions import WRITE_PTYPES, as_sql, is_unrestricted, my_teams, team_role_of
 
+EXTERNAL_FIELDS = ("event_title", "host", "event_location", "start_datetime", "end_datetime")
+
 
 class CommunityEventRequest(Document):
 	# begin: auto-generated types
@@ -18,23 +21,49 @@ class CommunityEventRequest(Document):
 		from frappe.types import DF
 
 		community: DF.Link
-		event: DF.Link
+		end_datetime: DF.Datetime | None
+		event: DF.Link | None
+		event_location: DF.Data | None
 		event_team: DF.Link | None
 		event_title: DF.Data | None
+		event_url: DF.Data | None
+		google_place_id: DF.Data | None
+		host: DF.Data | None
+		is_external_event: DF.Check
+		latitude: DF.Float
+		longitude: DF.Float
 		review_note: DF.SmallText | None
 		reviewed_by: DF.Link | None
+		start_datetime: DF.Datetime | None
 		status: DF.Literal["Pending", "Approved", "Rejected"]
 		submitted_by: DF.Link | None
 	# end: auto-generated types
 
 	def validate(self):
+		if self.is_external_event:
+			self.validate_external_event()
+		else:
+			self.validate_buzz_event()
+		self.validate_community()
+
+	def validate_buzz_event(self):
+		if not self.event:
+			frappe.throw(_("Pick the event to list."))
 		self.event_title, self.event_team = frappe.db.get_value("Buzz Event", self.event, ["title", "team"])
 		# An unpublished event may still be taken off the page.
 		if self.status != "Rejected":
 			self.validate_event()
-		self.validate_community()
 		self.validate_unique_pair()
 
+	def validate_external_event(self):
+		# The form marks these mandatory, but only the form: the server checks them here.
+		labels = [self.meta.get_label(field) for field in EXTERNAL_FIELDS if not self.get(field)]
+		if labels:
+			frappe.throw(_("An external event needs: {0}").format(", ".join(labels)))
+		if get_datetime(self.end_datetime) < get_datetime(self.start_datetime):
+			frappe.throw(_("The event cannot end before it starts."))
+		self.event = self.event_team = None
+
 	def validate_event(self):
 		if not frappe.db.get_value("Buzz Event", self.event, "is_published"):
 			frappe.throw(_("Only a published event can be listed by a community."))
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
index 6501d7d0..02cc405d 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmission.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -19,7 +19,10 @@ const when = computed(() => {
 	// The server sends a time as "9:30:00", without a leading zero.
 	return start_time ? `${date}, ${dayjs(`2000-01-01 ${start_time}`).format("HH:mm")}` : date
 })
-const link = computed(() => props.request.event_route && eventUrl(props.request.event_route))
+// A Buzz event opens its own page; an external one, the platform it lives on.
+const link = computed(() =>
+	props.request.event_route ? eventUrl(props.request.event_route) : props.request.event_url,
+)
 const submitter = computed(() => {
 	const { submitter_name, submitted_by } = props.request
 	return submitter_name && submitter_name !== submitted_by
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index 18b8d865..a45d5cfb 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -135,14 +135,16 @@ export interface TeamOption {
 // An event another team asked a community to list.
 export interface CommunityRequest {
 	name: string
-	event: string
+	event: string | null
+	is_external_event: boolean
+	event_url: string | null
 	event_title: string
 	event_route: string | null
 	start_date: string
 	start_time: string | null
 	place: string | null
-	event_team: string
-	event_team_name: string
+	event_team: string | null
+	event_team_name: string | null
 	event_team_logo: string | null
 	community: string
 	community_name: string

From 10b231ffe8229b0852d4196bc878b5660286c3ce Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Thu, 8 Oct 2026 23:55:48 +0530
Subject: [PATCH 12/27] feat(dashboard): welcome alert and quieter pending
 approvals on community calendar

- Add a welcome Alert with a solid calendar icon above the community calendar
- Retitle the queue "Pending Approval" with a count badge and clearer copy
- Make Approve subtle and Remove ghost, and disable one while the other runs
- Animate a reviewed row out and slide the rest up
- Drop the Create Event button from the Events heading

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../dashboard/teams/PendingSubmission.vue     | 20 ++++----
 .../dashboard/teams/PendingSubmissions.vue    | 51 +++++++++++++++----
 dashboard/src/pages/manage/MyEvents.vue       | 42 +++++++++++----
 3 files changed, 81 insertions(+), 32 deletions(-)

diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
index 02cc405d..88758d35 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmission.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -67,21 +67,21 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 		</div>
 		<div class="flex shrink-0 gap-2">
 			<Button
-				theme="green"
-				variant="solid"
-				icon-left="lucide-check"
-				:label="__('Approve')"
-				:loading="approve.loading"
-				@click="review(approve, __('Event added to your calendar'))"
-			/>
-			<Button
-				theme="red"
-				variant="solid"
+				variant="ghost"
 				icon-left="lucide-x"
 				:label="__('Remove')"
 				:loading="reject.loading"
+				:disabled="approve.loading"
 				@click="review(reject, __('Submission removed'))"
 			/>
+			<Button
+				variant="subtle"
+				icon-left="lucide-check"
+				:label="__('Approve')"
+				:loading="approve.loading"
+				:disabled="reject.loading"
+				@click="review(approve, __('Event added to your calendar'))"
+			/>
 		</div>
 	</li>
 </template>
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
index 3fc681f5..4b952939 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useCall } from "frappe-ui"
+import { Badge, useCall } from "frappe-ui"
 import { computed, watch } from "vue"
 
 import PendingSubmission from "@/components/dashboard/teams/PendingSubmission.vue"
@@ -21,11 +21,6 @@ watch(
 )
 
 const pending = computed(() => queue.data?.pending ?? [])
-const title = computed(() =>
-	pending.value.length === 1
-		? __("1 Pending Approval Event")
-		: __("{0} Pending Approval Events", [String(pending.value.length)]),
-)
 
 function reviewed() {
 	queue.reload()
@@ -34,24 +29,58 @@ function reviewed() {
 </script>
 
 <template>
-	<section v-if="pending.length" class="space-y-4 border-b pb-8">
+	<section v-if="pending.length" class="space-y-4 border-b border-outline-gray-2 pb-8">
 		<div class="space-y-1">
-			<h2 class="text-2xl font-semibold text-ink-gray-9">{{ title }}</h2>
+			<h2 class="flex items-center gap-2 text-xl font-semibold text-ink-gray-9">
+				{{ __("Pending Approval") }}
+				<Badge :label="String(pending.length)" size="md" />
+			</h2>
 			<p class="text-p-base text-ink-gray-6">
 				{{
 					__(
-						"These events aren't visible on your calendar yet. We'll let the submitter know if you approve their event.",
+						"These events aren't on your calendar yet. They show up once you approve them, and we let the submitter know.",
 					)
 				}}
 			</p>
 		</div>
-		<ul class="space-y-3">
+		<TransitionGroup tag="ul" name="pending-row" class="relative space-y-3">
 			<PendingSubmission
 				v-for="request in pending"
 				:key="request.name"
 				:request="request"
 				@changed="reviewed"
 			/>
-		</ul>
+		</TransitionGroup>
 	</section>
 </template>
+
+<style scoped>
+/* A reviewed row leaves quickly, and the rows below slide up into its place. */
+.pending-row-leave-active {
+	position: absolute;
+	inset-inline: 0;
+	transition:
+		opacity 150ms ease-out,
+		transform 150ms ease-out;
+}
+
+.pending-row-leave-to {
+	opacity: 0;
+	transform: scale(0.98);
+}
+
+.pending-row-move {
+	transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.pending-row-leave-active,
+	.pending-row-move {
+		transition: opacity 150ms ease-out;
+	}
+
+	.pending-row-leave-to {
+		transform: none;
+	}
+}
+</style>
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index f39c0b6a..99f946d9 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button, dayjs } from "frappe-ui"
+import { Alert, Button, dayjs } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import { useRoute } from "vue-router"
 
@@ -83,19 +83,39 @@ const emptyDescription = computed(() =>
 		:error="myEvents.error"
 	>
 		<template v-if="team" #intro>
+			<Alert
+				class="[&_[data-slot=prefix]]:size-7"
+				:description="
+					__(
+						'Your calendar brings together every event your community hosts and every event it features. When you approve an event submitted by another organizer, it shows up here and on your community page.',
+					)
+				"
+			>
+				<template #prefix>
+					<span
+						class="flex size-7 items-center justify-center rounded-5 bg-surface-gray-3 text-ink-gray-9"
+						aria-hidden="true"
+					>
+						<svg viewBox="0 0 16 16" class="size-4" fill="currentColor">
+							<rect x="4" y="1" width="1.5" height="3" rx="0.75" />
+							<rect x="10.5" y="1" width="1.5" height="3" rx="0.75" />
+							<path
+								d="M1.5 5.5a2.5 2.5 0 0 1 2.5-2.5h8a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5H4a2.5 2.5 0 0 1-2.5-2.5zm3 2.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m3.5 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m3.5 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M4.5 11.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5m3.5 0a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
+								fill-rule="evenodd"
+							/>
+						</svg>
+					</span>
+				</template>
+				<template #title>
+					<span class="text-lg font-semibold text-ink-gray-9">
+						{{ __("Welcome to your community calendar") }}
+					</span>
+				</template>
+			</Alert>
 			<PendingSubmissions :community="team" :can-review="canReview" @changed="myEvents.reload()" />
 		</template>
 		<template v-if="team" #heading>
-			<div class="hidden items-center gap-2 md:flex">
-				<h2 class="text-2xl font-semibold text-ink-gray-9">{{ __("Events") }}</h2>
-				<Button
-					variant="subtle"
-					icon="lucide-plus"
-					:label="__('Create Event')"
-					:tooltip="__('Create Event')"
-					:route="{ name: 'create-event' }"
-				/>
-			</div>
+			<h2 class="hidden text-2xl font-semibold text-ink-gray-9 md:block">{{ __("Events") }}</h2>
 		</template>
 		<template #empty-state>
 			<EmptyState :title="`No ${tab} events`" :description="emptyDescription" icon="lucide-ghost" />

From da2691a791b4543ef683e11593e67cbdc3b7d038 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 03:50:09 +0530
Subject: [PATCH 13/27] feat(teams): add and submit events to a community
 calendar

The community calendar gets an Add Event menu with three ways in:
create a new event, add an existing Buzz event from its link, or add
an event hosted on another platform. Create sends the organiser back to
the calendar after it saves.

The public community page shows the same menu as a Vue island. Its
organisers see Add Event and add straight away. Any other signed-in
user sees Submit Event and sends the event for review. A guest gets
the login dialog.

- get_team_events lists a team's own events, plus the Buzz and external
  events its community approved, each flagged is_community_request and
  is_external. The dashboard calendar now uses it.
- An external event card opens its link in a new tab and shows an
  External badge.
- find_event, add_external_event and submit_external_event are new.
  submit_external_event is rate limited, since it emails the managers.
- An external event needs all of link, name, location, host and dates,
  and its link must be http or https.
- Islands can mount in place of their trigger (data-island-inline),
  and render toasts.
- useCall().submit() does not reject on a server error, so the review
  and add forms now check .error. A failed action no longer reports
  success.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/api/communities/__init__.py              |  20 ++-
 buzz/api/communities/exceptions.py            |   6 +-
 buzz/api/communities/queries.py               |  26 +++-
 buzz/api/communities/reviews.py               |   6 +-
 buzz/api/communities/schemas.py               |  16 ++-
 buzz/api/communities/submissions.py           |  21 ++-
 buzz/api/communities/test_communities.py      |  86 ++++++++++++
 buzz/api/teams/__init__.py                    |   9 +-
 buzz/api/teams/calendar.py                    |  99 ++++++++++++++
 buzz/api/teams/schemas.py                     |  16 ++-
 buzz/events/doctype/buzz_team/team_page.py    |  13 ++
 .../buzz_team/templates/buzz_team.html        |  13 ++
 .../community_event_request.json              |   5 +-
 .../community_event_request.py                |   6 +-
 buzz/public/themes/team.css                   |   6 +
 dashboard/components.d.ts                     |   4 +
 .../components/dashboard/events/EventCard.vue |  39 ++++--
 .../dashboard/teams/AddEventDialog.vue        |  54 ++++++++
 .../dashboard/teams/AddEventMenu.vue          |  50 +++++++
 .../dashboard/teams/ExistingEventForm.vue     |  93 +++++++++++++
 .../dashboard/teams/ExternalEventForm.vue     | 125 ++++++++++++++++++
 .../dashboard/teams/PendingSubmission.vue     |  12 +-
 .../dashboard/teams/addEventOptions.ts        |  28 ++++
 dashboard/src/data/events.ts                  |  10 ++
 dashboard/src/islands/mount.ts                |  33 ++++-
 dashboard/src/pages/manage/MyEvents.vue       |  11 +-
 .../src/pages/manage/events/CreateEvent.vue   |  21 ++-
 dashboard/src/types.ts                        |   7 +
 dashboard/tailwind.islands.config.js          |   3 +
 29 files changed, 796 insertions(+), 42 deletions(-)
 create mode 100644 buzz/api/teams/calendar.py
 create mode 100644 dashboard/src/components/dashboard/teams/AddEventDialog.vue
 create mode 100644 dashboard/src/components/dashboard/teams/AddEventMenu.vue
 create mode 100644 dashboard/src/components/dashboard/teams/ExistingEventForm.vue
 create mode 100644 dashboard/src/components/dashboard/teams/ExternalEventForm.vue
 create mode 100644 dashboard/src/components/dashboard/teams/addEventOptions.ts

diff --git a/buzz/api/communities/__init__.py b/buzz/api/communities/__init__.py
index b3d56f09..b7e334d9 100644
--- a/buzz/api/communities/__init__.py
+++ b/buzz/api/communities/__init__.py
@@ -1,8 +1,9 @@
 import frappe
 
+from buzz.api.communities.queries import find_upcoming_event
 from buzz.api.communities.reviews import CommunityReview
-from buzz.api.communities.schemas import CommunityQueue, EventOption, EventRequests
-from buzz.api.communities.submissions import EventSubmissions, submittable_events
+from buzz.api.communities.schemas import CommunityQueue, EventOption, EventRequests, ExternalEvent
+from buzz.api.communities.submissions import EventSubmissions, submit_external_request, submittable_events
 
 
 @frappe.whitelist()
@@ -58,3 +59,18 @@ def remove_event(request: str) -> None:
 @frappe.whitelist(methods=["POST"])
 def add_event(community: str, event: str) -> None:
 	CommunityReview(community).add(event)
+
+
+@frappe.whitelist()
+def find_event(url: str) -> EventOption:
+	return find_upcoming_event(url)
+
+
+@frappe.whitelist(methods=["POST"])
+def add_external_event(community: str, event: ExternalEvent) -> None:
+	CommunityReview(community).add_external_event(event)
+
+
+@frappe.whitelist(methods=["POST"])
+def submit_external_event(community: str, event: ExternalEvent) -> None:
+	submit_external_request(community, event)
diff --git a/buzz/api/communities/exceptions.py b/buzz/api/communities/exceptions.py
index a5b3004d..f397c38e 100644
--- a/buzz/api/communities/exceptions.py
+++ b/buzz/api/communities/exceptions.py
@@ -1,6 +1,6 @@
 from frappe import _lt
 
-from buzz.api.exceptions import Conflict, NotPermitted
+from buzz.api.exceptions import Conflict, NotPermitted, ResourceNotFound
 
 
 class CannotSubmitEvent(NotPermitted):
@@ -21,3 +21,7 @@ class RequestNotRejected(Conflict):
 
 class RequestNotApproved(Conflict):
 	message = _lt("Only an approved event can be removed from the community.")
+
+
+class EventNotFound(ResourceNotFound):
+	message = _lt("No upcoming published event lives at this link.")
diff --git a/buzz/api/communities/queries.py b/buzz/api/communities/queries.py
index ed13a4a0..e298a04d 100644
--- a/buzz/api/communities/queries.py
+++ b/buzz/api/communities/queries.py
@@ -1,8 +1,12 @@
+from datetime import datetime, timedelta
+from urllib.parse import urlparse
+
 import frappe
 from frappe import _
 from frappe.query_builder.functions import Coalesce
 from frappe.utils import get_datetime
 
+from buzz.api.communities.exceptions import EventNotFound
 from buzz.api.communities.schemas import CommunityRequest, EventOption
 from buzz.www.events import TIME_FIELDS, exclude_ended_events, upcoming_filters
 
@@ -68,11 +72,20 @@ def request_row(row) -> dict:
 	row.place = _("Online") if medium == "Online" else venue
 	if row.is_external_event:
 		starts_at = get_datetime(starts_at)
-		start = starts_at - starts_at.replace(hour=0, minute=0, second=0, microsecond=0)
-		row.update(start_date=starts_at.date(), start_time=start, place=location, event_team_name=host)
+		row.update(
+			start_date=starts_at.date(),
+			start_time=time_of_day(starts_at),
+			place=location,
+			event_team_name=host,
+		)
 	return row
 
 
+def time_of_day(moment: datetime) -> timedelta:
+	"""A datetime's time as the timedelta a Time field reads back as."""
+	return moment - moment.replace(hour=0, minute=0, second=0, microsecond=0)
+
+
 def upcoming_event_options(filters: dict) -> list[EventOption]:
 	"""Published events that have not ended, as picker options."""
 	events = frappe.get_all(
@@ -88,3 +101,12 @@ def upcoming_event_options(filters: dict) -> list[EventOption]:
 		)
 		for event in exclude_ended_events(events)
 	]
+
+
+def find_upcoming_event(url: str) -> EventOption:
+	"""The upcoming published event at a pasted link, or just its route."""
+	route = urlparse(url).path.rstrip("/").rpartition("/")[2]
+	events = upcoming_event_options({"route": route}) if route else []
+	if not events:
+		EventNotFound.throw()
+	return events[0]
diff --git a/buzz/api/communities/reviews.py b/buzz/api/communities/reviews.py
index f87b8b02..2986d2ef 100644
--- a/buzz/api/communities/reviews.py
+++ b/buzz/api/communities/reviews.py
@@ -3,7 +3,8 @@
 from buzz.api.communities.exceptions import CannotReviewRequests, RequestNotApproved, RequestNotPending
 from buzz.api.communities.notifications import notify_reviewed
 from buzz.api.communities.queries import request_rows
-from buzz.api.communities.schemas import CommunityQueue
+from buzz.api.communities.schemas import CommunityQueue, ExternalEvent
+from buzz.api.communities.submissions import external_request
 from buzz.permissions import has_team_access
 
 REQUEST = "Community Event Request"
@@ -47,6 +48,9 @@ def add(self, event: str) -> None:
 		request.submitted_by = request.submitted_by or frappe.session.user
 		self.set_status(request, "Approved")
 
+	def add_external_event(self, event: ExternalEvent) -> None:
+		self.set_status(external_request(self.community, event), "Approved")
+
 	def set_status(self, request, status: str, note: str | None = None) -> None:
 		request.update({"status": status, "reviewed_by": frappe.session.user, "review_note": note})
 		request.save(ignore_permissions=True)
diff --git a/buzz/api/communities/schemas.py b/buzz/api/communities/schemas.py
index 3a712f5e..1dd634ea 100644
--- a/buzz/api/communities/schemas.py
+++ b/buzz/api/communities/schemas.py
@@ -1,6 +1,6 @@
-from datetime import date, timedelta
+from datetime import date, datetime, timedelta
 
-from buzz.api.schemas import APIResponse
+from buzz.api.schemas import APIRequest, APIResponse
 
 
 class CommunityOption(APIResponse):
@@ -49,3 +49,15 @@ class EventRequests(APIResponse):
 class CommunityQueue(APIResponse):
 	pending: list[CommunityRequest]
 	approved: list[CommunityRequest]
+
+
+class ExternalEvent(APIRequest):
+	"""An event hosted on another platform, such as Luma or KonfHub."""
+
+	event_title: str
+	host: str
+	event_location: str
+	google_place_id: str | None = None
+	start_datetime: datetime
+	end_datetime: datetime
+	event_url: str
diff --git a/buzz/api/communities/submissions.py b/buzz/api/communities/submissions.py
index 6d81dc75..4f9304ff 100644
--- a/buzz/api/communities/submissions.py
+++ b/buzz/api/communities/submissions.py
@@ -1,9 +1,10 @@
 import frappe
+from frappe.rate_limiter import rate_limit
 
 from buzz.api.communities.exceptions import CannotSubmitEvent, RequestNotRejected
 from buzz.api.communities.notifications import notify_submitted
 from buzz.api.communities.queries import request_rows, upcoming_event_options
-from buzz.api.communities.schemas import CommunityOption, EventOption, EventRequests
+from buzz.api.communities.schemas import CommunityOption, EventOption, EventRequests, ExternalEvent
 from buzz.permissions import WRITE_ROLES, has_team_access
 
 REQUEST = "Community Event Request"
@@ -81,3 +82,21 @@ def submittable_events(community: str) -> list[EventOption]:
 		return []
 	asked = frappe.get_all(REQUEST, filters={"community": community}, pluck="event")
 	return upcoming_event_options({"team": ["in", teams], "name": ["not in", asked]})
+
+
+def external_request(community: str, event: ExternalEvent):
+	"""An unsaved request for an event hosted on another platform."""
+	request = frappe.new_doc(REQUEST)
+	request.update(event.model_dump())
+	request.update({"is_external_event": 1, "community": community, "submitted_by": frappe.session.user})
+	return request
+
+
+# Here, not on the endpoint: stacked under whitelist it hides the ExternalEvent annotation.
+# Open to anyone signed in, and each call emails the community's managers.
+@rate_limit(limit=10, seconds=60 * 60)
+def submit_external_request(community: str, event: ExternalEvent) -> None:
+	"""Anyone signed in may suggest an external event; the community reviews it."""
+	request = external_request(community, event)
+	request.insert(ignore_permissions=True)
+	notify_submitted(request)
diff --git a/buzz/api/communities/test_communities.py b/buzz/api/communities/test_communities.py
index 320478f9..1a5033f5 100644
--- a/buzz/api/communities/test_communities.py
+++ b/buzz/api/communities/test_communities.py
@@ -6,7 +6,9 @@
 
 from buzz.api.communities import (
 	add_event,
+	add_external_event,
 	approve_request,
+	find_event,
 	get_event_requests,
 	get_requests,
 	get_submittable_events,
@@ -14,14 +16,17 @@
 	remove_event,
 	resubmit_request,
 	submit_event,
+	submit_external_event,
 	withdraw_request,
 )
 from buzz.api.communities.exceptions import (
 	CannotReviewRequests,
 	CannotSubmitEvent,
+	EventNotFound,
 	RequestNotPending,
 	RequestNotRejected,
 )
+from buzz.api.teams import get_team_events
 from buzz.events.doctype.buzz_team.team_page import TeamPage
 from buzz.tests.factories import BuzzEventFactory, BuzzTeamFactory, BuzzTeamMembershipFactory, UserFactory
 
@@ -221,6 +226,87 @@ def test_a_curator_adds_an_event_directly(self):
 		self.assertEqual([request.event for request in queue.approved], [self.event])
 		self.assertEqual(queue.pending, [])
 
+	def test_a_curator_finds_an_event_by_its_link(self):
+		route = frappe.db.get_value("Buzz Event", self.event, "route")
+		frappe.set_user(self.curator)
+
+		found = find_event(f"https://buzz.example.com/events/{route}/")
+
+		self.assertEqual((found.name, found.title), (self.event, self.event_title))
+		with self.assertRaises(EventNotFound):
+			find_event("https://buzz.example.com/events/no-such-event")
+
+	def test_anyone_signed_in_submits_an_external_event_for_review(self):
+		frappe.set_user(self.viewer)
+
+		submit_external_event(self.community, self.external_event())
+
+		frappe.set_user(self.curator)
+		pending = [row for row in get_requests(self.community).pending if row.is_external_event]
+		self.assertEqual([row.event_title for row in pending], ["Rust Meetup"])
+		self.sendmail.assert_called_once()
+
+	def test_an_external_event_link_must_be_http(self):
+		frappe.set_user(self.viewer)
+
+		with self.assertRaises(frappe.ValidationError):
+			submit_external_event(
+				self.community, self.external_event() | {"event_url": "javascript:alert(1)"}
+			)
+
+	def test_a_curator_adds_an_external_event(self):
+		event = {
+			"event_title": "Rust Meetup",
+			"host": "Rustaceans",
+			"event_location": "WeWork, Bengaluru",
+			"start_datetime": "2026-12-01 18:00:00",
+			"end_datetime": "2026-12-01 20:00:00",
+			"event_url": "https://lu.ma/rust",
+		}
+		self.review(add_external_event, self.community, event)
+		frappe.set_user(self.curator)
+
+		approved = get_requests(self.community).approved
+
+		external = [request for request in approved if request.is_external_event]
+		self.assertEqual(
+			[(row.event_title, row.event_team_name) for row in external], [("Rust Meetup", "Rustaceans")]
+		)
+
+	def test_the_calendar_has_own_featured_and_external_events(self):
+		own = self.create_event("Curators Meetup", team=self.community)
+		self.review(add_event, self.community, self.event)
+		self.review(add_external_event, self.community, self.external_event())
+		frappe.set_user(self.viewer)
+
+		upcoming = get_team_events(self.community).upcoming
+
+		flags = {row.title: (row.is_community_request, row.is_external) for row in upcoming}
+		self.assertEqual(flags["Curators Meetup"], (False, False))
+		self.assertEqual(flags[self.event_title], (True, False))
+		self.assertEqual(flags["Rust Meetup"], (True, True))
+		self.assertIn(own, [row.name for row in upcoming])
+
+	def test_only_curators_are_organizers_on_the_community_page(self):
+		page = TeamPage(frappe.get_doc("Buzz Team", self.community))
+		frappe.set_user(self.curator)
+		self.assertTrue(page.is_organizer())
+		frappe.set_user(self.organiser)
+		self.assertFalse(page.is_organizer())
+		frappe.set_user("Administrator")
+		self.assertFalse(page.is_organizer())
+
+	def external_event(self) -> dict:
+		day = add_days(today(), 20)
+		return {
+			"event_title": "Rust Meetup",
+			"host": "Rustaceans",
+			"event_location": "WeWork, Bengaluru",
+			"start_datetime": f"{day} 18:00:00",
+			"end_datetime": f"{day} 20:00:00",
+			"event_url": "https://lu.ma/rust",
+		}
+
 	def page_titles(self) -> list[str]:
 		context = TeamPage(frappe.get_doc("Buzz Team", self.community)).as_context()
 		return [event["title"] for day in context["upcoming_days"] for event in day["events"]]
diff --git a/buzz/api/teams/__init__.py b/buzz/api/teams/__init__.py
index 4b9f53b0..21260aac 100644
--- a/buzz/api/teams/__init__.py
+++ b/buzz/api/teams/__init__.py
@@ -1,8 +1,8 @@
 import frappe
 
 from buzz.api.events.schemas import RouteAvailability
-from buzz.api.teams import invitations, public_page, services
-from buzz.api.teams.schemas import InviteOutcome, TeamOption, TeamOverview
+from buzz.api.teams import calendar, invitations, public_page, services
+from buzz.api.teams.schemas import InviteOutcome, TeamEvents, TeamOption, TeamOverview
 from buzz.events.doctype.buzz_team_settings.buzz_team_settings import feature_flags
 
 
@@ -46,6 +46,11 @@ def team_option(my_team: dict, upcoming_event_count: int) -> TeamOption:
 	)
 
 
+@frappe.whitelist()
+def get_team_events(team: str) -> TeamEvents:
+	return calendar.team_events(team)
+
+
 @frappe.whitelist()
 def get_team_overview(team: str) -> TeamOverview:
 	return services.team_overview(team)
diff --git a/buzz/api/teams/calendar.py b/buzz/api/teams/calendar.py
new file mode 100644
index 00000000..b7cb1f0b
--- /dev/null
+++ b/buzz/api/teams/calendar.py
@@ -0,0 +1,99 @@
+from datetime import timedelta
+
+import frappe
+from frappe.query_builder import Case
+from frappe.utils import get_datetime
+
+from buzz.api.communities.queries import time_of_day
+from buzz.api.events.services import split_by_date
+from buzz.api.teams.schemas import TeamEvent, TeamEvents
+from buzz.permissions import has_team_access
+
+REQUEST = "Community Event Request"
+
+
+def team_events(team: str) -> TeamEvents:
+	"""A team's own events, plus the Buzz and external events its community approved."""
+	events = sorted(
+		buzz_events(team) + external_events(team),
+		key=lambda event: (event.start_date, event.start_time or timedelta(0)),
+	)
+	upcoming, past = split_by_date(events)
+	return TeamEvents(upcoming=upcoming, past=past)
+
+
+def buzz_events(team: str) -> list[TeamEvent]:
+	event, request = frappe.qb.DocType("Buzz Event"), frappe.qb.DocType(REQUEST)
+	host, venue = frappe.qb.DocType("Buzz Team"), frappe.qb.DocType("Event Venue")
+	own = event.team == team
+	approved = event.name.isin(
+		frappe.qb.from_(request)
+		.select(request.event)
+		.where((request.community == team) & (request.status == "Approved"))
+	)
+	published = event.is_published == 1
+	# Members also see their team's drafts; anyone else, published events only.
+	visible = own if has_team_access(team, "read", frappe.session.user) else own & published
+	rows = (
+		frappe.qb.from_(event)
+		.left_join(host)
+		.on(host.name == event.team)
+		.left_join(venue)
+		.on(venue.name == event.venue)
+		.select(
+			event.name,
+			event.title,
+			event.route,
+			event.start_date,
+			event.end_date,
+			event.start_time,
+			event.end_time,
+			venue.venue_name.as_("venue"),
+			event.medium,
+			event.banner_image,
+			event.team,
+			host.team_name,
+			host.logo.as_("team_logo"),
+			Case().when(own, 1).else_(0).as_("is_host"),
+			Case().when(own, 0).else_(1).as_("is_community_request"),
+		)
+		.where(visible | (approved & published))
+	).run(as_dict=True)
+	# Buzz Event autonames to integers, while every link to it travels as a string.
+	return [TeamEvent(**row | {"name": str(row.name), "is_attendee": False}) for row in rows]
+
+
+def external_events(team: str) -> list[TeamEvent]:
+	rows = frappe.get_all(
+		REQUEST,
+		filters={"community": team, "status": "Approved", "is_external_event": 1},
+		fields=[
+			"name",
+			"event_title",
+			"event_url",
+			"host",
+			"event_location",
+			"start_datetime",
+			"end_datetime",
+		],
+	)
+	return [external_event(row) for row in rows]
+
+
+def external_event(row) -> TeamEvent:
+	starts_at, ends_at = get_datetime(row.start_datetime), get_datetime(row.end_datetime)
+	return TeamEvent(
+		name=row.name,
+		title=row.event_title,
+		start_date=starts_at.date(),
+		end_date=ends_at.date(),
+		start_time=time_of_day(starts_at),
+		end_time=time_of_day(ends_at),
+		venue=row.event_location,
+		team_name=row.host,
+		event_url=row.event_url,
+		is_host=False,
+		is_attendee=False,
+		is_community_request=True,
+		is_external=True,
+	)
diff --git a/buzz/api/teams/schemas.py b/buzz/api/teams/schemas.py
index a603b119..1d013399 100644
--- a/buzz/api/teams/schemas.py
+++ b/buzz/api/teams/schemas.py
@@ -1,4 +1,4 @@
-from buzz.api.events.schemas import EventExternalLink
+from buzz.api.events.schemas import EventExternalLink, MyEvent
 from buzz.api.schemas import APIResponse
 
 
@@ -61,3 +61,17 @@ class TeamOverview(APIResponse):
 	invites: list[TeamInvite]
 	# Every member reads them; only Owner/Admin can change them.
 	tax_details: TeamTaxDetails
+
+
+class TeamEvent(MyEvent):
+	"""A calendar row: the team's own event, or one its community approved."""
+
+	is_community_request: bool = False
+	is_external: bool = False
+	# Only an external event has one; a Buzz event lives at its route.
+	event_url: str | None = None
+
+
+class TeamEvents(APIResponse):
+	upcoming: list[TeamEvent]
+	past: list[TeamEvent]
diff --git a/buzz/events/doctype/buzz_team/team_page.py b/buzz/events/doctype/buzz_team/team_page.py
index d1044891..5a098ff6 100644
--- a/buzz/events/doctype/buzz_team/team_page.py
+++ b/buzz/events/doctype/buzz_team/team_page.py
@@ -8,7 +8,9 @@
 from frappe.utils import date_diff, flt, format_date, get_url, getdate, today
 
 from buzz.api.booking.services import are_registrations_closed
+from buzz.api.maps.services import place_search_enabled
 from buzz.events.doctype.buzz_team.team_map import TeamMap
+from buzz.permissions import role_allows, team_role_of
 from buzz.www.event.date_range import format_time
 from buzz.www.event.index import public_links
 from buzz.www.event.meta import DESCRIPTION_LENGTH, plain_text
@@ -81,6 +83,9 @@ def as_context(self) -> dict:
 			"upcoming_days": group_by_day(upcoming),
 			"past_days": group_by_day(past),
 			"meta": self.meta(),
+			"is_guest": frappe.session.user == "Guest",
+			"is_organizer": self.is_organizer(),
+			"place_search_enabled": place_search_enabled(),
 			**TeamMap(upcoming, past).as_context(),
 		}
 
@@ -157,6 +162,14 @@ def card(self, event) -> dict:
 			"longitude": flt(event.longitude) if has_location else None,
 		}
 
+	def is_organizer(self) -> bool:
+		"""The community's own curators add events straight away; anyone else submits them.
+
+		Membership, not access: a System Manager outside the team still submits from here.
+		"""
+		team_role = team_role_of(frappe.session.user, self.team.name)
+		return bool(team_role) and role_allows(team_role, "write")
+
 	def meta(self) -> dict:
 		text = self.team.short_description or plain_text(self.team.about)
 		return {
diff --git a/buzz/events/doctype/buzz_team/templates/buzz_team.html b/buzz/events/doctype/buzz_team/templates/buzz_team.html
index d342ec46..fe3d78ff 100644
--- a/buzz/events/doctype/buzz_team/templates/buzz_team.html
+++ b/buzz/events/doctype/buzz_team/templates/buzz_team.html
@@ -76,6 +76,14 @@ <h3 class="team-day-heading">{{ day.label }}<span>{{ day.weekday }}</span></h3>
 				<h1 class="event-title">{{ doc.team_name }}</h1>
 				<p class="team-stats">{% if events_hosted == 1 %}{{ _("1 event hosted") }}{% else %}{{ _("{0} events hosted").format(events_hosted) }}{% endif %}</p>
 			</div>
+			{% if doc.accept_community_submissions %}
+			{% set event_action = _("Add Event") if is_organizer else _("Submit Event") %}
+			{% if is_guest %}
+			<a class="es-button team-event-action" data-variant="subtle" data-size="md" href="/b/login?redirect-to=/{{ doc.route }}" data-login><span class="icon lucide-plus" aria-hidden="true"></span>{{ event_action }}</a>
+			{% else %}
+			<button type="button" class="es-button team-event-action" data-variant="subtle" data-size="md" data-island="add-event" data-island-inline data-props='{{ {"community": doc.name, "canReview": is_organizer, "isPublicPage": true} | tojson }}'><span class="icon lucide-plus" aria-hidden="true"></span>{{ event_action }}</button>
+			{% endif %}
+			{% endif %}
 		</header>
 
 		{% if countries %}
@@ -139,6 +147,11 @@ <h2 class="label">{{ _("About") }}</h2>
 {% endautoescape %}{% endblock %}
 
 {% block script %}
+	{% if doc.accept_community_submissions and not is_guest %}
+	{% set island = island_script() %}
+	<script>window.google_place_search_enabled = {{ place_search_enabled | tojson }}</script>
+	{% if island %}<script type="module" src="{{ island }}"></script>{% endif %}
+	{% endif %}
 	{{ super() }}
 	<script src="{{ bundled_asset('team_page.bundle.ts') }}" defer></script>
 {% endblock %}
diff --git a/buzz/events/doctype/community_event_request/community_event_request.json b/buzz/events/doctype/community_event_request/community_event_request.json
index 5e521e9c..6b849fd1 100644
--- a/buzz/events/doctype/community_event_request/community_event_request.json
+++ b/buzz/events/doctype/community_event_request/community_event_request.json
@@ -68,7 +68,8 @@
    "fieldname": "event_url",
    "fieldtype": "Data",
    "label": "Event URL",
-   "options": "URL"
+   "options": "URL",
+   "mandatory_depends_on": "eval:doc.is_external_event"
   },
   {
    "fieldname": "column_break_community",
@@ -187,7 +188,7 @@
  "grid_page_length": 50,
  "index_web_pages_for_search": 1,
  "links": [],
- "modified": "2026-10-08 21:00:00.000000",
+ "modified": "2026-10-09 04:00:00.000000",
  "modified_by": "Administrator",
  "module": "Events",
  "name": "Community Event Request",
diff --git a/buzz/events/doctype/community_event_request/community_event_request.py b/buzz/events/doctype/community_event_request/community_event_request.py
index 11f830ba..4550bbd7 100644
--- a/buzz/events/doctype/community_event_request/community_event_request.py
+++ b/buzz/events/doctype/community_event_request/community_event_request.py
@@ -4,11 +4,11 @@
 import frappe
 from frappe import _
 from frappe.model.document import Document
-from frappe.utils import get_datetime
+from frappe.utils import get_datetime, validate_url
 
 from buzz.permissions import WRITE_PTYPES, as_sql, is_unrestricted, my_teams, team_role_of
 
-EXTERNAL_FIELDS = ("event_title", "host", "event_location", "start_datetime", "end_datetime")
+EXTERNAL_FIELDS = ("event_title", "event_url", "host", "event_location", "start_datetime", "end_datetime")
 
 
 class CommunityEventRequest(Document):
@@ -60,6 +60,8 @@ def validate_external_event(self):
 		labels = [self.meta.get_label(field) for field in EXTERNAL_FIELDS if not self.get(field)]
 		if labels:
 			frappe.throw(_("An external event needs: {0}").format(", ".join(labels)))
+		# Frappe's URL check takes any scheme, and this link renders as an href for curators.
+		validate_url(self.event_url, throw=True, valid_schemes=("http", "https"))
 		if get_datetime(self.end_datetime) < get_datetime(self.start_datetime):
 			frappe.throw(_("The event cannot end before it starts."))
 		self.event = self.event_team = None
diff --git a/buzz/public/themes/team.css b/buzz/public/themes/team.css
index 73a79808..3485ef9f 100644
--- a/buzz/public/themes/team.css
+++ b/buzz/public/themes/team.css
@@ -25,6 +25,12 @@
 	object-fit: cover;
 }
 
+/* Wider than a plain subtle button: it is the page's one call to action. */
+.team-event-action {
+	min-width: 9rem;
+	justify-content: center;
+}
+
 .team-identity-text {
 	flex: 1;
 	min-width: 240px;
diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index ad29c272..8c1be927 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -12,6 +12,8 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AddCoHostDialog: typeof import('./src/components/dashboard/events/AddCoHostDialog.vue')['default']
+    AddEventDialog: typeof import('./src/components/dashboard/teams/AddEventDialog.vue')['default']
+    AddEventMenu: typeof import('./src/components/dashboard/teams/AddEventMenu.vue')['default']
     AddMembersDialog: typeof import('./src/components/dashboard/teams/AddMembersDialog.vue')['default']
     AddOnPreferenceDialog: typeof import('./src/components/AddOnPreferenceDialog.vue')['default']
     AddPricedItemDialog: typeof import('./src/components/dashboard/sponsorships/AddPricedItemDialog.vue')['default']
@@ -75,6 +77,8 @@ declare module 'vue' {
     EventTalkActions: typeof import('./src/components/dashboard/proposals/EventTalkActions.vue')['default']
     EventTalkProposalDrawer: typeof import('./src/components/dashboard/proposals/EventTalkProposalDrawer.vue')['default']
     EventThemeSetting: typeof import('./src/components/dashboard/events/EventThemeSetting.vue')['default']
+    ExistingEventForm: typeof import('./src/components/dashboard/teams/ExistingEventForm.vue')['default']
+    ExternalEventForm: typeof import('./src/components/dashboard/teams/ExternalEventForm.vue')['default']
     FilterChip: typeof import('./src/components/common/filters/FilterChip.vue')['default']
     FloatingCreateEventButton: typeof import('./src/components/dashboard/FloatingCreateEventButton.vue')['default']
     FormFieldSections: typeof import('./src/components/FormFieldSections.vue')['default']
diff --git a/dashboard/src/components/dashboard/events/EventCard.vue b/dashboard/src/components/dashboard/events/EventCard.vue
index fd1c60f4..aaeebff1 100644
--- a/dashboard/src/components/dashboard/events/EventCard.vue
+++ b/dashboard/src/components/dashboard/events/EventCard.vue
@@ -3,18 +3,25 @@ import { bannerPattern } from "@public/js/event_banner"
 import { Avatar, Badge, Button } from "frappe-ui"
 import { computed, ref } from "vue"
 
-import type { MyEvent } from "@/types"
+import type { MyEvent, TeamEvent } from "@/types"
 import { dayLabel, timeLabel } from "@/utils/dateLabels"
 
 // The Events page files cards under a date heading; a standalone list has to
 // carry the date on the card itself.
-const props = defineProps<{ event: MyEvent; showDate?: boolean }>()
+// A team calendar row may be an external event, which has no Buzz page or drawer of its own.
+const props = defineProps<{
+	event: MyEvent & Partial<Pick<TeamEvent, "is_external" | "event_url">>
+	showDate?: boolean
+}>()
 
 const emit = defineEmits<{ open: [] }>()
 
 // Manage is the only way into the desk view; the card itself opens the drawer.
 const canManage = computed(() => props.event.is_host)
 
+// An external event opens where it lives, on its own platform.
+const externalUrl = computed(() => (props.event.is_external && props.event.event_url) || "")
+
 const startTime = computed(() => (props.event.start_time ? timeLabel(props.event.start_time) : ""))
 
 // A multi-day event always carries its range: the timeline files it under one day only.
@@ -48,11 +55,19 @@ const venue = computed(() => {
 	>
 		<!-- Overlay rather than a wrapper: Manage cannot legally nest inside a button.
 		     It sits above the overlay, so both targets work and both are focusable. -->
-		<button
-			type="button"
-			class="absolute inset-0 rounded-8 focus-visible:outline focus-visible:outline-2 focus-visible:outline-outline-gray-3"
-			:aria-label="`Open ${event.title}`"
-			@click="emit('open')"
+		<component
+			:is="externalUrl ? 'a' : 'button'"
+			v-bind="
+				externalUrl
+					? {
+							href: externalUrl,
+							target: '_blank',
+							rel: 'noopener',
+							'aria-label': `Open ${event.title} in a new tab`,
+						}
+					: { type: 'button', 'aria-label': `Open ${event.title}`, onClick: () => emit('open') }
+			"
+			class="event-card-overlay absolute inset-0 rounded-8 focus-visible:outline focus-visible:outline-2 focus-visible:outline-outline-gray-3"
 		/>
 
 		<!-- The pattern also backs the image, so the slot is never blank while it loads. -->
@@ -104,8 +119,12 @@ const venue = computed(() => {
 				</p>
 			</div>
 
-			<div v-if="event.is_attendee || canManage" class="mt-3 flex items-end">
+			<div
+				v-if="event.is_attendee || event.is_external || canManage"
+				class="mt-3 flex items-end gap-2"
+			>
 				<Badge v-if="event.is_attendee" theme="violet" variant="subtle" label="Attending" />
+				<Badge v-if="event.is_external" variant="subtle" :label="__('External')" />
 				<Button
 					v-if="canManage"
 					class="relative z-10 ml-auto max-md:hidden"
@@ -131,7 +150,7 @@ const venue = computed(() => {
 	transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1);
 }
 /* Only the overlay opens the drawer, so Manage does not press the card with it. */
-.event-card:has(> button:active) {
+.event-card:has(> .event-card-overlay:active) {
 	transform: scale(0.995);
 }
 
@@ -139,7 +158,7 @@ const venue = computed(() => {
 	.event-card {
 		transition: none;
 	}
-	.event-card:has(> button:active) {
+	.event-card:has(> .event-card-overlay:active) {
 		transform: none;
 	}
 }
diff --git a/dashboard/src/components/dashboard/teams/AddEventDialog.vue b/dashboard/src/components/dashboard/teams/AddEventDialog.vue
new file mode 100644
index 00000000..65b57686
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/AddEventDialog.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { Dialog } from "frappe-ui"
+import { computed, ref } from "vue"
+
+import { type AddEventForm, addEventOptions } from "@/components/dashboard/teams/addEventOptions"
+import ExistingEventForm from "@/components/dashboard/teams/ExistingEventForm.vue"
+import ExternalEventForm from "@/components/dashboard/teams/ExternalEventForm.vue"
+
+const props = defineProps<{ community: string; canReview?: boolean }>()
+const emit = defineEmits<{ added: [] }>()
+// The dialog is open while a form is chosen.
+const formType = defineModel<AddEventForm | null>("formType", { default: null })
+
+const isOpen = computed({
+	get: () => Boolean(formType.value),
+	set: (open) => !open && (formType.value = null),
+})
+const title = computed(() => {
+	const option = addEventOptions(props.canReview).find((choice) => choice.type === formType.value)
+	return option && ("dialogTitle" in option ? option.dialogTitle : option.label)
+})
+
+// A link that is not a Buzz event carries over into the external form.
+const externalUrl = ref("")
+
+function openExternalForm(url: string) {
+	externalUrl.value = url
+	formType.value = "external"
+}
+
+function onEventAdded() {
+	formType.value = null
+	emit("added")
+}
+</script>
+
+<template>
+	<Dialog v-model="isOpen" :title="title" size="lg">
+		<ExistingEventForm
+			v-if="formType === 'existing'"
+			:community="community"
+			:can-review="canReview"
+			@added="onEventAdded"
+			@external="openExternalForm"
+		/>
+		<ExternalEventForm
+			v-else-if="formType === 'external'"
+			:community="community"
+			:can-review="canReview"
+			:url="externalUrl"
+			@added="onEventAdded"
+		/>
+	</Dialog>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/AddEventMenu.vue b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
new file mode 100644
index 00000000..528738ba
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { Button, Dropdown } from "frappe-ui"
+import { ref } from "vue"
+
+import AddEventDialog from "@/components/dashboard/teams/AddEventDialog.vue"
+import {
+	type AddEventForm,
+	addEventOptions,
+	createEventUrl,
+} from "@/components/dashboard/teams/addEventOptions"
+
+// The dashboard calendar renders this, and so does the public community page as an island.
+const props = defineProps<{ community: string; canReview?: boolean; isPublicPage?: boolean }>()
+defineEmits<{ added: [] }>()
+const isMenuOpen = defineModel<boolean>("open", { default: false })
+
+const formType = ref<AddEventForm | null>(null)
+
+const options = addEventOptions(props.canReview).map((option) => ({
+	label: option.label,
+	icon: option.icon,
+	onClick: () => {
+		if (option.type === "create") return window.location.assign(createEventUrl())
+		formType.value = option.type
+	},
+}))
+const label = props.canReview ? __("Add Event") : __("Submit Event")
+</script>
+
+<template>
+	<Dropdown v-model:open="isMenuOpen" :options="options">
+		<!-- The public page keeps its own espresso button, so the island swaps in unnoticed. -->
+		<button
+			v-if="isPublicPage"
+			type="button"
+			class="es-button team-event-action"
+			data-variant="subtle"
+			data-size="md"
+		>
+			<span class="icon lucide-plus" aria-hidden="true" />{{ label }}
+		</button>
+		<Button v-else variant="subtle" icon-left="lucide-plus" :label="label" />
+	</Dropdown>
+	<AddEventDialog
+		v-model:form-type="formType"
+		:community="community"
+		:can-review="canReview"
+		@added="$emit('added')"
+	/>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/ExistingEventForm.vue b/dashboard/src/components/dashboard/teams/ExistingEventForm.vue
new file mode 100644
index 00000000..78cf9d88
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/ExistingEventForm.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { Button, ErrorMessage, FormControl, dayjs, toast, useCall } from "frappe-ui"
+import { nextTick, ref, watch } from "vue"
+
+import { serverErrorMessage } from "@/utils/serverError"
+
+interface EventOption {
+	name: string
+	title: string
+	start_date: string
+	team_name: string
+}
+
+const props = defineProps<{ community: string; canReview?: boolean }>()
+const emit = defineEmits<{ added: []; external: [url: string] }>()
+
+const METHOD = "/api/v2/method/buzz.api.communities"
+const findEvent = useCall<EventOption, { url: string }>({
+	url: `${METHOD}.find_event`,
+	immediate: false,
+})
+// An organizer lists the event straight away; anyone else sends it for review.
+const addEvent = useCall<null, { community: string; event: string }>({
+	url: `${METHOD}.${props.canReview ? "add_event" : "submit_event"}`,
+	method: "POST",
+	immediate: false,
+})
+
+const url = ref("")
+const event = ref<EventOption | null>(null)
+watch(url, () => (event.value = null))
+
+async function lookUpEvent() {
+	if (!url.value.trim() || event.value) return
+	event.value = await findEvent.submit({ url: url.value.trim() }).catch(() => null)
+}
+
+async function submit() {
+	if (!event.value) return
+	// useCall does not reject on a server error; it sets `error`.
+	await addEvent.submit({ community: props.community, event: event.value.name })
+	if (addEvent.error) return toast.error(serverErrorMessage(addEvent.error))
+	toast.success(
+		props.canReview ? __("Event added to your calendar") : __("Event submitted for review"),
+	)
+	emit("added")
+}
+</script>
+
+<template>
+	<form class="space-y-4" @submit.prevent="lookUpEvent">
+		<FormControl
+			v-model="url"
+			type="url"
+			:label="__('Event link')"
+			:placeholder="__('Enter Buzz Event URL')"
+			autofocus
+			@paste="nextTick(lookUpEvent)"
+			@blur="lookUpEvent"
+		/>
+
+		<div v-if="findEvent.error && !event" class="space-y-2">
+			<ErrorMessage :message="serverErrorMessage(findEvent.error)" />
+			<Button
+				variant="ghost"
+				icon-left="lucide-link"
+				:label="
+					canReview
+						? __('Add it as an external event instead')
+						: __('Submit it as an external event instead')
+				"
+				@click="emit('external', url.trim())"
+			/>
+		</div>
+
+		<div v-if="event" class="space-y-1 rounded-6 border border-outline-gray-2 p-3">
+			<p class="text-base font-semibold text-ink-gray-9">{{ event.title }}</p>
+			<p class="text-sm text-ink-gray-6">
+				{{ dayjs(event.start_date).format("ddd D MMM YYYY") }} · {{ event.team_name }}
+			</p>
+		</div>
+
+		<div class="flex justify-end">
+			<Button
+				variant="solid"
+				:label="canReview ? __('Add to Calendar') : __('Submit for Review')"
+				:disabled="!event"
+				:loading="addEvent.loading || findEvent.loading"
+				@click="submit"
+			/>
+		</div>
+	</form>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/ExternalEventForm.vue b/dashboard/src/components/dashboard/teams/ExternalEventForm.vue
new file mode 100644
index 00000000..a1a46450
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/ExternalEventForm.vue
@@ -0,0 +1,125 @@
+<script setup lang="ts">
+import { Button, Combobox, DateTimePicker, FormControl, toast, useCall } from "frappe-ui"
+import type { ComboboxCustomOption } from "frappe-ui"
+import { computed, reactive, ref } from "vue"
+
+import { usePlaceSearch } from "@/data/venues"
+import { serverErrorMessage } from "@/utils/serverError"
+
+// How the pickers show a value; the model stays `YYYY-MM-DD HH:mm:ss`.
+const DATE_TIME_FORMAT = "ddd, D MMM YYYY, h:mm a"
+
+const props = defineProps<{ community: string; canReview?: boolean; url?: string }>()
+const emit = defineEmits<{ added: [] }>()
+
+const event = reactive({
+	event_title: "",
+	host: "",
+	event_location: "",
+	google_place_id: null as string | null,
+	start_datetime: "",
+	end_datetime: "",
+	event_url: props.url ?? "",
+})
+const hasRequiredFields = computed(() =>
+	Object.entries(event).every(([field, value]) => field === "google_place_id" || Boolean(value)),
+)
+
+const locationQuery = ref("")
+const isLocationOpen = ref(false)
+const placeSearch = usePlaceSearch(locationQuery, isLocationOpen)
+
+// A site without Google place search, or a place Google does not know, takes the text as typed.
+const typedLocationOption: ComboboxCustomOption = {
+	type: "custom",
+	key: "typed",
+	label: __("Use as typed"),
+	icon: "lucide-pencil",
+	condition: ({ query }) => Boolean(query.trim()),
+	onClick: ({ query }) =>
+		Object.assign(event, { event_location: query.trim(), google_place_id: null }),
+}
+const locationOptions = computed(() => [
+	...placeSearch.places.map((place) => ({
+		label: place.name,
+		value: place.place_id,
+		description: place.address ?? "",
+	})),
+	typedLocationOption,
+])
+
+function selectPlace(placeId: unknown) {
+	const place = placeSearch.places.find((option) => option.place_id === placeId)
+	if (!place) return
+	event.event_location = [place.name, place.address].filter(Boolean).join(", ")
+	event.google_place_id = place.place_id
+}
+
+const addExternalEvent = useCall<null, { community: string; event: typeof event }>({
+	url: `/api/v2/method/buzz.api.communities.${props.canReview ? "add" : "submit"}_external_event`,
+	method: "POST",
+	immediate: false,
+})
+
+async function submit() {
+	// useCall does not reject on a server error; it sets `error`.
+	await addExternalEvent.submit({ community: props.community, event })
+	if (addExternalEvent.error) return toast.error(serverErrorMessage(addExternalEvent.error))
+	toast.success(
+		props.canReview ? __("Event added to your calendar") : __("Event submitted for review"),
+	)
+	emit("added")
+}
+</script>
+
+<template>
+	<form class="space-y-4" @submit.prevent="submit">
+		<FormControl
+			v-model="event.event_url"
+			type="url"
+			:label="__('Event link')"
+			placeholder="https://lu.ma/some-event"
+			required
+			autofocus
+		/>
+		<FormControl v-model="event.event_title" :label="__('Event name')" required />
+		<Combobox
+			v-model:query="locationQuery"
+			v-model:open="isLocationOpen"
+			:model-value="event.google_place_id"
+			:options="locationOptions"
+			:filterable="false"
+			:loading="placeSearch.isSearching"
+			:label="__('Location')"
+			required
+			:placeholder="event.event_location || __('Search for a place')"
+			@update:model-value="selectPlace"
+		/>
+		<FormControl v-model="event.host" :label="__('Hosted by')" required />
+		<div class="grid grid-cols-2 gap-3">
+			<DateTimePicker
+				v-model="event.start_datetime"
+				:label="__('Starts')"
+				required
+				:format="DATE_TIME_FORMAT"
+			/>
+			<DateTimePicker
+				v-model="event.end_datetime"
+				:label="__('Ends')"
+				required
+				:format="DATE_TIME_FORMAT"
+				:min="event.start_datetime"
+			/>
+		</div>
+
+		<div class="flex justify-end">
+			<Button
+				variant="solid"
+				type="submit"
+				:label="canReview ? __('Add to Calendar') : __('Submit for Review')"
+				:disabled="!hasRequiredFields"
+				:loading="addExternalEvent.loading"
+			/>
+		</div>
+	</form>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
index 88758d35..90dd6682 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmission.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -31,13 +31,11 @@ const submitter = computed(() => {
 })
 
 async function review(action: ReturnType<typeof useReviewAction>, done: string) {
-	try {
-		await action.submit({ request: props.request.name })
-		toast.success(done)
-		emit("changed")
-	} catch (error) {
-		toast.error(serverErrorMessage(error))
-	}
+	// useCall does not reject on a server error; it sets `error`.
+	await action.submit({ request: props.request.name })
+	if (action.error) return toast.error(serverErrorMessage(action.error))
+	toast.success(done)
+	emit("changed")
 }
 </script>
 
diff --git a/dashboard/src/components/dashboard/teams/addEventOptions.ts b/dashboard/src/components/dashboard/teams/addEventOptions.ts
new file mode 100644
index 00000000..33ee3b40
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/addEventOptions.ts
@@ -0,0 +1,28 @@
+export type AddEventForm = "existing" | "external"
+
+/** The three ways onto a community calendar: an organizer adds, anyone else submits for review. */
+export function addEventOptions(canReview: boolean) {
+	return [
+		{ type: "create", label: __("Create New"), icon: "lucide-calendar-plus" },
+		{
+			type: "existing",
+			label: canReview ? __("Add Existing from Buzz") : __("Submit Existing from Buzz"),
+			icon: "lucide-calendar-heart",
+		},
+		{
+			type: "external",
+			label: canReview ? __("Add External") : __("Submit External"),
+			// The dialog has room to say what it is about.
+			dialogTitle: canReview ? __("Add External Event") : __("Submit External Event"),
+			icon: "lucide-link",
+		},
+	] as const
+}
+
+const CREATE_EVENT_PATH = "/b/manage/team/events/new"
+
+/** The create page, told to send the organiser back to the page they are on. */
+export function createEventUrl(): string {
+	const redirectTo = encodeURIComponent(window.location.pathname + window.location.search)
+	return `${CREATE_EVENT_PATH}?redirect-to=${redirectTo}`
+}
diff --git a/dashboard/src/data/events.ts b/dashboard/src/data/events.ts
index ddbe0a74..063f95ac 100644
--- a/dashboard/src/data/events.ts
+++ b/dashboard/src/data/events.ts
@@ -5,6 +5,7 @@ import type {
 	EventHostRef,
 	MyEvents,
 	RegistrationTrend,
+	TeamEvent,
 	VerificationMethods,
 } from "@/types"
 
@@ -20,6 +21,15 @@ export function useMyEvents(filters?: () => Record<string, string>) {
 	})
 }
 
+/** A team's calendar: its own events, plus the Buzz and external events its community approved. */
+export function useTeamEvents(team: () => string) {
+	return useCall<{ upcoming: TeamEvent[]; past: TeamEvent[] }, { team: string }>({
+		url: "/api/v2/method/buzz.api.teams.get_team_events",
+		params: () => ({ team: team() }),
+		refetch: true,
+	})
+}
+
 export const createEvent = useCall<
 	{ name: string; title: string },
 	{ event: Record<string, unknown> }
diff --git a/dashboard/src/islands/mount.ts b/dashboard/src/islands/mount.ts
index d35ebc54..f2b0285d 100644
--- a/dashboard/src/islands/mount.ts
+++ b/dashboard/src/islands/mount.ts
@@ -1,4 +1,4 @@
-import { portalTargetKey } from "frappe-ui"
+import { FrappeUIProvider, portalTargetKey } from "frappe-ui"
 import { type Component, createApp, h, type Ref, ref } from "vue"
 
 import "./islands.css"
@@ -7,7 +7,9 @@ import { translate } from "./translate"
 type Loader = () => Promise<{ default: Component }>
 
 // Each island's name, as a page's data-island names it, to its component.
-const ISLANDS: Record<string, Loader> = {}
+const ISLANDS: Record<string, Loader> = {
+	"add-event": () => import("@/components/dashboard/teams/AddEventMenu.vue"),
+}
 
 const opened = new Map<HTMLElement, Ref<boolean>>()
 
@@ -17,6 +19,18 @@ function shareCsrfToken() {
 	page.csrf_token ||= page.frappe?.csrf_token
 }
 
+let hasToasts = false
+
+// Apart from the island, so an inline one adds nothing to the layout around its trigger;
+// toasts are module state, so any island's toast() lands here.
+function mountToasts(root: HTMLElement) {
+	if (hasToasts) return
+	hasToasts = true
+	createApp({ render: () => h(FrappeUIProvider) }).mount(
+		root.appendChild(document.createElement("div")),
+	)
+}
+
 function createRoot(): HTMLElement {
 	const root = document.createElement("div")
 	root.className = "buzz-island"
@@ -31,21 +45,34 @@ export async function openIsland(trigger: HTMLElement) {
 	const loader = ISLANDS[trigger.dataset.island || ""]
 	if (!loader) return
 	shareCsrfToken()
+	// Components call __ in <script> too, where globalProperties do not reach.
+	window.__ = translate
 	const component = (await loader()).default
 	const open = ref(true)
 	opened.set(trigger, open)
 
 	const props = JSON.parse(trigger.dataset.props || "{}")
 	const root = createRoot()
+	// An inline island, such as a menu, takes the trigger's place; any other mounts at the end
+	// of the page. Popups render into the root either way.
+	const target = document.createElement("div")
+	// Unscoped, so the page's own styles still reach what sits in the trigger's place.
+	if ("islandInline" in trigger.dataset) {
+		target.style.display = "contents"
+		trigger.replaceWith(target)
+	} else root.append(target)
 	const app = createApp({
+		// An island that changed the page's data reloads it.
 		render: () =>
 			h(component, {
 				...props,
 				open: open.value,
 				"onUpdate:open": (value: boolean) => (open.value = value),
+				onAdded: () => window.location.reload(),
 			}),
 	})
 	app.config.globalProperties.__ = translate
 	app.provide(portalTargetKey, root)
-	app.mount(root.appendChild(document.createElement("div")))
+	app.mount(target)
+	mountToasts(root)
 }
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index 99f946d9..89b2c7ca 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -8,13 +8,14 @@ import CreateEventHeader from "@/components/dashboard/CreateEventHeader.vue"
 import EventCard from "@/components/dashboard/events/EventCard.vue"
 import EventDrawer from "@/components/dashboard/events/EventDrawer.vue"
 import FloatingCreateEventButton from "@/components/dashboard/FloatingCreateEventButton.vue"
+import AddEventMenu from "@/components/dashboard/teams/AddEventMenu.vue"
 import PendingSubmissions from "@/components/dashboard/teams/PendingSubmissions.vue"
 import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
 import TimelineList from "@/components/dashboard/TimelineList.vue"
 import { useDrawerSelection } from "@/composables/useDrawerSelection"
 import { useIsMobile } from "@/composables/useIsMobile"
 import { finishOpening } from "@/composables/useWorkspaceOpening"
-import { useMyEvents } from "@/data/events"
+import { useMyEvents, useTeamEvents } from "@/data/events"
 import { teams } from "@/data/teams"
 import type { MyEvent } from "@/types"
 import { groupEventsByMonth } from "@/utils/eventGroups"
@@ -28,7 +29,8 @@ const route = useRoute()
 const isMobile = useIsMobile()
 
 const team = computed(() => route.params.teamId as string | undefined)
-const myEvents = useMyEvents((): Record<string, string> => (team.value ? { team: team.value } : {}))
+// A team's calendar also lists the events its community approved, which the personal feed leaves out.
+const myEvents = team.value ? useTeamEvents(() => team.value as string) : useMyEvents()
 const canReview = computed(() =>
 	canEditPublicPage(teams.value.find((option) => option.name === team.value)?.team_role),
 )
@@ -115,7 +117,10 @@ const emptyDescription = computed(() =>
 			<PendingSubmissions :community="team" :can-review="canReview" @changed="myEvents.reload()" />
 		</template>
 		<template v-if="team" #heading>
-			<h2 class="hidden text-2xl font-semibold text-ink-gray-9 md:block">{{ __("Events") }}</h2>
+			<div class="hidden items-center gap-2 md:flex">
+				<h2 class="text-2xl font-semibold text-ink-gray-9">{{ __("Events") }}</h2>
+				<AddEventMenu v-if="canReview" :community="team" can-review @added="myEvents.reload()" />
+			</div>
 		</template>
 		<template #empty-state>
 			<EmptyState :title="`No ${tab} events`" :description="emptyDescription" icon="lucide-ghost" />
diff --git a/dashboard/src/pages/manage/events/CreateEvent.vue b/dashboard/src/pages/manage/events/CreateEvent.vue
index 416c96ca..830e75b8 100644
--- a/dashboard/src/pages/manage/events/CreateEvent.vue
+++ b/dashboard/src/pages/manage/events/CreateEvent.vue
@@ -10,7 +10,7 @@ import {
 } from "frappe-ui"
 import { Editor, EditorContent, EditorFixedMenu } from "frappe-ui/editor"
 import { computed, onBeforeUnmount, onMounted, ref } from "vue"
-import { onBeforeRouteLeave, useRouter } from "vue-router"
+import { onBeforeRouteLeave, useRoute, useRouter } from "vue-router"
 
 import ProgressStatus from "@/components/common/ProgressStatus.vue"
 import EventBanner from "@/components/dashboard/events/EventBanner.vue"
@@ -22,6 +22,7 @@ import { currentTeam } from "@/data/teams"
 import { defaultSchedule } from "@/utils/eventDates"
 import type { ChecklistItem } from "@/utils/eventValidation"
 import { eventDraftChecklist, isDraftComplete } from "@/utils/eventValidation"
+import { resolveLoginRedirect } from "@/utils/loginRedirect"
 import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 import { serverErrorMessage } from "@/utils/serverError"
 import { canCreateEvents } from "@/utils/teamRoles"
@@ -29,6 +30,7 @@ import { currentTimeZone } from "@/utils/timeZones"
 
 const MANAGER_REQUIRED = "Ask an admin to make you a Manager to create events."
 
+const route = useRoute()
 const router = useRouter()
 
 const isMobile = useIsMobile()
@@ -94,7 +96,12 @@ const CREATION_STEPS = [
 	"Booking the venue",
 	"Opening the guest list",
 ]
-const FINAL_STEP = "Opening event page"
+// The page that sent us here, such as a community calendar, gets the organiser back.
+const redirectTo = computed(() => {
+	const target = route.query["redirect-to"]
+	return typeof target === "string" ? target : ""
+})
+const finalStep = computed(() => (redirectTo.value ? "Taking you back" : "Opening event page"))
 const FAILED_STEP = "Failed to create event"
 const STEP_DURATION = 600
 
@@ -198,13 +205,21 @@ async function save() {
 		return
 	}
 
-	step.value = FINAL_STEP
+	step.value = finalStep.value
 	toast.success(`${createEvent.data?.title} created`)
 	await wait(STEP_DURATION)
 	// Someone who walked off mid-save meant it; the toast already says the event exists.
 	if (router.currentRoute.value.name !== "create-event") return
+	if (redirectTo.value) return goBack(redirectTo.value)
 	router.push({ name: "event-details", params: { eventId: createEvent.data?.name } })
 }
+
+// A dashboard page stays in the SPA; a public page, such as a community's, is a full load.
+function goBack(path: string) {
+	const base = router.options.history.base
+	if (path.startsWith(`${base}/`)) return router.push(path.slice(base.length))
+	window.location.assign(resolveLoginRedirect(path, window.location.origin))
+}
 </script>
 
 <template>
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index a45d5cfb..5203b030 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -243,6 +243,13 @@ export interface BookingSummary {
 	total_amount: number
 }
 
+/** buzz.api.teams.get_team_events: a calendar row, the team's own or one its community approved. */
+export interface TeamEvent extends MyEvent {
+	is_community_request: boolean
+	is_external: boolean
+	event_url: string | null
+}
+
 export interface MyEvents {
 	upcoming: MyEvent[]
 	past: MyEvent[]
diff --git a/dashboard/tailwind.islands.config.js b/dashboard/tailwind.islands.config.js
index b9a37037..bcd84198 100644
--- a/dashboard/tailwind.islands.config.js
+++ b/dashboard/tailwind.islands.config.js
@@ -14,6 +14,9 @@ export default {
 	darkMode: ["selector", '[data-mode="dark"]'],
 	content: [
 		"./src/islands/**/*.{vue,ts}",
+		"./src/components/dashboard/teams/{AddEventMenu,AddEventDialog,ExistingEventForm,ExternalEventForm}.vue",
+		"./src/components/dashboard/teams/addEventOptions.ts",
+		"./node_modules/frappe-ui/src/components/{Button,Dialog,Dropdown,FormControl,TextInput,Combobox,DatePicker,ErrorMessage,Toast,Popover,shared}/**/*.{vue,ts}",
 		// Add each dashboard component an island imports, and the frappe-ui component folders
 		// it uses, e.g. "./node_modules/frappe-ui/src/components/{Button,Dialog}/**/*.{vue,ts}".
 	],

From aa89bcbe2444035549dec4442f830f318bca2fab Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 11:57:37 +0530
Subject: [PATCH 14/27] fix(islands): read the vite manifest with get_file_json

Frappe's semgrep file-traversal rule blocks a raw open() in app code.
The manifest path is a constant, so frappe.utils.get_file_json reads it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/islands.py | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/buzz/islands.py b/buzz/islands.py
index 93bdfd00..09610001 100644
--- a/buzz/islands.py
+++ b/buzz/islands.py
@@ -1,6 +1,5 @@
-import json
-
 import frappe
+from frappe.utils import get_file_json
 
 MANIFEST = "public/islands/.vite/manifest.json"
 ENTRY = "src/islands/main.ts"
@@ -11,9 +10,8 @@ def island_script() -> str | None:
 
 	None before `yarn build:islands` has run: an empty src would load the page itself.
 	"""
-	path = frappe.get_app_path("buzz", MANIFEST)
 	try:
-		with open(path) as manifest:
-			return f"/assets/buzz/islands/{json.load(manifest)[ENTRY]['file']}"
+		manifest = get_file_json(frappe.get_app_path("buzz", MANIFEST))
+		return f"/assets/buzz/islands/{manifest[ENTRY]['file']}"
 	except (FileNotFoundError, KeyError):
 		return None

From 26e3f95dba19a778c87c2d6270b5754332ddab87 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 11:57:37 +0530
Subject: [PATCH 15/27] fix(dashboard): render the event card overlay as a
 native button

A dynamic <component is="button"> resolves to frappe-ui's globally
registered Button, so the full-card overlay rendered as a grey 28px pill
over the top of every card. Use static <a> and <button> tags instead.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../components/dashboard/events/EventCard.vue | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/components/dashboard/events/EventCard.vue b/dashboard/src/components/dashboard/events/EventCard.vue
index aaeebff1..6a5f5577 100644
--- a/dashboard/src/components/dashboard/events/EventCard.vue
+++ b/dashboard/src/components/dashboard/events/EventCard.vue
@@ -55,20 +55,22 @@ const venue = computed(() => {
 	>
 		<!-- Overlay rather than a wrapper: Manage cannot legally nest inside a button.
 		     It sits above the overlay, so both targets work and both are focusable. -->
-		<component
-			:is="externalUrl ? 'a' : 'button'"
-			v-bind="
-				externalUrl
-					? {
-							href: externalUrl,
-							target: '_blank',
-							rel: 'noopener',
-							'aria-label': `Open ${event.title} in a new tab`,
-						}
-					: { type: 'button', 'aria-label': `Open ${event.title}`, onClick: () => emit('open') }
-			"
+		<!-- Static tags: a dynamic `is="button"` resolves to frappe-ui's global Button. -->
+		<a
+			v-if="externalUrl"
+			:href="externalUrl"
+			target="_blank"
+			rel="noopener"
+			:aria-label="`Open ${event.title} in a new tab`"
 			class="event-card-overlay absolute inset-0 rounded-8 focus-visible:outline focus-visible:outline-2 focus-visible:outline-outline-gray-3"
 		/>
+		<button
+			v-else
+			type="button"
+			:aria-label="`Open ${event.title}`"
+			class="event-card-overlay absolute inset-0 rounded-8 focus-visible:outline focus-visible:outline-2 focus-visible:outline-outline-gray-3"
+			@click="emit('open')"
+		/>
 
 		<!-- The pattern also backs the image, so the slot is never blank while it loads. -->
 		<img

From 1eeab29fc259025a1dcfe3807b25f3469856ece0 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:16:40 +0530
Subject: [PATCH 16/27] feat(dashboard): put Add Event beside the Upcoming/Past
 toggle

TimelineList gets an actions slot after the tabs, and the community
calendar fills it with the Add Event menu.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/dashboard/TimelineList.vue   | 17 ++++++++++-------
 dashboard/src/pages/manage/MyEvents.vue         |  8 ++++----
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/dashboard/src/components/dashboard/TimelineList.vue b/dashboard/src/components/dashboard/TimelineList.vue
index fd40860f..b0c38d4a 100644
--- a/dashboard/src/components/dashboard/TimelineList.vue
+++ b/dashboard/src/components/dashboard/TimelineList.vue
@@ -40,13 +40,16 @@ const tabOptions = [
 				</div>
 				<p class="text-p-base" v-if="description">{{ description }}</p>
 			</div>
-			<TabButtons
-				v-model="tab"
-				class="max-md:w-full"
-				:options="tabOptions"
-				size="md"
-				:fluid="isMobile"
-			/>
+			<div class="flex items-center gap-2 max-md:w-full">
+				<TabButtons
+					v-model="tab"
+					class="max-md:w-full"
+					:options="tabOptions"
+					size="md"
+					:fluid="isMobile"
+				/>
+				<slot name="actions" />
+			</div>
 		</header>
 
 		<div v-if="$slots.controls" class="flex items-center justify-between gap-4">
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index 89b2c7ca..512bb64b 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -117,10 +117,10 @@ const emptyDescription = computed(() =>
 			<PendingSubmissions :community="team" :can-review="canReview" @changed="myEvents.reload()" />
 		</template>
 		<template v-if="team" #heading>
-			<div class="hidden items-center gap-2 md:flex">
-				<h2 class="text-2xl font-semibold text-ink-gray-9">{{ __("Events") }}</h2>
-				<AddEventMenu v-if="canReview" :community="team" can-review @added="myEvents.reload()" />
-			</div>
+			<h2 class="hidden text-2xl font-semibold text-ink-gray-9 md:block">{{ __("Events") }}</h2>
+		</template>
+		<template v-if="team && canReview && !isMobile" #actions>
+			<AddEventMenu :community="team" can-review @added="myEvents.reload()" />
 		</template>
 		<template #empty-state>
 			<EmptyState :title="`No ${tab} events`" :description="emptyDescription" icon="lucide-ghost" />

From 0fe29fc9480bcec69a7cf81c4330dadf174f6a3a Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:16:46 +0530
Subject: [PATCH 17/27] feat(teams): pending approvals as a compact list,
 newest submission first

Pending submissions render as one bordered list instead of a stack of
cards. Each row shows the event's banner, or a link tile for an external
event with an External badge and its domain, and the submitter with how
long ago they submitted. Approve and Remove are tinted icon buttons.
A Buzz event opens in the event drawer; an external one opens its link.

get_requests now returns each request's creation and the event's banner,
and lists pending requests newest first.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/api/communities/queries.py               |   2 +
 buzz/api/communities/reviews.py               |   6 +-
 buzz/api/communities/schemas.py               |   2 +
 buzz/api/communities/test_communities.py      |  12 +++
 dashboard/components.d.ts                     |   1 +
 .../dashboard/teams/PendingSubmission.vue     | 102 +++++++++---------
 .../dashboard/teams/PendingSubmissions.vue    |  61 +++++++----
 .../dashboard/teams/SubmissionThumbnail.vue   |  29 +++++
 dashboard/src/types.ts                        |   2 +
 9 files changed, 146 insertions(+), 71 deletions(-)
 create mode 100644 dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue

diff --git a/buzz/api/communities/queries.py b/buzz/api/communities/queries.py
index e298a04d..9c4c430b 100644
--- a/buzz/api/communities/queries.py
+++ b/buzz/api/communities/queries.py
@@ -36,6 +36,7 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 		.on(venue.name == event.venue)
 		.select(
 			request.name,
+			request.creation,
 			request.event,
 			request.event_title,
 			request.is_external_event,
@@ -47,6 +48,7 @@ def request_rows(**conditions) -> list[CommunityRequest]:
 			event.start_date,
 			event.start_time,
 			event.medium,
+			event.banner_image,
 			venue.venue_name,
 			request.event_team,
 			event_team.team_name.as_("event_team_name"),
diff --git a/buzz/api/communities/reviews.py b/buzz/api/communities/reviews.py
index 2986d2ef..a3a123e3 100644
--- a/buzz/api/communities/reviews.py
+++ b/buzz/api/communities/reviews.py
@@ -25,7 +25,11 @@ def from_request(cls, request: str) -> tuple["CommunityReview", "frappe.model.do
 
 	def queue(self) -> CommunityQueue:
 		return CommunityQueue(
-			pending=request_rows(community=self.community, status="Pending"),
+			pending=sorted(
+				request_rows(community=self.community, status="Pending"),
+				key=lambda row: row.creation,
+				reverse=True,
+			),
 			approved=request_rows(community=self.community, status="Approved"),
 		)
 
diff --git a/buzz/api/communities/schemas.py b/buzz/api/communities/schemas.py
index 1dd634ea..e42942e3 100644
--- a/buzz/api/communities/schemas.py
+++ b/buzz/api/communities/schemas.py
@@ -18,6 +18,7 @@ class EventOption(APIResponse):
 
 class CommunityRequest(APIResponse):
 	name: str
+	creation: datetime
 	# Unset for an external event, which lives on another platform at `event_url`.
 	event: str | None
 	is_external_event: bool
@@ -28,6 +29,7 @@ class CommunityRequest(APIResponse):
 	start_time: timedelta | None
 	# The venue, "Online", or for an external event its location.
 	place: str | None
+	banner_image: str | None
 	event_team: str | None
 	# The event's team, or for an external event its host.
 	event_team_name: str | None
diff --git a/buzz/api/communities/test_communities.py b/buzz/api/communities/test_communities.py
index 1a5033f5..2e79163b 100644
--- a/buzz/api/communities/test_communities.py
+++ b/buzz/api/communities/test_communities.py
@@ -226,6 +226,18 @@ def test_a_curator_adds_an_event_directly(self):
 		self.assertEqual([request.event for request in queue.approved], [self.event])
 		self.assertEqual(queue.pending, [])
 
+	def test_pending_requests_list_the_newest_submission_first(self):
+		# The older submission starts sooner, so start-date order would list it first.
+		sooner = add_days(today(), 5)
+		older = self.submit(self.create_event("Older", start_date=sooner, end_date=sooner))
+		newer = self.submit()
+		frappe.db.set_value("Community Event Request", older, "creation", "2026-01-01 09:00:00")
+		frappe.set_user(self.curator)
+
+		pending = [row.name for row in get_requests(self.community).pending]
+
+		self.assertLess(pending.index(newer), pending.index(older))
+
 	def test_a_curator_finds_an_event_by_its_link(self):
 		route = frappe.db.get_value("Buzz Event", self.event, "route")
 		frappe.set_user(self.curator)
diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index 8c1be927..242c6433 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -140,6 +140,7 @@ declare module 'vue' {
     SponsorDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorDrawer.vue')['default']
     SponsorshipDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorshipDrawer.vue')['default']
     SponsorshipPaymentDialog: typeof import('./src/components/SponsorshipPaymentDialog.vue')['default']
+    SubmissionThumbnail: typeof import('./src/components/dashboard/teams/SubmissionThumbnail.vue')['default']
     SuccessMessage: typeof import('./src/components/SuccessMessage.vue')['default']
     TaxSettings: typeof import('./src/components/dashboard/ticket-types/TaxSettings.vue')['default']
     TeamCard: typeof import('./src/components/dashboard/teams/TeamCard.vue')['default']
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
index 90dd6682..2ae0507f 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmission.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import { Button, dayjs, toast } from "frappe-ui"
+import { Badge, Button, Tooltip, dayjs, toast } from "frappe-ui"
 import { computed } from "vue"
 
+import SubmissionThumbnail from "@/components/dashboard/teams/SubmissionThumbnail.vue"
 import { useReviewAction } from "@/data/communities"
 import type { CommunityRequest } from "@/types"
-import { eventUrl } from "@/utils/eventUrl"
 import { serverErrorMessage } from "@/utils/serverError"
 
 const props = defineProps<{ request: CommunityRequest }>()
-const emit = defineEmits<{ changed: [] }>()
+const emit = defineEmits<{ changed: []; open: [] }>()
 
 const approve = useReviewAction("approve_request")
 const reject = useReviewAction("reject_request")
@@ -19,15 +19,13 @@ const when = computed(() => {
 	// The server sends a time as "9:30:00", without a leading zero.
 	return start_time ? `${date}, ${dayjs(`2000-01-01 ${start_time}`).format("HH:mm")}` : date
 })
-// A Buzz event opens its own page; an external one, the platform it lives on.
-const link = computed(() =>
-	props.request.event_route ? eventUrl(props.request.event_route) : props.request.event_url,
-)
-const submitter = computed(() => {
-	const { submitter_name, submitted_by } = props.request
-	return submitter_name && submitter_name !== submitted_by
-		? `${submitter_name} (${submitted_by})`
-		: submitted_by
+
+const details = computed(() => {
+	const { place, event_team_name, event_url, is_external_event } = props.request
+	const host = event_team_name && `by ${event_team_name}`
+	const site =
+		is_external_event && event_url && `(${new URL(event_url).hostname.replace(/^www\./, "")})`
+	return [when.value, place, [host, site].filter(Boolean).join(" ")].filter(Boolean).join(" · ")
 })
 
 async function review(action: ReturnType<typeof useReviewAction>, done: string) {
@@ -40,46 +38,52 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 </script>
 
 <template>
-	<li class="flex items-start gap-4 rounded-6 border border-outline-gray-2 p-4">
-		<div class="min-w-0 flex-1 space-y-1">
-			<component
-				:is="link ? 'a' : 'span'"
-				:href="link || undefined"
-				:target="link ? '_blank' : undefined"
-				rel="noopener"
-				class="flex items-center gap-1.5 text-lg font-semibold text-ink-gray-9"
-				:class="{ 'hover:underline': link }"
-			>
+	<li class="relative flex items-center gap-3 bg-surface-base px-4 py-3 hover:bg-surface-gray-1">
+		<!-- Overlay, so the row opens the event while the actions above it stay buttons. -->
+		<button
+			type="button"
+			class="absolute inset-0 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-outline-gray-3"
+			:aria-label="__('Open {0}', [request.event_title])"
+			@click="emit('open')"
+		/>
+		<SubmissionThumbnail :request="request" />
+
+		<div class="min-w-0 flex-1 space-y-0.5">
+			<p class="flex items-center gap-1.5 text-base font-medium text-ink-gray-8">
 				<span class="truncate">{{ request.event_title }}</span>
-				<span
-					v-if="link"
-					class="lucide-square-arrow-out-up-right size-4 shrink-0 text-ink-gray-5"
-				/>
-			</component>
-			<p class="text-base text-ink-gray-6">
-				{{ [when, request.place].filter(Boolean).join(" · ") }}
-			</p>
-			<p v-if="submitter" class="text-sm text-ink-gray-5">
-				{{ __("Submitted by {0}", [submitter]) }}
+				<Badge v-if="request.is_external_event" size="sm" :label="__('External')" />
 			</p>
+			<p class="truncate text-sm text-ink-gray-5">{{ details }}</p>
 		</div>
-		<div class="flex shrink-0 gap-2">
-			<Button
-				variant="ghost"
-				icon-left="lucide-x"
-				:label="__('Remove')"
-				:loading="reject.loading"
-				:disabled="approve.loading"
-				@click="review(reject, __('Submission removed'))"
-			/>
-			<Button
-				variant="subtle"
-				icon-left="lucide-check"
-				:label="__('Approve')"
-				:loading="approve.loading"
-				:disabled="reject.loading"
-				@click="review(approve, __('Event added to your calendar'))"
-			/>
+
+		<div class="hidden shrink-0 text-right text-sm lg:block">
+			<p class="text-ink-gray-7">{{ request.submitter_name || request.submitted_by }}</p>
+			<p class="text-ink-gray-5">{{ dayjs(request.creation).fromNow() }}</p>
+		</div>
+
+		<div class="relative z-10 flex shrink-0 gap-1.5">
+			<Tooltip :text="__('Remove')">
+				<Button
+					theme="red"
+					variant="subtle"
+					icon="lucide-x"
+					:aria-label="__('Remove {0}', [request.event_title])"
+					:loading="reject.loading"
+					:disabled="approve.loading"
+					@click="review(reject, __('Submission removed'))"
+				/>
+			</Tooltip>
+			<Tooltip :text="__('Approve')">
+				<Button
+					theme="green"
+					variant="subtle"
+					icon="lucide-check"
+					:aria-label="__('Approve {0}', [request.event_title])"
+					:loading="approve.loading"
+					:disabled="reject.loading"
+					@click="review(approve, __('Event added to your calendar'))"
+				/>
+			</Tooltip>
 		</div>
 	</li>
 </template>
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
index 4b952939..665bc904 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
@@ -2,8 +2,10 @@
 import { Badge, useCall } from "frappe-ui"
 import { computed, watch } from "vue"
 
+import EventDrawer from "@/components/dashboard/events/EventDrawer.vue"
 import PendingSubmission from "@/components/dashboard/teams/PendingSubmission.vue"
-import type { CommunityQueue } from "@/types"
+import { useDrawerSelection } from "@/composables/useDrawerSelection"
+import type { CommunityQueue, CommunityRequest, MyEvent } from "@/types"
 
 const props = defineProps<{ community: string; canReview: boolean }>()
 const emit = defineEmits<{ changed: [] }>()
@@ -22,6 +24,31 @@ watch(
 
 const pending = computed(() => queue.data?.pending ?? [])
 
+const drawer = useDrawerSelection<MyEvent>()
+
+// A Buzz event opens in the drawer; an external one, on the platform it lives on.
+function open(request: CommunityRequest) {
+	if (request.is_external_event) return window.open(request.event_url || "", "_blank", "noopener")
+	drawer.show({
+		name: request.event || request.name,
+		title: request.event_title,
+		route: request.event_route,
+		start_date: request.start_date,
+		end_date: null,
+		start_time: request.start_time,
+		end_time: null,
+		venue: request.place,
+		medium: null,
+		banner_image: request.banner_image,
+		allow_editing_talks_after_acceptance: false,
+		is_host: false,
+		is_attendee: false,
+		team: request.event_team,
+		team_name: request.event_team_name,
+		team_logo: request.event_team_logo,
+	})
+}
+
 function reviewed() {
 	queue.reload()
 	emit("changed")
@@ -29,28 +56,28 @@ function reviewed() {
 </script>
 
 <template>
-	<section v-if="pending.length" class="space-y-4 border-b border-outline-gray-2 pb-8">
-		<div class="space-y-1">
+	<section v-if="pending.length" class="space-y-3 border-b border-outline-gray-2 pb-8">
+		<div class="flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1">
 			<h2 class="flex items-center gap-2 text-xl font-semibold text-ink-gray-9">
 				{{ __("Pending Approval") }}
 				<Badge :label="String(pending.length)" size="md" />
 			</h2>
-			<p class="text-p-base text-ink-gray-6">
-				{{
-					__(
-						"These events aren't on your calendar yet. They show up once you approve them, and we let the submitter know.",
-					)
-				}}
-			</p>
+			<p class="text-sm text-ink-gray-5">{{ __("Not on your calendar until approved") }}</p>
 		</div>
-		<TransitionGroup tag="ul" name="pending-row" class="relative space-y-3">
+		<TransitionGroup
+			tag="ul"
+			name="pending-row"
+			class="relative divide-y divide-outline-gray-1 overflow-hidden rounded-8 border border-outline-gray-2"
+		>
 			<PendingSubmission
 				v-for="request in pending"
 				:key="request.name"
 				:request="request"
 				@changed="reviewed"
+				@open="open(request)"
 			/>
 		</TransitionGroup>
+		<EventDrawer v-model:open="drawer.open.value" :event="drawer.selected.value" />
 	</section>
 </template>
 
@@ -59,14 +86,11 @@ function reviewed() {
 .pending-row-leave-active {
 	position: absolute;
 	inset-inline: 0;
-	transition:
-		opacity 150ms ease-out,
-		transform 150ms ease-out;
+	transition: opacity 150ms ease-out;
 }
 
 .pending-row-leave-to {
 	opacity: 0;
-	transform: scale(0.98);
 }
 
 .pending-row-move {
@@ -74,13 +98,8 @@ function reviewed() {
 }
 
 @media (prefers-reduced-motion: reduce) {
-	.pending-row-leave-active,
 	.pending-row-move {
-		transition: opacity 150ms ease-out;
-	}
-
-	.pending-row-leave-to {
-		transform: none;
+		transition: none;
 	}
 }
 </style>
diff --git a/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue b/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue
new file mode 100644
index 00000000..f1b36b48
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { bannerPattern } from "@public/js/event_banner"
+import { computed } from "vue"
+
+import type { CommunityRequest } from "@/types"
+
+// A Buzz event shows its banner; an external one, a link tile.
+const props = defineProps<{ request: CommunityRequest }>()
+
+const banner = computed(() => ({ backgroundImage: bannerPattern(props.request.event_title) }))
+</script>
+
+<template>
+	<span
+		v-if="request.is_external_event"
+		class="flex size-10 shrink-0 items-center justify-center rounded-4 border border-dashed border-outline-gray-3 bg-surface-gray-1 text-ink-gray-5"
+		aria-hidden="true"
+	>
+		<span class="lucide-link size-5" />
+	</span>
+	<img
+		v-else-if="request.banner_image"
+		class="size-10 shrink-0 rounded-4 object-cover object-top"
+		:src="request.banner_image"
+		:style="banner"
+		alt=""
+	/>
+	<span v-else class="size-10 shrink-0 rounded-4" :style="banner" aria-hidden="true" />
+</template>
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index 5203b030..fedafdb0 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -135,6 +135,7 @@ export interface TeamOption {
 // An event another team asked a community to list.
 export interface CommunityRequest {
 	name: string
+	creation: string
 	event: string | null
 	is_external_event: boolean
 	event_url: string | null
@@ -143,6 +144,7 @@ export interface CommunityRequest {
 	start_date: string
 	start_time: string | null
 	place: string | null
+	banner_image: string | null
 	event_team: string | null
 	event_team_name: string | null
 	event_team_logo: string | null

From 9d013aa6511674c30c424453494d00d50a479493 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:28:17 +0530
Subject: [PATCH 18/27] fix(teams): bound external event fields to what the
 request stores

A shared event link with tracking parameters runs past 140 characters,
so event_url now holds 500. Name, host and location stay at 140, and
the API and the form both refuse longer values instead of failing on
the database write.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/api/communities/schemas.py                  | 16 ++++++++++++----
 buzz/api/communities/test_communities.py         | 11 +++++++++++
 .../community_event_request.json                 |  3 ++-
 .../dashboard/teams/ExternalEventForm.vue        |  5 +++--
 4 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/buzz/api/communities/schemas.py b/buzz/api/communities/schemas.py
index e42942e3..640dd2e8 100644
--- a/buzz/api/communities/schemas.py
+++ b/buzz/api/communities/schemas.py
@@ -1,4 +1,7 @@
 from datetime import date, datetime, timedelta
+from typing import Annotated
+
+from pydantic import Field
 
 from buzz.api.schemas import APIRequest, APIResponse
 
@@ -53,13 +56,18 @@ class CommunityQueue(APIResponse):
 	approved: list[CommunityRequest]
 
 
+# Data columns hold 140 characters; a shared link with tracking parameters runs longer.
+Text140 = Annotated[str, Field(max_length=140)]
+Url = Annotated[str, Field(max_length=500)]
+
+
 class ExternalEvent(APIRequest):
 	"""An event hosted on another platform, such as Luma or KonfHub."""
 
-	event_title: str
-	host: str
-	event_location: str
+	event_title: Text140
+	host: Text140
+	event_location: Text140
 	google_place_id: str | None = None
 	start_datetime: datetime
 	end_datetime: datetime
-	event_url: str
+	event_url: Url
diff --git a/buzz/api/communities/test_communities.py b/buzz/api/communities/test_communities.py
index 2e79163b..4fbb60bc 100644
--- a/buzz/api/communities/test_communities.py
+++ b/buzz/api/communities/test_communities.py
@@ -266,6 +266,17 @@ def test_an_external_event_link_must_be_http(self):
 				self.community, self.external_event() | {"event_url": "javascript:alert(1)"}
 			)
 
+	def test_an_external_event_keeps_a_long_tracking_link_but_not_a_long_name(self):
+		frappe.set_user(self.viewer)
+		link = "https://lu.ma/rust?" + "utm_source=newsletter&utm_campaign=october-community-roundup&" * 4
+
+		# Rollback is per class, so this goes to the other community and stays out of its tests.
+		submit_external_event(self.other_community, self.external_event() | {"event_url": link})
+
+		self.assertTrue(frappe.db.exists("Community Event Request", {"event_url": link}))
+		with self.assertRaises(frappe.FrappeTypeError):
+			submit_external_event(self.other_community, self.external_event() | {"event_title": "Rust " * 30})
+
 	def test_a_curator_adds_an_external_event(self):
 		event = {
 			"event_title": "Rust Meetup",
diff --git a/buzz/events/doctype/community_event_request/community_event_request.json b/buzz/events/doctype/community_event_request/community_event_request.json
index 6b849fd1..1fc60616 100644
--- a/buzz/events/doctype/community_event_request/community_event_request.json
+++ b/buzz/events/doctype/community_event_request/community_event_request.json
@@ -66,6 +66,7 @@
   },
   {
    "fieldname": "event_url",
+   "length": 500,
    "fieldtype": "Data",
    "label": "Event URL",
    "options": "URL",
@@ -188,7 +189,7 @@
  "grid_page_length": 50,
  "index_web_pages_for_search": 1,
  "links": [],
- "modified": "2026-10-09 04:00:00.000000",
+ "modified": "2026-10-09 12:00:00.000000",
  "modified_by": "Administrator",
  "module": "Events",
  "name": "Community Event Request",
diff --git a/dashboard/src/components/dashboard/teams/ExternalEventForm.vue b/dashboard/src/components/dashboard/teams/ExternalEventForm.vue
index a1a46450..c3d7b0a0 100644
--- a/dashboard/src/components/dashboard/teams/ExternalEventForm.vue
+++ b/dashboard/src/components/dashboard/teams/ExternalEventForm.vue
@@ -79,10 +79,11 @@ async function submit() {
 			type="url"
 			:label="__('Event link')"
 			placeholder="https://lu.ma/some-event"
+			maxlength="500"
 			required
 			autofocus
 		/>
-		<FormControl v-model="event.event_title" :label="__('Event name')" required />
+		<FormControl v-model="event.event_title" :label="__('Event name')" maxlength="140" required />
 		<Combobox
 			v-model:query="locationQuery"
 			v-model:open="isLocationOpen"
@@ -95,7 +96,7 @@ async function submit() {
 			:placeholder="event.event_location || __('Search for a place')"
 			@update:model-value="selectPlace"
 		/>
-		<FormControl v-model="event.host" :label="__('Hosted by')" required />
+		<FormControl v-model="event.host" :label="__('Hosted by')" maxlength="140" required />
 		<div class="grid grid-cols-2 gap-3">
 			<DateTimePicker
 				v-model="event.start_datetime"

From 7cd5d54828ee25b307f8084fec6f303267eac12c Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:28:18 +0530
Subject: [PATCH 19/27] fix(dashboard): hold the community calendar up under
 long and large data

- Pending rows clamp the title to two lines, cap the submitter column
  and carry the submitter on narrow screens, with full values on hover.
- A pending list scrolls in its own box and renders more rows as it
  scrolls; the calendar loads more events on scroll instead of Show more.
- A missing banner falls back to the pattern; tap targets grow on mobile.
- The floating button sits above list actions, and for organisers it
  opens the Add Event menu.
- Event cards hyphenate long titles and clamp the venue on mobile.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../dashboard/FloatingCreateEventButton.vue   | 10 ++++--
 .../components/dashboard/events/EventCard.vue |  6 ++--
 .../dashboard/teams/AddEventMenu.vue          | 24 +++++++-------
 .../dashboard/teams/PendingSubmission.vue     | 33 +++++++++++++++----
 .../dashboard/teams/PendingSubmissions.vue    | 33 +++++++++++--------
 .../dashboard/teams/SubmissionThumbnail.vue   |  7 ++--
 .../src/composables/useRevealOnScroll.ts      | 26 +++++++++++++++
 dashboard/src/pages/manage/MyEvents.vue       | 32 +++++++++---------
 8 files changed, 116 insertions(+), 55 deletions(-)
 create mode 100644 dashboard/src/composables/useRevealOnScroll.ts

diff --git a/dashboard/src/components/dashboard/FloatingCreateEventButton.vue b/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
index 6a10b6a1..fee9beec 100644
--- a/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
+++ b/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
 import { Button } from "frappe-ui"
+
+// As a menu trigger it opens the menu around it instead of the create page.
+defineProps<{ menuTrigger?: boolean }>()
 </script>
 
 <template>
+	<!-- z-20 keeps it above list rows whose actions sit at z-10. -->
 	<Button
-		class="fixed bottom-20 right-4 z-10 shadow-lg transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] active:scale-[0.97] motion-reduce:transition-none"
+		class="fixed bottom-20 right-4 z-20 shadow-lg transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] active:scale-[0.97] motion-reduce:transition-none"
 		variant="solid"
 		size="lg"
 		icon-left="lucide-plus"
-		label="Create Event"
-		:route="{ name: 'create-event' }"
+		:label="menuTrigger ? __('Add Event') : __('Create Event')"
+		:route="menuTrigger ? undefined : { name: 'create-event' }"
 	/>
 </template>
diff --git a/dashboard/src/components/dashboard/events/EventCard.vue b/dashboard/src/components/dashboard/events/EventCard.vue
index 6a5f5577..5dcf19ec 100644
--- a/dashboard/src/components/dashboard/events/EventCard.vue
+++ b/dashboard/src/components/dashboard/events/EventCard.vue
@@ -96,7 +96,7 @@ const venue = computed(() => {
 				</p>
 
 				<h3
-					class="font-semibold text-lg text-ink-gray-8 [overflow-wrap:anywhere] max-md:line-clamp-3"
+					class="font-semibold text-lg text-ink-gray-8 hyphens-auto [overflow-wrap:anywhere] max-md:line-clamp-3"
 					:title="event.title"
 				>
 					{{ event.title }}
@@ -117,7 +117,9 @@ const venue = computed(() => {
 						:class="[venue.icon, venue.tone]"
 						aria-hidden="true"
 					/>
-					<span class="min-w-0 [overflow-wrap:anywhere]">{{ venue.label }}</span>
+					<span class="min-w-0 [overflow-wrap:anywhere] max-md:line-clamp-2" :title="venue.label">
+						{{ venue.label }}
+					</span>
 				</p>
 			</div>
 
diff --git a/dashboard/src/components/dashboard/teams/AddEventMenu.vue b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
index 528738ba..7c553ef7 100644
--- a/dashboard/src/components/dashboard/teams/AddEventMenu.vue
+++ b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
@@ -29,17 +29,19 @@ const label = props.canReview ? __("Add Event") : __("Submit Event")
 
 <template>
 	<Dropdown v-model:open="isMenuOpen" :options="options">
-		<!-- The public page keeps its own espresso button, so the island swaps in unnoticed. -->
-		<button
-			v-if="isPublicPage"
-			type="button"
-			class="es-button team-event-action"
-			data-variant="subtle"
-			data-size="md"
-		>
-			<span class="icon lucide-plus" aria-hidden="true" />{{ label }}
-		</button>
-		<Button v-else variant="subtle" icon-left="lucide-plus" :label="label" />
+		<slot>
+			<!-- The public page keeps its own espresso button, so the island swaps in unnoticed. -->
+			<button
+				v-if="isPublicPage"
+				type="button"
+				class="es-button team-event-action"
+				data-variant="subtle"
+				data-size="md"
+			>
+				<span class="icon lucide-plus" aria-hidden="true" />{{ label }}
+			</button>
+			<Button v-else variant="subtle" icon-left="lucide-plus" :label="label" />
+		</slot>
 	</Dropdown>
 	<AddEventDialog
 		v-model:form-type="formType"
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
index 2ae0507f..d61cfb30 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmission.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -3,6 +3,7 @@ import { Badge, Button, Tooltip, dayjs, toast } from "frappe-ui"
 import { computed } from "vue"
 
 import SubmissionThumbnail from "@/components/dashboard/teams/SubmissionThumbnail.vue"
+import { useIsMobile } from "@/composables/useIsMobile"
 import { useReviewAction } from "@/data/communities"
 import type { CommunityRequest } from "@/types"
 import { serverErrorMessage } from "@/utils/serverError"
@@ -10,6 +11,8 @@ import { serverErrorMessage } from "@/utils/serverError"
 const props = defineProps<{ request: CommunityRequest }>()
 const emit = defineEmits<{ changed: []; open: [] }>()
 
+const isMobile = useIsMobile()
+
 const approve = useReviewAction("approve_request")
 const reject = useReviewAction("reject_request")
 
@@ -20,6 +23,9 @@ const when = computed(() => {
 	return start_time ? `${date}, ${dayjs(`2000-01-01 ${start_time}`).format("HH:mm")}` : date
 })
 
+const submitter = computed(() => props.request.submitter_name || props.request.submitted_by || "")
+const submittedAgo = computed(() => dayjs(props.request.creation).fromNow())
+
 const details = computed(() => {
 	const { place, event_team_name, event_url, is_external_event } = props.request
 	const host = event_team_name && `by ${event_team_name}`
@@ -49,16 +55,27 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 		<SubmissionThumbnail :request="request" />
 
 		<div class="min-w-0 flex-1 space-y-0.5">
-			<p class="flex items-center gap-1.5 text-base font-medium text-ink-gray-8">
-				<span class="truncate">{{ request.event_title }}</span>
-				<Badge v-if="request.is_external_event" size="sm" :label="__('External')" />
+			<p class="flex items-start gap-1.5 text-base font-medium text-ink-gray-8">
+				<span class="line-clamp-2 min-w-0 [overflow-wrap:anywhere]" :title="request.event_title">
+					{{ request.event_title }}
+				</span>
+				<Badge
+					v-if="request.is_external_event"
+					class="shrink-0"
+					size="sm"
+					:label="__('External')"
+				/>
+			</p>
+			<p class="truncate text-sm text-ink-gray-5" :title="details">{{ details }}</p>
+			<!-- Below lg the submitter column is gone, so the row carries it here. -->
+			<p class="truncate text-sm text-ink-gray-5 lg:hidden" :title="submitter">
+				{{ __("{0} · {1}", [submitter, submittedAgo]) }}
 			</p>
-			<p class="truncate text-sm text-ink-gray-5">{{ details }}</p>
 		</div>
 
-		<div class="hidden shrink-0 text-right text-sm lg:block">
-			<p class="text-ink-gray-7">{{ request.submitter_name || request.submitted_by }}</p>
-			<p class="text-ink-gray-5">{{ dayjs(request.creation).fromNow() }}</p>
+		<div class="hidden w-48 shrink-0 text-right text-sm lg:block">
+			<p class="truncate text-ink-gray-7" :title="submitter">{{ submitter }}</p>
+			<p class="text-ink-gray-5">{{ submittedAgo }}</p>
 		</div>
 
 		<div class="relative z-10 flex shrink-0 gap-1.5">
@@ -66,6 +83,7 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 				<Button
 					theme="red"
 					variant="subtle"
+					:size="isMobile ? 'lg' : 'md'"
 					icon="lucide-x"
 					:aria-label="__('Remove {0}', [request.event_title])"
 					:loading="reject.loading"
@@ -77,6 +95,7 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 				<Button
 					theme="green"
 					variant="subtle"
+					:size="isMobile ? 'lg' : 'md'"
 					icon="lucide-check"
 					:aria-label="__('Approve {0}', [request.event_title])"
 					:loading="approve.loading"
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
index 665bc904..6d0e126d 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { Badge, useCall } from "frappe-ui"
-import { computed, watch } from "vue"
+import { computed, ref, watch } from "vue"
 
 import EventDrawer from "@/components/dashboard/events/EventDrawer.vue"
 import PendingSubmission from "@/components/dashboard/teams/PendingSubmission.vue"
 import { useDrawerSelection } from "@/composables/useDrawerSelection"
+import { useRevealOnScroll } from "@/composables/useRevealOnScroll"
 import type { CommunityQueue, CommunityRequest, MyEvent } from "@/types"
 
 const props = defineProps<{ community: string; canReview: boolean }>()
@@ -24,6 +25,10 @@ watch(
 
 const pending = computed(() => queue.data?.pending ?? [])
 
+// A long queue scrolls in its own box, so the calendar below stays a scroll away.
+const list = ref<HTMLElement | null>(null)
+const { visible, sentinel } = useRevealOnScroll(() => pending.value, 10, list)
+
 const drawer = useDrawerSelection<MyEvent>()
 
 // A Buzz event opens in the drawer; an external one, on the platform it lives on.
@@ -64,19 +69,21 @@ function reviewed() {
 			</h2>
 			<p class="text-sm text-ink-gray-5">{{ __("Not on your calendar until approved") }}</p>
 		</div>
-		<TransitionGroup
-			tag="ul"
-			name="pending-row"
-			class="relative divide-y divide-outline-gray-1 overflow-hidden rounded-8 border border-outline-gray-2"
+		<div
+			ref="list"
+			class="max-h-[22rem] overflow-y-auto overscroll-contain rounded-8 border border-outline-gray-2"
 		>
-			<PendingSubmission
-				v-for="request in pending"
-				:key="request.name"
-				:request="request"
-				@changed="reviewed"
-				@open="open(request)"
-			/>
-		</TransitionGroup>
+			<TransitionGroup tag="ul" name="pending-row" class="relative divide-y divide-outline-gray-1">
+				<PendingSubmission
+					v-for="request in visible"
+					:key="request.name"
+					:request="request"
+					@changed="reviewed"
+					@open="open(request)"
+				/>
+			</TransitionGroup>
+			<div ref="sentinel" aria-hidden="true" />
+		</div>
 		<EventDrawer v-model:open="drawer.open.value" :event="drawer.selected.value" />
 	</section>
 </template>
diff --git a/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue b/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue
index f1b36b48..c792b3ab 100644
--- a/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue
+++ b/dashboard/src/components/dashboard/teams/SubmissionThumbnail.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { bannerPattern } from "@public/js/event_banner"
-import { computed } from "vue"
+import { computed, ref } from "vue"
 
 import type { CommunityRequest } from "@/types"
 
 // A Buzz event shows its banner; an external one, a link tile.
 const props = defineProps<{ request: CommunityRequest }>()
 
+const bannerFailed = ref(false)
+
 const banner = computed(() => ({ backgroundImage: bannerPattern(props.request.event_title) }))
 </script>
 
@@ -19,11 +21,12 @@ const banner = computed(() => ({ backgroundImage: bannerPattern(props.request.ev
 		<span class="lucide-link size-5" />
 	</span>
 	<img
-		v-else-if="request.banner_image"
+		v-else-if="request.banner_image && !bannerFailed"
 		class="size-10 shrink-0 rounded-4 object-cover object-top"
 		:src="request.banner_image"
 		:style="banner"
 		alt=""
+		@error="bannerFailed = true"
 	/>
 	<span v-else class="size-10 shrink-0 rounded-4" :style="banner" aria-hidden="true" />
 </template>
diff --git a/dashboard/src/composables/useRevealOnScroll.ts b/dashboard/src/composables/useRevealOnScroll.ts
new file mode 100644
index 00000000..5f55ba4f
--- /dev/null
+++ b/dashboard/src/composables/useRevealOnScroll.ts
@@ -0,0 +1,26 @@
+import { useIntersectionObserver } from "@vueuse/core"
+import { type Ref, computed, ref } from "vue"
+
+/** Renders a long, already-loaded list a page at a time as its foot scrolls into view. */
+export function useRevealOnScroll<T>(
+	items: () => T[],
+	pageSize: number,
+	root: Ref<HTMLElement | null> = ref<HTMLElement | null>(null),
+) {
+	const count = ref(pageSize)
+	const sentinel = ref<HTMLElement | null>(null)
+
+	useIntersectionObserver(
+		sentinel,
+		([entry]) => {
+			if (entry?.isIntersecting && count.value < items().length) count.value += pageSize
+		},
+		{ root, rootMargin: "200px" },
+	)
+
+	return {
+		visible: computed(() => items().slice(0, count.value)),
+		sentinel,
+		reset: () => (count.value = pageSize),
+	}
+}
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index 512bb64b..2f278bf4 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Alert, Button, dayjs } from "frappe-ui"
-import { computed, ref, watch } from "vue"
+import { Alert, dayjs } from "frappe-ui"
+import { computed, watch } from "vue"
 import { useRoute } from "vue-router"
 
 import EmptyState from "@/components/common/EmptyState.vue"
@@ -14,6 +14,7 @@ import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
 import TimelineList from "@/components/dashboard/TimelineList.vue"
 import { useDrawerSelection } from "@/composables/useDrawerSelection"
 import { useIsMobile } from "@/composables/useIsMobile"
+import { useRevealOnScroll } from "@/composables/useRevealOnScroll"
 import { finishOpening } from "@/composables/useWorkspaceOpening"
 import { useMyEvents, useTeamEvents } from "@/data/events"
 import { teams } from "@/data/teams"
@@ -45,25 +46,22 @@ watch(
 // The feed arrives already split, so the tab only picks a side.
 const events = computed(() => myEvents.data?.[tab.value] || [])
 
-// The feed is unpaginated, so a long history renders a page at a time.
-const PAGE_SIZE = 50
-const shownCount = ref(PAGE_SIZE)
-watch(tab, () => (shownCount.value = PAGE_SIZE))
+// The feed is unpaginated, so a long history renders a page at a time as it scrolls.
+const { visible, sentinel, reset } = useRevealOnScroll(() => events.value, 50)
+watch(tab, reset)
 
 // An event already under way is still on, so it sits under today, not its start date.
 const today = dayjs().format("YYYY-MM-DD")
 const fileUnder = (event: MyEvent) =>
 	tab.value === "upcoming" && event.start_date < today ? today : event.start_date
 
-const months = computed(() =>
-	groupEventsByMonth(events.value.slice(0, shownCount.value), fileUnder),
-)
+const months = computed(() => groupEventsByMonth(visible.value, fileUnder))
 
 const drawer = useDrawerSelection<MyEvent>()
 
 const emptyDescription = computed(() =>
 	team.value
-		? "Events this team hosts will show up here."
+		? "Events your community hosts or features will show up here."
 		: tab.value === "upcoming"
 			? "Events you host or hold a ticket to will show up here."
 			: "Events you have already attended or hosted will show up here.",
@@ -73,7 +71,12 @@ const emptyDescription = computed(() =>
 <template>
 	<TeamPageHeader v-if="team" section="Calendar" />
 	<CreateEventHeader v-else title="Events" />
-	<FloatingCreateEventButton v-if="team && isMobile" />
+	<template v-if="team && isMobile">
+		<AddEventMenu v-if="canReview" :community="team" can-review @added="myEvents.reload()">
+			<FloatingCreateEventButton menu-trigger />
+		</AddEventMenu>
+		<FloatingCreateEventButton v-else />
+	</template>
 
 	<TimelineList
 		v-model:tab="tab"
@@ -131,12 +134,7 @@ const emptyDescription = computed(() =>
 		</template>
 
 		<template #footer>
-			<Button
-				v-if="events.length > shownCount"
-				class="w-full"
-				label="Show more"
-				@click="shownCount += PAGE_SIZE"
-			/>
+			<div ref="sentinel" aria-hidden="true" />
 		</template>
 	</TimelineList>
 

From 98019ea363b9ee3f5c47215879611c24a50f44be Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:33:26 +0530
Subject: [PATCH 20/27] fix(dashboard): full-width Add Event menu on mobile

The floating button sits in a full-width row that lets taps through
everywhere but the button. As the menu trigger, that row gives the menu
the screen's width, right-aligned with the button.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../dashboard/FloatingCreateEventButton.vue   | 21 +++++++++++--------
 .../dashboard/teams/AddEventMenu.vue          | 15 +++++++++++--
 dashboard/src/pages/manage/MyEvents.vue       |  8 ++++++-
 3 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/components/dashboard/FloatingCreateEventButton.vue b/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
index fee9beec..10f3dd0f 100644
--- a/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
+++ b/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
@@ -6,13 +6,16 @@ defineProps<{ menuTrigger?: boolean }>()
 </script>
 
 <template>
-	<!-- z-20 keeps it above list rows whose actions sit at z-10. -->
-	<Button
-		class="fixed bottom-20 right-4 z-20 shadow-lg transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] active:scale-[0.97] motion-reduce:transition-none"
-		variant="solid"
-		size="lg"
-		icon-left="lucide-plus"
-		:label="menuTrigger ? __('Add Event') : __('Create Event')"
-		:route="menuTrigger ? undefined : { name: 'create-event' }"
-	/>
+	<!-- A full-width row, so a menu matching the trigger's width spans the screen.
+	     Only the button takes taps; z-20 keeps it above list rows whose actions sit at z-10. -->
+	<div class="pointer-events-none fixed inset-x-4 bottom-20 z-20 flex justify-end">
+		<Button
+			class="pointer-events-auto shadow-lg transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] active:scale-[0.97] motion-reduce:transition-none"
+			variant="solid"
+			size="lg"
+			icon-left="lucide-plus"
+			:label="menuTrigger ? __('Add Event') : __('Create Event')"
+			:route="menuTrigger ? undefined : { name: 'create-event' }"
+		/>
+	</div>
 </template>
diff --git a/dashboard/src/components/dashboard/teams/AddEventMenu.vue b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
index 7c553ef7..57aa0d00 100644
--- a/dashboard/src/components/dashboard/teams/AddEventMenu.vue
+++ b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
@@ -10,7 +10,13 @@ import {
 } from "@/components/dashboard/teams/addEventOptions"
 
 // The dashboard calendar renders this, and so does the public community page as an island.
-const props = defineProps<{ community: string; canReview?: boolean; isPublicPage?: boolean }>()
+const props = defineProps<{
+	community: string
+	canReview?: boolean
+	isPublicPage?: boolean
+	// The menu spans its trigger, for a trigger that is a full-width row.
+	matchTriggerWidth?: boolean
+}>()
 defineEmits<{ added: [] }>()
 const isMenuOpen = defineModel<boolean>("open", { default: false })
 
@@ -28,7 +34,12 @@ const label = props.canReview ? __("Add Event") : __("Submit Event")
 </script>
 
 <template>
-	<Dropdown v-model:open="isMenuOpen" :options="options">
+	<Dropdown
+		v-model:open="isMenuOpen"
+		:options="options"
+		:align="matchTriggerWidth ? 'end' : 'start'"
+		:match-trigger-width="matchTriggerWidth"
+	>
 		<slot>
 			<!-- The public page keeps its own espresso button, so the island swaps in unnoticed. -->
 			<button
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index 2f278bf4..ee2fccdd 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -72,7 +72,13 @@ const emptyDescription = computed(() =>
 	<TeamPageHeader v-if="team" section="Calendar" />
 	<CreateEventHeader v-else title="Events" />
 	<template v-if="team && isMobile">
-		<AddEventMenu v-if="canReview" :community="team" can-review @added="myEvents.reload()">
+		<AddEventMenu
+			v-if="canReview"
+			:community="team"
+			can-review
+			match-trigger-width
+			@added="myEvents.reload()"
+		>
 			<FloatingCreateEventButton menu-trigger />
 		</AddEventMenu>
 		<FloatingCreateEventButton v-else />

From 626a6ae02307c667c988576fc4acca1c65638c67 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:38:23 +0530
Subject: [PATCH 21/27] fix(dashboard): large rows in the mobile Add Event menu

The full-width mobile menu sizes its icons and labels so each row is as
tall as the large button that opens it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/dashboard/teams/AddEventMenu.vue  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/components/dashboard/teams/AddEventMenu.vue b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
index 57aa0d00..a73cc500 100644
--- a/dashboard/src/components/dashboard/teams/AddEventMenu.vue
+++ b/dashboard/src/components/dashboard/teams/AddEventMenu.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Button, Dropdown } from "frappe-ui"
-import { ref } from "vue"
+import { h, ref } from "vue"
 
 import AddEventDialog from "@/components/dashboard/teams/AddEventDialog.vue"
 import {
@@ -25,11 +25,21 @@ const formType = ref<AddEventForm | null>(null)
 const options = addEventOptions(props.canReview).map((option) => ({
 	label: option.label,
 	icon: option.icon,
+	// A full-width menu is the mobile one, so its rows match the large button that opens it.
+	slots: props.matchTriggerWidth ? largeRowSlots(option.label, option.icon) : undefined,
 	onClick: () => {
 		if (option.type === "create") return window.location.assign(createEventUrl())
 		formType.value = option.type
 	},
 }))
+// frappe-ui menus have no size, so the icon and label carry the large button's height.
+function largeRowSlots(label: string, icon: string) {
+	return {
+		prefix: () => h("span", { class: [icon, "size-5"], "aria-hidden": "true" }),
+		label: () => h("span", { class: "flex h-7 items-center text-lg" }, label),
+	}
+}
+
 const label = props.canReview ? __("Add Event") : __("Submit Event")
 </script>
 

From c980cd808f98d65cd8f9ca68cdd862d528387fac Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:52:07 +0530
Subject: [PATCH 22/27] refactor(dashboard): serve the community calendar at
 /calendar

The page is called Calendar, so its route is too. Old /events links
redirect to it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 dashboard/src/router.ts                  | 9 +++++++--
 dashboard/src/utils/managerNavigation.ts | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/router.ts b/dashboard/src/router.ts
index d9a584a5..bcc9d046 100644
--- a/dashboard/src/router.ts
+++ b/dashboard/src/router.ts
@@ -100,11 +100,16 @@ const routes: RouteRecordRaw[] = [
 			},
 			{
 				path: "communities/:teamId",
-				redirect: (to) => `/manage/communities/${to.params.teamId}/events`,
+				redirect: (to) => `/manage/communities/${to.params.teamId}/calendar`,
 			},
 			{
+				// Old links from before the page was called Calendar.
 				path: "communities/:teamId/events",
-				name: "team-events",
+				redirect: (to) => `/manage/communities/${to.params.teamId}/calendar`,
+			},
+			{
+				path: "communities/:teamId/calendar",
+				name: "team-calendar",
 				meta: { title: "Calendar" },
 				component: () => import("@/pages/manage/MyEvents.vue"),
 			},
diff --git a/dashboard/src/utils/managerNavigation.ts b/dashboard/src/utils/managerNavigation.ts
index 9db87836..803475b4 100644
--- a/dashboard/src/utils/managerNavigation.ts
+++ b/dashboard/src/utils/managerNavigation.ts
@@ -80,7 +80,7 @@ function eventItems(eventId: string): ManagerNavItem[] {
 function teamItems(teamId: string): ManagerNavItem[] {
 	const team = `/manage/communities/${teamId}`
 	return [
-		{ label: "Calendar", icon: "lucide-calendar-days", to: `${team}/events` },
+		{ label: "Calendar", icon: "lucide-calendar-days", to: `${team}/calendar` },
 		{ label: "Members", icon: "lucide-users-round", to: `${team}/members` },
 		{ label: "Payments", icon: "lucide-credit-card", to: `${team}/payments` },
 		// Settings stays the last item, whatever is added above it.

From 17572cf037e4e5431367a8f5bb717a16f5844277 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 12:57:49 +0530
Subject: [PATCH 23/27] feat(teams): confirm community submissions to the
 submitter

The submitter now gets an email when their event reaches a community,
saying the organizers will review it and they will hear back.

The community emails also show what was submitted: the event header for
a Buzz event, a details card with the link for an external one. The
organizers' email gets a Review submission button, and each email says
why the reader received it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/api/communities/notifications.py         | 43 ++++++++++++++++---
 buzz/api/communities/test_communities.py      | 15 +++++--
 buzz/templates/emails/_button.html            |  7 +++
 buzz/templates/emails/_community_event.html   | 15 +++++++
 .../emails/community_event_approved.html      | 15 +++----
 .../emails/community_event_received.html      | 11 +++++
 .../emails/community_event_rejected.html      |  8 +++-
 .../emails/community_event_submitted.html     |  8 +++-
 8 files changed, 100 insertions(+), 22 deletions(-)
 create mode 100644 buzz/templates/emails/_button.html
 create mode 100644 buzz/templates/emails/_community_event.html
 create mode 100644 buzz/templates/emails/community_event_received.html

diff --git a/buzz/api/communities/notifications.py b/buzz/api/communities/notifications.py
index c9592073..40c90257 100644
--- a/buzz/api/communities/notifications.py
+++ b/buzz/api/communities/notifications.py
@@ -1,6 +1,6 @@
 import frappe
 from frappe import _
-from frappe.utils import get_url
+from frappe.utils import format_datetime, get_url
 
 from buzz.permissions import WRITE_ROLES
 
@@ -14,6 +14,24 @@ def team_name(team: str) -> str:
 	return frappe.db.get_value("Buzz Team", team, "team_name")
 
 
+def submitting_team(request) -> str:
+	# An external event has no Buzz team; its host stands in.
+	return team_name(request.event_team) if request.event_team else request.host
+
+
+def external_event(request) -> dict | None:
+	"""What the email shows for an event hosted elsewhere; a Buzz event gets the base header."""
+	if not request.is_external_event:
+		return None
+	return frappe._dict(
+		title=request.event_title,
+		when=format_datetime(request.start_datetime, "EEE, d MMM yyyy, h:mm a"),
+		place=request.event_location,
+		host=request.host,
+		url=request.event_url,
+	)
+
+
 def send_email(request, recipients: list[str], subject: str, template: str, **args) -> None:
 	frappe.sendmail(
 		recipients=recipients,
@@ -21,21 +39,34 @@ def send_email(request, recipients: list[str], subject: str, template: str, **ar
 		template=template,
 		raw_html=True,
 		add_css=False,
-		args={"event_title": request.event_title, "community_name": team_name(request.community), **args},
+		args={
+			"event_title": request.event_title,
+			"community_name": team_name(request.community),
+			"event_doc": frappe.get_cached_doc("Buzz Event", request.event) if request.event else None,
+			"external_event": external_event(request),
+			**args,
+		},
 		reference_doctype=request.doctype,
 		reference_name=request.name,
 	)
 
 
 def notify_submitted(request) -> None:
-	# An external event has no Buzz team; its host stands in.
-	submitting_team = team_name(request.event_team) if request.event_team else request.host
+	"""Tells the submitter it arrived, and the community's managers it needs a review."""
+	if request.submitted_by:
+		send_email(
+			request,
+			[request.submitted_by],
+			_("{0} was sent to {1}").format(request.event_title, team_name(request.community)),
+			"community_event_received",
+		)
 	send_email(
 		request,
 		community_managers(request.community),
-		_("{0} submitted {1}").format(submitting_team, request.event_title),
+		_("{0} submitted {1}").format(submitting_team(request), request.event_title),
 		"community_event_submitted",
-		team_name=submitting_team,
+		team_name=submitting_team(request),
+		review_url=get_url(f"/b/manage/communities/{request.community}/calendar"),
 	)
 
 
diff --git a/buzz/api/communities/test_communities.py b/buzz/api/communities/test_communities.py
index 4fbb60bc..1938b392 100644
--- a/buzz/api/communities/test_communities.py
+++ b/buzz/api/communities/test_communities.py
@@ -74,6 +74,9 @@ def submit(self, event=None, community=None) -> str:
 			{"event": event or self.event, "community": community or self.community},
 		)
 
+	def emails(self) -> list[tuple[list[str], str]]:
+		return [(call.kwargs["recipients"], call.kwargs["template"]) for call in self.sendmail.call_args_list]
+
 	def status_of(self, request: str) -> str:
 		return frappe.db.get_value("Community Event Request", request, "status")
 
@@ -112,10 +115,13 @@ def test_an_unpublished_event_is_refused(self):
 		with self.assertRaises(frappe.ValidationError):
 			self.submit(event=draft)
 
-	def test_the_community_managers_are_emailed(self):
+	def test_the_submitter_and_the_community_managers_are_emailed(self):
 		self.submit()
 
-		self.assertEqual(self.sendmail.call_args.kwargs["recipients"], [self.curator])
+		self.assertEqual(
+			self.emails(),
+			[([self.organiser], "community_event_received"), ([self.curator], "community_event_submitted")],
+		)
 
 	def test_communities_already_asked_are_not_offered_again(self):
 		self.submit()
@@ -256,7 +262,10 @@ def test_anyone_signed_in_submits_an_external_event_for_review(self):
 		frappe.set_user(self.curator)
 		pending = [row for row in get_requests(self.community).pending if row.is_external_event]
 		self.assertEqual([row.event_title for row in pending], ["Rust Meetup"])
-		self.sendmail.assert_called_once()
+		self.assertEqual(
+			self.emails(),
+			[([self.viewer], "community_event_received"), ([self.curator], "community_event_submitted")],
+		)
 
 	def test_an_external_event_link_must_be_http(self):
 		frappe.set_user(self.viewer)
diff --git a/buzz/templates/emails/_button.html b/buzz/templates/emails/_button.html
new file mode 100644
index 00000000..69fd2503
--- /dev/null
+++ b/buzz/templates/emails/_button.html
@@ -0,0 +1,7 @@
+<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top:24px">
+  <tr>
+    <td style="background-color:#171717;border-radius:8px">
+      <a href="{{ button_url | e }}" style="display:block;padding:10px 16px;color:#ffffff;font-size:14px;font-weight:500;text-decoration:none">{{ button_label }}</a>
+    </td>
+  </tr>
+</table>
diff --git a/buzz/templates/emails/_community_event.html b/buzz/templates/emails/_community_event.html
new file mode 100644
index 00000000..17ae02f9
--- /dev/null
+++ b/buzz/templates/emails/_community_event.html
@@ -0,0 +1,15 @@
+{#- An event hosted on another platform. A Buzz event shows in the base header instead. -#}
+{% if external_event %}
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top:20px;border:1px solid #e2e2e2;border-radius:8px">
+  <tr>
+    <td style="padding:14px 16px">
+      <div style="font-size:15px;font-weight:600;color:#171717">{{ external_event.title | e }}</div>
+      <div style="font-size:13px;line-height:20px;color:#7c7c7c;margin-top:4px">
+        {{ external_event.when }}{% if external_event.place %} · {{ external_event.place | e }}{% endif %}<br />
+        Hosted by {{ external_event.host | e }}
+      </div>
+      <a href="{{ external_event.url | e }}" style="display:inline-block;margin-top:10px;font-size:13px;font-weight:500;color:#171717;text-decoration:none">Open event link&nbsp;<img src="{{ frappe.get_url('/assets/buzz/images/arrow-up-right.png') }}" alt="" width="12" height="12" style="display:inline-block;width:12px;height:12px;vertical-align:-1px;border:0" /></a>
+    </td>
+  </tr>
+</table>
+{% endif %}
diff --git a/buzz/templates/emails/community_event_approved.html b/buzz/templates/emails/community_event_approved.html
index 3e83c1dc..abd5c768 100644
--- a/buzz/templates/emails/community_event_approved.html
+++ b/buzz/templates/emails/community_event_approved.html
@@ -1,15 +1,12 @@
 {% extends "buzz/templates/emails/base.html" %}
 
-{% block preheader %}{{ event_title | e }} is now listed on {{ community_name | e }}.{% endblock %}
+{% block preheader %}{{ event_title | e }} is now on {{ community_name | e }}.{% endblock %}
 {% block title %}Your event was approved{% endblock %}
 
 {% block content %}
-<p style="margin:0"><strong style="color:#171717">{{ event_title | e }}</strong> is now listed on <strong style="color:#171717">{{ community_name | e }}</strong>.</p>
-<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top:24px">
-  <tr>
-    <td style="background-color:#171717;border-radius:8px">
-      <a href="{{ community_url | e }}" style="display:block;padding:10px 16px;color:#ffffff;font-size:14px;font-weight:500;text-decoration:none">View the community</a>
-    </td>
-  </tr>
-</table>
+<p style="margin:0"><strong style="color:#171717">{{ community_name | e }}</strong> approved <strong style="color:#171717">{{ event_title | e }}</strong>. It now shows on the community's calendar and page.</p>
+{% include "buzz/templates/emails/_community_event.html" %}
+{% with button_url=community_url, button_label="View community page" %}{% include "buzz/templates/emails/_button.html" %}{% endwith %}
 {% endblock %}
+
+{% block reason %}You received this email because you submitted an event to {{ community_name | e }} on Buzz.{% endblock %}
diff --git a/buzz/templates/emails/community_event_received.html b/buzz/templates/emails/community_event_received.html
new file mode 100644
index 00000000..44d46873
--- /dev/null
+++ b/buzz/templates/emails/community_event_received.html
@@ -0,0 +1,11 @@
+{% extends "buzz/templates/emails/base.html" %}
+
+{% block preheader %}{{ community_name | e }} will review {{ event_title | e }}.{% endblock %}
+{% block title %}Your event was sent for review{% endblock %}
+
+{% block content %}
+<p style="margin:0">We sent <strong style="color:#171717">{{ event_title | e }}</strong> to <strong style="color:#171717">{{ community_name | e }}</strong>. Its organizers will review it, and we will email you when they decide.</p>
+{% include "buzz/templates/emails/_community_event.html" %}
+{% endblock %}
+
+{% block reason %}You received this email because you submitted an event to {{ community_name | e }} on Buzz.{% endblock %}
diff --git a/buzz/templates/emails/community_event_rejected.html b/buzz/templates/emails/community_event_rejected.html
index 58c244a8..f6228cb4 100644
--- a/buzz/templates/emails/community_event_rejected.html
+++ b/buzz/templates/emails/community_event_rejected.html
@@ -4,8 +4,12 @@
 {% block title %}Your event was not approved{% endblock %}
 
 {% block content %}
-<p style="margin:0"><strong style="color:#171717">{{ community_name | e }}</strong> did not approve <strong style="color:#171717">{{ event_title | e }}</strong> for its page. You can submit it again from the event's details.</p>
+<p style="margin:0"><strong style="color:#171717">{{ community_name | e }}</strong> did not approve <strong style="color:#171717">{{ event_title | e }}</strong> for its calendar.</p>
+{% include "buzz/templates/emails/_community_event.html" %}
 {% if review_note %}
-<p style="margin:16px 0 0;padding:12px 16px;border-left:3px solid #e5e5e5;color:#525252">{{ review_note | e }}</p>
+<p style="margin:16px 0 0;padding:12px 16px;border-left:3px solid #e5e5e5;color:#525252"><span style="display:block;font-size:13px;color:#7c7c7c;margin-bottom:4px">Note from the organizers</span>{{ review_note | e }}</p>
 {% endif %}
+<p style="margin:16px 0 0">{% if external_event %}You can submit it again from the community page.{% else %}You can change the event and submit it again from its details page.{% endif %}</p>
 {% endblock %}
+
+{% block reason %}You received this email because you submitted an event to {{ community_name | e }} on Buzz.{% endblock %}
diff --git a/buzz/templates/emails/community_event_submitted.html b/buzz/templates/emails/community_event_submitted.html
index 69f83982..f47a465b 100644
--- a/buzz/templates/emails/community_event_submitted.html
+++ b/buzz/templates/emails/community_event_submitted.html
@@ -1,8 +1,12 @@
 {% extends "buzz/templates/emails/base.html" %}
 
-{% block preheader %}{{ team_name | e }} wants {{ event_title | e }} listed on {{ community_name | e }}.{% endblock %}
+{% block preheader %}{{ team_name | e }} wants {{ event_title | e }} on {{ community_name | e }}.{% endblock %}
 {% block title %}An event is waiting for review{% endblock %}
 
 {% block content %}
-<p style="margin:0"><strong style="color:#171717">{{ team_name | e }}</strong> submitted <strong style="color:#171717">{{ event_title | e }}</strong> to {{ community_name | e }}. It shows on the community page once you approve it.</p>
+<p style="margin:0"><strong style="color:#171717">{{ team_name | e }}</strong> submitted <strong style="color:#171717">{{ event_title | e }}</strong> to {{ community_name | e }}. Approve it to show it on your community calendar and page.</p>
+{% include "buzz/templates/emails/_community_event.html" %}
+{% with button_url=review_url, button_label="Review submission" %}{% include "buzz/templates/emails/_button.html" %}{% endwith %}
 {% endblock %}
+
+{% block reason %}You received this email because you manage {{ community_name | e }} on Buzz.{% endblock %}

From b94cf2db716bfcae76ddbc8a366e284eef475157 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 13:01:56 +0530
Subject: [PATCH 24/27] feat(teams): route replies on community emails to the
 other side

A submitter's reply reaches the community: its support email, else its
owner. An organizer's reply to a new submission reaches the submitter.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/api/communities/notifications.py    | 17 ++++++++++++++++-
 buzz/api/communities/test_communities.py | 19 +++++++++++++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/buzz/api/communities/notifications.py b/buzz/api/communities/notifications.py
index 40c90257..26efbf5f 100644
--- a/buzz/api/communities/notifications.py
+++ b/buzz/api/communities/notifications.py
@@ -2,6 +2,7 @@
 from frappe import _
 from frappe.utils import format_datetime, get_url
 
+from buzz.events.doctype.buzz_team_settings.buzz_team_settings import get_team_settings
 from buzz.permissions import WRITE_ROLES
 
 
@@ -10,6 +11,14 @@ def community_managers(community: str) -> list[str]:
 	return frappe.get_all("Buzz Team Membership", filters=filters, pluck="user")
 
 
+def community_contact(community: str) -> str | None:
+	"""Where a submitter's reply goes: the community's support email, else its owner."""
+	owner = {"team": community, "enabled": 1, "team_role": "Owner"}
+	return get_team_settings(community).support_email or frappe.db.get_value(
+		"Buzz Team Membership", owner, "user"
+	)
+
+
 def team_name(team: str) -> str:
 	return frappe.db.get_value("Buzz Team", team, "team_name")
 
@@ -32,9 +41,12 @@ def external_event(request) -> dict | None:
 	)
 
 
-def send_email(request, recipients: list[str], subject: str, template: str, **args) -> None:
+def send_email(
+	request, recipients: list[str], subject: str, template: str, reply_to: str | None = None, **args
+) -> None:
 	frappe.sendmail(
 		recipients=recipients,
+		reply_to=reply_to,
 		subject=subject,
 		template=template,
 		raw_html=True,
@@ -59,12 +71,14 @@ def notify_submitted(request) -> None:
 			[request.submitted_by],
 			_("{0} was sent to {1}").format(request.event_title, team_name(request.community)),
 			"community_event_received",
+			reply_to=community_contact(request.community),
 		)
 	send_email(
 		request,
 		community_managers(request.community),
 		_("{0} submitted {1}").format(submitting_team(request), request.event_title),
 		"community_event_submitted",
+		reply_to=request.submitted_by,
 		team_name=submitting_team(request),
 		review_url=get_url(f"/b/manage/communities/{request.community}/calendar"),
 	)
@@ -81,6 +95,7 @@ def notify_reviewed(request) -> None:
 		[request.submitted_by],
 		(_("{0} was approved") if approved else _("{0} was not approved")).format(request.event_title),
 		"community_event_approved" if approved else "community_event_rejected",
+		reply_to=community_contact(request.community),
 		community_url=get_url(f"/{community_route}"),
 		review_note=request.review_note,
 	)
diff --git a/buzz/api/communities/test_communities.py b/buzz/api/communities/test_communities.py
index 1938b392..60b37380 100644
--- a/buzz/api/communities/test_communities.py
+++ b/buzz/api/communities/test_communities.py
@@ -123,6 +123,25 @@ def test_the_submitter_and_the_community_managers_are_emailed(self):
 			[([self.organiser], "community_event_received"), ([self.curator], "community_event_submitted")],
 		)
 
+	def test_replies_reach_the_other_side(self):
+		self.submit()
+
+		received, submitted = (call.kwargs["reply_to"] for call in self.sendmail.call_args_list)
+		self.assertEqual((received, submitted), (self.curator, self.organiser))
+
+	def set_support_email(self, email: str | None) -> None:
+		frappe.db.set_value("Buzz Team Settings", self.community, "support_email", email)
+		frappe.clear_document_cache("Buzz Team Settings", self.community)
+
+	def test_a_community_support_email_takes_replies_over_its_owner(self):
+		self.set_support_email("hello@builders.example.com")
+		# Rollback is per class, so the next test must see the community without it.
+		self.addCleanup(self.set_support_email, None)
+
+		self.submit()
+
+		self.assertEqual(self.sendmail.call_args_list[0].kwargs["reply_to"], "hello@builders.example.com")
+
 	def test_communities_already_asked_are_not_offered_again(self):
 		self.submit()
 		frappe.set_user(self.organiser)

From 7069a5eb960abb1111d77c7a3cb5fecb40d9203b Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 13:15:24 +0530
Subject: [PATCH 25/27] fix(teams): never email Administrator or Guest from
 community emails

They have no inbox, so a community managed by Administrator, or a
request it submitted, only produced failed emails. The sender drops them
from recipients and reply-to, and skips the email when nobody is left.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 buzz/api/communities/notifications.py    | 6 +++++-
 buzz/api/communities/test_communities.py | 7 +++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/buzz/api/communities/notifications.py b/buzz/api/communities/notifications.py
index 26efbf5f..ba7c6eaa 100644
--- a/buzz/api/communities/notifications.py
+++ b/buzz/api/communities/notifications.py
@@ -44,9 +44,13 @@ def external_event(request) -> dict | None:
 def send_email(
 	request, recipients: list[str], subject: str, template: str, reply_to: str | None = None, **args
 ) -> None:
+	# Administrator and Guest have no inbox; mail to them only fails.
+	recipients = [user for user in recipients if user not in frappe.STANDARD_USERS]
+	if not recipients:
+		return
 	frappe.sendmail(
 		recipients=recipients,
-		reply_to=reply_to,
+		reply_to=None if reply_to in frappe.STANDARD_USERS else reply_to,
 		subject=subject,
 		template=template,
 		raw_html=True,
diff --git a/buzz/api/communities/test_communities.py b/buzz/api/communities/test_communities.py
index 60b37380..8ec501e8 100644
--- a/buzz/api/communities/test_communities.py
+++ b/buzz/api/communities/test_communities.py
@@ -129,6 +129,13 @@ def test_replies_reach_the_other_side(self):
 		received, submitted = (call.kwargs["reply_to"] for call in self.sendmail.call_args_list)
 		self.assertEqual((received, submitted), (self.curator, self.organiser))
 
+	def test_administrator_is_never_emailed(self):
+		BuzzTeamMembershipFactory.create(team=self.community, user="Administrator", team_role="Manager")
+
+		self.submit()
+
+		self.assertNotIn("Administrator", self.sendmail.call_args.kwargs["recipients"])
+
 	def set_support_email(self, email: str | None) -> None:
 		frappe.db.set_value("Buzz Team Settings", self.community, "support_email", email)
 		frappe.clear_document_cache("Buzz Team Settings", self.community)

From ce997031bedc794fac4ca128de7210f262b7d85a Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 13:18:53 +0530
Subject: [PATCH 26/27] feat(dashboard): ask for a reason when rejecting, and
 review from the drawer

Rejecting a submission opens a dialog for an optional reason, which goes
to the submitter in the rejection email. The event drawer of a pending
Buzz event gets Reject and Approve buttons at its foot.

The row and the drawer share one review composable; the row's Remove
is now Reject, which is what it does.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 dashboard/components.d.ts                     |  1 +
 .../dashboard/events/EventDrawer.vue          |  5 ++
 .../dashboard/teams/PendingSubmission.vue     | 33 +++------
 .../dashboard/teams/PendingSubmissions.vue    | 71 +++++++++++++++++--
 .../dashboard/teams/RejectRequestDialog.vue   | 47 ++++++++++++
 dashboard/src/composables/useRequestReview.ts | 42 +++++++++++
 dashboard/src/data/communities.ts             |  4 +-
 7 files changed, 171 insertions(+), 32 deletions(-)
 create mode 100644 dashboard/src/components/dashboard/teams/RejectRequestDialog.vue
 create mode 100644 dashboard/src/composables/useRequestReview.ts

diff --git a/dashboard/components.d.ts b/dashboard/components.d.ts
index 242c6433..76eac997 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -128,6 +128,7 @@ declare module 'vue' {
     QuickActionTile: typeof import('./src/components/dashboard/events/QuickActionTile.vue')['default']
     RegistrationActions: typeof import('./src/components/dashboard/events/RegistrationActions.vue')['default']
     RegistrationDialog: typeof import('./src/components/dashboard/events/RegistrationDialog.vue')['default']
+    RejectRequestDialog: typeof import('./src/components/dashboard/teams/RejectRequestDialog.vue')['default']
     RestrictionNotices: typeof import('./src/components/RestrictionNotices.vue')['default']
     RevenueCards: typeof import('./src/components/dashboard/ticket-types/RevenueCards.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
diff --git a/dashboard/src/components/dashboard/events/EventDrawer.vue b/dashboard/src/components/dashboard/events/EventDrawer.vue
index 3a0cca09..fd1a3045 100644
--- a/dashboard/src/components/dashboard/events/EventDrawer.vue
+++ b/dashboard/src/components/dashboard/events/EventDrawer.vue
@@ -167,6 +167,11 @@ const endsAt = computed(() => {
 
 					<EventMyTickets :event="event" class="mx-4 mb-4" />
 				</div>
+
+				<!-- Actions a caller adds for this event, pinned under the scrolling details. -->
+				<div v-if="$slots.footer" class="flex gap-2 border-t border-outline-gray-2 p-4">
+					<slot name="footer" />
+				</div>
 			</template>
 		</DrawerContent>
 	</Drawer>
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmission.vue b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
index d61cfb30..ae34ce55 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmission.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmission.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
-import { Badge, Button, Tooltip, dayjs, toast } from "frappe-ui"
+import { Badge, Button, Tooltip, dayjs } from "frappe-ui"
 import { computed } from "vue"
 
 import SubmissionThumbnail from "@/components/dashboard/teams/SubmissionThumbnail.vue"
 import { useIsMobile } from "@/composables/useIsMobile"
-import { useReviewAction } from "@/data/communities"
 import type { CommunityRequest } from "@/types"
-import { serverErrorMessage } from "@/utils/serverError"
 
-const props = defineProps<{ request: CommunityRequest }>()
-const emit = defineEmits<{ changed: []; open: [] }>()
+const props = defineProps<{ request: CommunityRequest; approving: boolean }>()
+const emit = defineEmits<{ open: []; approve: []; reject: [] }>()
 
 const isMobile = useIsMobile()
 
-const approve = useReviewAction("approve_request")
-const reject = useReviewAction("reject_request")
-
 const when = computed(() => {
 	const { start_date, start_time } = props.request
 	const date = dayjs(start_date).format("ddd D MMM")
@@ -33,14 +28,6 @@ const details = computed(() => {
 		is_external_event && event_url && `(${new URL(event_url).hostname.replace(/^www\./, "")})`
 	return [when.value, place, [host, site].filter(Boolean).join(" ")].filter(Boolean).join(" · ")
 })
-
-async function review(action: ReturnType<typeof useReviewAction>, done: string) {
-	// useCall does not reject on a server error; it sets `error`.
-	await action.submit({ request: props.request.name })
-	if (action.error) return toast.error(serverErrorMessage(action.error))
-	toast.success(done)
-	emit("changed")
-}
 </script>
 
 <template>
@@ -79,16 +66,15 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 		</div>
 
 		<div class="relative z-10 flex shrink-0 gap-1.5">
-			<Tooltip :text="__('Remove')">
+			<Tooltip :text="__('Reject')">
 				<Button
 					theme="red"
 					variant="subtle"
 					:size="isMobile ? 'lg' : 'md'"
 					icon="lucide-x"
-					:aria-label="__('Remove {0}', [request.event_title])"
-					:loading="reject.loading"
-					:disabled="approve.loading"
-					@click="review(reject, __('Submission removed'))"
+					:aria-label="__('Reject {0}', [request.event_title])"
+					:disabled="approving"
+					@click="emit('reject')"
 				/>
 			</Tooltip>
 			<Tooltip :text="__('Approve')">
@@ -98,9 +84,8 @@ async function review(action: ReturnType<typeof useReviewAction>, done: string)
 					:size="isMobile ? 'lg' : 'md'"
 					icon="lucide-check"
 					:aria-label="__('Approve {0}', [request.event_title])"
-					:loading="approve.loading"
-					:disabled="reject.loading"
-					@click="review(approve, __('Event added to your calendar'))"
+					:loading="approving"
+					@click="emit('approve')"
 				/>
 			</Tooltip>
 		</div>
diff --git a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
index 6d0e126d..eb27eba6 100644
--- a/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
+++ b/dashboard/src/components/dashboard/teams/PendingSubmissions.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { Badge, useCall } from "frappe-ui"
+import { Badge, Button, useCall } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 
 import EventDrawer from "@/components/dashboard/events/EventDrawer.vue"
 import PendingSubmission from "@/components/dashboard/teams/PendingSubmission.vue"
+import RejectRequestDialog from "@/components/dashboard/teams/RejectRequestDialog.vue"
 import { useDrawerSelection } from "@/composables/useDrawerSelection"
+import { useRequestReview } from "@/composables/useRequestReview"
 import { useRevealOnScroll } from "@/composables/useRevealOnScroll"
 import type { CommunityQueue, CommunityRequest, MyEvent } from "@/types"
 
@@ -29,12 +31,17 @@ const pending = computed(() => queue.data?.pending ?? [])
 const list = ref<HTMLElement | null>(null)
 const { visible, sentinel } = useRevealOnScroll(() => pending.value, 10, list)
 
-const drawer = useDrawerSelection<MyEvent>()
+const drawer = useDrawerSelection<CommunityRequest>()
+const drawerEvent = computed(() => drawer.selected.value && asEvent(drawer.selected.value))
 
 // A Buzz event opens in the drawer; an external one, on the platform it lives on.
 function open(request: CommunityRequest) {
 	if (request.is_external_event) return window.open(request.event_url || "", "_blank", "noopener")
-	drawer.show({
+	drawer.show(request)
+}
+
+function asEvent(request: CommunityRequest): MyEvent {
+	return {
 		name: request.event || request.name,
 		title: request.event_title,
 		route: request.event_route,
@@ -51,13 +58,34 @@ function open(request: CommunityRequest) {
 		team: request.event_team,
 		team_name: request.event_team_name,
 		team_logo: request.event_team_logo,
-	})
+	}
 }
 
 function reviewed() {
 	queue.reload()
 	emit("changed")
 }
+
+const review = useRequestReview(reviewed)
+
+async function approve(request: CommunityRequest) {
+	if (await review.approve(request.name)) drawer.open.value = false
+}
+
+// A rejection asks for a reason first; it goes to the submitter in the email.
+const rejecting = ref<CommunityRequest | null>(null)
+const isRejectOpen = ref(false)
+
+function askToReject(request: CommunityRequest) {
+	rejecting.value = request
+	isRejectOpen.value = true
+}
+
+async function reject(reason: string) {
+	if (!rejecting.value || !(await review.reject(rejecting.value.name, reason))) return
+	isRejectOpen.value = false
+	drawer.open.value = false
+}
 </script>
 
 <template>
@@ -78,13 +106,44 @@ function reviewed() {
 					v-for="request in visible"
 					:key="request.name"
 					:request="request"
-					@changed="reviewed"
+					:approving="review.approving.value === request.name"
 					@open="open(request)"
+					@approve="approve(request)"
+					@reject="askToReject(request)"
 				/>
 			</TransitionGroup>
 			<div ref="sentinel" aria-hidden="true" />
 		</div>
-		<EventDrawer v-model:open="drawer.open.value" :event="drawer.selected.value" />
+		<EventDrawer v-model:open="drawer.open.value" :event="drawerEvent">
+			<template v-if="drawer.selected.value" #footer>
+				<Button
+					class="flex-1"
+					theme="red"
+					variant="subtle"
+					size="lg"
+					icon-left="lucide-x"
+					:label="__('Reject')"
+					:disabled="review.approving.value === drawer.selected.value.name"
+					@click="askToReject(drawer.selected.value)"
+				/>
+				<Button
+					class="flex-1"
+					theme="green"
+					variant="subtle"
+					size="lg"
+					icon-left="lucide-check"
+					:label="__('Approve')"
+					:loading="review.approving.value === drawer.selected.value.name"
+					@click="approve(drawer.selected.value)"
+				/>
+			</template>
+		</EventDrawer>
+		<RejectRequestDialog
+			v-model="isRejectOpen"
+			:request="rejecting"
+			:loading="review.rejection.loading"
+			@confirm="reject"
+		/>
 	</section>
 </template>
 
diff --git a/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue b/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue
new file mode 100644
index 00000000..4c3088d4
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { Button, Dialog, Textarea } from "frappe-ui"
+import { ref, watch } from "vue"
+
+import type { CommunityRequest } from "@/types"
+
+const props = defineProps<{ request: CommunityRequest | null; loading: boolean }>()
+const isOpen = defineModel<boolean>({ required: true })
+const emit = defineEmits<{ confirm: [reason: string] }>()
+
+const reason = ref("")
+watch(isOpen, (open) => open && (reason.value = ""))
+
+const submitter = () =>
+	props.request?.submitter_name || props.request?.submitted_by || __("The submitter")
+</script>
+
+<template>
+	<Dialog v-model="isOpen" :title="__('Reject {0}?', [request?.event_title || ''])">
+		<div class="space-y-3">
+			<p class="text-base text-ink-gray-5">
+				{{ __("It stays off your calendar. {0} gets an email with your reason.", [submitter()]) }}
+			</p>
+			<Textarea
+				v-model="reason"
+				:label="__('Reason')"
+				:placeholder="__('For example: we list events in Mumbai only for now.')"
+				:rows="3"
+				maxlength="500"
+			/>
+		</div>
+
+		<template #actions="{ close }">
+			<div class="flex gap-2">
+				<Button
+					theme="red"
+					variant="solid"
+					icon-left="lucide-x"
+					:label="__('Reject')"
+					:loading="loading"
+					@click="emit('confirm', reason)"
+				/>
+				<Button variant="outline" :label="__('Cancel')" @click="close" />
+			</div>
+		</template>
+	</Dialog>
+</template>
diff --git a/dashboard/src/composables/useRequestReview.ts b/dashboard/src/composables/useRequestReview.ts
new file mode 100644
index 00000000..02e6ce5c
--- /dev/null
+++ b/dashboard/src/composables/useRequestReview.ts
@@ -0,0 +1,42 @@
+import { toast } from "frappe-ui"
+import { ref } from "vue"
+
+import { useReviewAction } from "@/data/communities"
+import { serverErrorMessage } from "@/utils/serverError"
+
+/** Approve and reject for a community's pending requests, shared by the list and the drawer. */
+export function useRequestReview(onReviewed: () => void) {
+	const approval = useReviewAction("approve_request")
+	const rejection = useReviewAction("reject_request")
+	const approving = ref<string | null>(null)
+
+	// Resolves true when the server took it, so a caller knows to close its dialog or drawer.
+	async function run(
+		action: typeof approval,
+		params: { request: string; note?: string },
+		done: string,
+	) {
+		await action.submit(params)
+		// useCall does not reject on a server error; it sets `error`.
+		if (action.error) {
+			toast.error(serverErrorMessage(action.error))
+			return false
+		}
+		toast.success(done)
+		onReviewed()
+		return true
+	}
+
+	async function approve(request: string) {
+		approving.value = request
+		const done = await run(approval, { request }, __("Event added to your calendar"))
+		approving.value = null
+		return done
+	}
+
+	function reject(request: string, note: string) {
+		return run(rejection, { request, note: note.trim() || undefined }, __("Submission rejected"))
+	}
+
+	return { approve, reject, approving, rejection }
+}
diff --git a/dashboard/src/data/communities.ts b/dashboard/src/data/communities.ts
index 386e60ec..7e416946 100644
--- a/dashboard/src/data/communities.ts
+++ b/dashboard/src/data/communities.ts
@@ -2,9 +2,9 @@ import { useCall } from "frappe-ui"
 
 const METHOD = "/api/v2/method/buzz.api.communities"
 
-// One per review action; each takes the request's name.
+// One per review action; each takes the request's name, and a rejection an optional note.
 export function useReviewAction(action: "approve_request" | "reject_request") {
-	return useCall<null, { request: string }>({
+	return useCall<null, { request: string; note?: string }>({
 		url: `${METHOD}.${action}`,
 		method: "POST",
 		immediate: false,

From e4c79e486d77f02b65eff556fc607e3f1872de6d Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Fri, 9 Oct 2026 13:22:59 +0530
Subject: [PATCH 27/27] fix(dashboard): generic placeholder for the rejection
 reason

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/components/dashboard/teams/RejectRequestDialog.vue      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue b/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue
index 4c3088d4..04bb0cdc 100644
--- a/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue
+++ b/dashboard/src/components/dashboard/teams/RejectRequestDialog.vue
@@ -24,7 +24,7 @@ const submitter = () =>
 			<Textarea
 				v-model="reason"
 				:label="__('Reason')"
-				:placeholder="__('For example: we list events in Mumbai only for now.')"
+				:placeholder="__('Write your reason for rejection')"
 				:rows="3"
 				maxlength="500"
 			/>