@burdenoff/microfe-store 2026.510.113

package/dist/pages/InstalledAppsPage.js

@@ -0,0 +1,290 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useInstallationStatusUpdatedSubscription as t } from "../generated/global-operations.js";
+import { StoreInstallationStatus as n } from "../generated/global-types.js";
+import { useInstallations as r } from "../hooks/useInstallations.js";
+import { useMemo as i, useState as a } from "react";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as s, Loader2 as c, Package as l, Plus as u, RefreshCw as d, Trash2 as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useNavigate as h } from "react-router-dom";
+//#region src/pages/InstalledAppsPage.tsx
+var g = [
+	{
+		label: "All",
+		value: "all"
+	},
+	{
+		label: "Active",
+		value: n.Active
+	},
+	{
+		label: "Inactive",
+		value: n.Inactive
+	},
+	{
+		label: "Pending",
+		value: n.Pending
+	},
+	{
+		label: "Installing",
+		value: n.Installing
+	},
+	{
+		label: "Failed",
+		value: n.Failed
+	},
+	{
+		label: "Uninstalled",
+		value: n.Uninstalled
+	}
+], _ = (e) => e === n.Active ? "bg-status-success-bg-subtle text-status-success-text" : e === n.Pending || e === n.Installing || e === n.Inactive ? "bg-status-warning-bg-subtle text-status-warning-text" : e === n.Failed ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken text-text-muted", v = () => {
+	let v = h(), { basePath: y, workspaceId: b } = e(), { t: x } = o(), [S, C] = a("all"), [w, T] = a(null), [E, D] = a(null), { installations: O, totalCount: k, hasMore: A, loading: j, error: M, uninstall: N, uninstallingIds: P, refetch: F, loadMore: I } = r({ filter: i(() => S === "all" ? void 0 : { status: S }, [S]) });
+	t({
+		variables: { workspaceId: b ?? "" },
+		skip: !b,
+		onData: () => {
+			F();
+		},
+		onError: (e) => {
+			console.warn("InstallationStatusUpdated subscription error:", e.message);
+		}
+	});
+	let L = i(() => [...O].sort((e, t) => t.installedAt.localeCompare(e.installedAt)), [O]), R = () => {
+		v(`${y}/marketplace`);
+	}, z = async (e) => {
+		T(null), await N(e, "User requested uninstall from store UI") || T("Could not uninstall. Try again."), D(null);
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "flex h-full flex-col",
+		children: [
+			/* @__PURE__ */ p("header", {
+				className: "border-b border-border-default bg-bg-surface px-6 py-4",
+				children: /* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+						className: "text-2xl font-bold text-text-primary",
+						children: x("pages.installed.title", { defaultValue: "Installed Apps" })
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-text-muted",
+						children: "Manage your installed applications"
+					})] }), /* @__PURE__ */ m("button", {
+						onClick: R,
+						className: "flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90",
+						children: [/* @__PURE__ */ p(u, { className: "h-5 w-5" }), /* @__PURE__ */ p("span", { children: x("pages.installed.installNew", { defaultValue: "Install New App" }) })]
+					})]
+				})
+			}),
+			/* @__PURE__ */ p("main", {
+				className: "flex-1 overflow-y-auto p-6",
+				children: /* @__PURE__ */ m("div", {
+					className: "mx-auto max-w-6xl",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "mb-4 flex flex-wrap items-center gap-2",
+							children: [g.map((e) => /* @__PURE__ */ p("button", {
+								onClick: () => C(e.value),
+								className: `cursor-pointer rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${S === e.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-surface"}`,
+								children: e.label
+							}, e.label)), /* @__PURE__ */ m("button", {
+								onClick: () => F(),
+								className: "ml-auto cursor-pointer inline-flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+								children: [/* @__PURE__ */ p(d, { className: "h-4 w-4" }), "Refresh"]
+							})]
+						}),
+						w && /* @__PURE__ */ p("div", {
+							role: "alert",
+							className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
+							children: w
+						}),
+						j ? /* @__PURE__ */ p("div", {
+							role: "status",
+							"aria-label": "Loading installed apps",
+							className: "flex items-center justify-center py-16",
+							children: /* @__PURE__ */ p(c, {
+								className: "h-8 w-8 animate-spin text-text-muted",
+								"aria-hidden": "true"
+							})
+						}) : M ? /* @__PURE__ */ m("div", {
+							role: "alert",
+							className: "flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle py-16 text-center",
+							children: [
+								/* @__PURE__ */ p(s, { className: "mb-3 h-10 w-10 text-status-error-text" }),
+								/* @__PURE__ */ p("h3", {
+									className: "text-lg font-semibold text-status-error-text",
+									children: "Failed to load installations"
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "mt-2 text-sm text-text-muted",
+									children: M.message
+								}),
+								/* @__PURE__ */ p("button", {
+									onClick: () => F(),
+									className: "mt-4 cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
+									children: "Try Again"
+								})
+							]
+						}) : L.length === 0 ? /* @__PURE__ */ p("div", {
+							className: "flex items-center justify-center py-16",
+							children: /* @__PURE__ */ m("div", {
+								className: "text-center",
+								children: [
+									/* @__PURE__ */ p(l, { className: "mx-auto mb-4 h-16 w-16 text-text-muted" }),
+									/* @__PURE__ */ p("h3", {
+										className: "mb-2 text-lg font-semibold text-text-primary",
+										children: "No apps installed"
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "mb-4 text-sm text-text-muted",
+										children: "Browse the marketplace to install your first app"
+									}),
+									/* @__PURE__ */ p("button", {
+										onClick: R,
+										className: "rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90",
+										children: "Browse Marketplace"
+									})
+								]
+							})
+						}) : /* @__PURE__ */ m("div", {
+							className: "space-y-4 flex flex-col",
+							children: [
+								/* @__PURE__ */ m("p", {
+									"aria-live": "polite",
+									className: "text-sm text-text-muted",
+									children: [
+										k,
+										" installation",
+										k === 1 ? "" : "s",
+										" found"
+									]
+								}),
+								/* @__PURE__ */ p("ul", {
+									className: "space-y-4 flex flex-col",
+									children: L.map((e) => {
+										let t = P.has(`${e.workspaceId}:${e.productId}`);
+										return /* @__PURE__ */ p("li", {
+											className: "rounded-xl border border-border-default bg-bg-surface p-4",
+											children: /* @__PURE__ */ m("div", {
+												className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+												children: [/* @__PURE__ */ m("div", {
+													className: "flex items-start gap-3",
+													children: [/* @__PURE__ */ p("div", {
+														className: "flex h-12 w-12 items-center justify-center rounded-lg bg-bg-sunken text-lg font-semibold text-text-muted",
+														children: /* @__PURE__ */ p(l, { className: "h-6 w-6" })
+													}), /* @__PURE__ */ m("div", { children: [
+														/* @__PURE__ */ p("h3", {
+															className: "font-semibold text-text-primary",
+															children: e.workspaceName ?? e.workspaceId
+														}),
+														/* @__PURE__ */ m("p", {
+															className: "text-sm text-text-muted",
+															children: ["Product: ", e.productId]
+														}),
+														/* @__PURE__ */ m("div", {
+															className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-text-muted",
+															children: [
+																/* @__PURE__ */ p("span", {
+																	className: `rounded-full px-2 py-1 font-medium ${_(e.status)}`,
+																	children: e.status
+																}),
+																e.version && /* @__PURE__ */ m("span", { children: ["v", e.version] }),
+																e.workspaceType && /* @__PURE__ */ p("span", { children: e.workspaceType })
+															]
+														})
+													] })]
+												}), /* @__PURE__ */ m("div", {
+													className: "flex items-center gap-2",
+													children: [
+														/* @__PURE__ */ p("button", {
+															onClick: () => v(`${y}/installed/${e.id}`),
+															className: "cursor-pointer rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+															children: "Details"
+														}),
+														/* @__PURE__ */ p("button", {
+															onClick: () => v(`${y}/marketplace/product/${e.productId}`),
+															className: "cursor-pointer rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+															children: "View Product"
+														}),
+														e.status !== n.Uninstalled && /* @__PURE__ */ m("button", {
+															onClick: () => D(e),
+															disabled: t,
+															className: "cursor-pointer inline-flex items-center gap-1.5 rounded-lg border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-60",
+															children: [t ? /* @__PURE__ */ p(c, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(f, { className: "h-4 w-4" }), "Uninstall"]
+														})
+													]
+												})]
+											})
+										}, e.id);
+									})
+								}),
+								A && /* @__PURE__ */ p("div", {
+									className: "flex justify-center pt-6",
+									children: /* @__PURE__ */ p("button", {
+										type: "button",
+										onClick: I,
+										disabled: j,
+										className: "rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50",
+										children: j ? "Loading…" : "Load more"
+									})
+								})
+							]
+						})
+					]
+				})
+			}),
+			E && /* @__PURE__ */ m("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+				children: [/* @__PURE__ */ p("div", {
+					className: "absolute inset-0 bg-bg-overlay/50",
+					onClick: () => D(null)
+				}), /* @__PURE__ */ m("div", {
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": "installed-apps-uninstall-title",
+					className: "relative z-10 w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-6 shadow-2xl",
+					children: [
+						/* @__PURE__ */ p("h2", {
+							id: "installed-apps-uninstall-title",
+							className: "text-lg font-semibold text-text-primary",
+							children: "Uninstall app"
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "mt-2 text-sm text-text-muted",
+							children: [
+								"Remove product",
+								" ",
+								/* @__PURE__ */ p("span", {
+									className: "font-medium text-text-primary",
+									children: E.productId
+								}),
+								" ",
+								"from workspace",
+								" ",
+								/* @__PURE__ */ p("span", {
+									className: "font-medium text-text-primary",
+									children: E.workspaceName ?? E.workspaceId
+								}),
+								"?"
+							]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "mt-6 flex flex-wrap justify-end gap-3",
+							children: [/* @__PURE__ */ p("button", {
+								onClick: () => D(null),
+								className: "cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+								children: "Cancel"
+							}), /* @__PURE__ */ p("button", {
+								onClick: () => z(E),
+								className: "cursor-pointer rounded-lg bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-emphasis",
+								children: "Uninstall"
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { v as InstalledAppsPage };
+
+//# sourceMappingURL=InstalledAppsPage.js.map

package/dist/pages/InstalledAppsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstalledAppsPage.js","names":[],"sources":["../../src/pages/InstalledAppsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useMemo, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Package, Plus, RefreshCw, Trash2, AlertCircle, Loader2 } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { type InstalledApp, useInstallations } from '../hooks/useInstallations';\nimport { StoreInstallationStatus } from '../generated/global-types';\nimport type { InstallationFilterInput } from '../generated/global-types';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useInstallationStatusUpdatedSubscription } from '../generated/global-operations';\n\nconst STATUS_FILTERS: Array<{ label: string; value: StoreInstallationStatus | 'all' }> = [\n  { label: 'All', value: 'all' },\n  { label: 'Active', value: StoreInstallationStatus.Active },\n  { label: 'Inactive', value: StoreInstallationStatus.Inactive },\n  { label: 'Pending', value: StoreInstallationStatus.Pending },\n  { label: 'Installing', value: StoreInstallationStatus.Installing },\n  { label: 'Failed', value: StoreInstallationStatus.Failed },\n  { label: 'Uninstalled', value: StoreInstallationStatus.Uninstalled },\n];\n\nconst statusBadgeClass = (status: StoreInstallationStatus): string => {\n  if (status === StoreInstallationStatus.Active) {\n    return 'bg-status-success-bg-subtle text-status-success-text';\n  }\n  if (\n    status === StoreInstallationStatus.Pending ||\n    status === StoreInstallationStatus.Installing ||\n    status === StoreInstallationStatus.Inactive\n  ) {\n    return 'bg-status-warning-bg-subtle text-status-warning-text';\n  }\n  if (status === StoreInstallationStatus.Failed) {\n    return 'bg-status-error-bg-subtle text-status-error-text';\n  }\n  return 'bg-bg-sunken text-text-muted';\n};\n\n/**\n * InstalledAppsPage component\n *\n * Displays installed applications for the current actor\n */\nexport const InstalledAppsPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath, workspaceId } = useStore();\n  const { t } = useI18n();\n  const [selectedStatus, setSelectedStatus] = useState<StoreInstallationStatus | 'all'>('all');\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [pendingUninstall, setPendingUninstall] = useState<InstalledApp | null>(null);\n\n  const filter: InstallationFilterInput | undefined = useMemo(\n    () => (selectedStatus === 'all' ? undefined : { status: selectedStatus }),\n    [selectedStatus]\n  );\n\n  const {\n    installations,\n    totalCount,\n    hasMore,\n    loading,\n    error,\n    uninstall,\n    uninstallingIds,\n    refetch,\n    loadMore,\n  } = useInstallations({ filter });\n\n  useInstallationStatusUpdatedSubscription({\n    variables: { workspaceId: workspaceId ?? '' },\n    skip: !workspaceId,\n    onData: () => {\n      void refetch();\n    },\n    onError: (err) => {\n      console.warn('InstallationStatusUpdated subscription error:', err.message);\n    },\n  });\n\n  const sortedInstallations = useMemo(\n    () => [...installations].sort((a, b) => b.installedAt.localeCompare(a.installedAt)),\n    [installations]\n  );\n\n  const handleInstallNew = () => {\n    navigate(`${basePath}/marketplace`);\n  };\n\n  const handleUninstall = async (installation: InstalledApp) => {\n    setErrorMessage(null);\n    const ok = await uninstall(installation, 'User requested uninstall from store UI');\n    if (!ok) {\n      setErrorMessage(`Could not uninstall. Try again.`);\n    }\n    setPendingUninstall(null);\n  };\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Header */}\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.installed.title', { defaultValue: 'Installed Apps' })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">Manage your installed applications</p>\n          </div>\n\n          <button\n            onClick={handleInstallNew}\n            className=\"flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90\"\n          >\n            <Plus className=\"h-5 w-5\" />\n            <span>{t('pages.installed.installNew', { defaultValue: 'Install New App' })}</span>\n          </button>\n        </div>\n      </header>\n\n      {/* Content */}\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-6xl\">\n          <div className=\"mb-4 flex flex-wrap items-center gap-2\">\n            {STATUS_FILTERS.map((filter) => (\n              <button\n                key={filter.label}\n                onClick={() => setSelectedStatus(filter.value)}\n                className={`cursor-pointer rounded-full px-3 py-1.5 text-sm font-medium transition-colors ${\n                  selectedStatus === filter.value\n                    ? 'bg-action-primary-bg text-action-primary-text'\n                    : 'bg-bg-sunken text-text-primary hover:bg-bg-surface'\n                }`}\n              >\n                {filter.label}\n              </button>\n            ))}\n            <button\n              onClick={() => refetch()}\n              className=\"ml-auto cursor-pointer inline-flex items-center gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n            >\n              <RefreshCw className=\"h-4 w-4\" />\n              Refresh\n            </button>\n          </div>\n\n          {errorMessage && (\n            <div\n              role=\"alert\"\n              className=\"mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text\"\n            >\n              {errorMessage}\n            </div>\n          )}\n\n          {loading ? (\n            <div\n              role=\"status\"\n              aria-label=\"Loading installed apps\"\n              className=\"flex items-center justify-center py-16\"\n            >\n              <Loader2 className=\"h-8 w-8 animate-spin text-text-muted\" aria-hidden=\"true\" />\n            </div>\n          ) : error ? (\n            <div\n              role=\"alert\"\n              className=\"flex flex-col items-center justify-center rounded-xl border border-status-error-border bg-status-error-bg-subtle py-16 text-center\"\n            >\n              <AlertCircle className=\"mb-3 h-10 w-10 text-status-error-text\" />\n              <h3 className=\"text-lg font-semibold text-status-error-text\">\n                Failed to load installations\n              </h3>\n              <p className=\"mt-2 text-sm text-text-muted\">{error.message}</p>\n              <button\n                onClick={() => refetch()}\n                className=\"mt-4 cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n              >\n                Try Again\n              </button>\n            </div>\n          ) : sortedInstallations.length === 0 ? (\n            <div className=\"flex items-center justify-center py-16\">\n              <div className=\"text-center\">\n                <Package className=\"mx-auto mb-4 h-16 w-16 text-text-muted\" />\n                <h3 className=\"mb-2 text-lg font-semibold text-text-primary\">No apps installed</h3>\n                <p className=\"mb-4 text-sm text-text-muted\">\n                  Browse the marketplace to install your first app\n                </p>\n                <button\n                  onClick={handleInstallNew}\n                  className=\"rounded-lg bg-action-primary-bg px-4 py-2 font-semibold text-action-primary-text transition-colors hover:opacity-90\"\n                >\n                  Browse Marketplace\n                </button>\n              </div>\n            </div>\n          ) : (\n            <div className=\"space-y-4 flex flex-col\">\n              <p aria-live=\"polite\" className=\"text-sm text-text-muted\">\n                {totalCount} installation{totalCount === 1 ? '' : 's'} found\n              </p>\n              <ul className=\"space-y-4 flex flex-col\">\n                {sortedInstallations.map((installation) => {\n                  const uninstalling = uninstallingIds.has(\n                    `${installation.workspaceId}:${installation.productId}`\n                  );\n                  return (\n                    <li\n                      key={installation.id}\n                      className=\"rounded-xl border border-border-default bg-bg-surface p-4\"\n                    >\n                      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n                        <div className=\"flex items-start gap-3\">\n                          <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-bg-sunken text-lg font-semibold text-text-muted\">\n                            <Package className=\"h-6 w-6\" />\n                          </div>\n                          <div>\n                            <h3 className=\"font-semibold text-text-primary\">\n                              {installation.workspaceName ?? installation.workspaceId}\n                            </h3>\n                            <p className=\"text-sm text-text-muted\">\n                              Product: {installation.productId}\n                            </p>\n                            <div className=\"mt-2 flex flex-wrap items-center gap-2 text-xs text-text-muted\">\n                              <span\n                                className={`rounded-full px-2 py-1 font-medium ${statusBadgeClass(installation.status)}`}\n                              >\n                                {installation.status}\n                              </span>\n                              {installation.version && <span>v{installation.version}</span>}\n                              {installation.workspaceType && (\n                                <span>{installation.workspaceType}</span>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"flex items-center gap-2\">\n                          <button\n                            onClick={() => navigate(`${basePath}/installed/${installation.id}`)}\n                            className=\"cursor-pointer rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n                          >\n                            Details\n                          </button>\n                          <button\n                            onClick={() =>\n                              navigate(`${basePath}/marketplace/product/${installation.productId}`)\n                            }\n                            className=\"cursor-pointer rounded-lg border border-border-default px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n                          >\n                            View Product\n                          </button>\n                          {installation.status !== StoreInstallationStatus.Uninstalled && (\n                            <button\n                              onClick={() => setPendingUninstall(installation)}\n                              disabled={uninstalling}\n                              className=\"cursor-pointer inline-flex items-center gap-1.5 rounded-lg border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle disabled:opacity-60\"\n                            >\n                              {uninstalling ? (\n                                <Loader2 className=\"h-4 w-4 animate-spin\" />\n                              ) : (\n                                <Trash2 className=\"h-4 w-4\" />\n                              )}\n                              Uninstall\n                            </button>\n                          )}\n                        </div>\n                      </div>\n                    </li>\n                  );\n                })}\n              </ul>\n              {hasMore && (\n                <div className=\"flex justify-center pt-6\">\n                  <button\n                    type=\"button\"\n                    onClick={loadMore}\n                    disabled={loading}\n                    className=\"rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-bg-subtle disabled:opacity-50\"\n                  >\n                    {loading ? 'Loading…' : 'Load more'}\n                  </button>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      </main>\n\n      {pendingUninstall && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n          <div\n            className=\"absolute inset-0 bg-bg-overlay/50\"\n            onClick={() => setPendingUninstall(null)}\n          />\n          <div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"installed-apps-uninstall-title\"\n            className=\"relative z-10 w-full max-w-md rounded-2xl border border-border-default bg-bg-surface p-6 shadow-2xl\"\n          >\n            <h2\n              id=\"installed-apps-uninstall-title\"\n              className=\"text-lg font-semibold text-text-primary\"\n            >\n              Uninstall app\n            </h2>\n            <p className=\"mt-2 text-sm text-text-muted\">\n              Remove product{' '}\n              <span className=\"font-medium text-text-primary\">{pendingUninstall.productId}</span>{' '}\n              from workspace{' '}\n              <span className=\"font-medium text-text-primary\">\n                {pendingUninstall.workspaceName ?? pendingUninstall.workspaceId}\n              </span>\n              ?\n            </p>\n\n            <div className=\"mt-6 flex flex-wrap justify-end gap-3\">\n              <button\n                onClick={() => setPendingUninstall(null)}\n                className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n              >\n                Cancel\n              </button>\n              <button\n                onClick={() => handleUninstall(pendingUninstall)}\n                className=\"cursor-pointer rounded-lg bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-emphasis\"\n              >\n                Uninstall\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/MarketplaceHomePage.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const MarketplaceHomePage: FC;