@burdenoff/microfe-vibecontrols 2026.613.1 → 2026.618.1

package/dist/pages/CatalogPage.js

@@ -2,33 +2,33 @@ import { useCreateCatalogMutation as e, useListCatalogsQuery as t } from "../gen
 import { QuotaExhaustedDialog as n } from "../components/shared/QuotaExhaustedDialog.js";
 import { isQuotaExhaustedError as r } from "../utils/quotaUtils.js";
 import { useVibeNavigate as i } from "../providers/VibeControlsProvider.js";
-import { PageHeader as a } from "../components/shared/PageHeader.js";
-import { ErrorState as ee } from "../components/shared/ErrorState.js";
-import { EntityTagPicker as o } from "../components/shared/EntityTagPicker.js";
-import { useDraftEntityTags as te } from "../hooks/useDraftEntityTags.js";
-import { EmptyState as s } from "../components/shared/EmptyState.js";
-import { SearchInput as c } from "../components/shared/SearchInput.js";
-import { FilterDropdown as l } from "../components/shared/FilterDropdown.js";
-import { GetHelpButton as u } from "../components/shared/GetHelpButton.js";
+import { PageHeader as ee } from "../components/shared/PageHeader.js";
+import { ErrorState as te } from "../components/shared/ErrorState.js";
+import { EntityTagPicker as a } from "../components/shared/EntityTagPicker.js";
+import { useDraftEntityTags as ne } from "../hooks/useDraftEntityTags.js";
+import { EmptyState as re } from "../components/shared/EmptyState.js";
+import { SearchInput as o } from "../components/shared/SearchInput.js";
+import { FilterDropdown as s } from "../components/shared/FilterDropdown.js";
+import { GetHelpButton as c } from "../components/shared/GetHelpButton.js";
 import "../components/shared/index.js";
-import { VIBE_PERMISSIONS as d } from "../constants/permissions.js";
-import { PageSkeleton as f } from "../components/shared/PageSkeleton.js";
-import { CatalogCard as p } from "../components/catalog/CatalogCard.js";
-import { CatalogForm as m } from "../components/catalog/CatalogForm.js";
+import { VIBE_PERMISSIONS as l } from "../constants/permissions.js";
+import { PageSkeleton as u } from "../components/shared/PageSkeleton.js";
+import { CatalogCard as ie } from "../components/catalog/CatalogCard.js";
+import { CatalogForm as ae } from "../components/catalog/CatalogForm.js";
 import "../components/catalog/index.js";
-import { useCallback as h, useEffect as g, useState as _ } from "react";
-import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { BookOpen as re, Plus as v, RefreshCw as ie } from "lucide-react";
-import { usePermissions as y } from "@burdenoff/fe-libs/shared/providers/shell";
-import { AnimatePresence as b } from "framer-motion";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { MotionItem as C, MotionList as w, MotionPage as T } from "@burdenoff/fe-libs/shared/motion";
+import { useCallback as d, useEffect as f, useState as p } from "react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { BookOpen as h, Plus as g, RefreshCw as oe } from "lucide-react";
+import { usePermissions as se } from "@burdenoff/fe-libs/shared/providers/shell";
+import { AnimatePresence as ce } from "framer-motion";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { MotionItem as y, MotionList as b, MotionPage as x } from "@burdenoff/fe-libs/shared/motion";
 //#region src/pages/CatalogPage.tsx
-function E() {
-	let E = i(), { t: D } = ne(), { hasPermission: ae, isLoading: oe } = y(), O = h((e, t, n) => {
-		let r = D(e, n), i = r === e ? t : r;
+function S() {
+	let S = i(), { t: C } = m(), { hasPermission: w, isLoading: T } = se(), E = w(l.CATALOG_CREATE), D = w(l.CATALOG_READ), O = d((e, t, n) => {
+		let r = C(e, n), i = r === e ? t : r;
 		return n ? Object.entries(n).reduce((e, [t, n]) => e.replace(`{{${t}}}`, String(n)), i) : i;
-	}, [D]), k = [
+	}, [C]), le = [
 		{
 			value: "all",
 			label: O("catalog.allVisibility", "All Visibility")
@@ -45,20 +45,21 @@ function E() {
 			value: "PUBLIC",
 			label: O("catalog.visibilityPublic", "Public")
 		}
-	], [A, j] = _(""), [M, N] = _("all"), [P, F] = _(!1), [I, L] = _(!1), [R, z] = _(null), [B, V] = _([]), [H, U] = _(!1), { data: W, loading: G, error: K, refetch: q, fetchMore: J } = t({
+	], [k, A] = p(""), [j, M] = p("all"), [N, P] = p(!1), [F, I] = p(!1), [L, R] = p(null), [z, B] = p([]), [V, H] = p(!1), { data: U, loading: W, error: G, refetch: K, fetchMore: q } = t({
 		variables: {
 			filter: {
-				visibility: M === "all" ? void 0 : M,
-				search: A || void 0
+				visibility: j === "all" ? void 0 : j,
+				search: k || void 0
 			},
 			pagination: {
 				limit: 50,
 				offset: 0
 			}
 		},
+		skip: T || !D,
 		fetchPolicy: "cache-and-network",
 		notifyOnNetworkStatusChange: !0
-	}), [se] = e({ refetchQueries: ["ListCatalogs"] }), { setDraftTagIds: ce, flushTags: le } = te("VIBECONTROLS_CATALOG"), Y = h((e) => e.map((e) => ({
+	}), [ue] = e({ refetchQueries: ["ListCatalogs"] }), { setDraftTagIds: J, flushTags: de } = ne("VIBECONTROLS_CATALOG"), Y = d((e) => e.map((e) => ({
 		id: e.id,
 		name: e.name,
 		description: e.description || null,
@@ -69,17 +70,17 @@ function E() {
 		createdAt: e.createdAt,
 		updatedAt: e.updatedAt
 	})), []);
-	g(() => {
-		V(Y(W?.vibecontrolsCatalogs?.items ?? []));
-	}, [W?.vibecontrolsCatalogs?.items, Y]);
-	let X = W?.vibecontrolsCatalogs?.total ?? 0, Z = B.length < X, Q = B, $ = B, ue = h(async () => {
-		if (!(H || !Z)) {
-			U(!0);
+	f(() => {
+		B(Y(U?.vibecontrolsCatalogs?.items ?? []));
+	}, [U?.vibecontrolsCatalogs?.items, Y]);
+	let X = U?.vibecontrolsCatalogs?.total ?? 0, Z = z.length < X, Q = z, $ = z, fe = d(async () => {
+		if (!(V || !Z)) {
+			H(!0);
 			try {
-				await J({
+				await q({
 					variables: { pagination: {
 						limit: 50,
-						offset: B.length
+						offset: z.length
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => {
 						if (!t?.vibecontrolsCatalogs) return e;
@@ -96,156 +97,156 @@ function E() {
 					}
 				});
 			} finally {
-				U(!1);
+				H(!1);
 			}
 		}
 	}, [
-		J,
-		B.length,
-		H,
+		q,
+		z.length,
+		V,
 		Z
 	]);
-	if (oe) return /* @__PURE__ */ x("div", {
+	if (T) return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ x("p", {
+		children: /* @__PURE__ */ _("p", {
 			className: "text-text-secondary",
 			children: "Loading permissions…"
 		})
 	});
-	if (!ae(d.VIBE_LIST)) return /* @__PURE__ */ x("div", {
+	if (!D) return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: "text-center space-y-2",
-			children: [/* @__PURE__ */ x("h2", {
+			children: [/* @__PURE__ */ _("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: "Access Denied"
-			}), /* @__PURE__ */ x("p", {
+			}), /* @__PURE__ */ _("p", {
 				className: "text-sm text-text-secondary",
 				children: "You don't have permission to access this page."
 			})]
 		})
 	});
-	let de = (e) => {
-		E(`/catalogs/${e.id}`);
+	let pe = (e) => {
+		S(`/catalogs/${e.id}`);
 	};
-	return K && $.length === 0 ? /* @__PURE__ */ x(T, {
+	return G && $.length === 0 ? /* @__PURE__ */ _(x, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
-		children: /* @__PURE__ */ x(ee, {
+		children: /* @__PURE__ */ _(te, {
 			title: O("catalog.failedLoad", "Failed to load catalogs"),
-			message: K.message,
-			onRetry: () => q()
+			message: G.message,
+			onRetry: () => K()
 		})
-	}) : /* @__PURE__ */ S(T, {
+	}) : /* @__PURE__ */ v(x, {
 		className: "space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen",
 		children: [
-			/* @__PURE__ */ x(a, {
+			/* @__PURE__ */ _(ee, {
 				title: O("catalog.title", "Catalogs"),
 				description: O("catalog.description", "{{total}} catalogs", { total: $.length }),
-				actions: /* @__PURE__ */ S("div", {
+				actions: /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ x("button", {
+					children: [/* @__PURE__ */ _("button", {
 						type: "button",
-						onClick: () => q(),
-						disabled: G,
+						onClick: () => K(),
+						disabled: W,
 						className: "flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50",
 						title: O("common.refresh", "Refresh"),
-						children: /* @__PURE__ */ x(ie, { className: `size-4 ${G ? "animate-spin" : ""}` })
-					}), /* @__PURE__ */ S("button", {
+						children: /* @__PURE__ */ _(oe, { className: `size-4 ${W ? "animate-spin" : ""}` })
+					}), E && /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => F(!0),
+						onClick: () => P(!0),
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-						children: [/* @__PURE__ */ x(v, { className: "size-4" }), O("catalog.createCatalog", "Create Catalog")]
+						children: [/* @__PURE__ */ _(g, { className: "size-4" }), O("catalog.createCatalog", "Create Catalog")]
 					})]
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-center gap-2 sm:gap-3 flex-wrap",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ _("div", {
 					"data-tour": "vibecontrols-catalog-search",
 					className: "flex-1 sm:w-64 sm:flex-none",
-					children: /* @__PURE__ */ x(c, {
-						value: A,
-						onChange: j,
+					children: /* @__PURE__ */ _(o, {
+						value: k,
+						onChange: A,
 						placeholder: O("catalog.searchPlaceholder", "Search catalogs..."),
 						className: "w-full"
 					})
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ _("div", {
 					"data-tour": "vibecontrols-catalog-visibility-filter",
-					children: /* @__PURE__ */ x(l, {
+					children: /* @__PURE__ */ _(s, {
 						label: O("catalog.filterVisibility", "Visibility"),
-						value: M,
-						options: k,
-						onChange: N
+						value: j,
+						options: le,
+						onChange: M
 					})
 				})]
 			}),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ v("p", {
 				className: "text-sm text-text-secondary",
 				children: [O("catalog.showingResults", "Showing {{filtered}} of {{total}} catalogs", {
 					filtered: Q.length,
 					total: X
-				}), G && /* @__PURE__ */ x("span", {
+				}), W && /* @__PURE__ */ _("span", {
 					className: "ml-2 text-text-muted",
 					children: O("common.refreshing", "(refreshing...)")
 				})]
 			}),
-			G && $.length === 0 ? /* @__PURE__ */ x(f, {
+			W && $.length === 0 ? /* @__PURE__ */ _(u, {
 				variant: "cards",
 				count: 6
-			}) : Q.length > 0 ? /* @__PURE__ */ x(b, {
+			}) : Q.length > 0 ? /* @__PURE__ */ _(ce, {
 				mode: "wait",
-				children: /* @__PURE__ */ x(w, {
+				children: /* @__PURE__ */ _(b, {
 					stagger: .04,
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 					"data-tour": "vibecontrols-catalog-grid",
-					children: Q.map((e) => /* @__PURE__ */ x(C, { children: /* @__PURE__ */ x(p, {
+					children: Q.map((e) => /* @__PURE__ */ _(y, { children: /* @__PURE__ */ _(ie, {
 						catalog: e,
-						onOpen: de
+						onOpen: pe
 					}) }, e.id))
 				}, "catalog-grid")
-			}) : /* @__PURE__ */ x(s, {
-				icon: /* @__PURE__ */ x(re, { className: "size-8 text-text-secondary" }),
-				title: A || M !== "all" ? O("catalog.emptyNoResults", "No catalogs found") : O("catalog.emptyNoCatalogs", "No catalogs yet"),
-				description: A || M !== "all" ? O("catalog.emptyAdjustSearch", "Try adjusting your search or filters") : O("catalog.emptyCreate", "Create your first catalog to organize components"),
-				action: !A && M === "all" ? /* @__PURE__ */ S("div", {
+			}) : /* @__PURE__ */ _(re, {
+				icon: /* @__PURE__ */ _(h, { className: "size-8 text-text-secondary" }),
+				title: k || j !== "all" ? O("catalog.emptyNoResults", "No catalogs found") : O("catalog.emptyNoCatalogs", "No catalogs yet"),
+				description: k || j !== "all" ? O("catalog.emptyAdjustSearch", "Try adjusting your search or filters") : O("catalog.emptyCreate", "Create your first catalog to organize components"),
+				action: !k && j === "all" ? /* @__PURE__ */ v("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ S("button", {
+					children: [E && /* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => F(!0),
+						onClick: () => P(!0),
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-						children: [/* @__PURE__ */ x(v, { className: "size-4" }), O("catalog.createCatalog", "Create Catalog")]
-					}), /* @__PURE__ */ x(u, { prompt: "What is a Catalog in VibeControls and how do I create one?" })]
+						children: [/* @__PURE__ */ _(g, { className: "size-4" }), O("catalog.createCatalog", "Create Catalog")]
+					}), /* @__PURE__ */ _(c, { prompt: "What is a Catalog in VibeControls and how do I create one?" })]
 				}) : void 0
 			}),
-			Z && Q.length > 0 && /* @__PURE__ */ x("div", {
+			Z && Q.length > 0 && /* @__PURE__ */ _("div", {
 				className: "flex justify-center pt-2",
-				children: /* @__PURE__ */ x("button", {
+				children: /* @__PURE__ */ _("button", {
 					type: "button",
-					onClick: ue,
-					disabled: H,
+					onClick: fe,
+					disabled: V,
 					className: "flex items-center gap-2 px-4 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken-hover transition-colors disabled:opacity-50",
-					children: H ? O("common.loading", "Loading...") : O("common.loadMore", "Load more")
+					children: V ? O("common.loading", "Loading...") : O("common.loadMore", "Load more")
 				})
 			}),
-			R && /* @__PURE__ */ x("div", {
+			L && /* @__PURE__ */ _("div", {
 				className: "fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm",
-				children: R
+				children: L
 			}),
-			/* @__PURE__ */ x(n, {
-				isOpen: I,
-				onClose: () => L(!1),
+			/* @__PURE__ */ _(n, {
+				isOpen: F,
+				onClose: () => I(!1),
 				onConfirm: () => {
-					L(!1), E("/billing/plans");
+					I(!1), S("/billing/plans");
 				},
 				title: "Catalog Quota Reached",
 				message: "You've reached the maximum number of catalogs on your current plan. Upgrade your plan or purchase an add-on to create more catalogs."
 			}),
-			/* @__PURE__ */ x(m, {
-				isOpen: P,
-				onClose: () => F(!1),
+			/* @__PURE__ */ _(ae, {
+				isOpen: N,
+				onClose: () => P(!1),
 				onSubmit: async (e) => {
 					try {
-						let t = await se({ variables: { input: {
+						let t = await ue({ variables: { input: {
 							name: e.name,
 							description: e.description || void 0,
 							visibility: e.visibility,
@@ -253,32 +254,32 @@ function E() {
 							tags: e.tags.length > 0 ? e.tags : void 0
 						} } });
 						if (t.error && r(t.error)) {
-							F(!1), L(!0);
+							P(!1), I(!0);
 							return;
 						}
 						let n = t.data?.createVibecontrolsCatalog?.id;
 						if (!n) throw Error(O("catalog.failedCreate", "Failed to create catalog"));
-						await le(n), F(!1), z(O("catalog.createdSuccess", "Catalog created successfully")), await q(), setTimeout(() => z(null), 3e3);
+						await de(n), P(!1), R(O("catalog.createdSuccess", "Catalog created successfully")), await K(), setTimeout(() => R(null), 3e3);
 					} catch (e) {
 						if (r(e)) {
-							F(!1), L(!0);
+							P(!1), I(!0);
 							return;
 						}
 						throw e;
 					}
 				},
-				extraSection: /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+				extraSection: /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h3", {
 					className: "text-sm font-medium text-text-secondary mb-2",
 					children: O("catalog.tags", "Tags")
-				}), /* @__PURE__ */ x(o, {
+				}), /* @__PURE__ */ _(a, {
 					entityType: "VIBECONTROLS_CATALOG",
-					onDraftChange: ce
+					onDraftChange: J
 				})] })
 			})
 		]
 	});
 }
 //#endregion
-export { E as CatalogPage };
+export { S as CatalogPage };
 
 //# sourceMappingURL=CatalogPage.js.map

package/dist/pages/CatalogPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CatalogPage.js","names":[],"sources":["../../src/pages/CatalogPage.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport { Plus, BookOpen, RefreshCw } from 'lucide-react';\nimport { CatalogCard } from '@/components/catalog';\nimport type { CatalogCardData } from '@/components/catalog';\nimport { CatalogForm } from '@/components/catalog';\nimport type { CatalogFormData } from '@/components/catalog';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { useDraftEntityTags } from '@/hooks/useDraftEntityTags';\nimport {\n  PageHeader,\n  SearchInput,\n  FilterDropdown,\n  EmptyState,\n  ErrorState,\n  GetHelpButton,\n  QuotaExhaustedDialog,\n} from '@/components/shared';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { AnimatePresence } from 'framer-motion';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useListCatalogsQuery, useCreateCatalogMutation } from '@/generated/wspace-operations';\n\nexport function CatalogPage() {\n  const navigate = useVibeNavigate();\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key, params);\n      const template = translated === key ? fallback : translated;\n      if (!params) return template;\n      return Object.entries(params).reduce(\n        (acc, [paramKey, paramValue]) => acc.replace(`{{${paramKey}}}`, String(paramValue)),\n        template\n      );\n    },\n    [t]\n  );\n\n  const visibilityOptions = [\n    { value: 'all', label: tr('catalog.allVisibility', 'All Visibility') },\n    { value: 'PRIVATE', label: tr('catalog.visibilityPrivate', 'Private') },\n    { value: 'INTERNAL', label: tr('catalog.visibilityInternal', 'Internal') },\n    { value: 'PUBLIC', label: tr('catalog.visibilityPublic', 'Public') },\n  ];\n\n  const PAGE_SIZE = 50;\n  const [searchQuery, setSearchQuery] = useState('');\n  const [visibilityFilter, setVisibilityFilter] = useState('all');\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n  const [accumulated, setAccumulated] = useState<CatalogCardData[]>([]);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, refetch, fetchMore } = useListCatalogsQuery({\n    variables: {\n      filter: {\n        visibility:\n          visibilityFilter !== 'all'\n            ? (visibilityFilter as 'PRIVATE' | 'INTERNAL' | 'PUBLIC')\n            : undefined,\n        search: searchQuery || undefined,\n      },\n      pagination: { limit: PAGE_SIZE, offset: 0 },\n    },\n    fetchPolicy: 'cache-and-network',\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const [createCatalog] = useCreateCatalogMutation({ refetchQueries: ['ListCatalogs'] });\n  const { setDraftTagIds, flushTags } = useDraftEntityTags('VIBECONTROLS_CATALOG');\n\n  const mapItems = useCallback(\n    (items: ReadonlyArray<Record<string, unknown>>): CatalogCardData[] =>\n      items.map((item) => ({\n        id: item.id as string,\n        name: item.name as string,\n        description: (item.description as string) || null,\n        visibility: item.visibility as CatalogCardData['visibility'],\n        componentCount: (item.componentCount as number) || 0,\n        vibeCount: (item.vibeCount as number) || 0,\n        tags: (item.tags as string[]) || [],\n        createdAt: item.createdAt as string,\n        updatedAt: item.updatedAt as string,\n      })),\n    []\n  );\n\n  // Mirror the watched query's items into local state. fetchMore below uses\n  // updateQuery to append new pages into the watched data, so this single\n  // effect handles both the initial load and load-more cases.\n  useEffect(() => {\n    const items = data?.vibecontrolsCatalogs?.items ?? [];\n    setAccumulated(mapItems(items as ReadonlyArray<Record<string, unknown>>));\n  }, [data?.vibecontrolsCatalogs?.items, mapItems]);\n\n  const total = data?.vibecontrolsCatalogs?.total ?? 0;\n  const hasMore = accumulated.length < total;\n  const filteredCatalogs = accumulated;\n  const catalogs = accumulated;\n\n  const handleLoadMore = useCallback(async () => {\n    if (loadingMore || !hasMore) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { limit: PAGE_SIZE, offset: accumulated.length } },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult?.vibecontrolsCatalogs) return prev;\n          const prevList = prev.vibecontrolsCatalogs;\n          const nextList = fetchMoreResult.vibecontrolsCatalogs;\n          return {\n            ...prev,\n            vibecontrolsCatalogs: {\n              ...nextList,\n              items: [...(prevList?.items ?? []), ...nextList.items],\n              total: nextList.total,\n              hasMore: nextList.hasMore,\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  }, [fetchMore, accumulated.length, loadingMore, hasMore]);\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">Loading permissions…</p>\n      </div>\n    );\n  if (!hasPermission(VIBE_PERMISSIONS.VIBE_LIST))\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Access Denied</h2>\n          <p className=\"text-sm text-text-secondary\">\n            You don't have permission to access this page.\n          </p>\n        </div>\n      </div>\n    );\n\n  const handleCatalogSelect = (catalog: CatalogCardData) => {\n    navigate(`/catalogs/${catalog.id}`);\n  };\n\n  const handleCreateCatalog = async (formData: CatalogFormData) => {\n    try {\n      const res = await createCatalog({\n        variables: {\n          input: {\n            name: formData.name,\n            description: formData.description || undefined,\n            visibility: formData.visibility,\n            ownerName: formData.owner || undefined,\n            tags: formData.tags.length > 0 ? formData.tags : undefined,\n          },\n        },\n      });\n      if (res.error && isQuotaExhaustedError(res.error)) {\n        setShowCreateForm(false);\n        setShowQuotaExhausted(true);\n        return;\n      }\n      const newCatalogId = res.data?.createVibecontrolsCatalog?.id;\n      if (!newCatalogId) throw new Error(tr('catalog.failedCreate', 'Failed to create catalog'));\n      await flushTags(newCatalogId);\n      setShowCreateForm(false);\n      setSuccessMessage(tr('catalog.createdSuccess', 'Catalog created successfully'));\n      await refetch();\n      setTimeout(() => setSuccessMessage(null), 3000);\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowCreateForm(false);\n        setShowQuotaExhausted(true);\n        return;\n      }\n      throw err;\n    }\n  };\n\n  if (error && catalogs.length === 0) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <ErrorState\n          title={tr('catalog.failedLoad', 'Failed to load catalogs')}\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      <PageHeader\n        title={tr('catalog.title', 'Catalogs')}\n        description={tr('catalog.description', '{{total}} catalogs', {\n          total: catalogs.length,\n        })}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => refetch()}\n              disabled={loading}\n              className=\"flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n              title={tr('common.refresh', 'Refresh')}\n            >\n              <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(true)}\n              className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n            >\n              <Plus className=\"size-4\" />\n              {tr('catalog.createCatalog', 'Create Catalog')}\n            </button>\n          </div>\n        }\n      />\n\n      {/* Filters — SearchInput / FilterDropdown are custom components that don't\n          forward rest props onto a DOM node, so the tour anchors live on\n          wrapper <div>s. */}\n      <div className=\"flex items-center gap-2 sm:gap-3 flex-wrap\">\n        <div data-tour=\"vibecontrols-catalog-search\" className=\"flex-1 sm:w-64 sm:flex-none\">\n          <SearchInput\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder={tr('catalog.searchPlaceholder', 'Search catalogs...')}\n            className=\"w-full\"\n          />\n        </div>\n        <div data-tour=\"vibecontrols-catalog-visibility-filter\">\n          <FilterDropdown\n            label={tr('catalog.filterVisibility', 'Visibility')}\n            value={visibilityFilter}\n            options={visibilityOptions}\n            onChange={setVisibilityFilter}\n          />\n        </div>\n      </div>\n\n      {/* Results count */}\n      <p className=\"text-sm text-text-secondary\">\n        {tr('catalog.showingResults', 'Showing {{filtered}} of {{total}} catalogs', {\n          filtered: filteredCatalogs.length,\n          total,\n        })}\n        {loading && (\n          <span className=\"ml-2 text-text-muted\">{tr('common.refreshing', '(refreshing...)')}</span>\n        )}\n      </p>\n\n      {/* Grid */}\n      {loading && catalogs.length === 0 ? (\n        <PageSkeleton variant=\"cards\" count={6} />\n      ) : filteredCatalogs.length > 0 ? (\n        <AnimatePresence mode=\"wait\">\n          <MotionList\n            key=\"catalog-grid\"\n            stagger={0.04}\n            className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"\n            data-tour=\"vibecontrols-catalog-grid\"\n          >\n            {filteredCatalogs.map((catalog) => (\n              <MotionItem key={catalog.id}>\n                <CatalogCard catalog={catalog} onOpen={handleCatalogSelect} />\n              </MotionItem>\n            ))}\n          </MotionList>\n        </AnimatePresence>\n      ) : (\n        <EmptyState\n          icon={<BookOpen className=\"size-8 text-text-secondary\" />}\n          title={\n            searchQuery || visibilityFilter !== 'all'\n              ? tr('catalog.emptyNoResults', 'No catalogs found')\n              : tr('catalog.emptyNoCatalogs', 'No catalogs yet')\n          }\n          description={\n            searchQuery || visibilityFilter !== 'all'\n              ? tr('catalog.emptyAdjustSearch', 'Try adjusting your search or filters')\n              : tr('catalog.emptyCreate', 'Create your first catalog to organize components')\n          }\n          action={\n            !searchQuery && visibilityFilter === 'all' ? (\n              <div className=\"flex items-center gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => setShowCreateForm(true)}\n                  className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                >\n                  <Plus className=\"size-4\" />\n                  {tr('catalog.createCatalog', 'Create Catalog')}\n                </button>\n                <GetHelpButton prompt=\"What is a Catalog in VibeControls and how do I create one?\" />\n              </div>\n            ) : undefined\n          }\n        />\n      )}\n\n      {/* Load more */}\n      {hasMore && filteredCatalogs.length > 0 && (\n        <div className=\"flex justify-center pt-2\">\n          <button\n            type=\"button\"\n            onClick={handleLoadMore}\n            disabled={loadingMore}\n            className=\"flex items-center gap-2 px-4 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken-hover transition-colors disabled:opacity-50\"\n          >\n            {loadingMore ? tr('common.loading', 'Loading...') : tr('common.loadMore', 'Load more')}\n          </button>\n        </div>\n      )}\n\n      {/* Success Toast */}\n      {successMessage && (\n        <div className=\"fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm\">\n          {successMessage}\n        </div>\n      )}\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        title=\"Catalog Quota Reached\"\n        message=\"You've reached the maximum number of catalogs on your current plan. Upgrade your plan or purchase an add-on to create more catalogs.\"\n      />\n\n      {/* Create Form */}\n      <CatalogForm\n        isOpen={showCreateForm}\n        onClose={() => setShowCreateForm(false)}\n        onSubmit={handleCreateCatalog}\n        extraSection={\n          <div>\n            <h3 className=\"text-sm font-medium text-text-secondary mb-2\">\n              {tr('catalog.tags', 'Tags')}\n            </h3>\n            <EntityTagPicker entityType=\"VIBECONTROLS_CATALOG\" onDraftChange={setDraftTagIds} />\n          </div>\n        }\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CatalogPage.js","names":[],"sources":["../../src/pages/CatalogPage.tsx"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { VIBE_PERMISSIONS } from '../constants/permissions';\nimport { Plus, BookOpen, RefreshCw } from 'lucide-react';\nimport { CatalogCard } from '@/components/catalog';\nimport type { CatalogCardData } from '@/components/catalog';\nimport { CatalogForm } from '@/components/catalog';\nimport type { CatalogFormData } from '@/components/catalog';\nimport { EntityTagPicker } from '@/components/shared/EntityTagPicker';\nimport { PageSkeleton } from '@/components/shared/PageSkeleton';\nimport { useDraftEntityTags } from '@/hooks/useDraftEntityTags';\nimport {\n  PageHeader,\n  SearchInput,\n  FilterDropdown,\n  EmptyState,\n  ErrorState,\n  GetHelpButton,\n  QuotaExhaustedDialog,\n} from '@/components/shared';\nimport { isQuotaExhaustedError } from '@/utils/quotaUtils';\nimport { MotionPage, MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport { AnimatePresence } from 'framer-motion';\nimport { useVibeNavigate } from '@/providers/VibeControlsProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useListCatalogsQuery, useCreateCatalogMutation } from '@/generated/wspace-operations';\n\nexport function CatalogPage() {\n  const navigate = useVibeNavigate();\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canCreateCatalog = hasPermission(VIBE_PERMISSIONS.CATALOG_CREATE);\n  const canReadCatalog = hasPermission(VIBE_PERMISSIONS.CATALOG_READ);\n\n  const tr = useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string => {\n      const translated = t(key, params);\n      const template = translated === key ? fallback : translated;\n      if (!params) return template;\n      return Object.entries(params).reduce(\n        (acc, [paramKey, paramValue]) => acc.replace(`{{${paramKey}}}`, String(paramValue)),\n        template\n      );\n    },\n    [t]\n  );\n\n  const visibilityOptions = [\n    { value: 'all', label: tr('catalog.allVisibility', 'All Visibility') },\n    { value: 'PRIVATE', label: tr('catalog.visibilityPrivate', 'Private') },\n    { value: 'INTERNAL', label: tr('catalog.visibilityInternal', 'Internal') },\n    { value: 'PUBLIC', label: tr('catalog.visibilityPublic', 'Public') },\n  ];\n\n  const PAGE_SIZE = 50;\n  const [searchQuery, setSearchQuery] = useState('');\n  const [visibilityFilter, setVisibilityFilter] = useState('all');\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [showQuotaExhausted, setShowQuotaExhausted] = useState(false);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n  const [accumulated, setAccumulated] = useState<CatalogCardData[]>([]);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, refetch, fetchMore } = useListCatalogsQuery({\n    variables: {\n      filter: {\n        visibility:\n          visibilityFilter !== 'all'\n            ? (visibilityFilter as 'PRIVATE' | 'INTERNAL' | 'PUBLIC')\n            : undefined,\n        search: searchQuery || undefined,\n      },\n      pagination: { limit: PAGE_SIZE, offset: 0 },\n    },\n    skip: permissionsLoading || !canReadCatalog,\n    fetchPolicy: 'cache-and-network',\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const [createCatalog] = useCreateCatalogMutation({ refetchQueries: ['ListCatalogs'] });\n  const { setDraftTagIds, flushTags } = useDraftEntityTags('VIBECONTROLS_CATALOG');\n\n  const mapItems = useCallback(\n    (items: ReadonlyArray<Record<string, unknown>>): CatalogCardData[] =>\n      items.map((item) => ({\n        id: item.id as string,\n        name: item.name as string,\n        description: (item.description as string) || null,\n        visibility: item.visibility as CatalogCardData['visibility'],\n        componentCount: (item.componentCount as number) || 0,\n        vibeCount: (item.vibeCount as number) || 0,\n        tags: (item.tags as string[]) || [],\n        createdAt: item.createdAt as string,\n        updatedAt: item.updatedAt as string,\n      })),\n    []\n  );\n\n  // Mirror the watched query's items into local state. fetchMore below uses\n  // updateQuery to append new pages into the watched data, so this single\n  // effect handles both the initial load and load-more cases.\n  useEffect(() => {\n    const items = data?.vibecontrolsCatalogs?.items ?? [];\n    setAccumulated(mapItems(items as ReadonlyArray<Record<string, unknown>>));\n  }, [data?.vibecontrolsCatalogs?.items, mapItems]);\n\n  const total = data?.vibecontrolsCatalogs?.total ?? 0;\n  const hasMore = accumulated.length < total;\n  const filteredCatalogs = accumulated;\n  const catalogs = accumulated;\n\n  const handleLoadMore = useCallback(async () => {\n    if (loadingMore || !hasMore) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { limit: PAGE_SIZE, offset: accumulated.length } },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult?.vibecontrolsCatalogs) return prev;\n          const prevList = prev.vibecontrolsCatalogs;\n          const nextList = fetchMoreResult.vibecontrolsCatalogs;\n          return {\n            ...prev,\n            vibecontrolsCatalogs: {\n              ...nextList,\n              items: [...(prevList?.items ?? []), ...nextList.items],\n              total: nextList.total,\n              hasMore: nextList.hasMore,\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  }, [fetchMore, accumulated.length, loadingMore, hasMore]);\n\n  if (permissionsLoading)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <p className=\"text-text-secondary\">Loading permissions…</p>\n      </div>\n    );\n  if (!canReadCatalog)\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold text-foreground\">Access Denied</h2>\n          <p className=\"text-sm text-text-secondary\">\n            You don't have permission to access this page.\n          </p>\n        </div>\n      </div>\n    );\n\n  const handleCatalogSelect = (catalog: CatalogCardData) => {\n    navigate(`/catalogs/${catalog.id}`);\n  };\n\n  const handleCreateCatalog = async (formData: CatalogFormData) => {\n    try {\n      const res = await createCatalog({\n        variables: {\n          input: {\n            name: formData.name,\n            description: formData.description || undefined,\n            visibility: formData.visibility,\n            ownerName: formData.owner || undefined,\n            tags: formData.tags.length > 0 ? formData.tags : undefined,\n          },\n        },\n      });\n      if (res.error && isQuotaExhaustedError(res.error)) {\n        setShowCreateForm(false);\n        setShowQuotaExhausted(true);\n        return;\n      }\n      const newCatalogId = res.data?.createVibecontrolsCatalog?.id;\n      if (!newCatalogId) throw new Error(tr('catalog.failedCreate', 'Failed to create catalog'));\n      await flushTags(newCatalogId);\n      setShowCreateForm(false);\n      setSuccessMessage(tr('catalog.createdSuccess', 'Catalog created successfully'));\n      await refetch();\n      setTimeout(() => setSuccessMessage(null), 3000);\n    } catch (err) {\n      if (isQuotaExhaustedError(err)) {\n        setShowCreateForm(false);\n        setShowQuotaExhausted(true);\n        return;\n      }\n      throw err;\n    }\n  };\n\n  if (error && catalogs.length === 0) {\n    return (\n      <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n        <ErrorState\n          title={tr('catalog.failedLoad', 'Failed to load catalogs')}\n          message={error.message}\n          onRetry={() => refetch()}\n        />\n      </MotionPage>\n    );\n  }\n\n  return (\n    <MotionPage className=\"space-y-6 p-4 sm:p-6 bg-bg-surface min-h-screen\">\n      <PageHeader\n        title={tr('catalog.title', 'Catalogs')}\n        description={tr('catalog.description', '{{total}} catalogs', {\n          total: catalogs.length,\n        })}\n        actions={\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => refetch()}\n              disabled={loading}\n              className=\"flex items-center gap-2 px-3 py-2 text-text-secondary hover:bg-bg-sunken rounded-md transition-colors disabled:opacity-50\"\n              title={tr('common.refresh', 'Refresh')}\n            >\n              <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />\n            </button>\n            {canCreateCatalog && (\n              <button\n                type=\"button\"\n                onClick={() => setShowCreateForm(true)}\n                className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n              >\n                <Plus className=\"size-4\" />\n                {tr('catalog.createCatalog', 'Create Catalog')}\n              </button>\n            )}\n          </div>\n        }\n      />\n\n      {/* Filters — SearchInput / FilterDropdown are custom components that don't\n          forward rest props onto a DOM node, so the tour anchors live on\n          wrapper <div>s. */}\n      <div className=\"flex items-center gap-2 sm:gap-3 flex-wrap\">\n        <div data-tour=\"vibecontrols-catalog-search\" className=\"flex-1 sm:w-64 sm:flex-none\">\n          <SearchInput\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder={tr('catalog.searchPlaceholder', 'Search catalogs...')}\n            className=\"w-full\"\n          />\n        </div>\n        <div data-tour=\"vibecontrols-catalog-visibility-filter\">\n          <FilterDropdown\n            label={tr('catalog.filterVisibility', 'Visibility')}\n            value={visibilityFilter}\n            options={visibilityOptions}\n            onChange={setVisibilityFilter}\n          />\n        </div>\n      </div>\n\n      {/* Results count */}\n      <p className=\"text-sm text-text-secondary\">\n        {tr('catalog.showingResults', 'Showing {{filtered}} of {{total}} catalogs', {\n          filtered: filteredCatalogs.length,\n          total,\n        })}\n        {loading && (\n          <span className=\"ml-2 text-text-muted\">{tr('common.refreshing', '(refreshing...)')}</span>\n        )}\n      </p>\n\n      {/* Grid */}\n      {loading && catalogs.length === 0 ? (\n        <PageSkeleton variant=\"cards\" count={6} />\n      ) : filteredCatalogs.length > 0 ? (\n        <AnimatePresence mode=\"wait\">\n          <MotionList\n            key=\"catalog-grid\"\n            stagger={0.04}\n            className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\"\n            data-tour=\"vibecontrols-catalog-grid\"\n          >\n            {filteredCatalogs.map((catalog) => (\n              <MotionItem key={catalog.id}>\n                <CatalogCard catalog={catalog} onOpen={handleCatalogSelect} />\n              </MotionItem>\n            ))}\n          </MotionList>\n        </AnimatePresence>\n      ) : (\n        <EmptyState\n          icon={<BookOpen className=\"size-8 text-text-secondary\" />}\n          title={\n            searchQuery || visibilityFilter !== 'all'\n              ? tr('catalog.emptyNoResults', 'No catalogs found')\n              : tr('catalog.emptyNoCatalogs', 'No catalogs yet')\n          }\n          description={\n            searchQuery || visibilityFilter !== 'all'\n              ? tr('catalog.emptyAdjustSearch', 'Try adjusting your search or filters')\n              : tr('catalog.emptyCreate', 'Create your first catalog to organize components')\n          }\n          action={\n            !searchQuery && visibilityFilter === 'all' ? (\n              <div className=\"flex items-center gap-2\">\n                {canCreateCatalog && (\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowCreateForm(true)}\n                    className=\"flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n                  >\n                    <Plus className=\"size-4\" />\n                    {tr('catalog.createCatalog', 'Create Catalog')}\n                  </button>\n                )}\n                <GetHelpButton prompt=\"What is a Catalog in VibeControls and how do I create one?\" />\n              </div>\n            ) : undefined\n          }\n        />\n      )}\n\n      {/* Load more */}\n      {hasMore && filteredCatalogs.length > 0 && (\n        <div className=\"flex justify-center pt-2\">\n          <button\n            type=\"button\"\n            onClick={handleLoadMore}\n            disabled={loadingMore}\n            className=\"flex items-center gap-2 px-4 py-2 bg-bg-sunken text-text-primary rounded-md hover:bg-bg-sunken-hover transition-colors disabled:opacity-50\"\n          >\n            {loadingMore ? tr('common.loading', 'Loading...') : tr('common.loadMore', 'Load more')}\n          </button>\n        </div>\n      )}\n\n      {/* Success Toast */}\n      {successMessage && (\n        <div className=\"fixed bottom-4 right-4 z-50 px-4 py-3 bg-status-success-bg text-status-success-text rounded-md shadow-lg text-sm\">\n          {successMessage}\n        </div>\n      )}\n\n      <QuotaExhaustedDialog\n        isOpen={showQuotaExhausted}\n        onClose={() => setShowQuotaExhausted(false)}\n        onConfirm={() => {\n          setShowQuotaExhausted(false);\n          navigate('/billing/plans');\n        }}\n        title=\"Catalog Quota Reached\"\n        message=\"You've reached the maximum number of catalogs on your current plan. Upgrade your plan or purchase an add-on to create more catalogs.\"\n      />\n\n      {/* Create Form */}\n      <CatalogForm\n        isOpen={showCreateForm}\n        onClose={() => setShowCreateForm(false)}\n        onSubmit={handleCreateCatalog}\n        extraSection={\n          <div>\n            <h3 className=\"text-sm font-medium text-text-secondary mb-2\">\n              {tr('catalog.tags', 'Tags')}\n            </h3>\n            <EntityTagPicker entityType=\"VIBECONTROLS_CATALOG\" onDraftChange={setDraftTagIds} />\n          </div>\n        }\n      />\n    </MotionPage>\n  );\n}\n"],"mappings":"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"}