@burdenoff/microfe-store 2026.624.6 → 2026.625.1

package/dist/StoreRoutes.js

@@ -12,12 +12,12 @@ function D({ title: e, featureFlag: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "flex min-h-[400px] items-center justify-center p-6",
 		children: /* @__PURE__ */ l("div", {
-			className: "max-w-md rounded-lg border border-border bg-card p-6 text-center shadow-sm",
+			className: "max-w-md rounded-lg border border-border-subtle bg-bg-surface p-6 text-center shadow-sm",
 			children: [/* @__PURE__ */ l("h2", {
-				className: "text-lg font-semibold text-foreground",
+				className: "text-lg font-semibold text-text-primary",
 				children: [e, " is not enabled"]
 			}), /* @__PURE__ */ l("p", {
-				className: "mt-2 text-sm text-muted-foreground",
+				className: "mt-2 text-sm text-text-secondary",
 				children: [
 					"Ask an administrator to enable the ",
 					/* @__PURE__ */ c("span", {

package/dist/StoreRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreRoutes.js","names":[],"sources":["../src/StoreRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, type FC, type ReactNode } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useStore } from './providers/StoreProvider';\nimport { useStorePermissions, STORE_PERMISSIONS } from './hooks/useStorePermissions';\nimport { AccessDenied, PageLoadingFallback } from './components/RouteGuards';\n\n// Lazy loaded pages\nconst MarketplaceHomePage = lazy(() =>\n  import('./pages/MarketplaceHomePage').then((m) => ({ default: m.MarketplaceHomePage }))\n);\nconst InstalledAppsPage = lazy(() =>\n  import('./pages/InstalledAppsPage').then((m) => ({ default: m.InstalledAppsPage }))\n);\nconst ProductDetailPage = lazy(() =>\n  import('./pages/ProductDetailPage').then((m) => ({ default: m.ProductDetailPage }))\n);\nconst CartPage = lazy(() => import('./pages/CartPage').then((m) => ({ default: m.CartPage })));\nconst OrdersPage = lazy(() =>\n  import('./pages/OrdersPage').then((m) => ({ default: m.OrdersPage }))\n);\nconst PublisherSubmitPage = lazy(() =>\n  import('./pages/PublisherSubmitPage').then((m) => ({ default: m.PublisherSubmitPage }))\n);\nconst MyLicensesPage = lazy(() =>\n  import('./pages/MyLicensesPage').then((m) => ({ default: m.MyLicensesPage }))\n);\nconst OrderConfirmationPage = lazy(() =>\n  import('./pages/OrderConfirmationPage').then((m) => ({ default: m.OrderConfirmationPage }))\n);\nconst PublisherDashboardPage = lazy(() =>\n  import('./pages/PublisherDashboardPage').then((m) => ({ default: m.PublisherDashboardPage }))\n);\nconst PublisherSubmissionsPage = lazy(() =>\n  import('./pages/PublisherSubmissionsPage').then((m) => ({ default: m.PublisherSubmissionsPage }))\n);\nconst PublisherRevenuePage = lazy(() =>\n  import('./pages/PublisherRevenuePage').then((m) => ({ default: m.PublisherRevenuePage }))\n);\nconst AppDetailPage = lazy(() =>\n  import('./pages/AppDetailPage').then((m) => ({ default: m.AppDetailPage }))\n);\nconst AppSettingsPage = lazy(() =>\n  import('./pages/AppSettingsPage').then((m) => ({ default: m.AppSettingsPage }))\n);\nconst ProductReviewsPage = lazy(() =>\n  import('./pages/ProductReviewsPage').then((m) => ({ default: m.ProductReviewsPage }))\n);\n\nfunction FeatureDisabled({ title, featureFlag }: { title: string; featureFlag: string }) {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center p-6\">\n      <div className=\"max-w-md rounded-lg border border-border bg-card p-6 text-center shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-foreground\">{title} is not enabled</h2>\n        <p className=\"mt-2 text-sm text-muted-foreground\">\n          Ask an administrator to enable the <span className=\"font-mono\">{featureFlag}</span>{' '}\n          feature flag for this organization.\n        </p>\n      </div>\n    </div>\n  );\n}\n\ninterface StoreRouteGateProps {\n  title: string;\n  featureFlag: string;\n  allowed: boolean;\n  isLoading: boolean;\n  children: ReactNode;\n}\n\nfunction StoreRouteGate({ title, featureFlag, allowed, isLoading, children }: StoreRouteGateProps) {\n  if (isLoading) {\n    return <PageLoadingFallback />;\n  }\n  return (\n    <FeatureGate\n      flag={featureFlag}\n      defaultValue\n      fallback={<FeatureDisabled title={title} featureFlag={featureFlag} />}\n    >\n      {allowed ? children : <AccessDenied />}\n    </FeatureGate>\n  );\n}\n\n/**\n * StoreRoutes component\n *\n * Internal routing for the Store microfrontend. Every route is gated by both\n * a live feature flag (via FeatureGate) and an RBAC permission check so that\n * features can be toggled per-org without a deployment.\n *\n * Flag namespace: store.*\n */\nexport const StoreRoutes: FC = () => {\n  const { basePath } = useStore();\n  const { permissions, hasPermission, isLoading } = useStorePermissions();\n\n  return (\n    <Routes>\n      {/* Default redirect */}\n      <Route index element={<Navigate to=\"marketplace\" replace />} />\n\n      {/* Marketplace */}\n      <Route\n        path=\"marketplace\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MarketplaceHomePage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"marketplace/product/:productId\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <ProductDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Cart */}\n      <Route\n        path=\"cart\"\n        element={\n          <StoreRouteGate\n            title=\"Cart\"\n            featureFlag=\"store.cart\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <CartPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Orders */}\n      <Route\n        path=\"orders/:orderId/confirmation\"\n        element={\n          <StoreRouteGate\n            title=\"Order confirmation\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrderConfirmationPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"orders\"\n        element={\n          <StoreRouteGate\n            title=\"Orders\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrdersPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Installed Apps */}\n      <Route\n        path=\"installed\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <InstalledAppsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId/settings\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppSettingsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Licenses */}\n      <Route\n        path=\"licenses\"\n        element={\n          <StoreRouteGate\n            title=\"Licenses\"\n            featureFlag=\"store.licenses\"\n            allowed={permissions.canManageLicenses}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MyLicensesPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Publisher Portal */}\n      <Route\n        path=\"publisher\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherDashboardPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/submit\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherSubmitPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/submissions\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherSubmissionsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/revenue\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher revenue\"\n            featureFlag=\"store.publisher-portal.revenue\"\n            allowed={hasPermission(STORE_PERMISSIONS.EARNINGS_READ)}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherRevenuePage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/product/:productId/reviews\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <ProductReviewsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Catch-all redirect */}\n      <Route path=\"*\" element={<Navigate to={`${basePath}/marketplace`} replace />} />\n    </Routes>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StoreRoutes.js","names":[],"sources":["../src/StoreRoutes.tsx"],"sourcesContent":["import { lazy, Suspense, type FC, type ReactNode } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useStore } from './providers/StoreProvider';\nimport { useStorePermissions, STORE_PERMISSIONS } from './hooks/useStorePermissions';\nimport { AccessDenied, PageLoadingFallback } from './components/RouteGuards';\n\n// Lazy loaded pages\nconst MarketplaceHomePage = lazy(() =>\n  import('./pages/MarketplaceHomePage').then((m) => ({ default: m.MarketplaceHomePage }))\n);\nconst InstalledAppsPage = lazy(() =>\n  import('./pages/InstalledAppsPage').then((m) => ({ default: m.InstalledAppsPage }))\n);\nconst ProductDetailPage = lazy(() =>\n  import('./pages/ProductDetailPage').then((m) => ({ default: m.ProductDetailPage }))\n);\nconst CartPage = lazy(() => import('./pages/CartPage').then((m) => ({ default: m.CartPage })));\nconst OrdersPage = lazy(() =>\n  import('./pages/OrdersPage').then((m) => ({ default: m.OrdersPage }))\n);\nconst PublisherSubmitPage = lazy(() =>\n  import('./pages/PublisherSubmitPage').then((m) => ({ default: m.PublisherSubmitPage }))\n);\nconst MyLicensesPage = lazy(() =>\n  import('./pages/MyLicensesPage').then((m) => ({ default: m.MyLicensesPage }))\n);\nconst OrderConfirmationPage = lazy(() =>\n  import('./pages/OrderConfirmationPage').then((m) => ({ default: m.OrderConfirmationPage }))\n);\nconst PublisherDashboardPage = lazy(() =>\n  import('./pages/PublisherDashboardPage').then((m) => ({ default: m.PublisherDashboardPage }))\n);\nconst PublisherSubmissionsPage = lazy(() =>\n  import('./pages/PublisherSubmissionsPage').then((m) => ({ default: m.PublisherSubmissionsPage }))\n);\nconst PublisherRevenuePage = lazy(() =>\n  import('./pages/PublisherRevenuePage').then((m) => ({ default: m.PublisherRevenuePage }))\n);\nconst AppDetailPage = lazy(() =>\n  import('./pages/AppDetailPage').then((m) => ({ default: m.AppDetailPage }))\n);\nconst AppSettingsPage = lazy(() =>\n  import('./pages/AppSettingsPage').then((m) => ({ default: m.AppSettingsPage }))\n);\nconst ProductReviewsPage = lazy(() =>\n  import('./pages/ProductReviewsPage').then((m) => ({ default: m.ProductReviewsPage }))\n);\n\nfunction FeatureDisabled({ title, featureFlag }: { title: string; featureFlag: string }) {\n  return (\n    <div className=\"flex min-h-[400px] items-center justify-center p-6\">\n      <div className=\"max-w-md rounded-lg border border-border-subtle bg-bg-surface p-6 text-center shadow-sm\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">{title} is not enabled</h2>\n        <p className=\"mt-2 text-sm text-text-secondary\">\n          Ask an administrator to enable the <span className=\"font-mono\">{featureFlag}</span>{' '}\n          feature flag for this organization.\n        </p>\n      </div>\n    </div>\n  );\n}\n\ninterface StoreRouteGateProps {\n  title: string;\n  featureFlag: string;\n  allowed: boolean;\n  isLoading: boolean;\n  children: ReactNode;\n}\n\nfunction StoreRouteGate({ title, featureFlag, allowed, isLoading, children }: StoreRouteGateProps) {\n  if (isLoading) {\n    return <PageLoadingFallback />;\n  }\n  return (\n    <FeatureGate\n      flag={featureFlag}\n      defaultValue\n      fallback={<FeatureDisabled title={title} featureFlag={featureFlag} />}\n    >\n      {allowed ? children : <AccessDenied />}\n    </FeatureGate>\n  );\n}\n\n/**\n * StoreRoutes component\n *\n * Internal routing for the Store microfrontend. Every route is gated by both\n * a live feature flag (via FeatureGate) and an RBAC permission check so that\n * features can be toggled per-org without a deployment.\n *\n * Flag namespace: store.*\n */\nexport const StoreRoutes: FC = () => {\n  const { basePath } = useStore();\n  const { permissions, hasPermission, isLoading } = useStorePermissions();\n\n  return (\n    <Routes>\n      {/* Default redirect */}\n      <Route index element={<Navigate to=\"marketplace\" replace />} />\n\n      {/* Marketplace */}\n      <Route\n        path=\"marketplace\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MarketplaceHomePage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"marketplace/product/:productId\"\n        element={\n          <StoreRouteGate\n            title=\"Marketplace\"\n            featureFlag=\"store.marketplace\"\n            allowed={permissions.canBrowse}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <ProductDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Cart */}\n      <Route\n        path=\"cart\"\n        element={\n          <StoreRouteGate\n            title=\"Cart\"\n            featureFlag=\"store.cart\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <CartPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Orders */}\n      <Route\n        path=\"orders/:orderId/confirmation\"\n        element={\n          <StoreRouteGate\n            title=\"Order confirmation\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrderConfirmationPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"orders\"\n        element={\n          <StoreRouteGate\n            title=\"Orders\"\n            featureFlag=\"store.orders\"\n            allowed={permissions.canPurchase}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <OrdersPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Installed Apps */}\n      <Route\n        path=\"installed\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <InstalledAppsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppDetailPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"installed/:installationId/settings\"\n        element={\n          <StoreRouteGate\n            title=\"Installed apps\"\n            featureFlag=\"store.installed\"\n            allowed={permissions.canInstall}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <AppSettingsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Licenses */}\n      <Route\n        path=\"licenses\"\n        element={\n          <StoreRouteGate\n            title=\"Licenses\"\n            featureFlag=\"store.licenses\"\n            allowed={permissions.canManageLicenses}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <MyLicensesPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Publisher Portal */}\n      <Route\n        path=\"publisher\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherDashboardPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/submit\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherSubmitPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/submissions\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherSubmissionsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/revenue\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher revenue\"\n            featureFlag=\"store.publisher-portal.revenue\"\n            allowed={hasPermission(STORE_PERMISSIONS.EARNINGS_READ)}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <PublisherRevenuePage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n      <Route\n        path=\"publisher/product/:productId/reviews\"\n        element={\n          <StoreRouteGate\n            title=\"Publisher portal\"\n            featureFlag=\"store.publisher-portal\"\n            allowed={permissions.canPublish}\n            isLoading={isLoading}\n          >\n            <Suspense fallback={<PageLoadingFallback />}>\n              <ProductReviewsPage />\n            </Suspense>\n          </StoreRouteGate>\n        }\n      />\n\n      {/* Catch-all redirect */}\n      <Route path=\"*\" element={<Navigate to={`${basePath}/marketplace`} replace />} />\n    </Routes>\n  );\n};\n"],"mappings":"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"}

package/dist/components/AccessDenied.js

@@ -4,14 +4,14 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 var r = () => {
 	let { t: r } = e();
 	return /* @__PURE__ */ t("div", {
-		className: "flex items-center justify-center min-h-[400px] animate-in fade-in duration-300",
+		className: "flex items-center justify-center min-h-[400px] animate-in fade-in duration-200",
 		children: /* @__PURE__ */ n("div", {
 			className: "text-center",
 			children: [/* @__PURE__ */ t("h1", {
-				className: "text-2xl font-semibold text-foreground mb-2",
+				className: "text-2xl font-semibold text-text-primary mb-2",
 				children: r("common.accessDenied", { defaultValue: "Access Denied" })
 			}), /* @__PURE__ */ t("p", {
-				className: "text-muted-foreground",
+				className: "text-text-secondary",
 				children: r("common.accessDeniedDescription", { defaultValue: "You do not have permission to access this section." })
 			})]
 		})

package/dist/components/AccessDenied.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessDenied.js","names":[],"sources":["../../src/components/AccessDenied.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * Access denied page shown when user lacks permission for a route\n */\nexport const AccessDenied: FC = () => {\n  const { t } = useI18n();\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px] animate-in fade-in duration-300\">\n      <div className=\"text-center\">\n        <h1 className=\"text-2xl font-semibold text-foreground mb-2\">\n          {t('common.accessDenied', { defaultValue: 'Access Denied' })}\n        </h1>\n        <p className=\"text-muted-foreground\">\n          {t('common.accessDeniedDescription', {\n            defaultValue: 'You do not have permission to access this section.',\n          })}\n        </p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,UAAyB;CACpC,IAAM,EAAE,SAAM,GAAS;AACvB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,uBAAuB,EAAE,cAAc,iBAAiB,CAAC;IACzD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,kCAAkC,EACnC,cAAc,sDACf,CAAC;IACA,CAAA,CACA;;EACF,CAAA"}
+{"version":3,"file":"AccessDenied.js","names":[],"sources":["../../src/components/AccessDenied.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * Access denied page shown when user lacks permission for a route\n */\nexport const AccessDenied: FC = () => {\n  const { t } = useI18n();\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px] animate-in fade-in duration-200\">\n      <div className=\"text-center\">\n        <h1 className=\"text-2xl font-semibold text-text-primary mb-2\">\n          {t('common.accessDenied', { defaultValue: 'Access Denied' })}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {t('common.accessDeniedDescription', {\n            defaultValue: 'You do not have permission to access this section.',\n          })}\n        </p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,UAAyB;CACpC,IAAM,EAAE,SAAM,GAAS;AACvB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,uBAAuB,EAAE,cAAc,iBAAiB,CAAC;IACzD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,kCAAkC,EACnC,cAAc,sDACf,CAAC;IACA,CAAA,CACA;;EACF,CAAA"}

package/dist/components/InstallAppModal.js

@@ -1,17 +1,18 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useCallback as t, useEffect as n, useReducer as r, useState as i } from "react";
-import { AlertCircle as a, Building2 as o, CheckCircle as s, Info as c, Loader2 as l, X as u } from "lucide-react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { graphqlFetch as m } from "@burdenoff/fe-libs/shared/graphql";
+import { AlertCircle as a, Building2 as o, CheckCircle as s, Info as c, Loader2 as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
+import { Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y } from "@burdenoff/fe-libs/ui";
 //#region src/components/InstallAppModal.tsx
-var h = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", g = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", _ = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", v = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", y = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", b = new Set([
+var b = "query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }", x = "mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }", S = "mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }", C = "mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }", w = "mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }", T = new Set([
 	"VIBEMODULE",
 	"NODE",
 	"CONSOLE",
 	"DASHBOARD",
 	"PARSER",
 	"DATASINK"
-]), x = {
+]), E = {
 	ALREADY_INSTALLED: "This app is already installed in the selected workspace.",
 	QUOTA_EXCEEDED: "Installation limit reached. Please upgrade your plan or contact support.",
 	PERMISSION_DENIED: "You do not have permission to install apps in this workspace.",
@@ -20,19 +21,19 @@ var h = "query MyWorkspaces { myWorkspaces { items { id name slug type status or
 	ENTITLEMENT_EXPIRED: "Your license for this app has expired.",
 	UNSUPPORTED_TYPE: "This product type cannot be installed in the selected workspace."
 };
-function S(e) {
-	for (let [t, n] of Object.entries(x)) if (e.toUpperCase().includes(t)) return n;
+function D(e) {
+	for (let [t, n] of Object.entries(E)) if (e.toUpperCase().includes(t)) return n;
 	return "Installation failed. Please try again or contact support.";
 }
-var C = {
+var O = {
 	selectedWorkspace: null,
 	installing: !1,
 	installError: null,
 	installInfo: null
 };
-function w(e, t) {
+function k(e, t) {
 	switch (t.type) {
-		case "reset": return C;
+		case "reset": return O;
 		case "selectWorkspace": return {
 			...e,
 			selectedWorkspace: t.workspaceId
@@ -58,14 +59,14 @@ function w(e, t) {
 		default: return e;
 	}
 }
-function T(r) {
+function A(r) {
 	let { authToken: a } = e(), [o, s] = i([]), [c, l] = i(!1), [u, d] = i(null), f = t(async () => {
 		if (!r) {
 			l(!0), d(null);
 			try {
-				let e = await m({
+				let e = await p({
 					gateway: "global",
-					query: h,
+					query: b,
 					authToken: a || void 0
 				});
 				if (e.errors?.length) throw Error(e.errors[0]?.message ?? "GraphQL error");
@@ -86,19 +87,19 @@ function T(r) {
 		refetch: f
 	};
 }
-var E = ({ isOpen: t, onClose: n, app: i, orderId: h, purchaseState: x = "free", onInstallSuccess: E, onInstallError: D }) => {
-	let { authToken: O, user: k } = e(), [A, j] = r(w, C), { selectedWorkspace: M, installing: N, installError: P, installInfo: F } = A, { workspaces: I, loading: L, error: R } = T(!t), z = I.filter((e) => e.status === "ACTIVE"), B = async () => {
-		if (!M) return;
-		let e = z.find((e) => e.id === M);
+var j = ({ isOpen: t, onClose: n, app: i, orderId: b, purchaseState: E = "free", onInstallSuccess: j, onInstallError: M }) => {
+	let { authToken: N, user: P } = e(), [F, I] = r(k, O), { selectedWorkspace: L, installing: R, installError: z, installInfo: B } = F, { workspaces: V, loading: H, error: U } = A(!t), W = V.filter((e) => e.status === "ACTIVE"), G = async () => {
+		if (!L) return;
+		let e = W.find((e) => e.id === L);
 		if (!e) return;
-		let t = k?.id;
-		j({ type: "startInstall" });
+		let t = P?.id;
+		I({ type: "startInstall" });
 		try {
-			if (!h && x !== "purchased") {
+			if (!b && E !== "purchased") {
 				if (!t) throw Error("Unable to identify the current user for license creation");
-				await m({
+				await p({
 					gateway: "global",
-					query: y,
+					query: w,
 					variables: { input: {
 						productId: i.id,
 						purchasedBy: t,
@@ -108,50 +109,50 @@ var E = ({ isOpen: t, onClose: n, app: i, orderId: h, purchaseState: x = "free",
 							productType: i.type
 						}
 					} },
-					authToken: O || void 0
+					authToken: N || void 0
 				});
 			}
-			let r = await m({
+			let r = await p({
 				gateway: "global",
-				query: v,
+				query: C,
 				variables: {
-					orderId: h ?? null,
+					orderId: b ?? null,
 					productId: i.id,
 					workspaceId: e.id
 				},
-				authToken: O || void 0
+				authToken: N || void 0
 			});
 			if (r.errors?.length) throw Error(r.errors[0]?.message ?? "Installation failed");
 			let a = r.data?.installPurchasedApp;
-			if (a?.success) a.alreadyInstalled ? j({
+			if (a?.success) a.alreadyInstalled ? I({
 				type: "setInfo",
 				info: a.message || "Already installed on this workspace"
-			}) : (E?.(e.id, e.name), n());
+			}) : (j?.(e.id, e.name), n());
 			else {
 				let e = a?.error || "Installation failed";
-				j({
+				I({
 					type: "setError",
-					error: S(e)
-				}), D?.(Error(e));
+					error: D(e)
+				}), M?.(Error(e));
 			}
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Installation failed";
-			j({
+			I({
 				type: "setError",
-				error: S(t)
-			}), D?.(Error(t));
+				error: D(t)
+			}), M?.(Error(t));
 		} finally {
-			j({ type: "finishInstall" });
+			I({ type: "finishInstall" });
 		}
-	}, V = async () => {
-		if (!M) return;
-		let e = z.find((e) => e.id === M);
+	}, K = async () => {
+		if (!L) return;
+		let e = W.find((e) => e.id === L);
 		if (e) {
-			j({ type: "startInstall" });
+			I({ type: "startInstall" });
 			try {
-				let t = await m({
+				let t = await p({
 					gateway: "workspace",
-					query: g,
+					query: x,
 					variables: {
 						workspaceIds: [e.id],
 						input: {
@@ -165,7 +166,7 @@ var E = ({ isOpen: t, onClose: n, app: i, orderId: h, purchaseState: x = "free",
 							}
 						}
 					},
-					authToken: O || void 0,
+					authToken: N || void 0,
 					workspaceId: e.id,
 					workspaceToken: !0
 				});
@@ -173,9 +174,9 @@ var E = ({ isOpen: t, onClose: n, app: i, orderId: h, purchaseState: x = "free",
 				let r = t.data?.installWorkspaceApps;
 				if (r?.successCount && r.successCount > 0) {
 					try {
-						await m({
+						await p({
 							gateway: "global",
-							query: _,
+							query: S,
 							variables: { input: {
 								productId: i.id,
 								workspaceId: e.id,
@@ -190,164 +191,150 @@ var E = ({ isOpen: t, onClose: n, app: i, orderId: h, purchaseState: x = "free",
 									type: i.type
 								}
 							} },
-							authToken: O || void 0
+							authToken: N || void 0
 						});
 					} catch {}
-					E?.(e.id, e.name), n();
+					j?.(e.id, e.name), n();
 				} else {
 					let e = r?.results?.[0]?.error || "Installation failed";
-					j({
+					I({
 						type: "setError",
-						error: S(e)
-					}), D?.(Error(e));
+						error: D(e)
+					}), M?.(Error(e));
 				}
 			} catch (e) {
 				let t = e instanceof Error ? e.message : "Installation failed";
-				j({
+				I({
 					type: "setError",
-					error: S(t)
-				}), D?.(Error(t));
+					error: D(t)
+				}), M?.(Error(t));
 			} finally {
-				j({ type: "finishInstall" });
+				I({ type: "finishInstall" });
 			}
 		}
 	};
-	return t ? /* @__PURE__ */ p("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ f("button", {
-			type: "button",
-			"aria-label": "Close modal",
-			className: "absolute inset-0 bg-bg-overlay/50 backdrop-blur-sm",
-			onClick: n
-		}), /* @__PURE__ */ p("dialog", {
-			open: !0,
-			"aria-modal": "true",
-			"aria-labelledby": "install-app-modal-title",
-			className: "relative z-10 mx-4 w-full max-w-lg rounded-2xl border border-border-default bg-bg-surface shadow-2xl",
+	return /* @__PURE__ */ d(m, {
+		open: t,
+		onOpenChange: (e) => !e && n(),
+		children: /* @__PURE__ */ f(h, {
+			className: "mx-4 w-full max-w-lg gap-0 p-0",
 			children: [
-				/* @__PURE__ */ p("div", {
-					className: "flex items-center justify-between border-b border-border-default px-6 py-4",
-					children: [/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ d(v, {
+					className: "flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left",
+					children: /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-3",
-						children: [i.icon ? /* @__PURE__ */ f("img", {
+						children: [i.icon ? /* @__PURE__ */ d("img", {
 							src: i.icon,
 							alt: i.name,
 							className: "size-10 rounded-lg object-cover"
-						}) : /* @__PURE__ */ f("div", {
+						}) : /* @__PURE__ */ d("div", {
 							className: "flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted",
 							children: i.name.charAt(0)
-						}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h2", {
-							id: "install-app-modal-title",
+						}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d(y, {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Install App"
-						}), /* @__PURE__ */ f("p", {
+						}), /* @__PURE__ */ d(g, {
 							className: "text-sm text-text-muted",
 							children: i.name
 						})] })]
-					}), /* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: n,
-						"aria-label": "Close install dialog",
-						className: "cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: /* @__PURE__ */ f(u, { className: "size-5" })
-					})]
+					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "px-6 py-4",
-					children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ d("p", {
 						className: "mb-4 text-text-secondary",
 						children: "Select the workspace where you want to install this app:"
-					}), /* @__PURE__ */ f("div", {
-						className: "max-h-72 overflow-y-auto rounded-lg border border-border-default",
-						children: L ? /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ d("div", {
+						className: "max-h-72 overflow-y-auto rounded-lg border border-border-seam",
+						children: H ? /* @__PURE__ */ d("div", {
 							className: "flex items-center justify-center py-12",
-							children: /* @__PURE__ */ f(l, { className: "size-8 animate-spin text-text-muted" })
-						}) : R ? /* @__PURE__ */ p("div", {
+							children: /* @__PURE__ */ d(l, { className: "size-8 animate-spin text-text-muted" })
+						}) : U ? /* @__PURE__ */ f("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
 							children: [
-								/* @__PURE__ */ f(a, { className: "mb-2 size-8 text-status-error-text" }),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ d(a, { className: "mb-2 size-8 text-status-error-text" }),
+								/* @__PURE__ */ d("p", {
 									className: "text-sm text-status-error-text",
 									children: "Failed to load workspaces"
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ d("p", {
 									className: "text-xs text-text-muted mt-1",
-									children: R.message
+									children: U.message
 								})
 							]
-						}) : z.length === 0 ? /* @__PURE__ */ p("div", {
+						}) : W.length === 0 ? /* @__PURE__ */ f("div", {
 							className: "flex flex-col items-center justify-center py-12 text-center",
-							children: [/* @__PURE__ */ f(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ f("p", {
+							children: [/* @__PURE__ */ d(o, { className: "mb-2 size-8 text-text-muted" }), /* @__PURE__ */ d("p", {
 								className: "text-sm text-text-muted",
 								children: "No workspaces available"
 							})]
-						}) : /* @__PURE__ */ f("div", {
+						}) : /* @__PURE__ */ d("div", {
 							className: "divide-y divide-border-default",
-							children: z.map((e) => /* @__PURE__ */ p("button", {
+							children: W.map((e) => /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => j({
+								onClick: () => I({
 									type: "selectWorkspace",
 									workspaceId: e.id
 								}),
-								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${M === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
+								className: `w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${L === e.id ? "bg-action-primary-bg/10" : "transition-colors hover:bg-bg-sunken"}`,
 								children: [
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ d("div", {
 										className: "flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link",
-										children: /* @__PURE__ */ f(o, { className: "size-5" })
+										children: /* @__PURE__ */ d(o, { className: "size-5" })
 									}),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ f("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ f("p", {
+										children: [/* @__PURE__ */ d("p", {
 											className: "font-medium text-text-primary truncate",
 											children: e.name
-										}), e.slug ? /* @__PURE__ */ p("p", {
+										}), e.slug ? /* @__PURE__ */ f("p", {
 											className: "text-xs text-text-muted truncate",
 											children: ["/", e.slug]
 										}) : null]
 									}),
-									M === e.id && /* @__PURE__ */ f(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
+									L === e.id && /* @__PURE__ */ d(s, { className: "size-5 flex-shrink-0 text-action-primary-bg" })
 								]
 							}, e.id))
 						})
 					})]
 				}),
-				/* @__PURE__ */ p("div", {
-					className: "border-t border-border-default px-6 py-4",
+				/* @__PURE__ */ f(_, {
+					className: "block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0",
 					children: [
-						F && /* @__PURE__ */ p("div", {
+						B && /* @__PURE__ */ f("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text",
-							children: [/* @__PURE__ */ f(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: F })]
+							children: [/* @__PURE__ */ d(c, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: B })]
 						}),
-						P && /* @__PURE__ */ p("div", {
+						z && /* @__PURE__ */ f("div", {
 							className: "mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text",
-							children: [/* @__PURE__ */ f(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ f("span", { children: P })]
+							children: [/* @__PURE__ */ d(a, { className: "size-4 flex-shrink-0" }), /* @__PURE__ */ d("span", { children: z })]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: n,
-								disabled: N,
+								disabled: R,
 								className: "cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
 								children: "Cancel"
-							}), /* @__PURE__ */ f("button", {
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: async () => {
 									let e = i.type?.toUpperCase() ?? "";
-									x === "purchased" || h || b.has(e) ? await B() : await V();
+									E === "purchased" || b || T.has(e) ? await G() : await K();
 								},
-								disabled: !M || N,
+								disabled: !L || R,
 								className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2",
-								children: N ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
+								children: R ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, { className: "size-4 animate-spin" }), "Installing…"] }) : "Install App"
 							})]
 						})
 					]
 				})
 			]
-		})]
-	}) : null;
+		})
+	});
 };
 //#endregion
-export { E as InstallAppModal };
+export { j as InstallAppModal };
 
 //# sourceMappingURL=InstallAppModal.js.map