@remit/ui 0.0.31 → 0.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remit/ui",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "type": "module",
   "files": [
     "src"

package/src/components/app-shell.render.test.ts

@@ -109,8 +109,9 @@ describe("AppShell render honors the pane layout (#784)", () => {
 		thread,
 		intelligence,
 	};
-	// The reading pane's toolbar is the only place "Search mail" renders.
-	const readingPaneMarker = /Search mail/;
+	// The desktop reading-pane toolbar keeps the kit's default shortcut hints;
+	// the mobile pane passes its own labels without them.
+	const readingPaneMarker = /title="Reply \(r\)"/;
 	// "Known sender" is the wellknown trust label, rendered only by the rail.
 	const intelligenceMarker = /Known sender/;
 
@@ -175,7 +176,7 @@ describe("AppShell narrow message view: width-gated in-place swap", () => {
 	// narrow single pane is showing the message view.
 	const messageViewMarker = /aria-label="Back to messages"/;
 	// The desktop reading-pane toolbar — present only at/above 1024.
-	const readingPaneMarker = /Search mail/;
+	const readingPaneMarker = /title="Reply \(r\)"/;
 
 	it("below 1024 defaults to the list, not the message view", () => {
 		const html = render({ ...withThread, initialWidth: 800 });

package/src/components/reading-pane.render.test.ts

@@ -53,9 +53,10 @@ describe("ReadingPane", () => {
 		assert.match(html, /Select a thread to read/);
 	});
 
-	it("renders the toolbar with the search input", () => {
+	it("renders the message verbs and no search field — search is the app top bar's", () => {
 		const html = renderToString(createElement(ReadingPane, { thread }));
-		assert.match(html, /Search mail/);
+		assert.match(html, /title="Reply \(r\)"/);
+		assert.doesNotMatch(html, /Search mail/);
 	});
 });
 

package/src/components/reading-pane.tsx

@@ -1,17 +1,9 @@
-import {
-	ChevronDown,
-	ChevronRight,
-	Search,
-	ShieldAlert,
-	SquarePen,
-} from "lucide-react";
+import { ChevronDown, ChevronRight, ShieldAlert } from "lucide-react";
 import { type ReactNode, useState } from "react";
 import { cn } from "../lib/cn.js";
 import { isSelfRowActivation } from "../lib/row-keyboard.js";
 import type { ThreadData, ThreadMessageData } from "./app-shell-types.js";
 import { Avatar } from "./avatar.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
 import { IntelligenceToggle } from "./intelligence-toggle.js";
 import { MailActionToolbar } from "./mail-action-toolbar.js";
 import { MessageBodyView } from "./message-body-view.js";
@@ -252,13 +244,14 @@ export function ExpandedMessage({
 }
 
 /**
- * Message action toolbar on the pane-header datum: the reading pane's
- * verbs (reply/reply-all/forward, delete/move/flag) plus search and
- * compose, Apple Mail-style above the message area. Built on the shared
- * `MailActionToolbar` so the mail verbs stay pressable with no
- * thread open and explain inline rather than greying out (the never-disable
- * tenet). The intelligence toggle is the exception: it holds its slot and greys
- * out when there is no rail to open (#52).
+ * Message action toolbar on the pane-header datum: the reading pane's verbs
+ * (reply/reply-all/forward, delete/move/flag) and the intelligence toggle.
+ * Everything here acts on the open message; search, compose and the account
+ * menu belong to the app and live in the `AppTopBar` above every pane. Built on
+ * the shared `MailActionToolbar` so the mail verbs stay pressable with no thread
+ * open and explain inline rather than greying out (the never-disable tenet). The
+ * intelligence toggle is the exception: it holds its slot and greys out when
+ * there is no rail to open (#52).
  */
 function MessageToolbar({
 	hasThread,
@@ -278,21 +271,6 @@ function MessageToolbar({
 			onUnavailable={() => setHint("Open a message first")}
 			unavailableHint={hint}
 		>
-			{/* Apple Mail geometry: search sits top-right over the message
-			    area but still filters the current list / brief */}
-			<Input
-				icon={<Search className="size-4" />}
-				placeholder="Search mail"
-				className="h-8 w-64 min-w-40 shrink"
-			/>
-			<span className="mx-1 h-4 w-px bg-line" aria-hidden />
-			<Button
-				variant="ghost"
-				size="sm"
-				icon={<SquarePen className="size-4" />}
-				title="Compose (⌘N)"
-				aria-label="Compose"
-			/>
 			<IntelligenceToggle
 				open={intelligenceOpen}
 				enabled={canToggleIntelligence}