@burdenoff/microfe-devportal 2026.625.2 → 2026.625.4

package/dist/devportal/DevportalRoutes.js

@@ -32,7 +32,7 @@ function q() {
 }
 function J() {
 	return /* @__PURE__ */ m("div", {
-		className: "flex items-center justify-end border-b border-border-subtle bg-bg-surface/40 px-4 py-2",
+		className: "flex items-center justify-end border-b border-border bg-card/40 px-4 py-2",
 		children: /* @__PURE__ */ m(i, {})
 	});
 }

package/dist/devportal/DevportalRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevportalRoutes.js","names":[],"sources":["../../src/devportal/DevportalRoutes.tsx"],"sourcesContent":["import { Suspense, lazy, useEffect, type ReactNode } from \"react\";\nimport { Routes, Route, Navigate, Outlet } from \"react-router-dom\";\nimport { LoadingState } from \"./components/LoadingState\";\nimport { FeatureFlaggedRoute } from \"./components/FeatureFlaggedRoute\";\nimport { TelemetryErrorBoundary } from \"./components/TelemetryErrorBoundary\";\nimport { OrgSwitcher } from \"./components/SectionNav\";\nimport { useDevportal } from \"./providers/DevportalProvider\";\n\n/**\n * Catch-all redirect target for the unmatched `*` route. Uses the\n * DevportalProvider's `basePath` and `navigate` so the redirect works\n * regardless of the integration mode (shell or standalone). Falls back to a\n * relative Navigate when neither is wired, which is the standalone/test path.\n */\nfunction CatchAllRedirect() {\n  const { basePath, navigate } = useDevportal();\n  useEffect(() => {\n    if (basePath && navigate) {\n      const target = basePath.endsWith(\"/\") ? basePath.slice(0, -1) : basePath;\n      navigate(target || \"/\");\n    }\n  }, [basePath, navigate]);\n  if (basePath && navigate) return null;\n  return <Navigate to=\"..\" replace />;\n}\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 RevenueDashboardPage = lazy(() =>\n  import(\"./pages/RevenueDashboardPage\").then((m) => ({\n    default: m.RevenueDashboardPage,\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);\nconst SetupPage = lazy(() =>\n  import(\"./pages/SetupPage\").then((m) => ({ default: m.SetupPage })),\n);\n\n/** Layout for app-context routes (/apps/:appId/*) — adds the org context bar. */\nfunction AppLayout() {\n  return (\n    <>\n      <OrgContextBar />\n      <Outlet />\n    </>\n  );\n}\n\n/** Slim org-context bar shown above every devportal page. */\nfunction OrgContextBar() {\n  return (\n    <div className=\"flex items-center justify-end border-b border-border-subtle bg-bg-surface/40 px-4 py-2\">\n      <OrgSwitcher />\n    </div>\n  );\n}\n\n/** Layout wrapping org-context devportal routes — adds the org context bar. */\nfunction GlobalLayout() {\n  return (\n    <>\n      <OrgContextBar />\n      <Outlet />\n    </>\n  );\n}\n\n/** Layout for pages that are not org-scoped (OAuth, API Keys, Docs, Resources). */\nfunction PlainLayout() {\n  return <Outlet />;\n}\n\nexport function DevportalRoutes() {\n  return (\n    <Suspense fallback={<LoadingState message=\"Loading page...\" />}>\n      <Routes>\n        {/* Setup wizard — no SectionNav */}\n        <Route path=\"setup\" element={gated(\"setup\", <SetupPage />)} />\n\n        {/* App-context routes (/apps/:appId/*) — no SectionNav.\n            The app-level tab bar inside ApplicationDetailPage is the nav here. */}\n        <Route element={<AppLayout />}>\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          <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          <Route\n            path=\"apps/:appId/analytics\"\n            element={gated(\"apps.analytics\", <AnalyticsDashboardPage />)}\n          />\n        </Route>\n\n        {/* All other routes — with SectionNav */}\n        <Route element={<GlobalLayout />}>\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(\n              \"organizations.members\",\n              <OrganizationMembersPage />,\n            )}\n          />\n          <Route\n            path=\"organizations/:orgId/revenue\"\n            element={gated(\"organizations.revenue\", <RevenueDashboardPage />)}\n          />\n\n          {/* Applications list and create */}\n          <Route path=\"apps\" element={gated(\"apps\", <ApplicationsPage />)} />\n          <Route\n            path=\"apps/new\"\n            element={gated(\"apps.create\", <CreateApplicationPage />)}\n          />\n\n          {/* Delegations */}\n          <Route\n            path=\"delegations\"\n            element={gated(\"delegations\", <DelegationsPage />)}\n          />\n\n          {/* Global Webhooks */}\n          <Route\n            path=\"webhooks/new\"\n            element={gated(\"webhooks.create\", <CreateWebhookPage />)}\n          />\n          <Route\n            path=\"webhooks\"\n            element={gated(\"webhooks\", <WebhooksPage />)}\n          />\n\n          {/* Analytics & Revenue */}\n          <Route\n            path=\"analytics\"\n            element={gated(\"analytics\", <AnalyticsDashboardPage />)}\n          />\n          <Route\n            path=\"revenue\"\n            element={gated(\"revenue\", <RevenueDashboardPage />)}\n          />\n\n          {/* Publisher */}\n          <Route\n            path=\"publisher/profile\"\n            element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n          />\n\n          {/* Settings */}\n          <Route\n            path=\"settings\"\n            element={gated(\"settings\", <SettingsPage />)}\n          />\n\n          {/* Catch-all redirect to dashboard */}\n          <Route path=\"*\" element={<CatchAllRedirect />} />\n        </Route>\n\n        {/* Non-org-context routes — no OrgContextBar */}\n        <Route element={<PlainLayout />}>\n          {/* OAuth Clients */}\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 */}\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          {/* Documentation & Resources */}\n          <Route path=\"docs\" element={gated(\"docs\", <DocumentationPage />)} />\n          <Route\n            path=\"resources\"\n            element={gated(\"resources\", <ResourcesPage />)}\n          />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DevportalRoutes.js","names":[],"sources":["../../src/devportal/DevportalRoutes.tsx"],"sourcesContent":["import { Suspense, lazy, useEffect, type ReactNode } from \"react\";\nimport { Routes, Route, Navigate, Outlet } from \"react-router-dom\";\nimport { LoadingState } from \"./components/LoadingState\";\nimport { FeatureFlaggedRoute } from \"./components/FeatureFlaggedRoute\";\nimport { TelemetryErrorBoundary } from \"./components/TelemetryErrorBoundary\";\nimport { OrgSwitcher } from \"./components/SectionNav\";\nimport { useDevportal } from \"./providers/DevportalProvider\";\n\n/**\n * Catch-all redirect target for the unmatched `*` route. Uses the\n * DevportalProvider's `basePath` and `navigate` so the redirect works\n * regardless of the integration mode (shell or standalone). Falls back to a\n * relative Navigate when neither is wired, which is the standalone/test path.\n */\nfunction CatchAllRedirect() {\n  const { basePath, navigate } = useDevportal();\n  useEffect(() => {\n    if (basePath && navigate) {\n      const target = basePath.endsWith(\"/\") ? basePath.slice(0, -1) : basePath;\n      navigate(target || \"/\");\n    }\n  }, [basePath, navigate]);\n  if (basePath && navigate) return null;\n  return <Navigate to=\"..\" replace />;\n}\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 RevenueDashboardPage = lazy(() =>\n  import(\"./pages/RevenueDashboardPage\").then((m) => ({\n    default: m.RevenueDashboardPage,\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);\nconst SetupPage = lazy(() =>\n  import(\"./pages/SetupPage\").then((m) => ({ default: m.SetupPage })),\n);\n\n/** Layout for app-context routes (/apps/:appId/*) — adds the org context bar. */\nfunction AppLayout() {\n  return (\n    <>\n      <OrgContextBar />\n      <Outlet />\n    </>\n  );\n}\n\n/** Slim org-context bar shown above every devportal page. */\nfunction OrgContextBar() {\n  return (\n    <div className=\"flex items-center justify-end border-b border-border bg-card/40 px-4 py-2\">\n      <OrgSwitcher />\n    </div>\n  );\n}\n\n/** Layout wrapping org-context devportal routes — adds the org context bar. */\nfunction GlobalLayout() {\n  return (\n    <>\n      <OrgContextBar />\n      <Outlet />\n    </>\n  );\n}\n\n/** Layout for pages that are not org-scoped (OAuth, API Keys, Docs, Resources). */\nfunction PlainLayout() {\n  return <Outlet />;\n}\n\nexport function DevportalRoutes() {\n  return (\n    <Suspense fallback={<LoadingState message=\"Loading page...\" />}>\n      <Routes>\n        {/* Setup wizard — no SectionNav */}\n        <Route path=\"setup\" element={gated(\"setup\", <SetupPage />)} />\n\n        {/* App-context routes (/apps/:appId/*) — no SectionNav.\n            The app-level tab bar inside ApplicationDetailPage is the nav here. */}\n        <Route element={<AppLayout />}>\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          <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          <Route\n            path=\"apps/:appId/analytics\"\n            element={gated(\"apps.analytics\", <AnalyticsDashboardPage />)}\n          />\n        </Route>\n\n        {/* All other routes — with SectionNav */}\n        <Route element={<GlobalLayout />}>\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(\n              \"organizations.members\",\n              <OrganizationMembersPage />,\n            )}\n          />\n          <Route\n            path=\"organizations/:orgId/revenue\"\n            element={gated(\"organizations.revenue\", <RevenueDashboardPage />)}\n          />\n\n          {/* Applications list and create */}\n          <Route path=\"apps\" element={gated(\"apps\", <ApplicationsPage />)} />\n          <Route\n            path=\"apps/new\"\n            element={gated(\"apps.create\", <CreateApplicationPage />)}\n          />\n\n          {/* Delegations */}\n          <Route\n            path=\"delegations\"\n            element={gated(\"delegations\", <DelegationsPage />)}\n          />\n\n          {/* Global Webhooks */}\n          <Route\n            path=\"webhooks/new\"\n            element={gated(\"webhooks.create\", <CreateWebhookPage />)}\n          />\n          <Route\n            path=\"webhooks\"\n            element={gated(\"webhooks\", <WebhooksPage />)}\n          />\n\n          {/* Analytics & Revenue */}\n          <Route\n            path=\"analytics\"\n            element={gated(\"analytics\", <AnalyticsDashboardPage />)}\n          />\n          <Route\n            path=\"revenue\"\n            element={gated(\"revenue\", <RevenueDashboardPage />)}\n          />\n\n          {/* Publisher */}\n          <Route\n            path=\"publisher/profile\"\n            element={gated(\"publisher.profile\", <PublisherProfilePage />)}\n          />\n\n          {/* Settings */}\n          <Route\n            path=\"settings\"\n            element={gated(\"settings\", <SettingsPage />)}\n          />\n\n          {/* Catch-all redirect to dashboard */}\n          <Route path=\"*\" element={<CatchAllRedirect />} />\n        </Route>\n\n        {/* Non-org-context routes — no OrgContextBar */}\n        <Route element={<PlainLayout />}>\n          {/* OAuth Clients */}\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 */}\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          {/* Documentation & Resources */}\n          <Route path=\"docs\" element={gated(\"docs\", <DocumentationPage />)} />\n          <Route\n            path=\"resources\"\n            element={gated(\"resources\", <ResourcesPage />)}\n          />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/devportal/components/AppCard.js

@@ -6,43 +6,41 @@ 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";
-import { GlassCard as m } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/components/AppCard.tsx
-var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y = !1, onToggleSelect: b }) => {
-	let { navigate: x, basePath: S } = e(), { t: C } = s(), w = (e, t) => {
-		let n = C(e);
+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;
-	}, T = () => {
-		g ? g() : x && x(`${S}/apps/${h.id}`);
+	}, w = () => {
+		h ? h() : b && b(`${x}/apps/${m.id}`);
 	};
-	return /* @__PURE__ */ p(m, {
-		treatment: "insight",
+	return /* @__PURE__ */ p("div", {
 		role: "button",
 		tabIndex: 0,
-		className: t("group cursor-pointer border-border-seam p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", y && "border-primary bg-action-primary-bg/5", _),
-		onClick: T,
+		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(), T());
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), w());
 		},
 		children: [
 			/* @__PURE__ */ p("div", {
 				className: "flex items-start gap-3",
 				children: [
-					b && /* @__PURE__ */ f("div", {
+					y && /* @__PURE__ */ f("div", {
 						onClick: (e) => e.stopPropagation(),
 						children: /* @__PURE__ */ f(o, {
-							checked: y,
-							onChange: b,
-							ariaLabel: `Select application ${h.name}`,
+							checked: v,
+							onChange: y,
+							ariaLabel: `Select application ${m.name}`,
 							className: "mt-1"
 						})
 					}),
-					h.iconUrl ? /* @__PURE__ */ f("img", {
-						src: h.iconUrl,
-						alt: h.name,
+					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-action-primary-bg/10 text-primary",
+						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", {
@@ -51,61 +49,61 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ f("h3", {
 								className: "font-semibold truncate",
-								children: h.name
-							}), h.isVerified && /* @__PURE__ */ f(a, { verified: !0 })]
+								children: m.name
+							}), m.isVerified && /* @__PURE__ */ f(a, { verified: !0 })]
 						}), /* @__PURE__ */ f("p", {
-							className: "text-sm text-text-secondary",
-							children: n[h.appType] || h.appType
+							className: "text-sm text-muted-foreground",
+							children: n[m.appType] || m.appType
 						})]
 					})
 				]
 			}),
-			h.shortDescription && /* @__PURE__ */ f("p", {
-				className: "mt-3 text-sm text-text-secondary line-clamp-2",
-				children: h.shortDescription
+			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: h.status }), h.isFeatured && /* @__PURE__ */ f(r, {})]
+				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-text-secondary",
-				children: [h.averageRating !== void 0 && h.averageRating > 0 && /* @__PURE__ */ p("span", {
+				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"
-					}), h.averageRating.toFixed(1)]
+					}), m.averageRating.toFixed(1)]
 				}), /* @__PURE__ */ p("span", {
 					className: "flex items-center gap-1",
 					children: [
 						/* @__PURE__ */ f(l, { size: 14 }),
-						h.installCount.toLocaleString(),
+						m.installCount.toLocaleString(),
 						" ",
-						w("devportal.installs", "installs")
+						C("devportal.installs", "installs")
 					]
 				})]
 			}),
-			v && /* @__PURE__ */ f("div", {
+			_ && /* @__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(), T();
+						e.stopPropagation(), w();
 					},
-					children: [w("devportal.viewDetails", "View Details"), /* @__PURE__ */ f(u, { size: 14 })]
+					children: [C("devportal.viewDetails", "View Details"), /* @__PURE__ */ f(u, { size: 14 })]
 				})
 			})
 		]
 	});
-}, g = ({ app: r, onClick: a, className: s, selected: l = !1, onToggleSelect: u }) => {
+}, 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 border-border-seam bg-bg-surface p-3 cursor-pointer transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", l && "border-primary bg-action-primary-bg/5", s),
+		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());
@@ -124,7 +122,7 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 				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-action-primary-bg/10 text-primary",
+				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", {
@@ -133,7 +131,7 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 					className: "font-medium truncate",
 					children: r.name
 				}), /* @__PURE__ */ f("p", {
-					className: "text-sm text-text-secondary truncate",
+					className: "text-sm text-muted-foreground truncate",
 					children: r.shortDescription || n[r.appType]
 				})]
 			}),
@@ -142,6 +140,6 @@ var h = ({ app: h, onClick: g, className: _, showActions: v = !0, selected: y =
 	});
 };
 //#endregion
-export { h as AppCard, g as AppListItem };
+export { m as AppCard, h as AppListItem };
 
 //# sourceMappingURL=AppCard.js.map

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

@@ -1 +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 { GlassCard } from \"@burdenoff/fe-libs/ui\";\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    <GlassCard\n      treatment=\"insight\"\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        \"group cursor-pointer border-border-seam p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        selected && \"border-primary bg-action-primary-bg/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      {/* 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-action-primary-bg/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-text-secondary\">\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-text-secondary 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-text-secondary\">\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    </GlassCard>\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 border-border-seam bg-bg-surface p-3 cursor-pointer transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        selected && \"border-primary bg-action-primary-bg/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-action-primary-bg/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-text-secondary 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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"}
+{"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.js

@@ -4,36 +4,36 @@ import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProv
 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);
+var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, confirmLabel: g = "Confirm", cancelLabel: _ = "Cancel", variant: v = "default", size: y = "md", loading: b = !1, children: x }) => {
+	let S = n(), C = n(), w = r(null), T = r(null), E = r(null), { t: D } = i(), O = (e, t) => {
+		let n = D(e);
 		return n === e ? t : n;
 	};
 	if (t(() => {
 		if (!d) return;
-		T.current = document.activeElement;
+		E.current = document.activeElement;
 		let e = document.body.style.overflow;
 		document.body.style.overflow = "hidden";
-		let t = w.current ?? C.current;
+		let t = T.current ?? w.current;
 		window.requestAnimationFrame(() => {
 			t?.focus();
 		});
 		let n = (e) => {
-			e.key === "Escape" && !y && (e.preventDefault(), f(!1));
+			e.key === "Escape" && !b && (e.preventDefault(), f(!1));
 		};
 		return document.addEventListener("keydown", n), () => {
-			document.body.style.overflow = e, document.removeEventListener("keydown", n), T.current?.focus();
+			document.body.style.overflow = e, document.removeEventListener("keydown", n), E.current?.focus();
 		};
 	}, [
-		y,
+		b,
 		f,
 		d
 	]), !d) return null;
-	let O = {
+	let k = {
 		default: {
 			icon: /* @__PURE__ */ l(s, { className: "h-6 w-6 text-accent-blue" }),
 			iconBg: "bg-status-info-bg-subtle",
-			button: "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"
+			button: "bg-primary text-primary-foreground hover:bg-primary/90"
 		},
 		danger: {
 			icon: /* @__PURE__ */ l(c, { className: "h-6 w-6 text-status-error-text" }),
@@ -50,44 +50,44 @@ var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, con
 			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);
+	}[v === "destructive" ? "danger" : v], A = () => 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
+			onClick: A
 		}), /* @__PURE__ */ u("div", {
-			ref: C,
+			ref: w,
 			role: "dialog",
 			"aria-modal": "true",
-			"aria-labelledby": x,
-			"aria-describedby": h || b ? S : void 0,
+			"aria-labelledby": S,
+			"aria-describedby": h || x ? C : void 0,
 			tabIndex: -1,
-			className: "relative z-10 w-full max-w-md rounded-lg bg-bg-surface p-6 shadow-xl",
+			className: e("relative z-10 w-full rounded-lg bg-background p-6 shadow-xl", y === "xl" ? "max-w-2xl" : y === "lg" ? "max-w-xl" : "max-w-md"),
 			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
+					className: e("rounded-full p-2", k.iconBg),
+					children: k.icon
 				}), /* @__PURE__ */ u("div", {
 					className: "flex-1",
 					children: [
 						/* @__PURE__ */ l("h3", {
-							id: x,
+							id: S,
 							className: "text-lg font-semibold",
 							children: m
 						}),
 						h && /* @__PURE__ */ l("p", {
-							id: S,
-							className: "mt-2 text-sm text-text-secondary",
+							id: C,
+							className: "mt-2 text-sm text-muted-foreground",
 							children: h
 						}),
-						b && /* @__PURE__ */ l("div", {
+						x && /* @__PURE__ */ l("div", {
 							className: "mt-4",
-							id: h ? void 0 : S,
-							children: b
+							id: h ? void 0 : C,
+							children: x
 						})
 					]
 				})]
@@ -95,17 +95,17 @@ var d = ({ open: d, onOpenChange: f, onConfirm: p, title: m, description: h, con
 				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-bg-sunken transition-colors disabled:opacity-50",
+					onClick: A,
+					disabled: b,
+					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,
+					ref: T,
 					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
+					disabled: b,
+					className: e("rounded-md px-4 py-2 text-sm font-medium transition-colors disabled:opacity-50", k.button),
+					children: b ? O("devportal.processing", "Processing...") : g
 				})]
 			})]
 		})]

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

@@ -1 +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-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/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-bg-surface 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-text-secondary\"\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-bg-sunken 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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"}
+{"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  size?: \"md\" | \"lg\" | \"xl\";\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  size = \"md\",\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={cn(\n          \"relative z-10 w-full rounded-lg bg-background p-6 shadow-xl\",\n          size === \"xl\" ? \"max-w-2xl\" : size === \"lg\" ? \"max-w-xl\" : \"max-w-md\",\n        )}\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.js

@@ -9,31 +9,31 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 		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 border-border-seam bg-bg-surface", f),
+		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 border-border-seam bg-bg-sunken/40",
+					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-text-secondary", t.className),
+						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 border-border-seam",
+					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-bg-sunken" })
+						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-text-secondary",
+					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 border-border-seam transition-colors", d && "cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:bg-bg-sunken/50"),
+					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));
@@ -45,9 +45,9 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 				}, String(t[u]))) })]
 			})
 		}), h && y > 1 && /* @__PURE__ */ s("div", {
-			className: "flex items-center justify-between border-t border-border-seam px-4 py-3",
+			className: "flex items-center justify-between border-t px-4 py-3",
 			children: [/* @__PURE__ */ s("p", {
-				className: "text-sm text-text-secondary",
+				className: "text-sm text-muted-foreground",
 				children: [
 					_("devportal.showingResults", "Showing"),
 					" ",
@@ -69,13 +69,13 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 					/* @__PURE__ */ o("button", {
 						onClick: () => h.onPageChange(1),
 						disabled: h.page === 1,
-						className: "inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-bg-sunken disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						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: "inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-bg-sunken disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						className: "rounded-md p-1 hover:bg-muted disabled:opacity-50",
 						children: /* @__PURE__ */ o(n, { size: 20 })
 					}),
 					/* @__PURE__ */ s("span", {
@@ -93,13 +93,13 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 					/* @__PURE__ */ o("button", {
 						onClick: () => h.onPageChange(h.page + 1),
 						disabled: h.page === y,
-						className: "inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-bg-sunken disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						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: "inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-bg-sunken disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+						className: "rounded-md p-1 hover:bg-muted disabled:opacity-50",
 						children: /* @__PURE__ */ o(a, { size: 20 })
 					})
 				]
@@ -108,11 +108,11 @@ function c({ data: c, columns: l, keyField: u, onRowClick: d, className: f, empt
 	});
 }
 var l = ({ items: t, className: n }) => /* @__PURE__ */ o("dl", {
-	className: e("divide-y divide-border-seam rounded-lg border border-border-seam", n),
+	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-text-secondary sm:w-1/3",
+			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",