From eb3dc4e88c45fcce53edb44284faf12507a746ee Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Fri, 11 Sep 2026 23:35:13 +0200
Subject: [PATCH] feat(studio): add batch actions, group search filter and
 smart unit category rules

---
 .../admin/studio/organize-imports-dialog.tsx  | 77 ++++++++++++++++---
 src/features/catalog/domain/organize.ts       |  7 ++
 src/messages/en.json                          |  7 +-
 src/messages/nl.json                          |  7 +-
 4 files changed, 85 insertions(+), 13 deletions(-)

diff --git a/src/components/admin/studio/organize-imports-dialog.tsx b/src/components/admin/studio/organize-imports-dialog.tsx
index d59aa385..b94d6bbf 100644
--- a/src/components/admin/studio/organize-imports-dialog.tsx
+++ b/src/components/admin/studio/organize-imports-dialog.tsx
@@ -557,17 +557,72 @@ export function OrganizeImportsDialog({
 						</div>
 					) : (
 						<>
-							<div className="flex items-center justify-between gap-2">
-								<p className="text-xs text-muted-foreground">{t("desc")}</p>
-								<Button
-									type="button"
-									variant="outline"
-									size="sm"
-									className="h-7 px-2 text-[10px]"
-									onClick={toggleAll}
-								>
-									{allApproved ? t("deselectAll") : t("selectAll")}
-								</Button>
+							<div className="flex flex-col gap-2 rounded-md border bg-[var(--admin-surface)] p-3 text-xs">
+								<div className="flex items-center justify-between gap-2">
+									<div className="relative flex-1">
+										<Search className="absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" />
+										<Input
+											className="h-8 pl-8 text-xs"
+											placeholder={t("searchGroups")}
+											value={groupSearchQuery}
+											onChange={(e) => setGroupSearchQuery(e.target.value)}
+										/>
+									</div>
+									<Button
+										type="button"
+										variant="outline"
+										size="sm"
+										className="h-8 px-2.5 text-[10px]"
+										onClick={toggleAll}
+									>
+										{allApproved ? t("deselectAll") : t("selectAll")}
+									</Button>
+								</div>
+
+								{/* Batch Actions Bar */}
+								<div className="flex flex-wrap items-center gap-2 border-t pt-2.5">
+									<span className="text-[10px] font-medium text-muted-foreground">
+										Batch:
+									</span>
+									<Select
+										value={batchLayout}
+										onValueChange={(v) => {
+											if (isValidCatalogLayout(v)) {
+												setBatchLayout(v);
+												applyBatchLayout(v);
+											}
+										}}
+									>
+										<SelectTrigger className="h-7 w-[140px] text-[10px]">
+											<SelectValue placeholder={t("batchLayout")} />
+										</SelectTrigger>
+										<SelectContent>
+											{CATALOG_LAYOUTS.map((l) => (
+												<SelectItem key={l} value={l} className="text-xs">
+													{l}
+												</SelectItem>
+											))}
+										</SelectContent>
+									</Select>
+
+									<div className="flex items-center gap-1">
+										<Input
+											className="h-7 w-[120px] text-[10px]"
+											placeholder={t("batchPrefix")}
+											value={batchPrefix}
+											onChange={(e) => setBatchPrefix(e.target.value)}
+										/>
+										<Button
+											type="button"
+											variant="secondary"
+											size="sm"
+											className="h-7 px-2 text-[10px]"
+											onClick={applyBatchPrefix}
+										>
+											{t("applyBatch")}
+										</Button>
+									</div>
+								</div>
 							</div>
 
 							{groups.map((group) => {
diff --git a/src/features/catalog/domain/organize.ts b/src/features/catalog/domain/organize.ts
index add36720..ffdb72ba 100644
--- a/src/features/catalog/domain/organize.ts
+++ b/src/features/catalog/domain/organize.ts
@@ -270,6 +270,13 @@ function pluralizeLabel(token: string): string {
  * the classname token when nothing stronger is detected.
  */
 function unitLabel(item: SugFurni): string | null {
+	const name = (item.itemName || "").toLowerCase();
+	const pub = (item.publicName || "").toLowerCase();
+	if (name.includes("nft") || pub.includes("nft")) return "NFTs";
+	if (name.includes("dragon") || pub.includes("dragon")) return "Dragons";
+	if (name.includes("laser") || pub.includes("laser")) return "Lasers";
+	if (name.includes("roller") || pub.includes("roller")) return "Rollers";
+
 	const inter = item.interactionType?.toLowerCase();
 	let label: string | undefined;
 	if (inter && inter !== "default") {
diff --git a/src/messages/en.json b/src/messages/en.json
index 72e48392..d69d61cc 100644
--- a/src/messages/en.json
+++ b/src/messages/en.json
@@ -2238,7 +2238,12 @@
 						"root": "Catalog root",
 						"importedRoot": "Imported Furniture",
 						"cancel": "Cancel",
-						"create": "Create {count, plural, one {1 page} other {# pages}}"
+						"create": "Create {count, plural, one {1 page} other {# pages}}",
+						"batchLayout": "Set layout for all",
+						"batchPrefix": "Add prefix to all titles",
+						"applyBatch": "Apply to all",
+						"searchGroups": "Filter import groups...",
+						"visualPreview": "Preview"
 					}
 				},
 				"bulk": {
diff --git a/src/messages/nl.json b/src/messages/nl.json
index 78220f63..909ed1ca 100644
--- a/src/messages/nl.json
+++ b/src/messages/nl.json
@@ -2006,7 +2006,12 @@
 						"root": "Catalogus-hoofdmap",
 						"importedRoot": "Imported Furniture",
 						"cancel": "Annuleren",
-						"create": "{count, plural, one {1 pagina aanmaken} other {# pagina's aanmaken}}"
+						"create": "{count, plural, one {1 pagina aanmaken} other {# pagina's aanmaken}}",
+						"batchLayout": "Indeling voor alle",
+						"batchPrefix": "Prefix toevoegen aan titels",
+						"applyBatch": "Toepassen op alle",
+						"searchGroups": "Filter importgroepen...",
+						"visualPreview": "Voorbeeld"
 					}
 				},
 				"bulk": {