@burdenoff/microfe-workspaces 2026.623.1 → 2026.624.1

package/dist/pages/WorkspaceInvitePage.js

@@ -64,7 +64,7 @@ function Ue({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 						className: "text-base font-semibold",
 						children: "Roles (Optional)"
 					}), /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "Choose roles. Hover any role to preview its full description."
 					})]
 				}), e.length > 0 ? /* @__PURE__ */ p(m, {
@@ -74,17 +74,17 @@ function Ue({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 			}), /* @__PURE__ */ f(Pe, { children: /* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3",
 				children: ee ? /* @__PURE__ */ f("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Loading roles…"
 				}) : i.length === 0 ? /* @__PURE__ */ f("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "No assignable roles were returned for this workspace."
 				}) : i.map((n) => {
 					let r = e.includes(n.id);
 					return /* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(w, {
 						asChild: !0,
 						children: /* @__PURE__ */ p("label", {
-							className: `flex cursor-pointer items-center justify-between gap-3 rounded-lg border px-3 py-3 text-left text-sm font-medium transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 ${r ? "border-primary bg-primary/10 text-foreground shadow-sm" : "border-border bg-background text-foreground hover:bg-accent"} ${o ? "opacity-70" : ""}`,
+							className: `flex cursor-pointer items-center justify-between gap-3 rounded-lg border px-3 py-3 text-left text-sm font-medium transition-colors focus-within:ring-2 focus-within:ring-[var(--color-focus-ring)] focus-within:ring-offset-2 ${r ? "border-primary bg-action-primary-bg/10 text-text-primary shadow-sm" : "border-border-subtle bg-bg-surface text-text-primary hover:bg-accent"} ${o ? "opacity-70" : ""}`,
 							children: [/* @__PURE__ */ f("span", {
 								className: "min-w-0 flex-1 truncate",
 								children: n.name
@@ -103,7 +103,7 @@ function Ue({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 								children: n.name
 							}),
 							/* @__PURE__ */ f("p", {
-								className: "mt-1 text-muted-foreground",
+								className: "mt-1 text-text-secondary",
 								children: n.description || "No description available for this role."
 							}),
 							n.isSystem ? /* @__PURE__ */ f("p", {
@@ -124,7 +124,7 @@ function Ue({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 						className: "text-base font-semibold",
 						children: "Projects to add on acceptance (Optional)"
 					}), /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: "The invited user will be added to these projects automatically after they accept."
 					})]
 				}), n.length > 0 ? /* @__PURE__ */ p(m, {
@@ -134,22 +134,22 @@ function Ue({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 			}), /* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 gap-2 md:grid-cols-2 xl:grid-cols-3",
 				children: te ? /* @__PURE__ */ f("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Loading projects…"
 				}) : a.length === 0 ? /* @__PURE__ */ f("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "No active projects are available in this workspace yet."
 				}) : a.map((e) => {
 					let t = n.includes(e.id);
 					return /* @__PURE__ */ p("label", {
-						className: `flex cursor-pointer items-start justify-between gap-3 rounded-lg border px-3 py-3 transition-colors focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 ${t ? "border-primary bg-primary/10 text-foreground shadow-sm" : "border-border bg-background text-foreground hover:bg-accent"} ${o ? "opacity-70" : ""}`,
+						className: `flex cursor-pointer items-start justify-between gap-3 rounded-lg border px-3 py-3 transition-colors focus-within:ring-2 focus-within:ring-[var(--color-focus-ring)] focus-within:ring-offset-2 ${t ? "border-primary bg-action-primary-bg/10 text-text-primary shadow-sm" : "border-border-subtle bg-bg-surface text-text-primary hover:bg-accent"} ${o ? "opacity-70" : ""}`,
 						children: [/* @__PURE__ */ p("div", {
 							className: "min-w-0 flex-1 space-y-1",
 							children: [/* @__PURE__ */ f("p", {
 								className: "truncate text-sm font-semibold leading-tight",
 								children: e.name
 							}), /* @__PURE__ */ p("div", {
-								className: "flex items-center gap-2 text-xs text-muted-foreground",
+								className: "flex items-center gap-2 text-xs text-text-secondary",
 								children: [/* @__PURE__ */ f("span", {
 									className: "truncate font-mono",
 									children: e.key
@@ -177,14 +177,14 @@ function D() {
 	if (!D) return /* @__PURE__ */ f("div", {
 		className: "space-y-4 p-6",
 		children: /* @__PURE__ */ p("div", {
-			className: "rounded-xl border bg-card p-8 text-center",
+			className: "rounded-xl border bg-bg-surface p-8 text-center",
 			children: [
 				/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-bold",
 					children: r(b, "workspaceInvite.noWorkspaceTitle", "Select a workspace first")
 				}),
 				/* @__PURE__ */ f("p", {
-					className: "mt-2 text-muted-foreground",
+					className: "mt-2 text-text-secondary",
 					children: r(b, "workspaceInvite.noWorkspaceDescription", "Choose a current workspace from the header or open a workspace detail page before inviting members.")
 				}),
 				/* @__PURE__ */ f("div", {
@@ -214,7 +214,7 @@ function D() {
 				className: "text-lg font-semibold",
 				children: r(b, "workspaceInvite.accessDenied", "Access Denied")
 			}), /* @__PURE__ */ f("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: r(b, "workspaceInvite.accessDeniedDescription", "You don't have permission to invite members into this workspace.")
 			})]
 		})
@@ -227,7 +227,7 @@ function D() {
 			className: "gap-2",
 			children: [/* @__PURE__ */ f(fe, { size: 18 }), r(b, "workspaceInvite.backToWorkspaces", "Back to Workspaces")]
 		}), /* @__PURE__ */ f("div", {
-			className: "rounded-xl border bg-card p-8 text-center text-destructive",
+			className: "rounded-xl border bg-bg-surface p-8 text-center text-status-error-text",
 			children: r(b, "workspaceInvite.workspaceLoadError", "Unable to load workspace invite details.")
 		})]
 	});
@@ -355,7 +355,7 @@ function D() {
 						})]
 					}),
 					/* @__PURE__ */ p("p", {
-						className: "mt-2 text-sm text-muted-foreground sm:text-base",
+						className: "mt-2 text-sm text-text-secondary sm:text-base",
 						children: [
 							Ke.name,
 							" —",
@@ -390,7 +390,7 @@ function D() {
 							children: St.length
 						})]
 					}), /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: Ve(St, "No roles selected")
 					})]
 				}), /* @__PURE__ */ p("div", {
@@ -405,7 +405,7 @@ function D() {
 							children: Ct.length
 						})]
 					}), /* @__PURE__ */ f("p", {
-						className: "text-sm text-muted-foreground",
+						className: "text-sm text-text-secondary",
 						children: Ve(Ct, "No project access will be granted automatically")
 					})]
 				})]
@@ -427,7 +427,7 @@ function D() {
 						className: "space-y-4",
 						children: [
 							ot ? /* @__PURE__ */ p("div", {
-								className: "flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+								className: "flex items-center gap-2 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
 								children: [/* @__PURE__ */ f(de, { className: "size-4 shrink-0" }), /* @__PURE__ */ f("span", { children: ot })]
 							}) : null,
 							st ? /* @__PURE__ */ p("div", {
@@ -468,7 +468,7 @@ function D() {
 						className: "space-y-5",
 						children: [
 							lt ? /* @__PURE__ */ p("div", {
-								className: "flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+								className: "flex items-center gap-2 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
 								children: [/* @__PURE__ */ f(de, { className: "size-4 shrink-0" }), /* @__PURE__ */ f("span", { children: lt })]
 							}) : null,
 							ut ? /* @__PURE__ */ p("div", {
@@ -481,13 +481,13 @@ function D() {
 									className: "space-y-1",
 									children: [
 										/* @__PURE__ */ f("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: r(b, "workspaceInvite.bulkDescription", "Upload a CSV with one email column. All valid rows will receive the currently selected roles and projects.")
 										}),
 										/* @__PURE__ */ p("div", {
-											className: "rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground",
+											className: "rounded-md border bg-bg-sunken/30 px-3 py-2 text-xs text-text-secondary",
 											children: [/* @__PURE__ */ f("p", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: "Sample format"
 											}), /* @__PURE__ */ p("pre", {
 												className: "mt-1 whitespace-pre-wrap",
@@ -501,7 +501,7 @@ function D() {
 											})]
 										}),
 										(k?.total ?? 0) > j.length ? /* @__PURE__ */ p("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												"Showing the first ",
 												j.length,
@@ -527,11 +527,11 @@ function D() {
 									let t = e.dataTransfer.files?.[0];
 									t ? Dt(t) : I("Please upload a .csv file.");
 								},
-								className: `flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-8 transition-colors ${pt ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+								className: `flex flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-8 transition-colors ${pt ? "border-primary bg-action-primary-bg/5" : "border-border-subtle bg-bg-surface"}`,
 								children: [
 									/* @__PURE__ */ f(_e, {
 										size: 28,
-										className: "text-muted-foreground"
+										className: "text-text-secondary"
 									}),
 									/* @__PURE__ */ p("div", {
 										className: "text-center",
@@ -539,7 +539,7 @@ function D() {
 											className: "text-sm font-medium",
 											children: dt || "Drop a CSV file here or click to browse"
 										}), /* @__PURE__ */ f("p", {
-											className: "mt-1 text-xs text-muted-foreground",
+											className: "mt-1 text-xs text-text-secondary",
 											children: "CSV files only. Required column: email."
 										})]
 									}),
@@ -563,7 +563,7 @@ function D() {
 							}),
 							B.length > 0 ? /* @__PURE__ */ p(be, { children: [
 								/* @__PURE__ */ p("div", {
-									className: "flex flex-wrap gap-4 text-xs text-muted-foreground",
+									className: "flex flex-wrap gap-4 text-xs text-text-secondary",
 									children: [
 										/* @__PURE__ */ p("span", { children: ["Total rows: ", B.length] }),
 										/* @__PURE__ */ p("span", { children: ["Ready: ", Q.length] }),
@@ -575,7 +575,7 @@ function D() {
 									]
 								}),
 								$.length > 0 ? /* @__PURE__ */ p("div", {
-									className: "rounded-md border border-destructive/20 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+									className: "rounded-md border border-status-error-border/20 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text",
 									children: [
 										$.length,
 										" row",
@@ -590,18 +590,18 @@ function D() {
 										children: /* @__PURE__ */ p("table", {
 											className: "min-w-full",
 											children: [/* @__PURE__ */ f("thead", {
-												className: "bg-muted/40",
+												className: "bg-bg-sunken/40",
 												children: /* @__PURE__ */ p("tr", { children: [
 													/* @__PURE__ */ f("th", {
-														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-text-secondary",
 														children: "#"
 													}),
 													/* @__PURE__ */ f("th", {
-														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-text-secondary",
 														children: "Email"
 													}),
 													/* @__PURE__ */ f("th", {
-														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+														className: "px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-text-secondary",
 														children: "Status"
 													})
 												] })
@@ -610,29 +610,29 @@ function D() {
 												children: B.map((e) => {
 													let t = e.errors.length > 0;
 													return /* @__PURE__ */ p("tr", {
-														className: t ? "bg-destructive/5" : void 0,
+														className: t ? "bg-status-error-bg/5" : void 0,
 														children: [
 															/* @__PURE__ */ f("td", {
-																className: "px-3 py-2 text-xs text-muted-foreground",
+																className: "px-3 py-2 text-xs text-text-secondary",
 																children: e.rowNumber
 															}),
 															/* @__PURE__ */ f("td", {
 																className: "px-3 py-2 text-sm",
 																children: e.email || /* @__PURE__ */ f("span", {
-																	className: "italic text-muted-foreground",
+																	className: "italic text-text-secondary",
 																	children: "(empty)"
 																})
 															}),
 															/* @__PURE__ */ f("td", {
 																className: "px-3 py-2 text-xs",
 																children: t ? /* @__PURE__ */ f("div", {
-																	className: "space-y-1 text-destructive",
+																	className: "space-y-1 text-status-error-text",
 																	children: e.errors.map((t) => /* @__PURE__ */ p("span", {
 																		className: "inline-flex items-center gap-1 pr-3",
 																		children: [/* @__PURE__ */ f(d, { size: 14 }), t]
 																	}, `${e.rowNumber}-${t}`))
 																}) : e.status.kind === "sending" ? /* @__PURE__ */ p("span", {
-																	className: "inline-flex items-center gap-1 text-muted-foreground",
+																	className: "inline-flex items-center gap-1 text-text-secondary",
 																	children: [/* @__PURE__ */ f(u, {
 																		size: 14,
 																		className: "animate-spin"
@@ -641,10 +641,10 @@ function D() {
 																	className: "inline-flex items-center gap-1 text-green-700 dark:text-green-400",
 																	children: [/* @__PURE__ */ f(l, { size: 14 }), "Invited"]
 																}) : e.status.kind === "failed" ? /* @__PURE__ */ p("span", {
-																	className: "inline-flex items-center gap-1 text-destructive",
+																	className: "inline-flex items-center gap-1 text-status-error-text",
 																	children: [/* @__PURE__ */ f(d, { size: 14 }), e.status.message]
 																}) : /* @__PURE__ */ f("span", {
-																	className: "text-muted-foreground",
+																	className: "text-text-secondary",
 																	children: "Ready"
 																})
 															})
@@ -656,7 +656,7 @@ function D() {
 									})
 								})
 							] }) : /* @__PURE__ */ f("div", {
-								className: "rounded-xl border border-dashed p-6 text-center text-sm text-muted-foreground",
+								className: "rounded-xl border border-dashed p-6 text-center text-sm text-text-secondary",
 								children: "Upload a CSV to preview invite rows here before sending."
 							}),
 							/* @__PURE__ */ f("div", {
@@ -684,14 +684,14 @@ function D() {
 					})
 				]
 			}) }), /* @__PURE__ */ p(_, { children: [R ? /* @__PURE__ */ p("div", {
-				className: `mb-4 flex items-center gap-2 rounded-md border p-3 text-sm ${R.tone === "success" ? "border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-400" : "border-destructive/20 bg-destructive/10 text-destructive"}`,
+				className: `mb-4 flex items-center gap-2 rounded-md border p-3 text-sm ${R.tone === "success" ? "border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-400" : "border-status-error-border/20 bg-status-error-bg/10 text-status-error-text"}`,
 				children: [R.tone === "success" ? /* @__PURE__ */ f(l, { className: "size-4 shrink-0" }) : /* @__PURE__ */ f(de, { className: "size-4 shrink-0" }), /* @__PURE__ */ f("span", { children: R.message })]
 			}) : null, Qe ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [/* @__PURE__ */ f(x, { className: "h-20 w-full" }), /* @__PURE__ */ f(x, { className: "h-20 w-full" })]
 			}) : $e && Z.length === 0 ? /* @__PURE__ */ p("div", {
 				role: "alert",
-				className: "space-y-3 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+				className: "space-y-3 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
 				children: [/* @__PURE__ */ f("p", { children: r(b, "workspaceInvite.pendingLoadFailed", "Failed to load pending invitations for this workspace.") }), /* @__PURE__ */ f(h, {
 					type: "button",
 					variant: "outline",
@@ -704,13 +704,13 @@ function D() {
 					children: A ? r(b, "workspaceInvite.retrying", "Retrying…") : r(b, "workspaceInvite.tryAgain", "Try again")
 				})]
 			}) : Z.length === 0 ? /* @__PURE__ */ f("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: r(b, "workspaceInvite.pendingEmpty", "No pending invitations for this workspace.")
 			}) : /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [$e ? /* @__PURE__ */ p("div", {
 					role: "alert",
-					className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+					className: "flex flex-wrap items-center justify-between gap-3 rounded-md border border-status-error-border/20 bg-status-error-bg/10 p-3 text-sm text-status-error-text",
 					children: [/* @__PURE__ */ f("span", { children: r(b, "workspaceInvite.pendingStaleWarning", "Pending invitations may be outdated. Try again to refresh this list.") }), /* @__PURE__ */ f(h, {
 						type: "button",
 						variant: "outline",
@@ -742,17 +742,17 @@ function D() {
 										})]
 									}),
 									/* @__PURE__ */ p("div", {
-										className: "grid gap-3 text-sm text-muted-foreground sm:grid-cols-2",
+										className: "grid gap-3 text-sm text-text-secondary sm:grid-cols-2",
 										children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: "Received"
 										}), /* @__PURE__ */ f("p", { children: Be(e.createdAt) ?? "—" })] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-											className: "font-medium text-foreground",
+											className: "font-medium text-text-primary",
 											children: "Expires"
 										}), /* @__PURE__ */ f("p", { children: Be(e.expiresAt) ?? "—" })] })]
 									}),
 									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-										className: "mb-2 text-sm font-medium text-foreground",
+										className: "mb-2 text-sm font-medium text-text-primary",
 										children: "Roles"
 									}), /* @__PURE__ */ f("div", {
 										className: "flex flex-wrap gap-2",
@@ -760,12 +760,12 @@ function D() {
 											variant: "outline",
 											children: t
 										}, `${e.id}-${e.roleIds[n] ?? t}`)) : /* @__PURE__ */ f("span", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "No roles selected"
 										})
 									})] }),
 									/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
-										className: "mb-2 text-sm font-medium text-foreground",
+										className: "mb-2 text-sm font-medium text-text-primary",
 										children: "Projects"
 									}), /* @__PURE__ */ f("div", {
 										className: "flex flex-wrap gap-2",
@@ -773,7 +773,7 @@ function D() {
 											variant: "secondary",
 											children: t
 										}, `${e.id}-project-${t}-${n}`)) : /* @__PURE__ */ f("span", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "No project access will be granted automatically"
 										})
 									})] })