diff --git a/buzz/api/events/taxes.py b/buzz/api/events/taxes.py
index bfacbe875..1a70afae5 100644
--- a/buzz/api/events/taxes.py
+++ b/buzz/api/events/taxes.py
@@ -3,8 +3,6 @@
 
 from buzz.api.events.exceptions import TaxDetailsMissing
 from buzz.api.events.services import ensure_event_team_access, manageable_event
-from buzz.api.teams.exceptions import CannotEditTeam
-from buzz.permissions import can_manage_members
 
 
 def team_tax_details(team: str) -> dict:
@@ -31,12 +29,10 @@ def update_tax_settings(
 
 def update_team_tax_details(event: str, legal_name: str, tax_id: str, billing_address: str) -> None:
 	ensure_event_team_access(event)
-	team = frappe.db.get_value("Buzz Event", event, "team")
-	if not can_manage_members(team):
-		CannotEditTeam.throw()
 	# Empty details are valid on the team, but this endpoint exists to add them.
 	if not tax_id.strip():
 		frappe.throw(_("Enter your team's legal name, tax ID and billing address."))
-	settings = frappe.get_doc("Buzz Team Settings", team)
-	settings.update({"legal_name": legal_name, "tax_id": tax_id, "billing_address": billing_address})
-	settings.save(ignore_permissions=True)
+	# Imported here: teams.services reads events.schemas, whose package imports this module.
+	from buzz.api.teams.services import update_tax_details
+
+	update_tax_details(frappe.db.get_value("Buzz Event", event, "team"), legal_name, tax_id, billing_address)
diff --git a/buzz/api/teams/__init__.py b/buzz/api/teams/__init__.py
index 0448b3bfc..220cf4b43 100644
--- a/buzz/api/teams/__init__.py
+++ b/buzz/api/teams/__init__.py
@@ -1,13 +1,14 @@
 import frappe
 
-from buzz.api.teams import invitations, services
+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.events.doctype.buzz_team_settings.buzz_team_settings import feature_flags
 
 
 @frappe.whitelist()
 def get_my_teams() -> list[TeamOption]:
-	"""Teams the session user belongs to, for the settings dialog.
+	"""Teams the session user belongs to, for the teams page and the settings dialog.
 
 	Reads past permissions on purpose: Buzz Team is readable by Event Manager only, while a
 	Frontdesk or Viewer member still has to see the team they work in. Rows are filtered to
@@ -20,18 +21,29 @@ def get_my_teams() -> list[TeamOption]:
 		frappe.qb.from_(membership)
 		.inner_join(team)
 		.on(team.name == membership.team)
-		.select(team.name, team.team_name, team.logo, membership.team_role)
+		.select(
+			team.name,
+			team.team_name,
+			team.logo,
+			team.slug,
+			team.is_published,
+			team.is_a_community,
+			team.short_description,
+			membership.team_role,
+		)
 		.where((membership.user == frappe.session.user) & (membership.enabled == 1))
 	).run(as_dict=True)
+	event_counts = services.upcoming_event_counts([my_team.name for my_team in my_teams])
+	return [team_option(my_team, event_counts.get(my_team.name, 0)) for my_team in my_teams]
 
-	return [
-		TeamOption(
-			**my_team,
-			members=services.members_of(my_team.name),
-			feature_flags=feature_flags(my_team.name),
-		)
-		for my_team in my_teams
-	]
+
+def team_option(my_team: dict, upcoming_event_count: int) -> TeamOption:
+	return TeamOption(
+		**my_team,
+		upcoming_event_count=upcoming_event_count,
+		members=services.members_of(my_team.name),
+		feature_flags=feature_flags(my_team.name),
+	)
 
 
 @frappe.whitelist()
@@ -67,8 +79,20 @@ def update_public_page(
 	short_description: str | None = None,
 	about: str | None = None,
 	is_a_community: bool = False,
+	slug: str | None = None,
 ) -> None:
-	services.update_public_page(team, is_published, links, short_description, about, is_a_community)
+	services.update_public_page(team, is_published, links, short_description, about, is_a_community, slug)
+
+
+@frappe.whitelist()
+def check_team_slug(team: str, slug: str) -> RouteAvailability:
+	"""Whether a team can move to this address. `team` is the one being edited."""
+	return public_page.slug_availability(team, slug)
+
+
+@frappe.whitelist(methods=["POST"])
+def update_tax_details(team: str, legal_name: str, tax_id: str, billing_address: str) -> None:
+	services.update_tax_details(team, legal_name, tax_id, billing_address)
 
 
 @frappe.whitelist(methods=["POST"])
diff --git a/buzz/api/teams/exceptions.py b/buzz/api/teams/exceptions.py
index cf39ce528..0c88bf1ea 100644
--- a/buzz/api/teams/exceptions.py
+++ b/buzz/api/teams/exceptions.py
@@ -1,6 +1,6 @@
 from frappe import _lt
 
-from buzz.api.exceptions import BuzzAPIError, NotPermitted
+from buzz.api.exceptions import BuzzAPIError, Conflict, NotPermitted
 
 
 class NotATeamMember(NotPermitted):
@@ -29,3 +29,13 @@ class UnknownTeamRole(BuzzAPIError):
 class NoPendingInvite(BuzzAPIError):
 	title = _lt("No Invitation")
 	message = _lt("There is no pending invitation for {email}.")
+
+
+class InvalidTeamSlug(BuzzAPIError):
+	title = _lt("Invalid URL")
+	message = _lt("Use letters, numbers and hyphens for the team's URL.")
+
+
+class TeamSlugTaken(Conflict):
+	title = _lt("URL Taken")
+	message = _lt("Another team already uses {slug}.")
diff --git a/buzz/api/teams/public_page.py b/buzz/api/teams/public_page.py
new file mode 100644
index 000000000..a72740509
--- /dev/null
+++ b/buzz/api/teams/public_page.py
@@ -0,0 +1,39 @@
+import frappe
+from frappe import _
+from frappe.website.utils import cleanup_page_name
+
+from buzz.api.events.schemas import RouteAvailability
+from buzz.api.teams.exceptions import InvalidTeamSlug, TeamSlugTaken
+
+
+def clean_slug(slug: str | None) -> str:
+	return cleanup_page_name(slug or "").replace("_", "-").strip("-")
+
+
+def slug_taken(team: str, slug: str) -> bool:
+	return bool(frappe.db.exists("Buzz Team", {"slug": slug, "name": ["!=", team]}))
+
+
+def slug_availability(team: str, slug: str) -> RouteAvailability:
+	"""What the settings field says while someone types. Checks the slug as it would be
+	saved, so the answer matches what set_slug does."""
+	clean = clean_slug(slug)
+	if not clean:
+		return RouteAvailability(available=False, message=str(InvalidTeamSlug.message))
+	if slug_taken(team, clean):
+		return RouteAvailability(available=False, message=_("This URL is already taken"))
+	return RouteAvailability(available=True, message=_("Available"))
+
+
+def set_slug(doc, slug: str | None) -> None:
+	"""Move the team to a new address. The route follows the slug even while the team is
+	private, so publishing later serves the address the team chose."""
+	if slug is None or slug == doc.slug:
+		return
+	clean = clean_slug(slug)
+	if not clean:
+		InvalidTeamSlug.throw()
+	if slug_taken(doc.name, clean):
+		TeamSlugTaken.throw(slug=clean)
+	doc.slug = clean
+	doc.route = doc.make_route()
diff --git a/buzz/api/teams/schemas.py b/buzz/api/teams/schemas.py
index c22dcdccf..0f0f0c9a6 100644
--- a/buzz/api/teams/schemas.py
+++ b/buzz/api/teams/schemas.py
@@ -13,6 +13,12 @@ class TeamOption(APIResponse):
 	name: str
 	team_name: str
 	logo: str | None
+	# Every team page header links to the public page while the team is published.
+	slug: str | None
+	is_published: bool
+	is_a_community: bool
+	short_description: str | None
+	upcoming_event_count: int
 	team_role: str
 	# The settings list shows who is on each team, not only how many.
 	members: list[TeamMember]
@@ -31,6 +37,12 @@ class TeamInvite(APIResponse):
 	team_role: str
 
 
+class TeamTaxDetails(APIResponse):
+	legal_name: str | None
+	tax_id: str | None
+	billing_address: str | None
+
+
 class TeamOverview(APIResponse):
 	name: str
 	team_name: str
@@ -47,3 +59,5 @@ class TeamOverview(APIResponse):
 	members: list[TeamMember]
 	# Kept apart from members: these people cannot do anything on the team yet.
 	invites: list[TeamInvite]
+	# Every member reads them; only Owner/Admin can change them.
+	tax_details: TeamTaxDetails
diff --git a/buzz/api/teams/services.py b/buzz/api/teams/services.py
index 372256395..73a9296c6 100644
--- a/buzz/api/teams/services.py
+++ b/buzz/api/teams/services.py
@@ -1,8 +1,10 @@
 import frappe
 from frappe.query_builder import Case
-from frappe.utils import get_url
+from frappe.query_builder.functions import Coalesce, Count
+from frappe.utils import get_url, today
 
 from buzz.api.events.schemas import EventExternalLink
+from buzz.api.teams import public_page
 from buzz.api.teams.exceptions import (
 	CannotEditTeam,
 	CannotGrantOwnership,
@@ -10,7 +12,8 @@
 	NotATeamMember,
 	UnknownTeamRole,
 )
-from buzz.api.teams.schemas import TeamInvite, TeamMember, TeamOverview
+from buzz.api.teams.schemas import TeamInvite, TeamMember, TeamOverview, TeamTaxDetails
+from buzz.events.doctype.buzz_team_settings.buzz_team_settings import TAX_DETAIL_FIELDS
 from buzz.permissions import WRITE_ROLES, can_manage_members, team_role_of
 
 TEAM_FIELDS = (
@@ -62,6 +65,35 @@ def team_overview(team: str) -> TeamOverview:
 		my_role=role,
 		members=members_of(team),
 		invites=pending_invites_for(team),
+		tax_details=tax_details_of(team),
+	)
+
+
+def tax_details_of(team: str) -> TeamTaxDetails:
+	row = frappe.db.get_value("Buzz Team Settings", team, TAX_DETAIL_FIELDS, as_dict=True)
+	return TeamTaxDetails(**(row or dict.fromkeys(TAX_DETAIL_FIELDS)))
+
+
+def update_tax_details(team: str, legal_name: str, tax_id: str, billing_address: str) -> None:
+	"""Owner/Admin. Buzz Team Settings holds the rules: all three together, and a tax ID
+	can change but never go back to blank."""
+	if not can_manage_members(team):
+		CannotEditTeam.throw()
+	settings = frappe.get_doc("Buzz Team Settings", team)
+	settings.update({"legal_name": legal_name, "tax_id": tax_id, "billing_address": billing_address})
+	settings.save(ignore_permissions=True)
+
+
+def upcoming_event_counts(teams: list[str]) -> dict[str, int]:
+	if not teams:
+		return {}
+	event = frappe.qb.DocType("Buzz Event")
+	return dict(
+		frappe.qb.from_(event)
+		.select(event.team, Count("*"))
+		.where(event.team.isin(teams) & (Coalesce(event.end_date, event.start_date) >= today()))
+		.groupby(event.team)
+		.run()
 	)
 
 
@@ -196,12 +228,13 @@ def update_public_page(
 	short_description: str | None,
 	about: str | None,
 	is_a_community: bool = False,
+	slug: str | None = None,
 ) -> None:
 	"""Publish or edit a team's public page.
 
 	Owner/Admin/Manager, the roles that edit the team's events. Desk write on Buzz Team is
 	System Manager only, so the guard here is the authorization — the same shape as
-	`update_team`. The route is not editable here: it is filled on first publish.
+	`update_team`.
 	"""
 	if team_role_of(frappe.session.user, team) not in WRITE_ROLES:
 		CannotEditTeam.throw()
@@ -209,6 +242,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)
+	public_page.set_slug(doc, slug)
 	doc.short_description = (short_description or "").strip() or None
 	doc.about = about or None
 	doc.set("links", [{key: link.get(key) for key in ("icon", "label", "url")} for link in links])
diff --git a/buzz/api/teams/test_teams.py b/buzz/api/teams/test_teams.py
index b1cf3c44e..affaed93f 100644
--- a/buzz/api/teams/test_teams.py
+++ b/buzz/api/teams/test_teams.py
@@ -1,10 +1,16 @@
 import frappe
 from frappe.tests import IntegrationTestCase
+from frappe.utils import add_days, today
 
 from buzz.api.teams import get_my_teams, get_team_overview, update_public_page, update_team
 from buzz.api.teams.exceptions import CannotEditTeam, NotATeamMember
 from buzz.events.doctype.buzz_team_settings.buzz_team_settings import feature_flags
-from buzz.tests.factories import BuzzTeamFactory, BuzzTeamMembershipFactory, UserFactory
+from buzz.tests.factories import (
+	BuzzEventFactory,
+	BuzzTeamFactory,
+	BuzzTeamMembershipFactory,
+	UserFactory,
+)
 
 
 class TeamTestCase(IntegrationTestCase):
@@ -74,6 +80,26 @@ def test_a_viewer_gets_the_teams_feature_flags(self):
 		with self.set_user(user):
 			self.assertEqual(get_my_teams()[0].feature_flags, feature_flags(team))
 
+	def test_flags_communities(self):
+		user = self.create_user("switcher-community@example.com")
+		community = BuzzTeamFactory.create_owned_by(user, "community").name
+		self.create_team(user)
+
+		with self.set_user(user):
+			flags = {option.name: option.is_a_community for option in get_my_teams()}
+
+		self.assertEqual(sorted(flags.values()), [False, True])
+		self.assertTrue(flags[community])
+
+	def test_counts_events_that_have_not_ended(self):
+		user = self.create_user("switcher-events@example.com")
+		team = self.create_team(user)
+		BuzzEventFactory.create(team=team)
+		BuzzEventFactory.create(team=team, start_date=add_days(today(), -3), end_date=add_days(today(), -2))
+
+		with self.set_user(user):
+			self.assertEqual(get_my_teams()[0].upcoming_event_count, 1)
+
 	def test_returns_nothing_for_a_user_on_no_team(self):
 		self.assertEqual(self.team_names_for(self.create_user("switcher-teamless@example.com")), [])
 
diff --git a/buzz/events/doctype/buzz_team/buzz_team.py b/buzz/events/doctype/buzz_team/buzz_team.py
index 4cc89e521..45db7bbdd 100644
--- a/buzz/events/doctype/buzz_team/buzz_team.py
+++ b/buzz/events/doctype/buzz_team/buzz_team.py
@@ -76,6 +76,9 @@ def onload(self):
 	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:
+			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/dashboard/components.d.ts b/dashboard/components.d.ts
index 95f566e45..358ea084c 100644
--- a/dashboard/components.d.ts
+++ b/dashboard/components.d.ts
@@ -62,6 +62,8 @@ declare module 'vue' {
     EventGuestSkeleton: typeof import('./src/components/dashboard/events/EventGuestSkeleton.vue')['default']
     EventHosts: typeof import('./src/components/dashboard/events/EventHosts.vue')['default']
     EventHoverCard: typeof import('./src/components/dashboard/events/EventHoverCard.vue')['default']
+    EventLinkDialog: typeof import('./src/components/dashboard/events/EventLinkDialog.vue')['default']
+    EventLinks: typeof import('./src/components/dashboard/events/EventLinks.vue')['default']
     EventLocationField: typeof import('./src/components/dashboard/events/location/EventLocationField.vue')['default']
     EventMedium: typeof import('./src/components/dashboard/events/EventMedium.vue')['default']
     EventMyTickets: typeof import('./src/components/dashboard/events/EventMyTickets.vue')['default']
@@ -73,7 +75,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']
-    FilterBar: typeof import('./src/components/common/filters/FilterBar.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']
     GuestInfoDrawer: typeof import('./src/components/dashboard/events/GuestInfoDrawer.vue')['default']
     GuestListExport: typeof import('./src/components/dashboard/events/GuestListExport.vue')['default']
@@ -81,6 +84,7 @@ declare module 'vue' {
     ImageCropper: typeof import('./src/components/common/ImageCropper.vue')['default']
     ImageCropUploader: typeof import('./src/components/common/ImageCropUploader.vue')['default']
     LanguageSwitcher: typeof import('./src/components/LanguageSwitcher.vue')['default']
+    ListFilters: typeof import('./src/components/common/filters/ListFilters.vue')['default']
     ListSection: typeof import('./src/components/common/ListSection.vue')['default']
     LocationDialog: typeof import('./src/components/dashboard/events/location/LocationDialog.vue')['default']
     LocationMap: typeof import('./src/components/dashboard/events/location/LocationMap.vue')['default']
@@ -97,9 +101,12 @@ declare module 'vue' {
     OfflinePaymentDialog: typeof import('./src/components/OfflinePaymentDialog.vue')['default']
     PasswordSection: typeof import('./src/components/settings/PasswordSection.vue')['default']
     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']
     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']
+    PrefixedInput: typeof import('./src/components/common/PrefixedInput.vue')['default']
     PricedItemRow: typeof import('./src/components/common/PricedItemRow.vue')['default']
     PriceInput: typeof import('./src/components/dashboard/sponsorships/PriceInput.vue')['default']
     PriceList: typeof import('./src/components/dashboard/sponsorships/PriceList.vue')['default']
@@ -115,8 +122,10 @@ declare module 'vue' {
     RegistrationActions: typeof import('./src/components/dashboard/events/RegistrationActions.vue')['default']
     RegistrationDialog: typeof import('./src/components/dashboard/events/RegistrationDialog.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']
     RouterView: typeof import('vue-router')['RouterView']
+    SaveActions: typeof import('./src/components/dashboard/teams/SaveActions.vue')['default']
     SectionHeader: typeof import('./src/components/common/SectionHeader.vue')['default']
     SelectionBar: typeof import('./src/components/common/SelectionBar.vue')['default']
     SortableList: typeof import('./src/components/dashboard/sponsorships/SortableList.vue')['default']
@@ -125,8 +134,18 @@ declare module 'vue' {
     SponsorshipDrawer: typeof import('./src/components/dashboard/sponsorships/SponsorshipDrawer.vue')['default']
     SponsorshipPaymentDialog: typeof import('./src/components/SponsorshipPaymentDialog.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']
+    TeamDisplaySettings: typeof import('./src/components/dashboard/teams/settings/TeamDisplaySettings.vue')['default']
+    TeamIdentityForm: typeof import('./src/components/dashboard/teams/TeamIdentityForm.vue')['default']
     TeamMembersTable: typeof import('./src/components/dashboard/teams/TeamMembersTable.vue')['default']
+    TeamOptionsSettings: typeof import('./src/components/dashboard/teams/settings/TeamOptionsSettings.vue')['default']
+    TeamPageHeader: typeof import('./src/components/dashboard/teams/TeamPageHeader.vue')['default']
+    TeamPublicPage: typeof import('./src/components/dashboard/teams/TeamPublicPage.vue')['default']
+    TeamRoleGuide: typeof import('./src/components/dashboard/teams/TeamRoleGuide.vue')['default']
     TeamsPanel: typeof import('./src/components/dashboard/teams/TeamsPanel.vue')['default']
+    TeamTaxDetailsDialog: typeof import('./src/components/dashboard/ticket-types/TeamTaxDetailsDialog.vue')['default']
+    TeamTaxDetailsForm: typeof import('./src/components/dashboard/teams/TeamTaxDetailsForm.vue')['default']
     ThemeSwitcher: typeof import('./src/components/settings/ThemeSwitcher.vue')['default']
     TicketBookingDetails: typeof import('./src/components/dashboard/tickets/TicketBookingDetails.vue')['default']
     TicketCard: typeof import('./src/components/TicketCard.vue')['default']
diff --git a/dashboard/src/components/common/AvatarUploader.vue b/dashboard/src/components/common/AvatarUploader.vue
index 7ae8d20d7..50b8abba0 100644
--- a/dashboard/src/components/common/AvatarUploader.vue
+++ b/dashboard/src/components/common/AvatarUploader.vue
@@ -10,8 +10,9 @@ withDefaults(
 		title: string
 		description?: string
 		shape?: "circle" | "square"
+		size?: "md" | "lg"
 	}>(),
-	{ description: "", shape: "circle" },
+	{ description: "", shape: "circle", size: "md" },
 )
 
 const image = defineModel<string | null>({ required: true })
@@ -30,8 +31,11 @@ const image = defineModel<string | null>({ required: true })
 			<div class="flex items-center gap-4">
 				<button
 					type="button"
-					class="group relative size-16 shrink-0 overflow-hidden bg-surface-gray-3 transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] focus-visible:outline-none focus-visible:focus-ring active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100"
-					:class="shape === 'circle' ? 'rounded-full' : 'rounded-6'"
+					class="group relative shrink-0 overflow-hidden bg-surface-gray-3 transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] focus-visible:outline-none focus-visible:focus-ring active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100"
+					:class="[
+						shape === 'circle' ? 'rounded-full' : 'rounded-6',
+						size === 'lg' ? 'size-24' : 'size-16',
+					]"
 					:aria-label="image ? __('Change photo') : __('Upload photo')"
 					@click="openFileSelector"
 				>
diff --git a/dashboard/src/components/common/PrefixedInput.vue b/dashboard/src/components/common/PrefixedInput.vue
new file mode 100644
index 000000000..ce1bec8ed
--- /dev/null
+++ b/dashboard/src/components/common/PrefixedInput.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { TextInput } from "frappe-ui"
+
+defineProps<{ prefix: string; placeholder?: string; label: string; disabled?: boolean }>()
+const value = defineModel<string>({ required: true })
+</script>
+
+<template>
+	<!-- On a phone the prefix moves above the input in small type, as the event route field
+	     does, so a long host leaves the slug the full width. -->
+	<div
+		class="flex min-w-0 items-stretch overflow-hidden rounded-4 border border-outline-gray-2 transition-colors duration-150 ease-[ease] hover:border-outline-gray-3 focus-within:border-outline-gray-4 motion-reduce:transition-none max-md:flex-col max-md:px-2.5 max-md:py-1.5"
+	>
+		<span
+			class="flex shrink-0 items-center border-e border-outline-gray-2 bg-surface-gray-2 px-2 text-base text-ink-gray-6 max-md:border-0 max-md:bg-transparent max-md:px-0 max-md:text-xs max-md:leading-4 max-md:text-ink-gray-5"
+		>
+			{{ prefix }}
+		</span>
+		<TextInput
+			v-model="value"
+			variant="ghost"
+			class="min-w-0 flex-1 max-md:[&_input]:!h-auto max-md:[&_input]:!px-0"
+			:placeholder="placeholder"
+			:aria-label="label"
+			:disabled="disabled"
+		/>
+	</div>
+</template>
diff --git a/dashboard/src/components/dashboard/CreateEventHeader.vue b/dashboard/src/components/dashboard/CreateEventHeader.vue
index 1c53103b6..0e4778c23 100644
--- a/dashboard/src/components/dashboard/CreateEventHeader.vue
+++ b/dashboard/src/components/dashboard/CreateEventHeader.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Button, PageHeader, PageHeaderMobile } from "frappe-ui"
 
+import FloatingCreateEventButton from "@/components/dashboard/FloatingCreateEventButton.vue"
 import UserMenu from "@/components/UserMenu.vue"
 import { useIsMobile } from "@/composables/useIsMobile"
 
@@ -17,14 +18,7 @@ const isMobile = useIsMobile()
 			</template>
 		</PageHeaderMobile>
 
-		<Button
-			class="fixed bottom-20 right-4 z-10 shadow-lg"
-			variant="solid"
-			size="lg"
-			icon-left="lucide-plus"
-			label="Create Event"
-			:route="{ name: 'create-event' }"
-		/>
+		<FloatingCreateEventButton />
 	</template>
 
 	<PageHeader v-else class="border-none pt-2 bg-surface-elevation-1">
diff --git a/dashboard/src/components/dashboard/FloatingCreateEventButton.vue b/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
new file mode 100644
index 000000000..6a10b6a1e
--- /dev/null
+++ b/dashboard/src/components/dashboard/FloatingCreateEventButton.vue
@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { Button } from "frappe-ui"
+</script>
+
+<template>
+	<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"
+		variant="solid"
+		size="lg"
+		icon-left="lucide-plus"
+		label="Create Event"
+		:route="{ name: 'create-event' }"
+	/>
+</template>
diff --git a/dashboard/src/components/dashboard/ManagerSidebarHeader.vue b/dashboard/src/components/dashboard/ManagerSidebarHeader.vue
index 1f0f31661..33ad3bbda 100644
--- a/dashboard/src/components/dashboard/ManagerSidebarHeader.vue
+++ b/dashboard/src/components/dashboard/ManagerSidebarHeader.vue
@@ -3,7 +3,9 @@ import { Avatar, Tooltip, sidebarCollapsedKey } from "frappe-ui"
 import { computed, inject } from "vue"
 import { useRoute, useRouter } from "vue-router"
 
-const props = defineProps<{ eventId?: string; eventTitle?: string }>()
+import type { Workspace } from "@/utils/managerNavigation"
+
+const props = defineProps<{ workspace?: Workspace }>()
 
 const route = useRoute()
 const router = useRouter()
@@ -13,7 +15,7 @@ const isCollapsed = inject(
 )
 
 // Never falls back to the id: swapping a hash for the title reads as a glitch.
-const name = computed(() => props.eventTitle ?? "")
+const name = computed(() => props.workspace?.title ?? "")
 
 const isCreatingEvent = computed(() => route.name === "create-event")
 
@@ -46,7 +48,7 @@ const goBack = () => (window.history.state?.back ? router.back() : goToEvents())
 	</Tooltip>
 
 	<!-- Identity and the way home; the account menu sits in the sidebar footer. -->
-	<Tooltip v-else-if="!eventId" class="w-full" text="Buzz" side="right" :disabled="!isCollapsed">
+	<Tooltip v-else-if="!workspace" class="w-full" text="Buzz" side="right" :disabled="!isCollapsed">
 		<router-link
 			to="/manage"
 			class="flex h-12 w-full items-center gap-2 rounded-4 px-1.5 transition-[background-color,transform] duration-150 ease-out hover:bg-surface-gray-2 active:scale-[0.98] focus-visible:outline-none focus-visible:focus-ring"
@@ -63,20 +65,29 @@ const goBack = () => (window.history.state?.back ? router.back() : goToEvents())
 		</router-link>
 	</Tooltip>
 
-	<Tooltip v-else class="w-full" text="Back to events" side="right" :disabled="!isCollapsed">
+	<Tooltip v-else class="w-full" :text="workspace.back.label" side="right" :disabled="!isCollapsed">
 		<button
-			aria-label="Back to events"
+			:aria-label="workspace.back.label"
 			class="group flex h-12 w-full items-center gap-1.5 rounded-4 px-1 transition duration-150 ease-out hover:bg-surface-gray-2 active:scale-[0.98] focus-visible:outline-none focus-visible:focus-ring"
-			@click="goToEvents"
+			@click="router.push(workspace.back.to)"
 		>
 			<span
 				class="lucide-chevron-left size-4 shrink-0 text-ink-gray-5 transition duration-150 ease-out group-hover:-translate-x-0.5 group-hover:text-ink-gray-8"
 			/>
 			<span
+				v-if="workspace.icon"
 				class="flex size-7 shrink-0 items-center justify-center rounded-3 bg-surface-gray-2 text-ink-gray-7 transition-colors duration-150 ease-out group-hover:bg-surface-gray-3"
 			>
-				<span class="lucide-box size-4" />
+				<span class="size-4" :class="workspace.icon" />
 			</span>
+			<Avatar
+				v-else
+				class="shrink-0"
+				shape="square"
+				size="md"
+				:image="workspace.image ?? undefined"
+				:label="name"
+			/>
 			<span v-if="!isCollapsed" class="flex min-w-0 flex-col text-left leading-tight">
 				<span
 					class="truncate text-base font-medium text-ink-gray-8 transition-opacity duration-150 ease-out"
@@ -85,7 +96,7 @@ const goBack = () => (window.history.state?.back ? router.back() : goToEvents())
 				>
 					{{ name || "\u00a0" }}
 				</span>
-				<span class="truncate text-xs text-ink-gray-5">Event Workspace</span>
+				<span class="truncate text-xs text-ink-gray-5">{{ workspace.subtitle }}</span>
 			</span>
 		</button>
 	</Tooltip>
diff --git a/dashboard/src/components/dashboard/TimelineList.vue b/dashboard/src/components/dashboard/TimelineList.vue
index 110654299..d1999386a 100644
--- a/dashboard/src/components/dashboard/TimelineList.vue
+++ b/dashboard/src/components/dashboard/TimelineList.vue
@@ -7,7 +7,7 @@ import type { MonthGroup } from "@/utils/eventGroups"
 import type { TimelineTab } from "@/utils/timelineTabs"
 
 defineProps<{
-	heading: string
+	heading?: string
 	icon?: string
 	description?: string
 	noun: string
@@ -29,7 +29,7 @@ const tabOptions = [
 <template>
 	<div class="m-auto max-w-[800px] w-full p-4 space-y-6 max-md:pb-24">
 		<header class="flex items-start justify-end md:justify-between">
-			<div class="hidden md:flex flex-col gap-3 items-start">
+			<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">
 						<Icon :name="icon" class="size-6" />
diff --git a/dashboard/src/components/dashboard/events/EventLinks.vue b/dashboard/src/components/dashboard/events/EventLinks.vue
index 4e57e2b1d..1747e1e90 100644
--- a/dashboard/src/components/dashboard/events/EventLinks.vue
+++ b/dashboard/src/components/dashboard/events/EventLinks.vue
@@ -6,7 +6,10 @@ import EventLinkDialog from "@/components/dashboard/events/EventLinkDialog.vue"
 import type { EventExternalLink } from "@/types"
 import { hostOf, linkIconClass } from "@/utils/eventLinks"
 
-defineProps<{ hint?: string }>()
+withDefaults(defineProps<{ hint?: string; headingClass?: string }>(), {
+	hint: undefined,
+	headingClass: "text-sm font-medium uppercase tracking-wide text-ink-gray-5",
+})
 
 const links = defineModel<EventExternalLink[]>({ required: true })
 
@@ -36,7 +39,7 @@ function remove() {
 <template>
 	<section class="space-y-3">
 		<div class="flex items-center justify-between">
-			<h2 class="text-sm font-medium uppercase tracking-wide text-ink-gray-5">{{ __("Links") }}</h2>
+			<h2 :class="headingClass">{{ __("Links") }}</h2>
 			<Button :label="__('Add')" icon-left="lucide-plus" @click="open(null)" />
 		</div>
 
diff --git a/dashboard/src/components/dashboard/teams/ManageTeamPanel.vue b/dashboard/src/components/dashboard/teams/ManageTeamPanel.vue
index ba8c8ed45..a65fb7b5f 100644
--- a/dashboard/src/components/dashboard/teams/ManageTeamPanel.vue
+++ b/dashboard/src/components/dashboard/teams/ManageTeamPanel.vue
@@ -1,38 +1,19 @@
 <script setup lang="ts">
-import {
-	Button,
-	ErrorMessage,
-	FormControl,
-	SettingsBody,
-	SettingsHeader,
-	Skeleton,
-	toast,
-} from "frappe-ui"
-import { computed, reactive, ref, watch } from "vue"
-
-import AvatarUploader from "@/components/common/AvatarUploader.vue"
+import { Button, ErrorMessage, SettingsBody, SettingsHeader, Skeleton } from "frappe-ui"
+import { computed, ref } from "vue"
+
 import AddMembersDialog from "@/components/dashboard/teams/AddMembersDialog.vue"
+import TeamIdentityForm from "@/components/dashboard/teams/TeamIdentityForm.vue"
 import TeamMembersTable from "@/components/dashboard/teams/TeamMembersTable.vue"
 import TeamPublicPage from "@/components/dashboard/teams/TeamPublicPage.vue"
-import { reloadTeams, updateTeam, useTeamOverview } from "@/data/teams"
+import TeamRoleGuide from "@/components/dashboard/teams/TeamRoleGuide.vue"
+import { reloadTeams, useTeamOverview } from "@/data/teams"
 import { serverErrorMessage } from "@/utils/serverError"
 import { canEditPublicPage, canManageMembers } from "@/utils/teamRoles"
 
 const props = defineProps<{ team: string; teamName: string }>()
 defineEmits<{ back: [] }>()
 
-// Plain-language reading of the capability matrix in specs/v2/00-teams.
-const ROLES = [
-	{ name: "Owner", can: __("Created the team. Full control, and cannot be removed.") },
-	{ name: "Admin", can: __("Everything an owner can do, except deleting the team.") },
-	{
-		name: "Manager",
-		can: __("Creates and edits events. Cannot delete records or manage members."),
-	},
-	{ name: "Frontdesk", can: __("Checks attendees in at the door, and nothing else.") },
-	{ name: "Viewer", can: __("Reads the team's events and details. Changes nothing.") },
-]
-
 const isAdding = ref(false)
 
 const overview = useTeamOverview(props.team)
@@ -40,35 +21,8 @@ const overview = useTeamOverview(props.team)
 const canManage = computed(() => canManageMembers(overview.data?.my_role))
 const canEditPage = computed(() => canEditPublicPage(overview.data?.my_role))
 
-const form = reactive({ team_name: props.teamName, logo: null as string | null })
-
-// The overview arrives after the panel opens, so the form follows it in.
-watch(
-	() => overview.data,
-	(team) => team && Object.assign(form, { team_name: team.team_name, logo: team.logo }),
-)
-
-const isDirty = computed(
-	() =>
-		!!overview.data &&
-		(form.team_name !== overview.data.team_name || form.logo !== overview.data.logo),
-)
-
-// A logo has no blur: an upload or a remove is the whole gesture.
-watch(() => form.logo, save)
-
 const title = computed(() => overview.data?.team_name ?? props.teamName)
 
-async function save() {
-	if (!isDirty.value || !form.team_name.trim()) return
-
-	await updateTeam.submit({ team: props.team, ...form }).catch(() => null)
-	if (updateTeam.error) return
-
-	await refresh()
-	toast.success(__("Team updated"))
-}
-
 // The teams list behind this view shows member avatars, so it has to follow every change.
 async function refresh() {
 	await overview.reload()
@@ -99,26 +53,11 @@ async function refresh() {
 
 		<SettingsBody>
 			<div class="flex flex-col gap-6 pt-6">
-				<template v-if="canManage">
-					<AvatarUploader
-						v-model="form.logo"
-						shape="square"
-						:label="title"
-						:title="__('Team logo')"
-						:description="__('Shown wherever the team appears')"
-					/>
-
-					<FormControl
-						type="text"
-						class="max-w-sm"
-						:label="__('Team Name')"
-						v-model="form.team_name"
-						:maxlength="140"
-						@blur="save"
-					/>
-
-					<ErrorMessage :message="serverErrorMessage(updateTeam.error)" />
-				</template>
+				<TeamIdentityForm
+					v-if="canManage && overview.data"
+					:team="overview.data"
+					@saved="refresh"
+				/>
 
 				<TeamPublicPage
 					v-if="canEditPage && overview.data"
@@ -128,15 +67,7 @@ async function refresh() {
 
 				<h3 class="text-base-semibold text-ink-gray-8">{{ __("Team Members") }}</h3>
 
-				<section class="-mt-3 rounded-7 bg-surface-gray-1 p-4">
-					<h4 class="text-sm font-medium text-ink-gray-7">{{ __("What each role can do") }}</h4>
-					<dl class="mt-3 grid gap-x-6 gap-y-2 text-sm sm:grid-cols-2">
-						<div v-for="role in ROLES" :key="role.name" class="flex gap-2">
-							<dt class="w-20 shrink-0 font-medium text-ink-gray-7">{{ role.name }}</dt>
-							<dd class="text-ink-gray-5">{{ role.can }}</dd>
-						</div>
-					</dl>
-				</section>
+				<TeamRoleGuide class="-mt-3" />
 
 				<ErrorMessage v-if="overview.error" :message="serverErrorMessage(overview.error)" />
 
diff --git a/dashboard/src/components/dashboard/teams/SaveActions.vue b/dashboard/src/components/dashboard/teams/SaveActions.vue
new file mode 100644
index 000000000..e067df805
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/SaveActions.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { Button } from "frappe-ui"
+
+defineProps<{ isDirty: boolean; saving: boolean; disabled?: boolean }>()
+defineEmits<{ save: []; discard: [] }>()
+</script>
+
+<template>
+	<Transition
+		enter-active-class="transition duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none"
+		enter-from-class="opacity-0 translate-y-1"
+		leave-active-class="transition duration-100 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none"
+		leave-to-class="opacity-0"
+	>
+		<div v-if="isDirty" class="flex items-center gap-2">
+			<!-- On a phone Discard takes the back button's place; see TeamPageHeader. -->
+			<Button class="max-md:hidden" :label="__('Discard')" @click="$emit('discard')" />
+			<Button
+				variant="solid"
+				:label="__('Save')"
+				:disabled="disabled"
+				:loading="saving"
+				@click="$emit('save')"
+			/>
+		</div>
+	</Transition>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/TeamCard.vue b/dashboard/src/components/dashboard/teams/TeamCard.vue
new file mode 100644
index 000000000..8d6cdf30f
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/TeamCard.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { Avatar } from "frappe-ui"
+import { computed } from "vue"
+
+import UserGroup from "@/components/common/UserGroup.vue"
+import type { TeamOption } from "@/types"
+
+const props = defineProps<{ team: TeamOption }>()
+
+const upcomingEvents = computed(() => {
+	const count = props.team.upcoming_event_count
+	if (!count) return __("No upcoming events")
+	return count === 1 ? __("1 upcoming event") : __("{0} upcoming events", [String(count)])
+})
+</script>
+
+<template>
+	<router-link
+		:to="`/manage/teams/${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" />
+
+		<div class="flex flex-col gap-1">
+			<h3 class="truncate text-lg font-semibold text-ink-gray-9" :title="team.team_name">
+				{{ team.team_name }}
+			</h3>
+			<p class="flex items-center gap-1.5 text-sm text-ink-gray-5">
+				<span>{{ __(team.team_role) }}</span>
+				<span class="text-ink-gray-4">·</span>
+				<span>{{ upcomingEvents }}</span>
+			</p>
+			<p v-if="team.short_description" class="line-clamp-2 text-p-base text-ink-gray-6">
+				{{ team.short_description }}
+			</p>
+		</div>
+
+		<UserGroup class="mt-auto pt-4" :users="team.members" />
+	</router-link>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/TeamIdentityForm.vue b/dashboard/src/components/dashboard/teams/TeamIdentityForm.vue
new file mode 100644
index 000000000..8e96f4593
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/TeamIdentityForm.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { ErrorMessage, FormControl, toast } from "frappe-ui"
+import { computed, reactive, watch } from "vue"
+
+import AvatarUploader from "@/components/common/AvatarUploader.vue"
+import { updateTeam } from "@/data/teams"
+import type { TeamOverview } from "@/types"
+import { serverErrorMessage } from "@/utils/serverError"
+
+const props = defineProps<{ team: TeamOverview }>()
+const emit = defineEmits<{ saved: [] }>()
+
+const form = reactive({ team_name: props.team.team_name, logo: props.team.logo })
+
+watch(
+	() => props.team,
+	(team) => Object.assign(form, { team_name: team.team_name, logo: team.logo }),
+)
+
+const isDirty = computed(
+	() => form.team_name !== props.team.team_name || form.logo !== props.team.logo,
+)
+
+// A logo has no blur: an upload or a remove is the whole gesture.
+watch(() => form.logo, save)
+
+async function save() {
+	if (!isDirty.value || !form.team_name.trim()) return
+
+	await updateTeam.submit({ team: props.team.name, ...form }).catch(() => null)
+	if (updateTeam.error) return
+
+	emit("saved")
+	toast.success(__("Team updated"))
+}
+</script>
+
+<template>
+	<AvatarUploader
+		v-model="form.logo"
+		shape="square"
+		:label="form.team_name"
+		:title="__('Team logo')"
+		:description="__('Shown wherever the team appears')"
+	/>
+
+	<FormControl
+		type="text"
+		class="max-w-sm"
+		:label="__('Team Name')"
+		v-model="form.team_name"
+		:maxlength="140"
+		@blur="save"
+	/>
+
+	<ErrorMessage :message="serverErrorMessage(updateTeam.error)" />
+</template>
diff --git a/dashboard/src/components/dashboard/teams/TeamMembersTable.vue b/dashboard/src/components/dashboard/teams/TeamMembersTable.vue
index 351218f8b..55d73468c 100644
--- a/dashboard/src/components/dashboard/teams/TeamMembersTable.vue
+++ b/dashboard/src/components/dashboard/teams/TeamMembersTable.vue
@@ -2,6 +2,7 @@
 import { Avatar, Badge, Button, Checkbox, Dropdown, FormControl } from "frappe-ui"
 import { computed, ref } from "vue"
 
+import EmptyState from "@/components/common/EmptyState.vue"
 import SelectionBar from "@/components/common/SelectionBar.vue"
 import ChangeRoleDialog from "@/components/dashboard/teams/ChangeRoleDialog.vue"
 import { useRosterActions } from "@/composables/useRosterActions"
@@ -114,17 +115,20 @@ function refreshed() {
 
 <template>
 	<div class="flex flex-col gap-4">
-		<FormControl
-			v-model="search"
-			type="text"
-			class="max-w-xs"
-			:placeholder="__('Search members')"
-			:aria-label="__('Search members')"
-		>
-			<template #prefix>
-				<span class="lucide-search size-4 text-ink-gray-5" aria-hidden="true" />
-			</template>
-		</FormControl>
+		<div class="flex items-center justify-between gap-2">
+			<FormControl
+				v-model="search"
+				type="text"
+				class="w-full max-w-xs"
+				:placeholder="__('Search members')"
+				:aria-label="__('Search members')"
+			>
+				<template #prefix>
+					<span class="lucide-search size-4 text-ink-gray-5" aria-hidden="true" />
+				</template>
+			</FormControl>
+			<slot name="actions" />
+		</div>
 
 		<!-- relative: the roster is what the selection bar floats over. -->
 		<div class="relative">
@@ -148,16 +152,22 @@ function refreshed() {
 				/>
 			</SelectionBar>
 
-			<div :class="columns" class="pb-2 text-sm text-ink-gray-5">
+			<div v-if="visibleRows.length" :class="columns" class="pb-2 text-sm text-ink-gray-5">
 				<span v-if="canManage" />
 				<span />
 				<span />
 				<span>{{ __("Role") }}</span>
 			</div>
 
-			<p v-if="!visibleRows.length" class="py-3 text-base text-ink-gray-5">
-				{{ __("No members found") }}
-			</p>
+			<EmptyState
+				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>
 
 			<!-- 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/TeamPageHeader.vue b/dashboard/src/components/dashboard/teams/TeamPageHeader.vue
new file mode 100644
index 000000000..3151fdeae
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/TeamPageHeader.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { Breadcrumbs, Button, PageHeader, PageHeaderMobile, PageHeaderMobileTitle } from "frappe-ui"
+import { computed } from "vue"
+import { type RouteLocationRaw, useRoute } from "vue-router"
+
+import { useIsMobile } from "@/composables/useIsMobile"
+import { teams } from "@/data/teams"
+import { openTeamPage } from "@/utils/teamUrl"
+
+const props = defineProps<{
+	section: string
+	detail?: string
+	back?: RouteLocationRaw
+	teamPageLink?: boolean
+	dirty?: boolean
+}>()
+
+const isMobile = useIsMobile()
+const route = useRoute()
+
+const team = computed(() => teams.value.find((option) => option.name === route.params.teamId))
+const teamName = computed(() => team.value?.team_name ?? "")
+const publicSlug = computed(() =>
+	team.value?.is_published && !props.dirty ? team.value.slug : null,
+)
+
+const items = computed(() => [{ label: teamName.value || "Team" }, { label: props.section }])
+</script>
+
+<template>
+	<PageHeaderMobile v-if="isMobile">
+		<PageHeaderMobileTitle>
+			{{ teamName }}
+			<span v-if="detail" class="text-base font-normal text-ink-gray-5">· {{ detail }}</span>
+		</PageHeaderMobileTitle>
+		<template #prefix>
+			<!-- A page with unsaved edits puts Discard here, as the event pages do. -->
+			<slot name="leading">
+				<Button
+					variant="ghost"
+					icon="lucide-chevron-left"
+					:label="back ? 'Back' : 'Back to teams'"
+					:route="back ?? { name: 'teams' }"
+				/>
+			</slot>
+		</template>
+		<template #suffix>
+			<Button
+				v-if="publicSlug"
+				variant="ghost"
+				icon="lucide-arrow-up-right"
+				:label="__('Open team page')"
+				:tooltip="__('Open team page')"
+				@click="openTeamPage(publicSlug)"
+			/>
+			<slot />
+		</template>
+	</PageHeaderMobile>
+
+	<PageHeader v-else class="border-none bg-surface-elevation-1 pt-2">
+		<Breadcrumbs :items="items" />
+		<div class="flex items-center gap-2">
+			<Button
+				v-if="teamPageLink && publicSlug"
+				:label="__('Team Page')"
+				icon-right="lucide-arrow-up-right"
+				@click="openTeamPage(publicSlug)"
+			/>
+			<slot />
+		</div>
+	</PageHeader>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/TeamPublicPage.vue b/dashboard/src/components/dashboard/teams/TeamPublicPage.vue
index a5e1b4e99..fa0841fb4 100644
--- a/dashboard/src/components/dashboard/teams/TeamPublicPage.vue
+++ b/dashboard/src/components/dashboard/teams/TeamPublicPage.vue
@@ -8,6 +8,7 @@ import { updatePublicPage } from "@/data/teams"
 import type { EventExternalLink, TeamOverview } from "@/types"
 import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 import { serverErrorMessage } from "@/utils/serverError"
+import { teamUrl } from "@/utils/teamUrl"
 
 const props = defineProps<{ team: TeamOverview }>()
 const emit = defineEmits<{ saved: [] }>()
@@ -30,6 +31,12 @@ function differsFrom(team: TeamOverview) {
 }
 
 // The panel also reloads the team after a name or logo change; unsaved edits here survive that.
+// The server refuses submissions on a private team, so unpublishing turns them off.
+watch(
+	() => form.is_published,
+	(isPublic) => !isPublic && (form.is_a_community = false),
+)
+
 watch(
 	() => props.team,
 	(team, previous) => {
@@ -55,13 +62,13 @@ async function save() {
 			<div class="space-y-1">
 				<h3 class="text-base-semibold text-ink-gray-8">{{ __("Public page") }}</h3>
 				<a
-					v-if="team.public_url"
-					:href="team.public_url"
+					v-if="team.is_published && team.slug"
+					:href="teamUrl(team.slug)"
 					target="_blank"
 					rel="noopener"
 					class="text-p-sm text-ink-gray-5 underline-offset-2 hover:underline"
 				>
-					{{ team.public_url }}
+					{{ teamUrl(team.slug) }}
 				</a>
 				<p v-else class="text-p-sm text-ink-gray-5">
 					{{ __("Publish to give the team a page anyone can visit.") }}
diff --git a/dashboard/src/components/dashboard/teams/TeamRoleGuide.vue b/dashboard/src/components/dashboard/teams/TeamRoleGuide.vue
new file mode 100644
index 000000000..e62e11331
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/TeamRoleGuide.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const ROLES = [
+	{ name: "Owner", can: __("Created the team. Full control, and cannot be removed.") },
+	{ name: "Admin", can: __("Everything an owner can do, except deleting the team.") },
+	{
+		name: "Manager",
+		can: __("Creates and edits events. Cannot delete records or manage members."),
+	},
+	{ name: "Frontdesk", can: __("Checks attendees in at the door, and nothing else.") },
+	{ name: "Viewer", can: __("Reads the team's events and details. Changes nothing.") },
+]
+</script>
+
+<template>
+	<section class="rounded-7 bg-surface-gray-1 p-4">
+		<h4 class="text-sm font-medium text-ink-gray-7">{{ __("What each role can do") }}</h4>
+		<dl class="mt-3 grid gap-x-6 gap-y-2 text-sm sm:grid-cols-2">
+			<div v-for="role in ROLES" :key="role.name" class="flex gap-2">
+				<dt class="w-20 shrink-0 font-medium text-ink-gray-7">{{ role.name }}</dt>
+				<dd class="text-ink-gray-5">{{ role.can }}</dd>
+			</div>
+		</dl>
+	</section>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/TeamTaxDetailsForm.vue b/dashboard/src/components/dashboard/teams/TeamTaxDetailsForm.vue
new file mode 100644
index 000000000..c4f50896d
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/TeamTaxDetailsForm.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { FormControl } from "frappe-ui"
+
+import type { TeamTaxDetails } from "@/types"
+
+defineProps<{ details: Record<keyof TeamTaxDetails, string>; editable: boolean }>()
+</script>
+
+<template>
+	<section class="space-y-4">
+		<div class="space-y-1">
+			<h2 class="text-xl font-semibold text-ink-gray-8">{{ __("Tax Details") }}</h2>
+			<p class="text-p-sm text-ink-gray-5">
+				{{
+					editable
+						? __("Used on every event your team hosts, and needed to charge tax on tickets.")
+						: __("Only owners and admins can change these.")
+				}}
+			</p>
+		</div>
+		<div class="flex flex-col gap-4 sm:flex-row">
+			<div class="flex flex-1 flex-col gap-4">
+				<FormControl
+					v-model="details.legal_name"
+					:label="__('Legal name')"
+					:placeholder="__('Acme Events Pvt Ltd')"
+					required
+					:disabled="!editable"
+				/>
+				<FormControl
+					v-model="details.tax_id"
+					:label="__('Tax ID')"
+					:placeholder="__('22AAAAA0000A1Z5')"
+					:description="__('GSTIN, VAT number or equivalent.')"
+					required
+					:disabled="!editable"
+				/>
+			</div>
+			<FormControl
+				v-model="details.billing_address"
+				type="textarea"
+				class="flex-1"
+				:label="__('Billing address')"
+				:rows="5"
+				required
+				:disabled="!editable"
+			/>
+		</div>
+	</section>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/settings/TeamDisplaySettings.vue b/dashboard/src/components/dashboard/teams/settings/TeamDisplaySettings.vue
new file mode 100644
index 000000000..54e97b315
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/settings/TeamDisplaySettings.vue
@@ -0,0 +1,198 @@
+<script setup lang="ts">
+import { watchDebounced } from "@vueuse/core"
+import {
+	Avatar,
+	Button,
+	Divider,
+	Dropdown,
+	LoadingText,
+	SettingsRow,
+	Textarea,
+	TextInput,
+} from "frappe-ui"
+import { computed, ref, watch } from "vue"
+
+import AvatarUploader from "@/components/common/AvatarUploader.vue"
+import PrefixedInput from "@/components/common/PrefixedInput.vue"
+import EventLinks from "@/components/dashboard/events/EventLinks.vue"
+import type { TeamSettings } from "@/composables/useTeamSettings"
+import { checkTeamSlug } from "@/data/teams"
+
+const props = defineProps<{ settings: TeamSettings }>()
+const form = computed(() => props.settings.form)
+
+// Short enough that the menu fits a phone: frappe-ui sizes it to the longest line.
+const VISIBILITY = [
+	{
+		published: true,
+		label: "Public",
+		icon: "lucide-globe",
+		description: "Anyone with the link can see it.",
+	},
+	{
+		published: false,
+		label: "Private",
+		icon: "lucide-lock",
+		description: "Only team members can see it.",
+	},
+]
+const visibility = computed(() =>
+	VISIBILITY.find((option) => option.published === form.value.is_published)!,
+)
+const visibilityOptions = computed(() =>
+	VISIBILITY.map((option) => ({
+		label: __(option.label),
+		icon: option.icon,
+		description: __(option.description),
+		selected: option.published === form.value.is_published,
+		onClick: () => (form.value.is_published = option.published),
+	})),
+)
+
+const urlPrefix = `${window.location.hostname}/community/`
+
+type Availability = { available: boolean; message: string }
+const availability = ref<Availability | null>(null)
+const checking = ref(false)
+
+const needsCheck = (slug: string) => {
+	const team = props.settings.overview.data
+	return Boolean(team && slug.trim() && slug !== team.slug)
+}
+
+watch(
+	() => form.value.slug,
+	(slug) => {
+		availability.value = null
+		checking.value = needsCheck(slug)
+	},
+)
+
+watchDebounced(
+	() => form.value.slug,
+	async (slug) => {
+		const team = props.settings.overview.data
+		if (!team || !needsCheck(slug)) return
+		// A failed check says nothing rather than spinning forever; the save still checks.
+		const answer = await checkTeamSlug.submit({ team: team.name, slug }).catch(() => null)
+		// A later keystroke may have overtaken this request while it was in flight.
+		if (form.value.slug !== slug) return
+		checking.value = false
+		availability.value = answer
+	},
+	{ debounce: 400 },
+)
+
+watch(availability, (answer) => (props.settings.slugTaken = Boolean(answer) && !answer?.available))
+</script>
+
+<template>
+	<div class="space-y-8">
+		<!-- gap, not space-y: the uploader leads with a hidden file input, which space-y
+		     counts as the first item and pushes the logo down. -->
+		<div class="flex flex-col gap-6">
+			<AvatarUploader
+				v-if="settings.canManage"
+				v-model="form.logo"
+				shape="square"
+				size="lg"
+				:label="form.team_name"
+				:title="__('Team logo')"
+				:description="__('Shown wherever the team appears')"
+			/>
+			<Avatar
+				v-else
+				shape="square"
+				size="3xl"
+				:image="form.logo ?? undefined"
+				:label="form.team_name"
+			/>
+
+			<div class="space-y-1">
+				<TextInput
+					v-model="form.team_name"
+					variant="ghost"
+					:maxlength="140"
+					:disabled="!settings.canManage"
+					:aria-label="__('Team name')"
+					:placeholder="__('Name your team')"
+					class="[&_input]:!h-auto [&_input]:!px-0 [&_input]:!text-4xl max-md:[&_input]:!text-6xl max-md:[&_input]:!font-semibold [&_input]:!font-semibold [&_input]:!text-ink-gray-9"
+				/>
+				<Textarea
+					v-model="form.short_description"
+					variant="ghost"
+					:rows="2"
+					:disabled="!settings.canEditPage"
+					:aria-label="__('Short description')"
+					:placeholder="__('Add a short description')"
+					class="resize-none !border-0 bg-transparent !px-0 text-ink-gray-6"
+				/>
+			</div>
+		</div>
+
+		<Divider />
+
+		<section class="space-y-4">
+			<h2 class="text-xl font-semibold text-ink-gray-8">{{ __("Access") }}</h2>
+			<div class="divide-y divide-outline-gray-1 rounded-6 border border-outline-gray-2 px-4">
+				<SettingsRow :title="__('Visibility')" :description="__('Who can see the team page.')">
+					<Dropdown :options="visibilityOptions" align="end" :disabled="!settings.canEditPage">
+						<Button
+							:label="__(visibility.label)"
+							:icon-left="visibility.icon"
+							icon-right="lucide-chevron-down"
+							:disabled="!settings.canEditPage"
+						/>
+					</Dropdown>
+				</SettingsRow>
+				<div class="pb-4.5">
+					<SettingsRow
+						:title="__('Public URL')"
+						:description="__('Where the team page lives. Changing it moves the page.')"
+					/>
+					<PrefixedInput
+						v-model="form.slug"
+						:prefix="urlPrefix"
+						:label="__('Public URL')"
+						:placeholder="__('your-team')"
+						:disabled="!settings.canEditPage"
+					/>
+					<Transition
+						enter-active-class="transition duration-150 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none"
+						enter-from-class="opacity-0 -translate-y-0.5"
+						leave-active-class="transition duration-100 ease-[cubic-bezier(0.23,1,0.32,1)] motion-reduce:transition-none"
+						leave-to-class="opacity-0"
+						mode="out-in"
+					>
+						<LoadingText
+							v-if="checking"
+							key="checking"
+							class="pt-1.5 !text-sm"
+							:text="__('Checking availability')"
+						/>
+						<p
+							v-else-if="availability"
+							key="answer"
+							class="flex items-center gap-1 pt-1.5 text-sm"
+							:class="availability.available ? 'text-ink-green-6' : 'text-ink-amber-7'"
+						>
+							<span
+								class="size-3.5 shrink-0"
+								:class="availability.available ? 'lucide-check' : 'lucide-triangle-alert'"
+								aria-hidden="true"
+							/>
+							{{ availability.message }}
+						</p>
+					</Transition>
+				</div>
+			</div>
+		</section>
+
+		<EventLinks
+			v-if="settings.canEditPage"
+			heading-class="text-xl font-semibold text-ink-gray-8"
+			v-model="form.links"
+			:hint="__('Website, forum, repository — wherever people can find the team.')"
+		/>
+	</div>
+</template>
diff --git a/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue b/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue
new file mode 100644
index 000000000..02eb7e250
--- /dev/null
+++ b/dashboard/src/components/dashboard/teams/settings/TeamOptionsSettings.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { Switch } from "frappe-ui"
+
+import type { TeamSettings } from "@/composables/useTeamSettings"
+
+defineProps<{ settings: TeamSettings }>()
+</script>
+
+<template>
+	<section class="space-y-4">
+		<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"
+				padded
+				:label="__('Community submissions')"
+				:description="
+					settings.form.is_published
+						? __(
+								'Let other teams submit their events to be listed on your page. You approve each one.',
+							)
+						: __('Make the team public on the Display tab to accept submissions from other teams.')
+				"
+				:disabled="!settings.canEditPage || !settings.form.is_published"
+			/>
+		</div>
+	</section>
+</template>
diff --git a/dashboard/src/composables/useSaveShortcut.ts b/dashboard/src/composables/useSaveShortcut.ts
new file mode 100644
index 000000000..9e288545f
--- /dev/null
+++ b/dashboard/src/composables/useSaveShortcut.ts
@@ -0,0 +1,20 @@
+import { useEventListener } from "@vueuse/core"
+import type { MaybeRefOrGetter } from "vue"
+import { toValue } from "vue"
+
+/**
+ * Cmd/Ctrl+S saves, taking the shortcut the browser would spend on saving the document,
+ * and leaving the site with unsaved edits gets the browser's warning. Moving to another
+ * dashboard page unmounts the form and drops the edits, as on event Details.
+ */
+export function useSaveShortcut(save: () => unknown, isDirty: MaybeRefOrGetter<boolean>) {
+	useEventListener(document, "keydown", (stroke: KeyboardEvent) => {
+		if (stroke.key !== "s" || !(stroke.metaKey || stroke.ctrlKey) || stroke.altKey) return
+		stroke.preventDefault()
+		if (!stroke.repeat) save()
+	})
+
+	useEventListener(window, "beforeunload", (unload: BeforeUnloadEvent) => {
+		if (toValue(isDirty)) unload.preventDefault()
+	})
+}
diff --git a/dashboard/src/composables/useTeamSettings.ts b/dashboard/src/composables/useTeamSettings.ts
new file mode 100644
index 000000000..f1d8657a9
--- /dev/null
+++ b/dashboard/src/composables/useTeamSettings.ts
@@ -0,0 +1,117 @@
+import { toast } from "frappe-ui"
+import { computed, reactive, ref, watch } from "vue"
+
+import { reloadTeams, updatePublicPage, updateTeam, useTeamOverview } from "@/data/teams"
+import type { EventExternalLink, TeamOverview } from "@/types"
+import { canEditPublicPage, canManageMembers } from "@/utils/teamRoles"
+
+function formFromTeam(team: TeamOverview) {
+	return {
+		team_name: team.team_name,
+		slug: team.slug ?? "",
+		logo: team.logo,
+		short_description: team.short_description ?? "",
+		// Not edited on Settings yet, but update_public_page takes the whole page.
+		about: team.about ?? "",
+		links: team.links.map((link) => ({ ...link })) as EventExternalLink[],
+		is_published: team.is_published,
+		is_a_community: team.is_a_community,
+	}
+}
+
+// What update_public_page takes; the rest of the form is update_team's.
+const PAGE_FIELDS = [
+	"slug",
+	"short_description",
+	"about",
+	"links",
+	"is_published",
+	"is_a_community",
+] as const
+
+type SettingsForm = ReturnType<typeof formFromTeam>
+const publicPageFields = (values: SettingsForm) =>
+	Object.fromEntries(PAGE_FIELDS.map((field) => [field, values[field]]))
+
+const EMPTY_TEAM = { team_name: "", logo: null, links: [] } as unknown as TeamOverview
+
+/**
+ * One form behind the Settings page's single Save. Name and logo go to update_team
+ * (Owner/Admin); the rest goes to update_public_page (Owner/Admin/Manager).
+ */
+export function useTeamSettings(team: string) {
+	const overview = useTeamOverview(team)
+	const form = reactive(formFromTeam(EMPTY_TEAM))
+
+	watch(
+		() => overview.data,
+		(data) => data && Object.assign(form, formFromTeam(data)),
+		{ immediate: true },
+	)
+
+	// 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),
+	)
+
+	const canManage = computed(() => canManageMembers(overview.data?.my_role))
+	const canEditPage = computed(() => canEditPublicPage(overview.data?.my_role))
+
+	const savedForm = computed(() => formFromTeam(overview.data ?? EMPTY_TEAM))
+	const identityDirty = computed(
+		() => form.team_name !== savedForm.value.team_name || form.logo !== savedForm.value.logo,
+	)
+	const pageDirty = computed(
+		() =>
+			JSON.stringify(publicPageFields(form)) !== JSON.stringify(publicPageFields(savedForm.value)),
+	)
+	const isDirty = computed(() => Boolean(overview.data) && (identityDirty.value || pageDirty.value))
+	// Set by the URL field once the server says another team has the slug.
+	const slugTaken = ref(false)
+	const canSave = computed(() => isDirty.value && !slugTaken.value)
+	const saving = computed(() => updateTeam.loading || updatePublicPage.loading)
+	// This save's own failure: the calls are shared, so one skipped this time still holds
+	// the error from an earlier save.
+	const error = ref<Error | null>(null)
+
+	async function submitHasError(call: typeof updateTeam, params: Record<string, unknown>) {
+		await call.submit(params).catch(() => null)
+		error.value = call.error
+		return Boolean(call.error)
+	}
+
+	async function save() {
+		if (!canSave.value || saving.value) return
+		if (!form.team_name.trim()) return toast.error(__("Team name is required"))
+		error.value = null
+		const identity = { team, team_name: form.team_name, logo: form.logo }
+		if (identityDirty.value && (await submitHasError(updateTeam, identity))) return
+		if (
+			pageDirty.value &&
+			(await submitHasError(updatePublicPage, { team, ...publicPageFields(form) }))
+		)
+			return
+		await overview.reload()
+		reloadTeams()
+		toast.success(__("Settings saved"))
+	}
+
+	// A fresh copy: the saved snapshot must never share the links array with the form.
+	const discard = () => Object.assign(form, formFromTeam(overview.data ?? EMPTY_TEAM))
+
+	return reactive({
+		overview,
+		form,
+		canManage,
+		canEditPage,
+		isDirty,
+		slugTaken,
+		saving,
+		error,
+		save,
+		discard,
+	})
+}
+
+export type TeamSettings = ReturnType<typeof useTeamSettings>
diff --git a/dashboard/src/data/teams.ts b/dashboard/src/data/teams.ts
index aae4f0520..bd7ca56b1 100644
--- a/dashboard/src/data/teams.ts
+++ b/dashboard/src/data/teams.ts
@@ -36,6 +36,9 @@ const teamsResource = useCall<TeamOption[]>({
 
 export const teams = computed((): TeamOption[] => teamsResource.data || [])
 
+// Not `loading`: the list is fetched on demand, so it sits idle before the first call.
+export const teamsLoaded = computed(() => Boolean(teamsResource.data))
+
 export const currentTeam = computed(
 	(): TeamOption | null => teams.value.find((team) => team.name === selectedTeamName.value) || null,
 )
@@ -78,6 +81,20 @@ export const updateTeam = useCall<unknown, Record<string, unknown>>({
 	immediate: false,
 })
 
+export const checkTeamSlug = useCall<
+	{ available: boolean; message: string },
+	{ team: string; slug: string }
+>({
+	url: "/api/v2/method/buzz.api.teams.check_team_slug",
+	immediate: false,
+})
+
+export const updateTaxDetails = useCall<unknown, Record<string, unknown>>({
+	url: "/api/v2/method/buzz.api.teams.update_tax_details",
+	method: "POST",
+	immediate: false,
+})
+
 export const updatePublicPage = useCall<unknown, Record<string, unknown>>({
 	url: "/api/v2/method/buzz.api.teams.update_public_page",
 	method: "POST",
diff --git a/dashboard/src/index.css b/dashboard/src/index.css
index 18d5a2328..7708373e8 100644
--- a/dashboard/src/index.css
+++ b/dashboard/src/index.css
@@ -43,8 +43,8 @@ button,
 	overscroll-behavior-y: contain;
 }
 
-/* Fix tabs spacing */
-[role="tablist"] {
+/* Fix tabs spacing; a vertical list keeps frappe-ui's own tighter gap. */
+[role="tablist"]:not([aria-orientation="vertical"]) {
 	gap: 1rem;
 }
 
diff --git a/dashboard/src/layouts/ManagerDesktopShell.vue b/dashboard/src/layouts/ManagerDesktopShell.vue
index b704247cc..d9cfdcd7a 100644
--- a/dashboard/src/layouts/ManagerDesktopShell.vue
+++ b/dashboard/src/layouts/ManagerDesktopShell.vue
@@ -1,13 +1,18 @@
 <script setup lang="ts">
-import { DesktopShell, PageHeaderTarget, Sidebar, SidebarItem } from "frappe-ui"
+import { DesktopShell, Divider, PageHeaderTarget, Sidebar, SidebarItem } from "frappe-ui"
 import { computed, ref, watch } from "vue"
 import { useRoute } from "vue-router"
 
 import ManagerSidebarHeader from "@/components/dashboard/ManagerSidebarHeader.vue"
 import UserMenu from "@/components/UserMenu.vue"
-import { discoverEvents, openDiscoverEvents, type ManagerNavItem } from "@/utils/managerNavigation"
+import {
+	discoverEvents,
+	openDiscoverEvents,
+	type ManagerNavItem,
+	type Workspace,
+} from "@/utils/managerNavigation"
 
-defineProps<{ items: ManagerNavItem[]; eventId?: string; eventTitle: string }>()
+const props = defineProps<{ items: ManagerNavItem[]; workspace?: Workspace }>()
 
 const route = useRoute()
 
@@ -15,10 +20,10 @@ const route = useRoute()
 // type Boolean, so Vue casts the absent prop to false and the inference never runs.
 const isActive = (to: string) => route.path === to
 
-// The header swaps between the brand mark, an event, and the create-event way out.
+// The header swaps between the brand mark, an event or team, and the create-event way out.
 const headerKey = computed(() => {
 	if (route.name === "create-event") return "create"
-	return route.params.eventId ? "event" : "root"
+	return props.workspace ? "workspace" : "root"
 })
 
 // Leaving the root pushes the sidebar left, returning to it pulls back right.
@@ -38,7 +43,7 @@ watch(headerKey, (key, previous) => {
 				<div class="nav-stage relative h-14 shrink-0">
 					<Transition :name="`nav-${direction}`">
 						<div :key="headerKey" class="absolute inset-x-1 top-2 flex items-center">
-							<ManagerSidebarHeader :event-id="eventId" :event-title="eventTitle" />
+							<ManagerSidebarHeader :workspace="workspace" />
 						</div>
 					</Transition>
 				</div>
@@ -49,14 +54,15 @@ 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">
-							<SidebarItem
-								v-for="item in items"
-								:key="item.label"
-								:label="item.label"
-								:icon="item.icon"
-								:to="item.to"
-								:active="isActive(item.to)"
-							/>
+							<template v-for="item in items" :key="item.label">
+								<Divider v-if="item.startsGroup" class="my-1.5" />
+								<SidebarItem
+									:label="item.label"
+									:icon="item.icon"
+									:to="item.to"
+									:active="isActive(item.to)"
+								/>
+							</template>
 						</div>
 					</Transition>
 				</div>
diff --git a/dashboard/src/layouts/ManagerLayout.vue b/dashboard/src/layouts/ManagerLayout.vue
index 816cfa3a8..6b74fc6f4 100644
--- a/dashboard/src/layouts/ManagerLayout.vue
+++ b/dashboard/src/layouts/ManagerLayout.vue
@@ -1,16 +1,17 @@
 <script setup lang="ts">
 import { usePageMeta } from "frappe-ui"
-import { computed } from "vue"
+import { computed, watch } from "vue"
 import { useRoute } from "vue-router"
 
 import { useIsMobile } from "@/composables/useIsMobile"
 import { useTeamAccess } from "@/composables/useTeamAccess"
 import { useEventDoc } from "@/data/events"
 import { useMySponsorships } from "@/data/sponsorships"
+import { selectTeam, teams, teamsLoaded } from "@/data/teams"
 import ManagerDesktopShell from "@/layouts/ManagerDesktopShell.vue"
 import ManagerMobileShell from "@/layouts/ManagerMobileShell.vue"
 import NotFound from "@/pages/NotFound.vue"
-import { managerNavigation } from "@/utils/managerNavigation"
+import { managerNavigation, type Workspace } from "@/utils/managerNavigation"
 
 const route = useRoute()
 const access = useTeamAccess()
@@ -26,15 +27,42 @@ const eventId = computed(() => route.params.eventId as string | undefined)
 const eventDoc = useEventDoc(() => eventId.value ?? "")
 const eventTitle = computed(() => eventDoc.doc?.title ?? "")
 
+// A team opens the same way; its name and logo are already in the teams list.
+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))
+// 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 })
+
+const workspace = computed((): Workspace | undefined => {
+	if (eventId.value)
+		return {
+			title: eventTitle.value,
+			subtitle: "Event Workspace",
+			back: { label: "Back to events", to: "/manage/events" },
+			icon: "lucide-box",
+		}
+	if (teamId.value)
+		return {
+			title: team.value?.team_name ?? "",
+			subtitle: team.value?.is_a_community ? "Community Workspace" : "Team Workspace",
+			back: { label: "Back to teams", to: "/manage/teams" },
+			image: team.value?.logo,
+		}
+	return undefined
+})
+
 usePageMeta(() => {
 	const section = route.meta.title as string | undefined
-	if (!section || !eventTitle.value) return null
-	return { title: `${__(section)} | ${eventTitle.value}` }
+	if (!section || !workspace.value?.title) return null
+	return { title: `${__(section)} | ${workspace.value.title}` }
 })
 
 const items = computed(() =>
 	managerNavigation({
 		eventId: eventId.value,
+		teamId: teamId.value,
 		creatingEvent: route.name === "create-event",
 		hasSponsorships: Boolean(sponsorships.data?.length),
 	}),
@@ -43,7 +71,7 @@ const items = computed(() =>
 
 <template>
 	<!-- Shell and page render while access is pending, so pages show their own skeletons. -->
-	<NotFound v-if="access === 'denied'" />
-	<ManagerMobileShell v-else-if="isMobile" :items="items" :show-discover="!eventId" />
-	<ManagerDesktopShell v-else :items="items" :event-id="eventId" :event-title="eventTitle" />
+	<NotFound v-if="access === 'denied' || teamDenied" />
+	<ManagerMobileShell v-else-if="isMobile" :items="items" :show-discover="!workspace" />
+	<ManagerDesktopShell v-else :items="items" :workspace="workspace" />
 </template>
diff --git a/dashboard/src/layouts/ManagerMobileShell.vue b/dashboard/src/layouts/ManagerMobileShell.vue
index 95f5e9b97..bf26844d9 100644
--- a/dashboard/src/layouts/ManagerMobileShell.vue
+++ b/dashboard/src/layouts/ManagerMobileShell.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { MobileNav, MobileNavItem, MobileShell } from "frappe-ui"
+import { computed } from "vue"
 import { useRoute } from "vue-router"
 
 import { discoverEvents, openDiscoverEvents, type ManagerNavItem } from "@/utils/managerNavigation"
@@ -8,6 +9,12 @@ defineProps<{ items: ManagerNavItem[]; showDiscover?: boolean }>()
 
 // `active` is a Boolean prop, so leaving it unset casts to false and skips route matching.
 const route = useRoute()
+
+// A route can drop the nav while one of its params is set, as a full-screen sub-page.
+const showNav = computed(() => {
+	const param = route.meta.hideMobileNavWith as string | undefined
+	return !(param && route.params[param])
+})
 </script>
 
 <template>
@@ -17,22 +24,46 @@ const route = useRoute()
 		</div>
 
 		<template #nav>
-			<MobileNav v-if="items.length">
-				<MobileNavItem
-					v-for="item in items"
-					:key="item.label"
-					:label="item.shortLabel ?? item.label"
-					:icon="item.icon"
-					:to="item.to"
-					:active="route.path === item.to"
-				/>
-				<MobileNavItem
-					v-if="showDiscover"
-					:label="discoverEvents.shortLabel"
-					:icon="discoverEvents.icon"
-					@click="openDiscoverEvents"
-				/>
-			</MobileNav>
+			<Transition name="mobile-nav">
+				<MobileNav v-if="items.length && showNav">
+					<MobileNavItem
+						v-for="item in items"
+						:key="item.label"
+						:label="item.shortLabel ?? item.label"
+						:icon="item.icon"
+						:to="item.to"
+						:active="route.path === item.to"
+					/>
+					<MobileNavItem
+						v-if="showDiscover"
+						:label="discoverEvents.shortLabel"
+						:icon="discoverEvents.icon"
+						@click="openDiscoverEvents"
+					/>
+				</MobileNav>
+			</Transition>
 		</template>
 	</MobileShell>
 </template>
+
+<style scoped>
+.mobile-nav-enter-active {
+	transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.mobile-nav-leave-active {
+	transition: transform 160ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.mobile-nav-enter-from,
+.mobile-nav-leave-to {
+	transform: translateY(100%);
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.mobile-nav-enter-active,
+	.mobile-nav-leave-active {
+		transition: none;
+	}
+}
+</style>
diff --git a/dashboard/src/pages/manage/MyEvents.vue b/dashboard/src/pages/manage/MyEvents.vue
index f9314b9c8..98bd76cab 100644
--- a/dashboard/src/pages/manage/MyEvents.vue
+++ b/dashboard/src/pages/manage/MyEvents.vue
@@ -1,13 +1,17 @@
 <script setup lang="ts">
 import { Button, dayjs, Icon } from "frappe-ui"
 import { computed, ref, watch } from "vue"
+import { useRoute } from "vue-router"
 
 import EmptyState from "@/components/common/EmptyState.vue"
 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 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 { useMyEvents } from "@/data/events"
 import type { MyEvent } from "@/types"
 import { groupEventsByMonth } from "@/utils/eventGroups"
@@ -16,7 +20,11 @@ import { useTimelineTabQuery } from "@/utils/timelineTabs"
 // In the URL, so one link carries the whole view.
 const tab = useTimelineTabQuery()
 
-const myEvents = useMyEvents()
+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 } : {}))
 
 // The feed arrives already split, so the tab only picks a side.
 const events = computed(() => myEvents.data?.[tab.value] || [])
@@ -38,18 +46,30 @@ const months = computed(() =>
 const drawer = useDrawerSelection<MyEvent>()
 
 const emptyDescription = computed(() =>
-	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.",
+	team.value
+		? "Events this team hosts 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.",
 )
 </script>
 
 <template>
-	<CreateEventHeader title="Events" />
+	<TeamPageHeader v-if="team" section="Events">
+		<Button
+			v-if="!isMobile"
+			variant="solid"
+			icon-left="lucide-plus"
+			label="Create Event"
+			:route="{ name: 'create-event' }"
+		/>
+	</TeamPageHeader>
+	<CreateEventHeader v-else title="Events" />
+	<FloatingCreateEventButton v-if="team && isMobile" />
 
 	<TimelineList
 		v-model:tab="tab"
-		heading="Events"
+		:heading="team ? undefined : 'Events'"
 		icon="lucide-calendar-days"
 		noun="events"
 		:months="months"
diff --git a/dashboard/src/pages/manage/MyTeams.vue b/dashboard/src/pages/manage/MyTeams.vue
new file mode 100644
index 000000000..c370bdec3
--- /dev/null
+++ b/dashboard/src/pages/manage/MyTeams.vue
@@ -0,0 +1,53 @@
+<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" />
+
+	<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" />
+			</div>
+			<h1 class="text-4xl font-semibold">Teams</h1>
+		</header>
+
+		<div
+			v-if="!teamsLoaded"
+			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>
+			<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>
+</template>
diff --git a/dashboard/src/pages/manage/teams/TeamMembers.vue b/dashboard/src/pages/manage/teams/TeamMembers.vue
new file mode 100644
index 000000000..2751699eb
--- /dev/null
+++ b/dashboard/src/pages/manage/teams/TeamMembers.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { Button, ErrorMessage, Skeleton } from "frappe-ui"
+import { computed, ref } from "vue"
+import { useRoute } from "vue-router"
+
+import AddMembersDialog from "@/components/dashboard/teams/AddMembersDialog.vue"
+import TeamMembersTable from "@/components/dashboard/teams/TeamMembersTable.vue"
+import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
+import TeamRoleGuide from "@/components/dashboard/teams/TeamRoleGuide.vue"
+import { reloadTeams, useTeamOverview } from "@/data/teams"
+import { serverErrorMessage } from "@/utils/serverError"
+import { canManageMembers } from "@/utils/teamRoles"
+
+const route = useRoute()
+const teamId = route.params.teamId as string
+const overview = useTeamOverview(teamId)
+
+const canManage = computed(() => canManageMembers(overview.data?.my_role))
+const isAdding = ref(false)
+
+// The teams list shows member avatars, so it follows every change.
+async function refresh() {
+	await overview.reload()
+	reloadTeams()
+}
+</script>
+
+<template>
+	<TeamPageHeader section="Members" />
+
+	<div class="m-auto flex w-full max-w-[800px] flex-col gap-6 p-4 max-md:pb-24">
+		<TeamRoleGuide />
+
+		<ErrorMessage v-if="overview.error" :message="serverErrorMessage(overview.error)" />
+
+		<TeamMembersTable v-else-if="overview.data" :team="overview.data" @changed="refresh">
+			<template #actions>
+				<Button
+					v-if="canManage"
+					variant="subtle"
+					icon-left="lucide-plus"
+					:label="__('Add member')"
+					@click="isAdding = true"
+				/>
+			</template>
+		</TeamMembersTable>
+
+		<ul v-else :aria-label="__('Loading members')">
+			<li v-for="row in 3" :key="row" class="flex items-center gap-3 py-2">
+				<Skeleton class="size-8 shrink-0 rounded-full" />
+				<Skeleton class="h-4 w-36 rounded-4" />
+				<Skeleton class="ml-auto h-4 w-16 rounded-4" />
+			</li>
+		</ul>
+	</div>
+
+	<AddMembersDialog v-model="isAdding" :team="teamId" @success="refresh" />
+</template>
diff --git a/dashboard/src/pages/manage/teams/TeamPayments.vue b/dashboard/src/pages/manage/teams/TeamPayments.vue
new file mode 100644
index 000000000..8e5c26438
--- /dev/null
+++ b/dashboard/src/pages/manage/teams/TeamPayments.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { Button, ErrorMessage, Skeleton, toast } from "frappe-ui"
+import { computed, reactive, watch } from "vue"
+import { useRoute } from "vue-router"
+
+import SaveActions from "@/components/dashboard/teams/SaveActions.vue"
+import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
+import TeamTaxDetailsForm from "@/components/dashboard/teams/TeamTaxDetailsForm.vue"
+import { useSaveShortcut } from "@/composables/useSaveShortcut"
+import { updateTaxDetails, useTeamOverview } from "@/data/teams"
+import type { TeamTaxDetails } from "@/types"
+import { serverErrorMessage } from "@/utils/serverError"
+import { canManageMembers } from "@/utils/teamRoles"
+
+const route = useRoute()
+const team = route.params.teamId as string
+const overview = useTeamOverview(team)
+
+// Owner/Admin, the same rule update_tax_details checks.
+const canEdit = computed(() => canManageMembers(overview.data?.my_role))
+
+const formFromDetails = (details?: TeamTaxDetails) => ({
+	legal_name: details?.legal_name ?? "",
+	tax_id: details?.tax_id ?? "",
+	billing_address: details?.billing_address ?? "",
+})
+
+const form = reactive(formFromDetails())
+watch(
+	() => overview.data,
+	(data) => data && Object.assign(form, formFromDetails(data.tax_details)),
+	{ immediate: true },
+)
+
+const isDirty = computed(
+	() =>
+		Boolean(overview.data) &&
+		JSON.stringify(form) !== JSON.stringify(formFromDetails(overview.data?.tax_details)),
+)
+
+async function save() {
+	if (!isDirty.value || updateTaxDetails.loading) return
+	await updateTaxDetails.submit({ team, ...form }).catch(() => null)
+	if (updateTaxDetails.error) return
+	await overview.reload()
+	toast.success(__("Tax details saved"))
+}
+
+const discard = () => Object.assign(form, formFromDetails(overview.data?.tax_details))
+
+useSaveShortcut(save, isDirty)
+</script>
+
+<template>
+	<TeamPageHeader section="Payments" :dirty="isDirty">
+		<SaveActions
+			v-if="canEdit"
+			:is-dirty="isDirty"
+			:saving="updateTaxDetails.loading"
+			@save="save"
+			@discard="discard"
+		/>
+		<template #leading>
+			<Button v-if="canEdit && isDirty" :label="__('Discard')" @click="discard" />
+		</template>
+	</TeamPageHeader>
+
+	<div class="m-auto flex w-full max-w-3xl flex-col gap-6 px-4 py-8 max-md:pb-24">
+		<ErrorMessage
+			v-if="overview.error || updateTaxDetails.error"
+			:message="serverErrorMessage(overview.error || updateTaxDetails.error)"
+		/>
+
+		<Skeleton v-if="!overview.data && !overview.error" class="h-64 w-full rounded-5" />
+
+		<TeamTaxDetailsForm v-else-if="overview.data" :details="form" :editable="canEdit" />
+	</div>
+</template>
diff --git a/dashboard/src/pages/manage/teams/TeamSettings.vue b/dashboard/src/pages/manage/teams/TeamSettings.vue
new file mode 100644
index 000000000..4adc9a46f
--- /dev/null
+++ b/dashboard/src/pages/manage/teams/TeamSettings.vue
@@ -0,0 +1,145 @@
+<script setup lang="ts">
+import { Button, ErrorMessage, Skeleton, TabList, TabPanel, Tabs, TabTrigger } from "frappe-ui"
+import { computed, ref } from "vue"
+import { useRoute, useRouter } from "vue-router"
+
+import SaveActions from "@/components/dashboard/teams/SaveActions.vue"
+import TeamDisplaySettings from "@/components/dashboard/teams/settings/TeamDisplaySettings.vue"
+import TeamOptionsSettings from "@/components/dashboard/teams/settings/TeamOptionsSettings.vue"
+import TeamPageHeader from "@/components/dashboard/teams/TeamPageHeader.vue"
+import { useIsMobile } from "@/composables/useIsMobile"
+import { useSaveShortcut } from "@/composables/useSaveShortcut"
+import { useTeamSettings } from "@/composables/useTeamSettings"
+import { serverErrorMessage } from "@/utils/serverError"
+
+const route = useRoute()
+const settings = useTeamSettings(route.params.teamId as string)
+
+useSaveShortcut(settings.save, () => settings.isDirty)
+
+const sections = [
+	{ value: "display", label: "Display", icon: "lucide-palette" },
+	{ value: "options", label: "Options", icon: "lucide-sliders-horizontal" },
+]
+
+const router = useRouter()
+const isMobile = useIsMobile()
+
+// The section lives in the URL. On a phone, no section means the list of sections.
+const section = computed(() => route.params.section as string | undefined)
+const sectionRoute = (value?: string) => ({
+	name: "team-settings",
+	params: { teamId: route.params.teamId, section: value },
+})
+
+// The desktop tabs keep the plain /settings path, so the sidebar item stays active.
+const selectedTab = ref("display")
+const tab = computed({
+	get: () => section.value || selectedTab.value,
+	set: (value) => {
+		selectedTab.value = value
+		if (section.value) router.replace(sectionRoute(value))
+	},
+})
+const openSection = (value: string) => isMobile.value && router.push(sectionRoute(value))
+
+const showList = computed(() => !isMobile.value || !section.value)
+const showSection = computed(() => !isMobile.value || Boolean(section.value))
+const sectionLabel = computed(() => sections.find((item) => item.value === section.value)?.label)
+</script>
+
+<template>
+	<TeamPageHeader
+		section="Settings"
+		team-page-link
+		:dirty="settings.isDirty"
+		:detail="isMobile && sectionLabel ? __(sectionLabel) : undefined"
+		:back="isMobile && section ? sectionRoute() : undefined"
+	>
+		<SaveActions
+			:is-dirty="settings.isDirty"
+			:saving="settings.saving"
+			:disabled="settings.slugTaken"
+			@save="settings.save"
+			@discard="settings.discard"
+		/>
+		<template #leading>
+			<Button v-if="settings.isDirty" :label="__('Discard')" @click="settings.discard" />
+		</template>
+	</TeamPageHeader>
+
+	<div class="m-auto flex w-full max-w-screen-lg flex-col gap-6 px-4 py-8 max-md:pb-24 max-md:pt-4">
+		<ErrorMessage
+			v-if="settings.overview.error || settings.error"
+			:message="serverErrorMessage(settings.overview.error || settings.error)"
+		/>
+
+		<Skeleton
+			v-if="!settings.overview.data && !settings.overview.error"
+			class="h-64 w-full rounded-5"
+		/>
+
+		<Tabs v-if="settings.overview.data" v-model="tab" vertical class="flex gap-8 max-md:flex-col">
+			<TabList
+				variant="ghost"
+				class="w-44 shrink-0 max-md:w-full max-md:[&>div:first-child]:hidden max-md:[&_[role=tab]]:h-10 max-md:[&_[role=tab]>span>:last-child]:ms-auto max-md:[&_[role=tab]_*]:!text-ink-gray-8"
+				:class="showList ? isMobile && 'enter-from-left' : 'hidden'"
+			>
+				<TabTrigger
+					v-for="item in sections"
+					:key="item.value"
+					:value="item.value"
+					:label="__(item.label)"
+					:icon-left="item.icon"
+					@click="openSection(item.value)"
+				>
+					<template v-if="isMobile" #suffix>
+						<span class="lucide-chevron-right size-4 text-ink-gray-5" aria-hidden="true" />
+					</template>
+				</TabTrigger>
+			</TabList>
+			<TabPanel
+				value="display"
+				class="min-w-0 flex-1 focus:outline-none"
+				:class="showSection ? isMobile && 'enter-from-right' : 'hidden'"
+			>
+				<TeamDisplaySettings :settings="settings" />
+			</TabPanel>
+			<TabPanel
+				value="options"
+				class="min-w-0 flex-1 focus:outline-none"
+				:class="showSection ? isMobile && 'enter-from-right' : 'hidden'"
+			>
+				<TeamOptionsSettings :settings="settings" />
+			</TabPanel>
+		</Tabs>
+	</div>
+</template>
+
+<style scoped>
+.enter-from-right,
+.enter-from-left {
+	transition:
+		opacity 200ms cubic-bezier(0.23, 1, 0.32, 1),
+		transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
+}
+
+@starting-style {
+	.enter-from-right {
+		opacity: 0;
+		transform: translateX(12px);
+	}
+
+	.enter-from-left {
+		opacity: 0;
+		transform: translateX(-12px);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.enter-from-right,
+	.enter-from-left {
+		transform: none;
+	}
+}
+</style>
diff --git a/dashboard/src/router.ts b/dashboard/src/router.ts
index 5c1f14172..57d6b6813 100644
--- a/dashboard/src/router.ts
+++ b/dashboard/src/router.ts
@@ -87,6 +87,41 @@ const routes: RouteRecordRaw[] = [
 				meta: { title: "Create New Event" },
 				component: () => import("@/pages/manage/events/CreateEvent.vue"),
 			},
+			{
+				path: "teams",
+				name: "teams",
+				meta: { title: "Teams" },
+				component: () => import("@/pages/manage/MyTeams.vue"),
+			},
+			{
+				path: "teams/:teamId",
+				redirect: (to) => `/manage/teams/${to.params.teamId}/events`,
+			},
+			{
+				path: "teams/:teamId/events",
+				name: "team-events",
+				meta: { title: "Events" },
+				component: () => import("@/pages/manage/MyEvents.vue"),
+			},
+			{
+				path: "teams/:teamId/members",
+				name: "team-members",
+				meta: { title: "Members" },
+				component: () => import("@/pages/manage/teams/TeamMembers.vue"),
+			},
+			{
+				path: "teams/: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?",
+				name: "team-settings",
+				meta: { title: "Settings", hideMobileNavWith: "section" },
+				component: () => import("@/pages/manage/teams/TeamSettings.vue"),
+			},
 			{
 				path: "proposals",
 				name: "proposals",
diff --git a/dashboard/src/types.ts b/dashboard/src/types.ts
index 1029cb5bb..4db432f98 100644
--- a/dashboard/src/types.ts
+++ b/dashboard/src/types.ts
@@ -122,6 +122,11 @@ export interface TeamOption {
 	name: string
 	team_name: string
 	logo: string | null
+	slug: string | null
+	is_published: boolean
+	is_a_community: boolean
+	short_description: string | null
+	upcoming_event_count: number
 	team_role: string
 	members: TeamMember[]
 	feature_flags: Record<string, boolean>
@@ -147,6 +152,13 @@ export interface TeamOverview {
 	my_role: string
 	members: TeamMember[]
 	invites: TeamInvite[]
+	tax_details: TeamTaxDetails
+}
+
+export interface TeamTaxDetails {
+	legal_name: string | null
+	tax_id: string | null
+	billing_address: string | null
 }
 
 // buzz.api.teams.invite_members: one row per address, saying which route it took.
diff --git a/dashboard/src/utils/managerNavigation.test.ts b/dashboard/src/utils/managerNavigation.test.ts
index 62cf95864..b2d5ae1bf 100644
--- a/dashboard/src/utils/managerNavigation.test.ts
+++ b/dashboard/src/utils/managerNavigation.test.ts
@@ -5,14 +5,15 @@ import { discoverEvents, managerNavigation } from "./managerNavigation.ts"
 
 const labels = (items: { label: string }[]) => items.map((item) => item.label)
 
-test("the root offers events and proposals", () => {
+test("the root offers events, proposals and teams", () => {
 	const items = managerNavigation({ creatingEvent: false, hasSponsorships: false })
-	assert.deepEqual(labels(items), ["Events", "Talk Proposals"])
+	assert.deepEqual(labels(items), ["Events", "Talk Proposals", "Teams"])
+	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"])
+	assert.deepEqual(labels(items), ["Events", "Talk Proposals", "Sponsorship", "Teams"])
 })
 
 test("an event offers its own sections, scoped to its id", () => {
@@ -21,6 +22,12 @@ test("an event offers its own sections, scoped to its id", () => {
 	assert.ok(items.every((item) => item.to.startsWith("/manage/events/EV-1/")))
 })
 
+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/")))
+})
+
 test("creating an event offers no destinations", () => {
 	const items = managerNavigation({ creatingEvent: true, hasSponsorships: true })
 	assert.deepEqual(items, [])
diff --git a/dashboard/src/utils/managerNavigation.ts b/dashboard/src/utils/managerNavigation.ts
index 55bd36d14..067de6eea 100644
--- a/dashboard/src/utils/managerNavigation.ts
+++ b/dashboard/src/utils/managerNavigation.ts
@@ -3,6 +3,7 @@ export type ManagerNavItem = {
 	shortLabel?: string
 	icon: string
 	to: string
+	startsGroup?: boolean
 }
 
 // /events is a site page outside the dashboard router, so it opens as a full page load.
@@ -15,14 +16,23 @@ export const discoverEvents = {
 
 export const openDiscoverEvents = () => window.location.assign(discoverEvents.href)
 
+export type Workspace = {
+	title: string
+	subtitle: string
+	back: { label: string; to: string }
+	icon?: string
+	image?: string | null
+}
+
 type NavigationContext = {
 	eventId?: string
+	teamId?: string
 	creatingEvent: boolean
 	hasSponsorships: boolean
 }
 
 function rootItems(hasSponsorships: boolean): ManagerNavItem[] {
-	const items = [
+	const items: ManagerNavItem[] = [
 		{ label: "Events", icon: "lucide-calendar-days", to: "/manage/events" },
 		{
 			label: "Talk Proposals",
@@ -35,6 +45,7 @@ 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 })
 	return items
 }
 
@@ -61,9 +72,21 @@ function eventItems(eventId: string): ManagerNavItem[] {
 	]
 }
 
+function teamItems(teamId: string): ManagerNavItem[] {
+	const team = `/manage/teams/${teamId}`
+	return [
+		{ label: "Events", 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.
+		{ label: "Settings", icon: "lucide-settings", to: `${team}/settings` },
+	]
+}
+
 export function managerNavigation(context: NavigationContext): ManagerNavItem[] {
 	// Creating an event is a page of its own; the shell holds only the way out of it.
 	if (context.creatingEvent) return []
 	if (context.eventId) return eventItems(context.eventId)
+	if (context.teamId) return teamItems(context.teamId)
 	return rootItems(context.hasSponsorships)
 }
diff --git a/dashboard/src/utils/teamUrl.ts b/dashboard/src/utils/teamUrl.ts
new file mode 100644
index 000000000..83e550e5d
--- /dev/null
+++ b/dashboard/src/utils/teamUrl.ts
@@ -0,0 +1,18 @@
+/**
+ * The public page for a team lives under /community/<slug>.
+ *
+ * Built from the current origin, as eventUrl is: the dashboard and the bench answer on
+ * different ports in development, so the server's own URL is wrong in one of the two.
+ */
+export function teamPath(slug: string): string {
+	return `/community/${slug}`
+}
+
+export function teamUrl(slug: string): string {
+	return `${window.location.origin}${teamPath(slug)}`
+}
+
+/** A plain navigation, not a router one: the page is served outside the SPA's /b base. */
+export function openTeamPage(slug: string): void {
+	window.open(teamUrl(slug), "_blank", "noopener")
+}
diff --git a/dashboard/vite.config.ts b/dashboard/vite.config.ts
index aa7982ffd..47e549110 100644
--- a/dashboard/vite.config.ts
+++ b/dashboard/vite.config.ts
@@ -9,7 +9,7 @@ export default defineConfig({
 		frappeui({
 			frappeProxy: {
 				port: 8080,
-				source: "^/(app|login|api|assets|files|private|razorpay_checkout|events)",
+				source: "^/(app|login|api|assets|files|private|razorpay_checkout|events|community)",
 			},
 			jinjaBootData: true,
 			lucideIcons: true,