Исправлена логика вся которая была в одном блять файле

src/adminApi.ts

@@ -0,0 +1,47 @@
+import { ADMIN_DRAFT_KEY, CATEGORY_ORDER } from "./constants";
+import { isMap } from "./format";
+import type { AdminApiDocument, AdminDraft, AdminOverride } from "./types";
+
+export function readAdminDraft(): AdminDraft {
+  if (typeof window === "undefined") return {};
+  try {
+    const value: unknown = JSON.parse(window.localStorage.getItem(ADMIN_DRAFT_KEY) || "{}");
+    if (!isMap(value)) return {};
+    const draft: AdminDraft = {};
+    for (const [id, entry] of Object.entries(value)) {
+      if (!isMap(entry)) continue;
+      draft[id] = {
+        ...(typeof entry.category === "string" ? { category: entry.category } : {}),
+        ...(typeof entry.hidden === "boolean" ? { hidden: entry.hidden } : {}),
+      };
+    }
+    return draft;
+  } catch {
+    return {};
+  }
+}
+
+export function makeAdminDocument(items: AdminDraft): AdminApiDocument {
+  return { schemaVersion: 1, items };
+}
+
+export function normalizeApiDocument(value: unknown): AdminDraft {
+  if (!isMap(value)) return {};
+  const items = value.schemaVersion === 1 && isMap(value.items) ? value.items : value;
+  const draft: AdminDraft = {};
+  for (const [id, entry] of Object.entries(items)) {
+    if (!isMap(entry)) continue;
+    const normalized: AdminOverride = {
+      ...(typeof entry.category === "string" && CATEGORY_ORDER.includes(entry.category as typeof CATEGORY_ORDER[number])
+        ? { category: entry.category }
+        : {}),
+      ...(typeof entry.hidden === "boolean" ? { hidden: entry.hidden } : {}),
+    };
+    if (normalized.category || normalized.hidden !== undefined) draft[id] = normalized;
+  }
+  return draft;
+}
+
+export function readApiError(value: unknown, fallback: string) {
+  return isMap(value) && typeof value.error === "string" ? value.error : fallback;
+}

src/components/CompatibilityDetails.tsx

@@ -0,0 +1,36 @@
+import type { Catalog, CatalogItem } from "../types";
+import { ItemLinkList } from "./ItemLinkList";
+
+export function CompatibilityDetails({ item, catalog, onSelect }: { item: CatalogItem; catalog: Catalog; onSelect: (id: string) => void }) {
+  const groups = [
+    ...(item.attachmentSlots || []).map((slot) => ({
+      title: `Обвесы · ${slot.name || slot.slotName || "Слот"}`,
+      ids: slot.compatibleItemIds || [],
+    })),
+    ...(item.magazineSlots || []).map((slot) => ({
+      title: slot.name || slot.slotName || "Совместимые магазины",
+      ids: slot.compatibleItemIds || [],
+    })),
+    ...(item.attachableTo || []).map((slot) => ({
+      title: `Устанавливается · ${slot.slotName || slot.name || "Слот"}`,
+      ids: slot.weaponIds || [],
+    })),
+    ...(item.compatibleWeaponIds?.length ? [{ title: "Совместимое оружие", ids: item.compatibleWeaponIds }] : []),
+  ].map((group) => ({ ...group, ids: [...new Set(group.ids)].filter((id) => catalog.items[id]) }))
+    .filter((group) => group.ids.length);
+
+  if (!groups.length) return null;
+  return (
+    <section className="detail-section compatibility-section">
+      <h3>Совместимость</h3>
+      <div className="compatibility-groups">
+        {groups.map((group) => (
+          <div key={`${group.title}:${group.ids.join(":")}`}>
+            <h4>{group.title}</h4>
+            <ItemLinkList ids={group.ids} catalog={catalog} onSelect={onSelect} />
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}