@burdenoff/fe-libs 2026.510.126

package/dist/shared/components/AccessDenied.js

@@ -0,0 +1,129 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/shared/components/AccessDenied.tsx
+function n() {
+	return /* @__PURE__ */ e("svg", {
+		className: "w-12 h-12 text-status-error-text",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		strokeWidth: 1.5,
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
+		})
+	});
+}
+function r() {
+	return /* @__PURE__ */ e("svg", {
+		className: "w-5 h-5 text-status-error-text",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		children: /* @__PURE__ */ e("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"
+		})
+	});
+}
+function i({ title: i = "Access Denied", description: a = "You don't have permission to access this resource.", details: o, icon: s, primaryAction: c, secondaryAction: l, variant: u = "card", className: d = "", children: f }) {
+	return u === "page" ? /* @__PURE__ */ e("div", {
+		className: `flex items-center justify-center min-h-screen bg-bg-canvas ${d}`,
+		children: /* @__PURE__ */ t("div", {
+			className: "bg-bg-surface border border-border-default rounded-lg p-8 max-w-md w-full text-center shadow-sm",
+			children: [
+				/* @__PURE__ */ e("div", {
+					className: "w-16 h-16 mx-auto mb-6 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
+					children: s ?? /* @__PURE__ */ e(n, {})
+				}),
+				/* @__PURE__ */ e("h1", {
+					className: "text-heading-h2 text-text-primary mb-3",
+					children: i
+				}),
+				/* @__PURE__ */ e("p", {
+					className: "text-text-secondary mb-4",
+					children: a
+				}),
+				o && /* @__PURE__ */ e("p", {
+					className: "text-text-muted text-sm mb-6 font-mono bg-bg-subtle px-3 py-2 rounded",
+					children: o
+				}),
+				(c || l) && /* @__PURE__ */ t("div", {
+					className: "flex flex-col sm:flex-row gap-3 justify-center mt-6",
+					children: [l && /* @__PURE__ */ e("button", {
+						onClick: l.onClick,
+						className: "px-4 py-2 text-action-secondary-text bg-action-secondary-bg border border-border-default rounded-md hover:bg-action-secondary-bg-hover transition-colors",
+						children: l.label
+					}), c && /* @__PURE__ */ e("button", {
+						onClick: c.onClick,
+						className: "px-4 py-2 text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors",
+						children: c.label
+					})]
+				}),
+				f
+			]
+		})
+	}) : u === "inline" ? /* @__PURE__ */ t("div", {
+		className: `inline-flex items-center gap-2 text-status-error-text ${d}`,
+		children: [s ?? /* @__PURE__ */ e(r, {}), /* @__PURE__ */ e("span", {
+			className: "text-sm",
+			children: a
+		})]
+	}) : /* @__PURE__ */ t("div", {
+		className: `bg-bg-surface border border-border-default rounded-lg p-6 text-center ${d}`,
+		children: [
+			/* @__PURE__ */ e("div", {
+				className: "w-12 h-12 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
+				children: s ?? /* @__PURE__ */ e(n, {})
+			}),
+			/* @__PURE__ */ e("h2", {
+				className: "text-heading-h4 text-text-primary mb-2",
+				children: i
+			}),
+			/* @__PURE__ */ e("p", {
+				className: "text-text-secondary text-sm mb-3",
+				children: a
+			}),
+			o && /* @__PURE__ */ e("p", {
+				className: "text-text-muted text-xs font-mono bg-bg-subtle px-2 py-1 rounded inline-block",
+				children: o
+			}),
+			(c || l) && /* @__PURE__ */ t("div", {
+				className: "flex flex-col sm:flex-row gap-2 justify-center mt-4",
+				children: [l && /* @__PURE__ */ e("button", {
+					onClick: l.onClick,
+					className: "px-3 py-1.5 text-sm text-action-secondary-text bg-action-secondary-bg border border-border-default rounded hover:bg-action-secondary-bg-hover transition-colors",
+					children: l.label
+				}), c && /* @__PURE__ */ e("button", {
+					onClick: c.onClick,
+					className: "px-3 py-1.5 text-sm text-action-primary-text bg-action-primary-bg rounded hover:bg-action-primary-bg-hover transition-colors",
+					children: c.label
+				})]
+			}),
+			f
+		]
+	});
+}
+function a({ requiredPermissions: t, requiredRoles: n, showRequirements: r = !0, ...a }) {
+	let o;
+	if (r) {
+		let e = [];
+		if (t) {
+			let n = Array.isArray(t) ? t : [t];
+			e.push(`Permissions: ${n.join(", ")}`);
+		}
+		if (n) {
+			let t = Array.isArray(n) ? n : [n];
+			e.push(`Roles: ${t.join(", ")}`);
+		}
+		e.length > 0 && (o = e.join(" | "));
+	}
+	return /* @__PURE__ */ e(i, {
+		details: o,
+		...a
+	});
+}
+//#endregion
+export { i as AccessDenied, a as PermissionDenied };

package/dist/shared/components/AppErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import { Component, ReactNode, ErrorInfo } from 'react';
+interface Props {
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): Partial<State>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private isConfigurationError;
+    private handleReload;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=AppErrorBoundary.d.ts.map

package/dist/shared/components/AppErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/shared/components/AppErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC7B;AAWD,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;IAI7D,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAQpD,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAqNP"}

package/dist/shared/components/AppErrorBoundary.js

@@ -0,0 +1,221 @@
+import { Component as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/shared/components/AppErrorBoundary.tsx
+function r() {
+	try {
+		return globalThis.process?.env?.NODE_ENV === "development";
+	} catch {
+		return !1;
+	}
+}
+var i = class extends e {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null,
+			errorInfo: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	componentDidCatch(e, t) {
+		console.error("ErrorBoundary caught an error:", e, t), this.setState({ errorInfo: t });
+	}
+	isConfigurationError(e) {
+		return [
+			"environment variable",
+			"must be set in production",
+			"VITE_",
+			"gateway",
+			"Invalid URL",
+			"MIGRATION.md"
+		].some((t) => e.message.toLowerCase().includes(t.toLowerCase()));
+	}
+	handleReload = () => {
+		window.location.reload();
+	};
+	render() {
+		if (this.state.hasError && this.state.error) {
+			let e = this.isConfigurationError(this.state.error);
+			return /* @__PURE__ */ t("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					justifyContent: "center",
+					minHeight: "100vh",
+					padding: "2rem",
+					backgroundColor: "#0a0a0a",
+					color: "#fff",
+					fontFamily: "system-ui, -apple-system, sans-serif"
+				},
+				children: /* @__PURE__ */ n("div", {
+					style: {
+						maxWidth: "600px",
+						width: "100%",
+						backgroundColor: "#1a1a1a",
+						border: "1px solid #333",
+						borderRadius: "8px",
+						padding: "2rem"
+					},
+					children: [
+						/* @__PURE__ */ t("div", {
+							style: {
+								fontSize: "3rem",
+								marginBottom: "1rem",
+								textAlign: "center"
+							},
+							children: e ? "⚙️" : "❌"
+						}),
+						/* @__PURE__ */ t("h1", {
+							style: {
+								fontSize: "1.5rem",
+								fontWeight: "bold",
+								marginBottom: "1rem",
+								textAlign: "center",
+								color: e ? "#f59e0b" : "#ef4444"
+							},
+							children: e ? "Configuration Error" : "Something went wrong"
+						}),
+						/* @__PURE__ */ t("div", {
+							style: {
+								backgroundColor: "#2a2a2a",
+								border: "1px solid #444",
+								borderRadius: "4px",
+								padding: "1rem",
+								marginBottom: "1.5rem",
+								fontFamily: "monospace",
+								fontSize: "0.875rem",
+								whiteSpace: "pre-wrap",
+								wordBreak: "break-word",
+								color: e ? "#fbbf24" : "#fca5a5"
+							},
+							children: this.state.error.message
+						}),
+						e && /* @__PURE__ */ n("div", {
+							style: {
+								marginBottom: "1.5rem",
+								padding: "1rem",
+								backgroundColor: "#1e293b",
+								border: "1px solid #3b82f6",
+								borderRadius: "4px"
+							},
+							children: [/* @__PURE__ */ t("h2", {
+								style: {
+									fontSize: "1rem",
+									fontWeight: "bold",
+									marginBottom: "0.5rem",
+									color: "#60a5fa"
+								},
+								children: "How to fix this:"
+							}), /* @__PURE__ */ n("ol", {
+								style: {
+									marginLeft: "1.25rem",
+									lineHeight: "1.6",
+									fontSize: "0.875rem"
+								},
+								children: [
+									/* @__PURE__ */ t("li", { children: "Check your environment variables (.env files)" }),
+									/* @__PURE__ */ t("li", { children: "Ensure all required variables are set" }),
+									/* @__PURE__ */ t("li", { children: "Gateway URLs should be base URLs (no /graphql path)" }),
+									/* @__PURE__ */ t("li", { children: "See MIGRATION.md for detailed instructions" }),
+									/* @__PURE__ */ t("li", { children: "Restart the development server after changing .env files" })
+								]
+							})]
+						}),
+						/* @__PURE__ */ n("div", {
+							style: {
+								display: "flex",
+								gap: "1rem",
+								justifyContent: "center"
+							},
+							children: [/* @__PURE__ */ t("button", {
+								onClick: this.handleReload,
+								style: {
+									padding: "0.75rem 1.5rem",
+									backgroundColor: "#6366f1",
+									color: "#fff",
+									border: "none",
+									borderRadius: "6px",
+									cursor: "pointer",
+									fontSize: "1rem",
+									fontWeight: "500"
+								},
+								onMouseOver: (e) => {
+									e.currentTarget.style.backgroundColor = "#4f46e5";
+								},
+								onMouseOut: (e) => {
+									e.currentTarget.style.backgroundColor = "#6366f1";
+								},
+								children: "Reload Application"
+							}), r() && /* @__PURE__ */ t("button", {
+								onClick: () => {
+									this.setState({
+										hasError: !1,
+										error: null,
+										errorInfo: null
+									});
+								},
+								style: {
+									padding: "0.75rem 1.5rem",
+									backgroundColor: "transparent",
+									color: "#9ca3af",
+									border: "1px solid #4b5563",
+									borderRadius: "6px",
+									cursor: "pointer",
+									fontSize: "1rem",
+									fontWeight: "500"
+								},
+								onMouseOver: (e) => {
+									e.currentTarget.style.backgroundColor = "#1f2937";
+								},
+								onMouseOut: (e) => {
+									e.currentTarget.style.backgroundColor = "transparent";
+								},
+								children: "Try Again"
+							})]
+						}),
+						r() && this.state.errorInfo && /* @__PURE__ */ n("details", {
+							style: {
+								marginTop: "1.5rem",
+								padding: "1rem",
+								backgroundColor: "#2a2a2a",
+								border: "1px solid #444",
+								borderRadius: "4px"
+							},
+							children: [/* @__PURE__ */ t("summary", {
+								style: {
+									cursor: "pointer",
+									fontWeight: "bold",
+									marginBottom: "0.5rem",
+									color: "#9ca3af"
+								},
+								children: "Stack Trace (Development Only)"
+							}), /* @__PURE__ */ n("pre", {
+								style: {
+									fontSize: "0.75rem",
+									overflow: "auto",
+									whiteSpace: "pre-wrap",
+									wordBreak: "break-word",
+									color: "#d1d5db"
+								},
+								children: [
+									this.state.error.stack,
+									"\n\n",
+									this.state.errorInfo.componentStack
+								]
+							})]
+						})
+					]
+				})
+			});
+		}
+		return this.props.children;
+	}
+};
+//#endregion
+export { i as ErrorBoundary };

package/dist/shared/components/ConditionalShell.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode, ComponentType } from 'react';
+import { ShellRouteConfig } from '../config/shellRoutes';
+export interface ConditionalShellProps {
+    children: ReactNode;
+    /** Shell route configuration (determines which routes are shell-less) */
+    routes?: ShellRouteConfig[];
+    /** The AppShell component to wrap children with (lazy-loaded) */
+    ShellComponent: ComponentType<{
+        children: ReactNode;
+    }>;
+    /** Optional components to render inside the shell (e.g., NavRegistration, KeyboardShortcuts) */
+    shellExtras?: ReactNode;
+    /** Fallback UI while shell is loading */
+    shellFallback?: ReactNode;
+}
+export declare function ConditionalShell({ children, routes, ShellComponent, shellExtras, shellFallback, }: ConditionalShellProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConditionalShell.d.ts.map

package/dist/shared/components/ConditionalShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalShell.d.ts","sourceRoot":"","sources":["../../../src/shared/components/ConditionalShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,iEAAiE;IACjE,cAAc,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;IACvD,gGAAgG;IAChG,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,cAAc,EACd,WAAW,EACX,aAAa,GACd,EAAE,qBAAqB,2CAgBvB"}

package/dist/shared/components/ConditionalShell.js

@@ -0,0 +1,16 @@
+import { isShellLessRoute as e } from "../config/shellRoutes.js";
+import { Suspense as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useLocation as i } from "react-router-dom";
+//#region src/shared/components/ConditionalShell.tsx
+function a({ children: a, routes: o, ShellComponent: s, shellExtras: c, shellFallback: l }) {
+	return e(i().pathname, o) ? /* @__PURE__ */ n("div", {
+		className: "min-h-screen bg-background",
+		children: a
+	}) : /* @__PURE__ */ r(t, {
+		fallback: l ?? /* @__PURE__ */ n("div", { className: "min-h-screen bg-background" }),
+		children: [c, /* @__PURE__ */ n(s, { children: a })]
+	});
+}
+//#endregion
+export { a as ConditionalShell };

package/dist/shared/components/ContextConversationWidget.d.ts

@@ -0,0 +1,6 @@
+export interface ContextConversationWidgetProps {
+    className?: string;
+    widgetKey?: string;
+}
+export declare function ContextConversationWidget({ className, widgetKey: widgetKeyOverride, }: ContextConversationWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ContextConversationWidget.d.ts.map

package/dist/shared/components/ContextConversationWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextConversationWidget.d.ts","sourceRoot":"","sources":["../../../src/shared/components/ContextConversationWidget.tsx"],"names":[],"mappings":"AAwXA,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgHD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,SAAS,EAAE,iBAAiB,GAC7B,EAAE,8BAA8B,kDAw/BhC"}