feat(desktop): device-first Workspaces page — device on rows and title, creator filter, menu/typing perf

apps/desktop/src/renderer/lib/persisted-keys/persisted-key-registry.test-data.ts

@@ -52,6 +52,10 @@ export const PERSISTED_KEY_REGISTRY: ReadonlyArray<
 		"src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/state/paneScrollStateCache/paneScrollStateCache.ts",
 		["v2-pane-scroll-state-v1"],
 	],
+	[
+		"src/renderer/routes/_authenticated/_dashboard/v2-workspaces/stores/v2WorkspacesFilterStore/v2WorkspacesFilterStore.ts",
+		["v2-workspaces-view"],
+	],
 	[
 		"src/renderer/routes/_authenticated/_dashboard/v2-workspace/$workspaceId/hooks/usePaneRegistry/components/ChatV3Pane/components/Composer/Composer.tsx",
 		["chat-v3-draft:*"],

apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/WorkItemsSearch/WorkItemsSearch.tsx

@@ -10,6 +10,8 @@ interface WorkItemsSearchProps {
 	placeholder: string;
 	label: string;
 	className?: string;
+	/** Extends the positioning wrapper (the icon anchors to it), not the input. */
+	containerClassName?: string;
 }
 
 export function WorkItemsSearch({
@@ -18,6 +20,7 @@ export function WorkItemsSearch({
 	placeholder,
 	label,
 	className,
+	containerClassName,
 }: WorkItemsSearchProps) {
 	const inputRef = useRef<HTMLInputElement>(null);
 
@@ -31,7 +34,9 @@ export function WorkItemsSearch({
 	);
 
 	return (
-		<div className="relative w-full @4xl:w-56 @6xl:w-64">
+		<div
+			className={cn("relative w-full @4xl:w-56 @6xl:w-64", containerClassName)}
+		>
 			<HiOutlineMagnifyingGlass className="pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
 			<Input
 				ref={inputRef}

apps/desktop/src/renderer/routes/_authenticated/_dashboard/v2-workspaces/components/V2WorkspacesBoard/components/V2WorkspacesBoardCard/V2WorkspacesBoardCard.tsx

@@ -2,6 +2,7 @@ import { plural } from "@lingui/core/macro";
 import { Trans, useLingui } from "@lingui/react/macro";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@superset/ui/tooltip";
 import { cn } from "@superset/ui/utils";
+import { memo } from "react";
 import { CgLaptop } from "react-icons/cg";
 import { LuGitBranch, LuMonitor } from "react-icons/lu";
 import { V2WorkspaceContextMenu } from "renderer/routes/_authenticated/_dashboard/v2-workspaces/components/V2WorkspaceContextMenu";
@@ -17,7 +18,9 @@ interface V2WorkspacesBoardCardProps {
 	workspace: AccessibleV2Workspace;
 }
 
-export function V2WorkspacesBoardCard({
+// Memoized for the same reason as V2WorkspaceRow: board-wide filter changes
+// must not re-render every card.
+export const V2WorkspacesBoardCard = memo(function V2WorkspacesBoardCard({
 	workspace,
 }: V2WorkspacesBoardCardProps) {
 	// Archived tombstones have no worktree or terminals left — no navigation
@@ -32,7 +35,7 @@ export function V2WorkspacesBoardCard({
 			)}
 		</V2WorkspaceContextMenu>
 	);
-}
+});
 
 /** 181909 → "181.9k" — keeps outlier churn from blowing out the pill. */
 function formatCount(count: number): string {