@burdenoff/microfe-store 2026.805.1 → 2026.819.2

package/dist/pages/AppDetailPage.js

@@ -1,83 +1,83 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useInstallation as t } from "../hooks/useInstallations.js";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as r, ExternalLink as i, Info as a, Settings as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useNavigate as u, useParams as d } from "react-router";
+import { useNavigate as n, useParams as r } from "react-router";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as a, ExternalLink as o, Info as s, Settings as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 import { EmphasisPanel as f, IllustratedEmptyState as p, NextSteps as m, PagePurpose as h, ShowMore as g } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AppDetailPage.tsx
 var _ = () => {
-	let _ = u(), { basePath: v } = e(), { installationId: y } = d(), { installation: b, loading: x, error: S } = t(y), { t: C } = n();
-	return /* @__PURE__ */ l("div", {
+	let _ = n(), { basePath: v } = e(), { installationId: y } = r(), { installation: b, loading: x, error: S } = t(y), { t: C } = i();
+	return /* @__PURE__ */ d("div", {
 		className: "flex h-full flex-col",
-		children: [/* @__PURE__ */ c("header", {
+		children: [/* @__PURE__ */ u("header", {
 			className: "border-b border-border-seam bg-bg-surface px-6 py-4",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "mx-auto flex max-w-4xl items-center gap-3",
-				children: [/* @__PURE__ */ c("button", {
+				children: [/* @__PURE__ */ u("button", {
 					type: "button",
 					onClick: () => _(-1),
 					"aria-label": "Go back",
 					className: "cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary",
-					children: /* @__PURE__ */ c(r, { className: "size-5" })
-				}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					children: /* @__PURE__ */ u(a, { className: "size-5" })
+				}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: C("pages.appDetail.title", { defaultValue: "Installed App Details" })
-				}), /* @__PURE__ */ c("p", {
+				}), /* @__PURE__ */ u("p", {
 					className: "text-sm text-text-muted",
 					children: C("pages.appDetail.subtitle", { defaultValue: "Inspect installation status and metadata" })
 				})] })]
 			})
-		}), /* @__PURE__ */ c("main", {
+		}), /* @__PURE__ */ u("main", {
 			className: "flex-1 overflow-y-auto p-6",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "mx-auto max-w-4xl",
-				children: [/* @__PURE__ */ c(h, {
+				children: [/* @__PURE__ */ u(h, {
 					className: "mb-4",
 					children: "The full record of one app installed into a workspace — its status, version, who installed it and when, plus its runtime metadata. Come here to confirm an app is healthy, dig into a failed install, or jump to its configuration before troubleshooting."
-				}), x ? /* @__PURE__ */ c("p", {
+				}), x ? /* @__PURE__ */ u("p", {
 					role: "status",
 					className: "text-sm text-text-muted",
 					children: "Loading installation…"
-				}) : S ? /* @__PURE__ */ c("p", {
+				}) : S ? /* @__PURE__ */ u("p", {
 					role: "alert",
 					className: "text-sm text-status-error-text",
 					children: S.message
-				}) : b ? /* @__PURE__ */ c(s, { children: (() => {
-					let e = b.manifest, t = e?.type, n = t === "INTEGRATION" || t === "API_INTEGRATION", u = e?.installationId, d = e?.name ?? (e?.slug)?.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") ?? b.productId;
-					return /* @__PURE__ */ l(s, { children: [n ? /* @__PURE__ */ l("div", {
+				}) : b ? /* @__PURE__ */ u(l, { children: (() => {
+					let e = b.manifest, t = e?.type, n = t === "INTEGRATION" || t === "API_INTEGRATION", r = e?.installationId, i = e?.name ?? (e?.slug)?.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") ?? b.productId;
+					return /* @__PURE__ */ d(l, { children: [n ? /* @__PURE__ */ d("div", {
 						className: "mb-4 flex items-start gap-3 rounded-xl border border-border-default bg-bg-surface p-4",
-						children: [/* @__PURE__ */ c(a, { className: "mt-0.5 size-5 shrink-0 text-text-muted" }), /* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ u(s, { className: "mt-0.5 size-5 shrink-0 text-text-muted" }), /* @__PURE__ */ d("div", {
 							className: "text-sm",
 							children: [
-								/* @__PURE__ */ c("p", {
+								/* @__PURE__ */ u("p", {
 									className: "font-medium text-text-primary",
 									children: "Configuration is managed on the third-party's side"
 								}),
-								/* @__PURE__ */ l("p", {
+								/* @__PURE__ */ d("p", {
 									className: "mt-1 text-text-muted",
 									children: [
-										/* @__PURE__ */ c("strong", { children: d }),
+										/* @__PURE__ */ u("strong", { children: i }),
 										" is an external integration connected via OAuth. All settings (webhooks, scopes, data mapping) are configured in the third-party's dashboard — not here. To revoke access, use",
 										" ",
-										/* @__PURE__ */ c("strong", { children: "Uninstall" }),
+										/* @__PURE__ */ u("strong", { children: "Uninstall" }),
 										"."
 									]
 								}),
-								u && /* @__PURE__ */ l("p", {
+								r && /* @__PURE__ */ d("p", {
 									className: "mt-2 rounded-lg bg-bg-sunken px-3 py-2 font-mono text-xs text-text-muted",
 									children: [
 										"Installation ID:",
 										" ",
-										/* @__PURE__ */ c("span", {
+										/* @__PURE__ */ u("span", {
 											className: "select-all text-text-primary",
-											children: u
+											children: r
 										})
 									]
 								})
 							]
 						})]
-					}) : /* @__PURE__ */ c(m, {
+					}) : /* @__PURE__ */ u(m, {
 						className: "mb-4",
 						storageKey: "store-app-detail",
 						steps: [
@@ -85,7 +85,7 @@ var _ = () => {
 								id: "configure",
 								label: "Manage configuration",
 								description: "Adjust this installation's settings for the workspace.",
-								icon: /* @__PURE__ */ c(o, { className: "size-4" }),
+								icon: /* @__PURE__ */ u(c, { className: "size-4" }),
 								onClick: () => _(`${v}/installed/${b.id}/settings`)
 							},
 							{
@@ -101,44 +101,44 @@ var _ = () => {
 								onClick: () => _(`${v}/installed`)
 							}
 						]
-					}), /* @__PURE__ */ l(f, { children: [
-						/* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ d(f, { children: [
+						/* @__PURE__ */ d("div", {
 							className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-							children: [/* @__PURE__ */ l("div", { children: [
-								/* @__PURE__ */ c("h2", {
+							children: [/* @__PURE__ */ d("div", { children: [
+								/* @__PURE__ */ u("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: d
+									children: i
 								}),
-								/* @__PURE__ */ l("p", {
+								/* @__PURE__ */ d("p", {
 									className: "mt-1 text-sm text-text-muted",
 									children: ["Workspace: ", b.workspaceName ?? b.workspaceId]
 								}),
-								t && /* @__PURE__ */ c("span", {
+								t && /* @__PURE__ */ u("span", {
 									className: "mt-1 inline-block rounded bg-bg-sunken px-2 py-0.5 text-xs font-medium uppercase tracking-wide text-text-muted",
 									children: t
 								})
-							] }), /* @__PURE__ */ c("span", {
+							] }), /* @__PURE__ */ u("span", {
 								className: "inline-flex w-fit rounded-full bg-bg-sunken px-3 py-1 text-xs font-medium text-text-primary",
 								children: b.status
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ d("div", {
 							className: "mt-4 grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ l("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "rounded-lg bg-bg-sunken p-4 text-sm text-text-muted",
 								children: [
-									/* @__PURE__ */ l("p", { children: [
-										/* @__PURE__ */ c("span", {
+									/* @__PURE__ */ d("p", { children: [
+										/* @__PURE__ */ u("span", {
 											className: "font-medium text-text-primary",
 											children: "Version:"
 										}),
 										" ",
 										b.version ?? "Not provided"
 									] }),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ d("p", {
 										className: "mt-2",
 										children: [
-											/* @__PURE__ */ c("span", {
+											/* @__PURE__ */ u("span", {
 												className: "font-medium text-text-primary",
 												children: "Installed at:"
 											}),
@@ -146,10 +146,10 @@ var _ = () => {
 											new Date(b.installedAt).toLocaleString()
 										]
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ d("p", {
 										className: "mt-2",
 										children: [
-											/* @__PURE__ */ c("span", {
+											/* @__PURE__ */ u("span", {
 												className: "font-medium text-text-primary",
 												children: "Updated at:"
 											}),
@@ -157,10 +157,10 @@ var _ = () => {
 											new Date(b.updatedAt).toLocaleString()
 										]
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ d("p", {
 										className: "mt-2",
 										children: [
-											/* @__PURE__ */ c("span", {
+											/* @__PURE__ */ u("span", {
 												className: "font-medium text-text-primary",
 												children: "Workspace ID:"
 											}),
@@ -168,10 +168,10 @@ var _ = () => {
 											b.workspaceId
 										]
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ d("p", {
 										className: "mt-2",
 										children: [
-											/* @__PURE__ */ c("span", {
+											/* @__PURE__ */ u("span", {
 												className: "font-medium text-text-primary",
 												children: "Organization ID:"
 											}),
@@ -179,10 +179,10 @@ var _ = () => {
 											b.organizationId ?? "N/A"
 										]
 									}),
-									/* @__PURE__ */ l("p", {
+									/* @__PURE__ */ d("p", {
 										className: "mt-2",
 										children: [
-											/* @__PURE__ */ c("span", {
+											/* @__PURE__ */ u("span", {
 												className: "font-medium text-text-primary",
 												children: "Installed by:"
 											}),
@@ -191,16 +191,16 @@ var _ = () => {
 										]
 									})
 								]
-							}), /* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ d("div", {
 								className: "rounded-lg bg-bg-sunken p-4 text-sm text-text-muted",
-								children: [/* @__PURE__ */ c("p", {
+								children: [/* @__PURE__ */ u("p", {
 									className: "font-medium text-text-primary",
 									children: "Runtime metadata"
-								}), /* @__PURE__ */ c(g, {
+								}), /* @__PURE__ */ u(g, {
 									collapsedHeight: 120,
 									label: "metadata",
 									className: "mt-3",
-									children: /* @__PURE__ */ c("pre", {
+									children: /* @__PURE__ */ u("pre", {
 										className: "overflow-x-auto whitespace-pre-wrap rounded-lg border border-border-seam bg-bg-surface p-3 text-xs text-text-muted",
 										children: JSON.stringify({
 											metadata: b.metadata,
@@ -212,31 +212,31 @@ var _ = () => {
 								})]
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ d("div", {
 							className: "mt-4 flex flex-wrap gap-3",
-							children: [n ? /* @__PURE__ */ l("button", {
+							children: [n ? /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: () => _(`${v}/installed`),
 								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-								children: [/* @__PURE__ */ c(r, { className: "size-4" }), "Back to Installed Apps"]
-							}) : /* @__PURE__ */ l("button", {
+								children: [/* @__PURE__ */ u(a, { className: "size-4" }), "Back to Installed Apps"]
+							}) : /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: () => _(`${v}/installed/${b.id}/settings`),
 								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
-								children: [/* @__PURE__ */ c(o, { className: "size-4" }), C("pages.appDetail.manageConfig", { defaultValue: "Manage Configuration" })]
-							}), /* @__PURE__ */ l("button", {
+								children: [/* @__PURE__ */ u(c, { className: "size-4" }), C("pages.appDetail.manageConfig", { defaultValue: "Manage Configuration" })]
+							}), /* @__PURE__ */ d("button", {
 								type: "button",
 								onClick: () => _(`${v}/marketplace/product/${b.productId}`),
 								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",
-								children: [/* @__PURE__ */ c(i, { className: "size-4" }), C("pages.appDetail.viewProduct", { defaultValue: "View Product" })]
+								children: [/* @__PURE__ */ u(o, { className: "size-4" }), C("pages.appDetail.viewProduct", { defaultValue: "View Product" })]
 							})]
 						})
 					] })] });
-				})() }) : /* @__PURE__ */ c(p, {
+				})() }) : /* @__PURE__ */ u(p, {
 					illustration: "empty-generic",
 					title: "Installation not found",
 					description: "This installation may have been uninstalled or never existed. Head back to your installed apps to find another.",
-					action: /* @__PURE__ */ c("button", {
+					action: /* @__PURE__ */ u("button", {
 						type: "button",
 						onClick: () => _(`${v}/installed`),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",

package/dist/pages/AppSettingsPage.js

@@ -1,77 +1,77 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useInstallation as t } from "../hooks/useInstallations.js";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as r, Settings as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useNavigate as s, useParams as c } from "react-router";
+import { useNavigate as n, useParams as r } from "react-router";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as a, Settings as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { EmphasisPanel as l, IllustratedEmptyState as u, PagePurpose as d, ShowMore as f } from "@burdenoff/fe-libs/ui";
 //#region src/pages/AppSettingsPage.tsx
 var p = () => {
-	let p = s(), { basePath: m } = e(), { installationId: h } = c(), { installation: g, loading: _, error: v } = t(h), { t: y } = n();
-	return /* @__PURE__ */ o("div", {
+	let p = n(), { basePath: m } = e(), { installationId: h } = r(), { installation: g, loading: _, error: v } = t(h), { t: y } = i();
+	return /* @__PURE__ */ c("div", {
 		className: "flex h-full flex-col",
-		children: [/* @__PURE__ */ a("header", {
+		children: [/* @__PURE__ */ s("header", {
 			className: "border-b border-border-seam bg-bg-surface px-6 py-4",
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "mx-auto flex max-w-4xl items-center gap-3",
-				children: [/* @__PURE__ */ a("button", {
+				children: [/* @__PURE__ */ s("button", {
 					type: "button",
 					onClick: () => p(-1),
 					"aria-label": "Go back",
 					className: "cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary",
-					children: /* @__PURE__ */ a(r, { className: "size-5" })
-				}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+					children: /* @__PURE__ */ s(a, { className: "size-5" })
+				}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: y("pages.appSettings.title", { defaultValue: "App Settings" })
-				}), /* @__PURE__ */ a("p", {
+				}), /* @__PURE__ */ s("p", {
 					className: "text-sm text-text-muted",
 					children: y("pages.appSettings.subtitle", { defaultValue: "Review current installation configuration" })
 				})] })]
 			})
-		}), /* @__PURE__ */ a("main", {
+		}), /* @__PURE__ */ s("main", {
 			className: "flex-1 overflow-y-auto p-6",
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "mx-auto max-w-4xl",
-				children: [/* @__PURE__ */ a(d, {
+				children: [/* @__PURE__ */ s(d, {
 					className: "mb-4",
 					children: "A read-only snapshot of how this app is configured in the workspace — its manifest, runtime metadata and context. Use it to verify what an installation is actually running (handy when an app behaves unexpectedly) before changing anything inside the product itself."
-				}), _ ? /* @__PURE__ */ a("p", {
+				}), _ ? /* @__PURE__ */ s("p", {
 					role: "status",
 					className: "text-sm text-text-muted",
 					children: "Loading settings…"
-				}) : v ? /* @__PURE__ */ a("p", {
+				}) : v ? /* @__PURE__ */ s("p", {
 					role: "alert",
 					className: "text-sm text-status-error-text",
 					children: v.message
-				}) : g ? /* @__PURE__ */ o(l, {
+				}) : g ? /* @__PURE__ */ c(l, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ c("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ a(i, { className: "size-5 text-text-primary" }), /* @__PURE__ */ a("h2", {
+							children: [/* @__PURE__ */ s(o, { className: "size-5 text-text-primary" }), /* @__PURE__ */ s("h2", {
 								className: "text-lg font-semibold text-text-primary",
 								children: y("pages.appSettings.configSnapshot", { defaultValue: "Configuration snapshot" })
 							})]
 						}),
-						/* @__PURE__ */ a("p", {
+						/* @__PURE__ */ s("p", {
 							className: "text-sm text-text-muted",
 							children: y("pages.appSettings.configDescription", { defaultValue: "Store-level configuration for this installation is read-only here." })
 						}),
-						/* @__PURE__ */ a(f, {
+						/* @__PURE__ */ s(f, {
 							collapsedHeight: 140,
 							label: "configuration details",
-							children: /* @__PURE__ */ o("div", {
+							children: /* @__PURE__ */ c("div", {
 								className: "grid gap-4 lg:grid-cols-2",
-								children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 									className: "mb-2 text-sm font-medium text-text-primary",
 									children: "Manifest"
-								}), /* @__PURE__ */ a("pre", {
+								}), /* @__PURE__ */ s("pre", {
 									className: "overflow-x-auto whitespace-pre-wrap rounded-lg border border-border-seam bg-bg-sunken p-3 text-xs text-text-muted",
 									children: JSON.stringify(g.manifest ?? {}, null, 2)
-								})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
 									className: "mb-2 text-sm font-medium text-text-primary",
 									children: "Metadata & Context"
-								}), /* @__PURE__ */ a("pre", {
+								}), /* @__PURE__ */ s("pre", {
 									className: "overflow-x-auto whitespace-pre-wrap rounded-lg border border-border-seam bg-bg-sunken p-3 text-xs text-text-muted",
 									children: JSON.stringify({
 										metadata: g.metadata ?? {},
@@ -82,14 +82,14 @@ var p = () => {
 								})] })]
 							})
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ c("div", {
 							className: "flex flex-wrap gap-3",
-							children: [/* @__PURE__ */ a("button", {
+							children: [/* @__PURE__ */ s("button", {
 								type: "button",
 								onClick: () => p(`${m}/installed/${g.id}`),
 								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
 								children: y("pages.appSettings.viewInstallation", { defaultValue: "View Installation" })
-							}), /* @__PURE__ */ a("button", {
+							}), /* @__PURE__ */ s("button", {
 								type: "button",
 								onClick: () => p(`${m}/marketplace/product/${g.productId}`),
 								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90",
@@ -97,11 +97,11 @@ var p = () => {
 							})]
 						})
 					]
-				}) : /* @__PURE__ */ a(u, {
+				}) : /* @__PURE__ */ s(u, {
 					illustration: "empty-generic",
 					title: "Installation not found",
 					description: "There's no configuration to show — this installation may have been removed. Return to your installed apps to pick another.",
-					action: /* @__PURE__ */ a("button", {
+					action: /* @__PURE__ */ s("button", {
 						type: "button",
 						onClick: () => p(`${m}/installed`),
 						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90",