@burdenoff/microfe-devportal 2026.1107.3 → 2026.1108.2

package/dist/devportal/components/OnboardingChecklist.js

@@ -1,11 +1,11 @@
 import { useTr as e } from "../utils/i18n.js";
 import { cn as t } from "../utils/cn.js";
-import { useGetDeveloperOnboardingStatusQuery as n } from "../../generated/global-operations.js";
-import { computeOnboardingState as r } from "../utils/developerOnboarding.js";
-import { DEVELOPER_LINKS as i } from "../constants/developerLinks.js";
+import { computeOnboardingState as n } from "../utils/developerOnboarding.js";
+import { DEVELOPER_LINKS as r } from "../constants/developerLinks.js";
+import { useGetDeveloperOnboardingStatusQuery as i } from "../../generated/global-operations.js";
 import { BookOpen as a, Check as o, ChevronRight as s, Code2 as c, Plug as l, Terminal as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/devportal/components/OnboardingChecklist.tsx
+// src/devportal/components/OnboardingChecklist.tsx
 var p = {
 	profile: {
 		key: "devportal.onboarding.steps.profile",
@@ -36,34 +36,34 @@ var p = {
 		id: "publishConnector",
 		key: "devportal.onboarding.links.publishConnector",
 		label: "Publish a connector",
-		url: i.publishConnector,
+		url: r.publishConnector,
 		icon: l
 	},
 	{
 		id: "nodeSdk",
 		key: "devportal.onboarding.links.nodeSdk",
 		label: "Node.js SDK",
-		url: i.nodeSdk,
+		url: r.nodeSdk,
 		icon: c
 	},
 	{
 		id: "cli",
 		key: "devportal.onboarding.links.cli",
 		label: "CLI reference",
-		url: i.cliReference,
+		url: r.cliReference,
 		icon: u
 	},
 	{
 		id: "guide",
 		key: "devportal.onboarding.links.guide",
 		label: "Registration guide",
-		url: i.registrationGuide,
+		url: r.registrationGuide,
 		icon: a
 	}
-], h = ({ onNavigate: i }) => {
-	let a = e(), { data: c, loading: l, error: u } = n({ fetchPolicy: "no-cache" });
+], h = ({ onNavigate: r }) => {
+	let a = e(), { data: c, loading: l, error: u } = i({ fetchPolicy: "no-cache" });
 	if (l && !c || u && !c) return null;
-	let h = c, g = h?.applications?.edges?.map((e) => e.node) ?? [], _ = r({
+	let h = c, g = h?.applications?.edges?.map((e) => e.node) ?? [], _ = n({
 		hasProfile: !!h?.myDeveloperProfile?.id,
 		organizationKinds: (h?.myDeveloperOrganizations ?? []).map((e) => e.kind),
 		applications: g,
@@ -91,12 +91,12 @@ var p = {
 			/* @__PURE__ */ d("ol", {
 				className: "mt-4 flex flex-col gap-2",
 				children: _.steps.map((e, n) => {
-					let r = p[e.id], c = _.nextStep?.id === e.id;
+					let i = p[e.id], c = _.nextStep?.id === e.id;
 					return /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("button", {
 						type: "button",
 						"data-testid": `devportal-onboarding-step-${e.id}`,
 						"data-done": e.done ? "true" : "false",
-						onClick: () => i(e.path),
+						onClick: () => r(e.path),
 						className: t("flex w-full items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors", c ? "border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10" : "border-border-subtle hover:bg-bg-muted"),
 						children: [
 							/* @__PURE__ */ d("span", {
@@ -108,13 +108,13 @@ var p = {
 								className: "min-w-0 flex-1",
 								children: [/* @__PURE__ */ f("span", {
 									className: t("block text-sm font-medium", e.done ? "text-text-secondary line-through" : "text-text-primary"),
-									children: [a(r.key, r.title), /* @__PURE__ */ d("span", {
+									children: [a(i.key, i.title), /* @__PURE__ */ d("span", {
 										className: "sr-only",
 										children: e.done ? ` (${a("devportal.onboarding.done", "done")})` : ` (${a("devportal.onboarding.todo", "to do")})`
 									})]
 								}), /* @__PURE__ */ d("span", {
 									className: "block text-xs text-text-secondary",
-									children: a(r.descKey, r.desc)
+									children: a(i.descKey, i.desc)
 								})]
 							}),
 							/* @__PURE__ */ d(s, {
@@ -145,7 +145,6 @@ var p = {
 		]
 	});
 };
-//#endregion
 export { h as OnboardingChecklist };
 
 //# sourceMappingURL=OnboardingChecklist.js.map

package/dist/devportal/components/OnboardingChecklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingChecklist.js","names":[],"sources":["../../../src/devportal/components/OnboardingChecklist.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  BookOpen,\n  Check,\n  ChevronRight,\n  Plug,\n  Terminal,\n  Code2,\n} from \"lucide-react\";\nimport { useTr } from \"../utils/i18n\";\nimport { cn } from \"../utils/cn\";\nimport {\n  computeOnboardingState,\n  type OnboardingStepId,\n} from \"../utils/developerOnboarding\";\nimport { DEVELOPER_LINKS } from \"../constants/developerLinks\";\nimport {\n  useGetDeveloperOnboardingStatusQuery,\n  type GetDeveloperOnboardingStatusQuery,\n} from \"../../generated/global-operations\";\n\ntype OnboardingStatus = GetDeveloperOnboardingStatusQuery;\ntype OnboardingApp = OnboardingStatus[\"applications\"][\"edges\"][number][\"node\"];\ntype OnboardingOrg = OnboardingStatus[\"myDeveloperOrganizations\"][number];\n\nconst STEP_COPY: Record<\n  OnboardingStepId,\n  { key: string; title: string; descKey: string; desc: string }\n> = {\n  profile: {\n    key: \"devportal.onboarding.steps.profile\",\n    title: \"Create your developer profile\",\n    descKey: \"devportal.onboarding.steps.profileDesc\",\n    desc: \"Tell customers who builds your apps: company, website and links.\",\n  },\n  organization: {\n    key: \"devportal.onboarding.steps.organization\",\n    title: \"Create a developer organization\",\n    descKey: \"devportal.onboarding.steps.organizationDesc\",\n    desc: \"The publisher identity that owns your apps and your team.\",\n  },\n  app: {\n    key: \"devportal.onboarding.steps.app\",\n    title: \"Register your first app\",\n    descKey: \"devportal.onboarding.steps.appDesc\",\n    desc: \"An API integration, workflow node or workflow template.\",\n  },\n  submit: {\n    key: \"devportal.onboarding.steps.submit\",\n    title: \"Submit it for review\",\n    descKey: \"devportal.onboarding.steps.submitDesc\",\n    desc: \"Reviewers check every submission before it is listed.\",\n  },\n};\n\nconst RESOURCE_LINKS = [\n  {\n    id: \"publishConnector\",\n    key: \"devportal.onboarding.links.publishConnector\",\n    label: \"Publish a connector\",\n    url: DEVELOPER_LINKS.publishConnector,\n    icon: Plug,\n  },\n  {\n    id: \"nodeSdk\",\n    key: \"devportal.onboarding.links.nodeSdk\",\n    label: \"Node.js SDK\",\n    url: DEVELOPER_LINKS.nodeSdk,\n    icon: Code2,\n  },\n  {\n    id: \"cli\",\n    key: \"devportal.onboarding.links.cli\",\n    label: \"CLI reference\",\n    url: DEVELOPER_LINKS.cliReference,\n    icon: Terminal,\n  },\n  {\n    id: \"guide\",\n    key: \"devportal.onboarding.links.guide\",\n    label: \"Registration guide\",\n    url: DEVELOPER_LINKS.registrationGuide,\n    icon: BookOpen,\n  },\n] as const;\n\nexport interface OnboardingChecklistProps {\n  /** Navigate to a devportal-relative path (the caller adds basePath). */\n  onNavigate: (path: string) => void;\n}\n\n/**\n * \"Get started as a developer\" checklist on the devportal dashboard\n * (BOFF-10636). Shows the four steps of the public registration journey\n * with their live state, links each open step to the page that completes\n * it, and points at the connector publishing guide and the SDK/CLI docs.\n * Renders nothing once every step is done, or while the status loads, so it\n * never flashes for an established developer.\n */\nexport const OnboardingChecklist: FC<OnboardingChecklistProps> = ({\n  onNavigate,\n}) => {\n  const tr = useTr();\n  // no-cache: the dashboard's own `applications(limit: 5)` query shares the\n  // paginated cache entry, and a later five-app page replacing this 100-app\n  // one would make the checklist read a truncated list as \"submitted\".\n  const { data, loading, error } = useGetDeveloperOnboardingStatusQuery({\n    fetchPolicy: \"no-cache\",\n  });\n\n  if (loading && !data) return null;\n  if (error && !data) return null;\n\n  const status: OnboardingStatus | undefined = data;\n  const applications: OnboardingApp[] =\n    status?.applications?.edges?.map(\n      (edge: { node: OnboardingApp }) => edge.node,\n    ) ?? [];\n  const state = computeOnboardingState({\n    hasProfile: !!status?.myDeveloperProfile?.id,\n    organizationKinds: (status?.myDeveloperOrganizations ?? []).map(\n      (org: OnboardingOrg) => org.kind,\n    ),\n    applications,\n    totalApplications: status?.applications?.totalCount ?? 0,\n  });\n\n  if (state.isComplete) return null;\n\n  return (\n    <section\n      aria-labelledby=\"devportal-onboarding-title\"\n      data-testid=\"devportal-onboarding-checklist\"\n      className=\"rounded-card border border-border-seam bg-bg-surface p-5\"\n    >\n      <div className=\"flex flex-wrap items-baseline justify-between gap-2\">\n        <h2\n          id=\"devportal-onboarding-title\"\n          className=\"text-base font-semibold text-text-primary\"\n        >\n          {tr(\"devportal.onboarding.title\", \"Get started as a developer\")}\n        </h2>\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\"devportal.onboarding.progress\", \"{{done}} of {{total}} done\", {\n            done: state.completedCount,\n            total: state.steps.length,\n          })}\n        </p>\n      </div>\n\n      <ol className=\"mt-4 flex flex-col gap-2\">\n        {state.steps.map((step, index) => {\n          const copy = STEP_COPY[step.id];\n          const isNext = state.nextStep?.id === step.id;\n          return (\n            <li key={step.id}>\n              <button\n                type=\"button\"\n                data-testid={`devportal-onboarding-step-${step.id}`}\n                data-done={step.done ? \"true\" : \"false\"}\n                onClick={() => onNavigate(step.path)}\n                className={cn(\n                  \"flex w-full items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors\",\n                  isNext\n                    ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n                    : \"border-border-subtle hover:bg-bg-muted\",\n                )}\n              >\n                <span\n                  className={cn(\n                    \"flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold\",\n                    step.done\n                      ? \"bg-status-success-bg-subtle text-status-success-text\"\n                      : \"bg-bg-sunken text-text-secondary\",\n                  )}\n                  aria-hidden=\"true\"\n                >\n                  {step.done ? <Check size={14} /> : index + 1}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span\n                    className={cn(\n                      \"block text-sm font-medium\",\n                      step.done\n                        ? \"text-text-secondary line-through\"\n                        : \"text-text-primary\",\n                    )}\n                  >\n                    {tr(copy.key, copy.title)}\n                    <span className=\"sr-only\">\n                      {step.done\n                        ? ` (${tr(\"devportal.onboarding.done\", \"done\")})`\n                        : ` (${tr(\"devportal.onboarding.todo\", \"to do\")})`}\n                    </span>\n                  </span>\n                  <span className=\"block text-xs text-text-secondary\">\n                    {tr(copy.descKey, copy.desc)}\n                  </span>\n                </span>\n                <ChevronRight\n                  size={16}\n                  className=\"shrink-0 text-text-muted\"\n                  aria-hidden=\"true\"\n                />\n              </button>\n            </li>\n          );\n        })}\n      </ol>\n\n      <div className=\"mt-4 flex flex-wrap gap-x-5 gap-y-2 border-t border-border-seam pt-4\">\n        {RESOURCE_LINKS.map((link) => {\n          const Icon = link.icon;\n          return (\n            <a\n              key={link.id}\n              href={link.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline\"\n            >\n              <Icon size={14} aria-hidden=\"true\" />\n              {tr(link.key, link.label)}\n            </a>\n          );\n        })}\n      </div>\n    </section>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"OnboardingChecklist.js","names":["STEP_COPY","RESOURCE_LINKS","DEVELOPER_LINKS","Plug","Code2","Terminal","BookOpen","OnboardingChecklist","tr","useTr","useGetDeveloperOnboardingStatusQuery","loading","data","error","status","applications","edge","state","computeOnboardingState","org","copy","step","isNext","onNavigate","cn","Check","index","ChevronRight","Icon","link"],"sources":["../../../src/devportal/components/OnboardingChecklist.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport {\n  BookOpen,\n  Check,\n  ChevronRight,\n  Plug,\n  Terminal,\n  Code2,\n} from \"lucide-react\";\nimport { useTr } from \"../utils/i18n\";\nimport { cn } from \"../utils/cn\";\nimport {\n  computeOnboardingState,\n  type OnboardingStepId,\n} from \"../utils/developerOnboarding\";\nimport { DEVELOPER_LINKS } from \"../constants/developerLinks\";\nimport {\n  useGetDeveloperOnboardingStatusQuery,\n  type GetDeveloperOnboardingStatusQuery,\n} from \"../../generated/global-operations\";\n\ntype OnboardingStatus = GetDeveloperOnboardingStatusQuery;\ntype OnboardingApp = OnboardingStatus[\"applications\"][\"edges\"][number][\"node\"];\ntype OnboardingOrg = OnboardingStatus[\"myDeveloperOrganizations\"][number];\n\nconst STEP_COPY: Record<\n  OnboardingStepId,\n  { key: string; title: string; descKey: string; desc: string }\n> = {\n  profile: {\n    key: \"devportal.onboarding.steps.profile\",\n    title: \"Create your developer profile\",\n    descKey: \"devportal.onboarding.steps.profileDesc\",\n    desc: \"Tell customers who builds your apps: company, website and links.\",\n  },\n  organization: {\n    key: \"devportal.onboarding.steps.organization\",\n    title: \"Create a developer organization\",\n    descKey: \"devportal.onboarding.steps.organizationDesc\",\n    desc: \"The publisher identity that owns your apps and your team.\",\n  },\n  app: {\n    key: \"devportal.onboarding.steps.app\",\n    title: \"Register your first app\",\n    descKey: \"devportal.onboarding.steps.appDesc\",\n    desc: \"An API integration, workflow node or workflow template.\",\n  },\n  submit: {\n    key: \"devportal.onboarding.steps.submit\",\n    title: \"Submit it for review\",\n    descKey: \"devportal.onboarding.steps.submitDesc\",\n    desc: \"Reviewers check every submission before it is listed.\",\n  },\n};\n\nconst RESOURCE_LINKS = [\n  {\n    id: \"publishConnector\",\n    key: \"devportal.onboarding.links.publishConnector\",\n    label: \"Publish a connector\",\n    url: DEVELOPER_LINKS.publishConnector,\n    icon: Plug,\n  },\n  {\n    id: \"nodeSdk\",\n    key: \"devportal.onboarding.links.nodeSdk\",\n    label: \"Node.js SDK\",\n    url: DEVELOPER_LINKS.nodeSdk,\n    icon: Code2,\n  },\n  {\n    id: \"cli\",\n    key: \"devportal.onboarding.links.cli\",\n    label: \"CLI reference\",\n    url: DEVELOPER_LINKS.cliReference,\n    icon: Terminal,\n  },\n  {\n    id: \"guide\",\n    key: \"devportal.onboarding.links.guide\",\n    label: \"Registration guide\",\n    url: DEVELOPER_LINKS.registrationGuide,\n    icon: BookOpen,\n  },\n] as const;\n\nexport interface OnboardingChecklistProps {\n  /** Navigate to a devportal-relative path (the caller adds basePath). */\n  onNavigate: (path: string) => void;\n}\n\n/**\n * \"Get started as a developer\" checklist on the devportal dashboard\n * (BOFF-10636). Shows the four steps of the public registration journey\n * with their live state, links each open step to the page that completes\n * it, and points at the connector publishing guide and the SDK/CLI docs.\n * Renders nothing once every step is done, or while the status loads, so it\n * never flashes for an established developer.\n */\nexport const OnboardingChecklist: FC<OnboardingChecklistProps> = ({\n  onNavigate,\n}) => {\n  const tr = useTr();\n  // no-cache: the dashboard's own `applications(limit: 5)` query shares the\n  // paginated cache entry, and a later five-app page replacing this 100-app\n  // one would make the checklist read a truncated list as \"submitted\".\n  const { data, loading, error } = useGetDeveloperOnboardingStatusQuery({\n    fetchPolicy: \"no-cache\",\n  });\n\n  if (loading && !data) return null;\n  if (error && !data) return null;\n\n  const status: OnboardingStatus | undefined = data;\n  const applications: OnboardingApp[] =\n    status?.applications?.edges?.map(\n      (edge: { node: OnboardingApp }) => edge.node,\n    ) ?? [];\n  const state = computeOnboardingState({\n    hasProfile: !!status?.myDeveloperProfile?.id,\n    organizationKinds: (status?.myDeveloperOrganizations ?? []).map(\n      (org: OnboardingOrg) => org.kind,\n    ),\n    applications,\n    totalApplications: status?.applications?.totalCount ?? 0,\n  });\n\n  if (state.isComplete) return null;\n\n  return (\n    <section\n      aria-labelledby=\"devportal-onboarding-title\"\n      data-testid=\"devportal-onboarding-checklist\"\n      className=\"rounded-card border border-border-seam bg-bg-surface p-5\"\n    >\n      <div className=\"flex flex-wrap items-baseline justify-between gap-2\">\n        <h2\n          id=\"devportal-onboarding-title\"\n          className=\"text-base font-semibold text-text-primary\"\n        >\n          {tr(\"devportal.onboarding.title\", \"Get started as a developer\")}\n        </h2>\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\"devportal.onboarding.progress\", \"{{done}} of {{total}} done\", {\n            done: state.completedCount,\n            total: state.steps.length,\n          })}\n        </p>\n      </div>\n\n      <ol className=\"mt-4 flex flex-col gap-2\">\n        {state.steps.map((step, index) => {\n          const copy = STEP_COPY[step.id];\n          const isNext = state.nextStep?.id === step.id;\n          return (\n            <li key={step.id}>\n              <button\n                type=\"button\"\n                data-testid={`devportal-onboarding-step-${step.id}`}\n                data-done={step.done ? \"true\" : \"false\"}\n                onClick={() => onNavigate(step.path)}\n                className={cn(\n                  \"flex w-full items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors\",\n                  isNext\n                    ? \"border-primary bg-action-primary-bg/5 hover:bg-action-primary-bg/10\"\n                    : \"border-border-subtle hover:bg-bg-muted\",\n                )}\n              >\n                <span\n                  className={cn(\n                    \"flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold\",\n                    step.done\n                      ? \"bg-status-success-bg-subtle text-status-success-text\"\n                      : \"bg-bg-sunken text-text-secondary\",\n                  )}\n                  aria-hidden=\"true\"\n                >\n                  {step.done ? <Check size={14} /> : index + 1}\n                </span>\n                <span className=\"min-w-0 flex-1\">\n                  <span\n                    className={cn(\n                      \"block text-sm font-medium\",\n                      step.done\n                        ? \"text-text-secondary line-through\"\n                        : \"text-text-primary\",\n                    )}\n                  >\n                    {tr(copy.key, copy.title)}\n                    <span className=\"sr-only\">\n                      {step.done\n                        ? ` (${tr(\"devportal.onboarding.done\", \"done\")})`\n                        : ` (${tr(\"devportal.onboarding.todo\", \"to do\")})`}\n                    </span>\n                  </span>\n                  <span className=\"block text-xs text-text-secondary\">\n                    {tr(copy.descKey, copy.desc)}\n                  </span>\n                </span>\n                <ChevronRight\n                  size={16}\n                  className=\"shrink-0 text-text-muted\"\n                  aria-hidden=\"true\"\n                />\n              </button>\n            </li>\n          );\n        })}\n      </ol>\n\n      <div className=\"mt-4 flex flex-wrap gap-x-5 gap-y-2 border-t border-border-seam pt-4\">\n        {RESOURCE_LINKS.map((link) => {\n          const Icon = link.icon;\n          return (\n            <a\n              key={link.id}\n              href={link.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:underline\"\n            >\n              <Icon size={14} aria-hidden=\"true\" />\n              {tr(link.key, link.label)}\n            </a>\n          );\n        })}\n      </div>\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/components/PackageValidationPanel.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export interface PackageValidationIssue {
     severity: "error" | "warning";
     code: string;
@@ -28,4 +27,3 @@ interface PackageValidationPanelProps {
 }
 export declare const PackageValidationPanel: FC<PackageValidationPanelProps>;
 export {};
-//# sourceMappingURL=PackageValidationPanel.d.ts.map

package/dist/devportal/components/PackageValidationPanel.js

@@ -1,10 +1,10 @@
-import { useTr as e } from "../utils/i18n.js";
-import { cn as t } from "../utils/cn.js";
+import { cn as e } from "../utils/cn.js";
+import { useTr as t } from "../utils/i18n.js";
 import { NodeSmokePanel as n } from "./NodeSmokePanel.js";
 import { useState as r } from "react";
 import { AlertTriangle as i, CheckCircle2 as a, ChevronDown as o, ChevronUp as s, Loader2 as c, XCircle as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/devportal/components/PackageValidationPanel.tsx
+// src/devportal/components/PackageValidationPanel.tsx
 function f(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
@@ -40,25 +40,25 @@ var h = ({ issues: e }) => /* @__PURE__ */ u("ul", {
 			children: e.message
 		})]
 	}, `${e.code}-${e.path}-${t}`))
-}), g = ({ metadata: e, defaultExpanded: r = !1, className: i }) => /* @__PURE__ */ d("div", {
-	className: t("space-y-1", i),
+}), g = ({ metadata: t, defaultExpanded: r = !1, className: i }) => /* @__PURE__ */ d("div", {
+	className: e("space-y-1", i),
 	children: [/* @__PURE__ */ u(_, {
-		metadata: e,
+		metadata: t,
 		defaultExpanded: r
 	}), /* @__PURE__ */ u(n, {
-		metadata: e,
+		metadata: t,
 		defaultExpanded: r
 	})]
 }), _ = ({ metadata: n, defaultExpanded: f = !1, className: p }) => {
-	let g = e(), _ = m(n), [v, y] = r(f);
+	let g = t(), _ = m(n), [v, y] = r(f);
 	if (_.kind === "none") return /* @__PURE__ */ u("p", {
-		className: t("text-xs text-text-secondary", p),
+		className: e("text-xs text-text-secondary", p),
 		"data-testid": "package-validation",
 		"data-state": "none",
 		children: g("devportal.packageValidation.none", "Package not validated (uploaded before validation existed)")
 	});
 	if (_.kind === "pending") return /* @__PURE__ */ d("p", {
-		className: t("inline-flex items-center gap-1 text-xs text-status-info-text", p),
+		className: e("inline-flex items-center gap-1 text-xs text-status-info-text", p),
 		"data-testid": "package-validation",
 		"data-state": "pending",
 		children: [/* @__PURE__ */ u(c, {
@@ -68,13 +68,13 @@ var h = ({ issues: e }) => /* @__PURE__ */ u("ul", {
 	});
 	let b = _.kind === "failed", x = _.errors.length > 0 || _.warnings.length > 0, S = b ? g("devportal.packageValidation.failed", "Validation failed: {{count}} error(s)", { count: _.errors.length }) : g("devportal.packageValidation.passed", "Package validated");
 	return /* @__PURE__ */ d("div", {
-		className: t("space-y-1", p),
+		className: e("space-y-1", p),
 		"data-testid": "package-validation",
 		"data-state": _.kind,
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			onClick: () => x && y((e) => !e),
-			className: t("inline-flex items-center gap-1 text-xs font-medium", b ? "text-status-error-text" : "text-status-success-text", x ? "hover:underline" : "cursor-default"),
+			className: e("inline-flex items-center gap-1 text-xs font-medium", b ? "text-status-error-text" : "text-status-success-text", x ? "hover:underline" : "cursor-default"),
 			"aria-expanded": x ? v : void 0,
 			children: [
 				u(b ? l : a, { size: 12 }),
@@ -108,7 +108,6 @@ var h = ({ issues: e }) => /* @__PURE__ */ u("ul", {
 		})]
 	});
 };
-//#endregion
 export { g as PackageValidationPanel, m as readPackageValidationState };
 
 //# sourceMappingURL=PackageValidationPanel.js.map

package/dist/devportal/components/PackageValidationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PackageValidationPanel.js","names":[],"sources":["../../../src/devportal/components/PackageValidationPanel.tsx"],"sourcesContent":["/**\n * PackageValidationPanel — shows the custom-node package validation report\n * (BOFF-4315) stored on `ApplicationVersion.metadata.packageValidation` by\n * global-devportal-svc.\n *\n * The service validates every uploaded NODE package before building it, and\n * refuses to submit or approve a version whose package failed. This panel is\n * how the developer learns why, and how the reviewing admin sees warnings\n * (dynamic code, unusual field types) that need a human decision.\n *\n * Below the report it shows the operation smoke run on the built node\n * (BOFF-9656, `NodeSmokePanel`), so the versions page and the admin review\n * card both show every pre-review check in one place.\n */\nimport { useState } from \"react\";\nimport type { FC } from \"react\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  ChevronDown,\n  ChevronUp,\n  Loader2,\n  XCircle,\n} from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { NodeSmokePanel } from \"./NodeSmokePanel\";\n\nexport interface PackageValidationIssue {\n  severity: \"error\" | \"warning\";\n  code: string;\n  path: string;\n  message: string;\n}\n\nexport type PackageValidationState =\n  | { kind: \"none\" }\n  | { kind: \"pending\" }\n  | {\n      kind: \"passed\" | \"failed\";\n      errors: PackageValidationIssue[];\n      warnings: PackageValidationIssue[];\n      validatedAt: string | null;\n      runtime: string | null;\n      operationCount: number;\n    };\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction readIssues(value: unknown): PackageValidationIssue[] {\n  if (!Array.isArray(value)) return [];\n  return value.filter(isRecord).map((entry) => ({\n    severity: entry.severity === \"warning\" ? \"warning\" : \"error\",\n    code: typeof entry.code === \"string\" ? entry.code : \"\",\n    path: typeof entry.path === \"string\" ? entry.path : \"\",\n    message: typeof entry.message === \"string\" ? entry.message : \"\",\n  }));\n}\n\n/** Parse the stored report defensively — metadata is untyped JSON. */\nexport function readPackageValidationState(\n  metadata: unknown,\n): PackageValidationState {\n  if (!isRecord(metadata)) return { kind: \"none\" };\n  const report = metadata.packageValidation;\n  if (!isRecord(report)) return { kind: \"none\" };\n  if (report.pending === true) return { kind: \"pending\" };\n  if (typeof report.valid !== \"boolean\") return { kind: \"none\" };\n  return {\n    kind: report.valid ? \"passed\" : \"failed\",\n    errors: readIssues(report.errors),\n    warnings: readIssues(report.warnings),\n    validatedAt:\n      typeof report.validatedAt === \"string\" ? report.validatedAt : null,\n    runtime: typeof report.runtime === \"string\" ? report.runtime : null,\n    operationCount:\n      typeof report.operationCount === \"number\" ? report.operationCount : 0,\n  };\n}\n\nconst IssueList: FC<{ issues: PackageValidationIssue[] }> = ({ issues }) => (\n  <ul className=\"space-y-1\">\n    {issues.map((issue, index) => (\n      <li\n        key={`${issue.code}-${issue.path}-${index}`}\n        className=\"text-xs leading-snug\"\n      >\n        {issue.path && (\n          <code className=\"mr-1 rounded bg-bg-sunken px-1 py-0.5 font-mono text-text-primary\">\n            {issue.path}\n          </code>\n        )}\n        <span\n          className={\n            issue.severity === \"error\"\n              ? \"text-status-error-text\"\n              : \"text-status-warning-text\"\n          }\n        >\n          {issue.message}\n        </span>\n      </li>\n    ))}\n  </ul>\n);\n\ninterface PackageValidationPanelProps {\n  metadata: unknown;\n  /** Start expanded (the admin review card does; the versions table does not). */\n  defaultExpanded?: boolean;\n  className?: string;\n}\n\nexport const PackageValidationPanel: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => (\n  <div className={cn(\"space-y-1\", className)}>\n    <ValidationReport metadata={metadata} defaultExpanded={defaultExpanded} />\n    <NodeSmokePanel metadata={metadata} defaultExpanded={defaultExpanded} />\n  </div>\n);\n\nconst ValidationReport: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => {\n  const tr = useTr();\n  const state = readPackageValidationState(metadata);\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  if (state.kind === \"none\") {\n    return (\n      <p\n        className={cn(\"text-xs text-text-secondary\", className)}\n        data-testid=\"package-validation\"\n        data-state=\"none\"\n      >\n        {tr(\n          \"devportal.packageValidation.none\",\n          \"Package not validated (uploaded before validation existed)\",\n        )}\n      </p>\n    );\n  }\n\n  if (state.kind === \"pending\") {\n    return (\n      <p\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs text-status-info-text\",\n          className,\n        )}\n        data-testid=\"package-validation\"\n        data-state=\"pending\"\n      >\n        <Loader2 size={12} className=\"animate-spin\" />\n        {tr(\"devportal.packageValidation.pending\", \"Validating package…\")}\n      </p>\n    );\n  }\n\n  const failed = state.kind === \"failed\";\n  const hasDetails = state.errors.length > 0 || state.warnings.length > 0;\n  const summary = failed\n    ? tr(\n        \"devportal.packageValidation.failed\",\n        \"Validation failed: {{count}} error(s)\",\n        { count: state.errors.length },\n      )\n    : tr(\"devportal.packageValidation.passed\", \"Package validated\");\n\n  return (\n    <div\n      className={cn(\"space-y-1\", className)}\n      data-testid=\"package-validation\"\n      data-state={state.kind}\n    >\n      <button\n        type=\"button\"\n        onClick={() => hasDetails && setExpanded((value) => !value)}\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs font-medium\",\n          failed ? \"text-status-error-text\" : \"text-status-success-text\",\n          hasDetails ? \"hover:underline\" : \"cursor-default\",\n        )}\n        aria-expanded={hasDetails ? expanded : undefined}\n      >\n        {failed ? <XCircle size={12} /> : <CheckCircle2 size={12} />}\n        {summary}\n        {state.warnings.length > 0 && (\n          <span className=\"inline-flex items-center gap-0.5 text-status-warning-text\">\n            <AlertTriangle size={12} />\n            {tr(\n              \"devportal.packageValidation.warnings\",\n              \"{{count}} warning(s)\",\n              { count: state.warnings.length },\n            )}\n          </span>\n        )}\n        {hasDetails &&\n          (expanded ? <ChevronUp size={12} /> : <ChevronDown size={12} />)}\n      </button>\n      {expanded && hasDetails && (\n        <div className=\"max-w-md space-y-2 rounded-md border border-border-seam bg-bg-surface p-2\">\n          {state.errors.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-error-text\">\n                {tr(\"devportal.packageValidation.errorsTitle\", \"Errors\")}\n              </p>\n              <IssueList issues={state.errors} />\n            </div>\n          )}\n          {state.warnings.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-warning-text\">\n                {tr(\n                  \"devportal.packageValidation.warningsTitle\",\n                  \"Needs reviewer attention\",\n                )}\n              </p>\n              <IssueList issues={state.warnings} />\n            </div>\n          )}\n          <p className=\"text-[11px] text-text-secondary\">\n            {[\n              state.runtime &&\n                tr(\n                  \"devportal.packageValidation.runtime\",\n                  \"Runtime: {{runtime}}\",\n                  {\n                    runtime: state.runtime,\n                  },\n                ),\n              tr(\n                \"devportal.packageValidation.operations\",\n                \"{{count}} operation(s)\",\n                { count: state.operationCount },\n              ),\n              state.validatedAt && new Date(state.validatedAt).toLocaleString(),\n            ]\n              .filter(Boolean)\n              .join(\" · \")}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"PackageValidationPanel.js","names":["isRecord","value","readIssues","entry","readPackageValidationState","metadata","report","IssueList","issues","issue","index","PackageValidationPanel","cn","className","ValidationReport","NodeSmokePanel","tr","useTr","state","expanded","setExpanded","useState","defaultExpanded","Loader2","failed","hasDetails","summary","jsx","XCircle","CheckCircle2","AlertTriangle","ChevronUp","ChevronDown"],"sources":["../../../src/devportal/components/PackageValidationPanel.tsx"],"sourcesContent":["/**\n * PackageValidationPanel — shows the custom-node package validation report\n * (BOFF-4315) stored on `ApplicationVersion.metadata.packageValidation` by\n * global-devportal-svc.\n *\n * The service validates every uploaded NODE package before building it, and\n * refuses to submit or approve a version whose package failed. This panel is\n * how the developer learns why, and how the reviewing admin sees warnings\n * (dynamic code, unusual field types) that need a human decision.\n *\n * Below the report it shows the operation smoke run on the built node\n * (BOFF-9656, `NodeSmokePanel`), so the versions page and the admin review\n * card both show every pre-review check in one place.\n */\nimport { useState } from \"react\";\nimport type { FC } from \"react\";\nimport {\n  AlertTriangle,\n  CheckCircle2,\n  ChevronDown,\n  ChevronUp,\n  Loader2,\n  XCircle,\n} from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { NodeSmokePanel } from \"./NodeSmokePanel\";\n\nexport interface PackageValidationIssue {\n  severity: \"error\" | \"warning\";\n  code: string;\n  path: string;\n  message: string;\n}\n\nexport type PackageValidationState =\n  | { kind: \"none\" }\n  | { kind: \"pending\" }\n  | {\n      kind: \"passed\" | \"failed\";\n      errors: PackageValidationIssue[];\n      warnings: PackageValidationIssue[];\n      validatedAt: string | null;\n      runtime: string | null;\n      operationCount: number;\n    };\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nfunction readIssues(value: unknown): PackageValidationIssue[] {\n  if (!Array.isArray(value)) return [];\n  return value.filter(isRecord).map((entry) => ({\n    severity: entry.severity === \"warning\" ? \"warning\" : \"error\",\n    code: typeof entry.code === \"string\" ? entry.code : \"\",\n    path: typeof entry.path === \"string\" ? entry.path : \"\",\n    message: typeof entry.message === \"string\" ? entry.message : \"\",\n  }));\n}\n\n/** Parse the stored report defensively — metadata is untyped JSON. */\nexport function readPackageValidationState(\n  metadata: unknown,\n): PackageValidationState {\n  if (!isRecord(metadata)) return { kind: \"none\" };\n  const report = metadata.packageValidation;\n  if (!isRecord(report)) return { kind: \"none\" };\n  if (report.pending === true) return { kind: \"pending\" };\n  if (typeof report.valid !== \"boolean\") return { kind: \"none\" };\n  return {\n    kind: report.valid ? \"passed\" : \"failed\",\n    errors: readIssues(report.errors),\n    warnings: readIssues(report.warnings),\n    validatedAt:\n      typeof report.validatedAt === \"string\" ? report.validatedAt : null,\n    runtime: typeof report.runtime === \"string\" ? report.runtime : null,\n    operationCount:\n      typeof report.operationCount === \"number\" ? report.operationCount : 0,\n  };\n}\n\nconst IssueList: FC<{ issues: PackageValidationIssue[] }> = ({ issues }) => (\n  <ul className=\"space-y-1\">\n    {issues.map((issue, index) => (\n      <li\n        key={`${issue.code}-${issue.path}-${index}`}\n        className=\"text-xs leading-snug\"\n      >\n        {issue.path && (\n          <code className=\"mr-1 rounded bg-bg-sunken px-1 py-0.5 font-mono text-text-primary\">\n            {issue.path}\n          </code>\n        )}\n        <span\n          className={\n            issue.severity === \"error\"\n              ? \"text-status-error-text\"\n              : \"text-status-warning-text\"\n          }\n        >\n          {issue.message}\n        </span>\n      </li>\n    ))}\n  </ul>\n);\n\ninterface PackageValidationPanelProps {\n  metadata: unknown;\n  /** Start expanded (the admin review card does; the versions table does not). */\n  defaultExpanded?: boolean;\n  className?: string;\n}\n\nexport const PackageValidationPanel: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => (\n  <div className={cn(\"space-y-1\", className)}>\n    <ValidationReport metadata={metadata} defaultExpanded={defaultExpanded} />\n    <NodeSmokePanel metadata={metadata} defaultExpanded={defaultExpanded} />\n  </div>\n);\n\nconst ValidationReport: FC<PackageValidationPanelProps> = ({\n  metadata,\n  defaultExpanded = false,\n  className,\n}) => {\n  const tr = useTr();\n  const state = readPackageValidationState(metadata);\n  const [expanded, setExpanded] = useState(defaultExpanded);\n\n  if (state.kind === \"none\") {\n    return (\n      <p\n        className={cn(\"text-xs text-text-secondary\", className)}\n        data-testid=\"package-validation\"\n        data-state=\"none\"\n      >\n        {tr(\n          \"devportal.packageValidation.none\",\n          \"Package not validated (uploaded before validation existed)\",\n        )}\n      </p>\n    );\n  }\n\n  if (state.kind === \"pending\") {\n    return (\n      <p\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs text-status-info-text\",\n          className,\n        )}\n        data-testid=\"package-validation\"\n        data-state=\"pending\"\n      >\n        <Loader2 size={12} className=\"animate-spin\" />\n        {tr(\"devportal.packageValidation.pending\", \"Validating package…\")}\n      </p>\n    );\n  }\n\n  const failed = state.kind === \"failed\";\n  const hasDetails = state.errors.length > 0 || state.warnings.length > 0;\n  const summary = failed\n    ? tr(\n        \"devportal.packageValidation.failed\",\n        \"Validation failed: {{count}} error(s)\",\n        { count: state.errors.length },\n      )\n    : tr(\"devportal.packageValidation.passed\", \"Package validated\");\n\n  return (\n    <div\n      className={cn(\"space-y-1\", className)}\n      data-testid=\"package-validation\"\n      data-state={state.kind}\n    >\n      <button\n        type=\"button\"\n        onClick={() => hasDetails && setExpanded((value) => !value)}\n        className={cn(\n          \"inline-flex items-center gap-1 text-xs font-medium\",\n          failed ? \"text-status-error-text\" : \"text-status-success-text\",\n          hasDetails ? \"hover:underline\" : \"cursor-default\",\n        )}\n        aria-expanded={hasDetails ? expanded : undefined}\n      >\n        {failed ? <XCircle size={12} /> : <CheckCircle2 size={12} />}\n        {summary}\n        {state.warnings.length > 0 && (\n          <span className=\"inline-flex items-center gap-0.5 text-status-warning-text\">\n            <AlertTriangle size={12} />\n            {tr(\n              \"devportal.packageValidation.warnings\",\n              \"{{count}} warning(s)\",\n              { count: state.warnings.length },\n            )}\n          </span>\n        )}\n        {hasDetails &&\n          (expanded ? <ChevronUp size={12} /> : <ChevronDown size={12} />)}\n      </button>\n      {expanded && hasDetails && (\n        <div className=\"max-w-md space-y-2 rounded-md border border-border-seam bg-bg-surface p-2\">\n          {state.errors.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-error-text\">\n                {tr(\"devportal.packageValidation.errorsTitle\", \"Errors\")}\n              </p>\n              <IssueList issues={state.errors} />\n            </div>\n          )}\n          {state.warnings.length > 0 && (\n            <div>\n              <p className=\"mb-1 text-xs font-semibold text-status-warning-text\">\n                {tr(\n                  \"devportal.packageValidation.warningsTitle\",\n                  \"Needs reviewer attention\",\n                )}\n              </p>\n              <IssueList issues={state.warnings} />\n            </div>\n          )}\n          <p className=\"text-[11px] text-text-secondary\">\n            {[\n              state.runtime &&\n                tr(\n                  \"devportal.packageValidation.runtime\",\n                  \"Runtime: {{runtime}}\",\n                  {\n                    runtime: state.runtime,\n                  },\n                ),\n              tr(\n                \"devportal.packageValidation.operations\",\n                \"{{count}} operation(s)\",\n                { count: state.operationCount },\n              ),\n              state.validatedAt && new Date(state.validatedAt).toLocaleString(),\n            ]\n              .filter(Boolean)\n              .join(\" · \")}\n          </p>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/components/PageLayout.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-
 interface PageLayoutProps {
     title: ReactNode;
     description?: string;
@@ -40,4 +39,3 @@ export declare const PageSection: FC<{
     className?: string;
 } & HTMLAttributes<HTMLElement>>;
 export {};
-//# sourceMappingURL=PageLayout.d.ts.map

package/dist/devportal/components/PageLayout.js

@@ -1,16 +1,16 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { cn as e } from "../utils/cn.js";
 import { useTr as t } from "../utils/i18n.js";
-import { cn as n } from "../utils/cn.js";
+import { useDevportal as n } from "../providers/DevportalProvider.js";
 import { ArrowLeft as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { AuroraBackground as o, PagePurpose as s } from "@burdenoff/fe-libs/ui";
-//#region src/devportal/components/PageLayout.tsx
+// src/devportal/components/PageLayout.tsx
 var c = ({ title: c, description: l, backLink: u, backLabel: d, actions: f, children: p, className: m, fullWidth: h = !1, purpose: g, purposeLearnMoreHref: _, purposeLearnMoreLabel: v, heroBackdrop: y = !1 }) => {
-	let { navigate: b, basePath: x } = e(), S = t(), C = d ?? S("devportal.back", "Back");
+	let { navigate: b, basePath: x } = n(), S = t(), C = d ?? S("devportal.back", "Back");
 	return /* @__PURE__ */ a("div", {
-		className: n("flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12", m),
+		className: e("flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12", m),
 		children: [/* @__PURE__ */ a("div", {
-			className: n("flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", y && "relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6"),
+			className: e("flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", y && "relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6"),
 			children: [
 				y && /* @__PURE__ */ i(o, { intensity: "subtle" }),
 				/* @__PURE__ */ a("div", {
@@ -19,8 +19,8 @@ var c = ({ title: c, description: l, backLink: u, backLabel: d, actions: f, chil
 						u && /* @__PURE__ */ a("button", {
 							onClick: () => {
 								if (!b || !u) return;
-								let e = x?.endsWith("/") ? x.slice(0, -1) : x || "", t = u.startsWith("/") ? u : `/${u}`;
-								b(e.length > 0 && (t === e || t.startsWith(`${e}/`)) ? t : `${e}${t}`);
+								let e = x?.endsWith("/") ? x.slice(0, -1) : x || "", t = u.startsWith("/") ? u : `/${u}`, n = e.length > 0 && (t === e || t.startsWith(`${e}/`));
+								b(n ? t : `${e}${t}`);
 							},
 							className: "mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors",
 							children: [/* @__PURE__ */ i(r, { size: 16 }), C]
@@ -47,28 +47,27 @@ var c = ({ title: c, description: l, backLink: u, backLabel: d, actions: f, chil
 				})
 			]
 		}), /* @__PURE__ */ i("div", {
-			className: n("flex flex-col gap-4 sm:gap-6", !h && "max-w-7xl"),
+			className: e("flex flex-col gap-4 sm:gap-6", !h && "max-w-7xl"),
 			children: p
 		})]
 	});
-}, l = ({ title: e, description: t, actions: r, children: o, className: s, ...c }) => /* @__PURE__ */ a("section", {
-	className: n("space-y-4", s),
+}, l = ({ title: t, description: n, actions: r, children: o, className: s, ...c }) => /* @__PURE__ */ a("section", {
+	className: e("space-y-4", s),
 	...c,
-	children: [(e || r) && /* @__PURE__ */ a("div", {
+	children: [(t || r) && /* @__PURE__ */ a("div", {
 		className: "flex items-center justify-between",
-		children: [/* @__PURE__ */ a("div", { children: [e && /* @__PURE__ */ i("h2", {
+		children: [/* @__PURE__ */ a("div", { children: [t && /* @__PURE__ */ i("h2", {
 			className: "text-lg font-semibold",
-			children: e
-		}), t && /* @__PURE__ */ i("p", {
-			className: "text-sm text-text-secondary",
 			children: t
+		}), n && /* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary",
+			children: n
 		})] }), r && /* @__PURE__ */ i("div", {
 			className: "flex items-center gap-2",
 			children: r
 		})]
 	}), o]
 });
-//#endregion
 export { c as PageLayout, l as PageSection };
 
 //# sourceMappingURL=PageLayout.js.map

package/dist/devportal/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/devportal/components/PageLayout.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { AuroraBackground, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  backLink?: string;\n  backLabel?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the real use-case\n   * — rendered as a calm {@link PagePurpose} under the header so every page is\n   * self-explanatory for a new user. Keep it to one or two sentences.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered at the end of the purpose line. */\n  purposeLearnMoreHref?: string;\n  purposeLearnMoreLabel?: string;\n  /**\n   * When true the page header sits over a subtle living-glass aurora backdrop\n   * (Boff UI 2.0). Reserve this for the MFE's primary/overview page — one\n   * aurora per MFE. The backdrop is decorative (-z-10) and never moves content.\n   */\n  heroBackdrop?: boolean;\n}\n\n/**\n * Standard page layout with header, optional back link, and actions\n */\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  backLink,\n  backLabel,\n  actions,\n  children,\n  className,\n  fullWidth = false,\n  purpose,\n  purposeLearnMoreHref,\n  purposeLearnMoreLabel,\n  heroBackdrop = false,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const resolvedBackLabel = backLabel ?? tr(\"devportal.back\", \"Back\");\n\n  const handleBack = () => {\n    if (!navigate || !backLink) return;\n\n    const normalizedBasePath = basePath?.endsWith(\"/\")\n      ? basePath.slice(0, -1)\n      : basePath || \"\";\n    const normalizedBackLink = backLink.startsWith(\"/\")\n      ? backLink\n      : `/${backLink}`;\n    const alreadyIncludesBasePath =\n      normalizedBasePath.length > 0 &&\n      (normalizedBackLink === normalizedBasePath ||\n        normalizedBackLink.startsWith(`${normalizedBasePath}/`));\n\n    navigate(\n      alreadyIncludesBasePath\n        ? normalizedBackLink\n        : `${normalizedBasePath}${normalizedBackLink}`,\n    );\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12\",\n        className,\n      )}\n    >\n      {/* Header — optionally over a subtle living-glass aurora backdrop */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n          heroBackdrop &&\n            \"relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6\",\n        )}\n      >\n        {heroBackdrop && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"flex flex-col gap-1\">\n          {backLink && (\n            <button\n              onClick={handleBack}\n              className=\"mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={16} />\n              {resolvedBackLabel}\n            </button>\n          )}\n          <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n          {description && <p className=\"text-text-secondary\">{description}</p>}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-1 max-w-2xl\"\n              learnMoreHref={purposeLearnMoreHref}\n              learnMoreLabel={purposeLearnMoreLabel}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:gap-6\",\n          !fullWidth && \"max-w-7xl\",\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Section within a page\n */\nexport const PageSection: FC<\n  {\n    title?: string;\n    description?: string;\n    actions?: ReactNode;\n    children: ReactNode;\n    className?: string;\n  } & HTMLAttributes<HTMLElement>\n> = ({ title, description, actions, children, className, ...rest }) => (\n  <section className={cn(\"space-y-4\", className)} {...rest}>\n    {(title || actions) && (\n      <div className=\"flex items-center justify-between\">\n        <div>\n          {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n          {description && (\n            <p className=\"text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n    )}\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAoCA,IAAa,KAAmC,EAC9C,UACA,gBACA,aACA,cACA,YACA,aACA,cACA,eAAY,IACZ,YACA,yBACA,0BACA,kBAAe,SACX;CACJ,IAAM,EAAE,aAAU,gBAAa,GAAc,EACvC,IAAK,GAAO,EACZ,IAAoB,KAAa,EAAG,kBAAkB,OAAO;AAuBnE,QACE,kBAAC,OAAD;EACE,WAAW,EACT,2EACA,EACD;YAJH,CAOE,kBAAC,OAAD;GACE,WAAW,EACT,sEACA,KACE,+FACH;aALH;IAOG,KAAgB,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;IACxD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,eAxCa;AACvB,YAAI,CAAC,KAAY,CAAC,EAAU;QAE5B,IAAM,IAAqB,GAAU,SAAS,IAAI,GAC9C,EAAS,MAAM,GAAG,GAAG,GACrB,KAAY,IACV,IAAqB,EAAS,WAAW,IAAI,GAC/C,IACA,IAAI;AAMR,UAJE,EAAmB,SAAS,MAC3B,MAAuB,KACtB,EAAmB,WAAW,GAAG,EAAmB,GAAG,IAIrD,IACA,GAAG,IAAqB,IAC7B;;OAuBS,WAAU;iBAFZ,CAIE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EACM;;MAEX,kBAAC,MAAD;OAAI,WAAU;iBAAqC;OAAW,CAAA;MAC7D,KAAe,kBAAC,KAAD;OAAG,WAAU;iBAAuB;OAAgB,CAAA;MACnE,KACC,kBAAC,GAAD;OACE,WAAU;OACV,eAAe;OACf,gBAAgB;iBAEf;OACW,CAAA;MAEZ;;IACL,KAAW,kBAAC,OAAD;KAAK,WAAU;eAA2B;KAAc,CAAA;IAChE;MAGN,kBAAC,OAAD;GACE,WAAW,EACT,gCACA,CAAC,KAAa,YACf;GAEA;GACG,CAAA,CACF;;GAOG,KAQR,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,GAAG,QAC1D,kBAAC,WAAD;CAAS,WAAW,EAAG,aAAa,EAAU;CAAE,GAAI;WAApD,EACI,KAAS,MACT,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACG,KAAS,kBAAC,MAAD;GAAI,WAAU;aAAyB;GAAW,CAAA,EAC3D,KACC,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAgB,CAAA,CAE1D,EAAA,CAAA,EACL,KAAW,kBAAC,OAAD;GAAK,WAAU;aAA2B;GAAc,CAAA,CAChE;KAEP,EACO"}
+{"version":3,"file":"PageLayout.js","names":["PageLayout","useDevportal","tr","useTr","resolvedBackLabel","backLabel","cn","className","heroBackdrop","AuroraBackground","backLink","navigate","normalizedBasePath","basePath","normalizedBackLink","alreadyIncludesBasePath","ArrowLeft","title","description","purpose","PagePurpose","purposeLearnMoreHref","purposeLearnMoreLabel","actions","fullWidth","PageSection","rest","children"],"sources":["../../../src/devportal/components/PageLayout.tsx"],"sourcesContent":["import type { FC, HTMLAttributes, ReactNode } from \"react\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { AuroraBackground, PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { cn } from \"../utils/cn\";\nimport { useTr } from \"../utils/i18n\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  backLink?: string;\n  backLabel?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  /**\n   * Plain-language \"story\" for the page — WHAT it is for and the real use-case\n   * — rendered as a calm {@link PagePurpose} under the header so every page is\n   * self-explanatory for a new user. Keep it to one or two sentences.\n   */\n  purpose?: ReactNode;\n  /** Optional \"Learn more\" link rendered at the end of the purpose line. */\n  purposeLearnMoreHref?: string;\n  purposeLearnMoreLabel?: string;\n  /**\n   * When true the page header sits over a subtle living-glass aurora backdrop\n   * (Boff UI 2.0). Reserve this for the MFE's primary/overview page — one\n   * aurora per MFE. The backdrop is decorative (-z-10) and never moves content.\n   */\n  heroBackdrop?: boolean;\n}\n\n/**\n * Standard page layout with header, optional back link, and actions\n */\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  backLink,\n  backLabel,\n  actions,\n  children,\n  className,\n  fullWidth = false,\n  purpose,\n  purposeLearnMoreHref,\n  purposeLearnMoreLabel,\n  heroBackdrop = false,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const tr = useTr();\n  const resolvedBackLabel = backLabel ?? tr(\"devportal.back\", \"Back\");\n\n  const handleBack = () => {\n    if (!navigate || !backLink) return;\n\n    const normalizedBasePath = basePath?.endsWith(\"/\")\n      ? basePath.slice(0, -1)\n      : basePath || \"\";\n    const normalizedBackLink = backLink.startsWith(\"/\")\n      ? backLink\n      : `/${backLink}`;\n    const alreadyIncludesBasePath =\n      normalizedBasePath.length > 0 &&\n      (normalizedBackLink === normalizedBasePath ||\n        normalizedBackLink.startsWith(`${normalizedBasePath}/`));\n\n    navigate(\n      alreadyIncludesBasePath\n        ? normalizedBackLink\n        : `${normalizedBasePath}${normalizedBackLink}`,\n    );\n  };\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col gap-6 px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10 xl:px-12\",\n        className,\n      )}\n    >\n      {/* Header — optionally over a subtle living-glass aurora backdrop */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\",\n          heroBackdrop &&\n            \"relative overflow-hidden rounded-card border border-border-seam/60 px-5 py-5 sm:px-6 sm:py-6\",\n        )}\n      >\n        {heroBackdrop && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"flex flex-col gap-1\">\n          {backLink && (\n            <button\n              onClick={handleBack}\n              className=\"mb-2 flex items-center gap-1 text-sm text-text-secondary hover:text-text-primary transition-colors\"\n            >\n              <ArrowLeft size={16} />\n              {resolvedBackLabel}\n            </button>\n          )}\n          <h1 className=\"text-2xl font-bold tracking-tight\">{title}</h1>\n          {description && <p className=\"text-text-secondary\">{description}</p>}\n          {purpose && (\n            <PagePurpose\n              className=\"mt-1 max-w-2xl\"\n              learnMoreHref={purposeLearnMoreHref}\n              learnMoreLabel={purposeLearnMoreLabel}\n            >\n              {purpose}\n            </PagePurpose>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n\n      {/* Content */}\n      <div\n        className={cn(\n          \"flex flex-col gap-4 sm:gap-6\",\n          !fullWidth && \"max-w-7xl\",\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\n/**\n * Section within a page\n */\nexport const PageSection: FC<\n  {\n    title?: string;\n    description?: string;\n    actions?: ReactNode;\n    children: ReactNode;\n    className?: string;\n  } & HTMLAttributes<HTMLElement>\n> = ({ title, description, actions, children, className, ...rest }) => (\n  <section className={cn(\"space-y-4\", className)} {...rest}>\n    {(title || actions) && (\n      <div className=\"flex items-center justify-between\">\n        <div>\n          {title && <h2 className=\"text-lg font-semibold\">{title}</h2>}\n          {description && (\n            <p className=\"text-sm text-text-secondary\">{description}</p>\n          )}\n        </div>\n        {actions && <div className=\"flex items-center gap-2\">{actions}</div>}\n      </div>\n    )}\n    {children}\n  </section>\n);\n"],"mappings":";;;;;;;AAoCA,IAAaA,KAAmC,EAC9C,UACA,gBACA,aACA,cACA,YACA,aACA,cACA,eAAY,IACZ,YACA,yBACA,0BACA,kBAAe,SACX;CACJ,IAAM,EAAE,aAAU,gBAAaC,EAAa,GACtCC,IAAKC,EAAM,GACXC,IAAoBC,KAAaH,EAAG,kBAAkB,MAAM;CAuBlE,OACE,kBAAC,OAAD;EACE,WAAWI,EACT,2EACAC,CACF;EAJF,UAAA,CAOE,kBAAC,OAAD;GACE,WAAWD,EACT,sEACAE,KACE,8FACJ;GALF,UAAA;IAOGA,KAAgB,kBAACC,GAAD,EAAkB,WAAU,SAAU,CAAA;IACvD,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACGC,KACC,kBAAC,UAAD;OACE,eAxCa;QACvB,IAAI,CAACC,KAAY,CAACD,GAAU;QAE5B,IAAME,IAAqBC,GAAU,SAAS,GAAG,IAC7CA,EAAS,MAAM,GAAG,EAAE,IACpBA,KAAY,IACVC,IAAqBJ,EAAS,WAAW,GAAG,IAC9CA,IACA,IAAIA,KACFK,IACJH,EAAmB,SAAS,MAC3BE,MAAuBF,KACtBE,EAAmB,WAAW,GAAGF,EAAmB,EAAE;QAE1D,EACEG,IACID,IACA,GAAGF,IAAqBE,GAC9B;OACF;OAsBY,WAAU;OAFZ,UAAA,CAIE,kBAACE,GAAD,EAAW,MAAM,GAAK,CAAA,GACrBZ,CACK;;MAEV,kBAAC,MAAD;OAAI,WAAU;OAAqC,UAAAa;MAAU,CAAA;MAC5DC,KAAe,kBAAC,KAAD;OAAG,WAAU;OAAuB,UAAAA;MAAe,CAAA;MAClEC,KACC,kBAACC,GAAD;OACE,WAAU;OACV,eAAeC;OACf,gBAAgBC;OAEf,UAAAH;MACU,CAAA;KAEZ;;IACJI,KAAW,kBAAC,OAAD;KAAK,WAAU;KAA2B,UAAAA;IAAa,CAAA;GAChE;EAGL,CAAA,GAAA,kBAAC,OAAD;GACE,WAAWjB,EACT,gCACA,CAACkB,KAAa,WAChB;GAEC;EACE,CAAA,CACF;;AAET,GAKaC,KAQR,EAAE,UAAO,gBAAa,YAAS,aAAU,cAAW,GAAGC,QAC1D,kBAAC,WAAD;CAAS,WAAWpB,EAAG,aAAaC,CAAS;CAAG,GAAImB;CAApD,UAAA,EACIT,KAASM,MACT,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA,CACGN,KAAS,kBAAC,MAAD;GAAI,WAAU;GAAyB,UAAAA;EAAU,CAAA,GAC1DC,KACC,kBAAC,KAAD;GAAG,WAAU;GAA+B,UAAAA;EAAe,CAAA,CAE1D,EAAA,CAAA,GACJK,KAAW,kBAAC,OAAD;GAAK,WAAU;GAA2B,UAAAA;EAAa,CAAA,CAChE;CAEN,CAAA,GAAAI,CACM"}

package/dist/devportal/components/PermissionGuard.d.ts

@@ -1,6 +1,5 @@
 import { FC, ReactNode } from 'react';
 import { DevportalPermission } from '../constants/permissions';
-
 interface PermissionGuardProps {
     /**
      * Required RBAC permission. Optional when `authOnly` is set — self-scoped
@@ -25,4 +24,3 @@ interface PermissionGuardProps {
  */
 export declare const PermissionGuard: FC<PermissionGuardProps>;
 export {};
-//# sourceMappingURL=PermissionGuard.d.ts.map

package/dist/devportal/components/PermissionGuard.js

@@ -1,10 +1,10 @@
-import { useTr as e } from "../utils/i18n.js";
-import { PageLoadingState as t } from "./LoadingState.js";
+import { PageLoadingState as e } from "./LoadingState.js";
+import { useTr as t } from "../utils/i18n.js";
 import { AccessDenied as n } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as r } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as i, jsx as a } from "react/jsx-runtime";
 import { useAuth as o } from "@burdenoff/fe-libs/shared/providers/shell/AuthProvider";
-//#region src/devportal/components/PermissionGuard.tsx
+// src/devportal/components/PermissionGuard.tsx
 var s = ({ permission: s, authOnly: c = !1, children: l }) => {
 	let u = null, d = !1, f = !1, p = !1;
 	try {
@@ -18,10 +18,10 @@ var s = ({ permission: s, authOnly: c = !1, children: l }) => {
 	} catch {
 		p = !1;
 	}
-	let m = typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname.endsWith(".local.burdenoff.com")) && p, h = e();
+	let m = typeof window < "u" && (window.location.hostname === "localhost" || window.location.hostname.endsWith(".local.burdenoff.com")) && p, h = t();
 	return d ? /* @__PURE__ */ a("div", {
 		className: "flex min-h-screen items-center justify-center bg-bg-canvas",
-		children: /* @__PURE__ */ a(t, {})
+		children: /* @__PURE__ */ a(e, {})
 	}) : c ? u !== null && !p && !m ? /* @__PURE__ */ a(n, {
 		title: h("devportal.accessDenied", "Access Denied"),
 		description: h("devportal.noPermissionView", "You don't have permission to view this page.")
@@ -30,7 +30,6 @@ var s = ({ permission: s, authOnly: c = !1, children: l }) => {
 		description: h("devportal.noPermissionView", "You don't have permission to view this page.")
 	}) : /* @__PURE__ */ a(i, { children: l });
 };
-//#endregion
 export { s as PermissionGuard };
 
 //# sourceMappingURL=PermissionGuard.js.map

package/dist/devportal/components/PermissionGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionGuard.js","names":[],"sources":["../../../src/devportal/components/PermissionGuard.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { usePermissions } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useAuth } from \"@burdenoff/fe-libs/shared/providers/shell/AuthProvider\";\nimport { AccessDenied } from \"@burdenoff/fe-libs/shared/components\";\nimport { PageLoadingState } from \"./LoadingState\";\nimport { useTr } from \"../utils/i18n\";\nimport type { DevportalPermission } from \"../constants/permissions\";\n\ninterface PermissionGuardProps {\n  /**\n   * Required RBAC permission. Optional when `authOnly` is set — self-scoped\n   * developer surfaces gate on authentication only (see `authOnly`).\n   */\n  permission?: DevportalPermission;\n  /**\n   * Self-scoped mode. The corresponding backend fields are gated with\n   * `@rbac(scopeType: \"self\")` — an authentication gate whose resolvers filter\n   * strictly to the caller's own resources. Such fields carry no RBAC\n   * permission in `myPermissions`, so a permission check would wrongly deny\n   * every normal member. In this mode we render for any authenticated user and\n   * let the backend self-enforce per resource.\n   */\n  authOnly?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Wraps page content with a permission check.\n * Shows a loading state while permissions resolve, then either\n * renders children (if permitted) or an AccessDenied screen.\n */\nexport const PermissionGuard: FC<PermissionGuardProps> = ({\n  permission,\n  authOnly = false,\n  children,\n}) => {\n  let hasPermission: ((permission: DevportalPermission) => boolean) | null =\n    null;\n  let isLoading = false;\n  let isRbacAdmin = false;\n  let isAuthenticated = false;\n\n  try {\n    const permissions = usePermissions();\n    hasPermission = permissions.hasPermission as (\n      permission: DevportalPermission,\n    ) => boolean;\n    isLoading = permissions.isLoading;\n    isRbacAdmin =\n      permissions.permissions?.permissions?.some(\n        (entry) => entry.resourceType === \"rbac\" && entry.level === \"ADMIN\",\n      ) ?? false;\n  } catch {\n    // Standalone/dev mode intentionally allows rendering without shell RBAC context.\n    hasPermission = null;\n    isLoading = false;\n    isRbacAdmin = false;\n  }\n\n  try {\n    const auth = useAuth();\n    isAuthenticated = auth.isAuthenticated;\n  } catch {\n    isAuthenticated = false;\n  }\n\n  const isLocalShellDev =\n    typeof window !== \"undefined\" &&\n    (window.location.hostname === \"localhost\" ||\n      window.location.hostname.endsWith(\".local.burdenoff.com\"));\n\n  const allowLocalShellBypass = isLocalShellDev && isAuthenticated;\n  const tr = useTr();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-bg-canvas\">\n        <PageLoadingState />\n      </div>\n    );\n  }\n\n  // Self-scoped surface: gate on authentication only. The backend\n  // (@rbac scopeType: \"self\") filters to the caller's own resources, so we\n  // must not require an RBAC permission the member legitimately lacks.\n  if (authOnly) {\n    // When the shell RBAC context is unavailable (standalone/dev), render.\n    if (hasPermission !== null && !isAuthenticated && !allowLocalShellBypass) {\n      return (\n        <AccessDenied\n          title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n          description={tr(\n            \"devportal.noPermissionView\",\n            \"You don't have permission to view this page.\",\n          )}\n        />\n      );\n    }\n    return <>{children}</>;\n  }\n\n  if (\n    permission &&\n    hasPermission &&\n    !hasPermission(permission) &&\n    !isRbacAdmin &&\n    !allowLocalShellBypass\n  ) {\n    return (\n      <AccessDenied\n        title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n        description={tr(\n          \"devportal.noPermissionView\",\n          \"You don't have permission to view this page.\",\n        )}\n      />\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";;;;;;;AA+BA,IAAa,KAA6C,EACxD,eACA,cAAW,IACX,kBACI;CACJ,IAAI,IACF,MACE,IAAY,IACZ,IAAc,IACd,IAAkB;AAEtB,KAAI;EACF,IAAM,IAAc,GAAgB;AAKpC,EAJA,IAAgB,EAAY,eAG5B,IAAY,EAAY,WACxB,IACE,EAAY,aAAa,aAAa,MACnC,MAAU,EAAM,iBAAiB,UAAU,EAAM,UAAU,QAC7D,IAAI;SACD;AAIN,EAFA,IAAgB,MAChB,IAAY,IACZ,IAAc;;AAGhB,KAAI;AAEF,MADa,GAAS,CACC;SACjB;AACN,MAAkB;;CAQpB,IAAM,IAJJ,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,eAC5B,OAAO,SAAS,SAAS,SAAS,uBAAuB,KAEZ,GAC3C,IAAK,GAAO;AA+ClB,QA7CI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAoB,CAAA;EAChB,CAAA,GAON,IAEE,MAAkB,QAAQ,CAAC,KAAmB,CAAC,IAE/C,kBAAC,GAAD;EACE,OAAO,EAAG,0BAA0B,gBAAgB;EACpD,aAAa,EACX,8BACA,+CACD;EACD,CAAA,GAGC,kBAAA,GAAA,EAAG,aAAY,CAAA,GAItB,KACA,KACA,CAAC,EAAc,EAAW,IAC1B,CAAC,KACD,CAAC,IAGC,kBAAC,GAAD;EACE,OAAO,EAAG,0BAA0B,gBAAgB;EACpD,aAAa,EACX,8BACA,+CACD;EACD,CAAA,GAIC,kBAAA,GAAA,EAAG,aAAY,CAAA"}
+{"version":3,"file":"PermissionGuard.js","names":["_Fragment","PermissionGuard","hasPermission","isLoading","isRbacAdmin","isAuthenticated","permissions","usePermissions","entry","useAuth","allowLocalShellBypass","tr","useTr","PageLoadingState","authOnly","AccessDenied","Fragment","permission"],"sources":["../../../src/devportal/components/PermissionGuard.tsx"],"sourcesContent":["import type { FC, ReactNode } from \"react\";\nimport { usePermissions } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useAuth } from \"@burdenoff/fe-libs/shared/providers/shell/AuthProvider\";\nimport { AccessDenied } from \"@burdenoff/fe-libs/shared/components\";\nimport { PageLoadingState } from \"./LoadingState\";\nimport { useTr } from \"../utils/i18n\";\nimport type { DevportalPermission } from \"../constants/permissions\";\n\ninterface PermissionGuardProps {\n  /**\n   * Required RBAC permission. Optional when `authOnly` is set — self-scoped\n   * developer surfaces gate on authentication only (see `authOnly`).\n   */\n  permission?: DevportalPermission;\n  /**\n   * Self-scoped mode. The corresponding backend fields are gated with\n   * `@rbac(scopeType: \"self\")` — an authentication gate whose resolvers filter\n   * strictly to the caller's own resources. Such fields carry no RBAC\n   * permission in `myPermissions`, so a permission check would wrongly deny\n   * every normal member. In this mode we render for any authenticated user and\n   * let the backend self-enforce per resource.\n   */\n  authOnly?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Wraps page content with a permission check.\n * Shows a loading state while permissions resolve, then either\n * renders children (if permitted) or an AccessDenied screen.\n */\nexport const PermissionGuard: FC<PermissionGuardProps> = ({\n  permission,\n  authOnly = false,\n  children,\n}) => {\n  let hasPermission: ((permission: DevportalPermission) => boolean) | null =\n    null;\n  let isLoading = false;\n  let isRbacAdmin = false;\n  let isAuthenticated = false;\n\n  try {\n    const permissions = usePermissions();\n    hasPermission = permissions.hasPermission as (\n      permission: DevportalPermission,\n    ) => boolean;\n    isLoading = permissions.isLoading;\n    isRbacAdmin =\n      permissions.permissions?.permissions?.some(\n        (entry) => entry.resourceType === \"rbac\" && entry.level === \"ADMIN\",\n      ) ?? false;\n  } catch {\n    // Standalone/dev mode intentionally allows rendering without shell RBAC context.\n    hasPermission = null;\n    isLoading = false;\n    isRbacAdmin = false;\n  }\n\n  try {\n    const auth = useAuth();\n    isAuthenticated = auth.isAuthenticated;\n  } catch {\n    isAuthenticated = false;\n  }\n\n  const isLocalShellDev =\n    typeof window !== \"undefined\" &&\n    (window.location.hostname === \"localhost\" ||\n      window.location.hostname.endsWith(\".local.burdenoff.com\"));\n\n  const allowLocalShellBypass = isLocalShellDev && isAuthenticated;\n  const tr = useTr();\n\n  if (isLoading) {\n    return (\n      <div className=\"flex min-h-screen items-center justify-center bg-bg-canvas\">\n        <PageLoadingState />\n      </div>\n    );\n  }\n\n  // Self-scoped surface: gate on authentication only. The backend\n  // (@rbac scopeType: \"self\") filters to the caller's own resources, so we\n  // must not require an RBAC permission the member legitimately lacks.\n  if (authOnly) {\n    // When the shell RBAC context is unavailable (standalone/dev), render.\n    if (hasPermission !== null && !isAuthenticated && !allowLocalShellBypass) {\n      return (\n        <AccessDenied\n          title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n          description={tr(\n            \"devportal.noPermissionView\",\n            \"You don't have permission to view this page.\",\n          )}\n        />\n      );\n    }\n    return <>{children}</>;\n  }\n\n  if (\n    permission &&\n    hasPermission &&\n    !hasPermission(permission) &&\n    !isRbacAdmin &&\n    !allowLocalShellBypass\n  ) {\n    return (\n      <AccessDenied\n        title={tr(\"devportal.accessDenied\", \"Access Denied\")}\n        description={tr(\n          \"devportal.noPermissionView\",\n          \"You don't have permission to view this page.\",\n        )}\n      />\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";;;;;;;AA+BA,IAAaC,KAA6C,EACxD,eACA,cAAW,IACX,kBACI;CACJ,IAAIC,IACF,MACEC,IAAY,IACZC,IAAc,IACdC,IAAkB;CAEtB,IAAI;EACF,IAAMC,IAAcC,EAAe;EAKnC,AAJA,IAAgBD,EAAY,eAG5B,IAAYA,EAAY,WACxB,IACEA,EAAY,aAAa,aAAa,MACnC,MAAUE,EAAM,iBAAiB,UAAUA,EAAM,UAAU,OAC9D,KAAK;CACT,QAAQ;EAIN,AAFA,IAAgB,MAChB,IAAY,IACZ,IAAc;CAChB;CAEA,IAAI;EAEF,IADaC,EACK,CAAA,CAAK;CACzB,QAAQ;EACN,IAAkB;CACpB;CAOA,IAAMC,IAJJ,OAAO,SAAW,QACjB,OAAO,SAAS,aAAa,eAC5B,OAAO,SAAS,SAAS,SAAS,sBAAsB,MAEXL,GAC3CM,IAAKC,EAAM;CA+CjB,OA7CIT,IAEA,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAACU,GAAD,CAAmB,CAAA;CAChB,CAAA,IAOLC,IAEEZ,MAAkB,QAAQ,CAACG,KAAmB,CAACK,IAE/C,kBAACK,GAAD;EACE,OAAOJ,EAAG,0BAA0B,eAAe;EACnD,aAAaA,EACX,8BACA,8CACF;CACD,CAAA,IAGE,kBAAAX,GAAA,EAAG,YAAW,CAAA,IAIrBiB,KACAf,KACA,CAACA,EAAce,CAAU,KACzB,CAACb,KACD,CAACM,IAGC,kBAACK,GAAD;EACE,OAAOJ,EAAG,0BAA0B,eAAe;EACnD,aAAaA,EACX,8BACA,8CACF;CACD,CAAA,IAIE,kBAAAX,GAAA,EAAG,YAAW,CAAA;AACvB"}

package/dist/devportal/components/RegisterPickupLocationModal.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export interface RegisterPickupLocationModalProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -25,4 +24,3 @@ export interface RegisterPickupLocationModalProps {
  * supported, full stop.
  */
 export declare const RegisterPickupLocationModal: FC<RegisterPickupLocationModalProps>;
-//# sourceMappingURL=RegisterPickupLocationModal.d.ts.map