@burdenoff/fe-libs 2026.1018.1 → 2026.1019.1

package/dist/shared/tours/tourTrigger/MobileTourSheet.js

@@ -1,95 +1,108 @@
-import { TourLoadError as e } from "./TourLoadError.js";
-import { TourListItemMobile as t } from "./TourListItemMobile.js";
-import { forwardRef as n } from "react";
-import { ExternalLink as r, HelpCircle as i, Sparkles as a, X as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
+import { useShellLabel as e } from "../../providers/shell/useShellLabel.js";
+import { TourLoadError as t } from "./TourLoadError.js";
+import { TourListItemMobile as n } from "./TourListItemMobile.js";
+import { forwardRef as r } from "react";
+import { ExternalLink as i, HelpCircle as a, Sparkles as o, X as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
 //#region src/shared/tours/tourTrigger/MobileTourSheet.tsx
-var d = n(function({ loading: n, error: d, onRetry: f, tours: p, onClose: m, onStartTour: h, actions: g, onAction: _ }, v) {
-	let y = !!(g && g.length > 0);
-	return u(/* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+var f = r(function({ loading: e, error: t, onRetry: n, tours: r, onClose: i, onStartTour: a, actions: o, onAction: s }, f) {
+	return d(/* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 		className: "fixed inset-0 bg-black/50 z-[100] animate-in fade-in duration-200",
-		onClick: m
+		onClick: i
 	}), /* @__PURE__ */ l("div", {
-		ref: v,
+		ref: f,
 		className: "fixed inset-x-0 bottom-0 z-[101] bg-bg-surface rounded-t-2xl shadow-xl animate-in slide-in-from-bottom duration-300 max-h-[80vh] flex flex-col",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "flex justify-center pt-3 pb-2",
-				children: /* @__PURE__ */ c("div", { className: "w-10 h-1 bg-border-default rounded-full" })
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "flex items-center justify-between px-4 pb-3 border-b border-border-subtle",
-				children: [/* @__PURE__ */ l("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ c(a, { className: "size-5 text-action-primary-bg" }), /* @__PURE__ */ c("h2", {
-						className: "text-lg font-semibold text-text-primary",
-						children: "Help & tours"
-					})]
-				}), /* @__PURE__ */ c("button", {
-					type: "button",
-					onClick: m,
-					className: "p-2 hover:bg-action-ghost-bg-hover rounded-full",
-					"aria-label": "Close",
-					children: /* @__PURE__ */ c(o, { className: "size-5" })
+		children: /* @__PURE__ */ l(p, {
+			loading: e,
+			error: t,
+			onRetry: n,
+			tours: r,
+			onClose: i,
+			onStartTour: a,
+			actions: o,
+			onAction: s
+		})
+	})] }), document.body);
+});
+function p({ loading: r, error: d, onRetry: f, tours: p, onClose: m, onStartTour: h, actions: g, onAction: _ }) {
+	let v = e(), y = !!(g && g.length > 0);
+	return /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ l("div", {
+			className: "flex justify-center pt-3 pb-2",
+			children: /* @__PURE__ */ l("div", { className: "w-10 h-1 bg-border-default rounded-full" })
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "flex items-center justify-between px-4 pb-3 border-b border-border-subtle",
+			children: [/* @__PURE__ */ u("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(o, { className: "size-5 text-action-primary-bg" }), /* @__PURE__ */ l("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: v("tours.helpTours", "Help & tours")
 				})]
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "flex-1 overflow-y-auto p-4",
-				children: [n ? /* @__PURE__ */ c("div", {
-					className: "flex items-center justify-center py-8",
-					children: /* @__PURE__ */ c("div", { className: "animate-spin rounded-full size-6 border-2 border-action-primary-bg border-t-transparent" })
-				}) : d ? /* @__PURE__ */ c(e, { onRetry: f }) : p.length > 0 ? /* @__PURE__ */ l("div", {
-					className: "space-y-3",
-					children: [/* @__PURE__ */ c("p", {
-						className: "text-sm text-text-secondary mb-4",
-						children: "Take a guided tour. Current-page tours are shown first."
-					}), p.map((e) => /* @__PURE__ */ c(t, {
-						tour: e,
-						onStart: h
-					}, e.id))]
-				}) : /* @__PURE__ */ l("div", {
-					className: "text-center py-6",
-					children: [/* @__PURE__ */ c(i, { className: "size-10 mx-auto text-text-tertiary mb-2" }), /* @__PURE__ */ c("p", {
-						className: "text-text-secondary",
-						children: "No guided tours for this page yet"
-					})]
-				}), y && /* @__PURE__ */ c("div", {
-					className: "mt-4 border-t border-border-subtle pt-3 space-y-1",
-					children: g.map((e) => e.href ? /* @__PURE__ */ l("a", {
-						href: e.href,
-						target: "_blank",
-						rel: "noreferrer",
-						onClick: () => _?.(e),
-						className: "flex items-center gap-3 rounded-button px-3 py-3 text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
-						children: [
-							e.icon && /* @__PURE__ */ c("span", {
-								className: "flex size-5 items-center justify-center text-text-muted",
-								children: e.icon
-							}),
-							/* @__PURE__ */ c("span", {
-								className: "flex-1 truncate",
-								children: e.label
-							}),
-							/* @__PURE__ */ c(r, { className: "size-4 text-text-muted" })
-						]
-					}, e.id) : /* @__PURE__ */ l("button", {
-						type: "button",
-						onClick: () => _?.(e),
-						className: "flex w-full items-center gap-3 rounded-button px-3 py-3 text-left text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
-						children: [e.icon && /* @__PURE__ */ c("span", {
+			}), /* @__PURE__ */ l("button", {
+				type: "button",
+				onClick: m,
+				className: "p-2 hover:bg-action-ghost-bg-hover rounded-full",
+				"aria-label": v("common.close", "Close"),
+				children: /* @__PURE__ */ l(s, { className: "size-5" })
+			})]
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "flex-1 overflow-y-auto p-4",
+			children: [r ? /* @__PURE__ */ l("div", {
+				className: "flex items-center justify-center py-8",
+				children: /* @__PURE__ */ l("div", { className: "animate-spin rounded-full size-6 border-2 border-action-primary-bg border-t-transparent" })
+			}) : d ? /* @__PURE__ */ l(t, { onRetry: f }) : p.length > 0 ? /* @__PURE__ */ u("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ l("p", {
+					className: "text-sm text-text-secondary mb-4",
+					children: v("tours.orderHint", "Take a guided tour. Current-page tours are shown first.")
+				}), p.map((e) => /* @__PURE__ */ l(n, {
+					tour: e,
+					onStart: h
+				}, e.id))]
+			}) : /* @__PURE__ */ u("div", {
+				className: "text-center py-6",
+				children: [/* @__PURE__ */ l(a, { className: "size-10 mx-auto text-text-tertiary mb-2" }), /* @__PURE__ */ l("p", {
+					className: "text-text-secondary",
+					children: v("tours.noGuidedToursForThisPageYet", "No guided tours for this page yet")
+				})]
+			}), y && /* @__PURE__ */ l("div", {
+				className: "mt-4 border-t border-border-subtle pt-3 space-y-1",
+				children: g.map((e) => e.href ? /* @__PURE__ */ u("a", {
+					href: e.href,
+					target: "_blank",
+					rel: "noreferrer",
+					onClick: () => _?.(e),
+					className: "flex items-center gap-3 rounded-button px-3 py-3 text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
+					children: [
+						e.icon && /* @__PURE__ */ l("span", {
 							className: "flex size-5 items-center justify-center text-text-muted",
 							children: e.icon
-						}), /* @__PURE__ */ c("span", {
+						}),
+						/* @__PURE__ */ l("span", {
 							className: "flex-1 truncate",
 							children: e.label
-						})]
-					}, e.id))
-				})]
-			}),
-			/* @__PURE__ */ c("div", { className: "h-safe-area-inset-bottom" })
-		]
-	})] }), document.body);
-});
+						}),
+						/* @__PURE__ */ l(i, { className: "size-4 text-text-muted" })
+					]
+				}, e.id) : /* @__PURE__ */ u("button", {
+					type: "button",
+					onClick: () => _?.(e),
+					className: "flex w-full items-center gap-3 rounded-button px-3 py-3 text-left text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary transition-colors",
+					children: [e.icon && /* @__PURE__ */ l("span", {
+						className: "flex size-5 items-center justify-center text-text-muted",
+						children: e.icon
+					}), /* @__PURE__ */ l("span", {
+						className: "flex-1 truncate",
+						children: e.label
+					})]
+				}, e.id))
+			})]
+		}),
+		/* @__PURE__ */ l("div", { className: "h-safe-area-inset-bottom" })
+	] });
+}
 //#endregion
-export { d as MobileTourSheet };
+export { f as MobileTourSheet };

package/dist/shared/tours/tourTrigger/TourListItemDesktop.js

@@ -1,36 +1,38 @@
-import { TourStatusChip as e } from "./TourStatusChip.js";
-import { ChevronRight as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../providers/shell/useShellLabel.js";
+import { TourStatusChip as t } from "./TourStatusChip.js";
+import { ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/shared/tours/tourTrigger/TourListItemDesktop.tsx
-function i({ tour: i, onStart: a }) {
-	return /* @__PURE__ */ n("button", {
+function a({ tour: a, onStart: o }) {
+	let s = e();
+	return /* @__PURE__ */ r("button", {
 		type: "button",
-		onClick: () => a(i),
+		onClick: () => o(a),
 		className: "w-full p-3 hover:bg-action-ghost-bg-hover rounded-md transition-colors text-left group",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i("div", {
 				className: "flex-1 min-w-0",
 				children: [
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						className: "flex items-center gap-2 min-w-0",
-						children: [/* @__PURE__ */ n("h4", {
+						children: [/* @__PURE__ */ r("h4", {
 							className: "min-w-0 flex-1 font-medium text-text-primary text-sm truncate",
-							children: i.name
-						}), /* @__PURE__ */ n(e, { status: i.myProgress?.status })]
+							children: a.name
+						}), /* @__PURE__ */ r(t, { status: a.myProgress?.status })]
 					}),
-					i.description && /* @__PURE__ */ n("p", {
+					a.description && /* @__PURE__ */ r("p", {
 						className: "text-xs text-text-secondary mt-0.5 line-clamp-1",
-						children: i.description
+						children: a.description
 					}),
-					/* @__PURE__ */ n("div", {
+					/* @__PURE__ */ r("div", {
 						className: "flex items-center gap-2 mt-1 text-xs text-text-tertiary",
-						children: /* @__PURE__ */ r("span", { children: [i.steps?.length || 0, " steps"] })
+						children: /* @__PURE__ */ r("span", { children: s("tours.stepCount", "{{count}} steps", { count: a.steps?.length || 0 }) })
 					})
 				]
-			}), /* @__PURE__ */ n(t, { className: "size-4 text-text-tertiary group-hover:text-action-primary-bg group-hover:translate-x-0.5 transition-all" })]
+			}), /* @__PURE__ */ r(n, { className: "size-4 text-text-tertiary group-hover:text-action-primary-bg group-hover:translate-x-0.5 transition-all" })]
 		})
 	});
 }
 //#endregion
-export { i as TourListItemDesktop };
+export { a as TourListItemDesktop };

package/dist/shared/tours/tourTrigger/TourListItemMobile.js

@@ -1,47 +1,45 @@
-import { TourStatusChip as e } from "./TourStatusChip.js";
-import { Play as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useShellLabel as e } from "../../providers/shell/useShellLabel.js";
+import { TourStatusChip as t } from "./TourStatusChip.js";
+import { Play as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/shared/tours/tourTrigger/TourListItemMobile.tsx
-function i({ tour: i, onStart: a }) {
-	return /* @__PURE__ */ n("button", {
+function a({ tour: a, onStart: o }) {
+	let s = e();
+	return /* @__PURE__ */ r("button", {
 		type: "button",
-		onClick: () => a(i),
+		onClick: () => o(a),
 		className: "w-full p-4 bg-bg-muted hover:bg-action-ghost-bg-hover rounded-xl transition-colors text-left group",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ r("div", {
+			children: [/* @__PURE__ */ i("div", {
 				className: "flex-1 min-w-0",
 				children: [
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						className: "flex items-center gap-2 min-w-0",
-						children: [/* @__PURE__ */ n("h3", {
+						children: [/* @__PURE__ */ r("h3", {
 							className: "min-w-0 flex-1 font-medium text-text-primary truncate",
-							children: i.name
-						}), /* @__PURE__ */ n(e, { status: i.myProgress?.status })]
+							children: a.name
+						}), /* @__PURE__ */ r(t, { status: a.myProgress?.status })]
 					}),
-					i.description && /* @__PURE__ */ n("p", {
+					a.description && /* @__PURE__ */ r("p", {
 						className: "text-sm text-text-secondary mt-1 line-clamp-2",
-						children: i.description
+						children: a.description
 					}),
-					/* @__PURE__ */ r("div", {
+					/* @__PURE__ */ i("div", {
 						className: "flex items-center gap-3 mt-2 text-xs text-text-tertiary",
 						children: [
-							/* @__PURE__ */ r("span", { children: [i.steps?.length || 0, " steps"] }),
-							/* @__PURE__ */ n("span", { children: "•" }),
-							/* @__PURE__ */ r("span", { children: [
-								"~",
-								Math.ceil((i.steps?.length || 0) * .5),
-								" min"
-							] })
+							/* @__PURE__ */ r("span", { children: s("tours.stepCount", "{{count}} steps", { count: a.steps?.length || 0 }) }),
+							/* @__PURE__ */ r("span", { children: "•" }),
+							/* @__PURE__ */ r("span", { children: s("tours.durationMinutes", "~{{count}} min", { count: Math.ceil((a.steps?.length || 0) * .5) }) })
 						]
 					})
 				]
-			}), /* @__PURE__ */ n("div", {
+			}), /* @__PURE__ */ r("div", {
 				className: "ml-3 p-2 bg-action-primary-bg rounded-full text-action-primary-text group-hover:scale-110 transition-transform",
-				children: /* @__PURE__ */ n(t, { className: "size-4" })
+				children: /* @__PURE__ */ r(n, { className: "size-4" })
 			})]
 		})
 	});
 }
 //#endregion
-export { i as TourListItemMobile };
+export { a as TourListItemMobile };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.1018.1",
+  "version": "2026.1019.1",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {
@@ -304,7 +304,7 @@
     "dev": "vite",
     "build": "tsc && MFE_DTS=1 bash scripts/build-limits.sh --gate vite build && node scripts/validate-livekit-optional.mjs",
     "lint": "eslint .",
-    "lint:sanity": "if [ \"${CI:-}\" = \"true\" ]; then bun run lint; else bun run lint -- --cache --cache-location .eslintcache; fi",
+    "lint:sanity": "bun scripts/check-shell-labels.ts && (if [ \"${CI:-}\" = \"true\" ]; then bun run lint; else bun run lint -- --cache --cache-location .eslintcache; fi)",
     "format": "prettier --config shared/config/prettier.config.mjs --write \"src/**/*.{ts,tsx}\" \"!src/config/*.config.ts\"",
     "type:check": "bash scripts/build-limits.sh tsc --noEmit",
     "test:package-css-exports": "node scripts/validate-package-css-exports.mjs",