@burdenoff/microfe-devportal 2026.510.110

package/dist/devportal/DevportalRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevportalRoutes.js","names":[],"sources":["../../src/devportal/DevportalRoutes.tsx"],"sourcesContent":["import { Suspense, lazy, type ReactNode } from \"react\";\nimport { Routes, Route, Navigate } from \"react-router-dom\";\nimport { LoadingState } from \"./components/LoadingState\";\nimport { FeatureFlaggedRoute } from \"./components/FeatureFlaggedRoute\";\nimport { TelemetryErrorBoundary } from \"./components/TelemetryErrorBoundary\";\n\n/**\n * Wrap a page element with the per-route feature flag gate and a\n * telemetry-emitting error boundary. The flag name follows\n * `devportal.<page-slug>` convention; when disabled the user sees a\n * graceful fallback instead of a route-level crash.\n *\n * Per `dev/platform/context/feature-flags` and spec\n * `microfrontends/47-FRONTEND-EVENT-BUS.md` (error.boundary emission).\n */\nfunction gated(slug: string, element: ReactNode): ReactNode {\n  return (\n    <TelemetryErrorBoundary scope={slug}>\n      <FeatureFlaggedRoute flag={`devportal.${slug}`}>\n        {element}\n      </FeatureFlaggedRoute>\n    </TelemetryErrorBoundary>\n  );\n}\n\n// Eager load the main dashboard page\nimport { DashboardPage } from \"./pages/DashboardPage\";\n\n// Lazy load all other pages\nconst OrganizationsPage = lazy(() =>\n  import(\"./pages/OrganizationsPage\").then((m) => ({\n    default: m.OrganizationsPage,\n  })),\n);\nconst OrganizationDetailPage = lazy(() =>\n  import(\"./pages/OrganizationDetailPage\").then((m) => ({\n    default: m.OrganizationDetailPage,\n  })),\n);\nconst CreateOrganizationPage = lazy(() =>\n  import(\"./pages/CreateOrganizationPage\").then((m) => ({\n    default: m.CreateOrganizationPage,\n  })),\n);\nconst OrganizationMembersPage = lazy(() =>\n  import(\"./pages/OrganizationMembersPage\").then((m) => ({\n    default: m.OrganizationMembersPage,\n  })),\n);\nconst RevenueRedirectPage = lazy(() =>\n  import(\"./pages/RevenueRedirectPage\").then((m) => ({\n    default: m.RevenueRedirectPage,\n  })),\n);\nconst ApplicationsPage = lazy(() =>\n  import(\"./pages/ApplicationsPage\").then((m) => ({\n    default: m.ApplicationsPage,\n  })),\n);\nconst ApplicationDetailPage = lazy(() =>\n  import(\"./pages/ApplicationDetailPage\").then((m) => ({\n    default: m.ApplicationDetailPage,\n  })),\n);\nconst CreateApplicationPage = lazy(() =>\n  import(\"./pages/CreateApplicationPage\").then((m) => ({\n    default: m.CreateApplicationPage,\n  })),\n);\nconst EditApplicationPage = lazy(() =>\n  import(\"./pages/EditApplicationPage\").then((m) => ({\n    default: m.EditApplicationPage,\n  })),\n);\nconst ApplicationVersionsPage = lazy(() =>\n  import(\"./pages/ApplicationVersionsPage\").then((m) => ({\n    default: m.ApplicationVersionsPage,\n  })),\n);\nconst OAuthClientsPage = lazy(() =>\n  import(\"./pages/OAuthClientsPage\").then((m) => ({\n    default: m.OAuthClientsPage,\n  })),\n);\nconst CreateOAuthClientPage = lazy(() =>\n  import(\"./pages/CreateOAuthClientPage\").then((m) => ({\n    default: m.CreateOAuthClientPage,\n  })),\n);\nconst OAuthClientDetailPage = lazy(() =>\n  import(\"./pages/OAuthClientDetailPage\").then((m) => ({\n    default: m.OAuthClientDetailPage,\n  })),\n);\nconst ApiKeysPage = lazy(() =>\n  import(\"./pages/ApiKeysPage\").then((m) => ({ default: m.ApiKeysPage })),\n);\nconst CreateApiKeyPage = lazy(() =>\n  import(\"./pages/CreateApiKeyPage\").then((m) => ({\n    default: m.CreateApiKeyPage,\n  })),\n);\nconst WebhooksPage = lazy(() =>\n  import(\"./pages/WebhooksPage\").then((m) => ({ default: m.WebhooksPage })),\n);\nconst CreateWebhookPage = lazy(() =>\n  import(\"./pages/CreateWebhookPage\").then((m) => ({\n    default: m.CreateWebhookPage,\n  })),\n);\nconst WebhookDetailPage = lazy(() =>\n  import(\"./pages/WebhookDetailPage\").then((m) => ({\n    default: m.WebhookDetailPage,\n  })),\n);\nconst AnalyticsDashboardPage = lazy(() =>\n  import(\"./pages/AnalyticsDashboardPage\").then((m) => ({\n    default: m.AnalyticsDashboardPage,\n  })),\n);\nconst DocumentationPage = lazy(() =>\n  import(\"./pages/DocumentationPage\").then((m) => ({\n    default: m.DocumentationPage,\n  })),\n);\nconst ResourcesPage = lazy(() =>\n  import(\"./pages/ResourcesPage\").then((m) => ({ default: m.ResourcesPage })),\n);\nconst SettingsPage = lazy(() =>\n  import(\"./pages/SettingsPage\").then((m) => ({ default: m.SettingsPage })),\n);\nconst PublishPage = lazy(() =>\n  import(\"./pages/PublishPage\").then((m) => ({ default: m.PublishPage })),\n);\nconst AppLogsPage = lazy(() =>\n  import(\"./pages/AppLogsPage\").then((m) => ({ default: m.AppLogsPage })),\n);\nconst DelegationsPage = lazy(() =>\n  import(\"./pages/DelegationsPage\").then((m) => ({\n    default: m.DelegationsPage,\n  })),\n);\nconst ListingPreviewPage = lazy(() =>\n  import(\"./pages/ListingPreviewPage\").then((m) => ({\n    default: m.ListingPreviewPage,\n  })),\n);\nconst StoreSubmissionPage = lazy(() =>\n  import(\"./pages/StoreSubmissionPage\").then((m) => ({\n    default: m.StoreSubmissionPage,\n  })),\n);\nconst PublisherProfilePage = lazy(() =>\n  import(\"./pages/PublisherProfilePage\").then((m) => ({\n    default: m.PublisherProfilePage,\n  })),\n);\n\n/**\n * Inner routes component - renders actual page routes\n */\nfunction InnerRoutes() {\n  return (\n    <Routes>\n      {/* Dashboard */}\n      <Route index element={gated(\"dashboard\", <DashboardPage />)} />\n\n      {/* Organizations */}\n      <Route\n        path=\"organizations\"\n        element={gated(\"organizations\", <OrganizationsPage />)}\n      />\n      <Route\n        path=\"organizations/new\"\n        element={gated(\"organizations.create\", <CreateOrganizationPage />)}\n      />\n      <Route\n        path=\"organizations/:orgId\"\n        element={gated(\"organizations.detail\", <OrganizationDetailPage />)}\n      />\n      <Route\n        path=\"organizations/:orgId/members\"\n        element={gated(\"organizations.members\", <OrganizationMembersPage />)}\n      />\n      <Route\n        path=\"organizations/:orgId/revenue\"\n        element={gated(\"organizations.revenue\", <RevenueRedirectPage />)}\n      />\n\n      {/* Applications */}\n      <Route path=\"apps\" element={gated(\"apps\", <ApplicationsPage />)} />\n      <Route\n        path=\"apps/new\"\n        element={gated(\"apps.create\", <CreateApplicationPage />)}\n      />\n      <Route\n        path=\"apps/:appId\"\n        element={gated(\"apps.detail\", <ApplicationDetailPage />)}\n      />\n      <Route\n        path=\"apps/:appId/edit\"\n        element={gated(\"apps.edit\", <EditApplicationPage />)}\n      />\n      <Route\n        path=\"apps/:appId/versions\"\n        element={gated(\"apps.versions\", <ApplicationVersionsPage />)}\n      />\n      <Route\n        path=\"apps/:appId/publish\"\n        element={gated(\"apps.publish\", <PublishPage />)}\n      />\n      <Route\n        path=\"apps/:appId/store-submission\"\n        element={gated(\"apps.storeSubmission\", <StoreSubmissionPage />)}\n      />\n      <Route\n        path=\"apps/:appId/listing\"\n        element={gated(\"apps.listing\", <ListingPreviewPage />)}\n      />\n      <Route\n        path=\"apps/:appId/logs\"\n        element={gated(\"apps.logs\", <AppLogsPage />)}\n      />\n\n      {/* OAuth Clients — user-scoped via auth-svc (no app nesting) */}\n      <Route path=\"oauth\" element={gated(\"oauth\", <OAuthClientsPage />)} />\n      <Route\n        path=\"oauth/new\"\n        element={gated(\"oauth.create\", <CreateOAuthClientPage />)}\n      />\n      <Route\n        path=\"oauth/:clientId\"\n        element={gated(\"oauth.detail\", <OAuthClientDetailPage />)}\n      />\n\n      {/* API Keys — user-scoped via auth-svc (no app nesting) */}\n      <Route path=\"api-keys\" element={gated(\"apiKeys\", <ApiKeysPage />)} />\n      <Route\n        path=\"api-keys/new\"\n        element={gated(\"apiKeys.create\", <CreateApiKeyPage />)}\n      />\n\n      {/* Webhooks (App-specific) */}\n      <Route\n        path=\"apps/:appId/webhooks\"\n        element={gated(\"apps.webhooks\", <WebhooksPage />)}\n      />\n      <Route\n        path=\"apps/:appId/webhooks/new\"\n        element={gated(\"apps.webhooks.create\", <CreateWebhookPage />)}\n      />\n      <Route\n        path=\"apps/:appId/webhooks/:webhookId\"\n        element={gated(\"apps.webhooks.detail\", <WebhookDetailPage />)}\n      />\n\n      {/* App Analytics */}\n      <Route\n        path=\"apps/:appId/analytics\"\n        element={gated(\"apps.analytics\", <AnalyticsDashboardPage />)}\n      />\n\n      {/* Delegations */}\n      <Route\n        path=\"delegations\"\n        element={gated(\"delegations\", <DelegationsPage />)}\n      />\n\n      {/* Global Webhooks views */}\n      <Route\n        path=\"webhooks/new\"\n        element={gated(\"webhooks.create\", <CreateWebhookPage />)}\n      />\n      <Route path=\"webhooks\" element={gated(\"webhooks\", <WebhooksPage />)} />\n\n      {/* Analytics & Revenue */}\n      <Route\n        path=\"analytics\"\n        element={gated(\"analytics\", <AnalyticsDashboardPage />)}\n      />\n      <Route\n        path=\"revenue\"\n        element={gated(\"revenue\", <RevenueRedirectPage />)}\n      />\n\n      {/* Documentation & Resources */}\n      <Route path=\"docs\" element={gated(\"docs\", <DocumentationPage />)} />\n      <Route path=\"resources\" element={gated(\"resources\", <ResourcesPage />)} />\n\n      {/* Admin surfaces (e.g. /admin/reviews) live in admin-app via\n          AdminDevportalRoot — intentionally not mounted in user shells. */}\n\n      {/* Publisher */}\n      <Route\n        path=\"publisher/profile\"\n        element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n      />\n\n      {/* Settings */}\n      <Route path=\"settings\" element={gated(\"settings\", <SettingsPage />)} />\n\n      {/* Catch-all redirect to dashboard */}\n      <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n    </Routes>\n  );\n}\n\n/**\n * Developer Portal Routes\n *\n * Defines all the routes for the developer portal microfrontend.\n * Uses lazy loading for all pages except the dashboard for optimal performance.\n *\n * When integrated into a shell (basePath provided), the shell already handles\n * the basePath route (e.g., /devportal/*), so this component should render\n * routes relative to that path - NOT nest them under basePath again.\n *\n * Example:\n * - Shell route: /devportal/*\n * - User navigates to: /devportal/organizations\n * - Inside DevportalRoutes, the path is: /organizations (relative to shell route)\n * - InnerRoutes matches: organizations -> OrganizationsPage\n */\nexport function DevportalRoutes() {\n  // When basePath is provided, we're in shell integration mode.\n  // The shell already matched the basePath route, so we render routes\n  // relative to that - using wildcard to catch all sub-paths.\n  // When no basePath (standalone mode), just render InnerRoutes at root.\n  return (\n    <Suspense fallback={<LoadingState message=\"Loading page...\" />}>\n      <Routes>\n        {/* Wildcard route to let InnerRoutes handle all paths */}\n        <Route path=\"/*\" element={<InnerRoutes />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { FC } from 'react';
+import { Application } from '../types';
+
+interface AppCardProps {
+    app: Application;
+    onClick?: () => void;
+    className?: string;
+    showActions?: boolean;
+    selected?: boolean;
+    onToggleSelect?: (checked: boolean) => void;
+}
+/**
+ * Application card for displaying app information
+ */
+export declare const AppCard: FC<AppCardProps>;
+/**
+ * Grid of app cards
+ */
+export declare const AppCardGrid: FC<{
+    apps: Application[];
+    onAppClick?: (app: Application) => void;
+    className?: string;
+}>;
+/**
+ * Compact app list item
+ */
+export declare const AppListItem: FC<{
+    app: Application;
+    onClick?: () => void;
+    className?: string;
+    selected?: boolean;
+    onToggleSelect?: (checked: boolean) => void;
+}>;
+export {};
+//# sourceMappingURL=AppCard.d.ts.map

package/dist/devportal/components/AppCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCard.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/AppCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,UAAU,YAAY;IACpB,GAAG,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA0HpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAeA,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,GAAG,EAAE,WAAW,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAyDA,CAAC"}

package/dist/devportal/components/AppCard.js

@@ -0,0 +1,145 @@
+import { useDevportal as e } from "../providers/DevportalProvider.js";
+import { cn as t } from "../utils/cn.js";
+import { APP_TYPE_LABELS as n } from "../utils/constants.js";
+import { FeaturedBadge as r, StatusBadge as i, VerifiedBadge as a } from "./StatusBadge.js";
+import { SelectionCheckbox as o } from "./SelectionCheckbox.js";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AppWindow as c, Download as l, ExternalLink as u, Star as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/devportal/components/AppCard.tsx
+var m = ({ app: m, onClick: h, className: g, showActions: _ = !0, selected: v = !1, onToggleSelect: y }) => {
+	let { navigate: b, basePath: x } = e(), { t: S } = s(), C = (e, t) => {
+		let n = S(e);
+		return n === e ? t : n;
+	}, w = () => {
+		h ? h() : b && b(`${x}/apps/${m.id}`);
+	};
+	return /* @__PURE__ */ p("div", {
+		role: "button",
+		tabIndex: 0,
+		className: t("group cursor-pointer rounded-lg border bg-card p-4 shadow-sm transition-all hover:shadow-md hover:border-primary/50", v && "border-primary bg-primary/5 shadow-md", g),
+		onClick: w,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w());
+		},
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-start gap-3",
+				children: [
+					y && /* @__PURE__ */ f("div", {
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ f(o, {
+							checked: v,
+							onChange: y,
+							ariaLabel: `Select application ${m.name}`,
+							className: "mt-1"
+						})
+					}),
+					m.iconUrl ? /* @__PURE__ */ f("img", {
+						src: m.iconUrl,
+						alt: m.name,
+						className: "h-12 w-12 rounded-lg object-cover"
+					}) : /* @__PURE__ */ f("div", {
+						className: "flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary",
+						children: /* @__PURE__ */ f(c, { size: 24 })
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ p("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ f("h3", {
+								className: "font-semibold truncate",
+								children: m.name
+							}), m.isVerified && /* @__PURE__ */ f(a, { verified: !0 })]
+						}), /* @__PURE__ */ f("p", {
+							className: "text-sm text-muted-foreground",
+							children: n[m.appType] || m.appType
+						})]
+					})
+				]
+			}),
+			m.shortDescription && /* @__PURE__ */ f("p", {
+				className: "mt-3 text-sm text-muted-foreground line-clamp-2",
+				children: m.shortDescription
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "mt-3 flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ f(i, { status: m.status }), m.isFeatured && /* @__PURE__ */ f(r, {})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "mt-4 flex items-center gap-4 text-sm text-muted-foreground",
+				children: [m.averageRating !== void 0 && m.averageRating > 0 && /* @__PURE__ */ p("span", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ f(d, {
+						size: 14,
+						className: "text-status-warning-text fill-status-warning-text"
+					}), m.averageRating.toFixed(1)]
+				}), /* @__PURE__ */ p("span", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ f(l, { size: 14 }),
+						m.installCount.toLocaleString(),
+						" ",
+						C("devportal.installs", "installs")
+					]
+				})]
+			}),
+			_ && /* @__PURE__ */ f("div", {
+				className: "mt-4 flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity",
+				children: /* @__PURE__ */ p("button", {
+					className: "text-sm text-primary hover:underline flex items-center gap-1",
+					onClick: (e) => {
+						e.stopPropagation(), w();
+					},
+					children: [C("devportal.viewDetails", "View Details"), /* @__PURE__ */ f(u, { size: 14 })]
+				})
+			})
+		]
+	});
+}, h = ({ app: r, onClick: a, className: s, selected: l = !1, onToggleSelect: u }) => {
+	let { navigate: d, basePath: m } = e(), h = () => {
+		a ? a() : d && d(`${m}/apps/${r.id}`);
+	};
+	return /* @__PURE__ */ p("div", {
+		role: "button",
+		tabIndex: 0,
+		className: t("flex items-center gap-3 rounded-lg border bg-card p-3 cursor-pointer hover:bg-accent transition-colors", l && "border-primary bg-primary/5", s),
+		onClick: h,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h());
+		},
+		children: [
+			u && /* @__PURE__ */ f("div", {
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ f(o, {
+					checked: l,
+					onChange: u,
+					ariaLabel: `Select application ${r.name}`
+				})
+			}),
+			r.iconUrl ? /* @__PURE__ */ f("img", {
+				src: r.iconUrl,
+				alt: r.name,
+				className: "h-10 w-10 rounded-lg object-cover"
+			}) : /* @__PURE__ */ f("div", {
+				className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary",
+				children: /* @__PURE__ */ f(c, { size: 20 })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ f("p", {
+					className: "font-medium truncate",
+					children: r.name
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-muted-foreground truncate",
+					children: r.shortDescription || n[r.appType]
+				})]
+			}),
+			/* @__PURE__ */ f(i, { status: r.status })
+		]
+	});
+};
+//#endregion
+export { m as AppCard, h as AppListItem };
+
+//# sourceMappingURL=AppCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppCard.js","names":[],"sources":["../../../src/devportal/components/AppCard.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { AppWindow, Star, Download, ExternalLink } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\nimport { StatusBadge, VerifiedBadge, FeaturedBadge } from \"./StatusBadge\";\nimport type { Application } from \"../types\";\nimport { APP_TYPE_LABELS } from \"../utils/constants\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { SelectionCheckbox } from \"./SelectionCheckbox\";\n\ninterface AppCardProps {\n  app: Application;\n  onClick?: () => void;\n  className?: string;\n  showActions?: boolean;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n}\n\n/**\n * Application card for displaying app information\n */\nexport const AppCard: FC<AppCardProps> = ({\n  app,\n  onClick,\n  className,\n  showActions = true,\n  selected = false,\n  onToggleSelect,\n}) => {\n  const { navigate, basePath } = useDevportal();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const handleClick = () => {\n    if (onClick) {\n      onClick();\n    } else if (navigate) {\n      navigate(`${basePath}/apps/${app.id}`);\n    }\n  };\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        \"group cursor-pointer rounded-lg border bg-card p-4 shadow-sm transition-all hover:shadow-md hover:border-primary/50\",\n        selected && \"border-primary bg-primary/5 shadow-md\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\n        }\n      }}\n    >\n      {/* Header */}\n      <div className=\"flex items-start gap-3\">\n        {onToggleSelect && (\n          <div onClick={(event) => event.stopPropagation()}>\n            <SelectionCheckbox\n              checked={selected}\n              onChange={onToggleSelect}\n              ariaLabel={`Select application ${app.name}`}\n              className=\"mt-1\"\n            />\n          </div>\n        )}\n        {app.iconUrl ? (\n          <img\n            src={app.iconUrl}\n            alt={app.name}\n            className=\"h-12 w-12 rounded-lg object-cover\"\n          />\n        ) : (\n          <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary\">\n            <AppWindow size={24} />\n          </div>\n        )}\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <h3 className=\"font-semibold truncate\">{app.name}</h3>\n            {app.isVerified && <VerifiedBadge verified />}\n          </div>\n          <p className=\"text-sm text-muted-foreground\">\n            {APP_TYPE_LABELS[app.appType] || app.appType}\n          </p>\n        </div>\n      </div>\n\n      {/* Description */}\n      {app.shortDescription && (\n        <p className=\"mt-3 text-sm text-muted-foreground line-clamp-2\">\n          {app.shortDescription}\n        </p>\n      )}\n\n      {/* Badges */}\n      <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={app.status} />\n        {app.isFeatured && <FeaturedBadge />}\n      </div>\n\n      {/* Stats */}\n      <div className=\"mt-4 flex items-center gap-4 text-sm text-muted-foreground\">\n        {app.averageRating !== undefined && app.averageRating > 0 && (\n          <span className=\"flex items-center gap-1\">\n            <Star\n              size={14}\n              className=\"text-status-warning-text fill-status-warning-text\"\n            />\n            {app.averageRating.toFixed(1)}\n          </span>\n        )}\n        <span className=\"flex items-center gap-1\">\n          <Download size={14} />\n          {app.installCount.toLocaleString()}{\" \"}\n          {tr(\"devportal.installs\", \"installs\")}\n        </span>\n      </div>\n\n      {/* Actions */}\n      {showActions && (\n        <div className=\"mt-4 flex items-center justify-between opacity-0 group-hover:opacity-100 transition-opacity\">\n          <button\n            className=\"text-sm text-primary hover:underline flex items-center gap-1\"\n            onClick={(e) => {\n              e.stopPropagation();\n              handleClick();\n            }}\n          >\n            {tr(\"devportal.viewDetails\", \"View Details\")}\n            <ExternalLink size={14} />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\n/**\n * Grid of app cards\n */\nexport const AppCardGrid: FC<{\n  apps: Application[];\n  onAppClick?: (app: Application) => void;\n  className?: string;\n}> = ({ apps, onAppClick, className }) => (\n  <div\n    className={cn(\n      \"grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3\",\n      className,\n    )}\n  >\n    {apps.map((app) => (\n      <AppCard\n        key={app.id}\n        app={app}\n        onClick={onAppClick ? () => onAppClick(app) : undefined}\n      />\n    ))}\n  </div>\n);\n\n/**\n * Compact app list item\n */\nexport const AppListItem: FC<{\n  app: Application;\n  onClick?: () => void;\n  className?: string;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n}> = ({ app, onClick, className, selected = false, onToggleSelect }) => {\n  const { navigate, basePath } = useDevportal();\n\n  const handleClick = () => {\n    if (onClick) {\n      onClick();\n    } else if (navigate) {\n      navigate(`${basePath}/apps/${app.id}`);\n    }\n  };\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        \"flex items-center gap-3 rounded-lg border bg-card p-3 cursor-pointer hover:bg-accent transition-colors\",\n        selected && \"border-primary bg-primary/5\",\n        className,\n      )}\n      onClick={handleClick}\n      onKeyDown={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          handleClick();\n        }\n      }}\n    >\n      {onToggleSelect && (\n        <div onClick={(event) => event.stopPropagation()}>\n          <SelectionCheckbox\n            checked={selected}\n            onChange={onToggleSelect}\n            ariaLabel={`Select application ${app.name}`}\n          />\n        </div>\n      )}\n      {app.iconUrl ? (\n        <img\n          src={app.iconUrl}\n          alt={app.name}\n          className=\"h-10 w-10 rounded-lg object-cover\"\n        />\n      ) : (\n        <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary\">\n          <AppWindow size={20} />\n        </div>\n      )}\n      <div className=\"flex-1 min-w-0\">\n        <p className=\"font-medium truncate\">{app.name}</p>\n        <p className=\"text-sm text-muted-foreground truncate\">\n          {app.shortDescription || APP_TYPE_LABELS[app.appType]}\n        </p>\n      </div>\n      <StatusBadge status={app.status} />\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from 'react';
+
+export interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void | Promise<void>;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: "default" | "danger" | "warning" | "success" | "destructive";
+    loading?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Confirmation dialog component
+ */
+export declare const ConfirmDialog: FC<ConfirmDialogProps>;
+/**
+ * Alert banner component
+ */
+export declare const Alert: FC<{
+    variant?: "info" | "warning" | "error" | "success";
+    title?: string;
+    children: ReactNode;
+    onDismiss?: () => void;
+    className?: string;
+}>;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/devportal/components/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA+JhD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAwCA,CAAC"}

package/dist/devportal/components/ConfirmDialog.js

@@ -0,0 +1,154 @@
+import { cn as e } from "../utils/cn.js";
+import { useEffect as t, useId as n, useRef as r } from "react";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertTriangle as a, CheckCircle as o, Info as s, XCircle as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/devportal/components/ConfirmDialog.tsx
+var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, confirmLabel: g = "Confirm", cancelLabel: _ = "Cancel", variant: v = "default", loading: y = !1, children: b }) => {
+	let x = n(), S = n(), C = r(null), w = r(null), T = r(null), { t: E } = i(), D = (e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	};
+	if (t(() => {
+		if (!d) return;
+		T.current = document.activeElement;
+		let e = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let t = w.current ?? C.current;
+		window.requestAnimationFrame(() => {
+			t?.focus();
+		});
+		let n = (e) => {
+			e.key === "Escape" && !y && (e.preventDefault(), f(!1));
+		};
+		return document.addEventListener("keydown", n), () => {
+			document.body.style.overflow = e, document.removeEventListener("keydown", n), T.current?.focus();
+		};
+	}, [
+		y,
+		f,
+		d
+	]), !d) return null;
+	let O = {
+		default: {
+			icon: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-accent-blue" }),
+			iconBg: "bg-status-info-bg-subtle",
+			button: "bg-primary text-primary-foreground hover:bg-primary/90"
+		},
+		danger: {
+			icon: /* @__PURE__ */ l(c, { className: "h-6 w-6 text-status-error-text" }),
+			iconBg: "bg-status-error-bg-subtle",
+			button: "bg-status-error-bg text-white hover:bg-status-error-bg/90"
+		},
+		warning: {
+			icon: /* @__PURE__ */ l(a, { className: "h-6 w-6 text-status-warning-text" }),
+			iconBg: "bg-status-warning-bg-subtle",
+			button: "bg-status-warning-bg text-white hover:bg-status-warning-bg/90"
+		},
+		success: {
+			icon: /* @__PURE__ */ l(o, { className: "h-6 w-6 text-status-success-text" }),
+			iconBg: "bg-status-success-bg-subtle",
+			button: "bg-status-success-bg text-white hover:bg-status-success-bg/90"
+		}
+	}[v === "destructive" ? "danger" : v], k = () => f(!1);
+	return /* @__PURE__ */ u("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ l("button", {
+			type: "button",
+			"aria-label": "Close dialog backdrop",
+			className: "absolute inset-0 bg-bg-overlay",
+			onClick: k
+		}), /* @__PURE__ */ u("div", {
+			ref: C,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": x,
+			"aria-describedby": h || b ? S : void 0,
+			tabIndex: -1,
+			className: "relative z-10 w-full max-w-md rounded-lg bg-background p-6 shadow-xl",
+			children: [/* @__PURE__ */ u("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ l("div", {
+					className: e("rounded-full p-2", O.iconBg),
+					children: O.icon
+				}), /* @__PURE__ */ u("div", {
+					className: "flex-1",
+					children: [
+						/* @__PURE__ */ l("h3", {
+							id: x,
+							className: "text-lg font-semibold",
+							children: m
+						}),
+						h && /* @__PURE__ */ l("p", {
+							id: S,
+							className: "mt-2 text-sm text-muted-foreground",
+							children: h
+						}),
+						b && /* @__PURE__ */ l("div", {
+							className: "mt-4",
+							id: h ? void 0 : S,
+							children: b
+						})
+					]
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "mt-6 flex justify-end gap-3",
+				children: [/* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: k,
+					disabled: y,
+					className: "rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50",
+					children: _
+				}), /* @__PURE__ */ l("button", {
+					ref: w,
+					type: "button",
+					onClick: p,
+					disabled: y,
+					className: e("rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50", O.button),
+					children: y ? D("devportal.processing", "Processing...") : g
+				})]
+			})]
+		})]
+	});
+}, f = ({ variant: t = "info", title: n, children: r, onDismiss: i, className: d }) => {
+	let f = {
+		info: "bg-status-info-bg-subtle border-border-subtle text-status-info-text",
+		warning: "bg-status-warning-bg-subtle border-border-subtle text-status-warning-text",
+		error: "bg-status-error-bg-subtle border-border-subtle text-status-error-text",
+		success: "bg-status-success-bg-subtle border-border-subtle text-status-success-text"
+	}, p = {
+		info: /* @__PURE__ */ l(s, { className: "h-5 w-5" }),
+		warning: /* @__PURE__ */ l(a, { className: "h-5 w-5" }),
+		error: /* @__PURE__ */ l(c, { className: "h-5 w-5" }),
+		success: /* @__PURE__ */ l(o, { className: "h-5 w-5" })
+	};
+	return /* @__PURE__ */ l("div", {
+		className: e("rounded-lg border p-4", f[t], d),
+		children: /* @__PURE__ */ u("div", {
+			className: "flex items-start gap-3",
+			children: [
+				p[t],
+				/* @__PURE__ */ u("div", {
+					className: "flex-1",
+					children: [n && /* @__PURE__ */ l("h4", {
+						className: "font-medium",
+						children: n
+					}), /* @__PURE__ */ l("div", {
+						className: "text-sm",
+						children: r
+					})]
+				}),
+				i && /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: i,
+					className: "hover:opacity-70",
+					children: /* @__PURE__ */ l(c, { className: "h-5 w-5" })
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { f as Alert, d as ConfirmDialog };
+
+//# sourceMappingURL=ConfirmDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/devportal/components/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type FC, type ReactNode } from \"react\";\nimport { AlertTriangle, Info, CheckCircle, XCircle } from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { cn } from \"../utils/cn\";\n\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onConfirm: () => void | Promise<void>;\n  title: string;\n  description?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  variant?: \"default\" | \"danger\" | \"warning\" | \"success\" | \"destructive\";\n  loading?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Confirmation dialog component\n */\nexport const ConfirmDialog: FC<ConfirmDialogProps> = ({\n  open,\n  onOpenChange,\n  onConfirm,\n  title,\n  description,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  variant = \"default\",\n  loading = false,\n  children,\n}) => {\n  const titleId = useId();\n  const descriptionId = useId();\n  const dialogRef = useRef<HTMLDivElement | null>(null);\n  const confirmButtonRef = useRef<HTMLButtonElement | null>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  useEffect(() => {\n    if (!open) {\n      return undefined;\n    }\n\n    previousFocusRef.current = document.activeElement as HTMLElement | null;\n    const originalOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n\n    const focusTarget = confirmButtonRef.current ?? dialogRef.current;\n    window.requestAnimationFrame(() => {\n      focusTarget?.focus();\n    });\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && !loading) {\n        event.preventDefault();\n        onOpenChange(false);\n      }\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => {\n      document.body.style.overflow = originalOverflow;\n      document.removeEventListener(\"keydown\", onKeyDown);\n      previousFocusRef.current?.focus();\n    };\n  }, [loading, onOpenChange, open]);\n\n  if (!open) return null;\n\n  // Map 'destructive' to 'danger' for internal use\n  const normalizedVariant = variant === \"destructive\" ? \"danger\" : variant;\n\n  const variantStyles = {\n    default: {\n      icon: <Info className=\"h-6 w-6 text-accent-blue\" />,\n      iconBg: \"bg-status-info-bg-subtle\",\n      button: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n    },\n    danger: {\n      icon: <XCircle className=\"h-6 w-6 text-status-error-text\" />,\n      iconBg: \"bg-status-error-bg-subtle\",\n      button: \"bg-status-error-bg text-white hover:bg-status-error-bg/90\",\n    },\n    warning: {\n      icon: <AlertTriangle className=\"h-6 w-6 text-status-warning-text\" />,\n      iconBg: \"bg-status-warning-bg-subtle\",\n      button: \"bg-status-warning-bg text-white hover:bg-status-warning-bg/90\",\n    },\n    success: {\n      icon: <CheckCircle className=\"h-6 w-6 text-status-success-text\" />,\n      iconBg: \"bg-status-success-bg-subtle\",\n      button: \"bg-status-success-bg text-white hover:bg-status-success-bg/90\",\n    },\n  };\n\n  const styles = variantStyles[normalizedVariant];\n\n  const handleClose = () => onOpenChange(false);\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <button\n        type=\"button\"\n        aria-label=\"Close dialog backdrop\"\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={handleClose}\n      />\n\n      {/* Dialog */}\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={description || children ? descriptionId : undefined}\n        tabIndex={-1}\n        className=\"relative z-10 w-full max-w-md rounded-lg bg-background p-6 shadow-xl\"\n      >\n        <div className=\"flex items-start gap-4\">\n          <div className={cn(\"rounded-full p-2\", styles.iconBg)}>\n            {styles.icon}\n          </div>\n          <div className=\"flex-1\">\n            <h3 id={titleId} className=\"text-lg font-semibold\">\n              {title}\n            </h3>\n            {description && (\n              <p\n                id={descriptionId}\n                className=\"mt-2 text-sm text-muted-foreground\"\n              >\n                {description}\n              </p>\n            )}\n            {children && (\n              <div\n                className=\"mt-4\"\n                id={description ? undefined : descriptionId}\n              >\n                {children}\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className=\"mt-6 flex justify-end gap-3\">\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            disabled={loading}\n            className=\"rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted transition-colors disabled:opacity-50\"\n          >\n            {cancelLabel}\n          </button>\n          <button\n            ref={confirmButtonRef}\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={loading}\n            className={cn(\n              \"rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50\",\n              styles.button,\n            )}\n          >\n            {loading\n              ? tr(\"devportal.processing\", \"Processing...\")\n              : confirmLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n/**\n * Alert banner component\n */\nexport const Alert: FC<{\n  variant?: \"info\" | \"warning\" | \"error\" | \"success\";\n  title?: string;\n  children: ReactNode;\n  onDismiss?: () => void;\n  className?: string;\n}> = ({ variant = \"info\", title, children, onDismiss, className }) => {\n  const variantStyles = {\n    info: \"bg-status-info-bg-subtle border-border-subtle text-status-info-text\",\n    warning:\n      \"bg-status-warning-bg-subtle border-border-subtle text-status-warning-text\",\n    error:\n      \"bg-status-error-bg-subtle border-border-subtle text-status-error-text\",\n    success:\n      \"bg-status-success-bg-subtle border-border-subtle text-status-success-text\",\n  };\n\n  const icons = {\n    info: <Info className=\"h-5 w-5\" />,\n    warning: <AlertTriangle className=\"h-5 w-5\" />,\n    error: <XCircle className=\"h-5 w-5\" />,\n    success: <CheckCircle className=\"h-5 w-5\" />,\n  };\n\n  return (\n    <div\n      className={cn(\"rounded-lg border p-4\", variantStyles[variant], className)}\n    >\n      <div className=\"flex items-start gap-3\">\n        {icons[variant]}\n        <div className=\"flex-1\">\n          {title && <h4 className=\"font-medium\">{title}</h4>}\n          <div className=\"text-sm\">{children}</div>\n        </div>\n        {onDismiss && (\n          <button\n            type=\"button\"\n            onClick={onDismiss}\n            className=\"hover:opacity-70\"\n          >\n            <XCircle className=\"h-5 w-5\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+import { FC, ReactNode } from 'react';
+
+export interface Column<T> {
+    key: string;
+    header: ReactNode;
+    render?: (item: T) => ReactNode;
+    className?: string;
+    sortable?: boolean;
+}
+export interface DataTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    keyField: keyof T;
+    onRowClick?: (item: T) => void;
+    className?: string;
+    emptyMessage?: string;
+    loading?: boolean;
+    pagination?: {
+        page: number;
+        pageSize: number;
+        totalCount: number;
+        onPageChange: (page: number) => void;
+    };
+}
+/**
+ * Reusable data table component with pagination
+ */
+export declare function DataTable<T extends {
+    [K in keyof T]: T[K];
+}>({ data, columns, keyField, onRowClick, className, emptyMessage, loading, pagination, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Simple key-value detail list
+ */
+export declare const DetailList: FC<{
+    items: Array<{
+        label: string;
+        value: ReactNode;
+    }>;
+    className?: string;
+}>;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/devportal/components/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/devportal/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3C,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACtC,CAAC;CACH;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,EAAE,EAC5D,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACT,YAAY,EACZ,OAAO,EACP,UAAU,GACX,EAAE,cAAc,CAAC,CAAC,CAAC,2CA+InB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAcA,CAAC"}

package/dist/devportal/components/DataTable.js

@@ -0,0 +1,126 @@
+import { cn as e } from "../utils/cn.js";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ChevronLeft as n, ChevronRight as r, ChevronsLeft as i, ChevronsRight as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/devportal/components/DataTable.tsx
+function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, emptyMessage: p, loading: m, pagination: h }) {
+	let { t: g } = t(), _ = (e, t) => {
+		let n = g(e);
+		return n === e ? t : n;
+	}, v = p ?? _("devportal.noDataAvailable", "No data available"), y = h ? Math.ceil(h.totalCount / h.pageSize) : 1;
+	return /* @__PURE__ */ s("div", {
+		className: e("rounded-lg border bg-card", f),
+		children: [/* @__PURE__ */ o("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ s("table", {
+				className: "w-full",
+				children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", {
+					className: "border-b bg-muted/50",
+					children: l.map((t) => /* @__PURE__ */ o("th", {
+						className: e("px-4 py-3 text-left text-sm font-medium text-muted-foreground", t.className),
+						children: t.header
+					}, t.key))
+				}) }), /* @__PURE__ */ o("tbody", { children: m ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ o("tr", {
+					className: "animate-pulse border-b",
+					children: l.map((e) => /* @__PURE__ */ o("td", {
+						className: "px-4 py-3",
+						children: /* @__PURE__ */ o("div", { className: "h-4 rounded bg-muted" })
+					}, e.key))
+				}, t)) : c.length === 0 ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", {
+					colSpan: l.length,
+					className: "px-4 py-8 text-center text-muted-foreground",
+					children: v
+				}) }) : c.map((t) => /* @__PURE__ */ o("tr", {
+					role: d ? "button" : void 0,
+					tabIndex: d ? 0 : void 0,
+					className: e("border-b transition-colors", d && "cursor-pointer hover:bg-muted/50"),
+					onClick: () => d?.(t),
+					onKeyDown: (e) => {
+						d && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), d(t));
+					},
+					children: l.map((n) => /* @__PURE__ */ o("td", {
+						className: e("px-4 py-3 text-sm", n.className),
+						children: n.render ? n.render(t) : String(t[n.key] ?? "")
+					}, String(n.key)))
+				}, String(t[u]))) })]
+			})
+		}), h && y > 1 && /* @__PURE__ */ s("div", {
+			className: "flex items-center justify-between border-t px-4 py-3",
+			children: [/* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					_("devportal.showingResults", "Showing"),
+					" ",
+					(h.page - 1) * h.pageSize + 1,
+					" ",
+					_("devportal.to", "to"),
+					" ",
+					Math.min(h.page * h.pageSize, h.totalCount),
+					" ",
+					_("devportal.of", "of"),
+					" ",
+					h.totalCount,
+					" ",
+					_("devportal.results", "results")
+				]
+			}), /* @__PURE__ */ s("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ o("button", {
+						onClick: () => h.onPageChange(1),
+						disabled: h.page === 1,
+						className: "rounded-md p-1 hover:bg-muted disabled:opacity-50",
+						children: /* @__PURE__ */ o(i, { size: 20 })
+					}),
+					/* @__PURE__ */ o("button", {
+						onClick: () => h.onPageChange(h.page - 1),
+						disabled: h.page === 1,
+						className: "rounded-md p-1 hover:bg-muted disabled:opacity-50",
+						children: /* @__PURE__ */ o(n, { size: 20 })
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "px-3 text-sm",
+						children: [
+							_("devportal.page", "Page"),
+							" ",
+							h.page,
+							" ",
+							_("devportal.of", "of"),
+							" ",
+							y
+						]
+					}),
+					/* @__PURE__ */ o("button", {
+						onClick: () => h.onPageChange(h.page + 1),
+						disabled: h.page === y,
+						className: "rounded-md p-1 hover:bg-muted disabled:opacity-50",
+						children: /* @__PURE__ */ o(r, { size: 20 })
+					}),
+					/* @__PURE__ */ o("button", {
+						onClick: () => h.onPageChange(y),
+						disabled: h.page === y,
+						className: "rounded-md p-1 hover:bg-muted disabled:opacity-50",
+						children: /* @__PURE__ */ o(a, { size: 20 })
+					})
+				]
+			})]
+		})]
+	});
+}
+var l = ({ items: t, className: n }) => /* @__PURE__ */ o("dl", {
+	className: e("divide-y rounded-lg border", n),
+	children: t.map((e, t) => /* @__PURE__ */ s("div", {
+		className: "flex flex-col gap-1 px-4 py-3 sm:flex-row sm:gap-4",
+		children: [/* @__PURE__ */ o("dt", {
+			className: "text-sm font-medium text-muted-foreground sm:w-1/3",
+			children: e.label
+		}), /* @__PURE__ */ o("dd", {
+			className: "text-sm sm:w-2/3",
+			children: e.value
+		})]
+	}, t))
+});
+//#endregion
+export { c as DataTable, l as DetailList };
+
+//# sourceMappingURL=DataTable.js.map