Harden catalog admin: fix translate/quick-add, RCON sync, and confirm UX.

Restore broken Quick Add search, correct Translate saves to items_base and FurnitureData, reparent page deletes, sync RCON on create/toggle/BC mutations, and replace native confirms/prompts with dialogs.

Co-authored-by: Cursor <[email protected]>

src/components/admin/catalog/bulk-import-items.tsx

@@ -11,7 +11,6 @@ import {
 	DialogContent,
 	DialogHeader,
 	DialogTitle,
-	DialogTrigger,
 } from "@/components/ui/dialog";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
@@ -134,12 +133,10 @@ export function BulkImportItems({ pageId, onImported }: BulkImportItemsProps) {
 
 	return (
 		<Dialog open={open} onOpenChange={setOpen}>
-			<DialogTrigger asChild>
-				<Button variant="outline" size="sm">
-					<Upload className="mr-2 h-4 w-4" />
-					Bulk Import
-				</Button>
-			</DialogTrigger>
+			<Button variant="outline" size="sm" onClick={() => setOpen(true)}>
+				<Upload className="mr-2 h-4 w-4" />
+				Bulk Import
+			</Button>
 			<DialogContent className="max-w-2xl">
 				<DialogHeader>
 					<DialogTitle>Bulk Import Items</DialogTitle>

src/components/admin/catalog/catalog-image-picker.tsx

@@ -9,7 +9,6 @@ import {
 	DialogContent,
 	DialogHeader,
 	DialogTitle,
-	DialogTrigger,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { cn } from "@/lib/utils";
@@ -106,35 +105,34 @@ export function CatalogImagePicker({
 
 	return (
 		<Dialog open={open} onOpenChange={setOpen}>
-			<DialogTrigger asChild>
-				<Button
-					type="button"
-					variant="outline"
-					disabled={disabled}
-					className="h-auto w-full justify-start gap-2 px-3 py-2"
-				>
-					{value ? (
-						<CatalogImageThumb name={value} size={40} />
-					) : (
-						<div className="flex h-10 w-16 items-center justify-center rounded bg-muted">
-							<ImageIcon className="h-4 w-4 text-muted-foreground" />
-						</div>
-					)}
-					<div className="min-w-0 text-left">
-						<p className="text-xs font-medium truncate">
-							{label ||
-								(type === "header"
-									? "Headline image"
-									: type === "teaser"
-										? "Teaser image"
-										: "Image")}
-						</p>
-						<p className="text-[11px] text-muted-foreground truncate font-mono">
-							{value || "None selected"}
-						</p>
+			<Button
+				type="button"
+				variant="outline"
+				disabled={disabled}
+				className="h-auto w-full justify-start gap-2 px-3 py-2"
+				onClick={() => setOpen(true)}
+			>
+				{value ? (
+					<CatalogImageThumb name={value} size={40} />
+				) : (
+					<div className="flex h-10 w-16 items-center justify-center rounded bg-muted">
+						<ImageIcon className="h-4 w-4 text-muted-foreground" />
 					</div>
-				</Button>
-			</DialogTrigger>
+				)}
+				<div className="min-w-0 text-left">
+					<p className="text-xs font-medium truncate">
+						{label ||
+							(type === "header"
+								? "Headline image"
+								: type === "teaser"
+									? "Teaser image"
+									: "Image")}
+					</p>
+					<p className="text-[11px] text-muted-foreground truncate font-mono">
+						{value || "None selected"}
+					</p>
+				</div>
+			</Button>
 			<DialogContent className="max-w-4xl">
 				<DialogHeader>
 					<DialogTitle>

src/components/admin/catalog/icon-picker.tsx

@@ -9,7 +9,6 @@ import {
 	DialogContent,
 	DialogHeader,
 	DialogTitle,
-	DialogTrigger,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { cn } from "@/lib/utils";
@@ -103,21 +102,29 @@ export function IconPicker({
 
 	return (
 		<Dialog open={open} onOpenChange={setOpen}>
-			<DialogTrigger asChild>
-				{children ?? (
-					<Button
-						type="button"
-						variant="outline"
-						disabled={disabled}
-						className="h-auto gap-2 px-3 py-2"
-					>
-						<IconPreview iconImage={value} size={24} />
-						<span className="font-mono text-xs text-muted-foreground">
-							{value > 0 ? `#${value}` : "None"}
-						</span>
-					</Button>
-				)}
-			</DialogTrigger>
+			{children ? (
+				<button
+					type="button"
+					disabled={disabled}
+					onClick={() => setOpen(true)}
+					className="contents"
+				>
+					{children}
+				</button>
+			) : (
+				<Button
+					type="button"
+					variant="outline"
+					disabled={disabled}
+					className="h-auto gap-2 px-3 py-2"
+					onClick={() => setOpen(true)}
+				>
+					<IconPreview iconImage={value} size={24} />
+					<span className="font-mono text-xs text-muted-foreground">
+						{value > 0 ? `#${value}` : "None"}
+					</span>
+				</Button>
+			)}
 			<DialogContent className="max-w-3xl">
 				<DialogHeader>
 					<DialogTitle>Select Catalog Icon</DialogTitle>

src/components/admin/catalog/quick-add-furni.tsx

@@ -10,7 +10,6 @@ import {
 	DialogContent,
 	DialogHeader,
 	DialogTitle,
-	DialogTrigger,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { useServerAction } from "@/hooks/use-server-action";
@@ -122,15 +121,13 @@ export function QuickAddFurni({
 
 	return (
 		<Dialog open={open} onOpenChange={setOpen}>
-			<DialogTrigger asChild>
-				<Button variant="outline" size="sm">
-					<Zap className="mr-2 h-4 w-4" />
-					Quick Add
-					<kbd className="ml-2 hidden rounded border bg-muted px-1 text-[10px] sm:inline">
-						Ctrl+K
-					</kbd>
-				</Button>
-			</DialogTrigger>
+			<Button variant="outline" size="sm" onClick={() => setOpen(true)}>
+				<Zap className="mr-2 h-4 w-4" />
+				Quick Add
+				<kbd className="ml-2 hidden rounded border bg-muted px-1 text-[10px] sm:inline">
+					Ctrl+K
+				</kbd>
+			</Button>
 			<DialogContent className="max-w-2xl">
 				<DialogHeader>
 					<DialogTitle>Quick Add Furni</DialogTitle>