feat(cms): improve catalog, editorial recovery and operations

src/components/admin/studio/furniture-inspector.tsx

@@ -5,11 +5,10 @@ import {
 	type FurnitureInspection,
 	furnitureHealth,
 } from "@/lib/furni/studio-inspection";
+import { FurnitureCompleteness } from "./furniture-completeness";
 import type { FurniItem } from "./studio-types";
 import { useFurnitureInspection } from "./use-furniture-inspection";
 
-const status = (value: boolean | null | undefined) =>
-	value == null ? "Not verified" : value ? "Present" : "Missing";
 export function FurnitureComparison({
 	item,
 	local,
@@ -20,42 +19,7 @@ export function FurnitureComparison({
 	const comparison = compareFurniture(item, local);
 	return (
 		<div className="space-y-3 text-sm">
-			<dl className="grid grid-cols-2 gap-2">
-				{(
-					[
-						[".nitro", local.nitro.exists],
-						["Local icon", local.icon.exists],
-						[
-							"Furnidata",
-							local.furnidataReadable ? local.furnidata.length > 0 : null,
-						],
-						["SQL item", local.sql.length > 0],
-						["Catalog offer", local.catalog.length > 0],
-					] as const
-				).map(([label, present]) => (
-					<div
-						key={label}
-						className="rounded-md border border-[var(--admin-border)] p-2"
-					>
-						<dt className="text-xs text-[var(--admin-text-muted)]">{label}</dt>
-						<dd
-							className={
-								present
-									? "text-[var(--admin-success)]"
-									: "text-[var(--admin-warning)]"
-							}
-						>
-							{status(present)}
-						</dd>
-					</div>
-				))}
-			</dl>
-			{comparison.state === "conflict" && (
-				<p role="alert" className="text-[var(--admin-warning)]">
-					Multiple local records use this classname. Review them in Catalog
-					audit before importing.
-				</p>
-			)}
+			<FurnitureCompleteness local={local} />
 			{!local.furnidataReadable && (
 				<p className="text-[var(--admin-warning)]">
 					Local furnidata could not be read. Its values are not verified.