@burdenoff/microfe-devportal 2026.623.2 → 2026.623.4

package/dist/devportal/pages/ResourcesPage.js

@@ -1,471 +1,202 @@
 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 { useState as o } from "react";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { BookOpen as c, Boxes as l, Code2 as u, Cpu as d, Download as f, ExternalLink as p, FileCode as m, Github as h, Globe as g, Layers as _, Monitor as v, Palette as y, Search as b, Smartphone as x, Star as S, Terminal as C, Wrench as w } from "lucide-react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
+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";
 //#region src/devportal/pages/ResourcesPage.tsx
-var D = [
+var w = "https://docs.burdenoff.com/developers", T = {
+	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`,
+	installCommand: "npm install @burdenoff/sdk-node"
+}, E = [
 	{
-		id: "sdk-node",
-		name: "Node.js SDK",
-		language: "TypeScript/JavaScript",
-		description: "Official SDK for Node.js applications with TypeScript support",
-		version: "2.4.1",
-		downloads: "125k",
-		icon: /* @__PURE__ */ T(u, { size: 24 }),
-		packageManager: "npm",
-		installCommand: "npm install @burdenoff/sdk-node",
-		docsUrl: "https://docs.burdenoff.com/sdks/node",
-		githubUrl: "https://github.com/burdenoff/sdk-node",
-		isOfficial: !0
+		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`
 	},
 	{
-		id: "sdk-python",
-		name: "Python SDK",
-		language: "Python",
-		description: "Official SDK for Python applications with async support",
-		version: "1.8.0",
-		downloads: "89k",
-		icon: /* @__PURE__ */ T(m, { size: 24 }),
-		packageManager: "pip",
-		installCommand: "pip install burdenoff-sdk",
-		docsUrl: "https://docs.burdenoff.com/sdks/python",
-		githubUrl: "https://github.com/burdenoff/sdk-python",
-		isOfficial: !0
+		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`
 	},
 	{
-		id: "sdk-go",
-		name: "Go SDK",
-		language: "Go",
-		description: "Official SDK for Go applications",
-		version: "1.5.2",
-		downloads: "45k",
-		icon: /* @__PURE__ */ T(d, { size: 24 }),
-		packageManager: "go",
-		installCommand: "go get github.com/burdenoff/sdk-go",
-		docsUrl: "https://docs.burdenoff.com/sdks/go",
-		githubUrl: "https://github.com/burdenoff/sdk-go",
-		isOfficial: !0
-	},
-	{
-		id: "sdk-react",
-		name: "React SDK",
-		language: "TypeScript/React",
-		description: "Hooks and components for React applications",
-		version: "3.1.0",
-		downloads: "78k",
-		icon: /* @__PURE__ */ T(l, { size: 24 }),
-		packageManager: "npm",
-		installCommand: "npm install @burdenoff/react",
-		docsUrl: "https://docs.burdenoff.com/sdks/react",
-		githubUrl: "https://github.com/burdenoff/sdk-react",
-		isOfficial: !0
-	},
-	{
-		id: "sdk-ruby",
-		name: "Ruby SDK",
-		language: "Ruby",
-		description: "Community SDK for Ruby on Rails applications",
-		version: "1.2.0",
-		downloads: "12k",
-		icon: /* @__PURE__ */ T(m, { size: 24 }),
-		packageManager: "gem",
-		installCommand: "gem install burdenoff",
-		docsUrl: "https://docs.burdenoff.com/sdks/ruby",
-		githubUrl: "https://github.com/burdenoff/sdk-ruby",
-		isOfficial: !1
+		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`
 	}
-], O = [
-	{
-		id: "cli",
-		name: "Burdenoff CLI",
-		description: "Command-line tool for managing apps, deployments, and testing",
-		icon: /* @__PURE__ */ T(C, { size: 24 }),
-		type: "cli",
-		url: "https://docs.burdenoff.com/cli"
-	},
-	{
-		id: "vscode",
-		name: "VS Code Extension",
-		description: "IntelliSense, snippets, and debugging for Burdenoff development",
-		icon: /* @__PURE__ */ T(v, { size: 24 }),
-		type: "extension",
-		url: "https://marketplace.visualstudio.com/items?itemName=burdenoff.burdenoff-vscode",
-		isNew: !0
-	},
-	{
-		id: "graphql-playground",
-		name: "GraphQL Playground",
-		description: "Interactive GraphQL IDE for exploring and testing the API",
-		icon: /* @__PURE__ */ T(g, { size: 24 }),
-		type: "utility",
-		url: "https://api.burdenoff.com/graphql"
-	},
-	{
-		id: "postman",
-		name: "Postman Collection",
-		description: "Pre-built Postman collection for REST API testing",
-		icon: /* @__PURE__ */ T(_, { size: 24 }),
-		type: "utility",
-		url: "https://www.postman.com/burdenoff/workspace/burdenoff-api"
-	},
+], D = [{
+	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 = [
 	{
-		id: "webhook-tester",
-		name: "Webhook Tester",
-		description: "Tool for testing and debugging webhook integrations",
-		icon: /* @__PURE__ */ T(w, { size: 24 }),
-		type: "utility",
-		url: "https://developers.burdenoff.com/tools/webhook-tester"
+		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`
 	},
 	{
-		id: "oauth-debugger",
-		name: "OAuth Debugger",
-		description: "Debug OAuth flows and inspect tokens",
-		icon: /* @__PURE__ */ T(w, { size: 24 }),
-		type: "utility",
-		url: "https://developers.burdenoff.com/tools/oauth-debugger",
-		isNew: !0
+		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`
 	},
 	{
-		id: "ui-kit",
-		name: "UI Component Kit",
-		description: "Figma design kit matching Burdenoff platform UI",
-		icon: /* @__PURE__ */ T(y, { size: 24 }),
-		type: "library",
-		url: "https://www.figma.com/community/file/burdenoff-ui-kit"
-	}
-], k = [
-	{
-		id: "nextjs-starter",
-		name: "Next.js Starter",
-		description: "Full-featured Next.js app with OAuth, webhooks, and API integration",
-		framework: "Next.js 14",
-		icon: /* @__PURE__ */ T(l, { size: 24 }),
-		githubUrl: "https://github.com/burdenoff/starter-nextjs",
-		demoUrl: "https://starter-nextjs.burdenoff.dev",
-		stars: 1240
+		id: "authentication",
+		name: "Authentication",
+		description: "Learn how to authenticate requests and manage actor identity.",
+		icon: /* @__PURE__ */ S(h, { size: 24 }),
+		url: `${w}/authentication`
 	},
 	{
-		id: "express-starter",
-		name: "Express.js Starter",
-		description: "Backend starter with Express, TypeScript, and webhook handling",
-		framework: "Express.js",
-		icon: /* @__PURE__ */ T(u, { size: 24 }),
-		githubUrl: "https://github.com/burdenoff/starter-express",
-		stars: 890
+		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`
 	},
 	{
-		id: "react-starter",
-		name: "React Dashboard",
-		description: "React dashboard template with Burdenoff SDK integration",
-		framework: "React + Vite",
-		icon: /* @__PURE__ */ T(v, { size: 24 }),
-		githubUrl: "https://github.com/burdenoff/starter-react",
-		demoUrl: "https://starter-react.burdenoff.dev",
-		stars: 756
+		id: "examples",
+		name: "Examples",
+		description: "Browse worked examples covering common integration tasks.",
+		icon: /* @__PURE__ */ S(p, { size: 24 }),
+		url: `${w}/examples`
 	},
 	{
-		id: "python-starter",
-		name: "FastAPI Starter",
-		description: "Python FastAPI backend with async Burdenoff SDK",
-		framework: "FastAPI",
-		icon: /* @__PURE__ */ T(m, { size: 24 }),
-		githubUrl: "https://github.com/burdenoff/starter-fastapi",
-		stars: 534
-	},
-	{
-		id: "mobile-starter",
-		name: "React Native Starter",
-		description: "Mobile app template with Burdenoff authentication",
-		framework: "React Native",
-		icon: /* @__PURE__ */ T(x, { size: 24 }),
-		githubUrl: "https://github.com/burdenoff/starter-react-native",
-		stars: 423
+		id: "faq",
+		name: "FAQ",
+		description: "Answers to frequently asked developer questions.",
+		icon: /* @__PURE__ */ S(m, { size: 24 }),
+		url: `${w}/faq`
 	}
-], A = [
-	{
-		id: "first-app",
-		title: "Build Your First App",
-		description: "Step-by-step guide to creating and publishing your first application",
-		difficulty: "beginner",
-		duration: "30 min",
-		url: "https://docs.burdenoff.com/guides/first-app"
-	},
-	{
-		id: "oauth-setup",
-		title: "Setting Up OAuth 2.0",
-		description: "Complete guide to implementing OAuth authentication",
-		difficulty: "intermediate",
-		duration: "45 min",
-		url: "https://docs.burdenoff.com/guides/oauth-setup"
-	},
-	{
-		id: "webhooks-guide",
-		title: "Webhook Integration Guide",
-		description: "Handle real-time events with webhooks",
-		difficulty: "intermediate",
-		duration: "40 min",
-		url: "https://docs.burdenoff.com/guides/webhooks"
-	},
-	{
-		id: "multi-tenant",
-		title: "Building Multi-Tenant Apps",
-		description: "Architecture patterns for multi-tenant applications",
-		difficulty: "advanced",
-		duration: "60 min",
-		url: "https://docs.burdenoff.com/guides/multi-tenant"
-	},
-	{
-		id: "graphql-subscriptions",
-		title: "Real-time with GraphQL Subscriptions",
-		description: "Implement real-time features using GraphQL subscriptions",
-		difficulty: "advanced",
-		duration: "50 min",
-		url: "https://docs.burdenoff.com/guides/subscriptions"
-	},
-	{
-		id: "app-security",
-		title: "Security Best Practices",
-		description: "Secure your application with industry best practices",
-		difficulty: "intermediate",
-		duration: "35 min",
-		url: "https://docs.burdenoff.com/guides/security"
-	}
-], j = ({ sdk: e }) => {
-	let [t, n] = o(!1);
-	return /* @__PURE__ */ E("div", {
+], 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",
 		children: [
-			/* @__PURE__ */ E("div", {
-				className: "flex items-start justify-between",
-				children: [/* @__PURE__ */ E("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ T("div", {
-						className: "rounded-lg bg-primary/10 p-2.5 text-primary",
-						children: e.icon
-					}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ T("h3", {
-							className: "font-semibold",
-							children: e.name
-						}), e.isOfficial && /* @__PURE__ */ T("span", {
-							className: "rounded-full bg-status-info-bg-subtle px-2 py-0.5 text-xs font-medium text-status-info-text",
-							children: "Official"
-						})]
-					}), /* @__PURE__ */ T("p", {
-						className: "text-sm text-muted-foreground",
-						children: e.language
-					})] })]
-				}), /* @__PURE__ */ E("span", {
-					className: "text-sm text-muted-foreground",
-					children: ["v", e.version]
-				})]
+			/* @__PURE__ */ C("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ S("div", {
+					className: "rounded-lg bg-primary/10 p-2.5 text-primary",
+					children: e.icon
+				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("h3", {
+					className: "font-semibold",
+					children: e.name
+				}) })]
 			}),
-			/* @__PURE__ */ T("p", {
+			/* @__PURE__ */ S("p", {
 				className: "mt-3 text-sm text-muted-foreground",
 				children: e.description
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-4 flex items-center gap-2 rounded-md bg-muted/50 p-2",
-				children: [/* @__PURE__ */ T("code", {
+				children: [/* @__PURE__ */ S("code", {
 					className: "flex-1 text-xs",
 					children: e.installCommand
-				}), /* @__PURE__ */ T("button", {
+				}), /* @__PURE__ */ S("button", {
+					type: "button",
 					onClick: async () => {
-						i("light"), await r(e.installCommand) ? (n(!0), a("success"), setTimeout(() => n(!1), 2e3)) : a("error");
+						i("light"), await r(e.installCommand) ? (c(!0), a("success"), setTimeout(() => c(!1), 2e3)) : a("error");
 					},
-					className: "rounded px-2 py-1 text-xs hover:bg-muted transition-colors",
-					children: t ? "Copied!" : "Copy"
+					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
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
-				className: "mt-4 flex items-center justify-between text-sm",
-				children: [/* @__PURE__ */ E("span", {
-					className: "flex items-center gap-1 text-muted-foreground",
-					children: [
-						/* @__PURE__ */ T(f, { size: 14 }),
-						e.downloads,
-						" downloads"
-					]
-				}), /* @__PURE__ */ E("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ E("a", {
-						href: e.docsUrl,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						className: "flex items-center gap-1 text-primary hover:underline",
-						children: ["Docs ", /* @__PURE__ */ T(p, { size: 12 })]
-					}), /* @__PURE__ */ T("a", {
-						href: e.githubUrl,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						"aria-label": `${e.name} on GitHub`,
-						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: /* @__PURE__ */ T(h, {
-							size: 14,
-							"aria-hidden": "true"
-						})
+			/* @__PURE__ */ S("div", {
+				className: "mt-4 flex items-center justify-end text-sm",
+				children: /* @__PURE__ */ C("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, {
+						size: 12,
+						"aria-hidden": "true"
 					})]
-				})]
+				})
 			})
 		]
 	});
-}, M = ({ tool: e }) => /* @__PURE__ */ E("a", {
+}, j = ({ resource: e }) => /* @__PURE__ */ C("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",
+	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",
 	children: [
-		/* @__PURE__ */ T("div", {
+		/* @__PURE__ */ S("div", {
 			className: "rounded-lg bg-primary/10 p-2.5 text-primary",
 			children: e.icon
 		}),
-		/* @__PURE__ */ E("div", {
+		/* @__PURE__ */ C("div", {
 			className: "flex-1",
-			children: [/* @__PURE__ */ E("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ T("h3", {
-					className: "font-semibold group-hover:text-primary",
-					children: e.name
-				}), e.isNew && /* @__PURE__ */ T("span", {
-					className: "rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-xs font-medium text-status-success-text",
-					children: "New"
-				})]
-			}), /* @__PURE__ */ T("p", {
+			children: [/* @__PURE__ */ S("h3", {
+				className: "font-semibold group-hover:text-primary",
+				children: e.name
+			}), /* @__PURE__ */ S("p", {
 				className: "mt-1 text-sm text-muted-foreground",
 				children: e.description
 			})]
 		}),
-		/* @__PURE__ */ T(p, {
+		/* @__PURE__ */ S(f, {
 			size: 16,
+			"aria-hidden": "true",
 			className: "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100"
 		})
 	]
-}), N = ({ starter: e }) => /* @__PURE__ */ E("div", {
-	className: "flex flex-col rounded-lg border bg-card p-5",
-	children: [
-		/* @__PURE__ */ E("div", {
-			className: "flex items-start justify-between",
-			children: [/* @__PURE__ */ E("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ T("div", {
-					className: "rounded-lg bg-primary/10 p-2.5 text-primary",
-					children: e.icon
-				}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h3", {
-					className: "font-semibold",
-					children: e.name
-				}), /* @__PURE__ */ T("p", {
-					className: "text-sm text-muted-foreground",
-					children: e.framework
-				})] })]
-			}), /* @__PURE__ */ E("span", {
-				className: "flex items-center gap-1 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ T(S, {
-					size: 14,
-					className: "text-status-warning-text"
-				}), e.stars.toLocaleString()]
-			})]
-		}),
-		/* @__PURE__ */ T("p", {
-			className: "mt-3 text-sm text-muted-foreground",
-			children: e.description
-		}),
-		/* @__PURE__ */ E("div", {
-			className: "mt-4 flex gap-2",
-			children: [/* @__PURE__ */ E("a", {
-				href: e.githubUrl,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				className: "flex flex-1 items-center justify-center gap-2 rounded-md border bg-background px-3 py-2 text-sm font-medium hover:bg-accent transition-colors",
-				children: [/* @__PURE__ */ T(h, { size: 16 }), "View on GitHub"]
-			}), e.demoUrl && /* @__PURE__ */ E("a", {
-				href: e.demoUrl,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				className: "flex items-center justify-center gap-2 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-				children: [/* @__PURE__ */ T(g, { size: 16 }), "Demo"]
-			})]
-		})
-	]
-}), P = ({ guide: t }) => /* @__PURE__ */ E("a", {
-	href: t.url,
-	target: "_blank",
-	rel: "noopener noreferrer",
-	className: "group flex items-center gap-4 rounded-lg border bg-card p-4 transition-all hover:border-primary/50 hover:shadow-md",
-	children: [
-		/* @__PURE__ */ T("div", {
-			className: "rounded-lg bg-primary/10 p-2.5 text-primary",
-			children: /* @__PURE__ */ T(c, { size: 20 })
-		}),
-		/* @__PURE__ */ E("div", {
-			className: "flex-1",
-			children: [
-				/* @__PURE__ */ T("h3", {
-					className: "font-semibold group-hover:text-primary",
-					children: t.title
-				}),
-				/* @__PURE__ */ T("p", {
-					className: "mt-1 text-sm text-muted-foreground",
-					children: t.description
-				}),
-				/* @__PURE__ */ E("div", {
-					className: "mt-2 flex items-center gap-3",
-					children: [/* @__PURE__ */ T("span", {
-						className: e("rounded-full px-2 py-0.5 text-xs font-medium capitalize", {
-							beginner: "bg-status-success-bg-subtle text-status-success-text",
-							intermediate: "bg-status-warning-bg-subtle text-status-warning-text",
-							advanced: "bg-status-error-bg-subtle text-status-error-text"
-						}[t.difficulty]),
-						children: t.difficulty
-					}), /* @__PURE__ */ T("span", {
-						className: "text-xs text-muted-foreground",
-						children: t.duration
-					})]
-				})
-			]
-		}),
-		/* @__PURE__ */ T(p, {
-			size: 16,
-			className: "text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100"
-		})
-	]
-}), F = () => {
-	let { t: r } = s(), i = (e, t) => {
+}), M = () => {
+	let { t: r } = c(), i = (e, t) => {
 		let n = r(e);
 		return n === e ? t : n;
-	}, [a, c] = o(""), [l, u] = o("all");
-	return /* @__PURE__ */ E(t, {
+	}, [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", "SDKs, tools, starter templates, and guides to accelerate your development"),
+		description: i("devportal.resourcesDescription", "Documentation for building, extending, and learning the Burdenoff platform"),
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ C("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__ */ T("strong", {
+				children: [/* @__PURE__ */ S("strong", {
 					className: "font-semibold",
 					children: i("devportal.resources.comingSoon.title", "Coming soon")
-				}), /* @__PURE__ */ T("span", {
+				}), /* @__PURE__ */ S("span", {
 					className: "ml-2",
-					children: i("devportal.resources.comingSoon.description", "An in-product resources hub is on the way. For now we're surfacing the most useful external SDKs, tools, and templates here.")
+					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.")
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ C("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ C("div", {
 					className: "relative flex-1 max-w-md",
-					children: [/* @__PURE__ */ T(b, {
+					children: [/* @__PURE__ */ S(b, {
 						size: 16,
+						"aria-hidden": "true",
 						className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-					}), /* @__PURE__ */ T("input", {
+					}), /* @__PURE__ */ S("input", {
 						type: "text",
+						"aria-label": i("devportal.searchResources", "Search resources..."),
 						placeholder: i("devportal.searchResources", "Search resources..."),
 						value: a,
-						onChange: (e) => c(e.target.value),
+						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"
 					})]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ S("div", {
+					role: "group",
+					"aria-label": i("devportal.filterResources", "Filter resources"),
 					className: "flex items-center gap-1 rounded-md border p-1",
 					children: [
 						{
@@ -473,64 +204,66 @@ var D = [
 							label: i("devportal.filterAll", "All")
 						},
 						{
-							id: "sdks",
-							label: i("devportal.filterSdks", "SDKs")
-						},
-						{
-							id: "tools",
-							label: i("devportal.filterTools", "Tools")
+							id: "build",
+							label: i("devportal.filterBuild", "Build")
 						},
 						{
-							id: "starters",
-							label: i("devportal.filterStarters", "Starters")
-						},
-						{
-							id: "guides",
-							label: i("devportal.filterGuides", "Guides")
+							id: "learn",
+							label: i("devportal.filterLearn", "Learn")
 						}
-					].map((t) => /* @__PURE__ */ T("button", {
-						onClick: () => u(t.id),
-						className: e("rounded px-3 py-1.5 text-sm font-medium transition-colors", l === t.id ? "bg-primary text-primary-foreground" : "hover:bg-muted"),
+					].map((t) => /* @__PURE__ */ S("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"),
 						children: t.label
 					}, t.id))
 				})]
 			}),
-			(l === "all" || l === "sdks") && /* @__PURE__ */ T(n, {
-				title: i("devportal.officialSdks", "Official SDKs"),
-				description: i("devportal.officialSdksDescription", "Client libraries for popular languages"),
-				children: /* @__PURE__ */ T("div", {
+			m && /* @__PURE__ */ S(n, {
+				title: i("devportal.sdks", "SDKs"),
+				description: i("devportal.sdksDescription", "Client libraries for building on the platform"),
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: D.map((e) => /* @__PURE__ */ T(j, { sdk: e }, e.id))
+					children: /* @__PURE__ */ S(A, {
+						sdk: T,
+						copyLabel: i("devportal.copy", "Copy"),
+						copiedLabel: i("devportal.copied", "Copied!")
+					})
 				})
 			}),
-			(l === "all" || l === "tools") && /* @__PURE__ */ T(n, {
-				title: i("devportal.developerTools", "Developer Tools"),
-				description: i("devportal.developerToolsDescription", "Tools to streamline your development workflow"),
-				children: /* @__PURE__ */ T("div", {
+			h.length > 0 && /* @__PURE__ */ S(n, {
+				title: i("devportal.build", "Build"),
+				description: i("devportal.buildDescription", "APIs and integration surfaces"),
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: O.map((e) => /* @__PURE__ */ T(M, { tool: e }, e.id))
+					children: h.map((e) => /* @__PURE__ */ S(j, { resource: e }, e.id))
 				})
 			}),
-			(l === "all" || l === "starters") && /* @__PURE__ */ T(n, {
-				title: i("devportal.starterTemplates", "Starter Templates"),
-				description: i("devportal.starterTemplatesDescription", "Production-ready templates to kickstart your project"),
-				children: /* @__PURE__ */ T("div", {
+			g.length > 0 && /* @__PURE__ */ S(n, {
+				title: i("devportal.extend", "Extend"),
+				description: i("devportal.extendDescription", "Schedule jobs and orchestrate workflows"),
+				children: /* @__PURE__ */ S("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: k.map((e) => /* @__PURE__ */ T(N, { starter: e }, e.id))
+					children: g.map((e) => /* @__PURE__ */ S(j, { resource: e }, e.id))
 				})
 			}),
-			(l === "all" || l === "guides") && /* @__PURE__ */ T(n, {
-				title: i("devportal.stepByStepGuides", "Step-by-Step Guides"),
-				description: i("devportal.stepByStepGuidesDescription", "Learn with hands-on tutorials"),
-				children: /* @__PURE__ */ T("div", {
-					className: "grid gap-4 lg:grid-cols-2",
-					children: A.map((e) => /* @__PURE__ */ T(P, { guide: 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", {
+					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: _.map((e) => /* @__PURE__ */ S(j, { 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.")
 			})
 		]
 	});
 };
 //#endregion
-export { F as ResourcesPage };
+export { M as ResourcesPage };
 
 //# sourceMappingURL=ResourcesPage.js.map