Revert "Merge pull request 'Complete Housekeeping migration and /ase cutover' (#52) from codex/housekeeping-complete into main"

This reverts commit 488b6e57c4, reversing
changes made to b506b4499a.

src/components/admin/catalog-manager/breadcrumb-bar.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ChevronRight, Home } from "lucide-react";
+import { Fragment, useEffect } from "react";
+import { useCatalogManager } from "./use-catalog-store";
+
+export function BreadcrumbBar() {
+	const { state, dispatch, catalogType } = useCatalogManager();
+	const { selectedPageId, ancestors } = state;
+	const catQs = catalogType === "bc" ? "&catalog=bc" : "";
+
+	useEffect(() => {
+		if (!selectedPageId || selectedPageId <= 0) {
+			dispatch({ type: "SET_ANCESTORS", ancestors: [] });
+			return;
+		}
+		const ac = new AbortController();
+		fetch(`/api/admin/catalog/tree?ancestors=${selectedPageId}${catQs}`, {
+			signal: ac.signal,
+		})
+			.then((r) => r.json())
+			.then((d) => {
+				if (!ac.signal.aborted) {
+					dispatch({ type: "SET_ANCESTORS", ancestors: d.ancestors ?? [] });
+				}
+			})
+			.catch(() => {});
+		return () => ac.abort();
+	}, [selectedPageId, dispatch, catQs]);
+
+	if (!selectedPageId || ancestors.length === 0) return null;
+
+	return (
+		<div className="flex items-center gap-1 px-4 py-1 border-b bg-muted/20 text-xs text-muted-foreground overflow-x-auto shrink-0">
+			<Home className="h-3 w-3 shrink-0" />
+			{ancestors.map((a) => (
+				<Fragment key={a.id}>
+					<ChevronRight className="h-3 w-3 shrink-0" />
+					<button
+						type="button"
+						onClick={() => dispatch({ type: "SELECT_PAGE", id: a.id })}
+						className="shrink-0 hover:text-foreground transition-colors truncate max-w-40"
+					>
+						{a.caption}
+					</button>
+				</Fragment>
+			))}
+			{/* Current page */}
+			{(() => {
+				const node = state.nodes.get(selectedPageId);
+				if (!node) return null;
+				return (
+					<>
+						<ChevronRight className="h-3 w-3 shrink-0" />
+						<span className="shrink-0 text-foreground font-medium truncate max-w-40">
+							{node.caption}
+						</span>
+					</>
+				);
+			})()}
+		</div>
+	);
+}

src/components/admin/catalog-manager/image-preview.tsx

@@ -0,0 +1,93 @@
+"use client";
+
+import { ImageOff, Loader2 } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { CATALOGUE_ASSET_BASE_PATH } from "@/lib/catalog-assets";
+
+interface ImagePreviewProps {
+	value: string;
+	basePath?: string;
+	height?: number;
+	className?: string;
+}
+
+export function ImagePreview({
+	value,
+	basePath = CATALOGUE_ASSET_BASE_PATH,
+	height = 60,
+	className,
+}: ImagePreviewProps) {
+	const [src, setSrc] = useState("");
+	const [status, setStatus] = useState<"idle" | "loading" | "loaded" | "error">(
+		"idle",
+	);
+	const [fallback, setFallback] = useState(false);
+	const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+	useEffect(() => {
+		if (!value.trim()) {
+			setSrc("");
+			setStatus("idle");
+			setFallback(false);
+			return;
+		}
+
+		if (debounceRef.current) clearTimeout(debounceRef.current);
+		debounceRef.current = setTimeout(() => {
+			setFallback(false);
+			const url = `${basePath}/${value.trim()}.png`;
+			setSrc(url);
+			setStatus("loading");
+		}, 300);
+
+		return () => {
+			if (debounceRef.current) clearTimeout(debounceRef.current);
+		};
+	}, [value, basePath]);
+
+	function handleError() {
+		if (!fallback) {
+			// Try .gif as fallback
+			setFallback(true);
+			setSrc(`${basePath}/${value.trim()}.gif`);
+			setStatus("loading");
+		} else {
+			setStatus("error");
+		}
+	}
+
+	if (status === "idle" || !src) {
+		return (
+			<div
+				className={`flex items-center justify-center rounded border border-dashed bg-muted/30 text-muted-foreground ${className || ""}`}
+				style={{ height }}
+			>
+				<ImageOff className="h-4 w-4" />
+			</div>
+		);
+	}
+
+	return (
+		<div
+			className={`relative flex items-center justify-center rounded border bg-muted/30 overflow-hidden ${className || ""}`}
+			style={{ height }}
+		>
+			{status === "loading" && (
+				<Loader2 className="h-4 w-4 animate-spin text-muted-foreground absolute" />
+			)}
+			<img
+				src={src}
+				alt=""
+				className="max-h-full max-w-full object-contain"
+				style={{ imageRendering: "pixelated" }}
+				onLoad={() => setStatus("loaded")}
+				onError={handleError}
+			/>
+			{status === "error" && (
+				<div className="absolute inset-0 flex items-center justify-center bg-muted/60">
+					<ImageOff className="h-4 w-4 text-muted-foreground" />
+				</div>
+			)}
+		</div>
+	);
+}

src/components/admin/catalog-manager/stats-bar.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { FolderTree, Keyboard, Package, ToggleRight } from "lucide-react";
+import { useCatalogManager } from "./use-catalog-store";
+
+export interface CatalogStatsTotals {
+	totalPages: number;
+	enabledPages: number;
+	totalItems: number;
+}
+
+export function StatsBar({ totals }: { totals?: CatalogStatsTotals | null }) {
+	const { state } = useCatalogManager();
+	const selected = state.multiSelectedIds.size;
+	const rootTabs = state.rootPages.length;
+
+	const pages = totals?.totalPages ?? state.nodes.size;
+	const enabled = totals?.enabledPages ?? null;
+	const items = totals?.totalItems ?? null;
+	const loadedOnly = !totals;
+
+	return (
+		<div className="flex items-center justify-between gap-4 px-4 py-1.5 border-t bg-muted/30 text-[11px] text-muted-foreground shrink-0">
+			<div className="flex items-center gap-4">
+				<span className="flex items-center gap-1">
+					<FolderTree className="h-3 w-3" />
+					{rootTabs} root
+				</span>
+				<span>
+					{pages} pages
+					{loadedOnly ? " loaded" : ""}
+				</span>
+				{enabled !== null && (
+					<span className="flex items-center gap-1">
+						<ToggleRight className="h-3 w-3" />
+						{enabled} enabled
+					</span>
+				)}
+				{items !== null && (
+					<span className="flex items-center gap-1">
+						<Package className="h-3 w-3" />
+						{items} items
+					</span>
+				)}
+				{selected > 0 && (
+					<span className="text-primary font-medium">{selected} selected</span>
+				)}
+			</div>
+			<div className="flex items-center gap-1">
+				<Keyboard className="h-3 w-3" />
+				<span>
+					<kbd className="rounded border bg-background px-1 font-mono text-[9px]">
+						Ctrl+S
+					</kbd>{" "}
+					save
+					<span className="mx-1">·</span>
+					<kbd className="rounded border bg-background px-1 font-mono text-[9px]">
+						/
+					</kbd>{" "}
+					search
+					<span className="mx-1">·</span>
+					<kbd className="rounded border bg-background px-1 font-mono text-[9px]">
+						Ctrl+K
+					</kbd>{" "}
+					quick add
+				</span>
+			</div>
+		</div>
+	);
+}