From 1f4da60f0d2c9581a59ea84f4ef9e03112a79d89 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Wed, 9 Sep 2026 16:34:07 +0530
Subject: [PATCH 1/5] fix(dashboard): drop the shortcut chips and avatar from
 the settings chrome

The G+S hint on the account menu's Settings row is clutter for everyone who
never uses it; the shortcut is still registered and still listed in the
keyboard shortcuts dialog. The settings sidebar's Profile row used the user's
own picture where its siblings use icons, so it now uses one too.
---
 dashboard/src/components/UserMenu.vue           | 4 +---
 dashboard/src/components/UserSettingsDialog.vue | 3 +--
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/dashboard/src/components/UserMenu.vue b/dashboard/src/components/UserMenu.vue
index f26a9a6c..f070fa6b 100644
--- a/dashboard/src/components/UserMenu.vue
+++ b/dashboard/src/components/UserMenu.vue
@@ -2,13 +2,12 @@
 import {
 	Avatar,
 	Dropdown,
-	KeyboardShortcut,
 	Tooltip,
 	sidebarCollapsedKey,
 	useColorScheme,
 	type DropdownOptions,
 } from "frappe-ui"
-import { computed, h, inject, ref } from "vue"
+import { computed, inject, ref } from "vue"
 
 import UserSettingsDialog from "@/components/UserSettingsDialog.vue"
 import { session } from "@/data/session"
@@ -52,7 +51,6 @@ const menu = computed<DropdownOptions>(() => [
 				label: __("Settings"),
 				icon: "lucide-settings",
 				onClick: () => (settingsOpen.value = true),
-				slots: { suffix: () => h(KeyboardShortcut, { combo: "G+S", bg: true }) },
 			},
 			{
 				label: __("Theme"),
diff --git a/dashboard/src/components/UserSettingsDialog.vue b/dashboard/src/components/UserSettingsDialog.vue
index bf0b4247..87e42742 100644
--- a/dashboard/src/components/UserSettingsDialog.vue
+++ b/dashboard/src/components/UserSettingsDialog.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-	Avatar,
 	Button,
 	ErrorMessage,
 	FormControl,
@@ -131,7 +130,7 @@ async function save(fields: Partial<Profile> = { ...form }) {
 			<SettingsNavGroup :label="__('Account')">
 				<SettingsNavItem value="profile">
 					<template #prefix>
-						<Avatar size="xs" :image="form.user_image ?? undefined" :label="fullName" />
+						<span class="lucide-circle-user-round size-4" />
 					</template>
 					{{ __("Profile") }}
 				</SettingsNavItem>

From 6e3d858f06a29cf89ee0610941a1cf99514e7df5 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Wed, 9 Sep 2026 16:34:08 +0530
Subject: [PATCH 2/5] fix(dashboard): align the event details sidebar and stop
 clipping tickets

The schedule section was the only one in the right column carrying padding, so
its heading sat 16px right of every other label. Each section now carries the
same padding, with the fill left on the two that take input, and the column gap
comes down since the sections space themselves.

On the printed ticket, line-clamp never applied: the sibling `block` class wins
over the display it sets, so a long event title ran past two lines and pushed
the venue and ticket type out of the card's fixed height. Dropping `block` lets
both clamps bite, and the title comes down a size to leave room.
---
 .../src/components/dashboard/tickets/PrintedTicket.vue    | 4 ++--
 dashboard/src/pages/manage/events/EventDetails.vue        | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/dashboard/tickets/PrintedTicket.vue b/dashboard/src/components/dashboard/tickets/PrintedTicket.vue
index 0ea60bc3..0cfb9dea 100644
--- a/dashboard/src/components/dashboard/tickets/PrintedTicket.vue
+++ b/dashboard/src/components/dashboard/tickets/PrintedTicket.vue
@@ -41,7 +41,7 @@ const time = computed(() => {
 			<span class="flex min-w-0 flex-1 flex-col justify-between gap-4 p-4">
 				<span class="block">
 					<span class="block text-2xs-medium uppercase tracking-widest text-ink-gray-5">Event</span>
-					<span class="block text-4xl-bold uppercase line-clamp-2">
+					<span class="text-3xl-bold uppercase line-clamp-2">
 						{{ ticket.event_title }}
 					</span>
 				</span>
@@ -65,7 +65,7 @@ const time = computed(() => {
 						<span class="block text-2xs-medium uppercase tracking-widest text-ink-gray-5"
 							>Venue</span
 						>
-						<span class="block line-clamp-3">{{ ticket.venue || "To be announced" }}</span>
+						<span class="line-clamp-3">{{ ticket.venue || "To be announced" }}</span>
 					</span>
 				</span>
 			</span>
diff --git a/dashboard/src/pages/manage/events/EventDetails.vue b/dashboard/src/pages/manage/events/EventDetails.vue
index fac3fd18..fb46b400 100644
--- a/dashboard/src/pages/manage/events/EventDetails.vue
+++ b/dashboard/src/pages/manage/events/EventDetails.vue
@@ -233,8 +233,11 @@ async function save() {
 					</section>
 				</div>
 
-				<div class="space-y-8 md:col-span-2">
+				<div class="space-y-4 md:col-span-2">
+					<!-- Every section in this column carries the same padding, so their labels
+					     share one left edge; the fill marks the two that take input. -->
 					<EventRoute
+						class="rounded-6 p-4"
 						v-model="form.route"
 						v-model:taken="routeTaken"
 						:event="eventId"
@@ -249,7 +252,7 @@ async function save() {
 						v-model:time-zone="form.time_zone"
 					/>
 
-					<section class="space-y-3">
+					<section class="space-y-3 rounded-6 bg-surface-gray-1/90 p-4">
 						<h2 class="text-sm font-medium uppercase tracking-wide text-ink-gray-5">Where</h2>
 						<EventMedium
 							v-model:medium="form.medium"
@@ -261,6 +264,7 @@ async function save() {
 					</section>
 
 					<EventHosts
+						class="rounded-6 p-4"
 						:event="eventId"
 						:primary-host="event.data.primary_host"
 						:co-hosts="event.data.co_hosts"

From 243e0fa948a6a2097987c4fb019a318e0aac8b56 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Wed, 9 Sep 2026 16:51:58 +0530
Subject: [PATCH 3/5] feat(dashboard): give the event description a formatting
 toolbar

The About field was already a tiptap editor, but with no menu: organisers had
no way to reach a heading or a list short of knowing the markdown shortcuts.
Both event pages now mount the same fixed toolbar the proposal and
communication editors use, with the padding moved onto the content so the
toolbar sits flush under its own divider.

That shared config is no longer proposal-specific, so it moves to
utils/richTextEditor.ts under names that say what it is.
---
 dashboard/src/components/ProposalEditDialog.vue  |  6 +++---
 .../communications/CommunicationComposer.vue     |  6 +++---
 .../communications/CommunicationDrawer.vue       | 16 ++++------------
 .../dashboard/proposals/ProposalDrawer.vue       |  6 +++---
 .../src/pages/manage/events/CreateEvent.vue      | 13 +++++++++----
 .../src/pages/manage/events/EventDetails.vue     | 13 +++++++++----
 .../{proposalEditor.ts => richTextEditor.ts}     |  6 +++---
 7 files changed, 34 insertions(+), 32 deletions(-)
 rename dashboard/src/utils/{proposalEditor.ts => richTextEditor.ts} (76%)

diff --git a/dashboard/src/components/ProposalEditDialog.vue b/dashboard/src/components/ProposalEditDialog.vue
index b41346cf..5028a601 100644
--- a/dashboard/src/components/ProposalEditDialog.vue
+++ b/dashboard/src/components/ProposalEditDialog.vue
@@ -66,9 +66,9 @@ import { computed, ref, watch } from "vue"
 import PhoneInput from "@/components/PhoneInput.vue"
 import type { FrappeError } from "@/types"
 import {
-	proposalEditorExtensions as editorExtensions,
-	proposalEditorToolbar as editorToolbar,
-} from "@/utils/proposalEditor"
+	richTextExtensions as editorExtensions,
+	richTextToolbar as editorToolbar,
+} from "@/utils/richTextEditor"
 
 const props = defineProps({
 	open: {
diff --git a/dashboard/src/components/dashboard/communications/CommunicationComposer.vue b/dashboard/src/components/dashboard/communications/CommunicationComposer.vue
index 203b3fbb..2ff24a68 100644
--- a/dashboard/src/components/dashboard/communications/CommunicationComposer.vue
+++ b/dashboard/src/components/dashboard/communications/CommunicationComposer.vue
@@ -5,7 +5,7 @@ import { computed, ref } from "vue"
 
 import type { CommunicationDraft } from "@/types"
 import { audienceOptions, hasText } from "@/utils/communicationText"
-import { proposalEditorExtensions, proposalEditorToolbar } from "@/utils/proposalEditor"
+import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 
 const props = defineProps<{ canWrite: boolean; sending: boolean }>()
 const draft = defineModel<CommunicationDraft>({ required: true })
@@ -36,7 +36,7 @@ const canSend = computed(() => props.canWrite && hasText(draft.value.message) &&
 
 		<Editor
 			v-model="draft.message"
-			:extensions="proposalEditorExtensions"
+			:extensions="richTextExtensions"
 			:editable="canWrite"
 			placeholder="Write your message…"
 			@focus="touched = true"
@@ -48,7 +48,7 @@ const canSend = computed(() => props.canWrite && hasText(draft.value.message) &&
 				v-if="showActions"
 				class="composer-actions flex items-center gap-2 border-t border-outline-gray-1 p-2"
 			>
-				<EditorFixedMenu :items="proposalEditorToolbar" class="min-w-0 flex-1 overflow-x-auto" />
+				<EditorFixedMenu :items="richTextToolbar" class="min-w-0 flex-1 overflow-x-auto" />
 				<Button label="Advanced" icon-left="lucide-sliders-horizontal" @click="emit('advanced')" />
 				<Button
 					variant="solid"
diff --git a/dashboard/src/components/dashboard/communications/CommunicationDrawer.vue b/dashboard/src/components/dashboard/communications/CommunicationDrawer.vue
index baf89def..0640119b 100644
--- a/dashboard/src/components/dashboard/communications/CommunicationDrawer.vue
+++ b/dashboard/src/components/dashboard/communications/CommunicationDrawer.vue
@@ -13,7 +13,7 @@ import {
 import { useRecipientCount } from "@/data/communications"
 import type { CommunicationDraft, CommunicationItem, EventCommunications } from "@/types"
 import { audienceOptions, hasText } from "@/utils/communicationText"
-import { proposalEditorExtensions, proposalEditorToolbar } from "@/utils/proposalEditor"
+import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 
 const props = defineProps<{
 	event: string
@@ -114,11 +114,7 @@ const viewedWhen = computed(() =>
 
 				<!-- The same editor, read-only, rather than v-html: tiptap parses the stored
 				     HTML into its own schema, so only what the composer can produce is rendered. -->
-				<Editor
-					:model-value="viewing.message"
-					:extensions="proposalEditorExtensions"
-					:editable="false"
-				>
+				<Editor :model-value="viewing.message" :extensions="richTextExtensions" :editable="false">
 					<EditorContent
 						class="prose prose-sm max-w-none text-base leading-[1.6] text-ink-gray-7"
 					/>
@@ -177,13 +173,9 @@ const viewedWhen = computed(() =>
 
 				<div class="space-y-2">
 					<label class="block text-xs text-ink-gray-5">Message</label>
-					<Editor
-						v-model="draft.message"
-						:extensions="proposalEditorExtensions"
-						:editable="canWrite"
-					>
+					<Editor v-model="draft.message" :extensions="richTextExtensions" :editable="canWrite">
 						<EditorFixedMenu
-							:items="proposalEditorToolbar"
+							:items="richTextToolbar"
 							class="rounded-t-5 border border-b-0 border-outline-gray-2 px-2 py-1"
 						/>
 						<EditorContent
diff --git a/dashboard/src/components/dashboard/proposals/ProposalDrawer.vue b/dashboard/src/components/dashboard/proposals/ProposalDrawer.vue
index 6b07f3a3..6f1043ff 100644
--- a/dashboard/src/components/dashboard/proposals/ProposalDrawer.vue
+++ b/dashboard/src/components/dashboard/proposals/ProposalDrawer.vue
@@ -32,7 +32,7 @@ import { session } from "@/data/session"
 import { userResource } from "@/data/user"
 import type { ProposalListItem, ProposalSpeaker, TalkProposal } from "@/types"
 import { proposalActions } from "@/utils/proposalActions"
-import { proposalEditorExtensions, proposalEditorToolbar } from "@/utils/proposalEditor"
+import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 import { isReader, speakerName } from "@/utils/speakerByline"
 
 const props = defineProps<{ proposal: ProposalListItem | null }>()
@@ -240,11 +240,11 @@ const fields = computed(() => [
 							<label class="block text-xs text-ink-gray-5">Description</label>
 							<Editor
 								v-model="form.description"
-								:extensions="proposalEditorExtensions"
+								:extensions="richTextExtensions"
 								placeholder="What is the talk about?"
 							>
 								<EditorFixedMenu
-									:items="proposalEditorToolbar"
+									:items="richTextToolbar"
 									class="rounded-t-5 border border-b-0 border-outline-gray-2 px-2 py-1"
 								/>
 								<EditorContent
diff --git a/dashboard/src/pages/manage/events/CreateEvent.vue b/dashboard/src/pages/manage/events/CreateEvent.vue
index a178e762..53e49abb 100644
--- a/dashboard/src/pages/manage/events/CreateEvent.vue
+++ b/dashboard/src/pages/manage/events/CreateEvent.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Alert, Button, ErrorMessage, toast } from "frappe-ui"
-import { Editor, EditorContent, RichTextKit } from "frappe-ui/editor"
+import { Editor, EditorContent, EditorFixedMenu } from "frappe-ui/editor"
 import { computed, onBeforeUnmount, onMounted, ref } from "vue"
 import { onBeforeRouteLeave, useRouter } from "vue-router"
 
@@ -13,6 +13,7 @@ import type { FrappeError } from "@/types"
 import { defaultSchedule } from "@/utils/eventDates"
 import type { ChecklistItem } from "@/utils/eventValidation"
 import { eventDraftChecklist, isDraftComplete } from "@/utils/eventValidation"
+import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 import { canCreateEvents } from "@/utils/teamRoles"
 import { currentTimeZone } from "@/utils/timeZones"
 
@@ -207,15 +208,19 @@ async function save() {
 				<!-- Editor is renderless, so EditorContent's root is the ProseMirror element
 				 itself: the height and scrolling land on the editable area rather than on a
 				 wrapper, and the whole box takes a click. -->
-				<div class="rounded-6 border border-outline-gray-2 p-3">
+				<div class="overflow-hidden rounded-6 border border-outline-gray-2">
 					<Editor
 						v-model="about"
-						:extensions="[RichTextKit]"
+						:extensions="richTextExtensions"
 						placeholder="What is this event about?"
 						:editable="canCreate"
 					>
+						<EditorFixedMenu
+							:items="richTextToolbar"
+							class="overflow-x-auto border-b border-outline-gray-2 px-2 py-1"
+						/>
 						<EditorContent
-							class="prose-sm h-48 max-w-none overflow-y-auto text-ink-gray-8 focus:outline-none"
+							class="prose-sm h-48 max-w-none overflow-y-auto p-3 text-ink-gray-8 focus:outline-none"
 						/>
 					</Editor>
 				</div>
diff --git a/dashboard/src/pages/manage/events/EventDetails.vue b/dashboard/src/pages/manage/events/EventDetails.vue
index fb46b400..9925dc8d 100644
--- a/dashboard/src/pages/manage/events/EventDetails.vue
+++ b/dashboard/src/pages/manage/events/EventDetails.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useEventListener } from "@vueuse/core"
 import { Button, ErrorMessage, Textarea, toast } from "frappe-ui"
-import { Editor, EditorContent, RichTextKit } from "frappe-ui/editor"
+import { Editor, EditorContent, EditorFixedMenu } from "frappe-ui/editor"
 import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue"
 import { useRoute } from "vue-router"
 
@@ -18,6 +18,7 @@ import { session } from "@/data/session"
 import type { EventDetail, FrappeError } from "@/types"
 import { isEndBeforeStart } from "@/utils/eventDates"
 import { matches } from "@/utils/formDraft"
+import { richTextExtensions, richTextToolbar } from "@/utils/richTextEditor"
 
 const route = useRoute()
 const eventId = route.params.eventId as string
@@ -218,15 +219,19 @@ async function save() {
 						 itself: the height and scrolling land on the editable area rather than on a
 						 wrapper, and the whole box takes a click. -->
 						<div
-							class="rounded-6 border border-outline-gray-2 p-3 transition-colors duration-150 ease-out focus-within:border-outline-gray-4 motion-reduce:transition-none"
+							class="overflow-hidden rounded-6 border border-outline-gray-2 transition-colors duration-150 ease-out focus-within:border-outline-gray-4 motion-reduce:transition-none"
 						>
 							<Editor
 								v-model="form.about"
-								:extensions="[RichTextKit]"
+								:extensions="richTextExtensions"
 								placeholder="What is this event about?"
 							>
+								<EditorFixedMenu
+									:items="richTextToolbar"
+									class="overflow-x-auto border-b border-outline-gray-2 px-2 py-1"
+								/>
 								<EditorContent
-									class="prose-sm h-48 max-w-none overflow-y-auto text-ink-gray-8 focus:outline-none"
+									class="prose-sm h-48 max-w-none overflow-y-auto p-3 text-ink-gray-8 focus:outline-none"
 								/>
 							</Editor>
 						</div>
diff --git a/dashboard/src/utils/proposalEditor.ts b/dashboard/src/utils/richTextEditor.ts
similarity index 76%
rename from dashboard/src/utils/proposalEditor.ts
rename to dashboard/src/utils/richTextEditor.ts
index c63f7669..c30ec351 100644
--- a/dashboard/src/utils/proposalEditor.ts
+++ b/dashboard/src/utils/richTextEditor.ts
@@ -12,9 +12,9 @@ import {
 	Strike,
 } from "frappe-ui/editor"
 
-// No upload handler is wired for proposals, so the media extensions are off —
+// No upload handler is wired anywhere this is used, so the media extensions are off —
 // otherwise the drop/paste paths would silently fail.
-export const proposalEditorExtensions = [
+export const richTextExtensions = [
 	RichTextKit.configure({
 		heading: { levels: [2, 3, 4, 5, 6] },
 		image: false,
@@ -25,7 +25,7 @@ export const proposalEditorExtensions = [
 	}),
 ]
 
-export const proposalEditorToolbar = [
+export const richTextToolbar = [
 	HeadingGroup,
 	Separator,
 	Bold,

From 742ef66b346745475df2106b153067ad431208d6 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Wed, 9 Sep 2026 17:05:09 +0530
Subject: [PATCH 4/5] fix(dashboard): wrap the event title instead of scrolling
 it out of view

The headline was an input, which cannot wrap: anything past the column width
just scrolled off the right edge. It is a one-row textarea now, grown to fit by
useTextareaAutosize, with Enter swallowed since a title has no second line of
its own. The border and focus ring go with it, so the title sits flush above
its description.
---
 .../src/pages/manage/events/CreateEvent.vue     | 14 ++++++++++++--
 .../src/pages/manage/events/EventDetails.vue    | 17 +++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/pages/manage/events/CreateEvent.vue b/dashboard/src/pages/manage/events/CreateEvent.vue
index 53e49abb..934b9abf 100644
--- a/dashboard/src/pages/manage/events/CreateEvent.vue
+++ b/dashboard/src/pages/manage/events/CreateEvent.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useTextareaAutosize } from "@vueuse/core"
 import { Alert, Button, ErrorMessage, toast } from "frappe-ui"
 import { Editor, EditorContent, EditorFixedMenu } from "frappe-ui/editor"
 import { computed, onBeforeUnmount, onMounted, ref } from "vue"
@@ -26,6 +27,10 @@ const router = useRouter()
 const canCreate = computed(() => canCreateEvents(currentTeam.value?.team_role))
 
 const title = ref("")
+
+// A title wraps rather than scrolling out of sight, so the box grows with it.
+const titleField = ref<HTMLTextAreaElement>()
+useTextareaAutosize({ element: titleField, watch: title })
 const about = ref("")
 const bannerImage = ref("")
 
@@ -192,14 +197,19 @@ async function save() {
 		<EventBanner v-model="bannerImage" :seed="title" :disabled="!canCreate" />
 
 		<!-- Plain input on purpose: this is the page's headline, not a labelled field. -->
-		<input
+		<!-- A textarea rather than an input so a long name wraps; Enter is swallowed
+		 since a title has no second line of its own. -->
+		<textarea
 			id="event-title"
+			ref="titleField"
 			v-model="title"
+			rows="1"
 			aria-label="Event title"
 			placeholder="Name your event"
 			:disabled="!canCreate"
 			:aria-invalid="saveAttempted && !title.trim()"
-			class="w-full bg-transparent text-4xl font-semibold text-ink-gray-9 placeholder:text-ink-gray-4 focus:outline-none disabled:text-ink-gray-5 aria-invalid:placeholder:text-ink-red-4"
+			class="w-full resize-none overflow-hidden border-0 bg-transparent p-0 text-4xl font-semibold text-ink-gray-9 placeholder:text-ink-gray-4 focus:outline-none disabled:text-ink-gray-5 aria-invalid:placeholder:text-ink-red-4"
+			@keydown.enter.prevent
 		/>
 
 		<div class="grid gap-8 md:grid-cols-5">
diff --git a/dashboard/src/pages/manage/events/EventDetails.vue b/dashboard/src/pages/manage/events/EventDetails.vue
index 9925dc8d..e0be2dba 100644
--- a/dashboard/src/pages/manage/events/EventDetails.vue
+++ b/dashboard/src/pages/manage/events/EventDetails.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useEventListener } from "@vueuse/core"
+import { useEventListener, useTextareaAutosize } from "@vueuse/core"
 import { Button, ErrorMessage, Textarea, toast } from "frappe-ui"
 import { Editor, EditorContent, EditorFixedMenu } from "frappe-ui/editor"
 import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue"
@@ -31,6 +31,10 @@ type EventForm = ReturnType<typeof blank>
 const form = reactive(blank())
 const saved = ref<EventForm>(blank())
 
+// A title wraps rather than scrolling out of sight, so the box grows with it.
+const titleField = ref<HTMLTextAreaElement>()
+useTextareaAutosize({ element: titleField, watch: () => form.title })
+
 // Unsaved edits outlive the page: the section tabs unmount it, and losing a half-written
 // description to a look at the guest list is not a fair trade.
 const draft = useFormDraft(
@@ -195,12 +199,17 @@ async function save() {
 			<div class="grid gap-8 md:grid-cols-5">
 				<div class="space-y-8 md:col-span-3">
 					<div class="space-y-2">
-						<!-- Plain input on purpose: this is the page's headline, not a labelled field. -->
-						<input
+						<!-- Plain field on purpose: this is the page's headline, not a labelled one.
+						 A textarea rather than an input so a long name wraps; Enter is swallowed
+						 since a title has no second line of its own. -->
+						<textarea
+							ref="titleField"
 							v-model="form.title"
+							rows="1"
 							aria-label="Event title"
 							placeholder="Name your event"
-							class="-mx-1 w-full rounded-4 bg-transparent px-1 text-4xl font-semibold text-ink-gray-9 placeholder:text-ink-gray-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-outline-gray-3"
+							class="w-full resize-none overflow-hidden border-0 bg-transparent p-0 text-4xl font-semibold text-ink-gray-9 placeholder:text-ink-gray-4 focus:outline-none"
+							@keydown.enter.prevent
 						/>
 						<!-- Ghost variant: no border, so it reads as a subtitle under the name. -->
 						<Textarea

From 073c7586ab3670f059069ce3d21cebb6c48107f9 Mon Sep 17 00:00:00 2001
From: Harsh Tandiya <harsh.tandiya@gmail.com>
Date: Wed, 9 Sep 2026 17:08:21 +0530
Subject: [PATCH 5/5] fix(dashboard): drop the fill behind the event location
 section

Only the schedule keeps a card now. The padding stays, so every label in the
column still shares one left edge.
---
 dashboard/src/pages/manage/events/EventDetails.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/pages/manage/events/EventDetails.vue b/dashboard/src/pages/manage/events/EventDetails.vue
index e0be2dba..a5a6317d 100644
--- a/dashboard/src/pages/manage/events/EventDetails.vue
+++ b/dashboard/src/pages/manage/events/EventDetails.vue
@@ -249,7 +249,7 @@ async function save() {
 
 				<div class="space-y-4 md:col-span-2">
 					<!-- Every section in this column carries the same padding, so their labels
-					     share one left edge; the fill marks the two that take input. -->
+					     share one left edge. -->
 					<EventRoute
 						class="rounded-6 p-4"
 						v-model="form.route"
@@ -266,7 +266,7 @@ async function save() {
 						v-model:time-zone="form.time_zone"
 					/>
 
-					<section class="space-y-3 rounded-6 bg-surface-gray-1/90 p-4">
+					<section class="space-y-3 rounded-6 p-4">
 						<h2 class="text-sm font-medium uppercase tracking-wide text-ink-gray-5">Where</h2>
 						<EventMedium
 							v-model:medium="form.medium"