@burdenoff/microfe-devportal 2026.625.9 → 2026.626.1

package/dist/devportal/pages/ResourcesPage.js

@@ -1,130 +1,132 @@
 import { cn as e } from "../utils/cn.js";
-import { PageLayout as t, PageSection as n } from "../components/PageLayout.js";
-import { nativeCopyText as r, nativeImpact as i, nativeNotify as a } from "../../utils/nativeBridge.js";
-import { useMemo as o, useState as s } from "react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { BookOpen as l, CalendarClock as u, Code2 as d, ExternalLink as f, FileCode as p, HelpCircle as m, KeyRound as h, Layers as g, Network as _, Plug as v, Rocket as y, Search as b, Webhook as x } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { EmptyState as t } from "../components/EmptyState.js";
+import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
+import { nativeCopyText as i, nativeImpact as a, nativeNotify as o } from "../../utils/nativeBridge.js";
+import { useMemo as s, useState as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { BookOpen as u, CalendarClock as d, Code2 as f, ExternalLink as p, FileCode as m, HelpCircle as h, KeyRound as g, Layers as _, Network as v, Plug as y, Rocket as b, Search as x, Webhook as S } from "lucide-react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/ResourcesPage.tsx
-var w = "https://docs.burdenoff.com/developers", T = {
+var E = "https://docs.burdenoff.com/developers", D = {
 	id: "sdks",
 	name: "SDKs",
 	description: "Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.",
-	icon: /* @__PURE__ */ S(d, { size: 24 }),
-	url: `${w}/build/sdks`,
+	icon: /* @__PURE__ */ C(f, { size: 24 }),
+	url: `${E}/build/sdks`,
 	installCommand: "npm install @burdenoff/sdk-node"
-}, E = [
+}, O = [
 	{
 		id: "graphql-api",
 		name: "GraphQL API",
 		description: "Query and mutate platform data through the federated GraphQL API.",
-		icon: /* @__PURE__ */ S(_, { size: 24 }),
-		url: `${w}/build/graphql-api`
+		icon: /* @__PURE__ */ C(v, { size: 24 }),
+		url: `${E}/build/graphql-api`
 	},
 	{
 		id: "plugins",
 		name: "Plugins",
 		description: "Extend the platform with plugins that add new capabilities and surfaces.",
-		icon: /* @__PURE__ */ S(v, { size: 24 }),
-		url: `${w}/build/plugins`
+		icon: /* @__PURE__ */ C(y, { size: 24 }),
+		url: `${E}/build/plugins`
 	},
 	{
 		id: "webhooks",
 		name: "Webhooks",
 		description: "Receive real-time platform events in your own services via webhooks.",
-		icon: /* @__PURE__ */ S(x, { size: 24 }),
-		url: `${w}/build/webhooks`
+		icon: /* @__PURE__ */ C(S, { size: 24 }),
+		url: `${E}/build/webhooks`
 	}
-], D = [{
+], k = [{
 	id: "scheduler",
 	name: "Scheduler & Workflows",
 	description: "Schedule jobs and orchestrate long-running workflows on the platform.",
-	icon: /* @__PURE__ */ S(u, { size: 24 }),
-	url: `${w}/extend/scheduler/`
-}], O = [
+	icon: /* @__PURE__ */ C(d, { size: 24 }),
+	url: `${E}/extend/scheduler/`
+}], A = [
 	{
 		id: "platform-overview",
 		name: "Platform Overview",
 		description: "Understand the building blocks of the Burdenoff developer platform.",
-		icon: /* @__PURE__ */ S(l, { size: 24 }),
-		url: `${w}/platform-overview`
+		icon: /* @__PURE__ */ C(u, { size: 24 }),
+		url: `${E}/platform-overview`
 	},
 	{
 		id: "quick-start",
 		name: "Quick Start",
 		description: "Get up and running with the platform in a few steps.",
-		icon: /* @__PURE__ */ S(y, { size: 24 }),
-		url: `${w}/quick-start`
+		icon: /* @__PURE__ */ C(b, { size: 24 }),
+		url: `${E}/quick-start`
 	},
 	{
 		id: "authentication",
 		name: "Authentication",
 		description: "Learn how to authenticate requests and manage actor identity.",
-		icon: /* @__PURE__ */ S(h, { size: 24 }),
-		url: `${w}/authentication`
+		icon: /* @__PURE__ */ C(g, { size: 24 }),
+		url: `${E}/authentication`
 	},
 	{
 		id: "relationship-graphs",
 		name: "Relationship Graphs",
 		description: "Model and traverse connected data with relationship graphs.",
-		icon: /* @__PURE__ */ S(g, { size: 24 }),
-		url: `${w}/concepts/relationship-graphs`
+		icon: /* @__PURE__ */ C(_, { size: 24 }),
+		url: `${E}/concepts/relationship-graphs`
 	},
 	{
 		id: "examples",
 		name: "Examples",
 		description: "Browse worked examples covering common integration tasks.",
-		icon: /* @__PURE__ */ S(p, { size: 24 }),
-		url: `${w}/examples`
+		icon: /* @__PURE__ */ C(m, { size: 24 }),
+		url: `${E}/examples`
 	},
 	{
 		id: "faq",
 		name: "FAQ",
 		description: "Answers to frequently asked developer questions.",
-		icon: /* @__PURE__ */ S(m, { size: 24 }),
-		url: `${w}/faq`
+		icon: /* @__PURE__ */ C(h, { size: 24 }),
+		url: `${E}/faq`
 	}
-], k = (e, t) => t ? `${e.name} ${e.description}`.toLowerCase().includes(t.toLowerCase()) : !0, A = ({ sdk: e, copyLabel: t, copiedLabel: n }) => {
-	let [o, c] = s(!1);
-	return /* @__PURE__ */ C("div", {
-		className: "flex flex-col rounded-lg border bg-card p-5",
+], j = (e, t) => t ? `${e.name} ${e.description}`.toLowerCase().includes(t.toLowerCase()) : !0, M = ({ sdk: e, copyLabel: t, copiedLabel: n }) => {
+	let [r, s] = c(!1);
+	return /* @__PURE__ */ w("div", {
+		className: "flex flex-col rounded-card border border-border-seam bg-bg-surface p-5",
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ S("div", {
-					className: "rounded-lg bg-primary/10 p-2.5 text-primary",
+				children: [/* @__PURE__ */ C("div", {
+					className: "rounded-lg bg-action-primary-bg/10 p-2.5 text-primary",
 					children: e.icon
-				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("h3", {
+				}), /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C("h3", {
 					className: "font-semibold",
 					children: e.name
 				}) })]
 			}),
-			/* @__PURE__ */ S("p", {
-				className: "mt-3 text-sm text-muted-foreground",
+			/* @__PURE__ */ C("p", {
+				className: "mt-3 text-sm text-text-secondary",
 				children: e.description
 			}),
-			/* @__PURE__ */ C("div", {
-				className: "mt-4 flex items-center gap-2 rounded-md bg-muted/50 p-2",
-				children: [/* @__PURE__ */ S("code", {
+			/* @__PURE__ */ w("div", {
+				className: "mt-4 flex items-center gap-2 rounded-md bg-bg-sunken/50 p-2",
+				children: [/* @__PURE__ */ C("code", {
 					className: "flex-1 text-xs",
 					children: e.installCommand
-				}), /* @__PURE__ */ S("button", {
+				}), /* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: async () => {
-						i("light"), await r(e.installCommand) ? (c(!0), a("success"), setTimeout(() => c(!1), 2e3)) : a("error");
+						a("light"), await i(e.installCommand) ? (s(!0), o("success"), setTimeout(() => s(!1), 2e3)) : o("error");
 					},
-					className: "rounded px-2 py-1 text-xs hover:bg-muted transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-					children: o ? n : t
+					className: "rounded px-2 py-1 text-xs hover:bg-bg-sunken transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+					children: r ? n : t
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-4 flex items-center justify-end text-sm",
-				children: /* @__PURE__ */ C("a", {
+				children: /* @__PURE__ */ w("a", {
 					href: e.url,
 					target: "_blank",
 					rel: "noopener noreferrer",
 					className: "flex items-center gap-1 text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-					children: ["Docs ", /* @__PURE__ */ S(f, {
+					children: ["Docs ", /* @__PURE__ */ C(p, {
 						size: 12,
 						"aria-hidden": "true"
 					})]
@@ -132,138 +134,140 @@ var w = "https://docs.burdenoff.com/developers", T = {
 			})
 		]
 	});
-}, j = ({ resource: e }) => /* @__PURE__ */ C("a", {
+}, N = ({ resource: e }) => /* @__PURE__ */ w("a", {
 	href: e.url,
 	target: "_blank",
 	rel: "noopener noreferrer",
-	className: "group flex items-start gap-4 rounded-lg border bg-card p-4 transition-all hover:border-primary/50 hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
+	className: "group flex items-start gap-4 rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-pop)] transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
 	children: [
-		/* @__PURE__ */ S("div", {
-			className: "rounded-lg bg-primary/10 p-2.5 text-primary",
+		/* @__PURE__ */ C("div", {
+			className: "rounded-lg bg-action-primary-bg/10 p-2.5 text-primary",
 			children: e.icon
 		}),
-		/* @__PURE__ */ C("div", {
+		/* @__PURE__ */ w("div", {
 			className: "flex-1",
-			children: [/* @__PURE__ */ S("h3", {
+			children: [/* @__PURE__ */ C("h3", {
 				className: "font-semibold group-hover:text-primary",
 				children: e.name
-			}), /* @__PURE__ */ S("p", {
-				className: "mt-1 text-sm text-muted-foreground",
+			}), /* @__PURE__ */ C("p", {
+				className: "mt-1 text-sm text-text-secondary",
 				children: e.description
 			})]
 		}),
-		/* @__PURE__ */ S(f, {
+		/* @__PURE__ */ C(p, {
 			size: 16,
 			"aria-hidden": "true",
-			className: "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100"
+			className: "text-text-secondary opacity-0 transition-opacity group-hover:opacity-100"
 		})
 	]
-}), M = () => {
-	let { t: r } = c(), i = (e, t) => {
-		let n = r(e);
+}), P = () => {
+	let { t: i } = l(), a = (e, t) => {
+		let n = i(e);
 		return n === e ? t : n;
-	}, [a, l] = s(""), [u, d] = s("all"), f = u === "all" || u === "build", p = u === "all" || u === "learn", m = o(() => f && k(T, a), [f, a]), h = o(() => f ? E.filter((e) => k(e, a)) : [], [f, a]), g = o(() => f ? D.filter((e) => k(e, a)) : [], [f, a]), _ = o(() => p ? O.filter((e) => k(e, a)) : [], [p, a]), v = m || h.length > 0 || g.length > 0 || _.length > 0;
-	return /* @__PURE__ */ C(t, {
-		title: i("devportal.developerResources", "Developer Resources"),
-		description: i("devportal.resourcesDescription", "Documentation for building, extending, and learning the Burdenoff platform"),
+	}, [o, u] = c(""), [d, f] = c("all"), p = d === "all" || d === "build", m = d === "all" || d === "learn", h = s(() => p && j(D, o), [p, o]), g = s(() => p ? O.filter((e) => j(e, o)) : [], [p, o]), _ = s(() => p ? k.filter((e) => j(e, o)) : [], [p, o]), v = s(() => m ? A.filter((e) => j(e, o)) : [], [m, o]), y = h || g.length > 0 || _.length > 0 || v.length > 0;
+	return /* @__PURE__ */ w(n, {
+		title: a("devportal.developerResources", "Developer Resources"),
+		description: a("devportal.resourcesDescription", "Documentation for building, extending, and learning the Burdenoff platform"),
+		purpose: a("devportal.resourcesPurpose", "A jumping-off point for building on the platform — SDKs, API references, integration guides, and learning material in one place. Start with the SDK for your language, then follow the build and learn paths."),
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				role: "status",
 				className: "mb-6 rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm text-status-warning-text",
-				children: [/* @__PURE__ */ S("strong", {
+				children: [/* @__PURE__ */ C("strong", {
 					className: "font-semibold",
-					children: i("devportal.resources.comingSoon.title", "Coming soon")
-				}), /* @__PURE__ */ S("span", {
+					children: a("devportal.resources.comingSoon.title", "Coming soon")
+				}), /* @__PURE__ */ C("span", {
 					className: "ml-2",
-					children: i("devportal.resources.comingSoon.description", "An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.")
+					children: a("devportal.resources.comingSoon.description", "An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.")
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "relative flex-1 max-w-md",
-					children: [/* @__PURE__ */ S(b, {
+					children: [/* @__PURE__ */ C(x, {
 						size: 16,
 						"aria-hidden": "true",
-						className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ S("input", {
+						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
+					}), /* @__PURE__ */ C("input", {
 						type: "text",
-						"aria-label": i("devportal.searchResources", "Search resources..."),
-						placeholder: i("devportal.searchResources", "Search resources..."),
-						value: a,
-						onChange: (e) => l(e.target.value),
-						className: "w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+						"aria-label": a("devportal.searchResources", "Search resources..."),
+						placeholder: a("devportal.searchResources", "Search resources..."),
+						value: o,
+						onChange: (e) => u(e.target.value),
+						className: "w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 					})]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					role: "group",
-					"aria-label": i("devportal.filterResources", "Filter resources"),
+					"aria-label": a("devportal.filterResources", "Filter resources"),
 					className: "flex items-center gap-1 rounded-md border p-1",
 					children: [
 						{
 							id: "all",
-							label: i("devportal.filterAll", "All")
+							label: a("devportal.filterAll", "All")
 						},
 						{
 							id: "build",
-							label: i("devportal.filterBuild", "Build")
+							label: a("devportal.filterBuild", "Build")
 						},
 						{
 							id: "learn",
-							label: i("devportal.filterLearn", "Learn")
+							label: a("devportal.filterLearn", "Learn")
 						}
-					].map((t) => /* @__PURE__ */ S("button", {
+					].map((t) => /* @__PURE__ */ C("button", {
 						type: "button",
-						"aria-pressed": u === t.id,
-						onClick: () => d(t.id),
-						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", u === t.id ? "bg-primary text-primary-foreground" : "hover:bg-muted"),
+						"aria-pressed": d === t.id,
+						onClick: () => f(t.id),
+						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", d === t.id ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"),
 						children: t.label
 					}, t.id))
 				})]
 			}),
-			m && /* @__PURE__ */ S(n, {
-				title: i("devportal.sdks", "SDKs"),
-				description: i("devportal.sdksDescription", "Client libraries for building on the platform"),
-				children: /* @__PURE__ */ S("div", {
+			h && /* @__PURE__ */ C(T, { children: /* @__PURE__ */ C(r, {
+				title: a("devportal.sdks", "SDKs"),
+				description: a("devportal.sdksDescription", "Client libraries for building on the platform"),
+				children: /* @__PURE__ */ C("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: /* @__PURE__ */ S(A, {
-						sdk: T,
-						copyLabel: i("devportal.copy", "Copy"),
-						copiedLabel: i("devportal.copied", "Copied!")
+					children: /* @__PURE__ */ C(M, {
+						sdk: D,
+						copyLabel: a("devportal.copy", "Copy"),
+						copiedLabel: a("devportal.copied", "Copied!")
 					})
 				})
-			}),
-			h.length > 0 && /* @__PURE__ */ S(n, {
-				title: i("devportal.build", "Build"),
-				description: i("devportal.buildDescription", "APIs and integration surfaces"),
-				children: /* @__PURE__ */ S("div", {
+			}) }),
+			g.length > 0 && /* @__PURE__ */ C(r, {
+				title: a("devportal.build", "Build"),
+				description: a("devportal.buildDescription", "APIs and integration surfaces"),
+				children: /* @__PURE__ */ C("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: h.map((e) => /* @__PURE__ */ S(j, { resource: e }, e.id))
+					children: g.map((e) => /* @__PURE__ */ C(N, { resource: e }, e.id))
 				})
 			}),
-			g.length > 0 && /* @__PURE__ */ S(n, {
-				title: i("devportal.extend", "Extend"),
-				description: i("devportal.extendDescription", "Schedule jobs and orchestrate workflows"),
-				children: /* @__PURE__ */ S("div", {
+			_.length > 0 && /* @__PURE__ */ C(r, {
+				title: a("devportal.extend", "Extend"),
+				description: a("devportal.extendDescription", "Schedule jobs and orchestrate workflows"),
+				children: /* @__PURE__ */ C("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: g.map((e) => /* @__PURE__ */ S(j, { resource: e }, e.id))
+					children: _.map((e) => /* @__PURE__ */ C(N, { resource: e }, e.id))
 				})
 			}),
-			_.length > 0 && /* @__PURE__ */ S(n, {
-				title: i("devportal.learn", "Learn"),
-				description: i("devportal.learnDescription", "Guides and concepts to get you started"),
-				children: /* @__PURE__ */ S("div", {
+			v.length > 0 && /* @__PURE__ */ C(r, {
+				title: a("devportal.learn", "Learn"),
+				description: a("devportal.learnDescription", "Guides and concepts to get you started"),
+				children: /* @__PURE__ */ C("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: _.map((e) => /* @__PURE__ */ S(j, { resource: e }, e.id))
+					children: v.map((e) => /* @__PURE__ */ C(N, { resource: e }, e.id))
 				})
 			}),
-			!v && /* @__PURE__ */ S("div", {
-				className: "mt-8 rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground",
-				children: i("devportal.noResourcesFound", "No resources match your search.")
+			!y && /* @__PURE__ */ C(t, {
+				illustration: "empty-search",
+				title: a("devportal.noResourcesFoundTitle", "No matching resources"),
+				description: a("devportal.noResourcesFound", "No resources match your search.")
 			})
 		]
 	});
 };
 //#endregion
-export { M as ResourcesPage };
+export { P as ResourcesPage };
 
 //# sourceMappingURL=ResourcesPage.js.map

package/dist/devportal/pages/ResourcesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesPage.js","names":[],"sources":["../../../src/devportal/pages/ResourcesPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  FileCode,\n  ExternalLink,\n  Code2,\n  BookOpen,\n  KeyRound,\n  Webhook,\n  Network,\n  Plug,\n  CalendarClock,\n  Rocket,\n  HelpCircle,\n  Layers,\n  Search,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { cn } from \"../utils/cn\";\nimport {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/**\n * Every resource below links to a REAL, confirmed documentation page under\n * https://docs.burdenoff.com/developers. There are intentionally no\n * fabricated metrics (downloads, stars, versions), no invented GitHub repos,\n * and no third-party tools (Postman/Figma/VS Code/etc.) that don't exist.\n */\n\nconst DOCS_BASE = \"https://docs.burdenoff.com/developers\";\n\ninterface Resource {\n  id: string;\n  name: string;\n  description: string;\n  icon: React.ReactNode;\n  url: string;\n}\n\ninterface SdkResource extends Resource {\n  /** A generic, real install example — no fake version suffix. */\n  installCommand: string;\n}\n\ntype ResourceCategory = \"all\" | \"build\" | \"learn\";\n\n// =============================================================================\n// DATA\n// =============================================================================\n\n// SDKs — single doc-backed entry. The install command is a generic example;\n// see the SDKs doc for the authoritative package list.\nconst sdk: SdkResource = {\n  id: \"sdks\",\n  name: \"SDKs\",\n  description:\n    \"Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.\",\n  icon: <Code2 size={24} />,\n  url: `${DOCS_BASE}/build/sdks`,\n  installCommand: \"npm install @burdenoff/sdk-node\",\n};\n\n// Build — APIs and integration surfaces, each backed by a real doc page.\nconst buildResources: Resource[] = [\n  {\n    id: \"graphql-api\",\n    name: \"GraphQL API\",\n    description:\n      \"Query and mutate platform data through the federated GraphQL API.\",\n    icon: <Network size={24} />,\n    url: `${DOCS_BASE}/build/graphql-api`,\n  },\n  {\n    id: \"plugins\",\n    name: \"Plugins\",\n    description:\n      \"Extend the platform with plugins that add new capabilities and surfaces.\",\n    icon: <Plug size={24} />,\n    url: `${DOCS_BASE}/build/plugins`,\n  },\n  {\n    id: \"webhooks\",\n    name: \"Webhooks\",\n    description:\n      \"Receive real-time platform events in your own services via webhooks.\",\n    icon: <Webhook size={24} />,\n    url: `${DOCS_BASE}/build/webhooks`,\n  },\n];\n\n// Extend — higher-level extension surfaces.\nconst extendResources: Resource[] = [\n  {\n    id: \"scheduler\",\n    name: \"Scheduler & Workflows\",\n    description:\n      \"Schedule jobs and orchestrate long-running workflows on the platform.\",\n    icon: <CalendarClock size={24} />,\n    url: `${DOCS_BASE}/extend/scheduler/`,\n  },\n];\n\n// Learn — conceptual and getting-started documentation.\nconst learnResources: Resource[] = [\n  {\n    id: \"platform-overview\",\n    name: \"Platform Overview\",\n    description:\n      \"Understand the building blocks of the Burdenoff developer platform.\",\n    icon: <BookOpen size={24} />,\n    url: `${DOCS_BASE}/platform-overview`,\n  },\n  {\n    id: \"quick-start\",\n    name: \"Quick Start\",\n    description: \"Get up and running with the platform in a few steps.\",\n    icon: <Rocket size={24} />,\n    url: `${DOCS_BASE}/quick-start`,\n  },\n  {\n    id: \"authentication\",\n    name: \"Authentication\",\n    description:\n      \"Learn how to authenticate requests and manage actor identity.\",\n    icon: <KeyRound size={24} />,\n    url: `${DOCS_BASE}/authentication`,\n  },\n  {\n    id: \"relationship-graphs\",\n    name: \"Relationship Graphs\",\n    description: \"Model and traverse connected data with relationship graphs.\",\n    icon: <Layers size={24} />,\n    url: `${DOCS_BASE}/concepts/relationship-graphs`,\n  },\n  {\n    id: \"examples\",\n    name: \"Examples\",\n    description: \"Browse worked examples covering common integration tasks.\",\n    icon: <FileCode size={24} />,\n    url: `${DOCS_BASE}/examples`,\n  },\n  {\n    id: \"faq\",\n    name: \"FAQ\",\n    description: \"Answers to frequently asked developer questions.\",\n    icon: <HelpCircle size={24} />,\n    url: `${DOCS_BASE}/faq`,\n  },\n];\n\n// Helper for client-side search filtering across name + description.\nconst matchesQuery = (resource: Resource, query: string): boolean => {\n  if (!query) return true;\n  const haystack = `${resource.name} ${resource.description}`.toLowerCase();\n  return haystack.includes(query.toLowerCase());\n};\n\n// =============================================================================\n// COMPONENTS\n// =============================================================================\n\nconst SDKCard: FC<{\n  sdk: SdkResource;\n  copyLabel: string;\n  copiedLabel: string;\n}> = ({ sdk, copyLabel, copiedLabel }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    void nativeImpact(\"light\");\n    const ok = await nativeCopyText(sdk.installCommand);\n    if (ok) {\n      setCopied(true);\n      void nativeNotify(\"success\");\n      setTimeout(() => setCopied(false), 2000);\n    } else {\n      void nativeNotify(\"error\");\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col rounded-lg border bg-card p-5\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-lg bg-primary/10 p-2.5 text-primary\">\n          {sdk.icon}\n        </div>\n        <div>\n          <h3 className=\"font-semibold\">{sdk.name}</h3>\n        </div>\n      </div>\n\n      <p className=\"mt-3 text-sm text-muted-foreground\">{sdk.description}</p>\n\n      <div className=\"mt-4 flex items-center gap-2 rounded-md bg-muted/50 p-2\">\n        <code className=\"flex-1 text-xs\">{sdk.installCommand}</code>\n        <button\n          type=\"button\"\n          onClick={handleCopy}\n          className=\"rounded px-2 py-1 text-xs hover:bg-muted transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        >\n          {copied ? copiedLabel : copyLabel}\n        </button>\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-end text-sm\">\n        <a\n          href={sdk.url}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-1 text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        >\n          Docs <ExternalLink size={12} aria-hidden=\"true\" />\n        </a>\n      </div>\n    </div>\n  );\n};\n\nconst ResourceCard: FC<{ resource: Resource }> = ({ resource }) => (\n  <a\n    href={resource.url}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    className=\"group flex items-start gap-4 rounded-lg border bg-card p-4 transition-all hover:border-primary/50 hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n  >\n    <div className=\"rounded-lg bg-primary/10 p-2.5 text-primary\">\n      {resource.icon}\n    </div>\n    <div className=\"flex-1\">\n      <h3 className=\"font-semibold group-hover:text-primary\">\n        {resource.name}\n      </h3>\n      <p className=\"mt-1 text-sm text-muted-foreground\">\n        {resource.description}\n      </p>\n    </div>\n    <ExternalLink\n      size={16}\n      aria-hidden=\"true\"\n      className=\"text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100\"\n    />\n  </a>\n);\n\n// =============================================================================\n// PAGE COMPONENT\n// =============================================================================\n\nexport const ResourcesPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [category, setCategory] = useState<ResourceCategory>(\"all\");\n\n  const showBuild = category === \"all\" || category === \"build\";\n  const showLearn = category === \"all\" || category === \"learn\";\n\n  const sdkVisible = useMemo(\n    () => showBuild && matchesQuery(sdk, searchQuery),\n    [showBuild, searchQuery],\n  );\n  const buildVisible = useMemo(\n    () =>\n      showBuild\n        ? buildResources.filter((r) => matchesQuery(r, searchQuery))\n        : [],\n    [showBuild, searchQuery],\n  );\n  const extendVisible = useMemo(\n    () =>\n      showBuild\n        ? extendResources.filter((r) => matchesQuery(r, searchQuery))\n        : [],\n    [showBuild, searchQuery],\n  );\n  const learnVisible = useMemo(\n    () =>\n      showLearn\n        ? learnResources.filter((r) => matchesQuery(r, searchQuery))\n        : [],\n    [showLearn, searchQuery],\n  );\n\n  const hasResults =\n    sdkVisible ||\n    buildVisible.length > 0 ||\n    extendVisible.length > 0 ||\n    learnVisible.length > 0;\n\n  return (\n    <PageLayout\n      title={tr(\"devportal.developerResources\", \"Developer Resources\")}\n      description={tr(\n        \"devportal.resourcesDescription\",\n        \"Documentation for building, extending, and learning the Burdenoff platform\",\n      )}\n    >\n      {/* Coming-soon banner — Resources is a deferred surface (see\n          devportal stability tracker). The cards below link to the official\n          developer documentation until the in-product hub lands. */}\n      <div\n        role=\"status\"\n        className=\"mb-6 rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm text-status-warning-text\"\n      >\n        <strong className=\"font-semibold\">\n          {tr(\"devportal.resources.comingSoon.title\", \"Coming soon\")}\n        </strong>\n        <span className=\"ml-2\">\n          {tr(\n            \"devportal.resources.comingSoon.description\",\n            \"An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.\",\n          )}\n        </span>\n      </div>\n\n      {/* Search and Filter */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative flex-1 max-w-md\">\n          <Search\n            size={16}\n            aria-hidden=\"true\"\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\"\n          />\n          <input\n            type=\"text\"\n            aria-label={tr(\"devportal.searchResources\", \"Search resources...\")}\n            placeholder={tr(\"devportal.searchResources\", \"Search resources...\")}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"w-full rounded-md border bg-background pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          />\n        </div>\n        <div\n          role=\"group\"\n          aria-label={tr(\"devportal.filterResources\", \"Filter resources\")}\n          className=\"flex items-center gap-1 rounded-md border p-1\"\n        >\n          {[\n            { id: \"all\", label: tr(\"devportal.filterAll\", \"All\") },\n            { id: \"build\", label: tr(\"devportal.filterBuild\", \"Build\") },\n            { id: \"learn\", label: tr(\"devportal.filterLearn\", \"Learn\") },\n          ].map((cat) => (\n            <button\n              key={cat.id}\n              type=\"button\"\n              aria-pressed={category === cat.id}\n              onClick={() => setCategory(cat.id as ResourceCategory)}\n              className={cn(\n                \"rounded px-3 py-1.5 text-sm font-medium transition-colors\",\n                category === cat.id\n                  ? \"bg-primary text-primary-foreground\"\n                  : \"hover:bg-muted\",\n              )}\n            >\n              {cat.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* SDKs */}\n      {sdkVisible && (\n        <PageSection\n          title={tr(\"devportal.sdks\", \"SDKs\")}\n          description={tr(\n            \"devportal.sdksDescription\",\n            \"Client libraries for building on the platform\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            <SDKCard\n              sdk={sdk}\n              copyLabel={tr(\"devportal.copy\", \"Copy\")}\n              copiedLabel={tr(\"devportal.copied\", \"Copied!\")}\n            />\n          </div>\n        </PageSection>\n      )}\n\n      {/* Build */}\n      {buildVisible.length > 0 && (\n        <PageSection\n          title={tr(\"devportal.build\", \"Build\")}\n          description={tr(\n            \"devportal.buildDescription\",\n            \"APIs and integration surfaces\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {buildVisible.map((resource) => (\n              <ResourceCard key={resource.id} resource={resource} />\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Extend */}\n      {extendVisible.length > 0 && (\n        <PageSection\n          title={tr(\"devportal.extend\", \"Extend\")}\n          description={tr(\n            \"devportal.extendDescription\",\n            \"Schedule jobs and orchestrate workflows\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {extendVisible.map((resource) => (\n              <ResourceCard key={resource.id} resource={resource} />\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Learn */}\n      {learnVisible.length > 0 && (\n        <PageSection\n          title={tr(\"devportal.learn\", \"Learn\")}\n          description={tr(\n            \"devportal.learnDescription\",\n            \"Guides and concepts to get you started\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {learnVisible.map((resource) => (\n              <ResourceCard key={resource.id} resource={resource} />\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Empty state */}\n      {!hasResults && (\n        <div className=\"mt-8 rounded-lg border border-dashed p-8 text-center text-sm text-muted-foreground\">\n          {tr(\"devportal.noResourcesFound\", \"No resources match your search.\")}\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ResourcesPage.js","names":[],"sources":["../../../src/devportal/pages/ResourcesPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  FileCode,\n  ExternalLink,\n  Code2,\n  BookOpen,\n  KeyRound,\n  Webhook,\n  Network,\n  Plug,\n  CalendarClock,\n  Rocket,\n  HelpCircle,\n  Layers,\n  Search,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { EmphasisPanel } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { cn } from \"../utils/cn\";\nimport {\n  nativeCopyText,\n  nativeImpact,\n  nativeNotify,\n} from \"../../utils/nativeBridge\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\n/**\n * Every resource below links to a REAL, confirmed documentation page under\n * https://docs.burdenoff.com/developers. There are intentionally no\n * fabricated metrics (downloads, stars, versions), no invented GitHub repos,\n * and no third-party tools (Postman/Figma/VS Code/etc.) that don't exist.\n */\n\nconst DOCS_BASE = \"https://docs.burdenoff.com/developers\";\n\ninterface Resource {\n  id: string;\n  name: string;\n  description: string;\n  icon: React.ReactNode;\n  url: string;\n}\n\ninterface SdkResource extends Resource {\n  /** A generic, real install example — no fake version suffix. */\n  installCommand: string;\n}\n\ntype ResourceCategory = \"all\" | \"build\" | \"learn\";\n\n// =============================================================================\n// DATA\n// =============================================================================\n\n// SDKs — single doc-backed entry. The install command is a generic example;\n// see the SDKs doc for the authoritative package list.\nconst sdk: SdkResource = {\n  id: \"sdks\",\n  name: \"SDKs\",\n  description:\n    \"Official client libraries for building on the Burdenoff platform. See the SDKs documentation for supported languages and installation.\",\n  icon: <Code2 size={24} />,\n  url: `${DOCS_BASE}/build/sdks`,\n  installCommand: \"npm install @burdenoff/sdk-node\",\n};\n\n// Build — APIs and integration surfaces, each backed by a real doc page.\nconst buildResources: Resource[] = [\n  {\n    id: \"graphql-api\",\n    name: \"GraphQL API\",\n    description:\n      \"Query and mutate platform data through the federated GraphQL API.\",\n    icon: <Network size={24} />,\n    url: `${DOCS_BASE}/build/graphql-api`,\n  },\n  {\n    id: \"plugins\",\n    name: \"Plugins\",\n    description:\n      \"Extend the platform with plugins that add new capabilities and surfaces.\",\n    icon: <Plug size={24} />,\n    url: `${DOCS_BASE}/build/plugins`,\n  },\n  {\n    id: \"webhooks\",\n    name: \"Webhooks\",\n    description:\n      \"Receive real-time platform events in your own services via webhooks.\",\n    icon: <Webhook size={24} />,\n    url: `${DOCS_BASE}/build/webhooks`,\n  },\n];\n\n// Extend — higher-level extension surfaces.\nconst extendResources: Resource[] = [\n  {\n    id: \"scheduler\",\n    name: \"Scheduler & Workflows\",\n    description:\n      \"Schedule jobs and orchestrate long-running workflows on the platform.\",\n    icon: <CalendarClock size={24} />,\n    url: `${DOCS_BASE}/extend/scheduler/`,\n  },\n];\n\n// Learn — conceptual and getting-started documentation.\nconst learnResources: Resource[] = [\n  {\n    id: \"platform-overview\",\n    name: \"Platform Overview\",\n    description:\n      \"Understand the building blocks of the Burdenoff developer platform.\",\n    icon: <BookOpen size={24} />,\n    url: `${DOCS_BASE}/platform-overview`,\n  },\n  {\n    id: \"quick-start\",\n    name: \"Quick Start\",\n    description: \"Get up and running with the platform in a few steps.\",\n    icon: <Rocket size={24} />,\n    url: `${DOCS_BASE}/quick-start`,\n  },\n  {\n    id: \"authentication\",\n    name: \"Authentication\",\n    description:\n      \"Learn how to authenticate requests and manage actor identity.\",\n    icon: <KeyRound size={24} />,\n    url: `${DOCS_BASE}/authentication`,\n  },\n  {\n    id: \"relationship-graphs\",\n    name: \"Relationship Graphs\",\n    description: \"Model and traverse connected data with relationship graphs.\",\n    icon: <Layers size={24} />,\n    url: `${DOCS_BASE}/concepts/relationship-graphs`,\n  },\n  {\n    id: \"examples\",\n    name: \"Examples\",\n    description: \"Browse worked examples covering common integration tasks.\",\n    icon: <FileCode size={24} />,\n    url: `${DOCS_BASE}/examples`,\n  },\n  {\n    id: \"faq\",\n    name: \"FAQ\",\n    description: \"Answers to frequently asked developer questions.\",\n    icon: <HelpCircle size={24} />,\n    url: `${DOCS_BASE}/faq`,\n  },\n];\n\n// Helper for client-side search filtering across name + description.\nconst matchesQuery = (resource: Resource, query: string): boolean => {\n  if (!query) return true;\n  const haystack = `${resource.name} ${resource.description}`.toLowerCase();\n  return haystack.includes(query.toLowerCase());\n};\n\n// =============================================================================\n// COMPONENTS\n// =============================================================================\n\nconst SDKCard: FC<{\n  sdk: SdkResource;\n  copyLabel: string;\n  copiedLabel: string;\n}> = ({ sdk, copyLabel, copiedLabel }) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    void nativeImpact(\"light\");\n    const ok = await nativeCopyText(sdk.installCommand);\n    if (ok) {\n      setCopied(true);\n      void nativeNotify(\"success\");\n      setTimeout(() => setCopied(false), 2000);\n    } else {\n      void nativeNotify(\"error\");\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col rounded-card border border-border-seam bg-bg-surface p-5\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-lg bg-action-primary-bg/10 p-2.5 text-primary\">\n          {sdk.icon}\n        </div>\n        <div>\n          <h3 className=\"font-semibold\">{sdk.name}</h3>\n        </div>\n      </div>\n\n      <p className=\"mt-3 text-sm text-text-secondary\">{sdk.description}</p>\n\n      <div className=\"mt-4 flex items-center gap-2 rounded-md bg-bg-sunken/50 p-2\">\n        <code className=\"flex-1 text-xs\">{sdk.installCommand}</code>\n        <button\n          type=\"button\"\n          onClick={handleCopy}\n          className=\"rounded px-2 py-1 text-xs hover:bg-bg-sunken transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        >\n          {copied ? copiedLabel : copyLabel}\n        </button>\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-end text-sm\">\n        <a\n          href={sdk.url}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-1 text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        >\n          Docs <ExternalLink size={12} aria-hidden=\"true\" />\n        </a>\n      </div>\n    </div>\n  );\n};\n\nconst ResourceCard: FC<{ resource: Resource }> = ({ resource }) => (\n  <a\n    href={resource.url}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n    className=\"group flex items-start gap-4 rounded-card border border-border-seam bg-bg-surface p-4 shadow-[var(--shadow-pop)] transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop-hover)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n  >\n    <div className=\"rounded-lg bg-action-primary-bg/10 p-2.5 text-primary\">\n      {resource.icon}\n    </div>\n    <div className=\"flex-1\">\n      <h3 className=\"font-semibold group-hover:text-primary\">\n        {resource.name}\n      </h3>\n      <p className=\"mt-1 text-sm text-text-secondary\">\n        {resource.description}\n      </p>\n    </div>\n    <ExternalLink\n      size={16}\n      aria-hidden=\"true\"\n      className=\"text-text-secondary opacity-0 transition-opacity group-hover:opacity-100\"\n    />\n  </a>\n);\n\n// =============================================================================\n// PAGE COMPONENT\n// =============================================================================\n\nexport const ResourcesPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [category, setCategory] = useState<ResourceCategory>(\"all\");\n\n  const showBuild = category === \"all\" || category === \"build\";\n  const showLearn = category === \"all\" || category === \"learn\";\n\n  const sdkVisible = useMemo(\n    () => showBuild && matchesQuery(sdk, searchQuery),\n    [showBuild, searchQuery],\n  );\n  const buildVisible = useMemo(\n    () =>\n      showBuild\n        ? buildResources.filter((r) => matchesQuery(r, searchQuery))\n        : [],\n    [showBuild, searchQuery],\n  );\n  const extendVisible = useMemo(\n    () =>\n      showBuild\n        ? extendResources.filter((r) => matchesQuery(r, searchQuery))\n        : [],\n    [showBuild, searchQuery],\n  );\n  const learnVisible = useMemo(\n    () =>\n      showLearn\n        ? learnResources.filter((r) => matchesQuery(r, searchQuery))\n        : [],\n    [showLearn, searchQuery],\n  );\n\n  const hasResults =\n    sdkVisible ||\n    buildVisible.length > 0 ||\n    extendVisible.length > 0 ||\n    learnVisible.length > 0;\n\n  return (\n    <PageLayout\n      title={tr(\"devportal.developerResources\", \"Developer Resources\")}\n      description={tr(\n        \"devportal.resourcesDescription\",\n        \"Documentation for building, extending, and learning the Burdenoff platform\",\n      )}\n      purpose={tr(\n        \"devportal.resourcesPurpose\",\n        \"A jumping-off point for building on the platform — SDKs, API references, integration guides, and learning material in one place. Start with the SDK for your language, then follow the build and learn paths.\",\n      )}\n    >\n      {/* Coming-soon banner — Resources is a deferred surface (see\n          devportal stability tracker). The cards below link to the official\n          developer documentation until the in-product hub lands. */}\n      <div\n        role=\"status\"\n        className=\"mb-6 rounded-lg border border-status-warning-border bg-status-warning-bg p-4 text-sm text-status-warning-text\"\n      >\n        <strong className=\"font-semibold\">\n          {tr(\"devportal.resources.comingSoon.title\", \"Coming soon\")}\n        </strong>\n        <span className=\"ml-2\">\n          {tr(\n            \"devportal.resources.comingSoon.description\",\n            \"An in-product resources hub is on the way. For now, these cards link to the official Burdenoff developer documentation.\",\n          )}\n        </span>\n      </div>\n\n      {/* Search and Filter */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative flex-1 max-w-md\">\n          <Search\n            size={16}\n            aria-hidden=\"true\"\n            className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n          />\n          <input\n            type=\"text\"\n            aria-label={tr(\"devportal.searchResources\", \"Search resources...\")}\n            placeholder={tr(\"devportal.searchResources\", \"Search resources...\")}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"w-full rounded-md border bg-bg-surface pl-9 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          />\n        </div>\n        <div\n          role=\"group\"\n          aria-label={tr(\"devportal.filterResources\", \"Filter resources\")}\n          className=\"flex items-center gap-1 rounded-md border p-1\"\n        >\n          {[\n            { id: \"all\", label: tr(\"devportal.filterAll\", \"All\") },\n            { id: \"build\", label: tr(\"devportal.filterBuild\", \"Build\") },\n            { id: \"learn\", label: tr(\"devportal.filterLearn\", \"Learn\") },\n          ].map((cat) => (\n            <button\n              key={cat.id}\n              type=\"button\"\n              aria-pressed={category === cat.id}\n              onClick={() => setCategory(cat.id as ResourceCategory)}\n              className={cn(\n                \"rounded px-3 py-1.5 text-sm font-medium transition-colors\",\n                category === cat.id\n                  ? \"bg-action-primary-bg text-action-primary-text\"\n                  : \"hover:bg-bg-sunken\",\n              )}\n            >\n              {cat.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* SDKs — primary emphasis zone (the recommended starting point) */}\n      {sdkVisible && (\n        <EmphasisPanel>\n          <PageSection\n            title={tr(\"devportal.sdks\", \"SDKs\")}\n            description={tr(\n              \"devportal.sdksDescription\",\n              \"Client libraries for building on the platform\",\n            )}\n          >\n            <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              <SDKCard\n                sdk={sdk}\n                copyLabel={tr(\"devportal.copy\", \"Copy\")}\n                copiedLabel={tr(\"devportal.copied\", \"Copied!\")}\n              />\n            </div>\n          </PageSection>\n        </EmphasisPanel>\n      )}\n\n      {/* Build */}\n      {buildVisible.length > 0 && (\n        <PageSection\n          title={tr(\"devportal.build\", \"Build\")}\n          description={tr(\n            \"devportal.buildDescription\",\n            \"APIs and integration surfaces\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {buildVisible.map((resource) => (\n              <ResourceCard key={resource.id} resource={resource} />\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Extend */}\n      {extendVisible.length > 0 && (\n        <PageSection\n          title={tr(\"devportal.extend\", \"Extend\")}\n          description={tr(\n            \"devportal.extendDescription\",\n            \"Schedule jobs and orchestrate workflows\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {extendVisible.map((resource) => (\n              <ResourceCard key={resource.id} resource={resource} />\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Learn */}\n      {learnVisible.length > 0 && (\n        <PageSection\n          title={tr(\"devportal.learn\", \"Learn\")}\n          description={tr(\n            \"devportal.learnDescription\",\n            \"Guides and concepts to get you started\",\n          )}\n        >\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {learnVisible.map((resource) => (\n              <ResourceCard key={resource.id} resource={resource} />\n            ))}\n          </div>\n        </PageSection>\n      )}\n\n      {/* Empty state */}\n      {!hasResults && (\n        <EmptyState\n          illustration=\"empty-search\"\n          title={tr(\"devportal.noResourcesFoundTitle\", \"No matching resources\")}\n          description={tr(\n            \"devportal.noResourcesFound\",\n            \"No resources match your search.\",\n          )}\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}