@remit/web-client 0.0.59 → 0.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remit/web-client",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "type": "module",
   "description": "Remit web client, published as composable primitives — the app shell, auth shells, and runtime config. A distributor imports what it composes and bundles it.",
   "exports": {

package/src/components/mail/organize/MobileOrganizeFlow.tsx

@@ -56,8 +56,14 @@ export function MobileOrganizeFlow({
 	const anchorMessageId = selectedMessageIds[0];
 	const [seed, setSeed] = useState<OrganizeSeed | undefined>();
 
-	const { preview, matchedCount, isPending, isError, error } =
-		useOrganizePreview(accountId);
+	const {
+		preview,
+		matchedCount,
+		semanticUnavailable,
+		isPending,
+		isError,
+		error,
+	} = useOrganizePreview(accountId);
 
 	useEffect(() => {
 		if (!anchorMessageId) return;
@@ -121,6 +127,7 @@ export function MobileOrganizeFlow({
 					initialScope={seed?.scope}
 					seedMailboxId={seed?.moveMailboxId}
 					fallback={stage.fallback}
+					semanticUnavailable={semanticUnavailable}
 					onClose={onClose}
 				/>
 			)}

package/src/components/mail/organize/OrganizeDialog.tsx

@@ -26,8 +26,15 @@ export function OrganizeDialog({
 	onClose,
 }: OrganizeDialogProps) {
 	const anchorMessageId = selectedMessageIds[0];
-	const { preview, reset, matchedCount, isPending, isError, error } =
-		useOrganizePreview(accountId);
+	const {
+		preview,
+		reset,
+		matchedCount,
+		semanticUnavailable,
+		isPending,
+		isError,
+		error,
+	} = useOrganizePreview(accountId);
 
 	useEffect(() => {
 		if (!open || !anchorMessageId) return;
@@ -75,6 +82,7 @@ export function OrganizeDialog({
 					selectedMessageIds={selectedMessageIds}
 					anchorMessageId={anchorMessageId}
 					matchedCount={matchedCount}
+					semanticUnavailable={semanticUnavailable}
 					onClose={handleClose}
 				/>
 			)}

package/src/components/mail/organize/OrganizePanel.render.test.ts

@@ -62,6 +62,12 @@ describe("OrganizePanel", () => {
 		assert.match(html, /organizing just your 2 selected/);
 	});
 
+	it("names the missing vector pipeline and organizes just the selection when the widen is unavailable (#226/#201)", () => {
+		const html = render({ matchedCount: 0, semanticUnavailable: true });
+		assert.match(html, /available on this server/);
+		assert.match(html, /organizing just your 2 selected/);
+	});
+
 	it("pre-selects the seeded scope (a 'Something else' shortcut seeds the sentence)", () => {
 		const html = render({ initialScope: "standing" });
 		// The standing scope's "Always keep" phrasing only renders when it is active.

package/src/components/mail/organize/OrganizePanel.tsx

@@ -42,6 +42,12 @@ interface OrganizePanelProps {
 	 * `just-these`.
 	 */
 	fallback?: boolean;
+	/**
+	 * The server ran no semantic widen because this deployment ships no vector
+	 * pipeline. Like {@link fallback} it organizes just the selection, but the
+	 * heading names the real reason rather than "no similar found".
+	 */
+	semanticUnavailable?: boolean;
 	onClose: () => void;
 }
 
@@ -77,10 +83,14 @@ export function OrganizePanel({
 	initialScope,
 	seedMailboxId,
 	fallback = false,
+	semanticUnavailable = false,
 	onClose,
 }: OrganizePanelProps) {
+	// A missing widen and an empty widen both organize just the selection; only
+	// the heading distinguishes them.
+	const noWiden = fallback || semanticUnavailable;
 	const [scope, setScope] = useState<OrganizeScope>(
-		initialScope ?? (fallback ? "just-these" : "all-like-these"),
+		initialScope ?? (noWiden ? "just-these" : "all-like-these"),
 	);
 	const [moveMailboxId, setMoveMailboxId] = useState<string>(
 		seedMailboxId ?? "",
@@ -178,11 +188,13 @@ export function OrganizePanel({
 			<div className="border-b border-line px-5 py-3">
 				<h2 className="text-sm font-semibold text-fg">Organize</h2>
 				<p className="mt-0.5 text-xs text-fg-muted">
-					{fallback
-						? `No similar messages found — organizing just your ${selectionCount} selected.`
-						: `${matchedCount} similar message${matchedCount === 1 ? "" : "s"} found${
-								selectionCount > 0 ? ` from ${selectionCount} selected` : ""
-							}.`}
+					{semanticUnavailable
+						? `Finding similar mail isn't available on this server — organizing just your ${selectionCount} selected.`
+						: fallback
+							? `No similar messages found — organizing just your ${selectionCount} selected.`
+							: `${matchedCount} similar message${matchedCount === 1 ? "" : "s"} found${
+									selectionCount > 0 ? ` from ${selectionCount} selected` : ""
+								}.`}
 				</p>
 			</div>
 

package/src/components/mail/organize/smart-organize.stories.tsx

@@ -183,6 +183,28 @@ export const NoSimilarFound: Story = {
 	),
 };
 
+/**
+ * The deployment ships no vector pipeline, so the server ran no semantic widen —
+ * the sentence organizes just the selection and the heading names the real
+ * reason (#226/#201).
+ */
+export const SemanticUnavailable: Story = {
+	name: "Semantic Unavailable",
+	render: () => (
+		<SheetStage>
+			<OrganizePanel
+				accountId={ACCOUNT_ID}
+				mailboxId="mbx-inbox"
+				selectedMessageIds={["msg-1", "msg-2"]}
+				anchorMessageId="msg-1"
+				matchedCount={0}
+				semanticUnavailable
+				onClose={() => undefined}
+			/>
+		</SheetStage>
+	),
+};
+
 /** The "Something else" fallback: shortcuts derived from folders + an input. */
 export const SomethingElse: Story = {
 	render: () => (

package/src/hooks/useOrganizePreview.ts

@@ -33,6 +33,9 @@ export const useOrganizePreview = (accountId: string | undefined) => {
 		reset: mutation.reset,
 		matchedCount: mutation.data?.matchedCount,
 		messageIds: mutation.data?.messageIds,
+		// True when the server ran no semantic widen because this deployment
+		// ships no vector pipeline — the matched set is literal-only (or empty).
+		semanticUnavailable: mutation.data?.semanticUnavailable ?? false,
 		isPending: mutation.isPending,
 		isError: mutation.isError,
 		error: mutation.error,