@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.2

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationDecisionPage.js","names":["InvitationDecisionPage","useParams","useDevportal","useGetInvitationByTokenQuery","token","acceptInvitation","accepting","acceptedData","useAcceptInvitationMutation","rejectInvitation","rejecting","rejectedData","useRejectInvitationMutation","invitation","data","acceptedMember","rejected","handleAccept","handleReject","loading","PageLayout","Loader2","error","EmptyState","XCircle","CheckCircle","navigate","basePath","PageSection","Mail","Shield"],"sources":["../../../src/devportal/pages/InvitationDecisionPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useParams } from \"react-router\";\nimport { CheckCircle, Loader2, Mail, Shield, XCircle } from \"lucide-react\";\n\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useAcceptInvitationMutation,\n  useGetInvitationByTokenQuery,\n  useRejectInvitationMutation,\n} from \"../hooks\";\n\nexport const InvitationDecisionPage: FC = () => {\n  const { token } = useParams<{ token: string }>();\n  const { navigate, basePath } = useDevportal();\n\n  const { data, loading, error } = useGetInvitationByTokenQuery({\n    variables: { token: token ?? \"\" },\n    skip: !token,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [acceptInvitation, { loading: accepting, data: acceptedData }] =\n    useAcceptInvitationMutation();\n  const [rejectInvitation, { loading: rejecting, data: rejectedData }] =\n    useRejectInvitationMutation();\n\n  const invitation = data?.developerOrgInvitationByToken;\n  const acceptedMember = acceptedData?.acceptDeveloperOrgInvitation;\n  const rejected = rejectedData?.rejectDeveloperOrgInvitation;\n\n  const handleAccept = async () => {\n    if (!token) return;\n    await acceptInvitation({ variables: { token } });\n  };\n\n  const handleReject = async () => {\n    if (!token) return;\n    await rejectInvitation({ variables: { token } });\n  };\n\n  if (loading && !invitation) {\n    return (\n      <PageLayout title=\"Developer Team Invitation\">\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !invitation) {\n    return (\n      <PageLayout title=\"Developer Team Invitation\">\n        <EmptyState\n          icon={<XCircle size={32} className=\"text-status-error-text\" />}\n          title=\"Invitation not available\"\n          description={\n            error?.message ||\n            \"This invitation is invalid, expired, or not available to your signed-in account.\"\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (acceptedMember) {\n    return (\n      <PageLayout title=\"Invitation accepted\">\n        <EmptyState\n          icon={<CheckCircle size={32} className=\"text-status-success-text\" />}\n          title=\"You joined the developer organization\"\n          description={`You now have ${invitation.role.toLowerCase()} access to ${invitation.organization.name}.`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() =>\n                navigate?.(\n                  `${basePath}/organizations/${invitation.organization.id}`,\n                )\n              }\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n            >\n              Open organization\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (rejected) {\n    return (\n      <PageLayout title=\"Invitation declined\">\n        <EmptyState\n          icon={<XCircle size={32} className=\"text-status-warning-text\" />}\n          title=\"Invitation declined\"\n          description={`You declined the invitation to join ${invitation.organization.name}.`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate?.(`${basePath}`)}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken\"\n            >\n              Return to Devportal\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Developer Team Invitation\"\n      description=\"Review your invitation to join a developer organization\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <PageSection title=\"Invitation details\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-4\">\n            <div>\n              <p className=\"text-sm text-text-secondary\">Organization</p>\n              <p className=\"text-lg font-semibold text-text-primary\">\n                {invitation.organization.name}\n              </p>\n            </div>\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <div>\n                <p className=\"text-sm text-text-secondary\">Invited email</p>\n                <p className=\"flex items-center gap-2 text-text-primary\">\n                  <Mail size={14} />\n                  {invitation.invitedEmail}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">Role</p>\n                <p className=\"flex items-center gap-2 text-text-primary\">\n                  <Shield size={14} />\n                  {invitation.role}\n                </p>\n              </div>\n            </div>\n            {invitation.message ? (\n              <div>\n                <p className=\"text-sm text-text-secondary\">Message</p>\n                <p className=\"rounded-md bg-bg-sunken px-3 py-2 text-sm text-text-primary whitespace-pre-line\">\n                  {invitation.message}\n                </p>\n              </div>\n            ) : null}\n            <p className=\"text-xs text-text-secondary\">\n              Expires on {new Date(invitation.expiresAt).toLocaleString()}\n            </p>\n          </div>\n        </PageSection>\n\n        <div className=\"flex flex-wrap gap-3 justify-end\">\n          <button\n            type=\"button\"\n            onClick={() => void handleReject()}\n            disabled={accepting || rejecting}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken disabled:opacity-50\"\n          >\n            {rejecting ? <Loader2 size={14} className=\"animate-spin\" /> : null}\n            Decline\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleAccept()}\n            disabled={accepting || rejecting}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {accepting ? <Loader2 size={14} className=\"animate-spin\" /> : null}\n            Accept invitation\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InvitationDecisionPage.js","names":["InvitationDecisionPage","useParams","tr","useTr","useDevportal","useGetInvitationByTokenQuery","token","acceptInvitation","accepting","acceptedData","useAcceptInvitationMutation","rejectInvitation","rejecting","rejectedData","useRejectInvitationMutation","invitation","data","acceptedMember","rejected","handleAccept","handleReject","invitationTitle","loading","PageLayout","Loader2","error","EmptyState","XCircle","CheckCircle","navigate","basePath","PageSection","Mail","Shield"],"sources":["../../../src/devportal/pages/InvitationDecisionPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useParams } from \"react-router\";\nimport { CheckCircle, Loader2, Mail, Shield, XCircle } from \"lucide-react\";\n\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  useAcceptInvitationMutation,\n  useGetInvitationByTokenQuery,\n  useRejectInvitationMutation,\n} from \"../hooks\";\nimport { useTr } from \"../utils/i18n\";\n\nexport const InvitationDecisionPage: FC = () => {\n  const { token } = useParams<{ token: string }>();\n  const tr = useTr();\n  const { navigate, basePath } = useDevportal();\n\n  const { data, loading, error } = useGetInvitationByTokenQuery({\n    variables: { token: token ?? \"\" },\n    skip: !token,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [acceptInvitation, { loading: accepting, data: acceptedData }] =\n    useAcceptInvitationMutation();\n  const [rejectInvitation, { loading: rejecting, data: rejectedData }] =\n    useRejectInvitationMutation();\n\n  const invitation = data?.developerOrgInvitationByToken;\n  const acceptedMember = acceptedData?.acceptDeveloperOrgInvitation;\n  const rejected = rejectedData?.rejectDeveloperOrgInvitation;\n\n  const handleAccept = async () => {\n    if (!token) return;\n    await acceptInvitation({ variables: { token } });\n  };\n\n  const handleReject = async () => {\n    if (!token) return;\n    await rejectInvitation({ variables: { token } });\n  };\n\n  const invitationTitle = tr(\n    \"devportal.invitation.title\",\n    \"Developer Team Invitation\",\n  );\n\n  if (loading && !invitation) {\n    return (\n      <PageLayout title={invitationTitle}>\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !invitation) {\n    return (\n      <PageLayout title={invitationTitle}>\n        <EmptyState\n          icon={<XCircle size={32} className=\"text-status-error-text\" />}\n          title={tr(\n            \"devportal.invitation.unavailableTitle\",\n            \"Invitation not available\",\n          )}\n          description={\n            error?.message ||\n            tr(\n              \"devportal.invitation.unavailableDescription\",\n              \"This invitation is invalid, expired, or not available to your signed-in account.\",\n            )\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (acceptedMember) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.invitation.acceptedTitle\", \"Invitation accepted\")}\n      >\n        <EmptyState\n          icon={<CheckCircle size={32} className=\"text-status-success-text\" />}\n          title={tr(\n            \"devportal.invitation.joinedTitle\",\n            \"You joined the developer organization\",\n          )}\n          description={tr(\n            \"devportal.invitation.joinedDescription\",\n            \"You now have {{role}} access to {{organization}}.\",\n            {\n              role: invitation.role.toLowerCase(),\n              organization: invitation.organization.name,\n            },\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() =>\n                navigate?.(\n                  `${basePath}/organizations/${invitation.organization.id}`,\n                )\n              }\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n            >\n              {tr(\"devportal.invitation.openOrganization\", \"Open organization\")}\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  if (rejected) {\n    return (\n      <PageLayout\n        title={tr(\"devportal.invitation.declinedTitle\", \"Invitation declined\")}\n      >\n        <EmptyState\n          icon={<XCircle size={32} className=\"text-status-warning-text\" />}\n          title={tr(\n            \"devportal.invitation.declinedTitle\",\n            \"Invitation declined\",\n          )}\n          description={tr(\n            \"devportal.invitation.declinedDescription\",\n            \"You declined the invitation to join {{organization}}.\",\n            { organization: invitation.organization.name },\n          )}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate?.(`${basePath}`)}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken\"\n            >\n              {tr(\n                \"devportal.invitation.returnToDevportal\",\n                \"Return to Devportal\",\n              )}\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={invitationTitle}\n      description={tr(\n        \"devportal.invitation.reviewDescription\",\n        \"Review your invitation to join a developer organization\",\n      )}\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <PageSection\n          title={tr(\"devportal.invitation.detailsTitle\", \"Invitation details\")}\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-4\">\n            <div>\n              <p className=\"text-sm text-text-secondary\">\n                {tr(\"devportal.invitation.organization\", \"Organization\")}\n              </p>\n              <p className=\"text-lg font-semibold text-text-primary\">\n                {invitation.organization.name}\n              </p>\n            </div>\n            <div className=\"grid gap-4 sm:grid-cols-2\">\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\"devportal.invitation.invitedEmail\", \"Invited email\")}\n                </p>\n                <p className=\"flex items-center gap-2 text-text-primary\">\n                  <Mail size={14} />\n                  {invitation.invitedEmail}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\"devportal.invitation.role\", \"Role\")}\n                </p>\n                <p className=\"flex items-center gap-2 text-text-primary\">\n                  <Shield size={14} />\n                  {invitation.role}\n                </p>\n              </div>\n            </div>\n            {invitation.message ? (\n              <div>\n                <p className=\"text-sm text-text-secondary\">\n                  {tr(\"devportal.invitation.message\", \"Message\")}\n                </p>\n                <p className=\"rounded-md bg-bg-sunken px-3 py-2 text-sm text-text-primary whitespace-pre-line\">\n                  {invitation.message}\n                </p>\n              </div>\n            ) : null}\n            <p className=\"text-xs text-text-secondary\">\n              {tr(\"devportal.invitation.expiresOn\", \"Expires on {{date}}\", {\n                date: new Date(invitation.expiresAt).toLocaleString(),\n              })}\n            </p>\n          </div>\n        </PageSection>\n\n        <div className=\"flex flex-wrap gap-3 justify-end\">\n          <button\n            type=\"button\"\n            onClick={() => void handleReject()}\n            disabled={accepting || rejecting}\n            className=\"inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium hover:bg-bg-sunken disabled:opacity-50\"\n          >\n            {rejecting ? <Loader2 size={14} className=\"animate-spin\" /> : null}\n            {tr(\"devportal.invitation.decline\", \"Decline\")}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => void handleAccept()}\n            disabled={accepting || rejecting}\n            className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {accepting ? <Loader2 size={14} className=\"animate-spin\" /> : null}\n            {tr(\"devportal.invitation.accept\", \"Accept invitation\")}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/ListingPreviewPage.js

@@ -2,16 +2,17 @@ import { PageLayout as e, PageSection as t } from "../components/PageLayout.js";
 import { Alert as n } from "../components/ConfirmDialog.js";
 import { useDevportal as r } from "../providers/DevportalProvider.js";
 import "../components/index.js";
-import { PermissionGuard as i } from "../components/PermissionGuard.js";
-import { useGetApplicationQuery as a } from "../../generated/global-operations.js";
-import { useEffect as o } from "react";
-import { Markdown as s } from "@burdenoff/fe-libs/shared/components";
-import { CheckCircle as c, Download as l, ExternalLink as u, Eye as d, FileText as f, Globe as p, Loader2 as m, Shield as h, Star as g, Tag as _ } from "lucide-react";
-import { useParams as v } from "react-router";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useGetApplicationQuery as i } from "../../generated/global-operations.js";
+import { PermissionGuard as a } from "../components/PermissionGuard.js";
+import { StoreImage as o, StoreImagePlaceholder as s } from "../components/StoreImage.js";
+import { useEffect as c } from "react";
+import { Markdown as l } from "@burdenoff/fe-libs/shared/components";
+import { CheckCircle as u, Download as d, ExternalLink as f, Eye as p, FileText as m, Globe as h, Loader2 as g, Shield as _, Star as v, Tag as y } from "lucide-react";
+import { useParams as b } from "react-router";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 // src/devportal/pages/ListingPreviewPage.tsx
-var S = {
+var w = {
 	FREE: "Free",
 	FREEMIUM: "Free with in-app purchases",
 	PAID: "Paid",
@@ -19,7 +20,7 @@ var S = {
 	SUBSCRIPTION: "Subscription",
 	USAGE_BASED: "Usage-based pricing",
 	ENTERPRISE: "Enterprise pricing"
-}, C = {
+}, T = {
 	WORKFLOW: "Workflow",
 	WIDGET: "Widget",
 	BOT: "Bot / Chatbot",
@@ -34,329 +35,332 @@ var S = {
 	DESKTOP_APP: "Desktop App",
 	CLI_TOOL: "CLI Tool",
 	SERVICE: "Service"
-}, w = () => {
-	let { appId: w } = v(), { navigate: T, basePath: E } = r(), { t: D } = x(), O = (e, t) => {
-		let n = D(e);
+}, E = () => {
+	let { appId: E } = b(), { navigate: D, basePath: O } = r(), { t: k } = C(), A = (e, t) => {
+		let n = k(e);
 		return n === e ? t : n;
-	}, { data: k, loading: A, error: j } = a({
-		variables: { id: w },
-		skip: !w,
+	}, { data: j, loading: M, error: N } = i({
+		variables: { id: E },
+		skip: !E,
 		fetchPolicy: "cache-and-network"
-	}), M = k?.application;
-	if (o(() => {
-		let e = M?.name;
-		if (!w || !e) return;
+	}), P = j?.application;
+	if (c(() => {
+		let e = P?.name;
+		if (!E || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(w, e), () => t?.unregister(w);
-	}, [w, M?.name]), A) return /* @__PURE__ */ y(e, {
-		title: O("devportal.marketplacePreview", "Marketplace Preview"),
-		description: O("devportal.loading", "Loading..."),
-		backLink: `/apps/${w}`,
-		backLabel: O("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ y("div", {
+		return t?.register(E, e), () => t?.unregister(E);
+	}, [E, P?.name]), M) return /* @__PURE__ */ x(e, {
+		title: A("devportal.marketplacePreview", "Marketplace Preview"),
+		description: A("devportal.loading", "Loading..."),
+		backLink: `/apps/${E}`,
+		backLabel: A("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ x("div", {
 			className: "flex items-center justify-center py-12",
-			children: /* @__PURE__ */ y(m, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ x(g, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	});
-	if (j || !M) return /* @__PURE__ */ y(e, {
-		title: O("devportal.marketplacePreview", "Marketplace Preview"),
-		description: O("devportal.couldNotLoadApplication", "Could not load application"),
-		backLink: `/apps/${w}`,
-		backLabel: O("devportal.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ y(n, {
+	if (N || !P) return /* @__PURE__ */ x(e, {
+		title: A("devportal.marketplacePreview", "Marketplace Preview"),
+		description: A("devportal.couldNotLoadApplication", "Could not load application"),
+		backLink: `/apps/${E}`,
+		backLabel: A("devportal.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ x(n, {
 			variant: "error",
-			title: O("devportal.failedToLoadApplication", "Failed to load application"),
-			children: j?.message ?? O("devportal.applicationNotFound", "Application not found")
+			title: A("devportal.failedToLoadApplication", "Failed to load application"),
+			children: N?.message ?? A("devportal.applicationNotFound", "Application not found")
 		})
 	});
-	let N = Array.isArray(M.screenshots) ? M.screenshots : [], P = M.status === "PUBLISHED";
-	return /* @__PURE__ */ y(i, {
+	let F = Array.isArray(P.screenshots) ? P.screenshots : [], I = P.status === "PUBLISHED";
+	return /* @__PURE__ */ x(a, {
 		authOnly: !0,
-		children: /* @__PURE__ */ b(e, {
-			title: O("devportal.marketplacePreview", "Marketplace Preview"),
-			description: O("devportal.marketplacePreviewDescription", "Preview how your app will appear in the marketplace"),
-			purpose: O("devportal.marketplacePreviewPurpose", "See exactly how shoppers will experience your store listing — icon, screenshots, description, and pricing — before it goes live. Use it to catch missing assets or typos, then submit for review when the listing looks right."),
-			backLink: `/apps/${w}`,
-			backLabel: O("devportal.backToApplication", "Back to Application"),
-			actions: P ? void 0 : /* @__PURE__ */ b("button", {
-				onClick: () => T?.(`${E}/apps/${w}/publish`),
+		children: /* @__PURE__ */ S(e, {
+			title: A("devportal.marketplacePreview", "Marketplace Preview"),
+			description: A("devportal.marketplacePreviewDescription", "Preview how your app will appear in the marketplace"),
+			purpose: A("devportal.marketplacePreviewPurpose", "See exactly how shoppers will experience your store listing — icon, screenshots, description, and pricing — before it goes live. Use it to catch missing assets or typos, then submit for review when the listing looks right."),
+			backLink: `/apps/${E}`,
+			backLabel: A("devportal.backToApplication", "Back to Application"),
+			actions: I ? void 0 : /* @__PURE__ */ S("button", {
+				onClick: () => D?.(`${O}/apps/${E}/publish`),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-				children: [/* @__PURE__ */ y(d, { size: 16 }), O("devportal.submitForReview", "Submit for Review")]
+				children: [/* @__PURE__ */ x(p, { size: 16 }), A("devportal.submitForReview", "Submit for Review")]
 			}),
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex items-center gap-2 rounded-lg border border-border-subtle bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text",
-					children: [/* @__PURE__ */ y(d, {
+					children: [/* @__PURE__ */ x(p, {
 						size: 16,
 						className: "flex-shrink-0"
-					}), /* @__PURE__ */ y("span", { children: O("devportal.previewBannerText", "This is a preview of your marketplace listing. It shows how your app will appear to users after publication.") })]
+					}), /* @__PURE__ */ x("span", { children: A("devportal.previewBannerText", "This is a preview of your marketplace listing. It shows how your app will appear to users after publication.") })]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "rounded-xl border bg-bg-surface overflow-hidden",
 					children: [
-						M.bannerUrl ? /* @__PURE__ */ y("div", {
-							className: "h-48 w-full overflow-hidden",
-							children: /* @__PURE__ */ y("img", {
-								src: M.bannerUrl,
-								alt: O("devportal.appBannerAlt", "App banner"),
-								className: "h-full w-full object-cover"
-							})
-						}) : /* @__PURE__ */ y("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" }),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ x(o, {
+							src: P.bannerUrl,
+							alt: A("devportal.appBannerAlt", "App banner"),
+							className: "block h-48 w-full object-cover",
+							fallback: /* @__PURE__ */ x("div", { className: "h-32 w-full bg-gradient-to-r from-primary/20 to-primary/5" })
+						}),
+						/* @__PURE__ */ x("div", {
 							className: "p-6",
-							children: /* @__PURE__ */ b("div", {
+							children: /* @__PURE__ */ S("div", {
 								className: "flex items-start gap-5",
 								children: [
-									M.iconUrl ? /* @__PURE__ */ y("img", {
-										src: M.iconUrl,
-										alt: M.name,
-										className: "h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm"
-									}) : /* @__PURE__ */ y("div", {
-										className: "h-20 w-20 rounded-2xl border bg-bg-sunken flex items-center justify-center flex-shrink-0",
-										children: /* @__PURE__ */ y("span", {
-											className: "text-3xl font-bold text-text-secondary",
-											"aria-label": O("devportal.appIconFallbackAriaLabel", "App icon"),
-											children: M.name.charAt(0).toUpperCase()
+									/* @__PURE__ */ x(o, {
+										src: P.iconUrl,
+										alt: P.name,
+										className: "h-20 w-20 rounded-2xl border object-cover flex-shrink-0 shadow-sm",
+										fallback: /* @__PURE__ */ x("div", {
+											className: "h-20 w-20 rounded-2xl border bg-bg-sunken flex items-center justify-center flex-shrink-0",
+											children: /* @__PURE__ */ x("span", {
+												className: "text-3xl font-bold text-text-secondary",
+												"aria-label": A("devportal.appIconFallbackAriaLabel", "App icon"),
+												children: P.name.charAt(0).toUpperCase()
+											})
 										})
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ b("div", {
+											/* @__PURE__ */ S("div", {
 												className: "flex flex-wrap items-center gap-2",
 												children: [
-													/* @__PURE__ */ y("h1", {
+													/* @__PURE__ */ x("h1", {
 														className: "text-2xl font-bold",
-														children: M.name
+														children: P.name
 													}),
-													M.isVerified && /* @__PURE__ */ y(c, {
+													P.isVerified && /* @__PURE__ */ x(u, {
 														size: 20,
 														className: "text-primary"
 													}),
-													M.isFeatured && /* @__PURE__ */ y("span", {
+													P.isFeatured && /* @__PURE__ */ x("span", {
 														className: "rounded-full bg-status-warning-bg-subtle px-2 py-0.5 text-xs font-medium text-status-warning-text",
-														children: O("devportal.featured", "Featured")
+														children: A("devportal.featured", "Featured")
 													})
 												]
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ x("p", {
 												className: "mt-1 text-text-secondary",
-												children: M.shortDescription ?? M.description ?? O("devportal.noDescription", "No description")
+												children: P.shortDescription ?? P.description ?? A("devportal.noDescription", "No description")
 											}),
-											/* @__PURE__ */ b("div", {
+											/* @__PURE__ */ S("div", {
 												className: "mt-3 flex flex-wrap items-center gap-4 text-sm text-text-secondary",
 												children: [
-													M.averageRating != null && /* @__PURE__ */ b("div", {
+													P.averageRating != null && /* @__PURE__ */ S("div", {
 														className: "flex items-center gap-1",
 														children: [
-															/* @__PURE__ */ y(g, {
+															/* @__PURE__ */ x(v, {
 																size: 14,
 																className: "text-status-warning-text fill-status-warning-text"
 															}),
-															/* @__PURE__ */ y("span", {
+															/* @__PURE__ */ x("span", {
 																className: "font-medium text-text-primary",
-																children: M.averageRating.toFixed(1)
+																children: P.averageRating.toFixed(1)
 															}),
-															/* @__PURE__ */ b("span", { children: [
+															/* @__PURE__ */ S("span", { children: [
 																"(",
-																M.reviewCount ?? 0,
+																P.reviewCount ?? 0,
 																" ",
-																O("devportal.reviews", "reviews"),
+																A("devportal.reviews", "reviews"),
 																")"
 															] })
 														]
 													}),
-													/* @__PURE__ */ b("div", {
+													/* @__PURE__ */ S("div", {
 														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ y(l, { size: 14 }), /* @__PURE__ */ b("span", { children: [
-															(M.installCount ?? 0).toLocaleString(),
+														children: [/* @__PURE__ */ x(d, { size: 14 }), /* @__PURE__ */ S("span", { children: [
+															(P.installCount ?? 0).toLocaleString(),
 															" ",
-															O("devportal.installs", "installs")
+															A("devportal.installs", "installs")
 														] })]
 													}),
-													M.category && /* @__PURE__ */ y("span", {
+													P.category && /* @__PURE__ */ x("span", {
 														className: "rounded-full border px-2 py-0.5 text-xs",
-														children: M.category
+														children: P.category
 													}),
-													/* @__PURE__ */ y("span", {
+													/* @__PURE__ */ x("span", {
 														className: "rounded-full border px-2 py-0.5 text-xs",
-														children: C[M.appType] ?? M.appType
+														children: T[P.appType] ?? P.appType
 													})
 												]
 											})
 										]
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex-shrink-0 text-right space-y-2",
 										children: [
-											/* @__PURE__ */ y("div", {
+											/* @__PURE__ */ x("div", {
 												className: "text-lg font-semibold",
-												children: S[M.pricingType ?? "FREE"] ?? "Free"
+												children: w[P.pricingType ?? "FREE"] ?? "Free"
 											}),
-											/* @__PURE__ */ y("button", {
+											/* @__PURE__ */ x("button", {
 												disabled: !0,
 												className: "w-full rounded-lg bg-action-primary-bg px-6 py-2 text-sm font-semibold text-action-primary-text opacity-60 cursor-not-allowed",
-												title: O("devportal.previewOnly", "Preview only"),
-												children: O("devportal.install", "Install")
+												title: A("devportal.previewOnly", "Preview only"),
+												children: A("devportal.install", "Install")
 											}),
-											/* @__PURE__ */ y("p", {
+											/* @__PURE__ */ x("p", {
 												className: "text-xs text-text-secondary",
-												children: O("devportal.previewOnly", "Preview only")
+												children: A("devportal.previewOnly", "Preview only")
 											})
 										]
 									})
 								]
 							})
 						}),
-						N.length > 0 && /* @__PURE__ */ b("div", {
+						F.length > 0 && /* @__PURE__ */ S("div", {
 							className: "border-t px-6 py-5",
-							children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ x("h2", {
 								className: "text-base font-semibold mb-3",
-								children: O("devportal.screenshots", "Screenshots")
-							}), /* @__PURE__ */ y("div", {
+								children: A("devportal.screenshots", "Screenshots")
+							}), /* @__PURE__ */ x("div", {
 								className: "flex gap-3 overflow-x-auto pb-2",
-								children: N.map((e, t) => /* @__PURE__ */ y("img", {
+								children: F.map((e, t) => /* @__PURE__ */ x(o, {
 									src: e,
-									alt: `${O("devportal.screenshotAlt", "Screenshot")} ${t + 1}`,
-									className: "h-44 w-auto rounded-lg border object-cover flex-shrink-0"
+									alt: `${A("devportal.screenshotAlt", "Screenshot")} ${t + 1}`,
+									className: "h-44 w-auto rounded-lg border object-cover flex-shrink-0",
+									fallback: /* @__PURE__ */ x(s, {
+										className: "h-44 w-72 rounded-lg",
+										iconSize: 24
+									})
 								}, t))
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "border-t px-6 py-5",
-							children: [/* @__PURE__ */ y("h2", {
+							children: [/* @__PURE__ */ x("h2", {
 								className: "text-base font-semibold mb-2",
-								children: O("devportal.about", "About")
-							}), M.description || M.shortDescription ? /* @__PURE__ */ y(s, {
+								children: A("devportal.about", "About")
+							}), P.description || P.shortDescription ? /* @__PURE__ */ x(l, {
 								className: "text-sm text-text-secondary",
-								children: M.description ?? M.shortDescription ?? ""
-							}) : /* @__PURE__ */ y("p", {
+								children: P.description ?? P.shortDescription ?? ""
+							}) : /* @__PURE__ */ x("p", {
 								className: "text-sm text-text-secondary",
-								children: O("devportal.noDetailedDescription", "No detailed description provided.")
+								children: A("devportal.noDetailedDescription", "No detailed description provided.")
 							})]
 						}),
-						Array.isArray(M.tags) && M.tags.length > 0 && /* @__PURE__ */ y("div", {
+						Array.isArray(P.tags) && P.tags.length > 0 && /* @__PURE__ */ x("div", {
 							className: "border-t px-6 py-4",
-							children: /* @__PURE__ */ y("div", {
+							children: /* @__PURE__ */ x("div", {
 								className: "flex flex-wrap gap-2",
-								children: M.tags.map((e) => /* @__PURE__ */ b("span", {
+								children: P.tags.map((e) => /* @__PURE__ */ S("span", {
 									className: "inline-flex items-center gap-1 rounded-full border px-3 py-1 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ y(_, { size: 10 }), e]
+									children: [/* @__PURE__ */ x(y, { size: 10 }), e]
 								}, e))
 							})
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ S("div", {
 							className: "border-t px-6 py-5 grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
 							children: [
-								M.websiteUrl && /* @__PURE__ */ b("a", {
-									href: M.websiteUrl,
+								P.websiteUrl && /* @__PURE__ */ S("a", {
+									href: P.websiteUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(p, { size: 14 }),
-										O("devportal.website", "Website"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ x(h, { size: 14 }),
+										A("devportal.website", "Website"),
+										/* @__PURE__ */ x(f, { size: 12 })
 									]
 								}),
-								M.documentationUrl && /* @__PURE__ */ b("a", {
-									href: M.documentationUrl,
+								P.documentationUrl && /* @__PURE__ */ S("a", {
+									href: P.documentationUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(f, { size: 14 }),
-										O("devportal.documentation", "Documentation"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ x(m, { size: 14 }),
+										A("devportal.documentation", "Documentation"),
+										/* @__PURE__ */ x(f, { size: 12 })
 									]
 								}),
-								M.privacyPolicyUrl && /* @__PURE__ */ b("a", {
-									href: M.privacyPolicyUrl,
+								P.privacyPolicyUrl && /* @__PURE__ */ S("a", {
+									href: P.privacyPolicyUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(h, { size: 14 }),
-										O("devportal.privacyPolicy", "Privacy Policy"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ x(_, { size: 14 }),
+										A("devportal.privacyPolicy", "Privacy Policy"),
+										/* @__PURE__ */ x(f, { size: 12 })
 									]
 								}),
-								M.termsOfServiceUrl && /* @__PURE__ */ b("a", {
-									href: M.termsOfServiceUrl,
+								P.termsOfServiceUrl && /* @__PURE__ */ S("a", {
+									href: P.termsOfServiceUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "flex items-center gap-2 text-primary hover:underline",
 									children: [
-										/* @__PURE__ */ y(f, { size: 14 }),
-										O("devportal.termsOfService", "Terms of Service"),
-										/* @__PURE__ */ y(u, { size: 12 })
+										/* @__PURE__ */ x(m, { size: 14 }),
+										A("devportal.termsOfService", "Terms of Service"),
+										/* @__PURE__ */ x(f, { size: 12 })
 									]
 								})
 							]
 						})
 					]
 				}),
-				/* @__PURE__ */ b(t, {
-					title: O("devportal.listingCompleteness", "Listing Completeness"),
-					children: [/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ S(t, {
+					title: A("devportal.listingCompleteness", "Listing Completeness"),
+					children: [/* @__PURE__ */ x("div", {
 						className: "space-y-2",
 						children: [
 							{
-								label: O("devportal.completenessAppIcon", "App icon"),
-								ok: !!M.iconUrl
+								label: A("devportal.completenessAppIcon", "App icon"),
+								ok: !!P.iconUrl
 							},
 							{
-								label: O("devportal.completenessBannerImage", "Banner image"),
-								ok: !!M.bannerUrl
+								label: A("devportal.completenessBannerImage", "Banner image"),
+								ok: !!P.bannerUrl
 							},
 							{
-								label: O("devportal.completenessShortDescription", "Short description"),
-								ok: !!M.shortDescription
+								label: A("devportal.completenessShortDescription", "Short description"),
+								ok: !!P.shortDescription
 							},
 							{
-								label: O("devportal.completenessFullDescription", "Full description"),
-								ok: !!M.description
+								label: A("devportal.completenessFullDescription", "Full description"),
+								ok: !!P.description
 							},
 							{
-								label: O("devportal.completenessScreenshots", "Screenshots (3+)"),
-								ok: N.length >= 3
+								label: A("devportal.completenessScreenshots", "Screenshots (3+)"),
+								ok: F.length >= 3
 							},
 							{
-								label: O("devportal.completenessCategory", "Category"),
-								ok: !!M.category
+								label: A("devportal.completenessCategory", "Category"),
+								ok: !!P.category
 							},
 							{
-								label: O("devportal.completenessTags", "Tags"),
-								ok: Array.isArray(M.tags) && M.tags.length > 0
+								label: A("devportal.completenessTags", "Tags"),
+								ok: Array.isArray(P.tags) && P.tags.length > 0
 							},
 							{
-								label: O("devportal.completenessPrivacyPolicy", "Privacy policy URL"),
-								ok: !!M.privacyPolicyUrl
+								label: A("devportal.completenessPrivacyPolicy", "Privacy policy URL"),
+								ok: !!P.privacyPolicyUrl
 							},
 							{
-								label: O("devportal.completenessTermsOfService", "Terms of service URL"),
-								ok: !!M.termsOfServiceUrl
+								label: A("devportal.completenessTermsOfService", "Terms of service URL"),
+								ok: !!P.termsOfServiceUrl
 							}
-						].map(({ label: e, ok: t }) => /* @__PURE__ */ b("div", {
+						].map(({ label: e, ok: t }) => /* @__PURE__ */ S("div", {
 							className: "flex items-center gap-3 text-sm",
-							children: [t ? /* @__PURE__ */ y(c, {
+							children: [t ? /* @__PURE__ */ x(u, {
 								size: 16,
 								className: "text-status-success-text flex-shrink-0"
-							}) : /* @__PURE__ */ y("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ y("span", {
+							}) : /* @__PURE__ */ x("div", { className: "h-4 w-4 rounded-full border-2 border-muted-foreground flex-shrink-0" }), /* @__PURE__ */ x("span", {
 								className: t ? "text-text-primary" : "text-text-secondary",
 								children: e
 							})]
 						}, e))
-					}), !P && /* @__PURE__ */ y("button", {
-						onClick: () => T?.(`${E}/apps/${w}/edit`),
+					}), !I && /* @__PURE__ */ x("button", {
+						onClick: () => D?.(`${O}/apps/${E}/edit`),
 						className: "mt-4 rounded-md border px-3 py-1.5 text-sm hover:bg-bg-sunken",
-						children: O("devportal.editToImproveListing", "Edit to improve listing →")
+						children: A("devportal.editToImproveListing", "Edit to improve listing →")
 					})]
 				})
 			]
 		})
 	});
 };
-export { w as ListingPreviewPage };
+export { E as ListingPreviewPage };
 
 //# sourceMappingURL=ListingPreviewPage.js.map