Epic Scheduler Host Dashboard App

P325:[{"_340":99,"_341":103,"_342":343},"app1","app2","diffPatch","diff --git a/AGENTS.md b/AGENTS.md\nindex a8901a1..ef0f5e2 100644\n--- a/AGENTS.md\n+++ b/AGENTS.md\n@@ -2,6 +2,11 @@\n \n Use Node.js v24+ and npm for installs/scripts (`npm install`, `npm run ...`).\n \n+## Code style\n+\n+- Read and follow `docs/agents/code-style.md` before writing code.\n+- Match the surrounding file style (quotes, semicolons, formatting).\n+\n This file is intentionally brief. Detailed instructions live in focused docs:\n \n - Setup, checks, docs maintenance, preview deploys, and seeding:\n@@ -24,4 +29,5 @@ This file is intentionally brief. Detailed instructions live in focused docs:\n - Architecture references:\n - [docs/architecture/index.md](./docs/architecture/index.md)\n - [docs/architecture/request-lifecycle.md](./docs/architecture/request-lifecycle.md)\n+ - [docs/architecture/authentication.md](./docs/architecture/authentication.md)\n - [docs/architecture/data-storage.md](./docs/architecture/data-storage.md)\ndiff --git a/cli.ts b/cli.ts\nindex 79b0586..0323de1 100644\n--- a/cli.ts\n+++ b/cli.ts\n@@ -11,16 +11,7 @@ const ansiBright = '\\x1b[1m'\n const ansiDim = '\\x1b[2m'\n \n function colorize(text: string, color: string) {\n-\tconst colorCodes: Record = {\n-\t\tcyan: '\\x1b[36m',\n-\t\tgreen: '\\x1b[32m',\n-\t\tcornflowerblue: '\\x1b[94m',\n-\t\tyellow: '\\x1b[33m',\n-\t\torange: '\\x1b[38;5;214m',\n-\t\tmagenta: '\\x1b[35m',\n-\t\tfirebrick: '\\x1b[31m',\n-\t}\n-\tconst colorCode = colorCodes[color]\n+\tconst colorCode = ansiColorByName[color] ?? ''\n \treturn colorCode ? `${colorCode}${text}${ansiReset}` : text\n }\n \n@@ -45,6 +36,16 @@ let shutdown: (() => void) | null = null\n let devChildren: Array = []\n let workerOrigin = ''\n \n+const ansiColorByName: Record = {\n+\tcyan: '\\x1b[36m',\n+\tgreen: '\\x1b[32m',\n+\tcornflowerblue: '\\x1b[94m',\n+\tyellow: '\\x1b[33m',\n+\torange: '\\x1b[38;5;214m',\n+\tmagenta: '\\x1b[35m',\n+\tfirebrick: '\\x1b[31m',\n+}\n+\n void startDev()\n \n async function startDev() {\n@@ -53,10 +54,7 @@ async function startDev() {\n \t\tgetWorkerOrigin: () => workerOrigin,\n \t\trestart: restartDev,\n \t})\n-\tshutdown = setupShutdown(\n-\t\t() => devChildren,\n-\t\t() => null,\n-\t)\n+\tshutdown = setupShutdown(() => devChildren)\n }\n \n function resolveWorkerOrigin(port: number) {\n@@ -71,16 +69,11 @@ function runNpmScript(\n \tenvOverrides: Record = {},\n \toptions: { outputFilter?: OutputFilterKey } = {},\n ): ChildProcess {\n-\tconst npmCommand = platform() === 'win32' ? 'npm.cmd' : 'npm'\n-\tconst scriptArgs = args.length > 0 ? ['--', ...args] : []\n-\tconst child = spawn(\n-\t\tnpmCommand,\n-\t\t['run', '--silent', script, ...scriptArgs],\n-\t\t{\n+\tconst npm = platform() === 'win32' ? 'npm.cmd' : 'npm'\n+\tconst child = spawn(npm, ['run', '--silent', script, '--', ...args], {\n \t\tstdio: ['inherit', 'pipe', 'pipe'],\n \t\tenv: { ...process.env, ...envOverrides },\n-\t\t},\n-\t)\n+\t})\n \n \tpipeOutput(child, options.outputFilter)\n \n@@ -121,20 +114,13 @@ function pipeStream(\n \t})\n }\n \n-function setupShutdown(\n-\tgetChildren: () => Array,\n-\tgetMockProcess: () => ChildProcess | null,\n-) {\n+function setupShutdown(getChildren: () => Array) {\n \tlet isShuttingDown = false\n \tfunction doShutdown() {\n \t\tif (isShuttingDown) return\n \t\tisShuttingDown = true\n \t\tconsole.log(dim('\\nShutting down...'))\n \t\tconst children = getChildren().filter((child) => child.exitCode === null)\n-\t\tconst mockProcess = getMockProcess()\n-\t\tif (mockProcess && mockProcess.exitCode === null) {\n-\t\t\tchildren.push(mockProcess)\n-\t\t}\n \t\tvoid (async () => {\n \t\t\tawait Promise.all(children.map((child) => stopChild(child)))\n \t\t\tprocess.exit(0)\ndiff --git a/client/app.tsx b/client/app.tsx\nindex 6e838e9..09786f1 100644\n--- a/client/app.tsx\n+++ b/client/app.tsx\n@@ -1,9 +1,64 @@\n import { type Handle } from 'remix/component'\n import { clientRoutes } from './routes/index.tsx'\n-import { Router } from './client-router.tsx'\n-import { colors, spacing, typography } from './styles/tokens.ts'\n+import { listenToRouterNavigation, Router } from './client-router.tsx'\n+import { colors, mq, spacing, typography } from './styles/tokens.ts'\n+import { visuallyHiddenCss } from './styles/visually-hidden.ts'\n+\n+function getRouteAnnouncement(pathname: string) {\n+\tconst segments = pathname.split('/').filter(Boolean)\n+\tif (segments.length === 0) return 'Create schedule page loaded.'\n+\tif (segments[0] === 's' && segments.length >= 3)\n+\t\treturn 'Host dashboard loaded.'\n+\tif (segments[0] === 's' && segments.length >= 2) {\n+\t\treturn 'Schedule availability page loaded.'\n+\t}\n+\treturn 'Page content loaded.'\n+}\n+\n+function focusMainContentHeading() {\n+\tif (typeof document === 'undefined') return\n+\tconst heading = document.querySelector('#main-content h1')\n+\tif (heading instanceof HTMLElement) {\n+\t\tif (!heading.hasAttribute('tabindex')) {\n+\t\t\theading.setAttribute('tabindex', '-1')\n+\t\t}\n+\t\theading.focus()\n+\t\treturn\n+\t}\n+\tconst mainContent = document.getElementById('main-content')\n+\tif (mainContent instanceof HTMLElement) {\n+\t\tmainContent.focus()\n+\t}\n+}\n+\n+export function App(handle: Handle) {\n+\tlet pendingRouteA11ySync = true\n+\tlet shouldMoveFocusToMainContent = false\n+\tlet lastAnnouncedPath = ''\n+\tlet routeAnnouncement = ''\n+\n+\tlistenToRouterNavigation(handle, () => {\n+\t\tpendingRouteA11ySync = true\n+\t\tshouldMoveFocusToMainContent = true\n+\t\tvoid handle.update()\n+\t})\n+\n+\thandle.queueTask(() => {\n+\t\tif (!pendingRouteA11ySync) return\n+\t\tpendingRouteA11ySync = false\n+\t\tif (typeof window === 'undefined') return\n+\t\tconst pathname = window.location.pathname\n+\t\tif (pathname !== lastAnnouncedPath) {\n+\t\t\tlastAnnouncedPath = pathname\n+\t\t\trouteAnnouncement = getRouteAnnouncement(pathname)\n+\t\t\tvoid handle.update()\n+\t\t}\n+\t\tif (shouldMoveFocusToMainContent) {\n+\t\t\tshouldMoveFocusToMainContent = false\n+\t\t\tfocusMainContentHeading()\n+\t\t}\n+\t})\n \n-export function App(_handle: Handle) {\n \tconst navLinkCss = {\n \t\tcolor: colors.primaryText,\n \t\tfontWeight: typography.fontWeight.medium,\n@@ -13,28 +68,98 @@ export function App(_handle: Handle) {\n \t\t},\n \t}\n \n+\tconst skipToMainLinkCss = {\n+\t\tposition: 'absolute',\n+\t\tleft: spacing.sm,\n+\t\ttop: spacing.sm,\n+\t\tpadding: `${spacing.xs} ${spacing.sm}`,\n+\t\tborderRadius: spacing.xs,\n+\t\tborder: `1px solid ${colors.border}`,\n+\t\tbackgroundColor: colors.surface,\n+\t\tcolor: colors.text,\n+\t\ttextDecoration: 'none',\n+\t\ttransform: 'translateY(-150%)',\n+\t\ttransition: 'transform 120ms ease',\n+\t\tzIndex: 100,\n+\t\t'&:focus-visible': {\n+\t\t\ttransform: 'translateY(0)',\n+\t\t},\n+\t}\n+\n \treturn () => {\n \t\treturn (\n-\t\t\t\n+\t\t\t\t\n+\t\t\t\t\tSkip to main content\n+\t\t\t\t\n+\t\t\t\t

\n+\t\t\t\t\t{routeAnnouncement}\n+\t\t\t\t

\n+\t\t\t\t

\n \t\t\t\t\t\n-\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n \t\t\t\t\t\t\t\tEpic Scheduler\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tNew schedule\n \t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tHow it works\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tBlog\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t

\n \t\t\t\t\t\n+\t\t\t\t

\n+\t\t\t\t

\n \t\t\t\t\t\n \t\t\t\t

\n+\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\tPrivacy\n+\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\tTerms\n+\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\tFeatures\n+\t\t\t\t\t\n+\t\t\t\t\n+\t\t\t\n \t\t)\n \t}\n }\ndiff --git a/client/browser-time-zone.ts b/client/browser-time-zone.ts\nnew file mode 100644\nindex 0000000..598f9d8\n--- /dev/null\n+++ b/client/browser-time-zone.ts\n@@ -0,0 +1,6 @@\n+export function getBrowserTimeZone() {\n+\tconst value = Intl.DateTimeFormat().resolvedOptions().timeZone\n+\tif (typeof value !== 'string') return 'UTC'\n+\tconst normalized = value.trim()\n+\treturn normalized || 'UTC'\n+}\ndiff --git a/client/client-router.tsx b/client/client-router.tsx\nindex 813fdf4..e8168f1 100644\n--- a/client/client-router.tsx\n+++ b/client/client-router.tsx\n@@ -1,4 +1,5 @@\n import { type Handle } from 'remix/component'\n+import { setDocumentTitle, toAppTitle } from './document-title.ts'\n \n type RouterSetup = {\n \troutes: Record\n@@ -50,6 +51,7 @@ function shouldHandleClick(event: MouseEvent, anchor: HTMLAnchorElement) {\n \tif (event.button !== 0) return false\n \tif (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)\n \t\treturn false\n+\tif (anchor.hasAttribute('data-router-reload')) return false\n \tif (anchor.target && anchor.target !== '_self') return false\n \tif (anchor.hasAttribute('download')) return false\n \n@@ -290,6 +292,7 @@ export function Router(handle: Handle, setup: RouterSetup) {\n \t\tconst path = getPathname()\n \t\tconst routeElement = matchRoute(path, setup.routes)\n \t\tif (routeElement) return routeElement\n+\t\tsetDocumentTitle(toAppTitle('Page not found'))\n \t\treturn setup.fallback ?? null\n \t}\n }\ndiff --git a/client/components/schedule-grid.tsx b/client/components/schedule-grid.tsx\nnew file mode 100644\nindex 0000000..37e3d2b\n--- /dev/null\n+++ b/client/components/schedule-grid.tsx\n@@ -0,0 +1,942 @@\n+import {\n+\tcolors,\n+\tmq,\n+\tradius,\n+\tspacing,\n+\ttypography,\n+} from '#client/styles/tokens.ts'\n+import { visuallyHiddenCss } from '#client/styles/visually-hidden.ts'\n+import { getScheduleCellBackgroundColor } from '#client/schedule-grid-colors.ts'\n+import {\n+\tbuildScheduleGridTableModel,\n+\ttype ScheduleGridSlotAvailability,\n+} from '#client/schedule-grid-model.ts'\n+import {\n+\tformatSlotLabel,\n+\tparseDateInputToLocalDate,\n+\ttoDayKey,\n+} from '#client/schedule-utils.ts'\n+\n+const gridNavigationKeys = new Set([\n+\t'ArrowUp',\n+\t'ArrowDown',\n+\t'ArrowLeft',\n+\t'ArrowRight',\n+\t'Home',\n+\t'End',\n+\t'PageUp',\n+\t'PageDown',\n+])\n+\n+type ScheduleGridProps = {\n+\tslots: Array\n+\tselectedSlots: ReadonlySet\n+\tdisabledSlots?: ReadonlySet\n+\thideDisabledOnlyRowsAndColumns?: boolean\n+\thighlightedSlots?: ReadonlySet\n+\thighlightedSlotLabel?: string\n+\tselectionSlots?: ReadonlySet\n+\tselectionSlotLabel?: string\n+\tselectedSlotLabel?: string\n+\tunselectedSlotLabel?: string\n+\tselectedBackground?: string\n+\tpending?: boolean\n+\tmobileDayKey?: string | null\n+\tslotAvailability: Record\n+\tmaxAvailabilityCount: number\n+\tactiveSlot: string | null\n+\trangeAnchor: string | null\n+\treadOnly?: boolean\n+\tdesktopHorizontalOverflow?: 'page' | 'local'\n+\tonMobileDayChange?: (dayKey: string) => void\n+\tonCellPointerDown?: (slot: string, event: PointerEvent) => void\n+\tonCellPointerEnter?: (slot: string, event: PointerEvent) => void\n+\tonCellPointerMove?: (slot: string, event: PointerEvent) => void\n+\tonCellPointerUp?: (slot: string, event: PointerEvent) => void\n+\tonCellClick?: (slot: string, event: MouseEvent) => void\n+\tonCellKeyboardActivate?: (slot: string) => void\n+\tonCellFocus?: (slot: string) => void\n+\tonCellHover?: (slot: string | null) => void\n+\tonCellKeyboardNavigate?: (params: {\n+\t\tfromSlot: string\n+\t\ttoSlot: string\n+\t\tkey: string\n+\t\tshiftKey: boolean\n+\t}) => void\n+\tdayHeaderLayout?: 'single-line' | 'stacked'\n+\tdayColumnWidth?: 'default' | 'narrow'\n+\tshowWeekSeparators?: boolean\n+\toutlinedSlots?: ReadonlySet\n+\toutlinedSlotLabel?: string\n+\taccentedSlots?: ReadonlySet\n+\taccentedSlotLabel?: string\n+\tfitToContentWidth?: boolean\n+}\n+\n+function toSelectionLabel(params: {\n+\tselected: boolean\n+\tselectedSlotLabel?: string\n+\tunselectedSlotLabel?: string\n+}) {\n+\tif (params.selected) {\n+\t\treturn params.selectedSlotLabel ?? 'selected for your availability'\n+\t}\n+\treturn params.unselectedSlotLabel ?? 'not selected for your availability'\n+}\n+\n+function getCellBackground(params: {\n+\tcount: number\n+\tmaxCount: number\n+\tisSelected: boolean\n+\tisDisabled: boolean\n+\tisHighlighted: boolean\n+\tselectedBackground?: string\n+}) {\n+\tif (params.isDisabled) {\n+\t\treturn 'color-mix(in srgb, var(--color-background) 86%, var(--color-surface))'\n+\t}\n+\tif (params.isSelected && params.selectedBackground) {\n+\t\treturn params.selectedBackground\n+\t}\n+\tif (params.isHighlighted) {\n+\t\treturn `color-mix(in srgb, ${colors.success} 46%, var(--color-surface))`\n+\t}\n+\treturn getScheduleCellBackgroundColor({\n+\t\tcount: params.count,\n+\t\tmaxCount: params.maxCount,\n+\t\tisSelected: params.isSelected,\n+\t})\n+}\n+\n+const dayHeaderMonthDayFormatter = new Intl.DateTimeFormat(undefined, {\n+\tmonth: 'short',\n+\tday: 'numeric',\n+})\n+const dayHeaderWeekdayFormatter = new Intl.DateTimeFormat(undefined, {\n+\tweekday: 'short',\n+})\n+\n+function formatStackedDayHeader(dayKey: string, fallbackLabel: string) {\n+\tconst date = parseDateInputToLocalDate(dayKey)\n+\tif (!date) {\n+\t\treturn {\n+\t\t\tmonthDay: fallbackLabel,\n+\t\t\tweekday: '',\n+\t\t}\n+\t}\n+\treturn {\n+\t\tmonthDay: dayHeaderMonthDayFormatter.format(date),\n+\t\tweekday: dayHeaderWeekdayFormatter.format(date),\n+\t}\n+}\n+\n+function isStartOfWeek(dayKey: string) {\n+\tconst date = parseDateInputToLocalDate(dayKey)\n+\tif (!date) return false\n+\treturn date.getDay() === 0\n+}\n+\n+function getRowCells(row: HTMLTableRowElement) {\n+\treturn Array.from(row.querySelectorAll('td'))\n+}\n+\n+function getCellButton(cell: HTMLTableCellElement) {\n+\tconst button = cell.querySelector('button[data-slot]')\n+\treturn button instanceof HTMLButtonElement ? button : null\n+}\n+\n+function moveFocusWithinGridCellButtons(params: {\n+\tkey: string\n+\tcurrentButton: HTMLButtonElement\n+}) {\n+\tconst currentCell = params.currentButton.closest('td')\n+\tconst currentRow = currentCell?.parentElement\n+\tconst tableBody = currentRow?.parentElement\n+\tif (!(currentCell instanceof HTMLTableCellElement)) return null\n+\tif (!(currentRow instanceof HTMLTableRowElement)) return null\n+\tif (!(tableBody instanceof HTMLTableSectionElement)) return null\n+\tif (tableBody.tagName.toLowerCase() !== 'tbody') return null\n+\n+\tconst rows = Array.from(tableBody.querySelectorAll('tr'))\n+\tconst rowIndex = rows.indexOf(currentRow)\n+\tif (rowIndex < 0) return null\n+\n+\tconst rowCells = getRowCells(currentRow)\n+\tconst columnIndex = rowCells.indexOf(currentCell)\n+\tif (columnIndex < 0) return null\n+\n+\tfunction focusButton(button: HTMLButtonElement) {\n+\t\tbutton.focus()\n+\t\treturn button\n+\t}\n+\n+\tfunction focusCellAt(row: HTMLTableRowElement, col: number) {\n+\t\tconst cell = getRowCells(row)[col]\n+\t\tif (!cell) return null\n+\t\tconst button = getCellButton(cell)\n+\t\tif (!button) return null\n+\t\treturn focusButton(button)\n+\t}\n+\n+\tfunction focusInRow(startIndex: number, step: 1 | -1) {\n+\t\tlet nextIndex = startIndex + step\n+\t\twhile (nextIndex >= 0 && nextIndex < rowCells.length) {\n+\t\t\tconst cell = rowCells[nextIndex]\n+\t\t\tif (cell) {\n+\t\t\t\tconst button = getCellButton(cell)\n+\t\t\t\tif (button) return focusButton(button)\n+\t\t\t}\n+\t\t\tnextIndex += step\n+\t\t}\n+\t\treturn null\n+\t}\n+\n+\tfunction focusInColumn(startIndex: number, step: 1 | -1) {\n+\t\tlet nextIndex = startIndex + step\n+\t\twhile (nextIndex >= 0 && nextIndex < rows.length) {\n+\t\t\tconst row = rows[nextIndex]\n+\t\t\tif (row) {\n+\t\t\t\tconst button = focusCellAt(row, columnIndex)\n+\t\t\t\tif (button) return button\n+\t\t\t}\n+\t\t\tnextIndex += step\n+\t\t}\n+\t\treturn null\n+\t}\n+\n+\tif (params.key === 'ArrowLeft') return focusInRow(columnIndex, -1)\n+\tif (params.key === 'ArrowRight') return focusInRow(columnIndex, 1)\n+\tif (params.key === 'ArrowUp') return focusInColumn(rowIndex, -1)\n+\tif (params.key === 'ArrowDown') return focusInColumn(rowIndex, 1)\n+\tif (params.key === 'PageUp') {\n+\t\tfor (let nextIndex = 0; nextIndex < rowIndex; nextIndex += 1) {\n+\t\t\tconst row = rows[nextIndex]\n+\t\t\tif (row) {\n+\t\t\t\tconst button = focusCellAt(row, columnIndex)\n+\t\t\t\tif (button) return button\n+\t\t\t}\n+\t\t}\n+\t\treturn null\n+\t}\n+\tif (params.key === 'PageDown') {\n+\t\tfor (\n+\t\t\tlet nextIndex = rows.length - 1;\n+\t\t\tnextIndex > rowIndex;\n+\t\t\tnextIndex -= 1\n+\t\t) {\n+\t\t\tconst row = rows[nextIndex]\n+\t\t\tif (row) {\n+\t\t\t\tconst button = focusCellAt(row, columnIndex)\n+\t\t\t\tif (button) return button\n+\t\t\t}\n+\t\t}\n+\t\treturn null\n+\t}\n+\tif (params.key === 'Home') {\n+\t\tfor (const cell of rowCells) {\n+\t\t\tconst button = getCellButton(cell)\n+\t\t\tif (!button) continue\n+\t\t\treturn focusButton(button)\n+\t\t}\n+\t\treturn null\n+\t}\n+\tif (params.key === 'End') {\n+\t\tfor (let index = rowCells.length - 1; index >= 0; index -= 1) {\n+\t\t\tconst cell = rowCells[index]\n+\t\t\tif (!cell) continue\n+\t\t\tconst button = getCellButton(cell)\n+\t\t\tif (!button) continue\n+\t\t\treturn focusButton(button)\n+\t\t}\n+\t\treturn null\n+\t}\n+\treturn null\n+}\n+\n+export function renderScheduleGrid(props: ScheduleGridProps) {\n+\tconst grid = buildScheduleGridTableModel({\n+\t\tslots: props.slots,\n+\t\tdisabledSlots: props.disabledSlots,\n+\t\thideDisabledOnlyRowsAndColumns: props.hideDisabledOnlyRowsAndColumns,\n+\t})\n+\tconst {\n+\t\tdayKeys,\n+\t\tdayLabels,\n+\t\ttimeKeys,\n+\t\ttimeLabels,\n+\t\tcellByDayAndTime,\n+\t\tmissingSlotCellCount,\n+\t} = grid\n+\tconst hasMissingSlots = missingSlotCellCount > 0\n+\tconst activeDayKey = toDayKey(props.activeSlot)\n+\tconst defaultMobileDayKey =\n+\t\tactiveDayKey && dayKeys.includes(activeDayKey)\n+\t\t\t? activeDayKey\n+\t\t\t: (dayKeys[0] ?? null)\n+\tconst resolvedMobileDayKey =\n+\t\tprops.mobileDayKey && dayKeys.includes(props.mobileDayKey)\n+\t\t\t? props.mobileDayKey\n+\t\t\t: defaultMobileDayKey\n+\tconst mobileDayIndex = resolvedMobileDayKey\n+\t\t? dayKeys.indexOf(resolvedMobileDayKey)\n+\t\t: -1\n+\tconst previousDayKey =\n+\t\tmobileDayIndex > 0 ? (dayKeys[mobileDayIndex - 1] ?? null) : null\n+\tconst nextDayKey =\n+\t\tmobileDayIndex >= 0 && mobileDayIndex < dayKeys.length - 1\n+\t\t\t? (dayKeys[mobileDayIndex + 1] ?? null)\n+\t\t\t: null\n+\tconst mobileVisibleDayKeys = resolvedMobileDayKey\n+\t\t? [resolvedMobileDayKey]\n+\t\t: dayKeys\n+\tconst desktopVisibleDayKeys = dayKeys\n+\tconst desktopHorizontalOverflow = props.desktopHorizontalOverflow ?? 'page'\n+\tconst useStackedDayHeader = props.dayHeaderLayout === 'stacked'\n+\tconst useNarrowDayColumns = props.dayColumnWidth === 'narrow'\n+\tconst dayColumnWidthRem = useNarrowDayColumns ? 6.2 : 8\n+\tconst timeColumnWidthRem = useNarrowDayColumns ? 5 : 5.6\n+\tconst weekSeparatorWidth = props.showWeekSeparators ? '0.35rem' : '0'\n+\n+\tfunction shouldClearHoverOnPointerLeave(event: PointerEvent) {\n+\t\tconst currentTarget = event.currentTarget\n+\t\tconst relatedTarget = event.relatedTarget\n+\t\tif (!(currentTarget instanceof Element)) return true\n+\t\tif (!(relatedTarget instanceof Element)) return true\n+\t\tconst currentScroller = currentTarget.closest(\n+\t\t\t'[data-schedule-grid-scroller]',\n+\t\t)\n+\t\tif (!currentScroller) return true\n+\t\tconst relatedSlotButton =\n+\t\t\trelatedTarget.closest('button[data-slot]') ??\n+\t\t\trelatedTarget.closest('td')?.querySelector('button[data-slot]')\n+\t\tif (!relatedSlotButton) return true\n+\t\tconst relatedScroller = relatedSlotButton.closest(\n+\t\t\t'[data-schedule-grid-scroller]',\n+\t\t)\n+\t\tif (!relatedScroller) return true\n+\t\treturn currentScroller !== relatedScroller\n+\t}\n+\n+\tfunction renderGridTable(visibleDayKeys: Array, compact: boolean) {\n+\t\tconst fitToContent = !!props.fitToContentWidth && !compact\n+\t\tconst tableCaption = props.readOnly\n+\t\t\t? 'Availability grid. Use arrow keys to move between time slots. Press Enter or Space to focus slot details.'\n+\t\t\t: 'Editable availability grid. Use arrow keys to move between time slots. Hold Shift while moving to preview a range. Press Enter or Space to apply toggles. On pointer devices, drag to select a range.'\n+\n+\t\tfunction handleCellKeyDown(event: KeyboardEvent) {\n+\t\t\tif (event.metaKey || event.ctrlKey || event.altKey) return\n+\t\t\tconst currentTarget = event.currentTarget\n+\t\t\tif (!(currentTarget instanceof HTMLButtonElement)) return\n+\t\t\tconst slot = currentTarget.dataset.slot\n+\t\t\tif (\n+\t\t\t\t(event.key === 'Enter' ||\n+\t\t\t\t\tevent.key === ' ' ||\n+\t\t\t\t\tevent.key === 'Spacebar') &&\n+\t\t\t\tslot &&\n+\t\t\t\tprops.onCellKeyboardActivate\n+\t\t\t) {\n+\t\t\t\tevent.preventDefault()\n+\t\t\t\tprops.onCellKeyboardActivate(slot)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tif (!gridNavigationKeys.has(event.key)) return\n+\t\t\tconst fromSlot = currentTarget.dataset.slot\n+\t\t\tconst focusedButton = moveFocusWithinGridCellButtons({\n+\t\t\t\tkey: event.key,\n+\t\t\t\tcurrentButton: currentTarget,\n+\t\t\t})\n+\t\t\tevent.preventDefault()\n+\t\t\tif (!focusedButton) return\n+\t\t\tconst toSlot = focusedButton.dataset.slot\n+\t\t\tif (!fromSlot || !toSlot) return\n+\t\t\tprops.onCellKeyboardNavigate?.({\n+\t\t\t\tfromSlot,\n+\t\t\t\ttoSlot,\n+\t\t\t\tkey: event.key,\n+\t\t\t\tshiftKey: event.shiftKey,\n+\t\t\t})\n+\t\t}\n+\n+\t\treturn (\n+\t\t\t props.onCellHover?.(null)\n+\t\t\t\t\t\t: undefined,\n+\t\t\t\t}}\n+\t\t\t\tcss={{\n+\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\tborderRadius: radius.lg,\n+\t\t\t\t\twidth: fitToContent ? 'fit-content' : undefined,\n+\t\t\t\t\tmaxWidth: fitToContent ? '100%' : undefined,\n+\t\t\t\t\tmarginInline: fitToContent ? 'auto' : undefined,\n+\t\t\t\t\t...(desktopHorizontalOverflow === 'local'\n+\t\t\t\t\t\t? {\n+\t\t\t\t\t\t\t\toverflowX: 'auto',\n+\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t: {\n+\t\t\t\t\t\t\t\t[mq.tablet]: {\n+\t\t\t\t\t\t\t\t\toverflowX: 'auto',\n+\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t}),\n+\t\t\t\t\tbackgroundColor: colors.surface,\n+\t\t\t\t\t[mq.mobile]: compact\n+\t\t\t\t\t\t? {\n+\t\t\t\t\t\t\t\tborderRadius: 0,\n+\t\t\t\t\t\t\t\tborderInline: 'none',\n+\t\t\t\t\t\t\t\toverflowX: 'hidden',\n+\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t: {},\n+\t\t\t\t}}\n+\t\t\t>\n+\t\t\t\t\n+\t\t\t\t\t{tableCaption}\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tTime\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t{visibleDayKeys.map((dayKey, dayColumnIndex) => {\n+\t\t\t\t\t\t\t\tconst hasWeekSeparator =\n+\t\t\t\t\t\t\t\t\tprops.showWeekSeparators &&\n+\t\t\t\t\t\t\t\t\tdayColumnIndex > 0 &&\n+\t\t\t\t\t\t\t\t\tisStartOfWeek(dayKey)\n+\t\t\t\t\t\t\t\tconst stackedDayHeader = useStackedDayHeader\n+\t\t\t\t\t\t\t\t\t? formatStackedDayHeader(dayKey, dayLabels[dayKey] ?? dayKey)\n+\t\t\t\t\t\t\t\t\t: null\n+\t\t\t\t\t\t\t\treturn (\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t{stackedDayHeader ? (\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t{stackedDayHeader.monthDay}\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{stackedDayHeader.weekday}\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\t\t\tdayLabels[dayKey]\n+\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t})}\n+\t\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\t{timeKeys.map((timeKey) => (\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t{timeLabels[timeKey]}\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t{visibleDayKeys.map((dayKey, dayColumnIndex) => {\n+\t\t\t\t\t\t\t\t\tconst slot = cellByDayAndTime[dayKey]?.[timeKey] ?? null\n+\t\t\t\t\t\t\t\t\tconst hasWeekSeparator =\n+\t\t\t\t\t\t\t\t\t\tprops.showWeekSeparators &&\n+\t\t\t\t\t\t\t\t\t\tdayColumnIndex > 0 &&\n+\t\t\t\t\t\t\t\t\t\tisStartOfWeek(dayKey)\n+\t\t\t\t\t\t\t\t\tif (!slot) {\n+\t\t\t\t\t\t\t\t\t\tconst missingSlotExplanation = `No slot at ${timeLabels[timeKey]} on ${dayLabels[dayKey]}. This can happen around daylight-saving transitions or at schedule range boundaries.`\n+\t\t\t\t\t\t\t\t\t\treturn (\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\tN/A\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t}\n+\n+\t\t\t\t\t\t\t\t\tconst availability = props.slotAvailability[slot] ?? {\n+\t\t\t\t\t\t\t\t\t\tcount: 0,\n+\t\t\t\t\t\t\t\t\t\tavailableNames: [],\n+\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\tconst isSelected = props.selectedSlots.has(slot)\n+\t\t\t\t\t\t\t\t\tconst isDisabled = props.disabledSlots?.has(slot) ?? false\n+\t\t\t\t\t\t\t\t\tconst isHighlighted =\n+\t\t\t\t\t\t\t\t\t\tprops.highlightedSlots?.has(slot) ?? false\n+\t\t\t\t\t\t\t\t\tconst isPendingSelection =\n+\t\t\t\t\t\t\t\t\t\tprops.selectionSlots?.has(slot) ?? false\n+\t\t\t\t\t\t\t\t\tconst isOutlined = props.outlinedSlots?.has(slot) ?? false\n+\t\t\t\t\t\t\t\t\tconst isAccented = props.accentedSlots?.has(slot) ?? false\n+\t\t\t\t\t\t\t\t\tconst isRangeAnchor = props.rangeAnchor === slot\n+\t\t\t\t\t\t\t\t\tconst isActive = props.activeSlot === slot\n+\t\t\t\t\t\t\t\t\tconst background = getCellBackground({\n+\t\t\t\t\t\t\t\t\t\tcount: availability.count,\n+\t\t\t\t\t\t\t\t\t\tmaxCount: props.maxAvailabilityCount,\n+\t\t\t\t\t\t\t\t\t\tisSelected,\n+\t\t\t\t\t\t\t\t\t\tisDisabled,\n+\t\t\t\t\t\t\t\t\t\tisHighlighted,\n+\t\t\t\t\t\t\t\t\t\tselectedBackground: props.selectedBackground,\n+\t\t\t\t\t\t\t\t\t})\n+\t\t\t\t\t\t\t\t\tconst slotLabel = formatSlotLabel(slot, 'long')\n+\t\t\t\t\t\t\t\t\tconst availabilitySelectionLabel = toSelectionLabel({\n+\t\t\t\t\t\t\t\t\t\tselected: isSelected,\n+\t\t\t\t\t\t\t\t\t\tselectedSlotLabel: props.selectedSlotLabel,\n+\t\t\t\t\t\t\t\t\t\tunselectedSlotLabel: props.unselectedSlotLabel,\n+\t\t\t\t\t\t\t\t\t})\n+\t\t\t\t\t\t\t\t\tconst attendeeLabel =\n+\t\t\t\t\t\t\t\t\t\tavailability.count > 0\n+\t\t\t\t\t\t\t\t\t\t\t? `${availability.count} attendee${availability.count === 1 ? '' : 's'} available`\n+\t\t\t\t\t\t\t\t\t\t\t: 'no attendees available'\n+\t\t\t\t\t\t\t\t\tconst attendeeNamesLabel =\n+\t\t\t\t\t\t\t\t\t\tavailability.availableNames.length === 0\n+\t\t\t\t\t\t\t\t\t\t\t? ''\n+\t\t\t\t\t\t\t\t\t\t\t: availability.availableNames.length <= 3\n+\t\t\t\t\t\t\t\t\t\t\t\t? `, available attendees: ${availability.availableNames.join(', ')}`\n+\t\t\t\t\t\t\t\t\t\t\t\t: `, available attendees include ${availability.availableNames\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t.slice(0, 3)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t.join(', ')}, and ${\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\tavailability.availableNames.length - 3\n+\t\t\t\t\t\t\t\t\t\t\t\t\t} more`\n+\t\t\t\t\t\t\t\t\tconst highlightedLabel =\n+\t\t\t\t\t\t\t\t\t\tisHighlighted && props.highlightedSlotLabel\n+\t\t\t\t\t\t\t\t\t\t\t? `, ${props.highlightedSlotLabel}`\n+\t\t\t\t\t\t\t\t\t\t\t: ''\n+\t\t\t\t\t\t\t\t\tconst pendingSelectionLabel =\n+\t\t\t\t\t\t\t\t\t\tisPendingSelection && props.selectionSlotLabel\n+\t\t\t\t\t\t\t\t\t\t\t? `, ${props.selectionSlotLabel}`\n+\t\t\t\t\t\t\t\t\t\t\t: isPendingSelection\n+\t\t\t\t\t\t\t\t\t\t\t\t? ', included in pending selection'\n+\t\t\t\t\t\t\t\t\t\t\t\t: ''\n+\t\t\t\t\t\t\t\t\tconst disabledLabel = isDisabled\n+\t\t\t\t\t\t\t\t\t\t? ', unavailable for scheduling'\n+\t\t\t\t\t\t\t\t\t\t: ''\n+\t\t\t\t\t\t\t\t\tconst outlinedSelectionLabel =\n+\t\t\t\t\t\t\t\t\t\tisOutlined && props.outlinedSlotLabel\n+\t\t\t\t\t\t\t\t\t\t\t? `, ${props.outlinedSlotLabel}`\n+\t\t\t\t\t\t\t\t\t\t\t: isOutlined\n+\t\t\t\t\t\t\t\t\t\t\t\t? ', selected range'\n+\t\t\t\t\t\t\t\t\t\t\t\t: ''\n+\t\t\t\t\t\t\t\t\tconst accentedSelectionLabel =\n+\t\t\t\t\t\t\t\t\t\tisAccented && props.accentedSlotLabel\n+\t\t\t\t\t\t\t\t\t\t\t? `, ${props.accentedSlotLabel}`\n+\t\t\t\t\t\t\t\t\t\t\t: isAccented\n+\t\t\t\t\t\t\t\t\t\t\t\t? ', highlighted for focused attendee'\n+\t\t\t\t\t\t\t\t\t\t\t\t: ''\n+\t\t\t\t\t\t\t\t\tconst ariaLabel = `${slotLabel}, ${availabilitySelectionLabel}, ${attendeeLabel}${attendeeNamesLabel}${highlightedLabel}${pendingSelectionLabel}${outlinedSelectionLabel}${accentedSelectionLabel}${disabledLabel}`\n+\t\t\t\t\t\t\t\t\tconst interactive = !props.readOnly && !isDisabled\n+\t\t\t\t\t\t\t\t\tconst pendingSelectionOverlay = isPendingSelection\n+\t\t\t\t\t\t\t\t\t\t? `inset 0 0 0 999px color-mix(in srgb, ${colors.primary} 14%, transparent)`\n+\t\t\t\t\t\t\t\t\t\t: null\n+\t\t\t\t\t\t\t\t\tconst accentedSlotRing = isAccented\n+\t\t\t\t\t\t\t\t\t\t? `inset 0 0 0 2px ${colors.success}`\n+\t\t\t\t\t\t\t\t\t\t: null\n+\t\t\t\t\t\t\t\t\tconst outlinedSlotRing =\n+\t\t\t\t\t\t\t\t\t\tisOutlined && !isAccented\n+\t\t\t\t\t\t\t\t\t\t\t? `inset 0 0 0 2px ${colors.primary}`\n+\t\t\t\t\t\t\t\t\t\t\t: null\n+\t\t\t\t\t\t\t\t\tconst activeSlotRing =\n+\t\t\t\t\t\t\t\t\t\tisRangeAnchor || isActive\n+\t\t\t\t\t\t\t\t\t\t\t? `inset 0 0 0 2px ${colors.primary}`\n+\t\t\t\t\t\t\t\t\t\t\t: null\n+\t\t\t\t\t\t\t\t\tconst combinedBoxShadow = [\n+\t\t\t\t\t\t\t\t\t\tpendingSelectionOverlay,\n+\t\t\t\t\t\t\t\t\t\taccentedSlotRing,\n+\t\t\t\t\t\t\t\t\t\toutlinedSlotRing,\n+\t\t\t\t\t\t\t\t\t\tactiveSlotRing,\n+\t\t\t\t\t\t\t\t\t]\n+\t\t\t\t\t\t\t\t\t\t.filter((value): value is string => !!value)\n+\t\t\t\t\t\t\t\t\t\t.join(', ')\n+\n+\t\t\t\t\t\t\t\t\treturn (\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.onCellPointerDown?.(slot, event)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tpointerenter:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\tinteractive &&\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t(props.onCellPointerEnter || props.onCellHover)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (event) => {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.onCellPointerEnter?.(slot, event)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.onCellHover?.(slot)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: props.onCellHover\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => props.onCellHover?.(slot)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tpointermove: props.onCellPointerMove\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (event) => props.onCellPointerMove?.(slot, event)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tpointerleave: props.onCellHover\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (event) => {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (!shouldClearHoverOnPointerLeave(event)) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.onCellHover?.(null)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tpointerup: props.onCellPointerUp\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (event) => props.onCellPointerUp?.(slot, event)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tclick: props.onCellClick\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (event) => props.onCellClick?.(slot, event)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tfocus: props.onCellFocus\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => props.onCellFocus?.(slot)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tblur: props.onCellHover\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t? () => props.onCellHover?.(null)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined,\n+\t\t\t\t\t\t\t\t\t\t\t\t\tkeydown: handleCellKeyDown,\n+\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t{availability.count > 0 ? availability.count : ''}\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t})}\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t))}\n+\t\t\t\t\t\n+\t\t\t\t\n+\t\t\t\n+\t\t)\n+\t}\n+\n+\tif (dayKeys.length === 0 || timeKeys.length === 0) {\n+\t\treturn (\n+\t\t\t

\n+\t\t\t\tNo time slots available for this range.\n+\t\t\t

\n+\t\t)\n+\t}\n+\n+\treturn (\n+\t\t\n+\t\t\t{hasMissingSlots ? (\n+\t\t\t\t\n+\t\t\t\t\t{missingSlotCellCount} cell{missingSlotCellCount === 1 ? '' : 's'}{' '}\n+\t\t\t\t\tmarked N/A because those local times have no slot in this schedule\n+\t\t\t\t\t(for example daylight-saving transitions).\n+\t\t\t\t

\n+\t\t\t) : null}\n+\t\t\t\n+\t\t\t\t\n+\t\t\t\t\t {\n+\t\t\t\t\t\t\t\tif (!previousDayKey) return\n+\t\t\t\t\t\t\t\tprops.onMobileDayChange?.(previousDayKey)\n+\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t}}\n+\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\twidth: '2rem',\n+\t\t\t\t\t\t\theight: '2rem',\n+\t\t\t\t\t\t\tborderRadius: radius.full,\n+\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\tbackgroundColor: previousDayKey\n+\t\t\t\t\t\t\t\t? colors.surface\n+\t\t\t\t\t\t\t\t: colors.background,\n+\t\t\t\t\t\t\tcolor: previousDayKey ? colors.text : colors.textMuted,\n+\t\t\t\t\t\t\tfontSize: typography.fontSize.base,\n+\t\t\t\t\t\t\tfontWeight: typography.fontWeight.bold,\n+\t\t\t\t\t\t\tcursor: previousDayKey ? 'pointer' : 'not-allowed',\n+\t\t\t\t\t\t}}\n+\t\t\t\t\t>\n+\t\t\t\t\t\t{'<'}\n+\t\t\t\t\t\n+\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t{resolvedMobileDayKey ? dayLabels[resolvedMobileDayKey] : ''}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\tDay {Math.max(1, mobileDayIndex + 1)} of {dayKeys.length}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t {\n+\t\t\t\t\t\t\t\tif (!nextDayKey) return\n+\t\t\t\t\t\t\t\tprops.onMobileDayChange?.(nextDayKey)\n+\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t}}\n+\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\twidth: '2rem',\n+\t\t\t\t\t\t\theight: '2rem',\n+\t\t\t\t\t\t\tborderRadius: radius.full,\n+\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\tbackgroundColor: nextDayKey ? colors.surface : colors.background,\n+\t\t\t\t\t\t\tcolor: nextDayKey ? colors.text : colors.textMuted,\n+\t\t\t\t\t\t\tfontSize: typography.fontSize.base,\n+\t\t\t\t\t\t\tfontWeight: typography.fontWeight.bold,\n+\t\t\t\t\t\t\tcursor: nextDayKey ? 'pointer' : 'not-allowed',\n+\t\t\t\t\t\t}}\n+\t\t\t\t\t>\n+\t\t\t\t\t\t{'>'}\n+\t\t\t\t\t\n+\t\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\t{renderGridTable(desktopVisibleDayKeys, false)}\n+\t\t\t\n+\t\t\t\n+\t\t\t\t{renderGridTable(mobileVisibleDayKeys, true)}\n+\t\t\t\n+\t\t\n+\t)\n+}\ndiff --git a/client/counter.tsx b/client/counter.tsx\ndeleted file mode 100644\nindex f7fcea9..0000000\n--- a/client/counter.tsx\n+++ /dev/null\n@@ -1,49 +0,0 @@\n-import { type Handle } from 'remix/component'\n-import {\n-\tcolors,\n-\tradius,\n-\tspacing,\n-\ttransitions,\n-\ttypography,\n-} from './styles/tokens.ts'\n-\n-type CounterSetup = {\n-\tinitial?: number\n-}\n-\n-export function Counter(handle: Handle, setup: CounterSetup = {}) {\n-\tlet count = setup.initial ?? 0\n-\n-\tfunction increment() {\n-\t\tcount += 1\n-\t\thandle.update()\n-\t}\n-\n-\treturn () => (\n-\t\t\n-\t\t\tCount: {count}\n-\t\t\n-\t)\n-}\ndiff --git a/client/document-title.ts b/client/document-title.ts\nnew file mode 100644\nindex 0000000..f257fa1\n--- /dev/null\n+++ b/client/document-title.ts\n@@ -0,0 +1,13 @@\n+const appName = 'Epic Scheduler'\n+\n+export function toAppTitle(pageTitle: string) {\n+\tconst normalizedPageTitle = pageTitle.trim()\n+\tif (!normalizedPageTitle) return appName\n+\treturn `${normalizedPageTitle} | ${appName}`\n+}\n+\n+export function setDocumentTitle(title: string) {\n+\tif (typeof document === 'undefined') return\n+\tif (document.title === title) return\n+\tdocument.title = title\n+}\ndiff --git a/client/grid-drag-autoscroll.ts b/client/grid-drag-autoscroll.ts\nnew file mode 100644\nindex 0000000..9e7bb8f\n--- /dev/null\n+++ b/client/grid-drag-autoscroll.ts\n@@ -0,0 +1,91 @@\n+const defaultEdgeDistancePx = 56\n+const defaultMaxStepPx = 18\n+\n+function computeAxisStep(params: {\n+\tpointer: number\n+\tstart: number\n+\tend: number\n+\tedgeDistancePx: number\n+\tmaxStepPx: number\n+}) {\n+\tconst nearStartDistance = params.pointer - params.start\n+\tif (nearStartDistance < params.edgeDistancePx) {\n+\t\tconst intensity =\n+\t\t\t(params.edgeDistancePx - nearStartDistance) / params.edgeDistancePx\n+\t\treturn -Math.round(Math.min(params.maxStepPx, intensity * params.maxStepPx))\n+\t}\n+\n+\tconst nearEndDistance = params.end - params.pointer\n+\tif (nearEndDistance < params.edgeDistancePx) {\n+\t\tconst intensity =\n+\t\t\t(params.edgeDistancePx - nearEndDistance) / params.edgeDistancePx\n+\t\treturn Math.round(Math.min(params.maxStepPx, intensity * params.maxStepPx))\n+\t}\n+\n+\treturn 0\n+}\n+\n+export function computeAutoScrollStep(params: {\n+\tclientX: number\n+\tclientY: number\n+\trect: DOMRect\n+\tedgeDistancePx?: number\n+\tmaxStepPx?: number\n+}) {\n+\tconst edgeDistancePx = params.edgeDistancePx ?? defaultEdgeDistancePx\n+\tconst maxStepPx = params.maxStepPx ?? defaultMaxStepPx\n+\treturn {\n+\t\tleft: computeAxisStep({\n+\t\t\tpointer: params.clientX,\n+\t\t\tstart: params.rect.left,\n+\t\t\tend: params.rect.right,\n+\t\t\tedgeDistancePx,\n+\t\t\tmaxStepPx,\n+\t\t}),\n+\t\ttop: computeAxisStep({\n+\t\t\tpointer: params.clientY,\n+\t\t\tstart: params.rect.top,\n+\t\t\tend: params.rect.bottom,\n+\t\t\tedgeDistancePx,\n+\t\t\tmaxStepPx,\n+\t\t}),\n+\t}\n+}\n+\n+export function findSlotAtPoint(\n+\tclientX: number,\n+\tclientY: number,\n+\tparams?: { withinElement?: Element | null },\n+) {\n+\tif (typeof document === 'undefined') return null\n+\tconst element = document.elementFromPoint(clientX, clientY)\n+\tif (!(element instanceof Element)) return null\n+\tconst slotButton = element.closest('button[data-slot]')\n+\tif (!(slotButton instanceof HTMLButtonElement)) return null\n+\tif (params?.withinElement && !params.withinElement.contains(slotButton)) {\n+\t\treturn null\n+\t}\n+\tif (slotButton.getAttribute('aria-disabled') === 'true') return null\n+\tconst slot = slotButton.dataset.slot?.trim()\n+\treturn slot || null\n+}\n+\n+export function getGridScrollerFromPointerEvent(event: PointerEvent) {\n+\tconst target = event.currentTarget\n+\tif (!(target instanceof Element)) return null\n+\tconst scroller = target.closest('[data-schedule-grid-scroller]')\n+\treturn scroller instanceof HTMLElement ? scroller : null\n+}\n+\n+export function setPointerCaptureIfAvailable(event: PointerEvent) {\n+\tconst target = event.currentTarget\n+\tif (!(target instanceof Element)) return\n+\tif (!('setPointerCapture' in target)) return\n+\ttry {\n+\t\t;(\n+\t\t\ttarget as Element & { setPointerCapture(pointerId: number): void }\n+\t\t).setPointerCapture(event.pointerId)\n+\t} catch {\n+\t\treturn\n+\t}\n+}\ndiff --git a/client/mcp-apps/schedule-host-widget.ts b/client/mcp-apps/schedule-host-widget.ts\nnew file mode 100644\nindex 0000000..cb142dd\n--- /dev/null\n+++ b/client/mcp-apps/schedule-host-widget.ts\n@@ -0,0 +1,258 @@\n+import { extractScheduleToolInput } from './schedule-widget-tool-input.js'\n+import {\n+\tcreateFullscreenManager,\n+\tgetWidgetElement,\n+\tisRecord,\n+\treadNonEmptyString,\n+\treadTheme,\n+} from './schedule-widget-shared.js'\n+import { createWidgetHostBridge } from './widget-host-bridge.js'\n+\n+const getElement = (\n+\troot: ParentNode,\n+\tselector: string,\n+): T => getWidgetElement(root, selector, 'host widget')\n+\n+function getApiBaseUrl(rootElement: HTMLElement) {\n+\tconst configuredBaseUrl = readNonEmptyString(rootElement.dataset.apiBaseUrl)\n+\tif (configuredBaseUrl) return new URL('/', configuredBaseUrl)\n+\treturn new URL('/', window.location.href)\n+}\n+\n+function setupScheduleHostWidget() {\n+\tconst rootElement = document.querySelector('[data-schedule-host-widget]')\n+\tif (!(rootElement instanceof HTMLElement)) return\n+\n+\tconst appRoot = document.documentElement\n+\tconst shareTokenElement = getElement(\n+\t\trootElement,\n+\t\t'[data-share-token]',\n+\t)\n+\tconst shareTokenInput = getElement(\n+\t\trootElement,\n+\t\t'input[name=\"shareToken\"]',\n+\t)\n+\tconst hostAccessTokenElement = getElement(\n+\t\trootElement,\n+\t\t'[data-host-access-token]',\n+\t)\n+\tconst hostAccessTokenInput = getElement(\n+\t\trootElement,\n+\t\t'input[name=\"hostAccessToken\"]',\n+\t)\n+\tconst statusElement = getElement(rootElement, '[data-status]')\n+\tconst hostIframe = getElement(\n+\t\trootElement,\n+\t\t'[data-host-iframe]',\n+\t)\n+\tconst attendeeLink = getElement(\n+\t\trootElement,\n+\t\t'[data-attendee-link]',\n+\t)\n+\tconst fullscreenToggleButton = rootElement.querySelector(\n+\t\t'[data-action=\"request-fullscreen\"]',\n+\t)\n+\tconst loadHostButton = getElement(\n+\t\trootElement,\n+\t\t'[data-action=\"load-host\"]',\n+\t)\n+\n+\tif (fullscreenToggleButton) {\n+\t\tfullscreenToggleButton.hidden = true\n+\t}\n+\n+\tlet fullscreenManager: ReturnType | null =\n+\t\tnull\n+\tconst apiBaseUrl = getApiBaseUrl(rootElement)\n+\n+\tfunction setStatus(message: string, error = false) {\n+\t\tstatusElement.textContent = message\n+\t\tstatusElement.setAttribute('data-status-tone', error ? 'error' : 'normal')\n+\t}\n+\n+\tfunction setHostDashboardTarget(params: {\n+\t\tshareToken: string\n+\t\thostAccessToken?: string | null\n+\t}) {\n+\t\tconst normalizedShareToken = params.shareToken.trim()\n+\t\tif (!normalizedShareToken) {\n+\t\t\tsetStatus('Share token is required.', true)\n+\t\t\treturn false\n+\t\t}\n+\t\tconst normalizedHostAccessToken =\n+\t\t\tparams.hostAccessToken?.trim() ?? hostAccessTokenInput.value.trim()\n+\t\tshareTokenInput.value = normalizedShareToken\n+\t\tshareTokenElement.textContent = normalizedShareToken\n+\t\tattendeeLink.href = new URL(\n+\t\t\t`/s/${encodeURIComponent(normalizedShareToken)}`,\n+\t\t\tapiBaseUrl,\n+\t\t).toString()\n+\t\tif (!normalizedHostAccessToken) {\n+\t\t\thostAccessTokenElement.textContent = 'Not provided'\n+\t\t\thostIframe.removeAttribute('src')\n+\t\t\tsetStatus(\n+\t\t\t\t'Host access token is required to load the host dashboard.',\n+\t\t\t\ttrue,\n+\t\t\t)\n+\t\t\treturn false\n+\t\t}\n+\t\thostAccessTokenInput.value = normalizedHostAccessToken\n+\t\thostAccessTokenElement.textContent = normalizedHostAccessToken\n+\t\thostIframe.src = new URL(\n+\t\t\t`/s/${encodeURIComponent(normalizedShareToken)}/${encodeURIComponent(normalizedHostAccessToken)}`,\n+\t\t\tapiBaseUrl,\n+\t\t).toString()\n+\t\tsetStatus('Host dashboard loaded.')\n+\t\treturn true\n+\t}\n+\n+\tconst hostBridge = createWidgetHostBridge({\n+\t\tappInfo: {\n+\t\t\tname: 'schedule-host-widget',\n+\t\t\tversion: '1.0.0',\n+\t\t},\n+\t\tonRenderData: (renderData) => {\n+\t\t\tconst theme = readTheme(renderData)\n+\t\t\tif (theme) {\n+\t\t\t\tappRoot.setAttribute('data-theme', theme)\n+\t\t\t} else {\n+\t\t\t\tappRoot.removeAttribute('data-theme')\n+\t\t\t}\n+\t\t\tfullscreenManager?.updateFullscreenButton()\n+\t\t\tconst params = extractScheduleToolInput(renderData)\n+\t\t\tmaybeApplyToolInput(params)\n+\t\t},\n+\t\tonHostContextChanged: (hostContext) => {\n+\t\t\tconst theme = readTheme(hostContext)\n+\t\t\tif (theme) {\n+\t\t\t\tappRoot.setAttribute('data-theme', theme)\n+\t\t\t} else {\n+\t\t\t\tappRoot.removeAttribute('data-theme')\n+\t\t\t}\n+\t\t\tfullscreenManager?.updateFullscreenButton()\n+\t\t\tvoid fullscreenManager?.maybeAutoRequestFullscreen()\n+\t\t},\n+\t})\n+\n+\tfullscreenManager = createFullscreenManager({\n+\t\thostBridge,\n+\t\tfullscreenToggleButton,\n+\t\tautoFullscreenErrorLabel: 'schedule host widget',\n+\t})\n+\n+\tasync function toggleFullscreenMode() {\n+\t\tif (!fullscreenManager) {\n+\t\t\tthrow new Error('Fullscreen controls are unavailable.')\n+\t\t}\n+\t\treturn fullscreenManager.toggleFullscreenMode()\n+\t}\n+\n+\tfunction maybeApplyToolInput(params: {\n+\t\tshareToken: string | null\n+\t\thostAccessToken?: string | null\n+\t}) {\n+\t\tif (!params.shareToken) return\n+\t\tvoid setHostDashboardTarget({\n+\t\t\tshareToken: params.shareToken,\n+\t\t\thostAccessToken: params.hostAccessToken ?? hostAccessTokenInput.value,\n+\t\t})\n+\t}\n+\n+\tfunction handleToolInputMessage(message: unknown) {\n+\t\tif (!isRecord(message)) return\n+\t\tif (\n+\t\t\tmessage.method !== 'ui/notifications/tool-input' &&\n+\t\t\tmessage.method !== 'ui/notifications/tool-input-partial' &&\n+\t\t\tmessage.method !== 'ui/notifications/tool-result'\n+\t\t) {\n+\t\t\treturn\n+\t\t}\n+\t\tmaybeApplyToolInput(extractScheduleToolInput(message))\n+\t}\n+\n+\tloadHostButton.addEventListener('click', () => {\n+\t\tconst token = shareTokenInput.value.trim()\n+\t\tconst hostAccessToken = hostAccessTokenInput.value.trim()\n+\t\tif (\n+\t\t\t!setHostDashboardTarget({\n+\t\t\t\tshareToken: token,\n+\t\t\t\thostAccessToken,\n+\t\t\t})\n+\t\t) {\n+\t\t\treturn\n+\t\t}\n+\t\tvoid hostBridge.sendUserMessageWithFallback(\n+\t\t\t`Loaded Epic Scheduler host dashboard for share token ${token}.`,\n+\t\t)\n+\t})\n+\n+\tshareTokenInput.addEventListener('keydown', (event) => {\n+\t\tif (event.key !== 'Enter') return\n+\t\tevent.preventDefault()\n+\t\tloadHostButton.click()\n+\t})\n+\thostAccessTokenInput.addEventListener('keydown', (event) => {\n+\t\tif (event.key !== 'Enter') return\n+\t\tevent.preventDefault()\n+\t\tloadHostButton.click()\n+\t})\n+\n+\tfullscreenToggleButton?.addEventListener('click', () => {\n+\t\tsetStatus('Updating display mode...')\n+\t\tvoid toggleFullscreenMode()\n+\t\t\t.then(() => setStatus('Display mode updated.'))\n+\t\t\t.catch((error: unknown) => {\n+\t\t\t\tconst message =\n+\t\t\t\t\terror instanceof Error\n+\t\t\t\t\t\t? error.message\n+\t\t\t\t\t\t: 'Unable to update display mode.'\n+\t\t\t\tsetStatus(message, true)\n+\t\t\t})\n+\t})\n+\n+\tconst trustedHostOrigin = (() => {\n+\t\tif (!document.referrer) return null\n+\t\ttry {\n+\t\t\treturn new URL(document.referrer).origin\n+\t\t} catch {\n+\t\t\treturn null\n+\t\t}\n+\t})()\n+\n+\twindow.addEventListener('message', (event) => {\n+\t\tif (event.source !== window.parent) return\n+\t\tif (trustedHostOrigin && event.origin !== trustedHostOrigin) return\n+\t\thandleToolInputMessage(event.data)\n+\t\thostBridge.handleHostMessage(event.data)\n+\t})\n+\n+\tvoid hostBridge.initialize().then((ready) => {\n+\t\tfullscreenManager?.updateFullscreenButton()\n+\t\tif (!ready) return\n+\t\tvoid fullscreenManager?.maybeAutoRequestFullscreen()\n+\t})\n+\thostBridge.requestRenderData()\n+\tfullscreenManager?.updateFullscreenButton()\n+\tsetStatus('Waiting for share token and host access token input.')\n+\tconst openAiBridge = (\n+\t\twindow as Window & {\n+\t\t\topenai?: unknown\n+\t\t}\n+\t).openai\n+\tmaybeApplyToolInput(extractScheduleToolInput(openAiBridge))\n+\tconst widgetUrl = new URL(window.location.href)\n+\tmaybeApplyToolInput({\n+\t\tshareToken: readNonEmptyString(widgetUrl.searchParams.get('shareToken')),\n+\t\thostAccessToken: readNonEmptyString(\n+\t\t\twidgetUrl.searchParams.get('hostAccessToken'),\n+\t\t),\n+\t})\n+}\n+\n+if (document.readyState === 'loading') {\n+\tdocument.addEventListener('DOMContentLoaded', setupScheduleHostWidget, {\n+\t\tonce: true,\n+\t})\n+} else {\n+\tsetupScheduleHostWidget()\n+}\ndiff --git a/client/mcp-apps/schedule-widget-shared.ts b/client/mcp-apps/schedule-widget-shared.ts\nnew file mode 100644\nindex 0000000..6046ca8\n--- /dev/null\n+++ b/client/mcp-apps/schedule-widget-shared.ts\n@@ -0,0 +1,147 @@\n+export type WidgetDisplayMode = 'inline' | 'fullscreen' | 'pip'\n+\n+export type WidgetHostBridge = {\n+\tgetHostContext(): Record | undefined\n+\trequestDisplayMode(mode: WidgetDisplayMode): Promise\n+}\n+\n+export function isRecord(value: unknown): value is Record {\n+\treturn typeof value === 'object' && value !== null\n+}\n+\n+export function readTheme(source: Record | undefined) {\n+\tconst value = source?.theme\n+\treturn value === 'dark' || value === 'light' ? value : undefined\n+}\n+\n+export function isDisplayMode(value: unknown): value is WidgetDisplayMode {\n+\treturn value === 'inline' || value === 'fullscreen' || value === 'pip'\n+}\n+\n+export function readDisplayMode(source: Record | undefined) {\n+\tconst value = source?.displayMode\n+\treturn isDisplayMode(value) ? value : null\n+}\n+\n+export function readAvailableDisplayModes(\n+\tsource: Record | undefined,\n+) {\n+\tif (!Array.isArray(source?.availableDisplayModes)) {\n+\t\treturn [] as Array\n+\t}\n+\treturn source.availableDisplayModes.filter((mode) => isDisplayMode(mode))\n+}\n+\n+export function readNonEmptyString(value: unknown) {\n+\tif (typeof value !== 'string') return null\n+\tconst normalized = value.trim()\n+\treturn normalized.length > 0 ? normalized : null\n+}\n+\n+export function getWidgetElement(\n+\troot: ParentNode,\n+\tselector: string,\n+\tlabel = 'widget',\n+): T {\n+\tconst element = root.querySelector(selector)\n+\tif (!element) {\n+\t\tthrow new Error(`Missing ${label} element: ${selector}`)\n+\t}\n+\treturn element\n+}\n+\n+export function createFullscreenManager({\n+\thostBridge,\n+\tfullscreenToggleButton,\n+\tautoFullscreenErrorLabel,\n+}: {\n+\thostBridge: WidgetHostBridge\n+\tfullscreenToggleButton: HTMLButtonElement | null\n+\tautoFullscreenErrorLabel?: string\n+}) {\n+\tlet hasRequestedAutoFullscreen = false\n+\n+\tfunction updateFullscreenButton() {\n+\t\tif (!fullscreenToggleButton) return\n+\t\tconst hostContext = hostBridge.getHostContext()\n+\t\tconst availableModes = readAvailableDisplayModes(hostContext)\n+\t\tconst supportsFullscreen =\n+\t\t\tavailableModes.length === 0 || availableModes.includes('fullscreen')\n+\t\tif (!supportsFullscreen) {\n+\t\t\tfullscreenToggleButton.hidden = true\n+\t\t\treturn\n+\t\t}\n+\t\tconst displayMode = readDisplayMode(hostContext)\n+\t\tconst inFullscreen = displayMode === 'fullscreen'\n+\t\tconst canExitFullscreen =\n+\t\t\tavailableModes.length === 0 || availableModes.includes('inline')\n+\t\tif (inFullscreen && !canExitFullscreen) {\n+\t\t\tfullscreenToggleButton.hidden = true\n+\t\t\treturn\n+\t\t}\n+\t\tfullscreenToggleButton.hidden = false\n+\t\tfullscreenToggleButton.textContent = inFullscreen\n+\t\t\t? 'Exit fullscreen'\n+\t\t\t: 'Fullscreen'\n+\t\tfullscreenToggleButton.setAttribute(\n+\t\t\t'aria-label',\n+\t\t\tinFullscreen ? 'Exit fullscreen mode' : 'Request fullscreen mode',\n+\t\t)\n+\t}\n+\n+\tasync function maybeAutoRequestFullscreen() {\n+\t\tif (hasRequestedAutoFullscreen) return\n+\t\thasRequestedAutoFullscreen = true\n+\t\tconst hostContext = hostBridge.getHostContext()\n+\t\tconst availableModes = readAvailableDisplayModes(hostContext)\n+\t\tconst supportsFullscreen =\n+\t\t\tavailableModes.length === 0 || availableModes.includes('fullscreen')\n+\t\tconst displayMode = readDisplayMode(hostContext)\n+\t\tif (!supportsFullscreen || displayMode === 'fullscreen') return\n+\t\ttry {\n+\t\t\tconst grantedMode = await hostBridge.requestDisplayMode('fullscreen')\n+\t\t\tif (grantedMode === 'fullscreen') {\n+\t\t\t\tupdateFullscreenButton()\n+\t\t\t}\n+\t\t} catch (error) {\n+\t\t\thasRequestedAutoFullscreen = false\n+\t\t\tif (autoFullscreenErrorLabel) {\n+\t\t\t\tconsole.warn(\n+\t\t\t\t\t`${autoFullscreenErrorLabel} auto-fullscreen request failed`,\n+\t\t\t\t\t{\n+\t\t\t\t\t\terrorName: error instanceof Error ? error.name : 'UnknownError',\n+\t\t\t\t\t},\n+\t\t\t\t)\n+\t\t\t}\n+\t\t}\n+\t}\n+\n+\tasync function toggleFullscreenMode() {\n+\t\tconst hostContext = hostBridge.getHostContext()\n+\t\tconst availableModes = readAvailableDisplayModes(hostContext)\n+\t\tconst displayMode = readDisplayMode(hostContext)\n+\t\tconst inFullscreen = displayMode === 'fullscreen'\n+\t\tconst requestedMode = inFullscreen ? 'inline' : 'fullscreen'\n+\t\tif (availableModes.length > 0 && !availableModes.includes(requestedMode)) {\n+\t\t\tthrow new Error(\n+\t\t\t\t`Host does not advertise ${requestedMode} mode support. Available modes: ${availableModes.join(', ')}`,\n+\t\t\t)\n+\t\t}\n+\t\tconst grantedMode = await hostBridge.requestDisplayMode(requestedMode)\n+\t\tif (!grantedMode) {\n+\t\t\tthrow new Error(`Host did not grant ${requestedMode} mode request.`)\n+\t\t}\n+\t\tupdateFullscreenButton()\n+\t\treturn {\n+\t\t\tok: true,\n+\t\t\trequestedMode,\n+\t\t\tgrantedMode,\n+\t\t}\n+\t}\n+\n+\treturn {\n+\t\tupdateFullscreenButton,\n+\t\tmaybeAutoRequestFullscreen,\n+\t\ttoggleFullscreenMode,\n+\t}\n+}\ndiff --git a/client/mcp-apps/schedule-widget-tool-input.test.ts b/client/mcp-apps/schedule-widget-tool-input.test.ts\nnew file mode 100644\nindex 0000000..b0cff9b\n--- /dev/null\n+++ b/client/mcp-apps/schedule-widget-tool-input.test.ts\n@@ -0,0 +1,97 @@\n+import { expect, test } from 'vitest'\n+import { extractScheduleToolInput } from './schedule-widget-tool-input.ts'\n+\n+test('extracts share token from toolInput render data', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\tpayload: {\n+\t\t\trenderData: {\n+\t\t\t\ttoolInput: {\n+\t\t\t\t\tshareToken: 'abc123',\n+\t\t\t\t},\n+\t\t\t},\n+\t\t},\n+\t})\n+\n+\texpect(result.shareToken).toBe('abc123')\n+\texpect(result.attendeeName).toBeNull()\n+\texpect(result.hostAccessToken).toBeNull()\n+})\n+\n+test('extracts share token from toolOutput structured content', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\tpayload: {\n+\t\t\trenderData: {\n+\t\t\t\ttoolOutput: {\n+\t\t\t\t\tstructuredContent: {\n+\t\t\t\t\t\tshareToken: 'output-token',\n+\t\t\t\t\t},\n+\t\t\t\t},\n+\t\t\t},\n+\t\t},\n+\t})\n+\n+\texpect(result.shareToken).toBe('output-token')\n+})\n+\n+test('extracts share token from tool-result notifications', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\tmethod: 'ui/notifications/tool-result',\n+\t\tparams: {\n+\t\t\tstructuredContent: {\n+\t\t\t\tshareToken: 'result-token',\n+\t\t\t},\n+\t\t},\n+\t})\n+\n+\texpect(result.shareToken).toBe('result-token')\n+})\n+\n+test('supports snake_case keys and trims values', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\targuments: {\n+\t\t\tshare_token: ' snake-token ',\n+\t\t\tattendee_name: ' Alex ',\n+\t\t\thost_access_token: ' host-token ',\n+\t\t},\n+\t})\n+\n+\texpect(result.shareToken).toBe('snake-token')\n+\texpect(result.attendeeName).toBe('Alex')\n+\texpect(result.hostAccessToken).toBe('host-token')\n+})\n+\n+test('falls back to generic attendee name when provided', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\tparams: {\n+\t\t\targuments: {\n+\t\t\t\tname: 'Jamie',\n+\t\t\t},\n+\t\t},\n+\t})\n+\n+\texpect(result.attendeeName).toBe('Jamie')\n+})\n+\n+test('ignores blank token values', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\ttoolOutput: {\n+\t\t\tstructuredContent: {\n+\t\t\t\tshareToken: ' ',\n+\t\t\t},\n+\t\t},\n+\t})\n+\n+\texpect(result.shareToken).toBeNull()\n+})\n+\n+test('ignores unknown host access token keys', () => {\n+\tconst result = extractScheduleToolInput({\n+\t\tparams: {\n+\t\t\targuments: {\n+\t\t\t\thostCredential: 'host-dashboard-token',\n+\t\t\t},\n+\t\t},\n+\t})\n+\n+\texpect(result.hostAccessToken).toBeNull()\n+})\ndiff --git a/client/mcp-apps/schedule-widget-tool-input.ts b/client/mcp-apps/schedule-widget-tool-input.ts\nnew file mode 100644\nindex 0000000..5350ab3\n--- /dev/null\n+++ b/client/mcp-apps/schedule-widget-tool-input.ts\n@@ -0,0 +1,72 @@\n+type ScheduleToolInput = {\n+\tshareToken: string | null\n+\tattendeeName: string | null\n+\thostAccessToken: string | null\n+}\n+\n+const nestedToolInputKeys: Array = [\n+\t'renderData',\n+\t'arguments',\n+\t'structuredContent',\n+\t'toolInput',\n+\t'toolOutput',\n+\t'toolResult',\n+\t'result',\n+\t'output',\n+\t'params',\n+\t'payload',\n+\t'context',\n+]\n+\n+function isRecord(value: unknown): value is Record {\n+\treturn typeof value === 'object' && value !== null\n+}\n+\n+function readNonEmptyString(value: unknown) {\n+\tif (typeof value !== 'string') return null\n+\tconst normalized = value.trim()\n+\treturn normalized.length > 0 ? normalized : null\n+}\n+\n+function findNestedStringByKey(params: {\n+\tsource: unknown\n+\tkey: string\n+\tdepth?: number\n+}): string | null {\n+\tconst depth = params.depth ?? 0\n+\tif (depth > 5 || !isRecord(params.source)) return null\n+\n+\tconst directValue = readNonEmptyString(params.source[params.key])\n+\tif (directValue) {\n+\t\treturn directValue\n+\t}\n+\n+\tfor (const nestedKey of nestedToolInputKeys) {\n+\t\tconst nestedValue = params.source[nestedKey]\n+\t\tconst resolved = findNestedStringByKey({\n+\t\t\tsource: nestedValue,\n+\t\t\tkey: params.key,\n+\t\t\tdepth: depth + 1,\n+\t\t})\n+\t\tif (resolved) {\n+\t\t\treturn resolved\n+\t\t}\n+\t}\n+\n+\treturn null\n+}\n+\n+export function extractScheduleToolInput(source: unknown): ScheduleToolInput {\n+\treturn {\n+\t\tshareToken:\n+\t\t\tfindNestedStringByKey({ source, key: 'shareToken' }) ??\n+\t\t\tfindNestedStringByKey({ source, key: 'share_token' }),\n+\t\tattendeeName:\n+\t\t\tfindNestedStringByKey({ source, key: 'attendeeName' }) ??\n+\t\t\tfindNestedStringByKey({ source, key: 'attendee_name' }) ??\n+\t\t\tfindNestedStringByKey({ source, key: 'name' }),\n+\t\thostAccessToken:\n+\t\t\tfindNestedStringByKey({ source, key: 'hostAccessToken' }) ??\n+\t\t\tfindNestedStringByKey({ source, key: 'host_access_token' }),\n+\t}\n+}\ndiff --git a/client/mcp-apps/schedule-widget.ts b/client/mcp-apps/schedule-widget.ts\nnew file mode 100644\nindex 0000000..c5d8e81\n--- /dev/null\n+++ b/client/mcp-apps/schedule-widget.ts\n@@ -0,0 +1,668 @@\n+import { getBrowserTimeZone } from '#client/browser-time-zone.ts'\n+import { getScheduleCellBackgroundColor } from '#client/schedule-grid-colors.ts'\n+import { buildScheduleGridTableModel } from '#client/schedule-grid-model.ts'\n+import { getSelectionDiff } from '#client/schedule-selection-utils.ts'\n+import {\n+\tcreateSlotAvailability,\n+\tgetMaxAvailabilityCount,\n+} from '#client/schedule-snapshot-utils.ts'\n+import {\n+\tfindSelectionForAttendee,\n+\tformatSlotLabel,\n+\tformatSlotForAttendeeTimeZone,\n+} from '#client/schedule-utils.ts'\n+import { type ScheduleSnapshot } from '#shared/schedule-store.ts'\n+import { extractScheduleToolInput } from './schedule-widget-tool-input.js'\n+import {\n+\tcreateFullscreenManager,\n+\tgetWidgetElement as getFormElement,\n+\tisRecord,\n+\treadNonEmptyString,\n+\treadTheme,\n+} from './schedule-widget-shared.js'\n+import { createWidgetHostBridge } from './widget-host-bridge.js'\n+\n+function getApiBaseUrl(rootElement: HTMLElement) {\n+\tconst configuredBaseUrl = readNonEmptyString(rootElement.dataset.apiBaseUrl)\n+\tif (configuredBaseUrl) return new URL('/', configuredBaseUrl)\n+\treturn new URL('/', window.location.href)\n+}\n+\n+function escapeHtml(value: string) {\n+\treturn value\n+\t\t.replaceAll('&', '&')\n+\t\t.replaceAll('<', '<')\n+\t\t.replaceAll('>', '>')\n+\t\t.replaceAll('\"', '"')\n+\t\t.replaceAll(\"'\", ''')\n+}\n+\n+function setupScheduleWidget() {\n+\tconst rootElement = document.querySelector('[data-schedule-widget]')\n+\tif (!(rootElement instanceof HTMLElement)) return\n+\n+\tconst appRoot = document.documentElement\n+\tconst scheduleTitleElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-schedule-title]',\n+\t)\n+\tconst shareTokenElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-share-token]',\n+\t)\n+\tconst statusElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-status]',\n+\t)\n+\tconst gridHostElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-grid-host]',\n+\t)\n+\tconst slotDetailsElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-slot-details]',\n+\t)\n+\tconst selectedCountElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-selected-count]',\n+\t)\n+\tconst pendingCountElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-pending-count]',\n+\t)\n+\tconst browserTimeZoneElement = getFormElement(\n+\t\trootElement,\n+\t\t'[data-browser-timezone]',\n+\t)\n+\tconst attendeeNameInput = getFormElement(\n+\t\trootElement,\n+\t\t'input[name=\"attendeeName\"]',\n+\t)\n+\tconst fullscreenToggleButton = rootElement.querySelector(\n+\t\t'[data-action=\"request-fullscreen\"]',\n+\t)\n+\tif (fullscreenToggleButton) {\n+\t\tfullscreenToggleButton.hidden = true\n+\t}\n+\n+\tbrowserTimeZoneElement.textContent = getBrowserTimeZone()\n+\n+\tlet currentShareToken: string | null = null\n+\tlet snapshot: ScheduleSnapshot | null = null\n+\tlet selectedSlots = new Set()\n+\tlet persistedSelectedSlots = new Set()\n+\tlet activeSlot: string | null = null\n+\tlet fullscreenManager: ReturnType | null =\n+\t\tnull\n+\tconst fetchSnapshotTimeoutMs = 10_000\n+\tconst apiBaseUrl = getApiBaseUrl(rootElement)\n+\n+\tfunction setStatus(message: string, error = false) {\n+\t\tstatusElement.textContent = message\n+\t\tstatusElement.setAttribute('data-status-tone', error ? 'error' : 'normal')\n+\t}\n+\n+\tfunction getPersistedSelectionForName(name: string) {\n+\t\tif (!snapshot) return new Set()\n+\t\treturn new Set(\n+\t\t\tfindSelectionForAttendee({\n+\t\t\t\tattendeeName: name,\n+\t\t\t\tattendees: snapshot.attendees,\n+\t\t\t\tavailabilityByAttendee: snapshot.availabilityByAttendee,\n+\t\t\t}),\n+\t\t)\n+\t}\n+\n+\tfunction updateSelectionSummary() {\n+\t\tconst selectionDiff = getSelectionDiff({\n+\t\t\tcurrentSelection: selectedSlots,\n+\t\t\tpersistedSelection: persistedSelectedSlots,\n+\t\t})\n+\t\tconst pendingCount =\n+\t\t\tselectionDiff.pendingAdded.size + selectionDiff.pendingRemoved.size\n+\t\tselectedCountElement.textContent = String(selectedSlots.size)\n+\t\tpendingCountElement.textContent = String(pendingCount)\n+\t}\n+\n+\tfunction updateActiveSlotStyles() {\n+\t\tfor (const element of gridHostElement.querySelectorAll(\n+\t\t\t'button[data-slot]',\n+\t\t)) {\n+\t\t\tconst slot = element.dataset.slot\n+\t\t\telement.classList.toggle('is-active', slot === activeSlot)\n+\t\t}\n+\t}\n+\n+\tfunction renderSlotDetails() {\n+\t\tif (!snapshot || !activeSlot) {\n+\t\t\tslotDetailsElement.hidden = true\n+\t\t\tslotDetailsElement.replaceChildren()\n+\t\t\treturn\n+\t\t}\n+\n+\t\tconst activeSlotValue = activeSlot\n+\t\tconst availableNames = snapshot.availableNamesBySlot[activeSlotValue] ?? []\n+\t\tconst availableNameSet = new Set(availableNames)\n+\t\tconst availableAttendees = snapshot.attendees.filter((entry) =>\n+\t\t\tavailableNameSet.has(entry.name),\n+\t\t)\n+\t\tconst unavailableAttendees = snapshot.attendees.filter(\n+\t\t\t(entry) => !availableNameSet.has(entry.name),\n+\t\t)\n+\t\tconst selectionDiff = getSelectionDiff({\n+\t\t\tcurrentSelection: selectedSlots,\n+\t\t\tpersistedSelection: persistedSelectedSlots,\n+\t\t})\n+\t\tconst pendingStatus = selectionDiff.pendingAdded.has(activeSlotValue)\n+\t\t\t? 'Pending add to your availability.'\n+\t\t\t: selectionDiff.pendingRemoved.has(activeSlotValue)\n+\t\t\t\t? 'Pending removal from your availability.'\n+\t\t\t\t: ''\n+\n+\t\tconst availableList =\n+\t\t\tavailableAttendees.length > 0\n+\t\t\t\t? `

${escapeHtml(entry.name)} - ${escapeHtml(\n+\t\t\t\t\t\t\t\tslotTime.localTime,\n+\t\t\t\t\t\t\t)} (${escapeHtml(slotTime.timeZoneLabel)})

`\n+\t\t\t\t: '

None

'\n+\t\tconst unavailableList =\n+\t\t\tunavailableAttendees.length > 0\n+\t\t\t\t? `

${escapeHtml(entry.name)} - ${escapeHtml(\n+\t\t\t\t\t\t\t\tslotTime.localTime,\n+\t\t\t\t\t\t\t)} (${escapeHtml(slotTime.timeZoneLabel)})

`\n+\t\t\t\t: '

None

'\n+\t\tconst formattedSlot = formatSlotLabel(activeSlotValue, 'long')\n+\n+\t\tslotDetailsElement.hidden = false\n+\t\tslotDetailsElement.innerHTML = `\n+\t\t\t

Slot details

\n+\t\t\t

${escapeHtml(formattedSlot)}

\n+\t\t\t

\n+\t\t\t\t

Available (${availableAttendees.length})

\n+\t\t\t\t${availableList}\n+\t\t\t

\n+\t\t\t

\n+\t\t\t\t

Unavailable (${unavailableAttendees.length})

\n+\t\t\t\t${unavailableList}\n+\t\t\t

\n+\t\t\t${pendingStatus ? `

${escapeHtml(pendingStatus)}

` : ''}\n+\t\t`\n+\t}\n+\n+\tfunction renderGrid() {\n+\t\tif (!snapshot) {\n+\t\t\tgridHostElement.innerHTML = `\n+\t\t\t\t

\n+\t\t\t\t\tNo schedule loaded yet.\n+\t\t\t\t

\n+\t\t\t`\n+\t\t\tupdateSelectionSummary()\n+\t\t\treturn\n+\t\t}\n+\n+\t\tconst selectionDiff = getSelectionDiff({\n+\t\t\tcurrentSelection: selectedSlots,\n+\t\t\tpersistedSelection: persistedSelectedSlots,\n+\t\t})\n+\t\tconst slotAvailability = createSlotAvailability(snapshot)\n+\t\tconst maxAvailabilityCount = getMaxAvailabilityCount(slotAvailability)\n+\t\tconst grid = buildScheduleGridTableModel({ slots: snapshot.slots })\n+\t\tconst { dayKeys, dayLabels, timeKeys, timeLabels, cellByDayAndTime } = grid\n+\t\tif (dayKeys.length === 0 || timeKeys.length === 0) {\n+\t\t\tgridHostElement.innerHTML = `\n+\t\t\t\t

\n+\t\t\t\t\tNo time slots available for this schedule.\n+\t\t\t\t

\n+\t\t\t`\n+\t\t\tupdateSelectionSummary()\n+\t\t\treturn\n+\t\t}\n+\n+\t\tconst dayHeaders = dayKeys\n+\t\t\t.map(\n+\t\t\t\t(dayKey) =>\n+\t\t\t\t\t`${escapeHtml(dayLabels[dayKey] ?? dayKey)}`,\n+\t\t\t)\n+\t\t\t.join('')\n+\n+\t\tconst bodyRows = timeKeys\n+\t\t\t.map((timeKey) => {\n+\t\t\t\tconst timeLabel = escapeHtml(timeLabels[timeKey] ?? timeKey)\n+\t\t\t\tconst cells = dayKeys\n+\t\t\t\t\t.map((dayKey) => {\n+\t\t\t\t\t\tconst slot = cellByDayAndTime[dayKey]?.[timeKey] ?? null\n+\t\t\t\t\t\tif (!slot) {\n+\t\t\t\t\t\t\treturn ``\n+\t\t\t\t\t\t}\n+\n+\t\t\t\t\t\tconst availability = slotAvailability[slot] ?? {\n+\t\t\t\t\t\t\tcount: 0,\n+\t\t\t\t\t\t\tavailableNames: [],\n+\t\t\t\t\t\t}\n+\t\t\t\t\t\tconst isSelected = selectedSlots.has(slot)\n+\t\t\t\t\t\tconst isPendingAdd = selectionDiff.pendingAdded.has(slot)\n+\t\t\t\t\t\tconst isPendingRemove = selectionDiff.pendingRemoved.has(slot)\n+\t\t\t\t\t\tconst pendingLabel = isPendingAdd\n+\t\t\t\t\t\t\t? 'pending add'\n+\t\t\t\t\t\t\t: isPendingRemove\n+\t\t\t\t\t\t\t\t? 'pending removal'\n+\t\t\t\t\t\t\t\t: ''\n+\t\t\t\t\t\tconst background = getScheduleCellBackgroundColor({\n+\t\t\t\t\t\t\tcount: availability.count,\n+\t\t\t\t\t\t\tmaxCount: maxAvailabilityCount,\n+\t\t\t\t\t\t\tisSelected,\n+\t\t\t\t\t\t})\n+\t\t\t\t\t\tconst slotLabel = formatSlotLabel(slot, 'long')\n+\t\t\t\t\t\tconst attendeeLabel =\n+\t\t\t\t\t\t\tavailability.count > 0\n+\t\t\t\t\t\t\t\t? `${availability.count} attendee${availability.count === 1 ? '' : 's'} available`\n+\t\t\t\t\t\t\t\t: 'no attendees available'\n+\t\t\t\t\t\tconst selectionLabel = isSelected\n+\t\t\t\t\t\t\t? 'selected for your availability'\n+\t\t\t\t\t\t\t: 'not selected for your availability'\n+\t\t\t\t\t\tconst ariaLabel = `${slotLabel}, ${selectionLabel}, ${attendeeLabel}${pendingLabel ? `, ${pendingLabel}` : ''}`\n+\t\t\t\t\t\tconst title = `${slotLabel}\\n${attendeeLabel}${pendingLabel ? `\\n${pendingLabel}` : ''}`\n+\t\t\t\t\t\tconst classNames = [\n+\t\t\t\t\t\t\t'scheduler-slot',\n+\t\t\t\t\t\t\tisSelected ? 'is-selected' : '',\n+\t\t\t\t\t\t\tactiveSlot === slot ? 'is-active' : '',\n+\t\t\t\t\t\t\tisPendingAdd ? 'is-pending-add' : '',\n+\t\t\t\t\t\t\tisPendingRemove ? 'is-pending-remove' : '',\n+\t\t\t\t\t\t]\n+\t\t\t\t\t\t\t.filter((value) => value.length > 0)\n+\t\t\t\t\t\t\t.join(' ')\n+\t\t\t\t\t\treturn `\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t${availability.count > 0 ? String(availability.count) : ''}\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t`\n+\t\t\t\t\t})\n+\t\t\t\t\t.join('')\n+\t\t\t\treturn `${timeLabel}${cells}`\n+\t\t\t})\n+\t\t\t.join('')\n+\n+\t\tgridHostElement.innerHTML = `\n+\t\t\t\n+\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t${dayHeaders}\n+\t\t\t\t\t\n+\t\t\t\t\n+\t\t\t\t${bodyRows}\n+\t\t\t

Time

\n+\t\t`\n+\t\tupdateSelectionSummary()\n+\t}\n+\n+\tfunction resetSelectionForAttendee(preserveDirtySelection = false) {\n+\t\tconst selectionDiff = preserveDirtySelection\n+\t\t\t? getSelectionDiff({\n+\t\t\t\t\tcurrentSelection: selectedSlots,\n+\t\t\t\t\tpersistedSelection: persistedSelectedSlots,\n+\t\t\t\t})\n+\t\t\t: null\n+\t\tconst hasDirtyChanges =\n+\t\t\tselectionDiff &&\n+\t\t\t(selectionDiff.pendingAdded.size > 0 ||\n+\t\t\t\tselectionDiff.pendingRemoved.size > 0)\n+\t\tpersistedSelectedSlots = getPersistedSelectionForName(\n+\t\t\tattendeeNameInput.value,\n+\t\t)\n+\t\tif (!hasDirtyChanges) {\n+\t\t\tselectedSlots = new Set(persistedSelectedSlots)\n+\t\t}\n+\t\tif (activeSlot && snapshot?.slots.includes(activeSlot)) {\n+\t\t\treturn\n+\t\t}\n+\t\tactiveSlot = snapshot?.slots[0] ?? null\n+\t}\n+\n+\tfunction applyShareToken(token: string) {\n+\t\tconst normalizedShareToken = token.trim()\n+\t\tif (!normalizedShareToken) return false\n+\t\tif (normalizedShareToken === currentShareToken) return false\n+\n+\t\tcurrentShareToken = normalizedShareToken\n+\t\tshareTokenElement.textContent = normalizedShareToken\n+\t\tsnapshot = null\n+\t\tselectedSlots = new Set()\n+\t\tpersistedSelectedSlots = new Set()\n+\t\tactiveSlot = null\n+\t\trenderGrid()\n+\t\trenderSlotDetails()\n+\t\tupdateSelectionSummary()\n+\t\treturn true\n+\t}\n+\n+\tfunction setSnapshot(nextSnapshot: ScheduleSnapshot) {\n+\t\tsnapshot = nextSnapshot\n+\t\tcurrentShareToken = nextSnapshot.schedule.shareToken\n+\t\tscheduleTitleElement.textContent = 'Your availability'\n+\t\tshareTokenElement.textContent = nextSnapshot.schedule.shareToken\n+\t\tif (!attendeeNameInput.value.trim()) {\n+\t\t\tattendeeNameInput.value = nextSnapshot.attendees[0]?.name ?? ''\n+\t\t}\n+\t\tresetSelectionForAttendee()\n+\t\tsetStatus('Select slots, then save availability.')\n+\t\trenderGrid()\n+\t\trenderSlotDetails()\n+\t}\n+\n+\tconst hostBridge = createWidgetHostBridge({\n+\t\tappInfo: {\n+\t\t\tname: 'schedule-widget',\n+\t\t\tversion: '3.0.0',\n+\t\t},\n+\t\tonRenderData: (renderData) => {\n+\t\t\tconst theme = readTheme(renderData)\n+\t\t\tif (theme) {\n+\t\t\t\tappRoot.setAttribute('data-theme', theme)\n+\t\t\t} else {\n+\t\t\t\tappRoot.removeAttribute('data-theme')\n+\t\t\t}\n+\t\t\tmaybeApplyToolInput(extractScheduleToolInput(renderData))\n+\t\t\tfullscreenManager?.updateFullscreenButton()\n+\t\t},\n+\t\tonHostContextChanged: (hostContext) => {\n+\t\t\tconst theme = readTheme(hostContext)\n+\t\t\tif (theme) {\n+\t\t\t\tappRoot.setAttribute('data-theme', theme)\n+\t\t\t} else {\n+\t\t\t\tappRoot.removeAttribute('data-theme')\n+\t\t\t}\n+\t\t\tfullscreenManager?.updateFullscreenButton()\n+\t\t\tvoid fullscreenManager?.maybeAutoRequestFullscreen()\n+\t\t},\n+\t})\n+\n+\tfullscreenManager = createFullscreenManager({\n+\t\thostBridge,\n+\t\tfullscreenToggleButton,\n+\t\tautoFullscreenErrorLabel: 'schedule widget',\n+\t})\n+\n+\tasync function toggleFullscreenMode() {\n+\t\tif (!fullscreenManager) {\n+\t\t\tthrow new Error('Fullscreen controls are unavailable.')\n+\t\t}\n+\t\treturn fullscreenManager.toggleFullscreenMode()\n+\t}\n+\n+\tasync function fetchSnapshot() {\n+\t\tconst requestShareToken = currentShareToken?.trim() ?? ''\n+\t\tif (!requestShareToken) {\n+\t\t\tthrow new Error(\n+\t\t\t\t'Share token was not provided. Re-open with open_schedule_ui and pass shareToken.',\n+\t\t\t)\n+\t\t}\n+\t\tconst controller = new AbortController()\n+\t\tconst timeoutId = window.setTimeout(() => {\n+\t\t\tcontroller.abort()\n+\t\t}, fetchSnapshotTimeoutMs)\n+\t\tlet response: Response\n+\t\ttry {\n+\t\t\tresponse = await fetch(\n+\t\t\t\tnew URL(`/api/schedules/${requestShareToken}`, apiBaseUrl),\n+\t\t\t\t{\n+\t\t\t\t\tsignal: controller.signal,\n+\t\t\t\t},\n+\t\t\t)\n+\t\t} catch (error) {\n+\t\t\tif (requestShareToken !== (currentShareToken?.trim() ?? '')) {\n+\t\t\t\treturn null\n+\t\t\t}\n+\t\t\tif (error instanceof DOMException && error.name === 'AbortError') {\n+\t\t\t\tthrow new Error('Loading schedule timed out. Please try again.')\n+\t\t\t}\n+\t\t\tthrow error\n+\t\t} finally {\n+\t\t\twindow.clearTimeout(timeoutId)\n+\t\t}\n+\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\tok?: boolean\n+\t\t\tsnapshot?: ScheduleSnapshot\n+\t\t\terror?: string\n+\t\t} | null\n+\t\tif (requestShareToken !== (currentShareToken?.trim() ?? '')) {\n+\t\t\treturn payload\n+\t\t}\n+\t\tif (!response.ok || !payload?.ok || !payload.snapshot) {\n+\t\t\tthrow new Error(\n+\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t? payload.error\n+\t\t\t\t\t: `Request failed (${response.status})`,\n+\t\t\t)\n+\t\t}\n+\t\tsetSnapshot(payload.snapshot)\n+\t\treturn payload\n+\t}\n+\n+\tasync function submitAvailability() {\n+\t\tconst token = currentShareToken?.trim() ?? ''\n+\t\tif (!token) {\n+\t\t\tthrow new Error(\n+\t\t\t\t'Share token was not provided. Re-open with open_schedule_ui and pass shareToken.',\n+\t\t\t)\n+\t\t}\n+\t\tconst attendeeName = attendeeNameInput.value.trim()\n+\t\tif (!attendeeName) {\n+\t\t\tthrow new Error('Attendee name is required.')\n+\t\t}\n+\n+\t\tconst response = await fetch(\n+\t\t\tnew URL(`/api/schedules/${token}/availability`, apiBaseUrl),\n+\t\t\t{\n+\t\t\t\tmethod: 'POST',\n+\t\t\t\theaders: { 'Content-Type': 'application/json' },\n+\t\t\t\tbody: JSON.stringify({\n+\t\t\t\t\tname: attendeeName,\n+\t\t\t\t\tattendeeTimeZone: getBrowserTimeZone(),\n+\t\t\t\t\tselectedSlots: Array.from(selectedSlots).sort((left, right) =>\n+\t\t\t\t\t\tleft.localeCompare(right),\n+\t\t\t\t\t),\n+\t\t\t\t}),\n+\t\t\t},\n+\t\t)\n+\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\tok?: boolean\n+\t\t\tsnapshot?: ScheduleSnapshot\n+\t\t\terror?: string\n+\t\t} | null\n+\t\tif (!response.ok || !payload?.ok) {\n+\t\t\tthrow new Error(\n+\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t? payload.error\n+\t\t\t\t\t: `Request failed (${response.status})`,\n+\t\t\t)\n+\t\t}\n+\t\tif (payload.snapshot) {\n+\t\t\tsetSnapshot(payload.snapshot)\n+\t\t} else {\n+\t\t\tawait fetchSnapshot()\n+\t\t}\n+\t\treturn payload\n+\t}\n+\n+\tasync function withOutput(\n+\t\tlabel: string,\n+\t\tfn: () => Promise,\n+\t\toptions: { hostMessage?: string; successMessage?: string } = {},\n+\t) {\n+\t\tsetStatus(`${label}...`)\n+\t\ttry {\n+\t\t\tconst result = await fn()\n+\t\t\tsetStatus(options.successMessage ?? `${label} complete.`)\n+\t\t\tif (options.hostMessage) {\n+\t\t\t\tvoid hostBridge.sendUserMessageWithFallback(options.hostMessage)\n+\t\t\t}\n+\t\t\treturn result\n+\t\t} catch (error) {\n+\t\t\tconst message =\n+\t\t\t\terror instanceof Error ? error.message : 'Unexpected widget failure.'\n+\t\t\tsetStatus(message, true)\n+\t\t\treturn null\n+\t\t}\n+\t}\n+\n+\tfunction maybeApplyToolInput(params: {\n+\t\tshareToken: string | null\n+\t\tattendeeName: string | null\n+\t}) {\n+\t\tif (params.attendeeName && !attendeeNameInput.value.trim()) {\n+\t\t\tattendeeNameInput.value = params.attendeeName\n+\t\t}\n+\t\tif (!params.shareToken) return\n+\n+\t\tconst changedShareToken = applyShareToken(params.shareToken)\n+\t\tif (changedShareToken || !snapshot) {\n+\t\t\tvoid withOutput('Loading schedule', fetchSnapshot, {\n+\t\t\t\tsuccessMessage: 'Schedule loaded.',\n+\t\t\t})\n+\t\t}\n+\t}\n+\n+\tfunction handleToolInputMessage(message: unknown) {\n+\t\tif (!isRecord(message)) return\n+\t\tif (\n+\t\t\tmessage.method !== 'ui/notifications/tool-input' &&\n+\t\t\tmessage.method !== 'ui/notifications/tool-input-partial' &&\n+\t\t\tmessage.method !== 'ui/notifications/tool-result'\n+\t\t) {\n+\t\t\treturn\n+\t\t}\n+\t\tmaybeApplyToolInput(extractScheduleToolInput(message))\n+\t}\n+\n+\tattendeeNameInput.addEventListener('input', () => {\n+\t\tif (!snapshot) return\n+\t\tresetSelectionForAttendee(true)\n+\t\trenderGrid()\n+\t\trenderSlotDetails()\n+\t\tsetStatus('Loaded saved availability for this attendee.')\n+\t})\n+\n+\tgridHostElement.addEventListener('click', (event) => {\n+\t\tconst target = event.target\n+\t\tif (!(target instanceof Element)) return\n+\t\tconst slotButton = target.closest('button[data-slot]')\n+\t\tif (!slotButton || !snapshot) return\n+\n+\t\tconst slot = slotButton.dataset.slot\n+\t\tif (!slot) return\n+\t\tactiveSlot = slot\n+\t\tif (!attendeeNameInput.value.trim()) {\n+\t\t\tsetStatus('Enter your name before editing availability.', true)\n+\t\t\tupdateActiveSlotStyles()\n+\t\t\trenderSlotDetails()\n+\t\t\treturn\n+\t\t}\n+\n+\t\tif (selectedSlots.has(slot)) {\n+\t\t\tselectedSlots.delete(slot)\n+\t\t} else {\n+\t\t\tselectedSlots.add(slot)\n+\t\t}\n+\t\tsetStatus('Local changes pending. Save availability to sync.')\n+\t\trenderGrid()\n+\t\trenderSlotDetails()\n+\t})\n+\n+\tgridHostElement.addEventListener('focusin', (event) => {\n+\t\tconst target = event.target\n+\t\tif (!(target instanceof Element)) return\n+\t\tconst slotButton = target.closest('button[data-slot]')\n+\t\tif (!slotButton) return\n+\t\tconst slot = slotButton.dataset.slot\n+\t\tif (!slot) return\n+\t\tactiveSlot = slot\n+\t\tupdateActiveSlotStyles()\n+\t\trenderSlotDetails()\n+\t})\n+\n+\tfullscreenToggleButton?.addEventListener('click', () => {\n+\t\tvoid withOutput('Updating display mode', toggleFullscreenMode)\n+\t})\n+\n+\trootElement\n+\t\t.querySelector('[data-action=\"submit\"]')\n+\t\t?.addEventListener('click', () => {\n+\t\t\tvoid withOutput('Saving availability', submitAvailability, {\n+\t\t\t\tsuccessMessage: 'Availability saved.',\n+\t\t\t\thostMessage: 'Saved attendee availability from MCP app schedule grid.',\n+\t\t\t})\n+\t\t})\n+\n+\tconst trustedHostOrigin = (() => {\n+\t\tif (!document.referrer) return null\n+\t\ttry {\n+\t\t\treturn new URL(document.referrer).origin\n+\t\t} catch {\n+\t\t\treturn null\n+\t\t}\n+\t})()\n+\n+\twindow.addEventListener('message', (event) => {\n+\t\tif (event.source !== window.parent) return\n+\t\tif (trustedHostOrigin && event.origin !== trustedHostOrigin) return\n+\t\thandleToolInputMessage(event.data)\n+\t\thostBridge.handleHostMessage(event.data)\n+\t})\n+\n+\tvoid hostBridge.initialize().then((ready) => {\n+\t\tfullscreenManager?.updateFullscreenButton()\n+\t\tif (!ready) return\n+\t\tvoid fullscreenManager?.maybeAutoRequestFullscreen()\n+\t})\n+\thostBridge.requestRenderData()\n+\tfullscreenManager?.updateFullscreenButton()\n+\tupdateSelectionSummary()\n+\tsetStatus('Waiting for share token input.')\n+\tconst openAiBridge = (\n+\t\twindow as Window & {\n+\t\t\topenai?: unknown\n+\t\t}\n+\t).openai\n+\tmaybeApplyToolInput(extractScheduleToolInput(openAiBridge))\n+\tconst widgetUrl = new URL(window.location.href)\n+\tmaybeApplyToolInput({\n+\t\tshareToken: readNonEmptyString(widgetUrl.searchParams.get('shareToken')),\n+\t\tattendeeName: readNonEmptyString(\n+\t\t\twidgetUrl.searchParams.get('attendeeName') ??\n+\t\t\t\twidgetUrl.searchParams.get('name'),\n+\t\t),\n+\t})\n+}\n+\n+if (document.readyState === 'loading') {\n+\tdocument.addEventListener('DOMContentLoaded', setupScheduleWidget, {\n+\t\tonce: true,\n+\t})\n+} else {\n+\tsetupScheduleWidget()\n+}\ndiff --git a/client/mcp-apps/widget-host-bridge.test.ts b/client/mcp-apps/widget-host-bridge.test.ts\nnew file mode 100644\nindex 0000000..1f17fa1\n--- /dev/null\n+++ b/client/mcp-apps/widget-host-bridge.test.ts\n@@ -0,0 +1,207 @@\n+import { afterEach, expect, test } from 'vitest'\n+import { createWidgetHostBridge } from './widget-host-bridge.ts'\n+\n+type HostRequestMessage = {\n+\tjsonrpc?: string\n+\tid?: string | number | null\n+\tmethod?: string\n+\tparams?: Record\n+\ttype?: string\n+\tpayload?: Record\n+}\n+\n+const latestProtocolVersion = '2026-01-26'\n+\n+const originalWindow = globalThis.window\n+\n+afterEach(() => {\n+\tif (originalWindow) {\n+\t\tglobalThis.window = originalWindow\n+\t\treturn\n+\t}\n+\tReflect.deleteProperty(globalThis, 'window')\n+})\n+\n+test('sendUserMessageWithFallback delivers ui/message to latest-protocol host', async () => {\n+\tconst deliveredChatMessages: Array = []\n+\tconst hostPostedMessages: Array = []\n+\tlet bridge: ReturnType\n+\tlet initialized = false\n+\n+\tconst parentWindow = {\n+\t\tpostMessage(message: unknown) {\n+\t\t\tif (!message || typeof message !== 'object' || Array.isArray(message)) {\n+\t\t\t\treturn\n+\t\t\t}\n+\n+\t\t\tconst request = message as HostRequestMessage\n+\t\t\thostPostedMessages.push(request)\n+\t\t\tif (request.method === 'ui/initialize') {\n+\t\t\t\tif (request.params?.protocolVersion !== latestProtocolVersion) {\n+\t\t\t\t\tbridge.handleHostMessage({\n+\t\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\t\tid: request.id,\n+\t\t\t\t\t\terror: {\n+\t\t\t\t\t\t\tcode: -32602,\n+\t\t\t\t\t\t\tmessage: `Unsupported protocol version ${String(\n+\t\t\t\t\t\t\t\trequest.params?.protocolVersion,\n+\t\t\t\t\t\t\t)}`,\n+\t\t\t\t\t\t},\n+\t\t\t\t\t})\n+\t\t\t\t\treturn\n+\t\t\t\t}\n+\n+\t\t\t\tinitialized = true\n+\t\t\t\tbridge.handleHostMessage({\n+\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\tid: request.id,\n+\t\t\t\t\tresult: {\n+\t\t\t\t\t\tprotocolVersion: latestProtocolVersion,\n+\t\t\t\t\t\thostInfo: {\n+\t\t\t\t\t\t\tname: 'mcp-jam-sim',\n+\t\t\t\t\t\t\tversion: '1.0.0',\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\thostCapabilities: {\n+\t\t\t\t\t\t\tmessage: { text: {} },\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\thostContext: {},\n+\t\t\t\t\t},\n+\t\t\t\t})\n+\t\t\t\treturn\n+\t\t\t}\n+\n+\t\t\tif (request.method !== 'ui/message') {\n+\t\t\t\treturn\n+\t\t\t}\n+\n+\t\t\tconst firstContent = Array.isArray(request.params?.content)\n+\t\t\t\t? request.params.content[0]\n+\t\t\t\t: null\n+\t\t\tconst text =\n+\t\t\t\tfirstContent &&\n+\t\t\t\ttypeof firstContent === 'object' &&\n+\t\t\t\t(firstContent as { type?: unknown }).type === 'text' &&\n+\t\t\t\ttypeof (firstContent as { text?: unknown }).text === 'string'\n+\t\t\t\t\t? (firstContent as { text: string }).text\n+\t\t\t\t\t: null\n+\n+\t\t\tif (!initialized || request.params?.role !== 'user' || !text) {\n+\t\t\t\tbridge.handleHostMessage({\n+\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\tid: request.id,\n+\t\t\t\t\tresult: { isError: true },\n+\t\t\t\t})\n+\t\t\t\treturn\n+\t\t\t}\n+\n+\t\t\tdeliveredChatMessages.push(text)\n+\t\t\tbridge.handleHostMessage({\n+\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\tid: request.id,\n+\t\t\t\tresult: {},\n+\t\t\t})\n+\t\t},\n+\t}\n+\n+\tglobalThis.window = {\n+\t\tparent: parentWindow,\n+\t} as unknown as Window & typeof globalThis\n+\n+\tbridge = createWidgetHostBridge({\n+\t\tappInfo: {\n+\t\t\tname: 'calculator-widget',\n+\t\t\tversion: '1.0.0',\n+\t\t},\n+\t\trequestTimeoutMs: 500,\n+\t})\n+\n+\tconst messageText = 'Calculator result: 7 + 3 = 10'\n+\tconst sent = await bridge.sendUserMessageWithFallback(messageText)\n+\texpect(sent).toBe(true)\n+\texpect(deliveredChatMessages).toEqual([messageText])\n+\texpect(hostPostedMessages.some((entry) => entry.type === 'prompt')).toBe(\n+\t\tfalse,\n+\t)\n+})\n+\n+test('requestDisplayMode sends ui/request-display-mode to host', async () => {\n+\tconst hostPostedMessages: Array = []\n+\tlet bridge: ReturnType\n+\n+\tconst parentWindow = {\n+\t\tpostMessage(message: unknown) {\n+\t\t\tif (!message || typeof message !== 'object' || Array.isArray(message)) {\n+\t\t\t\treturn\n+\t\t\t}\n+\n+\t\t\tconst request = message as HostRequestMessage\n+\t\t\thostPostedMessages.push(request)\n+\n+\t\t\tif (request.method === 'ui/initialize') {\n+\t\t\t\tbridge.handleHostMessage({\n+\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\tid: request.id,\n+\t\t\t\t\tresult: {\n+\t\t\t\t\t\tprotocolVersion: latestProtocolVersion,\n+\t\t\t\t\t\thostInfo: {\n+\t\t\t\t\t\t\tname: 'mcp-jam-sim',\n+\t\t\t\t\t\t\tversion: '1.0.0',\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\thostCapabilities: {},\n+\t\t\t\t\t\thostContext: {\n+\t\t\t\t\t\t\tavailableDisplayModes: ['inline', 'fullscreen'],\n+\t\t\t\t\t\t},\n+\t\t\t\t\t},\n+\t\t\t\t})\n+\t\t\t\treturn\n+\t\t\t}\n+\n+\t\t\tif (request.method === 'ui/request-display-mode') {\n+\t\t\t\tbridge.handleHostMessage({\n+\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\tid: request.id,\n+\t\t\t\t\tresult: {\n+\t\t\t\t\t\tmode:\n+\t\t\t\t\t\t\trequest.params?.mode === 'fullscreen' ? 'fullscreen' : 'inline',\n+\t\t\t\t\t},\n+\t\t\t\t})\n+\t\t\t}\n+\t\t},\n+\t}\n+\n+\tglobalThis.window = {\n+\t\tparent: parentWindow,\n+\t} as unknown as Window & typeof globalThis\n+\n+\tbridge = createWidgetHostBridge({\n+\t\tappInfo: {\n+\t\t\tname: 'schedule-widget',\n+\t\t\tversion: '1.0.0',\n+\t\t},\n+\t\trequestTimeoutMs: 500,\n+\t})\n+\n+\tconst grantedMode = await bridge.requestDisplayMode('fullscreen')\n+\texpect(grantedMode).toBe('fullscreen')\n+\n+\tconst initializeRequest = hostPostedMessages.find(\n+\t\t(message) => message.method === 'ui/initialize',\n+\t)\n+\tconst initializeParams = initializeRequest?.params as\n+\t\t| {\n+\t\t\t\tappCapabilities?: {\n+\t\t\t\t\tavailableDisplayModes?: Array\n+\t\t\t\t}\n+\t\t }\n+\t\t| undefined\n+\texpect(\n+\t\tinitializeParams?.appCapabilities?.availableDisplayModes ?? [],\n+\t).toEqual(['inline', 'fullscreen'])\n+\texpect(\n+\t\thostPostedMessages.some(\n+\t\t\t(message) =>\n+\t\t\t\tmessage.method === 'ui/request-display-mode' &&\n+\t\t\t\tmessage.params?.mode === 'fullscreen',\n+\t\t),\n+\t).toBe(true)\n+})\ndiff --git a/client/mcp-apps/widget-host-bridge.ts b/client/mcp-apps/widget-host-bridge.ts\nnew file mode 100644\nindex 0000000..51d8d04\n--- /dev/null\n+++ b/client/mcp-apps/widget-host-bridge.ts\n@@ -0,0 +1,304 @@\n+type WidgetHostBridgeOptions = {\n+\tprotocolVersion?: string\n+\trequestTimeoutMs?: number\n+\tavailableDisplayModes?: Array\n+\tappInfo?: {\n+\t\tname: string\n+\t\tversion: string\n+\t}\n+\tonRenderData?: (renderData: Record | undefined) => void\n+\tonHostContextChanged?: (\n+\t\thostContext: Record | undefined,\n+\t) => void\n+}\n+\n+type WidgetDisplayMode = 'inline' | 'fullscreen' | 'pip'\n+\n+type WidgetHostBridge = {\n+\thandleHostMessage(message: unknown): void\n+\tinitialize(): Promise\n+\tsendUserMessage(text: string): Promise\n+\tsendUserMessageWithFallback(text: string): Promise\n+\trequestDisplayMode(mode: WidgetDisplayMode): Promise\n+\tgetHostContext(): Record | undefined\n+\trequestRenderData(): boolean\n+}\n+\n+type BridgeResponseMessage = {\n+\tjsonrpc: '2.0'\n+\tid?: string | number | null\n+\tresult?: Record\n+\terror?: Record\n+}\n+\n+type PendingBridgeRequest = {\n+\tresolve: (value: BridgeResponseMessage) => void\n+\treject: (reason?: unknown) => void\n+\ttimeoutId: ReturnType\n+}\n+\n+function isRecord(value: unknown): value is Record {\n+\treturn typeof value === 'object' && value !== null\n+}\n+\n+function toRequestId(value: string | number) {\n+\treturn String(value)\n+}\n+\n+function getBridgeErrorMessage(error: unknown) {\n+\tif (isRecord(error) && typeof error.message === 'string') {\n+\t\treturn error.message\n+\t}\n+\treturn 'Bridge request failed'\n+}\n+\n+function isWidgetDisplayMode(value: unknown): value is WidgetDisplayMode {\n+\treturn value === 'inline' || value === 'fullscreen' || value === 'pip'\n+}\n+\n+function normalizeDisplayModes(input: Array | undefined) {\n+\tconst defaults: Array = ['inline', 'fullscreen']\n+\tif (!input || input.length === 0) return defaults\n+\tconst uniqueModes = input.filter(\n+\t\t(mode, index) => input.indexOf(mode) === index,\n+\t)\n+\treturn uniqueModes.length > 0 ? uniqueModes : defaults\n+}\n+\n+export function createWidgetHostBridge(\n+\toptions: WidgetHostBridgeOptions = {},\n+): WidgetHostBridge {\n+\tconst protocolVersion = options.protocolVersion ?? '2026-01-26'\n+\tconst requestTimeoutMs = options.requestTimeoutMs ?? 1500\n+\tconst availableDisplayModes = normalizeDisplayModes(\n+\t\toptions.availableDisplayModes,\n+\t)\n+\tconst appInfo = options.appInfo ?? {\n+\t\tname: 'mcp-widget',\n+\t\tversion: '1.0.0',\n+\t}\n+\tconst renderDataMessageType = 'ui-lifecycle-iframe-render-data'\n+\tconst hostContextChangedMethod = 'ui/notifications/host-context-changed'\n+\n+\tlet requestCounter = 0\n+\tlet initialized = false\n+\tlet hostContext: Record | undefined = undefined\n+\tlet initializationPromise: Promise | null = null\n+\tconst pendingRequests = new Map()\n+\n+\tfunction postMessageToHost(message: Record) {\n+\t\tconst hostWindow = globalThis.window?.parent\n+\t\tif (!hostWindow) {\n+\t\t\tthrow new Error('Host window is unavailable')\n+\t\t}\n+\t\thostWindow.postMessage(message, '*')\n+\t}\n+\n+\tfunction dispatchRenderData(renderData: unknown) {\n+\t\tif (!options.onRenderData) return\n+\t\toptions.onRenderData(isRecord(renderData) ? renderData : undefined)\n+\t}\n+\n+\tfunction dispatchHostContext(nextHostContext: unknown) {\n+\t\thostContext = isRecord(nextHostContext) ? nextHostContext : undefined\n+\t\tif (!options.onHostContextChanged) return\n+\t\toptions.onHostContextChanged(hostContext)\n+\t}\n+\n+\tfunction handleBridgeResponseMessage(message: unknown) {\n+\t\tif (!isRecord(message)) return\n+\t\tif (message.jsonrpc !== '2.0') return\n+\t\tif (typeof message.id !== 'string' && typeof message.id !== 'number') return\n+\n+\t\tconst requestId = toRequestId(message.id)\n+\t\tconst pendingRequest = pendingRequests.get(requestId)\n+\t\tif (!pendingRequest) return\n+\n+\t\tglobalThis.clearTimeout(pendingRequest.timeoutId)\n+\t\tpendingRequests.delete(requestId)\n+\n+\t\tconst response: BridgeResponseMessage = {\n+\t\t\tjsonrpc: '2.0',\n+\t\t\tid: message.id,\n+\t\t\tresult: isRecord(message.result) ? message.result : undefined,\n+\t\t\terror: isRecord(message.error) ? message.error : undefined,\n+\t\t}\n+\n+\t\tif (response.error) {\n+\t\t\tpendingRequest.reject(new Error(getBridgeErrorMessage(response.error)))\n+\t\t\treturn\n+\t\t}\n+\n+\t\tpendingRequest.resolve(response)\n+\t}\n+\n+\tfunction handleLifecycleMessage(message: unknown) {\n+\t\tif (!isRecord(message)) return\n+\n+\t\tif (message.type === renderDataMessageType) {\n+\t\t\tconst payload = isRecord(message.payload) ? message.payload : undefined\n+\t\t\tdispatchRenderData(payload?.renderData)\n+\t\t\treturn\n+\t\t}\n+\n+\t\tif (message.method === hostContextChangedMethod) {\n+\t\t\tdispatchHostContext(message.params)\n+\t\t}\n+\t}\n+\n+\tfunction handleHostMessage(message: unknown) {\n+\t\thandleBridgeResponseMessage(message)\n+\t\thandleLifecycleMessage(message)\n+\t}\n+\n+\tfunction sendBridgeRequest(\n+\t\tmethod: string,\n+\t\tparams: Record,\n+\t): Promise {\n+\t\treturn new Promise((resolve, reject) => {\n+\t\t\trequestCounter += 1\n+\t\t\tconst requestId = toRequestId(`${appInfo.name}-bridge-${requestCounter}`)\n+\t\t\tconst timeoutId = globalThis.setTimeout(() => {\n+\t\t\t\tpendingRequests.delete(requestId)\n+\t\t\t\treject(new Error('Bridge request timed out'))\n+\t\t\t}, requestTimeoutMs)\n+\n+\t\t\tpendingRequests.set(requestId, {\n+\t\t\t\tresolve,\n+\t\t\t\treject,\n+\t\t\t\ttimeoutId,\n+\t\t\t})\n+\n+\t\t\ttry {\n+\t\t\t\tpostMessageToHost({\n+\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\tid: requestId,\n+\t\t\t\t\tmethod,\n+\t\t\t\t\tparams,\n+\t\t\t\t})\n+\t\t\t} catch (error) {\n+\t\t\t\tpendingRequests.delete(requestId)\n+\t\t\t\tglobalThis.clearTimeout(timeoutId)\n+\t\t\t\treject(error)\n+\t\t\t}\n+\t\t})\n+\t}\n+\n+\tasync function initialize() {\n+\t\tif (initialized) return true\n+\t\tif (initializationPromise) return initializationPromise\n+\n+\t\tinitializationPromise = sendBridgeRequest('ui/initialize', {\n+\t\t\tappInfo,\n+\t\t\tappCapabilities: {\n+\t\t\t\tavailableDisplayModes,\n+\t\t\t},\n+\t\t\tprotocolVersion,\n+\t\t})\n+\t\t\t.then((response) => {\n+\t\t\t\tdispatchHostContext(response.result?.hostContext)\n+\t\t\t\tinitialized = true\n+\t\t\t\ttry {\n+\t\t\t\t\tpostMessageToHost({\n+\t\t\t\t\t\tjsonrpc: '2.0',\n+\t\t\t\t\t\tmethod: 'ui/notifications/initialized',\n+\t\t\t\t\t\tparams: {},\n+\t\t\t\t\t})\n+\t\t\t\t} catch {\n+\t\t\t\t\t// Ignore initialized notification failures and continue.\n+\t\t\t\t}\n+\t\t\t\treturn true\n+\t\t\t})\n+\t\t\t.catch(() => {\n+\t\t\t\treturn false\n+\t\t\t})\n+\t\t\t.finally(() => {\n+\t\t\t\tinitializationPromise = null\n+\t\t\t})\n+\n+\t\treturn initializationPromise\n+\t}\n+\n+\tasync function sendUserMessage(text: string) {\n+\t\tconst bridgeReady = await initialize()\n+\t\tif (!bridgeReady) return false\n+\n+\t\ttry {\n+\t\t\tconst response = await sendBridgeRequest('ui/message', {\n+\t\t\t\trole: 'user',\n+\t\t\t\tcontent: [{ type: 'text', text }],\n+\t\t\t})\n+\t\t\treturn response.result?.isError !== true\n+\t\t} catch {\n+\t\t\treturn false\n+\t\t}\n+\t}\n+\n+\tasync function sendUserMessageWithFallback(text: string) {\n+\t\tconst bridgeSent = await sendUserMessage(text)\n+\t\tif (bridgeSent) return true\n+\n+\t\ttry {\n+\t\t\tpostMessageToHost({\n+\t\t\t\ttype: 'prompt',\n+\t\t\t\tpayload: { prompt: text },\n+\t\t\t})\n+\t\t\treturn true\n+\t\t} catch {\n+\t\t\treturn false\n+\t\t}\n+\t}\n+\n+\tasync function requestDisplayMode(mode: WidgetDisplayMode) {\n+\t\tconst bridgeReady = await initialize()\n+\t\tif (!bridgeReady) return null\n+\n+\t\tconst hostDisplayModes = Array.isArray(hostContext?.availableDisplayModes)\n+\t\t\t? hostContext.availableDisplayModes.filter((value) =>\n+\t\t\t\t\tisWidgetDisplayMode(value),\n+\t\t\t\t)\n+\t\t\t: []\n+\t\tif (hostDisplayModes.length > 0 && !hostDisplayModes.includes(mode)) {\n+\t\t\treturn null\n+\t\t}\n+\n+\t\ttry {\n+\t\t\tconst response = await sendBridgeRequest('ui/request-display-mode', {\n+\t\t\t\tmode,\n+\t\t\t})\n+\t\t\tconst resolvedMode = response.result?.mode\n+\t\t\tif (!isWidgetDisplayMode(resolvedMode)) {\n+\t\t\t\treturn null\n+\t\t\t}\n+\t\t\tdispatchHostContext({\n+\t\t\t\t...(hostContext ?? {}),\n+\t\t\t\tdisplayMode: resolvedMode,\n+\t\t\t})\n+\t\t\treturn resolvedMode\n+\t\t} catch {\n+\t\t\treturn null\n+\t\t}\n+\t}\n+\n+\tfunction requestRenderData() {\n+\t\ttry {\n+\t\t\tpostMessageToHost({\n+\t\t\t\ttype: 'ui-request-render-data',\n+\t\t\t\tpayload: {},\n+\t\t\t})\n+\t\t\treturn true\n+\t\t} catch {\n+\t\t\treturn false\n+\t\t}\n+\t}\n+\n+\treturn {\n+\t\thandleHostMessage,\n+\t\tinitialize,\n+\t\tsendUserMessage,\n+\t\tsendUserMessageWithFallback,\n+\t\trequestDisplayMode,\n+\t\tgetHostContext: () => hostContext,\n+\t\trequestRenderData,\n+\t}\n+}\ndiff --git a/client/pointer-drag-selection.ts b/client/pointer-drag-selection.ts\nnew file mode 100644\nindex 0000000..be08773\n--- /dev/null\n+++ b/client/pointer-drag-selection.ts\n@@ -0,0 +1,209 @@\n+import {\n+\tcomputeAutoScrollStep,\n+\tfindSlotAtPoint,\n+\tgetGridScrollerFromPointerEvent,\n+\tsetPointerCaptureIfAvailable,\n+} from '#client/grid-drag-autoscroll.ts'\n+\n+export type PointerDragSelectionMode = 'add' | 'remove'\n+\n+export type PointerDragSelectionState = {\n+\tmode: PointerDragSelectionMode | null\n+\tstartSlot: string | null\n+\tendSlot: string | null\n+\tslots: Set\n+}\n+\n+type PointerDragSelectionControllerParams = {\n+\trequestRender: () => void\n+\tgetSelectionSlots: (startSlot: string, endSlot: string) => Set\n+\tapplySelection: (args: {\n+\t\tmode: PointerDragSelectionMode\n+\t\tslots: ReadonlySet\n+\t}) => boolean\n+\tcanUpdateSelection?: () => boolean\n+\tonSelectionPreviewSlot?: (slot: string) => void\n+\tonSelectionFinished?: (args: {\n+\t\tchanged: boolean\n+\t\tcancelled: boolean\n+\t}) => void | boolean\n+}\n+\n+type StartPointerDragSelectionArgs = {\n+\tslot: string\n+\tevent: PointerEvent\n+\tmode: PointerDragSelectionMode\n+}\n+\n+export function createPointerDragSelectionController(\n+\tparams: PointerDragSelectionControllerParams,\n+) {\n+\tconst state: PointerDragSelectionState = {\n+\t\tmode: null,\n+\t\tstartSlot: null,\n+\t\tendSlot: null,\n+\t\tslots: new Set(),\n+\t}\n+\n+\tlet selectionScroller: HTMLElement | null = null\n+\tlet pointerX = 0\n+\tlet pointerY = 0\n+\tlet activePointerId: number | null = null\n+\tlet autoScrollRaf: number | null = null\n+\n+\tfunction clearAutoScrollRaf() {\n+\t\tif (autoScrollRaf === null) return\n+\t\tcancelAnimationFrame(autoScrollRaf)\n+\t\tautoScrollRaf = null\n+\t}\n+\n+\tfunction clearSelection() {\n+\t\tclearAutoScrollRaf()\n+\t\tstate.mode = null\n+\t\tstate.startSlot = null\n+\t\tstate.endSlot = null\n+\t\tstate.slots = new Set()\n+\t\tselectionScroller = null\n+\t\tactivePointerId = null\n+\t}\n+\n+\tfunction detachSelectionListeners() {\n+\t\tif (typeof window === 'undefined') return\n+\t\twindow.removeEventListener('pointerup', handleGlobalPointerUp)\n+\t\twindow.removeEventListener('pointercancel', handleGlobalPointerCancel)\n+\t\twindow.removeEventListener('pointermove', handleGlobalPointerMove)\n+\t\twindow.removeEventListener('keydown', handleGlobalKeyDown)\n+\t}\n+\n+\tfunction attachSelectionListeners() {\n+\t\tif (typeof window === 'undefined') return\n+\t\tdetachSelectionListeners()\n+\t\twindow.addEventListener('pointerup', handleGlobalPointerUp)\n+\t\twindow.addEventListener('pointercancel', handleGlobalPointerCancel)\n+\t\twindow.addEventListener('pointermove', handleGlobalPointerMove)\n+\t\twindow.addEventListener('keydown', handleGlobalKeyDown)\n+\t}\n+\n+\tfunction updateSelectionToSlot(slot: string) {\n+\t\tif (params.canUpdateSelection && !params.canUpdateSelection()) return\n+\t\tif (!state.mode || !state.startSlot || state.endSlot === slot) return\n+\t\tstate.endSlot = slot\n+\t\tstate.slots = params.getSelectionSlots(state.startSlot, slot)\n+\t\tparams.onSelectionPreviewSlot?.(slot)\n+\t\tparams.requestRender()\n+\t}\n+\n+\tfunction refreshSelectionAtPointerPosition() {\n+\t\tconst slot = findSlotAtPoint(pointerX, pointerY, {\n+\t\t\twithinElement: selectionScroller,\n+\t\t})\n+\t\tif (!slot) return\n+\t\tupdateSelectionToSlot(slot)\n+\t}\n+\n+\tfunction runAutoScrollStep() {\n+\t\tautoScrollRaf = null\n+\t\tif (!state.mode || !selectionScroller) return\n+\t\tconst delta = computeAutoScrollStep({\n+\t\t\tclientX: pointerX,\n+\t\t\tclientY: pointerY,\n+\t\t\trect: selectionScroller.getBoundingClientRect(),\n+\t\t})\n+\t\tif (delta.left === 0 && delta.top === 0) return\n+\t\tselectionScroller.scrollBy({\n+\t\t\tleft: delta.left,\n+\t\t\ttop: delta.top,\n+\t\t})\n+\t\trefreshSelectionAtPointerPosition()\n+\t\tautoScrollRaf = requestAnimationFrame(runAutoScrollStep)\n+\t}\n+\n+\tfunction maybeStartAutoScroll() {\n+\t\tif (!state.mode || !selectionScroller) return\n+\t\tif (autoScrollRaf !== null) return\n+\t\tconst delta = computeAutoScrollStep({\n+\t\t\tclientX: pointerX,\n+\t\t\tclientY: pointerY,\n+\t\t\trect: selectionScroller.getBoundingClientRect(),\n+\t\t})\n+\t\tif (delta.left === 0 && delta.top === 0) return\n+\t\tautoScrollRaf = requestAnimationFrame(runAutoScrollStep)\n+\t}\n+\n+\tfunction finishSelection(cancelled = false) {\n+\t\tif (!state.mode) return\n+\t\tdetachSelectionListeners()\n+\t\ttry {\n+\t\t\tconst changed = cancelled\n+\t\t\t\t? false\n+\t\t\t\t: params.applySelection({\n+\t\t\t\t\t\tmode: state.mode,\n+\t\t\t\t\t\tslots: state.slots,\n+\t\t\t\t\t})\n+\t\t\tconst shouldRender = params.onSelectionFinished?.({ changed, cancelled })\n+\t\t\tif (shouldRender !== false) {\n+\t\t\t\tparams.requestRender()\n+\t\t\t}\n+\t\t} finally {\n+\t\t\tclearSelection()\n+\t\t}\n+\t}\n+\n+\tfunction handleGlobalPointerUp(event: PointerEvent) {\n+\t\tif (activePointerId !== null && event.pointerId !== activePointerId) return\n+\t\tfinishSelection(false)\n+\t}\n+\n+\tfunction handleGlobalPointerCancel(event: PointerEvent) {\n+\t\tif (activePointerId !== null && event.pointerId !== activePointerId) return\n+\t\tfinishSelection(true)\n+\t}\n+\n+\tfunction handlePointerMove(event: PointerEvent) {\n+\t\tif (!state.mode) return\n+\t\tpointerX = event.clientX\n+\t\tpointerY = event.clientY\n+\t\trefreshSelectionAtPointerPosition()\n+\t\tmaybeStartAutoScroll()\n+\t}\n+\n+\tfunction handleGlobalPointerMove(event: PointerEvent) {\n+\t\tif (activePointerId !== null && event.pointerId !== activePointerId) return\n+\t\thandlePointerMove(event)\n+\t}\n+\n+\tfunction handleGlobalKeyDown(event: KeyboardEvent) {\n+\t\tif (event.key !== 'Escape' || !state.mode) return\n+\t\tevent.preventDefault()\n+\t\tfinishSelection(true)\n+\t}\n+\n+\tfunction startSelection(args: StartPointerDragSelectionArgs) {\n+\t\tsetPointerCaptureIfAvailable(args.event)\n+\t\tstate.mode = args.mode\n+\t\tstate.startSlot = args.slot\n+\t\tstate.endSlot = args.slot\n+\t\tstate.slots = params.getSelectionSlots(args.slot, args.slot)\n+\t\tselectionScroller = getGridScrollerFromPointerEvent(args.event)\n+\t\tpointerX = args.event.clientX\n+\t\tpointerY = args.event.clientY\n+\t\tactivePointerId = args.event.pointerId\n+\t\tparams.onSelectionPreviewSlot?.(args.slot)\n+\t\tattachSelectionListeners()\n+\t\tmaybeStartAutoScroll()\n+\t\tparams.requestRender()\n+\t}\n+\n+\tfunction cleanup() {\n+\t\tdetachSelectionListeners()\n+\t\tclearSelection()\n+\t}\n+\n+\treturn {\n+\t\tstate,\n+\t\tupdateSelectionToSlot,\n+\t\tfinishSelection,\n+\t\tstartSelection,\n+\t\tcleanup,\n+\t}\n+}\ndiff --git a/client/routes/create-schedule.tsx b/client/routes/create-schedule.tsx\ndeleted file mode 100644\nindex fe3be26..0000000\n--- a/client/routes/create-schedule.tsx\n+++ /dev/null\n@@ -1,469 +0,0 @@\n-import { type Handle } from 'remix/component'\n-import { navigate } from '#client/client-router.tsx'\n-import {\n-\tcollectRangeSlotIds,\n-\tcreateGridModel,\n-\trenderScheduleGrid,\n-} from '#client/schedule-grid.tsx'\n-import {\n-\tcolors,\n-\tmq,\n-\tradius,\n-\tshadows,\n-\tspacing,\n-\ttypography,\n-} from '#client/styles/tokens.ts'\n-import {\n-\tgenerateLocalSlotKeys,\n-\tlocalSlotKeyToUtcIso,\n-\tnormalizeIanaTimeZone,\n-\tslotIncrementOptions,\n-\ttype SlotIncrement,\n-} from '#shared/scheduling-time.ts'\n-\n-function toDateInputValue(date: Date) {\n-\tconst year = date.getFullYear()\n-\tconst month = String(date.getMonth() + 1).padStart(2, '0')\n-\tconst day = String(date.getDate()).padStart(2, '0')\n-\treturn `${year}-${month}-${day}`\n-}\n-\n-function getDefaultDates() {\n-\tconst now = new Date()\n-\tconst startDate = toDateInputValue(now)\n-\tconst end = new Date(now)\n-\tend.setDate(now.getDate() + 2)\n-\tconst endDate = toDateInputValue(end)\n-\treturn { startDate, endDate }\n-}\n-\n-export function CreateScheduleRoute(handle: Handle) {\n-\tconst defaults = getDefaultDates()\n-\tlet title = 'Friday Hangout'\n-\tlet startDate = defaults.startDate\n-\tlet endDate = defaults.endDate\n-\tlet slotMinutes: SlotIncrement = 30\n-\tlet timezone = normalizeIanaTimeZone(\n-\t\tnormalizeIanaTimeZone(Intl.DateTimeFormat().resolvedOptions().timeZone ?? 'UTC'),\n-\t)\n-\tlet selectedLocalSlots = new Set(\n-\t\tnew Set(generateLocalSlotKeys(defaults.startDate, defaults.endDate, 30)),\n-\t)\n-\tlet isSubmitting = false\n-\tlet errorMessage: string | null = null\n-\tlet anchorSlotId: string | null = null\n-\tlet isMouseDragging = false\n-\tlet dragMode: 'add' | 'remove' | null = null\n-\tlet isHandleDragging = false\n-\tlet listenersAttached = false\n-\n-\tfunction syncSelectedSlotsToRange() {\n-\t\tconst localSlots = generateLocalSlotKeys(startDate, endDate, slotMinutes)\n-\t\tconst available = new Set(localSlots)\n-\t\tconst next = new Set()\n-\t\tfor (const slot of selectedLocalSlots) {\n-\t\t\tif (available.has(slot)) {\n-\t\t\t\tnext.add(slot)\n-\t\t\t}\n-\t\t}\n-\t\tif (next.size === 0) {\n-\t\t\tfor (const slot of localSlots) {\n-\t\t\t\tnext.add(slot)\n-\t\t\t}\n-\t\t}\n-\t\tselectedLocalSlots = next\n-\t\tif (anchorSlotId && !selectedLocalSlots.has(anchorSlotId)) {\n-\t\t\tanchorSlotId = null\n-\t\t}\n-\t}\n-\n-\tfunction ensureListeners() {\n-\t\tif (listenersAttached || typeof window === 'undefined') return\n-\t\tlistenersAttached = true\n-\t\twindow.addEventListener('mouseup', () => {\n-\t\t\tif (!isMouseDragging && !dragMode) return\n-\t\t\tisMouseDragging = false\n-\t\t\tdragMode = null\n-\t\t\thandle.update()\n-\t\t})\n-\t}\n-\n-\tfunction updateSelected(mutator: (next: Set) => void) {\n-\t\tconst next = new Set(selectedLocalSlots)\n-\t\tmutator(next)\n-\t\tselectedLocalSlots = next\n-\t\thandle.update()\n-\t}\n-\n-\tfunction handleCellClick(slotId: string) {\n-\t\tanchorSlotId = slotId\n-\t\tupdateSelected((next) => {\n-\t\t\tif (next.has(slotId)) {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleCellMouseDown(event: MouseEvent, slotId: string) {\n-\t\tif (event.button !== 0) return\n-\t\tevent.preventDefault()\n-\t\tanchorSlotId = slotId\n-\t\tdragMode = selectedLocalSlots.has(slotId) ? 'remove' : 'add'\n-\t\tisMouseDragging = true\n-\t\tupdateSelected((next) => {\n-\t\t\tif (dragMode === 'add') {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleCellMouseEnter(slotId: string) {\n-\t\tif (!isMouseDragging || !dragMode) return\n-\t\tupdateSelected((next) => {\n-\t\t\tif (dragMode === 'add') {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleSelectionHandlePointerDown(event: PointerEvent) {\n-\t\tif (!anchorSlotId) return\n-\t\tevent.preventDefault()\n-\t\tevent.stopPropagation()\n-\t\tisHandleDragging = true\n-\t\tconst target = event.currentTarget as HTMLElement\n-\t\ttarget.setPointerCapture(event.pointerId)\n-\t}\n-\n-\tfunction handleSelectionHandlePointerMove(event: PointerEvent) {\n-\t\tif (!isHandleDragging || !anchorSlotId) return\n-\t\tconst gridSlots = generateLocalSlotKeys(startDate, endDate, slotMinutes).map(\n-\t\t\t(localSlotKey) => ({\n-\t\t\t\tid: localSlotKey,\n-\t\t\t\tstartsAtUtc: localSlotKeyToUtcIso(localSlotKey, timezone),\n-\t\t\t}),\n-\t\t)\n-\t\tconst model = createGridModel(gridSlots, timezone)\n-\t\tconst targetElement = document.elementFromPoint(event.clientX, event.clientY)\n-\t\tconst cellElement = targetElement?.closest('[data-slot-id]') as\n-\t\t\t| HTMLElement\n-\t\t\t| null\n-\t\tconst targetSlotId = cellElement?.dataset.slotId\n-\t\tif (!targetSlotId) return\n-\t\tselectedLocalSlots = new Set(\n-\t\t\tcollectRangeSlotIds(model, anchorSlotId, targetSlotId),\n-\t\t)\n-\t\thandle.update()\n-\t}\n-\n-\tfunction handleSelectionHandlePointerUp(event: PointerEvent) {\n-\t\tif (!isHandleDragging) return\n-\t\tisHandleDragging = false\n-\t\tconst target = event.currentTarget as HTMLElement\n-\t\tif (target.hasPointerCapture(event.pointerId)) {\n-\t\t\ttarget.releasePointerCapture(event.pointerId)\n-\t\t}\n-\t}\n-\n-\tasync function handleCreateSchedule(event: SubmitEvent) {\n-\t\tevent.preventDefault()\n-\t\tisSubmitting = true\n-\t\terrorMessage = null\n-\t\thandle.update()\n-\n-\t\tconst selectedSlotsUtc = [...selectedLocalSlots].map((slotKey) =>\n-\t\t\tlocalSlotKeyToUtcIso(slotKey, timezone),\n-\t\t)\n-\n-\t\tif (selectedSlotsUtc.length === 0) {\n-\t\t\terrorMessage = 'Select at least one available time slot before creating.'\n-\t\t\tisSubmitting = false\n-\t\t\thandle.update()\n-\t\t\treturn\n-\t\t}\n-\n-\t\ttry {\n-\t\t\tconst response = await fetch('/api/schedules', {\n-\t\t\t\tmethod: 'POST',\n-\t\t\t\theaders: {\n-\t\t\t\t\t'Content-Type': 'application/json',\n-\t\t\t\t\tAccept: 'application/json',\n-\t\t\t\t},\n-\t\t\t\tbody: JSON.stringify({\n-\t\t\t\t\ttitle,\n-\t\t\t\t\tstartDate,\n-\t\t\t\t\tendDate,\n-\t\t\t\t\tslotMinutes,\n-\t\t\t\t\ttimezone,\n-\t\t\t\t\tselectedSlotsUtc,\n-\t\t\t\t}),\n-\t\t\t})\n-\t\t\tconst payload = (await response.json().catch(() => null)) as\n-\t\t\t\t| { hostUrl?: string; error?: string }\n-\t\t\t\t| null\n-\t\t\tif (!response.ok || !payload?.hostUrl) {\n-\t\t\t\terrorMessage = payload?.error ?? 'Unable to create schedule.'\n-\t\t\t\tisSubmitting = false\n-\t\t\t\thandle.update()\n-\t\t\t\treturn\n-\t\t\t}\n-\t\t\tnavigate(payload.hostUrl)\n-\t\t} catch {\n-\t\t\terrorMessage = 'Network error while creating schedule.'\n-\t\t\tisSubmitting = false\n-\t\t\thandle.update()\n-\t\t}\n-\t}\n-\n-\treturn () => {\n-\t\tensureListeners()\n-\t\tconst localSlots = generateLocalSlotKeys(startDate, endDate, slotMinutes)\n-\t\tconst gridSlots = localSlots.map((localSlotKey) => ({\n-\t\t\tid: localSlotKey,\n-\t\t\tstartsAtUtc: localSlotKeyToUtcIso(localSlotKey, timezone),\n-\t\t}))\n-\t\tconst model = createGridModel(gridSlots, timezone)\n-\n-\t\treturn (\n-\t\t\t

\n-\t\t\t\n-\t\t\t\t\n-\t\t\t\t\tCreate a schedule\n-\t\t\t\t\n-\t\t\t\t

\n-\t\t\t\t\tPick a date range, choose host availability, then share your attendee\n-\t\t\t\t\tlink.\n-\t\t\t\t

\n-\t\t\t\n-\n-\t\t\t\n-\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\tPlan title\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\ttitle = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\tfontSize: typography.fontSize.base,\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t/>\n-\t\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\tStart date\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\tstartDate = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\tsyncSelectedSlotsToRange()\n-\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\tfontSize: typography.fontSize.base,\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t/>\n-\t\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\tEnd date\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\tendDate = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\tsyncSelectedSlotsToRange()\n-\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\tfontSize: typography.fontSize.base,\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t/>\n-\t\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\tSlot size\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLSelectElement)) return\n-\t\t\t\t\t\t\t\t\tslotMinutes = Number(\n-\t\t\t\t\t\t\t\t\t\tevent.currentTarget.value,\n-\t\t\t\t\t\t\t\t\t) as SlotIncrement\n-\t\t\t\t\t\t\t\t\tsyncSelectedSlotsToRange()\n-\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\tfontSize: typography.fontSize.base,\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t>\n-\t\t\t\t\t\t\t{slotIncrementOptions.map((value) => (\n-\t\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t))}\n-\t\t\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\n-\n-\t\t\t\t

\n-\t\t\t\t\t

\n-\t\t\t\t\t\tHost timezone: {timezone}\n-\t\t\t\t\t

\n-\t\t\t\t\t{renderScheduleGrid({\n-\t\t\t\t\t\tmodel,\n-\t\t\t\t\t\tselectedSlotIds: selectedLocalSlots,\n-\t\t\t\t\t\tanchorSlotId,\n-\t\t\t\t\t\tariaLabel: 'Host availability selection grid',\n-\t\t\t\t\t\tonCellClick: handleCellClick,\n-\t\t\t\t\t\tonCellMouseDown: handleCellMouseDown,\n-\t\t\t\t\t\tonCellMouseEnter: handleCellMouseEnter,\n-\t\t\t\t\t\tonHandlePointerDown: handleSelectionHandlePointerDown,\n-\t\t\t\t\t\tonHandlePointerMove: handleSelectionHandlePointerMove,\n-\t\t\t\t\t\tonHandlePointerUp: handleSelectionHandlePointerUp,\n-\t\t\t\t\t})}\n-\t\t\t\t

\n-\n-\t\t\t\t

\n-\t\t\t\t\t\n-\t\t\t\t\t\t{isSubmitting ? 'Creating schedule...' : 'Create schedule'}\n-\t\t\t\t\t\n-\t\t\t\t\t

\n-\t\t\t\t\t\t{selectedLocalSlots.size} slots selected\n-\t\t\t\t\t

\n-\t\t\t\t

\n-\t\t\t\t{errorMessage ? (\n-\t\t\t\t\t

\n-\t\t\t\t\t\t{errorMessage}\n-\t\t\t\t\t

\n-\t\t\t\t) : null}\n-\t\t\t\n-\t\t\t

\n-\t\t)\n-\t}\n-}\n-\ndiff --git a/client/routes/home.tsx b/client/routes/home.tsx\nindex cb8b61c..426fb5a 100644\n--- a/client/routes/home.tsx\n+++ b/client/routes/home.tsx\n@@ -1,71 +1,956 @@\n import { type Handle } from 'remix/component'\n-import { Counter } from '#client/counter.tsx'\n+import { getBrowserTimeZone } from '#client/browser-time-zone.ts'\n+import { navigate } from '#client/client-router.tsx'\n+import { renderScheduleGrid } from '#client/components/schedule-grid.tsx'\n+import { setDocumentTitle } from '#client/document-title.ts'\n+import { createPointerDragSelectionController } from '#client/pointer-drag-selection.ts'\n+import {\n+\taddDays,\n+\tcreateSlotRangeFromDateInputs,\n+\tformatDateInputValue,\n+\tgetRectangularSlotSelection,\n+} from '#client/schedule-utils.ts'\n+import {\n+\tdetectTapRangeMode,\n+\tgetTapRangeStartMessage,\n+\tisTapRangeStartMessage,\n+\tresolveTapRangeModeFromPointer,\n+} from '#client/tap-range-mode.ts'\n import {\n \tcolors,\n+\tmq,\n \tradius,\n \tshadows,\n \tspacing,\n \ttypography,\n } from '#client/styles/tokens.ts'\n \n-export function HomeRoute(_handle: Handle) {\n-\treturn () => (\n+type RequestStatus = 'idle' | 'saving' | 'error'\n+\n+function buildDefaultSelection(slots: Array) {\n+\tconst selected = new Set()\n+\tfor (const slot of slots) {\n+\t\tconst date = new Date(slot)\n+\t\tconst day = date.getDay()\n+\t\tconst hour = date.getHours()\n+\t\tconst isWeekday = day >= 1 && day <= 5\n+\t\tconst isWorkHour = hour >= 9 && hour < 17\n+\t\tif (isWeekday && isWorkHour) {\n+\t\t\tselected.add(slot)\n+\t\t}\n+\t}\n+\treturn selected\n+}\n+\n+export function HomeRoute(handle: Handle) {\n+\tconst today = new Date()\n+\tconst browserTimeZone = getBrowserTimeZone()\n+\tlet title = ''\n+\tlet hostName = ''\n+\tlet intervalMinutes = 30\n+\tlet startDateInput = formatDateInputValue(today)\n+\tlet endDateInput = formatDateInputValue(addDays(today, 6))\n+\tlet generatedSlots: Array = []\n+\tlet rangeStartUtc = ''\n+\tlet rangeEndUtc = ''\n+\tlet selectedSlots = new Set()\n+\tlet rangeAnchor: string | null = null\n+\tlet tapRangeAction: 'add' | 'remove' | null = null\n+\tlet keyboardRangeAnchor: string | null = null\n+\tlet keyboardRangeAction: 'add' | 'remove' | null = null\n+\tlet keyboardRangeSlots = new Set()\n+\tlet activeSlot: string | null = null\n+\tlet mobileDayKey: string | null = null\n+\tlet status: RequestStatus = 'idle'\n+\tlet message: string | null = null\n+\tlet useTapRangeMode = detectTapRangeMode()\n+\tlet didInitializeSelection = false\n+\tlet scheduleTitleError: string | null = null\n+\tlet hostNameError: string | null = null\n+\tconst scheduleTitleRequiredMessage =\n+\t\t'Schedule name is required before making a submission.'\n+\tconst hostNameRequiredMessage =\n+\t\t'Host name is required before making a submission.'\n+\n+\tfunction syncSlots() {\n+\t\tconst nextRange = createSlotRangeFromDateInputs({\n+\t\t\tstartDateInput,\n+\t\t\tendDateInput,\n+\t\t\tintervalMinutes,\n+\t\t})\n+\t\trangeStartUtc = nextRange.rangeStartUtc\n+\t\trangeEndUtc = nextRange.rangeEndUtc\n+\t\tgeneratedSlots = nextRange.slots\n+\n+\t\tif (!didInitializeSelection) {\n+\t\t\tselectedSlots = buildDefaultSelection(generatedSlots)\n+\t\t\tdidInitializeSelection = true\n+\t\t\treturn\n+\t\t}\n+\n+\t\tconst validSlots = new Set(generatedSlots)\n+\t\tselectedSlots = new Set(\n+\t\t\tArray.from(selectedSlots).filter((slot) => validSlots.has(slot)),\n+\t\t)\n+\t\tif (rangeAnchor && !validSlots.has(rangeAnchor)) {\n+\t\t\trangeAnchor = null\n+\t\t\ttapRangeAction = null\n+\t\t}\n+\t\tif (keyboardRangeAnchor && !validSlots.has(keyboardRangeAnchor)) {\n+\t\t\tkeyboardRangeAnchor = null\n+\t\t\tkeyboardRangeAction = null\n+\t\t\tkeyboardRangeSlots = new Set()\n+\t\t} else if (keyboardRangeSlots.size > 0) {\n+\t\t\tkeyboardRangeSlots = new Set(\n+\t\t\t\tArray.from(keyboardRangeSlots).filter((slot) => validSlots.has(slot)),\n+\t\t\t)\n+\t\t\tif (keyboardRangeSlots.size === 0) {\n+\t\t\t\tkeyboardRangeAnchor = null\n+\t\t\t\tkeyboardRangeAction = null\n+\t\t\t}\n+\t\t}\n+\t\tif (activeSlot && !validSlots.has(activeSlot)) {\n+\t\t\tactiveSlot = null\n+\t\t}\n+\t}\n+\n+\tfunction setMessage(nextStatus: RequestStatus, text: string | null) {\n+\t\tstatus = nextStatus\n+\t\tmessage = text\n+\t\thandle.update()\n+\t}\n+\n+\tfunction focusScheduleTitleInput() {\n+\t\tif (typeof window === 'undefined' || typeof document === 'undefined') return\n+\t\twindow.setTimeout(() => {\n+\t\t\tconst titleInput = document.querySelector(\n+\t\t\t\t'input[name=\"title\"]',\n+\t\t\t)\n+\t\t\ttitleInput?.focus()\n+\t\t}, 0)\n+\t}\n+\n+\tfunction focusHostNameInput() {\n+\t\tif (typeof window === 'undefined' || typeof document === 'undefined') return\n+\t\twindow.setTimeout(() => {\n+\t\t\tconst nameInput = document.querySelector(\n+\t\t\t\t'input[name=\"hostName\"]',\n+\t\t\t)\n+\t\t\tnameInput?.focus()\n+\t\t}, 0)\n+\t}\n+\n+\tfunction validateRequiredSubmissionFields() {\n+\t\tconst normalizedTitle = title.trim()\n+\t\tif (!normalizedTitle) {\n+\t\t\tscheduleTitleError = scheduleTitleRequiredMessage\n+\t\t\thostNameError = null\n+\t\t\tfocusScheduleTitleInput()\n+\t\t\thandle.update()\n+\t\t\treturn null\n+\t\t}\n+\t\tconst normalizedHostName = hostName.trim()\n+\t\tif (!normalizedHostName) {\n+\t\t\tscheduleTitleError = null\n+\t\t\thostNameError = hostNameRequiredMessage\n+\t\t\tfocusHostNameInput()\n+\t\t\thandle.update()\n+\t\t\treturn null\n+\t\t}\n+\t\tif (scheduleTitleError || hostNameError) {\n+\t\t\tscheduleTitleError = null\n+\t\t\thostNameError = null\n+\t\t}\n+\t\treturn {\n+\t\t\tnormalizedTitle,\n+\t\t\tnormalizedHostName,\n+\t\t}\n+\t}\n+\n+\tfunction updateDateRange(next: {\n+\t\tstartDateInput?: string\n+\t\tendDateInput?: string\n+\t\tintervalMinutes?: number\n+\t}) {\n+\t\tif (next.startDateInput !== undefined) startDateInput = next.startDateInput\n+\t\tif (next.endDateInput !== undefined) endDateInput = next.endDateInput\n+\t\tif (next.intervalMinutes !== undefined)\n+\t\t\tintervalMinutes = next.intervalMinutes\n+\t\ttry {\n+\t\t\tsyncSlots()\n+\t\t\tsetMessage('idle', null)\n+\t\t} catch (error) {\n+\t\t\tconst text = error instanceof Error ? error.message : 'Invalid range.'\n+\t\t\tsetMessage('error', text)\n+\t\t}\n+\t}\n+\n+\tfunction setSlotSelection(slot: string, shouldSelect: boolean) {\n+\t\tif (shouldSelect) {\n+\t\t\tselectedSlots.add(slot)\n+\t\t\treturn\n+\t\t}\n+\t\tselectedSlots.delete(slot)\n+\t}\n+\n+\tfunction applyRange(\n+\t\tstartSlot: string,\n+\t\tendSlot: string,\n+\t\tshouldSelect: boolean,\n+\t) {\n+\t\tconst startIndex = generatedSlots.indexOf(startSlot)\n+\t\tconst endIndex = generatedSlots.indexOf(endSlot)\n+\t\tif (startIndex < 0 || endIndex < 0) return\n+\n+\t\tconst min = Math.min(startIndex, endIndex)\n+\t\tconst max = Math.max(startIndex, endIndex)\n+\t\tfor (let index = min; index <= max; index += 1) {\n+\t\t\tconst slot = generatedSlots[index]\n+\t\t\tif (!slot) continue\n+\t\t\tsetSlotSelection(slot, shouldSelect)\n+\t\t}\n+\t}\n+\n+\tfunction clearKeyboardRangeSelection() {\n+\t\tkeyboardRangeAnchor = null\n+\t\tkeyboardRangeAction = null\n+\t\tkeyboardRangeSlots = new Set()\n+\t}\n+\n+\tfunction updateKeyboardRangePreview(params: {\n+\t\tfromSlot: string\n+\t\ttoSlot: string\n+\t\tshiftKey: boolean\n+\t}) {\n+\t\tif (!params.shiftKey) {\n+\t\t\tif (keyboardRangeAnchor || keyboardRangeSlots.size > 0) {\n+\t\t\t\tclearKeyboardRangeSelection()\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tif (!generatedSlots.includes(params.fromSlot)) return\n+\t\tif (!generatedSlots.includes(params.toSlot)) return\n+\t\tif (!keyboardRangeAnchor) {\n+\t\t\tkeyboardRangeAnchor = params.fromSlot\n+\t\t\tkeyboardRangeAction = selectedSlots.has(params.fromSlot)\n+\t\t\t\t? 'remove'\n+\t\t\t\t: 'add'\n+\t\t}\n+\t\tif (!keyboardRangeAnchor) return\n+\t\tkeyboardRangeSlots = new Set(\n+\t\t\tgetRectangularSlotSelection({\n+\t\t\t\tslots: generatedSlots,\n+\t\t\t\tstartSlot: keyboardRangeAnchor,\n+\t\t\t\tendSlot: params.toSlot,\n+\t\t\t}),\n+\t\t)\n+\t\tactiveSlot = params.toSlot\n+\t\thandle.update()\n+\t}\n+\n+\tfunction applyKeyboardRangeSelection() {\n+\t\tif (!keyboardRangeAnchor || !keyboardRangeAction) return false\n+\t\tif (keyboardRangeSlots.size === 0) return false\n+\t\tconst shouldSelect = keyboardRangeAction === 'add'\n+\t\tfor (const slot of keyboardRangeSlots) {\n+\t\t\tsetSlotSelection(slot, shouldSelect)\n+\t\t}\n+\t\tclearKeyboardRangeSelection()\n+\t\tsetMessage('idle', null)\n+\t\treturn true\n+\t}\n+\n+\tfunction toggleSlotSelection(slot: string) {\n+\t\tconst shouldSelect = !selectedSlots.has(slot)\n+\t\tsetSlotSelection(slot, shouldSelect)\n+\t\tactiveSlot = slot\n+\t\trangeAnchor = null\n+\t\ttapRangeAction = null\n+\t\tclearKeyboardRangeSelection()\n+\t\tsetMessage('idle', null)\n+\t}\n+\n+\tconst pointerSelection = createPointerDragSelectionController({\n+\t\trequestRender: () => {\n+\t\t\thandle.update()\n+\t\t},\n+\t\tcanUpdateSelection: () => !useTapRangeMode,\n+\t\tgetSelectionSlots: (startSlot, endSlot) => {\n+\t\t\treturn new Set(\n+\t\t\t\tgetRectangularSlotSelection({\n+\t\t\t\t\tslots: generatedSlots,\n+\t\t\t\t\tstartSlot,\n+\t\t\t\t\tendSlot,\n+\t\t\t\t}),\n+\t\t\t)\n+\t\t},\n+\t\tapplySelection: ({ mode, slots }) => {\n+\t\t\tconst shouldSelect = mode === 'add'\n+\t\t\tlet changed = false\n+\t\t\tfor (const slot of slots) {\n+\t\t\t\tconst wasSelected = selectedSlots.has(slot)\n+\t\t\t\tif (wasSelected === shouldSelect) continue\n+\t\t\t\tsetSlotSelection(slot, shouldSelect)\n+\t\t\t\tchanged = true\n+\t\t\t}\n+\t\t\treturn changed\n+\t\t},\n+\t\tonSelectionPreviewSlot: (slot) => {\n+\t\t\tactiveSlot = slot\n+\t\t},\n+\t})\n+\n+\tfunction cleanupResources() {\n+\t\tpointerSelection.cleanup()\n+\t}\n+\n+\tif (handle.signal.aborted) {\n+\t\tcleanupResources()\n+\t} else {\n+\t\thandle.signal.addEventListener('abort', cleanupResources)\n+\t}\n+\n+\tfunction getSlotAvailability() {\n+\t\treturn Object.fromEntries(\n+\t\t\tgeneratedSlots.map((slot) => [\n+\t\t\t\tslot,\n+\t\t\t\t{\n+\t\t\t\t\tcount: selectedSlots.has(slot) ? 1 : 0,\n+\t\t\t\t\tavailableNames: selectedSlots.has(slot)\n+\t\t\t\t\t\t? [hostName.trim() || 'Host']\n+\t\t\t\t\t\t: [],\n+\t\t\t\t},\n+\t\t\t]),\n+\t\t)\n+\t}\n+\n+\tasync function createScheduleRequest() {\n+\t\tconst requiredFields = validateRequiredSubmissionFields()\n+\t\tif (!requiredFields) return\n+\t\tconst { normalizedTitle, normalizedHostName } = requiredFields\n+\n+\t\tif (selectedSlots.size === 0) {\n+\t\t\tsetMessage(\n+\t\t\t\t'error',\n+\t\t\t\t'Select at least one slot before creating a schedule link.',\n+\t\t\t)\n+\t\t\treturn\n+\t\t}\n+\n+\t\tstatus = 'saving'\n+\t\tmessage = 'Creating link...'\n+\t\thandle.update()\n+\n+\t\ttry {\n+\t\t\tconst sortedSelectedSlots = Array.from(selectedSlots).sort(\n+\t\t\t\t(left, right) => left.localeCompare(right),\n+\t\t\t)\n+\t\t\tconst sortedBlockedSlots = generatedSlots\n+\t\t\t\t.filter((slot) => !selectedSlots.has(slot))\n+\t\t\t\t.sort((left, right) => left.localeCompare(right))\n+\t\t\tconst response = await fetch('/api/schedules', {\n+\t\t\t\tmethod: 'POST',\n+\t\t\t\theaders: { 'Content-Type': 'application/json' },\n+\t\t\t\tbody: JSON.stringify({\n+\t\t\t\t\ttitle: normalizedTitle,\n+\t\t\t\t\thostName: normalizedHostName,\n+\t\t\t\t\thostTimeZone: browserTimeZone,\n+\t\t\t\t\tintervalMinutes,\n+\t\t\t\t\trangeStartUtc,\n+\t\t\t\t\trangeEndUtc,\n+\t\t\t\t\tselectedSlots: sortedSelectedSlots,\n+\t\t\t\t\tblockedSlots: sortedBlockedSlots,\n+\t\t\t\t}),\n+\t\t\t})\n+\t\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\t\tok?: boolean\n+\t\t\t\tshareToken?: string\n+\t\t\t\thostAccessToken?: string\n+\t\t\t\terror?: string\n+\t\t\t} | null\n+\t\t\tif (\n+\t\t\t\t!response.ok ||\n+\t\t\t\t!payload?.ok ||\n+\t\t\t\ttypeof payload.shareToken !== 'string' ||\n+\t\t\t\ttypeof payload.hostAccessToken !== 'string'\n+\t\t\t) {\n+\t\t\t\tconst errorMessage =\n+\t\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t\t? payload.error\n+\t\t\t\t\t\t: 'Unable to create schedule.'\n+\t\t\t\tsetMessage('error', errorMessage)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tconst normalizedHostToken = payload.hostAccessToken.trim()\n+\t\t\tif (!normalizedHostToken) {\n+\t\t\t\tsetMessage('error', 'Unable to create schedule.')\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tconst redirectTo = `/s/${encodeURIComponent(payload.shareToken)}/${encodeURIComponent(normalizedHostToken)}`\n+\t\t\tnavigate(redirectTo)\n+\t\t} catch {\n+\t\t\tsetMessage('error', 'Network error while creating schedule.')\n+\t\t}\n+\t}\n+\n+\tfunction handleSubmit(event: SubmitEvent) {\n+\t\tevent.preventDefault()\n+\t\tvoid createScheduleRequest()\n+\t}\n+\n+\tfunction onCellPointerDown(slot: string, event: PointerEvent) {\n+\t\tclearKeyboardRangeSelection()\n+\t\tconst nextMode = resolveTapRangeModeFromPointer({\n+\t\t\tcurrentMode: useTapRangeMode,\n+\t\t\tpointerType: event.pointerType,\n+\t\t})\n+\t\tif (nextMode !== useTapRangeMode) {\n+\t\t\tuseTapRangeMode = nextMode\n+\t\t\trangeAnchor = null\n+\t\t\ttapRangeAction = null\n+\t\t\tif (isTapRangeStartMessage(message)) {\n+\t\t\t\tsetMessage('idle', null)\n+\t\t\t} else {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t}\n+\t\tif (useTapRangeMode) return\n+\t\tif (!validateRequiredSubmissionFields()) return\n+\t\tpointerSelection.startSelection({\n+\t\t\tslot,\n+\t\t\tevent,\n+\t\t\tmode: selectedSlots.has(slot) ? 'remove' : 'add',\n+\t\t})\n+\t}\n+\n+\tfunction onCellPointerEnter(slot: string) {\n+\t\tpointerSelection.updateSelectionToSlot(slot)\n+\t}\n+\n+\tfunction onCellPointerUp() {\n+\t\tpointerSelection.finishSelection(false)\n+\t}\n+\n+\tfunction onCellClick(slot: string) {\n+\t\tif (!useTapRangeMode) return\n+\t\tif (!validateRequiredSubmissionFields()) return\n+\n+\t\tif (!rangeAnchor) {\n+\t\t\trangeAnchor = slot\n+\t\t\ttapRangeAction = selectedSlots.has(slot) ? 'remove' : 'add'\n+\t\t\tactiveSlot = slot\n+\t\t\tsetMessage('idle', getTapRangeStartMessage(tapRangeAction))\n+\t\t\treturn\n+\t\t}\n+\n+\t\tconst shouldSelect = (tapRangeAction ?? 'add') === 'add'\n+\t\tapplyRange(rangeAnchor, slot, shouldSelect)\n+\t\trangeAnchor = null\n+\t\ttapRangeAction = null\n+\t\tactiveSlot = slot\n+\t\tsetMessage('idle', null)\n+\t}\n+\n+\tfunction onCellKeyboardActivate(slot: string) {\n+\t\tif (applyKeyboardRangeSelection()) return\n+\t\ttoggleSlotSelection(slot)\n+\t}\n+\n+\tfunction onCellFocus(slot: string) {\n+\t\tactiveSlot = slot\n+\t\thandle.update()\n+\t}\n+\n+\tsyncSlots()\n+\tconst secondaryTextColor =\n+\t\t'color-mix(in srgb, var(--color-text) 82%, var(--color-surface))'\n+\tconst heroBadgeBackground =\n+\t\t'color-mix(in srgb, var(--color-primary) 26%, var(--color-surface))'\n+\tconst heroBadgeBorder =\n+\t\t'1px solid color-mix(in srgb, var(--color-primary) 38%, var(--color-border))'\n+\n+\treturn () => {\n+\t\tsetDocumentTitle('Epic Scheduler | Link-based meeting scheduler')\n+\t\tconst slotAvailability = getSlotAvailability()\n+\t\tconst selectedCount = selectedSlots.size\n+\t\tconst isSaving = status === 'saving'\n+\t\tconst isPointerRangePending = pointerSelection.state.mode !== null\n+\t\tconst pendingSelectionSlots = isPointerRangePending\n+\t\t\t? pointerSelection.state.slots\n+\t\t\t: keyboardRangeSlots\n+\t\tconst pendingSelectionLabel = isPointerRangePending\n+\t\t\t? 'included in pending drag selection'\n+\t\t\t: 'included in pending keyboard range selection'\n+\t\tconst gridRangeAnchor = keyboardRangeAnchor ?? rangeAnchor\n+\n+\t\treturn (\n \t\t\t\n-\t\t\t\n \t\t\t\t\t\n \t\t\t\t\t\t\n-\t\t\t\t\t

\n-\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tEpic Scheduler\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tFast overlap, fewer messages.\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\n-\t\t\t\t\t\t\tepic-scheduler Remix 3\n+\t\t\t\t\t\tPlan once, share once, schedule faster.\n \t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\tRemix 3 components running on the client, backed by Remix 3\n-\t\t\t\t\t\t\trouting in the worker.\n+\t\t\t\t\t\n+\t\t\t\t\t\tCreate one link, paint your own windows, and instantly see overlap\n+\t\t\t\t\t\twithout signup friction or message ping-pong.\n \t\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\tRealtime shared grid\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t15/30/60 minute slots\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\tTimezone-friendly links\n+\t\t\t\t\t\t\n \t\t\t\t\t\n+\t\t\t\t\n+\n+\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tSchedule title\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\ttitle = event.currentTarget.value\n+\t\t\t\t\t\t\t\t\t\tif (title.trim()) {\n+\t\t\t\t\t\t\t\t\t\t\tscheduleTitleError = null\n+\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\tborder: `1px solid ${scheduleTitleError ? colors.error : colors.border}`,\n+\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t'&::placeholder': {\n+\t\t\t\t\t\t\t\t\t\tcolor: secondaryTextColor,\n+\t\t\t\t\t\t\t\t\t\topacity: 1,\n+\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t{scheduleTitleError ?? ''}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tYour name\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\thostName = event.currentTarget.value\n+\t\t\t\t\t\t\t\t\t\tif (hostName.trim()) {\n+\t\t\t\t\t\t\t\t\t\t\thostNameError = null\n+\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\tborder: `1px solid ${hostNameError ? colors.error : colors.border}`,\n+\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t'&::placeholder': {\n+\t\t\t\t\t\t\t\t\t\tcolor: secondaryTextColor,\n+\t\t\t\t\t\t\t\t\t\topacity: 1,\n+\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t{hostNameError ?? ''}\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\n+\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tSlot interval\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\tconst value = Number.parseInt(event.currentTarget.value, 10)\n+\t\t\t\t\t\t\t\t\t\tupdateDateRange({ intervalMinutes: value })\n+\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tStart date\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tupdateDateRange({\n+\t\t\t\t\t\t\t\t\t\t\tstartDateInput: event.currentTarget.value,\n+\t\t\t\t\t\t\t\t\t\t}),\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\tEnd date\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tupdateDateRange({\n+\t\t\t\t\t\t\t\t\t\t\tendDateInput: event.currentTarget.value,\n+\t\t\t\t\t\t\t\t\t\t}),\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\n+\t\t\t\t\t\n+\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t{selectedCount} selected slot{selectedCount === 1 ? '' : 's'}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tTimes are shown in your browser timezone: {browserTimeZone}\n+\t\t\t\t\t\t

\n \t\t\t\t\t\n+\n+\t\t\t\t\t{renderScheduleGrid({\n+\t\t\t\t\t\tslots: generatedSlots,\n+\t\t\t\t\t\tselectedSlots,\n+\t\t\t\t\t\tselectionSlots: pendingSelectionSlots,\n+\t\t\t\t\t\tselectionSlotLabel: pendingSelectionLabel,\n+\t\t\t\t\t\tmobileDayKey,\n+\t\t\t\t\t\tslotAvailability,\n+\t\t\t\t\t\tmaxAvailabilityCount: 1,\n+\t\t\t\t\t\tactiveSlot,\n+\t\t\t\t\t\trangeAnchor: gridRangeAnchor,\n+\t\t\t\t\t\tonMobileDayChange: (dayKey) => {\n+\t\t\t\t\t\t\tmobileDayKey = dayKey\n+\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\tonCellPointerDown,\n+\t\t\t\t\t\tonCellPointerEnter: (slot, _event) => {\n+\t\t\t\t\t\t\tonCellPointerEnter(slot)\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\tonCellPointerUp: (_slot, _event) => {\n+\t\t\t\t\t\t\tonCellPointerUp()\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\tonCellClick: (slot, _event) => {\n+\t\t\t\t\t\t\tif (!useTapRangeMode) return\n+\t\t\t\t\t\t\tonCellClick(slot)\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\tonCellKeyboardActivate: onCellKeyboardActivate,\n+\t\t\t\t\t\tonCellKeyboardNavigate: ({ fromSlot, toSlot, shiftKey }) => {\n+\t\t\t\t\t\t\tupdateKeyboardRangePreview({ fromSlot, toSlot, shiftKey })\n+\t\t\t\t\t\t},\n+\t\t\t\t\t\tonCellFocus,\n+\t\t\t\t\t})}\n+\n+\t\t\t\t\t\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t{isSaving ? 'Creating…' : 'Create share link'}\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\tpointerSelection.cleanup()\n+\t\t\t\t\t\t\t\t\tselectedSlots = buildDefaultSelection(generatedSlots)\n+\t\t\t\t\t\t\t\t\tclearKeyboardRangeSelection()\n+\t\t\t\t\t\t\t\t\trangeAnchor = null\n+\t\t\t\t\t\t\t\t\ttapRangeAction = null\n+\t\t\t\t\t\t\t\t\tsetMessage('idle', null)\n+\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t>\n+\t\t\t\t\t\t\tReset to weekday work hours\n+\t\t\t\t\t\t\n \t\t\t\t\t\n-\t\t\t\n+\n+\t\t\t\t\t{message ? (\n+\t\t\t\t\t\t\n+\t\t\t\t\t\t\t{message}\n+\t\t\t\t\t\t

\n+\t\t\t\t\t) : null}\n+\t\t\t\t\n \t\t\t\n \t\t)\n+\t}\n }\ndiff --git a/client/routes/host-schedule.tsx b/client/routes/host-schedule.tsx\ndeleted file mode 100644\nindex 32e1a10..0000000\n--- a/client/routes/host-schedule.tsx\n+++ /dev/null\n@@ -1,679 +0,0 @@\n-import { type Handle } from 'remix/component'\n-import {\n-\tcollectRangeSlotIds,\n-\tcreateGridModel,\n-\trenderScheduleGrid,\n-} from '#client/schedule-grid.tsx'\n-import {\n-\tcolors,\n-\tmq,\n-\tradius,\n-\tspacing,\n-\ttypography,\n-} from '#client/styles/tokens.ts'\n-import {\n-\tformatUtcInTimeZone,\n-\tgenerateLocalSlotKeys,\n-\tlocalSlotKeyToUtcIso,\n-\tnormalizeIanaTimeZone,\n-\tslotIncrementOptions,\n-\ttype SlotIncrement,\n-\tutcIsoToLocalSlotKey,\n-} from '#shared/scheduling-time.ts'\n-\n-type SchedulePayload = {\n-\tscheduleKey: string\n-\ttitle: string\n-\tstartDate: string\n-\tendDate: string\n-\tslotMinutes: SlotIncrement\n-\ttimezone: string\n-\tslotsUtc: Array\n-\tresponseCounts: Record\n-\ttotalResponders: number\n-\tbestSlotUtc: string | null\n-}\n-\n-type HostResponse = {\n-\tok: boolean\n-\tschedule: SchedulePayload\n-\thostKey: string\n-\tattendeeSummary: Array<{ attendeeName: string; slots: Array }>\n-}\n-\n-function getHostParamsFromPath() {\n-\tif (typeof window === 'undefined') return null\n-\tconst segments = window.location.pathname.split('/').filter(Boolean)\n-\tif (segments.length !== 3) return null\n-\tif (segments[0] !== 's') return null\n-\treturn {\n-\t\tscheduleKey: segments[1] ?? '',\n-\t\thostKey: segments[2] ?? '',\n-\t}\n-}\n-\n-export function HostScheduleRoute(handle: Handle) {\n-\tconst hostParams = getHostParamsFromPath()\n-\tlet status: 'loading' | 'ready' | 'error' = 'loading'\n-\tlet errorMessage: string | null = null\n-\tlet isSaving = false\n-\tlet saveMessage: string | null = null\n-\tlet requestQueued = false\n-\tlet listenersAttached = false\n-\tlet attendeeSummary: Array<{ attendeeName: string; slots: Array }> = []\n-\tlet title = ''\n-\tlet startDate = ''\n-\tlet endDate = ''\n-\tlet slotMinutes: SlotIncrement = 30\n-\tlet timezone = 'UTC'\n-\tlet selectedLocalSlots = new Set()\n-\tlet scheduleSnapshot: SchedulePayload | null = null\n-\tlet anchorSlotId: string | null = null\n-\tlet isMouseDragging = false\n-\tlet dragMode: 'add' | 'remove' | null = null\n-\tlet isHandleDragging = false\n-\n-\tfunction ensureListeners() {\n-\t\tif (listenersAttached || typeof window === 'undefined') return\n-\t\tlistenersAttached = true\n-\t\twindow.addEventListener('mouseup', () => {\n-\t\t\tif (!isMouseDragging && !dragMode) return\n-\t\t\tisMouseDragging = false\n-\t\t\tdragMode = null\n-\t\t\thandle.update()\n-\t\t})\n-\t}\n-\n-\tfunction syncSelectedSlotsToRange() {\n-\t\tconst localSlots = generateLocalSlotKeys(startDate, endDate, slotMinutes)\n-\t\tconst available = new Set(localSlots)\n-\t\tconst next = new Set()\n-\t\tfor (const slot of selectedLocalSlots) {\n-\t\t\tif (available.has(slot)) {\n-\t\t\t\tnext.add(slot)\n-\t\t\t}\n-\t\t}\n-\t\tif (next.size === 0) {\n-\t\t\tfor (const slot of localSlots) next.add(slot)\n-\t\t}\n-\t\tselectedLocalSlots = next\n-\t\tif (anchorSlotId && !selectedLocalSlots.has(anchorSlotId)) {\n-\t\t\tanchorSlotId = null\n-\t\t}\n-\t}\n-\n-\tfunction queueLoad() {\n-\t\tif (requestQueued) return\n-\t\trequestQueued = true\n-\t\tif (!hostParams) {\n-\t\t\tstatus = 'error'\n-\t\t\terrorMessage = 'Invalid host link.'\n-\t\t\thandle.update()\n-\t\t\treturn\n-\t\t}\n-\n-\t\thandle.queueTask(async (signal) => {\n-\t\t\ttry {\n-\t\t\t\tconst response = await fetch(\n-\t\t\t\t\t`/api/schedules/${encodeURIComponent(hostParams.scheduleKey)}/${encodeURIComponent(hostParams.hostKey)}`,\n-\t\t\t\t\t{\n-\t\t\t\t\t\theaders: { Accept: 'application/json' },\n-\t\t\t\t\t\tsignal,\n-\t\t\t\t\t},\n-\t\t\t\t)\n-\t\t\t\tconst payload = (await response.json().catch(() => null)) as\n-\t\t\t\t\t| HostResponse\n-\t\t\t\t\t| { error?: string }\n-\t\t\t\t\t| null\n-\t\t\t\tif (signal.aborted) return\n-\t\t\t\tif (!response.ok || !payload || !('ok' in payload) || !payload.ok) {\n-\t\t\t\t\tstatus = 'error'\n-\t\t\t\t\terrorMessage =\n-\t\t\t\t\t\t(payload && 'error' in payload && payload.error) ||\n-\t\t\t\t\t\t'Unable to load host dashboard.'\n-\t\t\t\t\thandle.update()\n-\t\t\t\t\treturn\n-\t\t\t\t}\n-\n-\t\t\t\tconst nextSchedule = payload.schedule\n-\t\t\t\tscheduleSnapshot = nextSchedule\n-\t\t\t\tattendeeSummary = payload.attendeeSummary\n-\t\t\t\ttitle = nextSchedule.title\n-\t\t\t\tstartDate = nextSchedule.startDate\n-\t\t\t\tendDate = nextSchedule.endDate\n-\t\t\t\tslotMinutes = nextSchedule.slotMinutes\n-\t\t\t\ttimezone = normalizeIanaTimeZone(nextSchedule.timezone)\n-\t\t\t\tselectedLocalSlots = new Set(\n-\t\t\t\t\tnextSchedule.slotsUtc.map((slotUtc) =>\n-\t\t\t\t\t\tutcIsoToLocalSlotKey(slotUtc, nextSchedule.timezone),\n-\t\t\t\t\t),\n-\t\t\t\t)\n-\t\t\t\tstatus = 'ready'\n-\t\t\t\terrorMessage = null\n-\t\t\t\thandle.update()\n-\t\t\t} catch {\n-\t\t\t\tif (signal.aborted) return\n-\t\t\t\tstatus = 'error'\n-\t\t\t\terrorMessage = 'Network error while loading host dashboard.'\n-\t\t\t\thandle.update()\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction attendeeUrl() {\n-\t\tif (!hostParams || typeof window === 'undefined') return ''\n-\t\treturn `${window.location.origin}/s/${hostParams.scheduleKey}`\n-\t}\n-\n-\tfunction hostUrl() {\n-\t\tif (!hostParams || typeof window === 'undefined') return ''\n-\t\treturn `${window.location.origin}/s/${hostParams.scheduleKey}/${hostParams.hostKey}`\n-\t}\n-\n-\tasync function copyLink(value: string) {\n-\t\ttry {\n-\t\t\tawait navigator.clipboard.writeText(value)\n-\t\t\tsaveMessage = 'Link copied.'\n-\t\t\thandle.update()\n-\t\t} catch {\n-\t\t\terrorMessage = 'Unable to copy link in this browser.'\n-\t\t\thandle.update()\n-\t\t}\n-\t}\n-\n-\tfunction updateSelected(mutator: (next: Set) => void) {\n-\t\tconst next = new Set(selectedLocalSlots)\n-\t\tmutator(next)\n-\t\tselectedLocalSlots = next\n-\t\thandle.update()\n-\t}\n-\n-\tfunction handleCellClick(slotId: string) {\n-\t\tanchorSlotId = slotId\n-\t\tupdateSelected((next) => {\n-\t\t\tif (next.has(slotId)) {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleCellMouseDown(event: MouseEvent, slotId: string) {\n-\t\tif (event.button !== 0) return\n-\t\tevent.preventDefault()\n-\t\tanchorSlotId = slotId\n-\t\tdragMode = selectedLocalSlots.has(slotId) ? 'remove' : 'add'\n-\t\tisMouseDragging = true\n-\t\tupdateSelected((next) => {\n-\t\t\tif (dragMode === 'add') {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleCellMouseEnter(slotId: string) {\n-\t\tif (!isMouseDragging || !dragMode) return\n-\t\tupdateSelected((next) => {\n-\t\t\tif (dragMode === 'add') {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleSelectionHandlePointerDown(event: PointerEvent) {\n-\t\tif (!anchorSlotId) return\n-\t\tevent.preventDefault()\n-\t\tevent.stopPropagation()\n-\t\tisHandleDragging = true\n-\t\tconst target = event.currentTarget as HTMLElement\n-\t\ttarget.setPointerCapture(event.pointerId)\n-\t}\n-\n-\tfunction handleSelectionHandlePointerMove(event: PointerEvent) {\n-\t\tif (!isHandleDragging || !anchorSlotId) return\n-\t\tconst gridSlots = generateLocalSlotKeys(startDate, endDate, slotMinutes).map(\n-\t\t\t(localSlotKey) => ({\n-\t\t\t\tid: localSlotKey,\n-\t\t\t\tstartsAtUtc: localSlotKeyToUtcIso(localSlotKey, timezone),\n-\t\t\t}),\n-\t\t)\n-\t\tconst model = createGridModel(gridSlots, timezone)\n-\t\tconst targetElement = document.elementFromPoint(event.clientX, event.clientY)\n-\t\tconst cellElement = targetElement?.closest('[data-slot-id]') as\n-\t\t\t| HTMLElement\n-\t\t\t| null\n-\t\tconst targetSlotId = cellElement?.dataset.slotId\n-\t\tif (!targetSlotId) return\n-\t\tselectedLocalSlots = new Set(\n-\t\t\tcollectRangeSlotIds(model, anchorSlotId, targetSlotId),\n-\t\t)\n-\t\thandle.update()\n-\t}\n-\n-\tfunction handleSelectionHandlePointerUp(event: PointerEvent) {\n-\t\tif (!isHandleDragging) return\n-\t\tisHandleDragging = false\n-\t\tconst target = event.currentTarget as HTMLElement\n-\t\tif (target.hasPointerCapture(event.pointerId)) {\n-\t\t\ttarget.releasePointerCapture(event.pointerId)\n-\t\t}\n-\t}\n-\n-\tasync function handleSaveSchedule(event: SubmitEvent) {\n-\t\tevent.preventDefault()\n-\t\tif (!hostParams) return\n-\t\terrorMessage = null\n-\t\tsaveMessage = null\n-\t\tisSaving = true\n-\t\thandle.update()\n-\n-\t\ttry {\n-\t\t\tconst selectedSlotsUtc = [...selectedLocalSlots].map((slotKey) =>\n-\t\t\t\tlocalSlotKeyToUtcIso(slotKey, timezone),\n-\t\t\t)\n-\t\t\tconst response = await fetch(\n-\t\t\t\t`/api/schedules/${encodeURIComponent(hostParams.scheduleKey)}/${encodeURIComponent(hostParams.hostKey)}`,\n-\t\t\t\t{\n-\t\t\t\t\tmethod: 'POST',\n-\t\t\t\t\theaders: {\n-\t\t\t\t\t\t'Content-Type': 'application/json',\n-\t\t\t\t\t\tAccept: 'application/json',\n-\t\t\t\t\t},\n-\t\t\t\t\tbody: JSON.stringify({\n-\t\t\t\t\t\ttitle,\n-\t\t\t\t\t\tstartDate,\n-\t\t\t\t\t\tendDate,\n-\t\t\t\t\t\tslotMinutes,\n-\t\t\t\t\t\ttimezone,\n-\t\t\t\t\t\tselectedSlotsUtc,\n-\t\t\t\t\t}),\n-\t\t\t\t},\n-\t\t\t)\n-\t\t\tconst payload = (await response.json().catch(() => null)) as\n-\t\t\t\t| HostResponse\n-\t\t\t\t| { error?: string }\n-\t\t\t\t| null\n-\t\t\tif (!response.ok || !payload || !('ok' in payload) || !payload.ok) {\n-\t\t\t\terrorMessage =\n-\t\t\t\t\t(payload && 'error' in payload && payload.error) ||\n-\t\t\t\t\t'Unable to save schedule.'\n-\t\t\t\tisSaving = false\n-\t\t\t\thandle.update()\n-\t\t\t\treturn\n-\t\t\t}\n-\n-\t\t\tscheduleSnapshot = payload.schedule\n-\t\t\tattendeeSummary = payload.attendeeSummary\n-\t\t\tsaveMessage = 'Schedule updated.'\n-\t\t\tisSaving = false\n-\t\t\thandle.update()\n-\t\t} catch {\n-\t\t\terrorMessage = 'Network error while updating schedule.'\n-\t\t\tisSaving = false\n-\t\t\thandle.update()\n-\t\t}\n-\t}\n-\n-\treturn () => {\n-\t\tensureListeners()\n-\t\tqueueLoad()\n-\n-\t\tif (status === 'loading') {\n-\t\t\treturn

Loading host dashboard...

\n-\t\t}\n-\n-\t\tif (status === 'error' || !hostParams) {\n-\t\t\treturn (\n-\t\t\t\t

\n-\t\t\t\t\t{errorMessage ?? 'Unable to load host dashboard.'}\n-\t\t\t\t

\n-\t\t\t)\n-\t\t}\n-\n-\t\tconst localSlots = generateLocalSlotKeys(startDate, endDate, slotMinutes)\n-\t\tconst gridSlots = localSlots.map((localSlotKey) => ({\n-\t\t\tid: localSlotKey,\n-\t\t\tstartsAtUtc: localSlotKeyToUtcIso(localSlotKey, timezone),\n-\t\t}))\n-\t\tconst model = createGridModel(gridSlots, timezone)\n-\t\tconst bestSlotSubmissionCount = scheduleSnapshot?.bestSlotUtc\n-\t\t\t? (scheduleSnapshot.responseCounts[scheduleSnapshot.bestSlotUtc] ?? 0)\n-\t\t\t: 0\n-\n-\t\treturn (\n-\t\t\t

\n-\t\t\t\t

\n-\t\t\t\t\t\n-\t\t\t\t\t\tHost dashboard\n-\t\t\t\t\t\n-\t\t\t\t\t

\n-\t\t\t\t\t\tShare your attendee link, tune schedule details, and review responses.\n-\t\t\t\t\t

\n-\t\t\t\t

\n-\n-\t\t\t\t\n-\t\t\t\t\t

\n-\t\t\t\t\t\t

Attendee link

\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t{attendeeUrl()}\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t copyLink(attendeeUrl()) }}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.primary}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.primary,\n-\t\t\t\t\t\t\t\t\tcolor: colors.onPrimary,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.xs} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t>\n-\t\t\t\t\t\t\t\tCopy attendee link\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t

\n-\t\t\t\t\t\t

Private host link

\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t{hostUrl()}\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t copyLink(hostUrl()) }}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.primary}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.primary,\n-\t\t\t\t\t\t\t\t\tcolor: colors.onPrimary,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.xs} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t>\n-\t\t\t\t\t\t\t\tCopy host link\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t

\n-\t\t\t\t\n-\n-\t\t\t\t

\n-\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\tPlan title\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\t\ttitle = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t/>\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\tStart date\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\t\tstartDate = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\t\tsyncSelectedSlotsToRange()\n-\t\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t/>\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\tEnd date\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\t\tendDate = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\t\tsyncSelectedSlotsToRange()\n-\t\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t/>\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\tSlot size\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLSelectElement)) return\n-\t\t\t\t\t\t\t\t\t\tslotMinutes = Number(\n-\t\t\t\t\t\t\t\t\t\t\tevent.currentTarget.value,\n-\t\t\t\t\t\t\t\t\t\t) as SlotIncrement\n-\t\t\t\t\t\t\t\t\t\tsyncSelectedSlotsToRange()\n-\t\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t>\n-\t\t\t\t\t\t\t\t{slotIncrementOptions.map((value) => (\n-\t\t\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t))}\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\tTimezone\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\t\ttimezone = normalizeIanaTimeZone(event.currentTarget.value)\n-\t\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\t/>\n-\t\t\t\t\t\t\n-\t\t\t\t\t\n-\n-\t\t\t\t\t{renderScheduleGrid({\n-\t\t\t\t\t\tmodel,\n-\t\t\t\t\t\tselectedSlotIds: selectedLocalSlots,\n-\t\t\t\t\t\tanchorSlotId,\n-\t\t\t\t\t\tariaLabel: 'Host availability editing grid',\n-\t\t\t\t\t\tonCellClick: handleCellClick,\n-\t\t\t\t\t\tonCellMouseDown: handleCellMouseDown,\n-\t\t\t\t\t\tonCellMouseEnter: handleCellMouseEnter,\n-\t\t\t\t\t\tonHandlePointerDown: handleSelectionHandlePointerDown,\n-\t\t\t\t\t\tonHandlePointerMove: handleSelectionHandlePointerMove,\n-\t\t\t\t\t\tonHandlePointerUp: handleSelectionHandlePointerUp,\n-\t\t\t\t\t})}\n-\n-\t\t\t\t\t

\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t{isSaving ? 'Saving...' : 'Save schedule changes'}\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t{selectedLocalSlots.size} slots selected\n-\t\t\t\t\t\t

\n-\t\t\t\t\t

\n-\t\t\t\t\t{errorMessage ? (\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t{errorMessage}\n-\t\t\t\t\t\t

\n-\t\t\t\t\t) : null}\n-\t\t\t\t\t{saveMessage ? (\n-\t\t\t\t\t\t

{saveMessage}

\n-\t\t\t\t\t) : null}\n-\t\t\t\t\n-\n-\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\t\tResponse summary\n-\t\t\t\t\t\n-\t\t\t\t\t

\n-\t\t\t\t\t\t{scheduleSnapshot?.totalResponders ?? 0} attendees responded.\n-\t\t\t\t\t

\n-\t\t\t\t\t{scheduleSnapshot?.bestSlotUtc ? (\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\tBest slot:{' '}\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t{formatUtcInTimeZone(scheduleSnapshot.bestSlotUtc, timezone, {\n-\t\t\t\t\t\t\t\t\tweekday: 'short',\n-\t\t\t\t\t\t\t\t\tmonth: 'short',\n-\t\t\t\t\t\t\t\t\tday: 'numeric',\n-\t\t\t\t\t\t\t\t\thour: 'numeric',\n-\t\t\t\t\t\t\t\t\tminute: '2-digit',\n-\t\t\t\t\t\t\t\t})}{' '}\n-\t\t\t\t\t\t\t\t({bestSlotSubmissionCount} submission\n-\t\t\t\t\t\t\t\t{bestSlotSubmissionCount === 1 ? '' : 's'}, {timezone})\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t) : (\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\tNo attendee responses yet.\n-\t\t\t\t\t\t

\n-\t\t\t\t\t)}\n-\t\t\t\t\t{attendeeSummary.length > 0 ? (\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t{attendeeSummary.map((attendee) => (\n-\t\t\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t\t\t{attendee.attendeeName} ({attendee.slots.length} slots)\n-\t\t\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t))}\n-\t\t\t\t\t\t\n-\t\t\t\t\t) : null}\n-\t\t\t\t

\n-\t\t\t\n-\t\t)\n-\t}\n-}\n-\ndiff --git a/client/routes/index.tsx b/client/routes/index.tsx\nindex 46c0232..efbe225 100644\n--- a/client/routes/index.tsx\n+++ b/client/routes/index.tsx\n@@ -1,9 +1,9 @@\n-import { CreateScheduleRoute } from './create-schedule.tsx'\n-import { HostScheduleRoute } from './host-schedule.tsx'\n-import { RespondScheduleRoute } from './respond-schedule.tsx'\n+import { HomeRoute } from './home.tsx'\n+import { ScheduleRoute } from './schedule.tsx'\n+import { ScheduleHostRoute } from './schedule-host.tsx'\n \n export const clientRoutes = {\n-\t'/': ,\n-\t'/s/:scheduleKey/:hostKey': ,\n-\t'/s/:scheduleKey': ,\n+\t'/': ,\n+\t'/s/:shareToken/:hostAccessToken': ,\n+\t'/s/:shareToken': ,\n }\ndiff --git a/client/routes/respond-schedule.tsx b/client/routes/respond-schedule.tsx\ndeleted file mode 100644\nindex 59cab27..0000000\n--- a/client/routes/respond-schedule.tsx\n+++ /dev/null\n@@ -1,386 +0,0 @@\n-import { type Handle } from 'remix/component'\n-import {\n-\tcollectRangeSlotIds,\n-\tcreateGridModel,\n-\trenderScheduleGrid,\n-} from '#client/schedule-grid.tsx'\n-import { colors, radius, spacing, typography } from '#client/styles/tokens.ts'\n-import { formatUtcInTimeZone, normalizeIanaTimeZone } from '#shared/scheduling-time.ts'\n-\n-type SchedulePayload = {\n-\tscheduleKey: string\n-\ttitle: string\n-\tstartDate: string\n-\tendDate: string\n-\tslotMinutes: number\n-\ttimezone: string\n-\tslotsUtc: Array\n-\tresponseCounts: Record\n-\ttotalResponders: number\n-\tbestSlotUtc: string | null\n-}\n-\n-type ReadScheduleResponse = {\n-\tok: boolean\n-\tschedule: SchedulePayload\n-}\n-\n-function getScheduleKeyFromPath() {\n-\tif (typeof window === 'undefined') return null\n-\tconst segments = window.location.pathname.split('/').filter(Boolean)\n-\tif (segments.length !== 2) return null\n-\tif (segments[0] !== 's') return null\n-\treturn segments[1] ?? null\n-}\n-\n-export function RespondScheduleRoute(handle: Handle) {\n-\tlet schedule: SchedulePayload | null = null\n-\tlet selectedSlots = new Set()\n-\tlet attendeeName = ''\n-\tlet status: 'loading' | 'ready' | 'error' = 'loading'\n-\tlet errorMessage: string | null = null\n-\tlet saveMessage: string | null = null\n-\tlet isSaving = false\n-\tlet requestQueued = false\n-\tlet anchorSlotId: string | null = null\n-\tlet isMouseDragging = false\n-\tlet dragMode: 'add' | 'remove' | null = null\n-\tlet isHandleDragging = false\n-\tlet listenersAttached = false\n-\n-\tconst scheduleKey = getScheduleKeyFromPath()\n-\tconst attendeeTimeZone = normalizeIanaTimeZone(\n-\t\tIntl.DateTimeFormat().resolvedOptions().timeZone ?? 'UTC',\n-\t)\n-\n-\tfunction ensureListeners() {\n-\t\tif (listenersAttached || typeof window === 'undefined') return\n-\t\tlistenersAttached = true\n-\t\twindow.addEventListener('mouseup', () => {\n-\t\t\tif (!isMouseDragging && !dragMode) return\n-\t\t\tisMouseDragging = false\n-\t\t\tdragMode = null\n-\t\t\thandle.update()\n-\t\t})\n-\t}\n-\n-\tfunction queueLoad() {\n-\t\tif (requestQueued) return\n-\t\trequestQueued = true\n-\t\tif (!scheduleKey) {\n-\t\t\tstatus = 'error'\n-\t\t\terrorMessage = 'Invalid attendee link.'\n-\t\t\thandle.update()\n-\t\t\treturn\n-\t\t}\n-\n-\t\thandle.queueTask(async (signal) => {\n-\t\t\ttry {\n-\t\t\t\tconst response = await fetch(\n-\t\t\t\t\t`/api/schedules/${encodeURIComponent(scheduleKey)}`,\n-\t\t\t\t\t{\n-\t\t\t\t\t\theaders: {\n-\t\t\t\t\t\t\tAccept: 'application/json',\n-\t\t\t\t\t\t},\n-\t\t\t\t\t\tsignal,\n-\t\t\t\t\t},\n-\t\t\t\t)\n-\t\t\t\tconst payload = (await response.json().catch(() => null)) as\n-\t\t\t\t\t| ReadScheduleResponse\n-\t\t\t\t\t| { error?: string }\n-\t\t\t\t\t| null\n-\t\t\t\tif (signal.aborted) return\n-\t\t\t\tif (!response.ok || !payload || !('ok' in payload) || !payload.ok) {\n-\t\t\t\t\tstatus = 'error'\n-\t\t\t\t\terrorMessage =\n-\t\t\t\t\t\t(payload && 'error' in payload && payload.error) ||\n-\t\t\t\t\t\t'Unable to load this schedule.'\n-\t\t\t\t\thandle.update()\n-\t\t\t\t\treturn\n-\t\t\t\t}\n-\t\t\t\tschedule = payload.schedule\n-\t\t\t\tstatus = 'ready'\n-\t\t\t\terrorMessage = null\n-\t\t\t\thandle.update()\n-\t\t\t} catch {\n-\t\t\t\tif (signal.aborted) return\n-\t\t\t\tstatus = 'error'\n-\t\t\t\terrorMessage = 'Network error while loading schedule.'\n-\t\t\t\thandle.update()\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction updateSelected(mutator: (next: Set) => void) {\n-\t\tconst next = new Set(selectedSlots)\n-\t\tmutator(next)\n-\t\tselectedSlots = next\n-\t\thandle.update()\n-\t}\n-\n-\tfunction handleCellClick(slotId: string) {\n-\t\tanchorSlotId = slotId\n-\t\tupdateSelected((next) => {\n-\t\t\tif (next.has(slotId)) {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleCellMouseDown(event: MouseEvent, slotId: string) {\n-\t\tif (event.button !== 0) return\n-\t\tevent.preventDefault()\n-\t\tanchorSlotId = slotId\n-\t\tdragMode = selectedSlots.has(slotId) ? 'remove' : 'add'\n-\t\tisMouseDragging = true\n-\t\tupdateSelected((next) => {\n-\t\t\tif (dragMode === 'add') {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleCellMouseEnter(slotId: string) {\n-\t\tif (!isMouseDragging || !dragMode) return\n-\t\tupdateSelected((next) => {\n-\t\t\tif (dragMode === 'add') {\n-\t\t\t\tnext.add(slotId)\n-\t\t\t} else {\n-\t\t\t\tnext.delete(slotId)\n-\t\t\t}\n-\t\t})\n-\t}\n-\n-\tfunction handleSelectionHandlePointerDown(event: PointerEvent) {\n-\t\tif (!anchorSlotId) return\n-\t\tevent.preventDefault()\n-\t\tevent.stopPropagation()\n-\t\tisHandleDragging = true\n-\t\tconst target = event.currentTarget as HTMLElement\n-\t\ttarget.setPointerCapture(event.pointerId)\n-\t}\n-\n-\tfunction handleSelectionHandlePointerMove(event: PointerEvent) {\n-\t\tif (!isHandleDragging || !anchorSlotId || !schedule) return\n-\t\tconst slots = schedule.slotsUtc.map((slot) => ({ id: slot, startsAtUtc: slot }))\n-\t\tconst model = createGridModel(slots, attendeeTimeZone)\n-\t\tconst targetElement = document.elementFromPoint(event.clientX, event.clientY)\n-\t\tconst cellElement = targetElement?.closest('[data-slot-id]') as\n-\t\t\t| HTMLElement\n-\t\t\t| null\n-\t\tconst targetSlotId = cellElement?.dataset.slotId\n-\t\tif (!targetSlotId) return\n-\t\tselectedSlots = new Set(collectRangeSlotIds(model, anchorSlotId, targetSlotId))\n-\t\thandle.update()\n-\t}\n-\n-\tfunction handleSelectionHandlePointerUp(event: PointerEvent) {\n-\t\tif (!isHandleDragging) return\n-\t\tisHandleDragging = false\n-\t\tconst target = event.currentTarget as HTMLElement\n-\t\tif (target.hasPointerCapture(event.pointerId)) {\n-\t\t\ttarget.releasePointerCapture(event.pointerId)\n-\t\t}\n-\t}\n-\n-\tasync function handleSaveResponse(event: SubmitEvent) {\n-\t\tevent.preventDefault()\n-\t\tif (!scheduleKey) return\n-\t\tif (!attendeeName.trim()) {\n-\t\t\terrorMessage = 'Enter your name before submitting.'\n-\t\t\thandle.update()\n-\t\t\treturn\n-\t\t}\n-\t\terrorMessage = null\n-\t\tsaveMessage = null\n-\t\tisSaving = true\n-\t\thandle.update()\n-\t\ttry {\n-\t\t\tconst response = await fetch(\n-\t\t\t\t`/api/schedules/${encodeURIComponent(scheduleKey)}/responses`,\n-\t\t\t\t{\n-\t\t\t\t\tmethod: 'POST',\n-\t\t\t\t\theaders: {\n-\t\t\t\t\t\t'Content-Type': 'application/json',\n-\t\t\t\t\t\tAccept: 'application/json',\n-\t\t\t\t\t},\n-\t\t\t\t\tbody: JSON.stringify({\n-\t\t\t\t\t\tattendeeName: attendeeName.trim(),\n-\t\t\t\t\t\tselectedSlotsUtc: [...selectedSlots],\n-\t\t\t\t\t}),\n-\t\t\t\t},\n-\t\t\t)\n-\t\t\tconst payload = (await response.json().catch(() => null)) as\n-\t\t\t\t| { ok?: boolean; error?: string }\n-\t\t\t\t| null\n-\t\t\tif (!response.ok || !payload?.ok) {\n-\t\t\t\terrorMessage = payload?.error ?? 'Unable to submit availability.'\n-\t\t\t\tisSaving = false\n-\t\t\t\thandle.update()\n-\t\t\t\treturn\n-\t\t\t}\n-\t\t\tsaveMessage = 'Availability saved.'\n-\t\t\tisSaving = false\n-\t\t\thandle.update()\n-\t\t} catch {\n-\t\t\terrorMessage = 'Network error while saving availability.'\n-\t\t\tisSaving = false\n-\t\t\thandle.update()\n-\t\t}\n-\t}\n-\n-\treturn () => {\n-\t\tensureListeners()\n-\t\tqueueLoad()\n-\n-\t\tif (status === 'loading') {\n-\t\t\treturn

Loading schedule...

\n-\t\t}\n-\n-\t\tif (status === 'error' || !schedule) {\n-\t\t\treturn (\n-\t\t\t\t

\n-\t\t\t\t\t{errorMessage ?? 'Unable to load schedule.'}\n-\t\t\t\t

\n-\t\t\t)\n-\t\t}\n-\n-\t\tconst gridSlots = schedule.slotsUtc.map((slot) => ({\n-\t\t\tid: slot,\n-\t\t\tstartsAtUtc: slot,\n-\t\t}))\n-\t\tconst model = createGridModel(gridSlots, attendeeTimeZone)\n-\t\tconst bestSlotSubmissionCount = schedule.bestSlotUtc\n-\t\t\t? (schedule.responseCounts[schedule.bestSlotUtc] ?? 0)\n-\t\t\t: 0\n-\n-\t\treturn (\n-\t\t\t

\n-\t\t\t\t\n-\t\t\t\t\t\n-\t\t\t\t\t\t{schedule.title}\n-\t\t\t\t\t\n-\t\t\t\t\t

\n-\t\t\t\t\t\tSelect every time that works for you. Times are shown in{' '}\n-\t\t\t\t\t\t{attendeeTimeZone}.\n-\t\t\t\t\t

\n-\t\t\t\t\t{schedule.bestSlotUtc ? (\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\tCurrent top slot:{' '}\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t\t\t{formatUtcInTimeZone(schedule.bestSlotUtc, attendeeTimeZone, {\n-\t\t\t\t\t\t\t\t\tweekday: 'short',\n-\t\t\t\t\t\t\t\t\tmonth: 'short',\n-\t\t\t\t\t\t\t\t\tday: 'numeric',\n-\t\t\t\t\t\t\t\t\thour: 'numeric',\n-\t\t\t\t\t\t\t\t\tminute: '2-digit',\n-\t\t\t\t\t\t\t\t})}{' '}\n-\t\t\t\t\t\t\t\t({bestSlotSubmissionCount} submission\n-\t\t\t\t\t\t\t\t{bestSlotSubmissionCount === 1 ? '' : 's'})\n-\t\t\t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t) : null}\n-\t\t\t\t\n-\n-\t\t\t\t

\n-\t\t\t\t\t\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\tYour name\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t {\n-\t\t\t\t\t\t\t\t\tif (!(event.currentTarget instanceof HTMLInputElement)) return\n-\t\t\t\t\t\t\t\t\tattendeeName = event.currentTarget.value\n-\t\t\t\t\t\t\t\t\thandle.update()\n-\t\t\t\t\t\t\t\t},\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t\tcss={{\n-\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n-\t\t\t\t\t\t\t\tborderRadius: radius.md,\n-\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n-\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n-\t\t\t\t\t\t\t\tcolor: colors.text,\n-\t\t\t\t\t\t\t}}\n-\t\t\t\t\t\t/>\n-\t\t\t\t\t\n-\t\t\t\t\t{renderScheduleGrid({\n-\t\t\t\t\t\tmodel,\n-\t\t\t\t\t\tselectedSlotIds: selectedSlots,\n-\t\t\t\t\t\tanchorSlotId,\n-\t\t\t\t\t\tariaLabel: 'Attendee availability selection grid',\n-\t\t\t\t\t\tonCellClick: handleCellClick,\n-\t\t\t\t\t\tonCellMouseDown: handleCellMouseDown,\n-\t\t\t\t\t\tonCellMouseEnter: handleCellMouseEnter,\n-\t\t\t\t\t\tonHandlePointerDown: handleSelectionHandlePointerDown,\n-\t\t\t\t\t\tonHandlePointerMove: handleSelectionHandlePointerMove,\n-\t\t\t\t\t\tonHandlePointerUp: handleSelectionHandlePointerUp,\n-\t\t\t\t\t})}\n-\t\t\t\t\t

\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t\t{isSaving ? 'Saving...' : 'Save availability'}\n-\t\t\t\t\t\t\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t{selectedSlots.size} slots selected\n-\t\t\t\t\t\t

\n-\t\t\t\t\t

\n-\t\t\t\t\t{errorMessage ? (\n-\t\t\t\t\t\t

\n-\t\t\t\t\t\t\t{errorMessage}\n-\t\t\t\t\t\t

\n-\t\t\t\t\t) : null}\n-\t\t\t\t\t{saveMessage ? (\n-\t\t\t\t\t\t

{saveMessage}

\n-\t\t\t\t\t) : null}\n-\t\t\t\t\n-\t\t\t

\n-\t\t)\n-\t}\n-}\n-\ndiff --git a/client/routes/schedule-host.tsx b/client/routes/schedule-host.tsx\nnew file mode 100644\nindex 0000000..2a0c16c\n--- /dev/null\n+++ b/client/routes/schedule-host.tsx\n@@ -0,0 +1,3165 @@\n+import { type Handle } from 'remix/component'\n+import { getBrowserTimeZone } from '#client/browser-time-zone.ts'\n+import { setDocumentTitle, toAppTitle } from '#client/document-title.ts'\n+import { renderScheduleGrid } from '#client/components/schedule-grid.tsx'\n+import { createPointerDragSelectionController } from '#client/pointer-drag-selection.ts'\n+import {\n+\tcreateSlotRangeFromDateInputs,\n+\tformatDateInputValue,\n+\tformatSlotLabel,\n+\tformatSlotForAttendeeTimeZone,\n+\tformatSlotRangeForAttendeeTimeZone,\n+\tgetRectangularSlotSelection,\n+\ttoDayKey,\n+} from '#client/schedule-utils.ts'\n+import {\n+\tdetectTapRangeMode,\n+\tgetTapRangeStartMessage,\n+\tisTapRangeStartMessage,\n+\tresolveTapRangeModeFromPointer,\n+} from '#client/tap-range-mode.ts'\n+import { visuallyHiddenCss } from '#client/styles/visually-hidden.ts'\n+import { normalizeName, type ScheduleSnapshot } from '#shared/schedule-store.ts'\n+import {\n+\tbreakpoints,\n+\tcolors,\n+\tmq,\n+\tradius,\n+\tshadows,\n+\tspacing,\n+\ttypography,\n+} from '#client/styles/tokens.ts'\n+\n+type ConnectionState = 'connecting' | 'live' | 'offline'\n+const previewHoverTooltipPointerXVar = '--preview-hover-tooltip-pointer-x'\n+const previewHoverTooltipPointerYVar = '--preview-hover-tooltip-pointer-y'\n+const namePillMinHeight = '2.125rem'\n+const namePillPaddingInline = `calc(${spacing.sm} + 4px)`\n+let namePillMeasureElement: HTMLSpanElement | null = null\n+\n+function getNamePillBaseStyles(params: {\n+\tisIncluded: boolean\n+\twidthPx: number\n+}) {\n+\treturn {\n+\t\twidth: `${params.widthPx}px`,\n+\t\tmaxWidth: '100%',\n+\t\tminHeight: namePillMinHeight,\n+\t\tpadding: `${spacing.xs} ${namePillPaddingInline}`,\n+\t\tborderRadius: radius.full,\n+\t\tborder: `1px solid ${colors.border}`,\n+\t\tbackgroundColor: params.isIncluded ? colors.surface : colors.background,\n+\t\tcolor: colors.text,\n+\t\tfontFamily: typography.fontFamily,\n+\t\tfontSize: typography.fontSize.base,\n+\t\tfontWeight: typography.fontWeight.normal,\n+\t\tlineHeight: 1.5,\n+\t\twhiteSpace: 'nowrap',\n+\t\ttextDecoration: params.isIncluded ? 'none' : 'line-through',\n+\t\tboxSizing: 'border-box',\n+\t}\n+}\n+\n+function getNamePillMeasureElement() {\n+\tif (typeof document === 'undefined') return null\n+\tif (\n+\t\tnamePillMeasureElement &&\n+\t\tdocument.body.contains(namePillMeasureElement)\n+\t) {\n+\t\treturn namePillMeasureElement\n+\t}\n+\tconst element = document.createElement('span')\n+\telement.setAttribute('aria-hidden', 'true')\n+\telement.style.position = 'absolute'\n+\telement.style.left = '-9999px'\n+\telement.style.top = '-9999px'\n+\telement.style.visibility = 'hidden'\n+\telement.style.pointerEvents = 'none'\n+\telement.style.display = 'inline-flex'\n+\telement.style.alignItems = 'center'\n+\telement.style.minHeight = namePillMinHeight\n+\telement.style.padding = `${spacing.xs} ${namePillPaddingInline}`\n+\telement.style.border = `1px solid transparent`\n+\telement.style.borderRadius = radius.full\n+\telement.style.fontFamily = typography.fontFamily\n+\telement.style.fontSize = typography.fontSize.base\n+\telement.style.fontWeight = typography.fontWeight.normal\n+\telement.style.lineHeight = '1.5'\n+\telement.style.whiteSpace = 'nowrap'\n+\telement.style.boxSizing = 'border-box'\n+\tdocument.body.appendChild(element)\n+\tnamePillMeasureElement = element\n+\treturn namePillMeasureElement\n+}\n+\n+function measureNamePillWidthPx(text: string) {\n+\tconst fallback = Math.ceil(Math.max(1, text.length) * 9.2)\n+\tconst element = getNamePillMeasureElement()\n+\tif (!element) return fallback\n+\t// Preserve typed spaces (including trailing spaces) when measuring width.\n+\telement.textContent = (text || ' ').replaceAll(' ', '\\u00A0')\n+\treturn Math.ceil(element.getBoundingClientRect().width)\n+}\n+\n+function parseHostRouteParams(pathname: string) {\n+\tconst segments = pathname.split('/').filter(Boolean)\n+\tif (segments.length !== 3) return null\n+\tif (segments[0] !== 's') return null\n+\tlet shareToken = ''\n+\tlet hostAccessToken = ''\n+\ttry {\n+\t\tshareToken = decodeURIComponent(segments[1] ?? '').trim()\n+\t\thostAccessToken = decodeURIComponent(segments[2] ?? '').trim()\n+\t} catch {\n+\t\treturn null\n+\t}\n+\tif (!shareToken || !hostAccessToken) return null\n+\treturn { shareToken, hostAccessToken }\n+}\n+\n+function getPathname() {\n+\tif (typeof window === 'undefined') return '/'\n+\treturn window.location.pathname\n+}\n+\n+function isMobileViewport() {\n+\tif (typeof window === 'undefined') return false\n+\tif (typeof window.matchMedia !== 'function') return false\n+\treturn window.matchMedia(`(max-width: ${breakpoints.mobile})`).matches\n+}\n+\n+function toWebSocketUrl(path: string) {\n+\tconst protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'\n+\treturn `${protocol}//${window.location.host}${path}`\n+}\n+\n+function toSet(values: Array) {\n+\treturn new Set(values)\n+}\n+\n+function areSetsEqual(left: ReadonlySet, right: ReadonlySet) {\n+\tif (left.size !== right.size) return false\n+\tfor (const value of left) {\n+\t\tif (!right.has(value)) return false\n+\t}\n+\treturn true\n+}\n+\n+function getSnapshotDateRangeInputs(snapshot: ScheduleSnapshot) {\n+\tconst startSlot = snapshot.slots[0] ?? null\n+\tconst endSlot = snapshot.slots.at(-1) ?? null\n+\tconst startDateInput = toDayKey(startSlot)\n+\tconst endDateInput = toDayKey(endSlot)\n+\tif (startDateInput && endDateInput) {\n+\t\treturn { startDateInput, endDateInput }\n+\t}\n+\tconst rangeStartDate = new Date(snapshot.schedule.rangeStartUtc)\n+\tconst rangeEndDate = new Date(snapshot.schedule.rangeEndUtc)\n+\tconst inclusiveRangeEndDate = new Date(rangeEndDate.getTime() - 60_000)\n+\treturn {\n+\t\tstartDateInput: Number.isNaN(rangeStartDate.getTime())\n+\t\t\t? ''\n+\t\t\t: formatDateInputValue(rangeStartDate),\n+\t\tendDateInput: Number.isNaN(rangeEndDate.getTime())\n+\t\t\t? ''\n+\t\t\t: formatDateInputValue(inclusiveRangeEndDate),\n+\t}\n+}\n+\n+const previewTapRangeStartMessage =\n+\t'Range start selected. Tap another slot to choose range.'\n+\n+function isPreviewTapRangeStartMessage(message: string | null) {\n+\treturn message === previewTapRangeStartMessage\n+}\n+\n+function toRangeEndSlotExclusive(slot: string, intervalMinutes: number) {\n+\tconst slotMs = Date.parse(slot)\n+\tif (Number.isNaN(slotMs)) return null\n+\treturn new Date(slotMs + intervalMinutes * 60_000).toISOString()\n+}\n+\n+function buildAvailabilityRangeSummary(params: {\n+\tselectionSlotsSorted: Array\n+\tintervalMinutes: number\n+\tavailableSlots: ReadonlySet\n+\ttimeZone: string | null\n+}) {\n+\ttype Segment = {\n+\t\tstartSlot: string\n+\t\tendSlot: string\n+\t\tstartMs: number\n+\t\tendMs: number\n+\t\tisAvailable: boolean\n+\t}\n+\tconst segments: Array = []\n+\tconst intervalMs = params.intervalMinutes * 60_000\n+\tlet activeSegment: Segment | null = null\n+\tfor (const slot of params.selectionSlotsSorted) {\n+\t\tconst slotMs = Date.parse(slot)\n+\t\tif (Number.isNaN(slotMs)) continue\n+\t\tconst isAvailable = params.availableSlots.has(slot)\n+\t\tif (!activeSegment) {\n+\t\t\tactiveSegment = {\n+\t\t\t\tstartSlot: slot,\n+\t\t\t\tendSlot: slot,\n+\t\t\t\tstartMs: slotMs,\n+\t\t\t\tendMs: slotMs,\n+\t\t\t\tisAvailable,\n+\t\t\t}\n+\t\t\tcontinue\n+\t\t}\n+\t\tconst isConsecutive = slotMs - activeSegment.endMs === intervalMs\n+\t\tif (activeSegment.isAvailable === isAvailable && isConsecutive) {\n+\t\t\tactiveSegment.endSlot = slot\n+\t\t\tactiveSegment.endMs = slotMs\n+\t\t\tcontinue\n+\t\t}\n+\t\tsegments.push(activeSegment)\n+\t\tactiveSegment = {\n+\t\t\tstartSlot: slot,\n+\t\t\tendSlot: slot,\n+\t\t\tstartMs: slotMs,\n+\t\t\tendMs: slotMs,\n+\t\t\tisAvailable,\n+\t\t}\n+\t}\n+\tif (activeSegment) segments.push(activeSegment)\n+\treturn segments.map((segment) => {\n+\t\tconst rangeEndSlotExclusive = toRangeEndSlotExclusive(\n+\t\t\tsegment.endSlot,\n+\t\t\tparams.intervalMinutes,\n+\t\t)\n+\t\tconst localRange = rangeEndSlotExclusive\n+\t\t\t? formatSlotRangeForAttendeeTimeZone({\n+\t\t\t\t\trangeStartSlot: segment.startSlot,\n+\t\t\t\t\trangeEndSlotExclusive,\n+\t\t\t\t\ttimeZone: params.timeZone,\n+\t\t\t\t})\n+\t\t\t: {\n+\t\t\t\t\tlocalRange: 'Local time unknown',\n+\t\t\t\t\ttimeZoneLabel: params.timeZone ?? 'timezone unknown',\n+\t\t\t\t}\n+\t\treturn {\n+\t\t\tstartSlot: segment.startSlot,\n+\t\t\tisAvailable: segment.isAvailable,\n+\t\t\tlocalRangeText: localRange.localRange,\n+\t\t\ttimeZoneLabel: localRange.timeZoneLabel,\n+\t\t}\n+\t})\n+}\n+function buildEmptyAvailability(slots: Array) {\n+\treturn Object.fromEntries(\n+\t\tslots.map((slot) => [\n+\t\t\tslot,\n+\t\t\t{ count: 0, availableNames: [] as Array },\n+\t\t]),\n+\t)\n+}\n+\n+function getHostAttendeeName(snapshot: ScheduleSnapshot | null) {\n+\tif (!snapshot) return ''\n+\tconst hostAttendee = snapshot.attendees.find((attendee) => attendee.isHost)\n+\treturn hostAttendee?.name ?? ''\n+}\n+\n+function renderCopyIcon() {\n+\treturn (\n+\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\n+\t)\n+}\n+\n+function renderHighlightIcon() {\n+\treturn (\n+\t\t\n+\t\t\t\n+\t\t\n+\t)\n+}\n+\n+function renderVisibleIcon() {\n+\treturn (\n+\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\n+\t)\n+}\n+\n+function renderHiddenIcon() {\n+\treturn (\n+\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\n+\t)\n+}\n+\n+function renderTrashIcon() {\n+\treturn (\n+\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\n+\t)\n+}\n+\n+function renderHostIcon() {\n+\treturn (\n+\t\t\n+\t\t\t\n+\t\t\t\n+\t\t\n+\t)\n+}\n+\n+function copyTextWithFallback(text: string) {\n+\tif (typeof document === 'undefined') return false\n+\tconst textarea = document.createElement('textarea')\n+\ttextarea.value = text\n+\ttextarea.setAttribute('readonly', 'true')\n+\ttextarea.style.position = 'absolute'\n+\ttextarea.style.left = '-9999px'\n+\tdocument.body.appendChild(textarea)\n+\ttextarea.select()\n+\tlet copied = false\n+\ttry {\n+\t\tcopied = document.execCommand('copy')\n+\t} catch {\n+\t\tcopied = false\n+\t}\n+\tdocument.body.removeChild(textarea)\n+\treturn copied\n+}\n+\n+function focusSubmissionEditInput(\n+\tattendeeId: string,\n+\toptions?: { selectAll?: boolean },\n+) {\n+\tif (typeof document === 'undefined') return\n+\tsetTimeout(() => {\n+\t\tconst input = document.querySelector(\n+\t\t\t`input[data-submission-edit-input=\"${attendeeId}\"]`,\n+\t\t)\n+\t\tif (!(input instanceof HTMLInputElement)) return\n+\t\tinput.focus()\n+\t\tif (options?.selectAll) {\n+\t\t\tinput.select()\n+\t\t}\n+\t}, 0)\n+}\n+\n+function focusSubmissionEditButton(attendeeId: string) {\n+\tif (typeof document === 'undefined') return\n+\tsetTimeout(() => {\n+\t\tconst button = document.querySelector(\n+\t\t\t`button[data-submission-name-button=\"${attendeeId}\"]`,\n+\t\t)\n+\t\tif (!(button instanceof HTMLButtonElement)) return\n+\t\tbutton.focus()\n+\t}, 0)\n+}\n+\n+export function ScheduleHostRoute(handle: Handle) {\n+\tconst browserTimeZone = getBrowserTimeZone()\n+\tlet shareToken = ''\n+\tlet hostAccessToken = ''\n+\tlet snapshot: ScheduleSnapshot | null = null\n+\tlet hostNameDraft = ''\n+\tlet titleDraft = ''\n+\tlet rangeStartDateInput = ''\n+\tlet rangeEndDateInput = ''\n+\tlet blockedSlots = new Set()\n+\tlet persistedBlockedSlots = new Set()\n+\tlet excludedAttendeeIds = new Set()\n+\tlet submissionNameDraftById = new Map()\n+\tlet submissionActionById = new Map()\n+\tlet submissionErrorById = new Map()\n+\tlet editingSubmissionId: string | null = null\n+\tlet focusedPreviewAttendeeId: string | null = null\n+\tlet deleteConfirmationAttendeeId: string | null = null\n+\tlet activePreviewSlot: string | null = null\n+\tlet previewHoverTooltipSlot: string | null = null\n+\tlet previewHoverTooltipPointerX: number | null = null\n+\tlet previewHoverTooltipPointerY: number | null = null\n+\tlet previewSelectedSlots = new Set()\n+\tlet previewRangeAnchor: string | null = null\n+\tlet usePreviewTapRangeMode = detectTapRangeMode()\n+\tlet previewSelectionStatus: string | null = null\n+\tlet hostTapRangeAnchor: string | null = null\n+\tlet hostTapRangeAction: 'add' | 'remove' | null = null\n+\tlet useHostTapRangeMode = detectTapRangeMode()\n+\tlet hostTapRangeSelectionStatus: string | null = null\n+\tlet onMobileViewport = isMobileViewport()\n+\tlet mobileDayKey: string | null = null\n+\tlet keyboardRangeAnchor: string | null = null\n+\tlet keyboardRangeAction: 'add' | 'remove' | null = null\n+\tlet keyboardRangeSlots = new Set()\n+\tlet isLoading = true\n+\tlet isSaving = false\n+\tlet pendingSave = false\n+\tlet connectionState: ConnectionState = 'connecting'\n+\tlet socket: WebSocket | null = null\n+\tlet reconnectTimer: ReturnType | null = null\n+\tlet changeVersion = 0\n+\tlet statusMessage: string | null = null\n+\tlet statusError = false\n+\tlet clipboardMessage: string | null = null\n+\tlet clipboardError = false\n+\tlet saveDebounceTimer: ReturnType | null = null\n+\tlet clipboardMessageTimer: ReturnType | null = null\n+\tlet refreshTimer: ReturnType | null = null\n+\tlet cleanupMobileViewportListener: (() => void) | null = null\n+\tlet lastPathname = ''\n+\tlet snapshotRequestId = 0\n+\tconst saveDebounceMs = 600\n+\tconst refreshIntervalMs = 5000\n+\tconst reconnectDelayMs = 1800\n+\n+\tfunction hasLocalRangeChanges(currentSnapshot: ScheduleSnapshot) {\n+\t\tconst snapshotDateRange = getSnapshotDateRangeInputs(currentSnapshot)\n+\t\treturn (\n+\t\t\trangeStartDateInput !== snapshotDateRange.startDateInput ||\n+\t\t\trangeEndDateInput !== snapshotDateRange.endDateInput\n+\t\t)\n+\t}\n+\n+\tfunction getDraftRangeFromDateInputs(currentSnapshot: ScheduleSnapshot) {\n+\t\treturn createSlotRangeFromDateInputs({\n+\t\t\tstartDateInput: rangeStartDateInput,\n+\t\t\tendDateInput: rangeEndDateInput,\n+\t\t\tintervalMinutes: currentSnapshot.schedule.intervalMinutes,\n+\t\t})\n+\t}\n+\n+\tfunction getRangeValidationError(currentSnapshot: ScheduleSnapshot) {\n+\t\ttry {\n+\t\t\tgetDraftRangeFromDateInputs(currentSnapshot)\n+\t\t\treturn null\n+\t\t} catch (error) {\n+\t\t\treturn error instanceof Error ? error.message : 'Invalid date range.'\n+\t\t}\n+\t}\n+\n+\tfunction setStatus(message: string | null, error = false) {\n+\t\tstatusMessage = message\n+\t\tstatusError = error\n+\t\thandle.update()\n+\t}\n+\n+\tfunction clearSaveDebounceTimer() {\n+\t\tif (!saveDebounceTimer) return\n+\t\tclearTimeout(saveDebounceTimer)\n+\t\tsaveDebounceTimer = null\n+\t}\n+\n+\tfunction clearClipboardMessageTimer() {\n+\t\tif (!clipboardMessageTimer) return\n+\t\tclearTimeout(clipboardMessageTimer)\n+\t\tclipboardMessageTimer = null\n+\t}\n+\n+\tfunction clearRefreshTimer() {\n+\t\tif (!refreshTimer) return\n+\t\tclearInterval(refreshTimer)\n+\t\trefreshTimer = null\n+\t}\n+\n+\tfunction clearMobileViewportListener() {\n+\t\tif (!cleanupMobileViewportListener) return\n+\t\tcleanupMobileViewportListener()\n+\t\tcleanupMobileViewportListener = null\n+\t}\n+\n+\tfunction setupMobileViewportListener() {\n+\t\tclearMobileViewportListener()\n+\t\tif (typeof window === 'undefined') return\n+\t\tif (typeof window.matchMedia !== 'function') return\n+\t\tconst mediaQuery = window.matchMedia(`(max-width: ${breakpoints.mobile})`)\n+\t\tonMobileViewport = mediaQuery.matches\n+\t\tconst handleChange = () => {\n+\t\t\tconst nextIsMobile = mediaQuery.matches\n+\t\t\tif (onMobileViewport === nextIsMobile) return\n+\t\t\tonMobileViewport = nextIsMobile\n+\t\t\thandle.update()\n+\t\t}\n+\t\tif (typeof mediaQuery.addEventListener === 'function') {\n+\t\t\tmediaQuery.addEventListener('change', handleChange)\n+\t\t\tcleanupMobileViewportListener = () => {\n+\t\t\t\tmediaQuery.removeEventListener('change', handleChange)\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tmediaQuery.addListener(handleChange)\n+\t\tcleanupMobileViewportListener = () => {\n+\t\t\tmediaQuery.removeListener(handleChange)\n+\t\t}\n+\t}\n+\n+\tfunction clearReconnectTimer() {\n+\t\tif (!reconnectTimer) return\n+\t\tclearTimeout(reconnectTimer)\n+\t\treconnectTimer = null\n+\t}\n+\n+\tfunction clearKeyboardRangeSelection() {\n+\t\tkeyboardRangeAnchor = null\n+\t\tkeyboardRangeAction = null\n+\t\tkeyboardRangeSlots = new Set()\n+\t}\n+\n+\tfunction clearHostTapRangeSelection() {\n+\t\thostTapRangeAnchor = null\n+\t\thostTapRangeAction = null\n+\t\thostTapRangeSelectionStatus = null\n+\t}\n+\n+\tfunction setDeleteConfirmationAttendee(nextAttendeeId: string | null) {\n+\t\tif (deleteConfirmationAttendeeId === nextAttendeeId) return\n+\t\tdeleteConfirmationAttendeeId = nextAttendeeId\n+\t\thandle.update()\n+\t}\n+\n+\tfunction setPreviewHoverTooltipPointerPosition(\n+\t\tclientX: number,\n+\t\tclientY: number,\n+\t) {\n+\t\tif (typeof document === 'undefined') return\n+\t\tif (\n+\t\t\tpreviewHoverTooltipPointerX === clientX &&\n+\t\t\tpreviewHoverTooltipPointerY === clientY\n+\t\t) {\n+\t\t\treturn\n+\t\t}\n+\t\tpreviewHoverTooltipPointerX = clientX\n+\t\tpreviewHoverTooltipPointerY = clientY\n+\t\tconst rootStyle = document.documentElement.style\n+\t\trootStyle.setProperty(previewHoverTooltipPointerXVar, `${clientX}px`)\n+\t\trootStyle.setProperty(previewHoverTooltipPointerYVar, `${clientY}px`)\n+\t}\n+\n+\tfunction clearPreviewHoverTooltipPointerPosition() {\n+\t\tpreviewHoverTooltipPointerX = null\n+\t\tpreviewHoverTooltipPointerY = null\n+\t\tif (typeof document === 'undefined') return\n+\t\tconst rootStyle = document.documentElement.style\n+\t\trootStyle.removeProperty(previewHoverTooltipPointerXVar)\n+\t\trootStyle.removeProperty(previewHoverTooltipPointerYVar)\n+\t}\n+\n+\tfunction clearPreviewHoverTooltip() {\n+\t\tconst didChange =\n+\t\t\tpreviewHoverTooltipSlot !== null ||\n+\t\t\tpreviewHoverTooltipPointerX !== null ||\n+\t\t\tpreviewHoverTooltipPointerY !== null\n+\t\tpreviewHoverTooltipSlot = null\n+\t\tclearPreviewHoverTooltipPointerPosition()\n+\t\treturn didChange\n+\t}\n+\tconst hostSelection = createPointerDragSelectionController({\n+\t\trequestRender: () => {\n+\t\t\thandle.update()\n+\t\t},\n+\t\tgetSelectionSlots: (startSlot, endSlot) => {\n+\t\t\tif (!snapshot) return new Set()\n+\t\t\treturn new Set(\n+\t\t\t\tgetRectangularSlotSelection({\n+\t\t\t\t\tslots: snapshot.slots,\n+\t\t\t\t\tstartSlot,\n+\t\t\t\t\tendSlot,\n+\t\t\t\t}),\n+\t\t\t)\n+\t\t},\n+\t\tapplySelection: ({ mode, slots }) => {\n+\t\t\tconst shouldBeBlocked = mode === 'add'\n+\t\t\tlet changed = false\n+\t\t\tfor (const slot of slots) {\n+\t\t\t\tconst didChange = setBlockedSlotState(slot, shouldBeBlocked)\n+\t\t\t\tchanged = changed || didChange\n+\t\t\t}\n+\t\t\treturn changed\n+\t\t},\n+\t})\n+\n+\tconst previewSelection = createPointerDragSelectionController({\n+\t\trequestRender: () => {\n+\t\t\thandle.update()\n+\t\t},\n+\t\tcanUpdateSelection: () => !usePreviewTapRangeMode,\n+\t\tgetSelectionSlots: (startSlot, endSlot) =>\n+\t\t\tgetPreviewSelectionSlots(startSlot, endSlot),\n+\t\tapplySelection: ({ slots }) => {\n+\t\t\tconst nextSelection = new Set(slots)\n+\t\t\tif (areSetsEqual(previewSelectedSlots, nextSelection)) return false\n+\t\t\tpreviewSelectedSlots = nextSelection\n+\t\t\tpreviewRangeAnchor = null\n+\t\t\tpreviewSelectionStatus = null\n+\t\t\treturn true\n+\t\t},\n+\t\tonSelectionPreviewSlot: (slot) => {\n+\t\t\tactivePreviewSlot = slot\n+\t\t},\n+\t})\n+\n+\tfunction clearSocketResources() {\n+\t\tclearReconnectTimer()\n+\t\tconst currentSocket = socket\n+\t\tsocket = null\n+\t\tif (\n+\t\t\tcurrentSocket &&\n+\t\t\t(currentSocket.readyState === WebSocket.CONNECTING ||\n+\t\t\t\tcurrentSocket.readyState === WebSocket.OPEN)\n+\t\t) {\n+\t\t\tcurrentSocket.close()\n+\t\t}\n+\t}\n+\n+\tfunction cleanupResources() {\n+\t\tclearSaveDebounceTimer()\n+\t\tclearClipboardMessageTimer()\n+\t\tclearMobileViewportListener()\n+\t\tclearKeyboardRangeSelection()\n+\t\tclearHostTapRangeSelection()\n+\t\tclearPreviewHoverTooltip()\n+\t\thostSelection.cleanup()\n+\t\tpreviewSelection.cleanup()\n+\t\tclearSocketResources()\n+\t\tclearRefreshTimer()\n+\t\tpendingSave = false\n+\t}\n+\n+\tfunction setConnectionState(nextState: ConnectionState) {\n+\t\tconnectionState = nextState\n+\t\tif (nextState === 'offline') {\n+\t\t\tif (!refreshTimer) {\n+\t\t\t\trefreshTimer = setInterval(() => {\n+\t\t\t\t\tvoid loadSnapshot()\n+\t\t\t\t}, refreshIntervalMs)\n+\t\t\t}\n+\t\t} else {\n+\t\t\tclearRefreshTimer()\n+\t\t}\n+\t\thandle.update()\n+\t}\n+\n+\tfunction setClipboardStatus(nextMessage: string | null, error = false) {\n+\t\tclipboardMessage = nextMessage\n+\t\tclipboardError = error\n+\t\tclearClipboardMessageTimer()\n+\t\tif (nextMessage) {\n+\t\t\tclipboardMessageTimer = setTimeout(() => {\n+\t\t\t\tclipboardMessage = null\n+\t\t\t\tclipboardError = false\n+\t\t\t\thandle.update()\n+\t\t\t}, 2200)\n+\t\t}\n+\t\thandle.update()\n+\t}\n+\n+\tasync function copyValueToClipboard(label: string, value: string) {\n+\t\tconst normalized = value.trim()\n+\t\tif (!normalized) {\n+\t\t\tsetClipboardStatus(`Unable to copy ${label.toLowerCase()}.`, true)\n+\t\t\treturn\n+\t\t}\n+\t\ttry {\n+\t\t\tif (typeof navigator !== 'undefined' && navigator.clipboard?.writeText) {\n+\t\t\t\tawait navigator.clipboard.writeText(normalized)\n+\t\t\t\tsetClipboardStatus(`${label} copied.`)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tconst copied = copyTextWithFallback(normalized)\n+\t\t\tif (copied) {\n+\t\t\t\tsetClipboardStatus(`${label} copied.`)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tsetClipboardStatus(`Unable to copy ${label.toLowerCase()}.`, true)\n+\t\t} catch {\n+\t\t\tconst copied = copyTextWithFallback(normalized)\n+\t\t\tif (copied) {\n+\t\t\t\tsetClipboardStatus(`${label} copied.`)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tsetClipboardStatus(`Unable to copy ${label.toLowerCase()}.`, true)\n+\t\t}\n+\t}\n+\n+\tif (handle.signal.aborted) {\n+\t\tcleanupResources()\n+\t} else {\n+\t\tsetupMobileViewportListener()\n+\t\thandle.signal.addEventListener('abort', cleanupResources)\n+\t}\n+\n+\tfunction hasLocalHostChanges() {\n+\t\tif (!snapshot) return false\n+\t\tconst rangeChanged = hasLocalRangeChanges(snapshot)\n+\t\treturn hasLocalNonRangeChanges(snapshot) || rangeChanged\n+\t}\n+\n+\tfunction hasLocalNonRangeChanges(currentSnapshot: ScheduleSnapshot) {\n+\t\tconst hostNameChanged =\n+\t\t\tnormalizeName(hostNameDraft) !==\n+\t\t\tnormalizeName(getHostAttendeeName(currentSnapshot))\n+\t\tconst titleChanged =\n+\t\t\ttitleDraft.trim() !== currentSnapshot.schedule.title.trim()\n+\t\tconst blockedChanged = !areSetsEqual(blockedSlots, persistedBlockedSlots)\n+\t\treturn hostNameChanged || titleChanged || blockedChanged\n+\t}\n+\n+\tfunction applySnapshot(\n+\t\tnextSnapshot: ScheduleSnapshot,\n+\t\toptions?: { preserveHostDrafts?: boolean },\n+\t) {\n+\t\tconst preserveHostDrafts = options?.preserveHostDrafts ?? false\n+\t\tconst previousSnapshot = snapshot\n+\t\tconst previousAttendeeNameById = new Map(\n+\t\t\t(previousSnapshot?.attendees ?? []).map((attendee) => [\n+\t\t\t\tattendee.id,\n+\t\t\t\tattendee.name,\n+\t\t\t]),\n+\t\t)\n+\t\tconst currentHostName = getHostAttendeeName(previousSnapshot)\n+\t\tconst keepLocalHostName =\n+\t\t\tpreserveHostDrafts ||\n+\t\t\t(!!previousSnapshot &&\n+\t\t\t\tnormalizeName(hostNameDraft) !== normalizeName(currentHostName))\n+\t\tconst keepLocalTitle =\n+\t\t\tpreserveHostDrafts ||\n+\t\t\t(!!previousSnapshot &&\n+\t\t\t\ttitleDraft.trim() !== previousSnapshot.schedule.title.trim())\n+\t\tconst keepLocalBlocked =\n+\t\t\tpreserveHostDrafts ||\n+\t\t\t(!!previousSnapshot && !areSetsEqual(blockedSlots, persistedBlockedSlots))\n+\t\tconst keepLocalRange =\n+\t\t\tpreserveHostDrafts ||\n+\t\t\t(!!previousSnapshot && hasLocalRangeChanges(previousSnapshot))\n+\t\tconst nextBlockedSlots = toSet(nextSnapshot.blockedSlots)\n+\t\tconst nextDateRange = getSnapshotDateRangeInputs(nextSnapshot)\n+\t\tsnapshot = nextSnapshot\n+\t\tpersistedBlockedSlots = new Set(nextBlockedSlots)\n+\t\tif (!keepLocalHostName) {\n+\t\t\thostNameDraft = getHostAttendeeName(nextSnapshot)\n+\t\t}\n+\t\tif (!keepLocalTitle) {\n+\t\t\ttitleDraft = nextSnapshot.schedule.title\n+\t\t}\n+\t\tif (!keepLocalBlocked) {\n+\t\t\tblockedSlots = new Set(nextBlockedSlots)\n+\t\t}\n+\t\tif (!keepLocalRange) {\n+\t\t\trangeStartDateInput = nextDateRange.startDateInput\n+\t\t\trangeEndDateInput = nextDateRange.endDateInput\n+\t\t}\n+\t\tconst validAttendeeIds = new Set(\n+\t\t\tnextSnapshot.attendees.map((entry) => entry.id),\n+\t\t)\n+\t\tconst editableAttendeeIds = new Set(\n+\t\t\tnextSnapshot.attendees\n+\t\t\t\t.filter((attendee) => !attendee.isHost)\n+\t\t\t\t.map((attendee) => attendee.id),\n+\t\t)\n+\t\tconst nextDayKeys = Array.from(\n+\t\t\tnew Set(\n+\t\t\t\tnextSnapshot.slots\n+\t\t\t\t\t.map((slot) => toDayKey(slot))\n+\t\t\t\t\t.filter((value): value is string => value !== null),\n+\t\t\t),\n+\t\t)\n+\t\tif (!mobileDayKey || !nextDayKeys.includes(mobileDayKey)) {\n+\t\t\tmobileDayKey = nextDayKeys[0] ?? null\n+\t\t}\n+\t\texcludedAttendeeIds = new Set(\n+\t\t\tArray.from(excludedAttendeeIds).filter((id) => validAttendeeIds.has(id)),\n+\t\t)\n+\t\tif (\n+\t\t\tfocusedPreviewAttendeeId &&\n+\t\t\t!validAttendeeIds.has(focusedPreviewAttendeeId)\n+\t\t) {\n+\t\t\tfocusedPreviewAttendeeId = null\n+\t\t}\n+\t\tconst nextSubmissionNameDraftById = new Map()\n+\t\tfor (const attendee of nextSnapshot.attendees) {\n+\t\t\tif (attendee.isHost) continue\n+\t\t\tconst previousName = previousAttendeeNameById.get(attendee.id)\n+\t\t\tconst existingDraft = submissionNameDraftById.get(attendee.id)\n+\t\t\tconst shouldKeepDraft =\n+\t\t\t\ttypeof previousName === 'string' &&\n+\t\t\t\ttypeof existingDraft === 'string' &&\n+\t\t\t\texistingDraft !== previousName\n+\t\t\tnextSubmissionNameDraftById.set(\n+\t\t\t\tattendee.id,\n+\t\t\t\tshouldKeepDraft ? existingDraft : attendee.name,\n+\t\t\t)\n+\t\t}\n+\t\tsubmissionNameDraftById = nextSubmissionNameDraftById\n+\t\tsubmissionErrorById = new Map(\n+\t\t\tArray.from(submissionErrorById).filter(([id]) =>\n+\t\t\t\tvalidAttendeeIds.has(id),\n+\t\t\t),\n+\t\t)\n+\t\tif (editingSubmissionId && !validAttendeeIds.has(editingSubmissionId)) {\n+\t\t\teditingSubmissionId = null\n+\t\t}\n+\t\tif (\n+\t\t\tdeleteConfirmationAttendeeId &&\n+\t\t\t!editableAttendeeIds.has(deleteConfirmationAttendeeId)\n+\t\t) {\n+\t\t\tdeleteConfirmationAttendeeId = null\n+\t\t}\n+\t\tif (activePreviewSlot && !nextSnapshot.slots.includes(activePreviewSlot)) {\n+\t\t\tactivePreviewSlot = null\n+\t\t}\n+\t\tif (\n+\t\t\thostTapRangeAnchor &&\n+\t\t\t!nextSnapshot.slots.includes(hostTapRangeAnchor)\n+\t\t) {\n+\t\t\tclearHostTapRangeSelection()\n+\t\t}\n+\t\tif (\n+\t\t\tpreviewHoverTooltipSlot &&\n+\t\t\t!nextSnapshot.slots.includes(previewHoverTooltipSlot)\n+\t\t) {\n+\t\t\tpreviewHoverTooltipSlot = null\n+\t\t\tclearPreviewHoverTooltipPointerPosition()\n+\t\t}\n+\t\tif (\n+\t\t\tkeyboardRangeAnchor &&\n+\t\t\t!nextSnapshot.slots.includes(keyboardRangeAnchor)\n+\t\t) {\n+\t\t\tclearKeyboardRangeSelection()\n+\t\t} else if (keyboardRangeSlots.size > 0) {\n+\t\t\tkeyboardRangeSlots = new Set(\n+\t\t\t\tArray.from(keyboardRangeSlots).filter((slot) =>\n+\t\t\t\t\tnextSnapshot.slots.includes(slot),\n+\t\t\t\t),\n+\t\t\t)\n+\t\t\tif (keyboardRangeSlots.size === 0) {\n+\t\t\t\tclearKeyboardRangeSelection()\n+\t\t\t}\n+\t\t}\n+\t\tconst selectablePreviewSlots = new Set(\n+\t\t\tnextSnapshot.slots.filter((slot) => !blockedSlots.has(slot)),\n+\t\t)\n+\t\tpreviewSelectedSlots = new Set(\n+\t\t\tArray.from(previewSelectedSlots).filter((slot) =>\n+\t\t\t\tselectablePreviewSlots.has(slot),\n+\t\t\t),\n+\t\t)\n+\t\tif (previewRangeAnchor && !selectablePreviewSlots.has(previewRangeAnchor)) {\n+\t\t\tpreviewRangeAnchor = null\n+\t\t\tpreviewSelectionStatus = null\n+\t\t}\n+\t\tif (previewSelectedSlots.size === 0) {\n+\t\t\tpreviewRangeAnchor = null\n+\t\t\tif (isPreviewTapRangeStartMessage(previewSelectionStatus)) {\n+\t\t\t\tpreviewSelectionStatus = null\n+\t\t\t}\n+\t\t}\n+\t\thandle.update()\n+\t}\n+\n+\tasync function loadSnapshot() {\n+\t\tconst requestShareToken = shareToken\n+\t\tconst requestHostAccessToken = hostAccessToken\n+\t\tif (\n+\t\t\t!requestShareToken ||\n+\t\t\t!requestHostAccessToken ||\n+\t\t\thandle.signal.aborted\n+\t\t) {\n+\t\t\treturn\n+\t\t}\n+\t\tconst requestId = ++snapshotRequestId\n+\t\ttry {\n+\t\t\tconst response = await fetch(\n+\t\t\t\t`/api/schedules/${requestShareToken}/host-snapshot`,\n+\t\t\t\t{\n+\t\t\t\t\theaders: {\n+\t\t\t\t\t\tAccept: 'application/json',\n+\t\t\t\t\t\t'X-Host-Token': requestHostAccessToken,\n+\t\t\t\t\t},\n+\t\t\t\t},\n+\t\t\t)\n+\t\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\t\tok?: boolean\n+\t\t\t\tsnapshot?: ScheduleSnapshot\n+\t\t\t\terror?: string\n+\t\t\t} | null\n+\t\t\tif (\n+\t\t\t\trequestShareToken !== shareToken ||\n+\t\t\t\thandle.signal.aborted ||\n+\t\t\t\trequestId !== snapshotRequestId\n+\t\t\t) {\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tif (!response.ok || !payload?.ok || !payload.snapshot) {\n+\t\t\t\tconst errorText =\n+\t\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t\t? payload.error\n+\t\t\t\t\t\t: response.status === 401 || response.status === 403\n+\t\t\t\t\t\t\t? 'Invalid host dashboard link.'\n+\t\t\t\t\t\t\t: 'Unable to load host dashboard.'\n+\t\t\t\tsetStatus(errorText, true)\n+\t\t\t\tisLoading = false\n+\t\t\t\thandle.update()\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tapplySnapshot(payload.snapshot)\n+\t\t\tisLoading = false\n+\t\t\thandle.update()\n+\t\t} catch {\n+\t\t\tif (\n+\t\t\t\trequestShareToken !== shareToken ||\n+\t\t\t\thandle.signal.aborted ||\n+\t\t\t\trequestId !== snapshotRequestId\n+\t\t\t) {\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tisLoading = false\n+\t\t\tsetStatus('Unable to load host dashboard.', true)\n+\t\t}\n+\t}\n+\n+\tfunction connectSocket() {\n+\t\tif (!shareToken || handle.signal.aborted) return\n+\t\tclearSocketResources()\n+\t\tsetConnectionState('connecting')\n+\t\ttry {\n+\t\t\tconst ws = new WebSocket(toWebSocketUrl(`/ws/${shareToken}`))\n+\t\t\tsocket = ws\n+\t\t\tws.onopen = () => {\n+\t\t\t\tif (socket !== ws || handle.signal.aborted) return\n+\t\t\t\tsetConnectionState('live')\n+\t\t\t}\n+\t\t\tws.onmessage = (event) => {\n+\t\t\t\tif (socket !== ws || handle.signal.aborted) return\n+\t\t\t\ttry {\n+\t\t\t\t\tconst payload = JSON.parse(String(event.data)) as {\n+\t\t\t\t\t\ttype?: string\n+\t\t\t\t\t} | null\n+\t\t\t\t\tif (payload?.type === 'schedule-updated') {\n+\t\t\t\t\t\tvoid loadSnapshot()\n+\t\t\t\t\t}\n+\t\t\t\t} catch {\n+\t\t\t\t\treturn\n+\t\t\t\t}\n+\t\t\t}\n+\t\t\tws.onerror = () => {\n+\t\t\t\tif (socket !== ws || handle.signal.aborted) return\n+\t\t\t\tsetConnectionState('offline')\n+\t\t\t}\n+\t\t\tws.onclose = () => {\n+\t\t\t\tif (socket !== ws || handle.signal.aborted) return\n+\t\t\t\tsetConnectionState('offline')\n+\t\t\t\treconnectTimer = setTimeout(() => {\n+\t\t\t\t\tif (socket !== ws) return\n+\t\t\t\t\tconnectSocket()\n+\t\t\t\t}, reconnectDelayMs)\n+\t\t\t}\n+\t\t} catch {\n+\t\t\tsetConnectionState('offline')\n+\t\t}\n+\t}\n+\n+\tasync function saveHostSettings() {\n+\t\tconst requestShareToken = shareToken\n+\t\tconst currentSnapshot = snapshot\n+\t\tif (!requestShareToken || !currentSnapshot) return\n+\t\tif (handle.signal.aborted) return\n+\t\tif (isSaving) {\n+\t\t\tpendingSave = true\n+\t\t\treturn\n+\t\t}\n+\t\tconst requestHostAccessToken = hostAccessToken\n+\t\tif (!requestHostAccessToken) {\n+\t\t\tsetStatus('Host access token missing.', true)\n+\t\t\treturn\n+\t\t}\n+\t\tconst hostName = normalizeName(hostNameDraft)\n+\t\tif (!hostName) {\n+\t\t\tsetStatus('Host name is required.', true)\n+\t\t\treturn\n+\t\t}\n+\t\tconst shouldUpdateRange = hasLocalRangeChanges(currentSnapshot)\n+\t\tconst hasNonRangeChanges = hasLocalNonRangeChanges(currentSnapshot)\n+\t\tlet nextRangeStartUtc = ''\n+\t\tlet nextRangeEndUtc = ''\n+\t\tlet rangeValidationError: string | null = null\n+\t\tlet shouldIncludeRange = false\n+\t\tif (shouldUpdateRange) {\n+\t\t\ttry {\n+\t\t\t\tconst rangeDraft = getDraftRangeFromDateInputs(currentSnapshot)\n+\t\t\t\tnextRangeStartUtc = rangeDraft.rangeStartUtc\n+\t\t\t\tnextRangeEndUtc = rangeDraft.rangeEndUtc\n+\t\t\t\tshouldIncludeRange = true\n+\t\t\t} catch (error) {\n+\t\t\t\trangeValidationError =\n+\t\t\t\t\terror instanceof Error ? error.message : 'Invalid date range.'\n+\t\t\t\tsetStatus(rangeValidationError, true)\n+\t\t\t\tif (!hasNonRangeChanges) {\n+\t\t\t\t\treturn\n+\t\t\t\t}\n+\t\t\t}\n+\t\t}\n+\t\tconst saveVersion = changeVersion\n+\t\tconst title = titleDraft.trim() || 'New schedule'\n+\t\tconst sortedBlockedSlots = Array.from(blockedSlots).sort((left, right) =>\n+\t\t\tleft.localeCompare(right),\n+\t\t)\n+\t\tlet shouldRetryAfterFailure = false\n+\t\tisSaving = true\n+\t\thandle.update()\n+\t\ttry {\n+\t\t\tconst body: {\n+\t\t\t\thostName: string\n+\t\t\t\ttitle: string\n+\t\t\t\tblockedSlots: Array\n+\t\t\t\trangeStartUtc?: string\n+\t\t\t\trangeEndUtc?: string\n+\t\t\t} = {\n+\t\t\t\thostName,\n+\t\t\t\ttitle,\n+\t\t\t\tblockedSlots: sortedBlockedSlots,\n+\t\t\t}\n+\t\t\tif (shouldIncludeRange) {\n+\t\t\t\tbody.rangeStartUtc = nextRangeStartUtc\n+\t\t\t\tbody.rangeEndUtc = nextRangeEndUtc\n+\t\t\t}\n+\t\t\tconst response = await fetch(`/api/schedules/${requestShareToken}/host`, {\n+\t\t\t\tmethod: 'POST',\n+\t\t\t\theaders: {\n+\t\t\t\t\t'Content-Type': 'application/json',\n+\t\t\t\t\t'X-Host-Token': requestHostAccessToken,\n+\t\t\t\t},\n+\t\t\t\tbody: JSON.stringify(body),\n+\t\t\t})\n+\t\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\t\tok?: boolean\n+\t\t\t\tsnapshot?: ScheduleSnapshot\n+\t\t\t\terror?: string\n+\t\t\t} | null\n+\t\t\tif (requestShareToken !== shareToken || handle.signal.aborted) return\n+\t\t\tif (!response.ok || !payload?.ok || !payload.snapshot) {\n+\t\t\t\tshouldRetryAfterFailure = response.status >= 500\n+\t\t\t\tconst errorText =\n+\t\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t\t? payload.error\n+\t\t\t\t\t\t: 'Unable to save host dashboard changes.'\n+\t\t\t\tsetStatus(errorText, true)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tconst hadQueuedLocalChanges = pendingSave\n+\t\t\tconst shouldPreserveHostDrafts =\n+\t\t\t\thadQueuedLocalChanges || saveVersion !== changeVersion\n+\t\t\tapplySnapshot(payload.snapshot, {\n+\t\t\t\tpreserveHostDrafts: shouldPreserveHostDrafts,\n+\t\t\t})\n+\t\t\tif (!rangeValidationError) {\n+\t\t\t\tsetStatus('Host settings synced.')\n+\t\t\t}\n+\t\t\thandle.update()\n+\t\t} catch {\n+\t\t\tif (requestShareToken !== shareToken || handle.signal.aborted) return\n+\t\t\tshouldRetryAfterFailure = true\n+\t\t\tsetStatus('Network error while saving host settings.', true)\n+\t\t} finally {\n+\t\t\tif (requestShareToken === shareToken && !handle.signal.aborted) {\n+\t\t\t\tisSaving = false\n+\t\t\t\thandle.update()\n+\t\t\t\tconst shouldReschedule =\n+\t\t\t\t\thasLocalHostChanges() && (pendingSave || shouldRetryAfterFailure)\n+\t\t\t\tpendingSave = false\n+\t\t\t\tif (shouldReschedule) {\n+\t\t\t\t\tqueueHostSettingsSave()\n+\t\t\t\t}\n+\t\t\t} else {\n+\t\t\t\tpendingSave = false\n+\t\t\t}\n+\t\t}\n+\t}\n+\n+\tasync function renameSubmission(\n+\t\tattendeeId: string,\n+\t\tnextSubmissionName: string,\n+\t) {\n+\t\tconst requestShareToken = shareToken\n+\t\tif (!requestShareToken || handle.signal.aborted) return\n+\t\tconst requestHostAccessToken = hostAccessToken\n+\t\tif (!requestHostAccessToken) {\n+\t\t\tconst errorText = 'Host access token missing.'\n+\t\t\tsubmissionErrorById.set(attendeeId, errorText)\n+\t\t\tsetStatus(errorText, true)\n+\t\t\thandle.update()\n+\t\t\treturn\n+\t\t}\n+\t\tif (!normalizeName(nextSubmissionName)) {\n+\t\t\tsubmissionErrorById.set(attendeeId, 'Submission name is required.')\n+\t\t\thandle.update()\n+\t\t\treturn\n+\t\t}\n+\t\tif (submissionActionById.has(attendeeId)) return\n+\t\tsubmissionErrorById.delete(attendeeId)\n+\t\tsubmissionActionById.set(attendeeId, 'rename')\n+\t\thandle.update()\n+\t\ttry {\n+\t\t\tconst response = await fetch(`/api/schedules/${requestShareToken}/host`, {\n+\t\t\t\tmethod: 'POST',\n+\t\t\t\theaders: {\n+\t\t\t\t\t'Content-Type': 'application/json',\n+\t\t\t\t\t'X-Host-Token': requestHostAccessToken,\n+\t\t\t\t},\n+\t\t\t\tbody: JSON.stringify({\n+\t\t\t\t\tsubmissionId: attendeeId,\n+\t\t\t\t\tsubmissionName: nextSubmissionName,\n+\t\t\t\t}),\n+\t\t\t})\n+\t\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\t\tok?: boolean\n+\t\t\t\tsnapshot?: ScheduleSnapshot\n+\t\t\t\terror?: string\n+\t\t\t} | null\n+\t\t\tif (requestShareToken !== shareToken || handle.signal.aborted) return\n+\t\t\tif (!response.ok || !payload?.ok || !payload.snapshot) {\n+\t\t\t\tconst errorText =\n+\t\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t\t? payload.error\n+\t\t\t\t\t\t: 'Unable to rename submission.'\n+\t\t\t\tsubmissionErrorById.set(attendeeId, errorText)\n+\t\t\t\tsetStatus(errorText, true)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tapplySnapshot(payload.snapshot)\n+\t\t\tsubmissionNameDraftById.set(attendeeId, nextSubmissionName)\n+\t\t\tsubmissionErrorById.delete(attendeeId)\n+\t\t\tsetStatus('Submission name updated.')\n+\t\t\tfocusSubmissionEditButton(attendeeId)\n+\t\t} catch {\n+\t\t\tif (requestShareToken !== shareToken || handle.signal.aborted) return\n+\t\t\tsubmissionErrorById.set(\n+\t\t\t\tattendeeId,\n+\t\t\t\t'Network error while renaming submission.',\n+\t\t\t)\n+\t\t\tsetStatus('Network error while renaming submission.', true)\n+\t\t} finally {\n+\t\t\tsubmissionActionById.delete(attendeeId)\n+\t\t\tif (requestShareToken === shareToken && !handle.signal.aborted) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t}\n+\t}\n+\n+\tasync function deleteSubmission(attendeeId: string) {\n+\t\tconst requestShareToken = shareToken\n+\t\tif (!requestShareToken || handle.signal.aborted) return\n+\t\tconst requestHostAccessToken = hostAccessToken\n+\t\tif (!requestHostAccessToken) {\n+\t\t\tconst errorText = 'Host access token missing.'\n+\t\t\tsubmissionErrorById.set(attendeeId, errorText)\n+\t\t\tsetStatus(errorText, true)\n+\t\t\thandle.update()\n+\t\t\treturn\n+\t\t}\n+\t\tif (submissionActionById.has(attendeeId)) return\n+\t\tsubmissionErrorById.delete(attendeeId)\n+\t\tsubmissionActionById.set(attendeeId, 'delete')\n+\t\thandle.update()\n+\t\ttry {\n+\t\t\tconst response = await fetch(`/api/schedules/${requestShareToken}/host`, {\n+\t\t\t\tmethod: 'POST',\n+\t\t\t\theaders: {\n+\t\t\t\t\t'Content-Type': 'application/json',\n+\t\t\t\t\t'X-Host-Token': requestHostAccessToken,\n+\t\t\t\t},\n+\t\t\t\tbody: JSON.stringify({\n+\t\t\t\t\tsubmissionId: attendeeId,\n+\t\t\t\t\tdeleteSubmission: true,\n+\t\t\t\t}),\n+\t\t\t})\n+\t\t\tconst payload = (await response.json().catch(() => null)) as {\n+\t\t\t\tok?: boolean\n+\t\t\t\tsnapshot?: ScheduleSnapshot\n+\t\t\t\terror?: string\n+\t\t\t} | null\n+\t\t\tif (requestShareToken !== shareToken || handle.signal.aborted) return\n+\t\t\tif (!response.ok || !payload?.ok || !payload.snapshot) {\n+\t\t\t\tconst errorText =\n+\t\t\t\t\ttypeof payload?.error === 'string'\n+\t\t\t\t\t\t? payload.error\n+\t\t\t\t\t\t: 'Unable to delete submission.'\n+\t\t\t\tsubmissionErrorById.set(attendeeId, errorText)\n+\t\t\t\tsetStatus(errorText, true)\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tapplySnapshot(payload.snapshot)\n+\t\t\tsubmissionErrorById.delete(attendeeId)\n+\t\t\tif (editingSubmissionId === attendeeId) {\n+\t\t\t\teditingSubmissionId = null\n+\t\t\t}\n+\t\t\tsetStatus('Submission deleted.')\n+\t\t} catch {\n+\t\t\tif (requestShareToken !== shareToken || handle.signal.aborted) return\n+\t\t\tsubmissionErrorById.set(\n+\t\t\t\tattendeeId,\n+\t\t\t\t'Network error while deleting submission.',\n+\t\t\t)\n+\t\t\tsetStatus('Network error while deleting submission.', true)\n+\t\t} finally {\n+\t\t\tsubmissionActionById.delete(attendeeId)\n+\t\t\tif (requestShareToken === shareToken && !handle.signal.aborted) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t}\n+\t}\n+\n+\tfunction queueHostSettingsSave() {\n+\t\tclearSaveDebounceTimer()\n+\t\tif (handle.signal.aborted) return\n+\t\tconst currentSnapshot = snapshot\n+\t\tif (!currentSnapshot) return\n+\t\tconst hasRangeChanges = hasLocalRangeChanges(currentSnapshot)\n+\t\tconst hasNonRangeChanges = hasLocalNonRangeChanges(currentSnapshot)\n+\t\tconst rangeValidationError = hasRangeChanges\n+\t\t\t? getRangeValidationError(currentSnapshot)\n+\t\t\t: null\n+\t\tif (!hasRangeChanges && !hasNonRangeChanges) return\n+\t\tif (rangeValidationError && !hasNonRangeChanges) return\n+\t\tif (isSaving) {\n+\t\t\tpendingSave = true\n+\t\t\treturn\n+\t\t}\n+\t\tsaveDebounceTimer = setTimeout(() => {\n+\t\t\tvoid saveHostSettings()\n+\t\t}, saveDebounceMs)\n+\t}\n+\n+\tfunction setBlockedSlotState(slot: string, shouldBeBlocked: boolean) {\n+\t\tconst currentlyBlocked = blockedSlots.has(slot)\n+\t\tif (currentlyBlocked === shouldBeBlocked) return false\n+\t\tif (shouldBeBlocked) {\n+\t\t\tblockedSlots.add(slot)\n+\t\t} else {\n+\t\t\tblockedSlots.delete(slot)\n+\t\t}\n+\t\tchangeVersion += 1\n+\t\tqueueHostSettingsSave()\n+\t\treturn true\n+\t}\n+\n+\tfunction toggleBlockedSlot(slot: string) {\n+\t\tconst changed = setBlockedSlotState(slot, !blockedSlots.has(slot))\n+\t\tif (changed) {\n+\t\t\thandle.update()\n+\t\t}\n+\t}\n+\n+\tfunction applyBlockedSlotRange(\n+\t\tstartSlot: string,\n+\t\tendSlot: string,\n+\t\tshouldBeBlocked: boolean,\n+\t) {\n+\t\tconst currentSnapshot = snapshot\n+\t\tif (!currentSnapshot) return false\n+\t\tconst slotsInRange = getRectangularSlotSelection({\n+\t\t\tslots: currentSnapshot.slots,\n+\t\t\tstartSlot,\n+\t\t\tendSlot,\n+\t\t})\n+\t\tlet changed = false\n+\t\tfor (const slot of slotsInRange) {\n+\t\t\tconst currentlyBlocked = blockedSlots.has(slot)\n+\t\t\tif (currentlyBlocked === shouldBeBlocked) continue\n+\t\t\tchanged = true\n+\t\t\tif (shouldBeBlocked) {\n+\t\t\t\tblockedSlots.add(slot)\n+\t\t\t} else {\n+\t\t\t\tblockedSlots.delete(slot)\n+\t\t\t}\n+\t\t}\n+\t\tif (!changed) return false\n+\t\tchangeVersion += 1\n+\t\tqueueHostSettingsSave()\n+\t\treturn true\n+\t}\n+\n+\tfunction updateKeyboardRangePreview(params: {\n+\t\tfromSlot: string\n+\t\ttoSlot: string\n+\t\tshiftKey: boolean\n+\t}) {\n+\t\tconst currentSnapshot = snapshot\n+\t\tif (!currentSnapshot) return\n+\t\tif (!params.shiftKey) {\n+\t\t\tif (keyboardRangeAnchor || keyboardRangeSlots.size > 0) {\n+\t\t\t\tclearKeyboardRangeSelection()\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tif (!currentSnapshot.slots.includes(params.fromSlot)) return\n+\t\tif (!currentSnapshot.slots.includes(params.toSlot)) return\n+\t\tif (!keyboardRangeAnchor) {\n+\t\t\tkeyboardRangeAnchor = params.fromSlot\n+\t\t\tkeyboardRangeAction = blockedSlots.has(params.fromSlot) ? 'remove' : 'add'\n+\t\t}\n+\t\tif (!keyboardRangeAnchor) return\n+\t\tkeyboardRangeSlots = new Set(\n+\t\t\tgetRectangularSlotSelection({\n+\t\t\t\tslots: currentSnapshot.slots,\n+\t\t\t\tstartSlot: keyboardRangeAnchor,\n+\t\t\t\tendSlot: params.toSlot,\n+\t\t\t}),\n+\t\t)\n+\t\thandle.update()\n+\t}\n+\n+\tfunction applyKeyboardRangeSelection() {\n+\t\tif (!keyboardRangeAnchor || !keyboardRangeAction) return false\n+\t\tif (keyboardRangeSlots.size === 0) return false\n+\t\tconst shouldBeBlocked = keyboardRangeAction === 'add'\n+\t\tfor (const slot of keyboardRangeSlots) {\n+\t\t\tsetBlockedSlotState(slot, shouldBeBlocked)\n+\t\t}\n+\t\tclearKeyboardRangeSelection()\n+\t\tclearHostTapRangeSelection()\n+\t\thandle.update()\n+\t\treturn true\n+\t}\n+\n+\tfunction handleHostUnavailableKeyboardActivate(slot: string) {\n+\t\tif (applyKeyboardRangeSelection()) return\n+\t\tclearHostTapRangeSelection()\n+\t\ttoggleBlockedSlot(slot)\n+\t}\n+\n+\tfunction handleHostUnavailablePointerUp() {\n+\t\thostSelection.finishSelection(false)\n+\t}\n+\n+\tfunction handleHostUnavailablePointerDown(slot: string, event: PointerEvent) {\n+\t\tclearKeyboardRangeSelection()\n+\t\tconst nextMode = resolveTapRangeModeFromPointer({\n+\t\t\tcurrentMode: useHostTapRangeMode,\n+\t\t\tpointerType: event.pointerType,\n+\t\t})\n+\t\tif (nextMode !== useHostTapRangeMode) {\n+\t\t\tuseHostTapRangeMode = nextMode\n+\t\t\tif (isTapRangeStartMessage(hostTapRangeSelectionStatus)) {\n+\t\t\t\thostTapRangeSelectionStatus = null\n+\t\t\t}\n+\t\t\thostTapRangeAnchor = null\n+\t\t\thostTapRangeAction = null\n+\t\t\thandle.update()\n+\t\t}\n+\t\tif (useHostTapRangeMode) return\n+\t\tclearHostTapRangeSelection()\n+\t\thostSelection.startSelection({\n+\t\t\tslot,\n+\t\t\tevent,\n+\t\t\tmode: blockedSlots.has(slot) ? 'remove' : 'add',\n+\t\t})\n+\t}\n+\n+\tfunction handleHostUnavailablePointerEnter(slot: string) {\n+\t\thostSelection.updateSelectionToSlot(slot)\n+\t}\n+\n+\tfunction handleHostUnavailableCellClick(slot: string, event: MouseEvent) {\n+\t\tif (!useHostTapRangeMode && event.detail > 0) return\n+\t\tif (!useHostTapRangeMode) return\n+\t\tif (!hostTapRangeAnchor) {\n+\t\t\thostTapRangeAnchor = slot\n+\t\t\thostTapRangeAction = blockedSlots.has(slot) ? 'remove' : 'add'\n+\t\t\thostTapRangeSelectionStatus = getTapRangeStartMessage(\n+\t\t\t\thostTapRangeAction ?? 'add',\n+\t\t\t)\n+\t\t\thandle.update()\n+\t\t\treturn\n+\t\t}\n+\t\tconst shouldBeBlocked = (hostTapRangeAction ?? 'add') === 'add'\n+\t\tapplyBlockedSlotRange(hostTapRangeAnchor, slot, shouldBeBlocked)\n+\t\tclearHostTapRangeSelection()\n+\t\thandle.update()\n+\t}\n+\n+\tfunction setPreviewSelectedRange(nextSlots: ReadonlySet) {\n+\t\tconst nextSelection = new Set(nextSlots)\n+\t\tif (areSetsEqual(previewSelectedSlots, nextSelection)) return false\n+\t\tpreviewSelectedSlots = nextSelection\n+\t\treturn true\n+\t}\n+\n+\tfunction clearPreviewSelectedRange() {\n+\t\tconst hadSelection = previewSelectedSlots.size > 0 || !!previewRangeAnchor\n+\t\tconst didClearTooltip = clearPreviewHoverTooltip()\n+\t\tpreviewSelectedSlots = new Set()\n+\t\tpreviewRangeAnchor = null\n+\t\tpreviewSelectionStatus = null\n+\t\tactivePreviewSlot = null\n+\t\tif (hadSelection || didClearTooltip) {\n+\t\t\thandle.update()\n+\t\t}\n+\t}\n+\n+\tfunction getPreviewSelectionSlots(startSlot: string, endSlot: string) {\n+\t\tif (!snapshot) return new Set()\n+\t\treturn new Set(\n+\t\t\tgetRectangularSlotSelection({\n+\t\t\t\tslots: snapshot.slots,\n+\t\t\t\tstartSlot,\n+\t\t\t\tendSlot,\n+\t\t\t}).filter((slot) => !blockedSlots.has(slot)),\n+\t\t)\n+\t}\n+\n+\tfunction updatePreviewTapMode(pointerType: string) {\n+\t\tconst nextMode = resolveTapRangeModeFromPointer({\n+\t\t\tcurrentMode: usePreviewTapRangeMode,\n+\t\t\tpointerType,\n+\t\t})\n+\t\tif (nextMode === usePreviewTapRangeMode) return false\n+\t\tusePreviewTapRangeMode = nextMode\n+\t\tpreviewRangeAnchor = null\n+\t\tif (isPreviewTapRangeStartMessage(previewSelectionStatus)) {\n+\t\t\tpreviewSelectionStatus = null\n+\t\t}\n+\t\treturn true\n+\t}\n+\n+\tfunction handlePreviewPointerDown(slot: string, event: PointerEvent) {\n+\t\tconst didClearTooltip = clearPreviewHoverTooltip()\n+\t\tconst didChangeTapMode = updatePreviewTapMode(event.pointerType)\n+\t\tif (usePreviewTapRangeMode) {\n+\t\t\tif (didClearTooltip || didChangeTapMode) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tif (blockedSlots.has(slot)) {\n+\t\t\tif (didClearTooltip || didChangeTapMode) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tpreviewSelection.startSelection({\n+\t\t\tslot,\n+\t\t\tevent,\n+\t\t\tmode: 'add',\n+\t\t})\n+\t}\n+\n+\tfunction updatePreviewHoverTooltip(slot: string, event: PointerEvent) {\n+\t\tif (event.pointerType !== 'mouse') return\n+\t\tif (previewSelection.state.mode) return\n+\t\tsetPreviewHoverTooltipPointerPosition(event.clientX, event.clientY)\n+\t\tconst didChange =\n+\t\t\tpreviewHoverTooltipSlot !== slot || activePreviewSlot !== slot\n+\t\tpreviewHoverTooltipSlot = slot\n+\t\tactivePreviewSlot = slot\n+\t\tif (didChange) {\n+\t\t\thandle.update()\n+\t\t}\n+\t}\n+\n+\tfunction handlePreviewPointerEnter(slot: string, event: PointerEvent) {\n+\t\tpreviewSelection.updateSelectionToSlot(slot)\n+\t\tupdatePreviewHoverTooltip(slot, event)\n+\t}\n+\n+\tfunction handlePreviewPointerMove(slot: string, event: PointerEvent) {\n+\t\tupdatePreviewHoverTooltip(slot, event)\n+\t}\n+\n+\tfunction handlePreviewHover(slot: string | null) {\n+\t\tif (slot) {\n+\t\t\tconst previousActiveSlot = activePreviewSlot\n+\t\t\tif (!previewSelection.state.mode) {\n+\t\t\t\tactivePreviewSlot = slot\n+\t\t\t}\n+\t\t\tif (activePreviewSlot !== previousActiveSlot) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tconst previousActiveSlot = activePreviewSlot\n+\t\tconst didClearTooltip = clearPreviewHoverTooltip()\n+\t\tif (!previewSelection.state.mode) {\n+\t\t\tactivePreviewSlot = null\n+\t\t}\n+\t\tif (didClearTooltip || activePreviewSlot !== previousActiveSlot) {\n+\t\t\thandle.update()\n+\t\t}\n+\t}\n+\n+\tfunction handlePreviewFocus(slot: string) {\n+\t\tclearPreviewHoverTooltip()\n+\t\tactivePreviewSlot = slot\n+\t\thandle.update()\n+\t}\n+\n+\tfunction handlePreviewPointerUp() {\n+\t\tpreviewSelection.finishSelection(false)\n+\t}\n+\n+\tfunction handlePreviewSelectionClick(slot: string, event: MouseEvent) {\n+\t\tconst didClearTooltip = clearPreviewHoverTooltip()\n+\t\t// In non-tap mode, pointer drag handles selection and clicks (`event.detail > 0`)\n+\t\t// should be ignored. Keep keyboard activation (`event.detail === 0`) working.\n+\t\tif (!usePreviewTapRangeMode && event.detail > 0) {\n+\t\t\tif (didClearTooltip) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tif (blockedSlots.has(slot)) {\n+\t\t\tif (didClearTooltip) {\n+\t\t\t\thandle.update()\n+\t\t\t}\n+\t\t\treturn\n+\t\t}\n+\t\tif (usePreviewTapRangeMode) {\n+\t\t\tif (!previewRangeAnchor) {\n+\t\t\t\tpreviewRangeAnchor = slot\n+\t\t\t\tpreviewSelectionStatus = previewTapRangeStartMessage\n+\t\t\t\tsetPreviewSelectedRange(new Set([slot]))\n+\t\t\t\tactivePreviewSlot = slot\n+\t\t\t\thandle.update()\n+\t\t\t\treturn\n+\t\t\t}\n+\t\t\tconst nextSlots = getPreviewSelectionSlots(previewRangeAnchor, slot)\n+\t\t\tsetPreviewSelectedRange(nextSlots)\n+\t\t\tpreviewRangeAnchor = null\n+\t\t\tpreviewSelectionStatus = null\n+\t\t\tactivePreviewSlot = slot\n+\t\t\thandle.update()\n+\t\t\treturn\n+\t\t}\n+\t\tconst changed = setPreviewSelectedRange(new Set([slot]))\n+\t\tpreviewRangeAnchor = null\n+\t\tpreviewSelectionStatus = null\n+\t\tactivePreviewSlot = slot\n+\t\tif (changed) {\n+\t\t\thandle.update()\n+\t\t}\n+\t}\n+\n+\tfunction toggleIncludedAttendee(attendeeId: string) {\n+\t\tif (excludedAttendeeIds.has(attendeeId)) {\n+\t\t\texcludedAttendeeIds.delete(attendeeId)\n+\t\t} else {\n+\t\t\texcludedAttendeeIds.add(attendeeId)\n+\t\t}\n+\t\thandle.update()\n+\t}\n+\n+\tfunction toggleFocusedPreviewAttendee(attendeeId: string) {\n+\t\tfocusedPreviewAttendeeId =\n+\t\t\tfocusedPreviewAttendeeId === attendeeId ? null : attendeeId\n+\t\thandle.update()\n+\t}\n+\n+\tfunction updateRangeDraft(next: {\n+\t\tstartDateInput?: string\n+\t\tendDateInput?: string\n+\t}) {\n+\t\tif (next.startDateInput !== undefined) {\n+\t\t\trangeStartDateInput = next.startDateInput\n+\t\t}\n+\t\tif (next.endDateInput !== undefined) {\n+\t\t\trangeEndDateInput = next.endDateInput\n+\t\t}\n+\t\tconst currentSnapshot = snapshot\n+\t\tif (!currentSnapshot) {\n+\t\t\thandle.update()\n+\t\t\treturn\n+\t\t}\n+\t\tconst rangeValidationError = getRangeValidationError(currentSnapshot)\n+\t\tif (rangeValidationError) {\n+\t\t\tsetStatus(rangeValidationError, true)\n+\t\t\tqueueHostSettingsSave()\n+\t\t\treturn\n+\t\t}\n+\t\tchangeVersion += 1\n+\t\tqueueHostSettingsSave()\n+\t\tif (statusError) {\n+\t\t\tstatusError = false\n+\t\t\tstatusMessage = null\n+\t\t}\n+\t\thandle.update()\n+\t}\n+\n+\thandle.queueTask(async () => {\n+\t\tconst nextPathname = getPathname()\n+\t\tif (nextPathname === lastPathname) return\n+\t\tlastPathname = nextPathname\n+\t\tclearSaveDebounceTimer()\n+\t\tclearSocketResources()\n+\t\tclearRefreshTimer()\n+\t\tconst routeParams = parseHostRouteParams(nextPathname)\n+\t\tshareToken = routeParams?.shareToken ?? ''\n+\t\thostAccessToken = routeParams?.hostAccessToken ?? ''\n+\t\tsnapshot = null\n+\t\thostNameDraft = ''\n+\t\ttitleDraft = ''\n+\t\trangeStartDateInput = ''\n+\t\trangeEndDateInput = ''\n+\t\tblockedSlots = new Set()\n+\t\tpersistedBlockedSlots = new Set()\n+\t\texcludedAttendeeIds = new Set()\n+\t\tsubmissionNameDraftById = new Map()\n+\t\tsubmissionActionById = new Map()\n+\t\tsubmissionErrorById = new Map()\n+\t\teditingSubmissionId = null\n+\t\tdeleteConfirmationAttendeeId = null\n+\t\tfocusedPreviewAttendeeId = null\n+\t\tactivePreviewSlot = null\n+\t\tpreviewHoverTooltipSlot = null\n+\t\tclearPreviewHoverTooltipPointerPosition()\n+\t\tpreviewSelectedSlots = new Set()\n+\t\tpreviewRangeAnchor = null\n+\t\tusePreviewTapRangeMode = detectTapRangeMode()\n+\t\tpreviewSelectionStatus = null\n+\t\thostTapRangeAnchor = null\n+\t\thostTapRangeAction = null\n+\t\tuseHostTapRangeMode = detectTapRangeMode()\n+\t\thostTapRangeSelectionStatus = null\n+\t\tmobileDayKey = null\n+\t\tclearKeyboardRangeSelection()\n+\t\thostSelection.cleanup()\n+\t\tpreviewSelection.cleanup()\n+\t\tisLoading = true\n+\t\tisSaving = false\n+\t\tpendingSave = false\n+\t\tconnectionState = 'offline'\n+\t\tsetStatus(null, false)\n+\t\tawait loadSnapshot()\n+\t\tif (shareToken && hostAccessToken) {\n+\t\t\tconnectSocket()\n+\t\t}\n+\t})\n+\n+\treturn () => {\n+\t\tif (!shareToken || !hostAccessToken) {\n+\t\t\tsetDocumentTitle(toAppTitle('Host dashboard not found'))\n+\t\t\treturn (\n+\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tHost dashboard not found\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tThis link is invalid.\n+\t\t\t\t\t

\n+\t\t\t\t

\n+\t\t\t)\n+\t\t}\n+\n+\t\tconst currentSnapshot = snapshot\n+\t\tconst attendees = currentSnapshot?.attendees ?? []\n+\t\tconst includedAttendees = attendees.filter(\n+\t\t\t(attendee) => !excludedAttendeeIds.has(attendee.id),\n+\t\t)\n+\t\tconst includedAttendeeCount = includedAttendees.length\n+\t\tconst includedAvailabilityById = new Map(\n+\t\t\tincludedAttendees.map((attendee) => [\n+\t\t\t\tattendee.id,\n+\t\t\t\tnew Set(currentSnapshot?.availabilityByAttendee[attendee.id] ?? []),\n+\t\t\t]),\n+\t\t)\n+\t\tconst focusedPreviewAttendee =\n+\t\t\tattendees.find((attendee) => attendee.id === focusedPreviewAttendeeId) ??\n+\t\t\tnull\n+\t\tconst focusedPreviewSlots = new Set(\n+\t\t\t(focusedPreviewAttendee\n+\t\t\t\t? (currentSnapshot?.availabilityByAttendee[focusedPreviewAttendee.id] ??\n+\t\t\t\t\t[])\n+\t\t\t\t: []\n+\t\t\t).filter((slot) => !blockedSlots.has(slot)),\n+\t\t)\n+\t\tconst previewAvailability: Record<\n+\t\t\tstring,\n+\t\t\t{ count: number; availableNames: Array }\n+\t\t> = {}\n+\t\tconst allAvailableSlots = new Set()\n+\t\tconst slots = currentSnapshot?.slots ?? []\n+\t\tfor (const slot of slots) {\n+\t\t\tif (blockedSlots.has(slot)) {\n+\t\t\t\tpreviewAvailability[slot] = { count: 0, availableNames: [] }\n+\t\t\t\tcontinue\n+\t\t\t}\n+\t\t\tconst availableNames = includedAttendees\n+\t\t\t\t.filter((attendee) =>\n+\t\t\t\t\tincludedAvailabilityById.get(attendee.id)?.has(slot),\n+\t\t\t\t)\n+\t\t\t\t.map((attendee) => attendee.name)\n+\t\t\tconst count = availableNames.length\n+\t\t\tconst allIncludedCanAttend =\n+\t\t\t\tincludedAttendeeCount > 0 && count === includedAttendeeCount\n+\t\t\tif (allIncludedCanAttend) {\n+\t\t\t\tallAvailableSlots.add(slot)\n+\t\t\t}\n+\t\t\tpreviewAvailability[slot] = {\n+\t\t\t\tcount,\n+\t\t\t\tavailableNames,\n+\t\t\t}\n+\t\t}\n+\t\tconst previewMaxCount = Math.max(1, includedAttendeeCount)\n+\t\tconst previewHighlightedSlots = allAvailableSlots\n+\t\tconst blockedAvailability = currentSnapshot\n+\t\t\t? buildEmptyAvailability(currentSnapshot.slots)\n+\t\t\t: {}\n+\t\tconst hasPendingLocalChanges = hasLocalHostChanges() || isSaving\n+\t\tconst isPointerRangePending = hostSelection.state.mode !== null\n+\t\tconst pendingBlockedSelectionSlots = isPointerRangePending\n+\t\t\t? hostSelection.state.slots\n+\t\t\t: keyboardRangeSlots\n+\t\tconst pendingBlockedSelectionLabel = isPointerRangePending\n+\t\t\t? 'included in pending drag selection'\n+\t\t\t: 'included in pending keyboard range selection'\n+\t\tconst hostRangeAnchor = keyboardRangeAnchor ?? hostTapRangeAnchor\n+\t\tconst previewSelectionSource = previewSelection.state.mode\n+\t\t\t? previewSelection.state.slots\n+\t\t\t: previewSelectedSlots\n+\t\tconst previewSelectedSlotsForSummary = new Set(\n+\t\t\tArray.from(previewSelectionSource).filter(\n+\t\t\t\t(slot) => !blockedSlots.has(slot),\n+\t\t\t),\n+\t\t)\n+\t\tconst previewSelectionSlotsSorted = Array.from(\n+\t\t\tpreviewSelectedSlotsForSummary,\n+\t\t).sort((left, right) => left.localeCompare(right))\n+\t\tconst previewSelectionCount = previewSelectionSlotsSorted.length\n+\t\tconst previewRangeStartSlot = previewSelectionSlotsSorted[0] ?? null\n+\t\tconst previewRangeEndSlot = previewSelectionSlotsSorted.at(-1) ?? null\n+\t\tconst previewRangeEndSlotExclusive =\n+\t\t\tpreviewRangeEndSlot && currentSnapshot\n+\t\t\t\t? toRangeEndSlotExclusive(\n+\t\t\t\t\t\tpreviewRangeEndSlot,\n+\t\t\t\t\t\tcurrentSnapshot.schedule.intervalMinutes,\n+\t\t\t\t\t)\n+\t\t\t\t: null\n+\t\tconst previewRangeSummaryEntries =\n+\t\t\tpreviewRangeStartSlot && previewRangeEndSlotExclusive && currentSnapshot\n+\t\t\t\t? includedAttendees\n+\t\t\t\t\t\t.map((attendee) => {\n+\t\t\t\t\t\t\tconst availableSlots =\n+\t\t\t\t\t\t\t\tincludedAvailabilityById.get(attendee.id) ?? new Set()\n+\t\t\t\t\t\t\tlet availableSlotCount = 0\n+\t\t\t\t\t\t\tfor (const slot of previewSelectionSlotsSorted) {\n+\t\t\t\t\t\t\t\tif (availableSlots.has(slot)) {\n+\t\t\t\t\t\t\t\t\tavailableSlotCount += 1\n+\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\tconst availabilityRanges = buildAvailabilityRangeSummary({\n+\t\t\t\t\t\t\t\tselectionSlotsSorted: previewSelectionSlotsSorted,\n+\t\t\t\t\t\t\t\tintervalMinutes: currentSnapshot.schedule.intervalMinutes,\n+\t\t\t\t\t\t\t\tavailableSlots,\n+\t\t\t\t\t\t\t\ttimeZone: attendee.timeZone,\n+\t\t\t\t\t\t\t})\n+\t\t\t\t\t\t\treturn {\n+\t\t\t\t\t\t\t\tid: attendee.id,\n+\t\t\t\t\t\t\t\tname: attendee.name,\n+\t\t\t\t\t\t\t\tavailableSlotCount,\n+\t\t\t\t\t\t\t\tavailabilityRanges,\n+\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t})\n+\t\t\t\t\t\t.sort((left, right) => {\n+\t\t\t\t\t\t\tif (right.availableSlotCount !== left.availableSlotCount) {\n+\t\t\t\t\t\t\t\treturn right.availableSlotCount - left.availableSlotCount\n+\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\treturn left.name.localeCompare(right.name)\n+\t\t\t\t\t\t})\n+\t\t\t\t: []\n+\t\tconst selectedRangeLabel =\n+\t\t\tpreviewRangeStartSlot && previewRangeEndSlotExclusive\n+\t\t\t\t? `${formatSlotLabel(previewRangeStartSlot)} - ${formatSlotLabel(previewRangeEndSlotExclusive)}`\n+\t\t\t\t: null\n+\t\tconst previewHoveredSlotValue = previewHoverTooltipSlot\n+\t\tconst previewHoveredSlotDetails =\n+\t\t\tpreviewHoveredSlotValue && slots.includes(previewHoveredSlotValue)\n+\t\t\t\t? {\n+\t\t\t\t\t\tslot: previewHoveredSlotValue,\n+\t\t\t\t\t\tisBlocked: blockedSlots.has(previewHoveredSlotValue),\n+\t\t\t\t\t\tattendeeDetails: includedAttendees.map((attendee) => ({\n+\t\t\t\t\t\t\tid: attendee.id,\n+\t\t\t\t\t\t\tname: attendee.name,\n+\t\t\t\t\t\t\tcanAttend:\n+\t\t\t\t\t\t\t\tincludedAvailabilityById\n+\t\t\t\t\t\t\t\t\t.get(attendee.id)\n+\t\t\t\t\t\t\t\t\t?.has(previewHoveredSlotValue) ?? false,\n+\t\t\t\t\t\t\t...formatSlotForAttendeeTimeZone(\n+\t\t\t\t\t\t\t\tpreviewHoveredSlotValue,\n+\t\t\t\t\t\t\t\tattendee.timeZone,\n+\t\t\t\t\t\t\t),\n+\t\t\t\t\t\t})),\n+\t\t\t\t\t}\n+\t\t\t\t: null\n+\t\tconst previewTooltipWidthPx = 340\n+\t\tconst previewTooltipHeightPx = 300\n+\t\tconst attendeeTotalSummaryEntries = includedAttendees\n+\t\t\t.map((attendee) => {\n+\t\t\t\tconst availableSlotsForAttendee =\n+\t\t\t\t\tincludedAvailabilityById.get(attendee.id) ?? new Set()\n+\t\t\t\tlet totalAvailableSlots = 0\n+\t\t\t\tfor (const slot of availableSlotsForAttendee) {\n+\t\t\t\t\tif (!blockedSlots.has(slot)) {\n+\t\t\t\t\t\ttotalAvailableSlots += 1\n+\t\t\t\t\t}\n+\t\t\t\t}\n+\t\t\t\treturn {\n+\t\t\t\t\tid: attendee.id,\n+\t\t\t\t\tname: attendee.name,\n+\t\t\t\t\ttotalAvailableSlots,\n+\t\t\t\t\ttimeZoneLabel: attendee.timeZone ?? 'timezone unknown',\n+\t\t\t\t}\n+\t\t\t})\n+\t\t\t.sort((left, right) => {\n+\t\t\t\tif (right.totalAvailableSlots !== left.totalAvailableSlots) {\n+\t\t\t\t\treturn right.totalAvailableSlots - left.totalAvailableSlots\n+\t\t\t\t}\n+\t\t\t\treturn left.name.localeCompare(right.name)\n+\t\t\t})\n+\t\tconst previewRangeSummaryById = new Map(\n+\t\t\tpreviewRangeSummaryEntries.map((entry) => [entry.id, entry]),\n+\t\t)\n+\t\tconst attendeeTotalSummaryById = new Map(\n+\t\t\tattendeeTotalSummaryEntries.map((entry) => [entry.id, entry]),\n+\t\t)\n+\t\tconst connectionLabel =\n+\t\t\tconnectionState === 'live'\n+\t\t\t\t? 'Realtime connected'\n+\t\t\t\t: connectionState === 'connecting'\n+\t\t\t\t\t? 'Connecting realtime…'\n+\t\t\t\t\t: `Realtime unavailable; polling every ${Math.floor(refreshIntervalMs / 1000)}s`\n+\t\tconst appOrigin =\n+\t\t\ttypeof window === 'undefined' ? '' : window.location.origin\n+\t\tconst attendeePath = `/s/${encodeURIComponent(shareToken)}`\n+\t\tconst hostPath = `${attendeePath}/${encodeURIComponent(hostAccessToken)}`\n+\t\tconst attendeeUrl = appOrigin ? `${appOrigin}${attendeePath}` : attendeePath\n+\t\tconst hostUrl = appOrigin ? `${appOrigin}${hostPath}` : hostPath\n+\t\tconst scheduleTitle = currentSnapshot?.schedule.title.trim() ?? ''\n+\n+\t\tif (isLoading && !currentSnapshot) {\n+\t\t\tsetDocumentTitle(toAppTitle('Loading host dashboard'))\n+\t\t} else if (currentSnapshot) {\n+\t\t\tsetDocumentTitle(\n+\t\t\t\ttoAppTitle(\n+\t\t\t\t\tscheduleTitle ? `${scheduleTitle} host dashboard` : 'Host dashboard',\n+\t\t\t\t),\n+\t\t\t)\n+\t\t} else {\n+\t\t\tsetDocumentTitle(toAppTitle('Host dashboard unavailable'))\n+\t\t}\n+\n+\t\treturn (\n+\t\t\t

\n+\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\tHost dashboard\n+\t\t\t\t\t\n+\t\t\t\t\t

\n+\t\t\t\t\t\tManage schedule settings and choose the best meeting slot.\n+\t\t\t\t\t

\n+\t\t\t\t\t\n+\t\t\t\t\t\t{connectionLabel}\n+\t\t\t\t\t

\n+\t\t\t\t\t

\n+\t\t\t\t\t\tTimes are shown in your browser timezone: {browserTimeZone}\n+\t\t\t\t\t

\n+\t\t\t\t\t

Save these links.

\n+\t\t\t\t\t\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tAttendee submission link\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t{attendeeUrl}\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\tvoid copyValueToClipboard('Attendee link', attendeeUrl),\n+\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\t\t\t\twidth: 34,\n+\t\t\t\t\t\t\t\t\t\theight: 34,\n+\t\t\t\t\t\t\t\t\t\tpadding: 0,\n+\t\t\t\t\t\t\t\t\t\tborderRadius: radius.sm,\n+\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n+\t\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n+\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t{renderCopyIcon()}\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\tHost dashboard link\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t{hostUrl}\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\tvoid copyValueToClipboard('Host link', hostUrl),\n+\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\t\t\t\twidth: 34,\n+\t\t\t\t\t\t\t\t\t\theight: 34,\n+\t\t\t\t\t\t\t\t\t\tpadding: 0,\n+\t\t\t\t\t\t\t\t\t\tborderRadius: radius.sm,\n+\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\tbackgroundColor: colors.surface,\n+\t\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n+\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t{renderCopyIcon()}\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\n+\t\t\t\t\t\t{clipboardMessage ?? '\\u00a0'}\n+\t\t\t\t\t

\n+\t\t\t\t\n+\n+\t\t\t\t\n+\t\t\t\t\t{isLoading ? (\n+\t\t\t\t\t\t

\n+\t\t\t\t\t\t\tLoading host dashboard…\n+\t\t\t\t\t\t

\n+\t\t\t\t\t) : currentSnapshot ? (\n+\t\t\t\t\t\t<>\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tSchedule title\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\tconst nextTitle = event.currentTarget.value\n+\t\t\t\t\t\t\t\t\t\t\t\tif (nextTitle === titleDraft) return\n+\t\t\t\t\t\t\t\t\t\t\t\ttitleDraft = nextTitle\n+\t\t\t\t\t\t\t\t\t\t\t\tchangeVersion += 1\n+\t\t\t\t\t\t\t\t\t\t\t\tqueueHostSettingsSave()\n+\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tStart date\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\tupdateRangeDraft({\n+\t\t\t\t\t\t\t\t\t\t\t\t\tstartDateInput: event.currentTarget.value,\n+\t\t\t\t\t\t\t\t\t\t\t\t})\n+\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\tEnd date\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\tupdateRangeDraft({\n+\t\t\t\t\t\t\t\t\t\t\t\t\tendDateInput: event.currentTarget.value,\n+\t\t\t\t\t\t\t\t\t\t\t\t})\n+\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\tpadding: `${spacing.sm} ${spacing.md}`,\n+\t\t\t\t\t\t\t\t\t\t\tborderRadius: radius.md,\n+\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: colors.background,\n+\t\t\t\t\t\t\t\t\t\t\tcolor: colors.text,\n+\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\n+\n+\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\tRespondents and summary\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t{previewSelectionCount > 0 ? (\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\tClear selection\n+\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t) : null}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t{previewSelection.state.mode ? (\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\tSelecting {previewSelection.state.slots.size} slot\n+\t\t\t\t\t\t\t\t\t\t\t{previewSelection.state.slots.size === 1 ? '' : 's'} —\n+\t\t\t\t\t\t\t\t\t\t\trelease to apply or press Escape to cancel.\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t) : null}\n+\t\t\t\t\t\t\t\t\t{previewSelectionStatus ? (\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t{previewSelectionStatus}\n+\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t) : null}\n+\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t{attendees.map((attendee) => {\n+\t\t\t\t\t\t\t\t\t\t\tconst isIncluded = !excludedAttendeeIds.has(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\tconst isHostAttendee = attendee.isHost\n+\t\t\t\t\t\t\t\t\t\t\tconst submissionNameDraft =\n+\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.get(attendee.id) ??\n+\t\t\t\t\t\t\t\t\t\t\t\tattendee.name\n+\t\t\t\t\t\t\t\t\t\t\tconst nameDraft = isHostAttendee\n+\t\t\t\t\t\t\t\t\t\t\t\t? hostNameDraft\n+\t\t\t\t\t\t\t\t\t\t\t\t: submissionNameDraft\n+\t\t\t\t\t\t\t\t\t\t\tconst displayNamePillWidthPx =\n+\t\t\t\t\t\t\t\t\t\t\t\tmeasureNamePillWidthPx(nameDraft)\n+\t\t\t\t\t\t\t\t\t\t\tconst editNamePillWidthPx =\n+\t\t\t\t\t\t\t\t\t\t\t\tmeasureNamePillWidthPx(nameDraft)\n+\t\t\t\t\t\t\t\t\t\t\tconst pendingSubmissionAction =\n+\t\t\t\t\t\t\t\t\t\t\t\tsubmissionActionById.get(attendee.id) ?? null\n+\t\t\t\t\t\t\t\t\t\t\tconst submissionErrorMessage =\n+\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.get(attendee.id) ?? null\n+\t\t\t\t\t\t\t\t\t\t\tconst isEditingSubmission =\n+\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId === attendee.id\n+\t\t\t\t\t\t\t\t\t\t\tconst isFocusedPreviewAttendee =\n+\t\t\t\t\t\t\t\t\t\t\t\tfocusedPreviewAttendeeId === attendee.id\n+\t\t\t\t\t\t\t\t\t\t\tconst rangeSummaryEntry =\n+\t\t\t\t\t\t\t\t\t\t\t\tpreviewRangeSummaryById.get(attendee.id) ?? null\n+\t\t\t\t\t\t\t\t\t\t\tconst totalSummaryEntry =\n+\t\t\t\t\t\t\t\t\t\t\t\tattendeeTotalSummaryById.get(attendee.id) ?? null\n+\t\t\t\t\t\t\t\t\t\t\tconst normalizedSubmissionName = normalizeName(nameDraft)\n+\t\t\t\t\t\t\t\t\t\t\tconst hasBlankSubmissionName =\n+\t\t\t\t\t\t\t\t\t\t\t\tisEditingSubmission &&\n+\t\t\t\t\t\t\t\t\t\t\t\tnormalizedSubmissionName.length === 0\n+\t\t\t\t\t\t\t\t\t\t\tconst inlineSubmissionErrorMessage =\n+\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorMessage ??\n+\t\t\t\t\t\t\t\t\t\t\t\t(hasBlankSubmissionName\n+\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Submission name is required.'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t: null)\n+\t\t\t\t\t\t\t\t\t\t\tconst inlineSubmissionErrorId = `submission-error-${attendee.id}`\n+\t\t\t\t\t\t\t\t\t\t\treturn (\n+\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isEditingSubmission ? (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst formData = new FormData(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.currentTarget,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst submittedNameDraft = String(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformData.get('submissionName') ?? '',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst normalizedSubmittedName =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnormalizeName(submittedNameDraft)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (!normalizedSubmittedName) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (isHostAttendee) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thostNameDraft = submittedNameDraft\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmittedNameDraft,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Submission name is required.',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnormalizedSubmittedName ===\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnormalizeName(attendee.name)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId = null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusSubmissionEditButton(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (isHostAttendee) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thostNameDraft = submittedNameDraft\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchangeVersion += 1\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tqueueHostSettingsSave()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId = null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusSubmissionEditButton(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmittedNameDraft,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId = null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusSubmissionEditButton(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvoid renameSubmission(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnormalizedSubmittedName,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: spacing.xs,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tminWidth: 0,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst nextName =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.currentTarget.value\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst measuredWidthPx =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmeasureNamePillWidthPx(nextName)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.currentTarget.style.width = `${measuredWidthPx}px`\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (isHostAttendee) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thostNameDraft = nextName\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnextName,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst didClearError =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (didClearError) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkeydown: (event) => {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (event.key !== 'Escape') return\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId = null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (isHostAttendee) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thostNameDraft = attendee.name\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.name,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusSubmissionEditButton(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tblur: (event) => {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId !== attendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst nextFocused =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.relatedTarget\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (nextFocused instanceof Element) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst parentEditForm =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocused.closest(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`form[data-submission-edit-form=\"${attendee.id}\"]`,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (parentEditForm) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId = null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (isHostAttendee) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thostNameDraft = attendee.name\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.name,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (pendingSubmissionAction !== null)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst previousEditingSubmissionId =\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\teditingSubmissionId = attendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!isHostAttendee &&\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!submissionNameDraftById.has(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionNameDraftById.set(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.name,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousEditingSubmissionId &&\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousEditingSubmissionId !==\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousEditingSubmissionId,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubmissionErrorById.delete(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusSubmissionEditInput(attendee.id, {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectAll: true,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tappearance: 'none',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: spacing.xs,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getNamePillBaseStyles({\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisIncluded,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidthPx: displayNamePillWidthPx,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}),\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'left',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingSubmissionAction === null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'pointer'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'not-allowed',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{nameDraft}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!isHostAttendee ? (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (pendingSubmissionAction !== null)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId !==\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetDeleteConfirmationAttendee(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId = null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandle.update()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvoid deleteSubmission(attendee.id)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tblur: () => {\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId !==\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetDeleteConfirmationAttendee(null)\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId ===\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'auto'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 30,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 30,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId ===\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `0 ${spacing.xs}`\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: radius.sm,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId ===\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? colors.error\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: colors.background,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdeleteConfirmationAttendeeId ===\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tattendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? colors.onPrimary\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: colors.error,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingSubmissionAction === null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'pointer'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'not-allowed',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\topacity:\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpendingSubmissionAction === null\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 1\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 0.72,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{pendingSubmissionAction === 'delete'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Deleting…'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: deleteConfirmationAttendeeId ===\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t attendee.id\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Confirm'\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: renderTrashIcon()}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{renderHostIcon()}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttoggleIncludedAttendee(attendee.id),\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 30,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 30,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: 0,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: radius.sm,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: isIncluded\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? colors.primary\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: colors.background,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: isIncluded\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? colors.onPrimary\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: colors.text,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isIncluded\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? renderVisibleIcon()\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: renderHiddenIcon()}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttoggleFocusedPreviewAttendee(attendee.id),\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcss={{\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'inline-flex',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: 30,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight: 30,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: 0,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: radius.sm,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${colors.border}`,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: isFocusedPreviewAttendee\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? colors.primary\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: colors.background,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: isFocusedPreviewAttendee\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? colors.onPrimary\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: colors.text,\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{renderHighlightIcon()}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t{inlineSubmissionErrorMessage ? (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{inlineSubmissionErrorMessage}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isIncluded ? (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{previewSelectionCount > 0 &&\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tselectedRangeLabel &&\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trangeSummaryEntry ? (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{rangeSummaryEntry.availableSlotCount}/\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{previewSelectionCount} selected slot\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{previewSelectionCount === 1\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? ''\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 's'}{' '}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tavailable.\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{rangeSummaryEntry.availabilityRanges.map(\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(range, index) => (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{index > 0 ? ', ' : null}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{range.localRangeText}{' '}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{range.timeZoneLabel}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : totalSummaryEntry ? (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{totalSummaryEntry.totalAvailableSlots}{' '}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tavailable slot\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{totalSummaryEntry.totalAvailableSlots === 1\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? ''\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 's'}{' '}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t— {totalSummaryEntry.timeZoneLabel}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNo availability recorded yet.\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tExcluded from preview calculations.\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t

\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n+\t\t\t\t\t\t\t\t\t\t\t\t\t\n+\t\t\t\t\t\t\t\t\t\t\t\t

Slot details

\n+\t\t\t\t\t\tHost dashboard not found\n+\t\t\t\t\t

Schedule not found

Host dashboard

Your availability

Calculator Widget Test

Default iframe

Host chat (default iframe)

Sandboxed iframe (MCP host style)

Host chat (sandboxed iframe)

Epic Scheduler

Page not found

Why this workflow matters

What Epic Scheduler exposes via MCP

Validate tools in MCP Jam Inspector

Validate host app routing and input propagation

The one-link prompt pattern

Optional UI workflow via MCP Apps

Why teams love this workflow

What changes when scheduling is visual

Process that works in small teams

Rule 1: Keep slot identity in UTC

Rule 2: Paint windows, not vague preferences

Rule 3: Separate participation from decision ownership

Rule 4: Use visual intensity for triage

Fast host setup

Inline demo: overlap heatmap

Host clarity

Attendee speed

Realtime confidence

Core features

Inline demo: attendee slot visibility

Use-case fit

\n+\t\t\t\t\t\t\t\t${post.title}\n+\t\t\t\t\t\t\t

What we collect

How data is used

Retention and deletion

No security guarantees

Use at your own risk

No uptime commitment

Data loss is possible

Acceptable use

AGENTS.md-10+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

cli.ts-68+54App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/app.tsx-43+193App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/browser-time-zone.ts-0+6App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/client-router.tsx-16+19App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/components/schedule-grid.tsx-0+942App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/counter.tsx-49+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/document-title.ts-0+13App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/grid-drag-autoscroll.ts-0+91App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/schedule-host-widget.ts-0+258App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/schedule-widget-shared.ts-0+147App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/schedule-widget-tool-input.test.ts-0+97App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/schedule-widget-tool-input.ts-0+72App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/schedule-widget.ts-0+668App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/widget-host-bridge.test.ts-0+207App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/mcp-apps/widget-host-bridge.ts-0+304App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/pointer-drag-selection.ts-0+209App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/create-schedule.tsx-469+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/home.tsx-71+956App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/host-schedule.tsx-679+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/index.tsx-9+9App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/respond-schedule.tsx-386+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/schedule-host.tsx-0+3165App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/routes/schedule.tsx-0+1516App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-grid-colors.ts-0+19App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-grid-model.test.ts-0+37App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-grid-model.ts-0+59App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-grid.tsx-322+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-selection-utils.ts-0+23App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-snapshot-utils.ts-0+30App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-utils.test.ts-0+49App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/schedule-utils.ts-0+460App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/styles/tokens.ts-8+9App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/styles/visually-hidden.ts-0+11App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

client/tap-range-mode.ts-0+42App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/cloudflare-agents-sdk.md-6+9App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/code-style.md-6+12App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/end-to-end-testing.md-75+49App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/mcp-apps-starter-guide.md-26+45App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/setup.md-66+60App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/testing-principles.md-10+19App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/agents/ux-principles.md-0+13App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/architecture/authentication.md-0+29App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/architecture/data-storage.md-28+34App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/architecture/index.md-11+14App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/architecture/request-lifecycle.md-30+39App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/cloudflare-offerings.md-45+46App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/environment-variables.md-29+25App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/getting-started.md-87+71App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

docs/setup-manifest.md-52+43App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

e2e/calculator-widget.spec.ts-62+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

e2e/home.spec.ts-13+34App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

e2e/schedule-collaboration.spec.ts-0+88App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

e2e/schedule-host-dashboard.spec.ts-0+236App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

e2e/schedule-widget.spec.ts-0+66App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/apps/schedule-host-ui-entry-point.ts-0+219App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/apps/schedule-ui-entry-point.ts-0+362App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/index.ts-7+56App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/mcp-server-e2e.test.ts-291+478App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/register-resources.ts-0+8App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/register-tools.ts-0+16App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/resources/schedule-app-resource.ts-0+66App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/resources/schedule-host-app-resource.ts-0+66App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/server.ts-274+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/create-schedule.ts-0+304App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/get-schedule-snapshot.ts-0+67App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/open-schedule-host-ui.ts-0+83App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/open-schedule-ui.ts-0+81App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/submit-schedule-availability.ts-0+136App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/summarize-share-token.ts-0+4App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

mcp/tools/update-schedule-host-settings.ts-0+193App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

migrations/0001-init.sql-50+37App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

migrations/0002-scheduler-core.sql-0+39App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

migrations/0003-attendee-time-zone.sql-0+1App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

migrations/0004-schedule-blocked-slots.sql-0+10App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

migrations/0005-schedule-host-access-token.sql-0+4App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

package.json-50+67App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

playwright.config.ts-7+7App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

public/android-chrome-192x192.png-0+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

public/android-chrome-512x512.png-0+0App 1Copy app 2 file to app 1 (Option+Command to sync without opening)Copy app 1 file to app 2 (Option+Command to sync without opening)App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2

App 1
App 2