@remit/web-client 0.0.167 → 0.0.169

package/src/routeTree.gen.ts

@@ -45,6 +45,9 @@ import { Route as MailFlaggedThreadIdMessageIdRouteImport } from './routes/mail/
 import { Route as MailFlaggedComposeChar123OutboxMessageIdChar125RouteImport } from './routes/mail/flagged/compose.{-$outboxMessageId}'
 import { Route as MailOutboxComposeChar123OutboxMessageIdChar125RouteImport } from './routes/mail/outbox/compose.{-$outboxMessageId}'
 import { Route as MailOutboxDraftOutboxMessageIdRouteImport } from './routes/mail/outbox/draft/$outboxMessageId'
+import { Route as MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport } from './routes/mail/$mailboxId/$threadId/$messageId/$mode.{-$outboxMessageId}'
+import { Route as MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport } from './routes/mail/brief/$threadId/$messageId/$mode.{-$outboxMessageId}'
+import { Route as MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport } from './routes/mail/flagged/$threadId/$messageId/$mode.{-$outboxMessageId}'
 
 const IndexRoute = IndexRouteImport.update({
   id: '/',
@@ -236,6 +239,30 @@ const MailOutboxDraftOutboxMessageIdRoute =
     path: '/draft/$outboxMessageId',
     getParentRoute: () => MailOutboxRoute,
   } as any)
+const MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route =
+  MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport.update(
+    {
+      id: '/$mode/{-$outboxMessageId}',
+      path: '/$mode/{-$outboxMessageId}',
+      getParentRoute: () => MailMailboxIdThreadIdMessageIdRoute,
+    } as any,
+  )
+const MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route =
+  MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport.update(
+    {
+      id: '/$mode/{-$outboxMessageId}',
+      path: '/$mode/{-$outboxMessageId}',
+      getParentRoute: () => MailBriefThreadIdMessageIdRoute,
+    } as any,
+  )
+const MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route =
+  MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport.update(
+    {
+      id: '/$mode/{-$outboxMessageId}',
+      path: '/$mode/{-$outboxMessageId}',
+      getParentRoute: () => MailFlaggedThreadIdMessageIdRoute,
+    } as any,
+  )
 
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
@@ -263,17 +290,20 @@ export interface FileRoutesByFullPath {
   '/mail/brief/': typeof MailBriefIndexRoute
   '/mail/flagged/': typeof MailFlaggedIndexRoute
   '/mail/outbox/': typeof MailOutboxIndexRoute
-  '/mail/$mailboxId/$threadId/$messageId': typeof MailMailboxIdThreadIdMessageIdRoute
+  '/mail/$mailboxId/$threadId/$messageId': typeof MailMailboxIdThreadIdMessageIdRouteWithChildren
   '/mail/$mailboxId/compose/{-$outboxMessageId}': typeof MailMailboxIdComposeChar123OutboxMessageIdChar125Route
-  '/mail/brief/$threadId/$messageId': typeof MailBriefThreadIdMessageIdRoute
+  '/mail/brief/$threadId/$messageId': typeof MailBriefThreadIdMessageIdRouteWithChildren
   '/mail/brief/compose/{-$outboxMessageId}': typeof MailBriefComposeChar123OutboxMessageIdChar125Route
-  '/mail/flagged/$threadId/$messageId': typeof MailFlaggedThreadIdMessageIdRoute
+  '/mail/flagged/$threadId/$messageId': typeof MailFlaggedThreadIdMessageIdRouteWithChildren
   '/mail/flagged/compose/{-$outboxMessageId}': typeof MailFlaggedComposeChar123OutboxMessageIdChar125Route
   '/mail/outbox/compose/{-$outboxMessageId}': typeof MailOutboxComposeChar123OutboxMessageIdChar125Route
   '/mail/outbox/draft/$outboxMessageId': typeof MailOutboxDraftOutboxMessageIdRoute
   '/mail/$mailboxId/$threadId/': typeof MailMailboxIdThreadIdIndexRoute
   '/mail/brief/$threadId/': typeof MailBriefThreadIdIndexRoute
   '/mail/flagged/$threadId/': typeof MailFlaggedThreadIdIndexRoute
+  '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+  '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+  '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
@@ -292,17 +322,20 @@ export interface FileRoutesByTo {
   '/mail/brief': typeof MailBriefIndexRoute
   '/mail/flagged': typeof MailFlaggedIndexRoute
   '/mail/outbox': typeof MailOutboxIndexRoute
-  '/mail/$mailboxId/$threadId/$messageId': typeof MailMailboxIdThreadIdMessageIdRoute
+  '/mail/$mailboxId/$threadId/$messageId': typeof MailMailboxIdThreadIdMessageIdRouteWithChildren
   '/mail/$mailboxId/compose/{-$outboxMessageId}': typeof MailMailboxIdComposeChar123OutboxMessageIdChar125Route
-  '/mail/brief/$threadId/$messageId': typeof MailBriefThreadIdMessageIdRoute
+  '/mail/brief/$threadId/$messageId': typeof MailBriefThreadIdMessageIdRouteWithChildren
   '/mail/brief/compose/{-$outboxMessageId}': typeof MailBriefComposeChar123OutboxMessageIdChar125Route
-  '/mail/flagged/$threadId/$messageId': typeof MailFlaggedThreadIdMessageIdRoute
+  '/mail/flagged/$threadId/$messageId': typeof MailFlaggedThreadIdMessageIdRouteWithChildren
   '/mail/flagged/compose/{-$outboxMessageId}': typeof MailFlaggedComposeChar123OutboxMessageIdChar125Route
   '/mail/outbox/compose/{-$outboxMessageId}': typeof MailOutboxComposeChar123OutboxMessageIdChar125Route
   '/mail/outbox/draft/$outboxMessageId': typeof MailOutboxDraftOutboxMessageIdRoute
   '/mail/$mailboxId/$threadId': typeof MailMailboxIdThreadIdIndexRoute
   '/mail/brief/$threadId': typeof MailBriefThreadIdIndexRoute
   '/mail/flagged/$threadId': typeof MailFlaggedThreadIdIndexRoute
+  '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+  '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+  '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -331,17 +364,20 @@ export interface FileRoutesById {
   '/mail/brief/': typeof MailBriefIndexRoute
   '/mail/flagged/': typeof MailFlaggedIndexRoute
   '/mail/outbox/': typeof MailOutboxIndexRoute
-  '/mail/$mailboxId/$threadId/$messageId': typeof MailMailboxIdThreadIdMessageIdRoute
+  '/mail/$mailboxId/$threadId/$messageId': typeof MailMailboxIdThreadIdMessageIdRouteWithChildren
   '/mail/$mailboxId/compose/{-$outboxMessageId}': typeof MailMailboxIdComposeChar123OutboxMessageIdChar125Route
-  '/mail/brief/$threadId/$messageId': typeof MailBriefThreadIdMessageIdRoute
+  '/mail/brief/$threadId/$messageId': typeof MailBriefThreadIdMessageIdRouteWithChildren
   '/mail/brief/compose/{-$outboxMessageId}': typeof MailBriefComposeChar123OutboxMessageIdChar125Route
-  '/mail/flagged/$threadId/$messageId': typeof MailFlaggedThreadIdMessageIdRoute
+  '/mail/flagged/$threadId/$messageId': typeof MailFlaggedThreadIdMessageIdRouteWithChildren
   '/mail/flagged/compose/{-$outboxMessageId}': typeof MailFlaggedComposeChar123OutboxMessageIdChar125Route
   '/mail/outbox/compose/{-$outboxMessageId}': typeof MailOutboxComposeChar123OutboxMessageIdChar125Route
   '/mail/outbox/draft/$outboxMessageId': typeof MailOutboxDraftOutboxMessageIdRoute
   '/mail/$mailboxId/$threadId/': typeof MailMailboxIdThreadIdIndexRoute
   '/mail/brief/$threadId/': typeof MailBriefThreadIdIndexRoute
   '/mail/flagged/$threadId/': typeof MailFlaggedThreadIdIndexRoute
+  '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+  '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+  '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}': typeof MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -382,6 +418,9 @@ export interface FileRouteTypes {
     | '/mail/$mailboxId/$threadId/'
     | '/mail/brief/$threadId/'
     | '/mail/flagged/$threadId/'
+    | '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}'
+    | '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}'
+    | '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -411,6 +450,9 @@ export interface FileRouteTypes {
     | '/mail/$mailboxId/$threadId'
     | '/mail/brief/$threadId'
     | '/mail/flagged/$threadId'
+    | '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}'
+    | '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}'
+    | '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}'
   id:
     | '__root__'
     | '/'
@@ -449,6 +491,9 @@ export interface FileRouteTypes {
     | '/mail/$mailboxId/$threadId/'
     | '/mail/brief/$threadId/'
     | '/mail/flagged/$threadId/'
+    | '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}'
+    | '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}'
+    | '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -712,16 +757,53 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof MailOutboxDraftOutboxMessageIdRouteImport
       parentRoute: typeof MailOutboxRoute
     }
+    '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}': {
+      id: '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}'
+      path: '/$mode/{-$outboxMessageId}'
+      fullPath: '/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}'
+      preLoaderRoute: typeof MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport
+      parentRoute: typeof MailMailboxIdThreadIdMessageIdRoute
+    }
+    '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}': {
+      id: '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}'
+      path: '/$mode/{-$outboxMessageId}'
+      fullPath: '/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}'
+      preLoaderRoute: typeof MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport
+      parentRoute: typeof MailBriefThreadIdMessageIdRoute
+    }
+    '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}': {
+      id: '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}'
+      path: '/$mode/{-$outboxMessageId}'
+      fullPath: '/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}'
+      preLoaderRoute: typeof MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125RouteImport
+      parentRoute: typeof MailFlaggedThreadIdMessageIdRoute
+    }
   }
 }
 
+interface MailMailboxIdThreadIdMessageIdRouteChildren {
+  MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route: typeof MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+}
+
+const MailMailboxIdThreadIdMessageIdRouteChildren: MailMailboxIdThreadIdMessageIdRouteChildren =
+  {
+    MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route:
+      MailMailboxIdThreadIdMessageIdModeChar123OutboxMessageIdChar125Route,
+  }
+
+const MailMailboxIdThreadIdMessageIdRouteWithChildren =
+  MailMailboxIdThreadIdMessageIdRoute._addFileChildren(
+    MailMailboxIdThreadIdMessageIdRouteChildren,
+  )
+
 interface MailMailboxIdThreadIdRouteChildren {
-  MailMailboxIdThreadIdMessageIdRoute: typeof MailMailboxIdThreadIdMessageIdRoute
+  MailMailboxIdThreadIdMessageIdRoute: typeof MailMailboxIdThreadIdMessageIdRouteWithChildren
   MailMailboxIdThreadIdIndexRoute: typeof MailMailboxIdThreadIdIndexRoute
 }
 
 const MailMailboxIdThreadIdRouteChildren: MailMailboxIdThreadIdRouteChildren = {
-  MailMailboxIdThreadIdMessageIdRoute: MailMailboxIdThreadIdMessageIdRoute,
+  MailMailboxIdThreadIdMessageIdRoute:
+    MailMailboxIdThreadIdMessageIdRouteWithChildren,
   MailMailboxIdThreadIdIndexRoute: MailMailboxIdThreadIdIndexRoute,
 }
 
@@ -747,13 +829,28 @@ const MailMailboxIdRouteWithChildren = MailMailboxIdRoute._addFileChildren(
   MailMailboxIdRouteChildren,
 )
 
+interface MailBriefThreadIdMessageIdRouteChildren {
+  MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route: typeof MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+}
+
+const MailBriefThreadIdMessageIdRouteChildren: MailBriefThreadIdMessageIdRouteChildren =
+  {
+    MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route:
+      MailBriefThreadIdMessageIdModeChar123OutboxMessageIdChar125Route,
+  }
+
+const MailBriefThreadIdMessageIdRouteWithChildren =
+  MailBriefThreadIdMessageIdRoute._addFileChildren(
+    MailBriefThreadIdMessageIdRouteChildren,
+  )
+
 interface MailBriefThreadIdRouteChildren {
-  MailBriefThreadIdMessageIdRoute: typeof MailBriefThreadIdMessageIdRoute
+  MailBriefThreadIdMessageIdRoute: typeof MailBriefThreadIdMessageIdRouteWithChildren
   MailBriefThreadIdIndexRoute: typeof MailBriefThreadIdIndexRoute
 }
 
 const MailBriefThreadIdRouteChildren: MailBriefThreadIdRouteChildren = {
-  MailBriefThreadIdMessageIdRoute: MailBriefThreadIdMessageIdRoute,
+  MailBriefThreadIdMessageIdRoute: MailBriefThreadIdMessageIdRouteWithChildren,
   MailBriefThreadIdIndexRoute: MailBriefThreadIdIndexRoute,
 }
 
@@ -777,13 +874,29 @@ const MailBriefRouteWithChildren = MailBriefRoute._addFileChildren(
   MailBriefRouteChildren,
 )
 
+interface MailFlaggedThreadIdMessageIdRouteChildren {
+  MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route: typeof MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route
+}
+
+const MailFlaggedThreadIdMessageIdRouteChildren: MailFlaggedThreadIdMessageIdRouteChildren =
+  {
+    MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route:
+      MailFlaggedThreadIdMessageIdModeChar123OutboxMessageIdChar125Route,
+  }
+
+const MailFlaggedThreadIdMessageIdRouteWithChildren =
+  MailFlaggedThreadIdMessageIdRoute._addFileChildren(
+    MailFlaggedThreadIdMessageIdRouteChildren,
+  )
+
 interface MailFlaggedThreadIdRouteChildren {
-  MailFlaggedThreadIdMessageIdRoute: typeof MailFlaggedThreadIdMessageIdRoute
+  MailFlaggedThreadIdMessageIdRoute: typeof MailFlaggedThreadIdMessageIdRouteWithChildren
   MailFlaggedThreadIdIndexRoute: typeof MailFlaggedThreadIdIndexRoute
 }
 
 const MailFlaggedThreadIdRouteChildren: MailFlaggedThreadIdRouteChildren = {
-  MailFlaggedThreadIdMessageIdRoute: MailFlaggedThreadIdMessageIdRoute,
+  MailFlaggedThreadIdMessageIdRoute:
+    MailFlaggedThreadIdMessageIdRouteWithChildren,
   MailFlaggedThreadIdIndexRoute: MailFlaggedThreadIdIndexRoute,
 }
 

package/src/routes/mail/$mailboxId/$threadId/$messageId/$mode.{-$outboxMessageId}.tsx

@@ -0,0 +1,14 @@
+// biome-ignore lint/style/useFilenamingConvention: TanStack Router convention
+/**
+ * The reply, reply-all or forward under a conversation opened from a folder.
+ *
+ * The same shape as the brief's: a child of the message so the source is the
+ * address, the mode as one param rather than three literal routes, and the
+ * draft as an optional segment so recording it does not unmount the composer.
+ * The conversation reads it off the address and opens it at its head.
+ */
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute(
+	"/mail/$mailboxId/$threadId/$messageId/$mode/{-$outboxMessageId}",
+)({});

package/src/routes/mail/$mailboxId/$threadId/$messageId.tsx

@@ -6,6 +6,10 @@
  * with no thread, so the pane has nothing to fetch by. The segment names which
  * message inside the thread the reader pointed at, and the surface it renders is
  * the thread's.
+ *
+ * It mounts the pane rather than delegating to an index route, because the
+ * reply is a segment under it: a conversation that came back on a child match
+ * would collapse and scroll to the top the moment someone pressed Reply.
  */
 import { createFileRoute } from "@tanstack/react-router";
 import { MailboxPane } from "@/components/mail/MailboxPane";

package/src/routes/mail/brief/$threadId/$messageId/$mode.{-$outboxMessageId}.tsx

@@ -0,0 +1,26 @@
+// biome-ignore lint/style/useFilenamingConvention: TanStack Router convention
+/**
+ * /mail/brief/<thread>/<message>/reply — the answer to that message, written at
+ * the head of the conversation it answers, and
+ * /mail/brief/<thread>/<message>/reply/<outboxMessageId> once it has a draft.
+ *
+ * A child of the message, so a reply cannot exist without a source and the
+ * conversation stays matched behind it. `reply`, `reply-all` and `forward` are
+ * one param rather than three literal routes: they differ in what the composer
+ * opens on, not in what the address mounts.
+ *
+ * The draft is an optional segment of this one route rather than a child of it,
+ * because the first autosave adopts the id it just created while the reader is
+ * still typing. Two routes would unmount the composer mid-sentence; one route
+ * with a param that arrives is a rewritten address and nothing more.
+ *
+ * The route declares the segments and mounts nothing itself. The composer opens
+ * inside the conversation, above the turn it answers, and the conversation is
+ * the single pane on a phone — where there is no reading `Outlet` to fill — so
+ * the pane reads the reply off the address, the way the shell reads compose.
+ */
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute(
+	"/mail/brief/$threadId/$messageId/$mode/{-$outboxMessageId}",
+)({});

package/src/routes/mail/brief/$threadId/$messageId.tsx

@@ -6,6 +6,10 @@
  * with no thread, so the pane has nothing to fetch by. The segment names which
  * message inside the thread the reader pointed at, and the surface it renders is
  * the thread's.
+ *
+ * It mounts the pane rather than delegating to an index route, because the
+ * reply is a segment under it: a conversation that came back on a child match
+ * would collapse and scroll to the top the moment someone pressed Reply.
  */
 import { createFileRoute } from "@tanstack/react-router";
 import { BriefPane } from "@/components/mail/BriefPane";

package/src/routes/mail/flagged/$threadId/$messageId/$mode.{-$outboxMessageId}.tsx

@@ -0,0 +1,14 @@
+// biome-ignore lint/style/useFilenamingConvention: TanStack Router convention
+/**
+ * The reply, reply-all or forward under a conversation opened from Starred.
+ *
+ * The same shape as the brief's: a child of the message so the source is the
+ * address, the mode as one param rather than three literal routes, and the
+ * draft as an optional segment so recording it does not unmount the composer.
+ * The conversation reads it off the address and opens it at its head.
+ */
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute(
+	"/mail/flagged/$threadId/$messageId/$mode/{-$outboxMessageId}",
+)({});

package/src/routes/mail/flagged/$threadId/$messageId.tsx

@@ -6,6 +6,10 @@
  * with no thread, so the pane has nothing to fetch by. The segment names which
  * message inside the thread the reader pointed at, and the surface it renders is
  * the thread's.
+ *
+ * It mounts the pane rather than delegating to an index route, because the
+ * reply is a segment under it: a conversation that came back on a child match
+ * would collapse and scroll to the top the moment someone pressed Reply.
  */
 import { createFileRoute } from "@tanstack/react-router";
 import { FlaggedPane } from "@/components/mail/FlaggedPane";

package/src/routing/browsed-list.ts

@@ -0,0 +1,22 @@
+import { useParams, useRouterState } from "@tanstack/react-router";
+import { type MailListRoute, mailListRoute } from "@/lib/mail-route";
+
+export interface BrowsedList {
+	list: MailListRoute["list"] | undefined;
+	mailboxId: string | undefined;
+}
+
+/**
+ * The list the address is browsing, as the two values a navigation to it needs.
+ *
+ * Both are primitives, so a caller holding them in a dependency array settles.
+ * Every surface a list can open — compose, a reply — reads the same answer, so
+ * the four lists cannot disagree about which one is underneath.
+ */
+export function useBrowsedList(): BrowsedList {
+	const list = useRouterState({
+		select: (state) => mailListRoute(state.matches)?.list,
+	});
+	const mailbox = useParams({ from: "/mail/$mailboxId", shouldThrow: false });
+	return { list, mailboxId: mailbox?.mailboxId };
+}

package/src/routing/compose.ts

@@ -1,6 +1,6 @@
-import { useNavigate, useParams, useRouterState } from "@tanstack/react-router";
+import { useNavigate, useParams } from "@tanstack/react-router";
 import { useCallback } from "react";
-import { mailListRoute } from "@/lib/mail-route";
+import { useBrowsedList } from "./browsed-list";
 import { useRetainOpenPanels } from "./fragment";
 
 /**
@@ -50,21 +50,6 @@ export function useComposeDraftId(): string | undefined {
 	return useComposeParams()?.outboxMessageId;
 }
 
-/**
- * The list the address is browsing, as the two values a navigation to it needs.
- * Both are primitives, so a caller holding them in a dependency array settles.
- */
-function useBrowsedList(): {
-	list: "brief" | "flagged" | "outbox" | "mailbox" | undefined;
-	mailboxId: string | undefined;
-} {
-	const list = useRouterState({
-		select: (state) => mailListRoute(state.matches)?.list,
-	});
-	const mailbox = useParams({ from: "/mail/$mailboxId", shouldThrow: false });
-	return { list, mailboxId: mailbox?.mailboxId };
-}
-
 interface ComposeNavigation {
 	/** Which list's compose route, and the draft segment under it. */
 	to: typeof BRIEF_COMPOSE | typeof FLAGGED_COMPOSE | typeof OUTBOX_COMPOSE;

package/src/routing/index.ts

@@ -26,3 +26,15 @@ export {
 	useOpenThreadPath,
 } from "./open-thread";
 export { useOutboxDraftId } from "./outbox-draft";
+export {
+	type ReplyAddress,
+	type ReplyMode,
+	type ReplySurface,
+	type ReplyTarget,
+	replyModes,
+	useAdoptReplyDraft,
+	useCloseReply,
+	useIsReplying,
+	useOpenReply,
+	useReplySurface,
+} from "./reply";