@burdenoff/microfe-auth 2026.1103.1 → 2026.1107.2

package/dist/auth/components/AuthLayout.js

@@ -62,7 +62,8 @@ function l({ children: t, title: l, subtitle: u, productName: d, tagline: f }) {
 	let p = e(), m = n(), h = d || m.productName || "Burdenoff", g = m.brandInitial || "B", _ = f || m.tagline || "Enterprise platform", { locale: v, setLocale: y } = r();
 	return /* @__PURE__ */ a("div", {
 		className: "min-h-screen flex relative",
-		children: [/* @__PURE__ */ a("div", {
+		children: [/* @__PURE__ */ a("aside", {
+			"aria-label": h,
 			className: "auth-brand-panel hidden overflow-hidden lg:flex lg:w-1/2 relative",
 			children: [/* @__PURE__ */ a("div", {
 				className: "absolute inset-0 overflow-hidden",
@@ -88,7 +89,7 @@ function l({ children: t, title: l, subtitle: u, productName: d, tagline: f }) {
 					/* @__PURE__ */ a("div", {
 						className: "max-w-md",
 						children: [
-							/* @__PURE__ */ i("h1", {
+							/* @__PURE__ */ i("p", {
 								className: "mb-4 text-4xl font-bold leading-tight text-[var(--color-text-primary)]",
 								children: _
 							}),
@@ -210,7 +211,7 @@ function l({ children: t, title: l, subtitle: u, productName: d, tagline: f }) {
 					}),
 					/* @__PURE__ */ a("div", {
 						className: "text-center lg:text-left mb-8",
-						children: [/* @__PURE__ */ i("h2", {
+						children: [/* @__PURE__ */ i("h1", {
 							className: "text-2xl sm:text-3xl font-bold text-[var(--color-text-primary)] mb-2",
 							children: l
 						}), /* @__PURE__ */ i("p", {

package/dist/auth/components/AuthLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.js","names":["AUTH_LANGUAGES","BrandLogo","failed","setFailed","useState","brandInitial","AuthLayout","tr","useTr","shell","useAppShell","displayName","productName","displayTagline","tagline","useI18n","feature","LanguageSwitcher","locale","language","title","subtitle","children"],"sources":["../../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { LanguageSwitcher } from \"@burdenoff/fe-libs/chrome\";\nimport type { Language } from \"@burdenoff/fe-libs/chrome\";\nimport {\n  useI18n,\n  useAppShell,\n} from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport type { Locale } from \"@burdenoff/fe-libs/shared/providers/shell\";\n\ninterface AuthLayoutProps {\n  children: ReactNode;\n  title: string;\n  subtitle: string;\n  productName?: string;\n  tagline?: string;\n}\n\n/**\n * Supported languages for the auth pages.\n *\n * Must stay in sync with the locales actually seeded in\n * `i18n_translations` for the consumer products that mount microfe-auth.\n * If a locale is listed here but NOT seeded, selecting it sets\n * `setLocale(<code>)` on the I18nProvider, the next `exportTranslations`\n * call returns zero rows, every `tr()` falls back to its English default,\n * and the user gets an English UI under a non-English flag.\n *\n * Audited 2026-05-31 against alpha `i18n_translations`: only `en/ta/hi/\n * zh/es/ar` have actual translations (vibecontrols 40k+ rows each).\n * `fr` was previously listed but no product seeds it — selecting it\n * produced a half-translated UI. Removed for parity with the dashboard\n * `LanguageSwitcherSlot` (which is data-driven from `i18n_languages`).\n *\n * Adding a new locale requires updating BOTH:\n *   - this list\n *   - each consumer product's seed (e.g. vibecontrols-app/scripts/\n *     build-i18n-bundle.ts + the new `<code>.ts` translation source).\n */\nconst AUTH_LANGUAGES: Language[] = [\n  { code: \"en\", name: \"English\", nativeName: \"English\", flag: \"🇺🇸\" },\n  { code: \"ta\", name: \"Tamil\", nativeName: \"தமிழ்\", flag: \"🇮🇳\" },\n  { code: \"hi\", name: \"Hindi\", nativeName: \"हिन्दी\", flag: \"🇮🇳\" },\n  { code: \"zh\", name: \"Chinese\", nativeName: \"中文\", flag: \"🇨🇳\" },\n  { code: \"es\", name: \"Spanish\", nativeName: \"Español\", flag: \"🇪🇸\" },\n  { code: \"ar\", name: \"Arabic\", nativeName: \"العربية\", flag: \"🇸🇦\" },\n];\n\n/**\n * Brand logo for the auth pages.\n *\n * Renders the host app shell's real product logo served at `/icons/icon.svg`\n * (the same asset the marketing landing page uses) so the login screen and the\n * landing page show an identical mark instead of a generic placeholder glyph.\n * Host shells that don't ship that asset (e.g. admin-app) fall back to a\n * branded initial badge rather than a broken image.\n */\nfunction BrandLogo({ brandInitial }: { brandInitial: string }) {\n  const [failed, setFailed] = useState(false);\n\n  if (failed) {\n    return (\n      <div className=\"auth-brand-badge flex size-10 items-center justify-center rounded-xl\">\n        <span className=\"text-lg font-bold leading-none text-white\">\n          {brandInitial}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src=\"/icons/icon.svg\"\n      alt=\"\"\n      aria-hidden=\"true\"\n      className=\"size-10 rounded-xl object-contain\"\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/**\n * Professional auth layout with split-screen design\n * Left side: Branding with gradient background\n * Right side: Auth form\n */\nexport function AuthLayout({\n  children,\n  title,\n  subtitle,\n  productName,\n  tagline,\n}: AuthLayoutProps) {\n  const tr = useTr();\n  const shell = useAppShell();\n  const displayName = productName || shell.productName || \"Burdenoff\";\n  const brandInitial = shell.brandInitial || \"B\";\n  const displayTagline = tagline || shell.tagline || \"Enterprise platform\";\n  const { locale, setLocale } = useI18n();\n\n  const handleLanguageChange = (language: Language) => {\n    // AUTH_LANGUAGES intentionally lists locales (e.g. \"ar\") that are seeded\n    // in consumer products but not yet present in the fe-libs Locale union.\n    // The runtime I18nProvider accepts any locale code, so we cast through\n    // unknown to Locale to keep the picker in parity until fe-libs widens the\n    // union. Keep AUTH_LANGUAGES in sync with consumer product seeds.\n    setLocale(language.code as unknown as Locale);\n  };\n\n  return (\n    <div className=\"min-h-screen flex relative\">\n      {/* Left Panel - Branding */}\n      <div className=\"auth-brand-panel hidden overflow-hidden lg:flex lg:w-1/2 relative\">\n        {/* Decorative Elements */}\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"absolute -top-40 -left-40 size-80 rounded-full bg-accent-blue/20 blur-3xl\" />\n          <div className=\"absolute top-1/2 -right-20 size-96 rounded-full bg-accent-indigo/20 blur-3xl\" />\n          <div className=\"absolute -bottom-40 left-1/4 size-72 rounded-full bg-accent-purple/20 blur-3xl\" />\n\n          {/* Grid Pattern */}\n          <div\n            className=\"absolute inset-0 opacity-5\"\n            style={{\n              backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")`,\n            }}\n          />\n        </div>\n\n        {/* Content */}\n        <div className=\"relative z-10 flex flex-col justify-between p-12 w-full\">\n          {/* Logo */}\n          <div className=\"flex items-center gap-3\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Main Content */}\n          <div className=\"max-w-md\">\n            <h1 className=\"mb-4 text-4xl font-bold leading-tight text-[var(--color-text-primary)]\">\n              {displayTagline}\n            </h1>\n            <p className=\"auth-brand-copy text-lg leading-relaxed\">\n              {tr(\n                \"auth.layout.taglineDescription\",\n                \"Unify your teams, projects, and workflows in one intelligent workspace. Built for scale with enterprise-grade security, real-time collaboration, and seamless integrations across your entire organization.\",\n              )}\n            </p>\n\n            {/* Features */}\n            <div className=\"mt-10 space-y-4\">\n              {[\n                {\n                  icon: \"workspace\",\n                  text: tr(\n                    \"auth.layout.featureWorkspace\",\n                    \"Modular workspace architecture\",\n                  ),\n                },\n                {\n                  icon: \"realtime\",\n                  text: tr(\n                    \"auth.layout.featureRealtime\",\n                    \"Real-time collaboration & sync\",\n                  ),\n                },\n                {\n                  icon: \"security\",\n                  text: tr(\n                    \"auth.layout.featureSecurity\",\n                    \"Enterprise-grade security & SSO\",\n                  ),\n                },\n                {\n                  icon: \"scale\",\n                  text: tr(\n                    \"auth.layout.featureScale\",\n                    \"Unlimited scalability & performance\",\n                  ),\n                },\n              ].map((feature) => (\n                <div key={feature.icon} className=\"flex items-center gap-3\">\n                  <div className=\"auth-highlight-chip flex size-8 items-center justify-center rounded-lg\">\n                    {feature.icon === \"workspace\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"realtime\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"security\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"scale\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n                        />\n                      </svg>\n                    )}\n                  </div>\n                  <span className=\"auth-brand-copy text-sm font-medium\">\n                    {feature.text}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Footer */}\n          <div className=\"auth-brand-copy-muted text-sm\">\n            © {new Date().getFullYear()} Burdenoff. All rights reserved.\n          </div>\n        </div>\n      </div>\n\n      {/* Right Panel - Form */}\n      <main className=\"auth-shell-gradient relative flex flex-1 items-center justify-center bg-[var(--color-bg-canvas)] p-6 sm:p-12\">\n        {/* Language Switcher - Top Right */}\n        <div className=\"absolute top-4 right-4 sm:top-6 sm:right-6 z-10\">\n          <LanguageSwitcher\n            languages={AUTH_LANGUAGES}\n            currentLanguage={locale}\n            onLanguageChange={handleLanguageChange}\n          />\n        </div>\n        <div className=\"w-full max-w-md\">\n          {/* Mobile Logo */}\n          <div className=\"lg:hidden flex items-center justify-center gap-3 mb-8\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Header */}\n          <div className=\"text-center lg:text-left mb-8\">\n            <h2 className=\"text-2xl sm:text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n              {title}\n            </h2>\n            <p className=\"text-[var(--color-text-secondary)]\">{subtitle}</p>\n          </div>\n\n          {/* Form Content */}\n          {children}\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AuthLayout.js","names":["AUTH_LANGUAGES","BrandLogo","failed","setFailed","useState","brandInitial","AuthLayout","tr","useTr","shell","useAppShell","displayName","productName","displayTagline","tagline","useI18n","feature","LanguageSwitcher","locale","language","title","subtitle","children"],"sources":["../../../src/auth/components/AuthLayout.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { LanguageSwitcher } from \"@burdenoff/fe-libs/chrome\";\nimport type { Language } from \"@burdenoff/fe-libs/chrome\";\nimport {\n  useI18n,\n  useAppShell,\n} from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport type { Locale } from \"@burdenoff/fe-libs/shared/providers/shell\";\n\ninterface AuthLayoutProps {\n  children: ReactNode;\n  title: string;\n  subtitle: string;\n  productName?: string;\n  tagline?: string;\n}\n\n/**\n * Supported languages for the auth pages.\n *\n * Must stay in sync with the locales actually seeded in\n * `i18n_translations` for the consumer products that mount microfe-auth.\n * If a locale is listed here but NOT seeded, selecting it sets\n * `setLocale(<code>)` on the I18nProvider, the next `exportTranslations`\n * call returns zero rows, every `tr()` falls back to its English default,\n * and the user gets an English UI under a non-English flag.\n *\n * Audited 2026-05-31 against alpha `i18n_translations`: only `en/ta/hi/\n * zh/es/ar` have actual translations (vibecontrols 40k+ rows each).\n * `fr` was previously listed but no product seeds it — selecting it\n * produced a half-translated UI. Removed for parity with the dashboard\n * `LanguageSwitcherSlot` (which is data-driven from `i18n_languages`).\n *\n * Adding a new locale requires updating BOTH:\n *   - this list\n *   - each consumer product's seed (e.g. vibecontrols-app/scripts/\n *     build-i18n-bundle.ts + the new `<code>.ts` translation source).\n */\nconst AUTH_LANGUAGES: Language[] = [\n  { code: \"en\", name: \"English\", nativeName: \"English\", flag: \"🇺🇸\" },\n  { code: \"ta\", name: \"Tamil\", nativeName: \"தமிழ்\", flag: \"🇮🇳\" },\n  { code: \"hi\", name: \"Hindi\", nativeName: \"हिन्दी\", flag: \"🇮🇳\" },\n  { code: \"zh\", name: \"Chinese\", nativeName: \"中文\", flag: \"🇨🇳\" },\n  { code: \"es\", name: \"Spanish\", nativeName: \"Español\", flag: \"🇪🇸\" },\n  { code: \"ar\", name: \"Arabic\", nativeName: \"العربية\", flag: \"🇸🇦\" },\n];\n\n/**\n * Brand logo for the auth pages.\n *\n * Renders the host app shell's real product logo served at `/icons/icon.svg`\n * (the same asset the marketing landing page uses) so the login screen and the\n * landing page show an identical mark instead of a generic placeholder glyph.\n * Host shells that don't ship that asset (e.g. admin-app) fall back to a\n * branded initial badge rather than a broken image.\n */\nfunction BrandLogo({ brandInitial }: { brandInitial: string }) {\n  const [failed, setFailed] = useState(false);\n\n  if (failed) {\n    return (\n      <div className=\"auth-brand-badge flex size-10 items-center justify-center rounded-xl\">\n        <span className=\"text-lg font-bold leading-none text-white\">\n          {brandInitial}\n        </span>\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src=\"/icons/icon.svg\"\n      alt=\"\"\n      aria-hidden=\"true\"\n      className=\"size-10 rounded-xl object-contain\"\n      onError={() => setFailed(true)}\n    />\n  );\n}\n\n/**\n * Professional auth layout with split-screen design\n * Left side: Branding with gradient background\n * Right side: Auth form\n */\nexport function AuthLayout({\n  children,\n  title,\n  subtitle,\n  productName,\n  tagline,\n}: AuthLayoutProps) {\n  const tr = useTr();\n  const shell = useAppShell();\n  const displayName = productName || shell.productName || \"Burdenoff\";\n  const brandInitial = shell.brandInitial || \"B\";\n  const displayTagline = tagline || shell.tagline || \"Enterprise platform\";\n  const { locale, setLocale } = useI18n();\n\n  const handleLanguageChange = (language: Language) => {\n    // AUTH_LANGUAGES intentionally lists locales (e.g. \"ar\") that are seeded\n    // in consumer products but not yet present in the fe-libs Locale union.\n    // The runtime I18nProvider accepts any locale code, so we cast through\n    // unknown to Locale to keep the picker in parity until fe-libs widens the\n    // union. Keep AUTH_LANGUAGES in sync with consumer product seeds.\n    setLocale(language.code as unknown as Locale);\n  };\n\n  return (\n    <div className=\"min-h-screen flex relative\">\n      {/* Left Panel - Branding. A complementary landmark, so every piece of\n          content on the auth pages sits inside a landmark (axe `region`) and\n          screen-reader users can skip the marketing copy. */}\n      <aside\n        aria-label={displayName}\n        className=\"auth-brand-panel hidden overflow-hidden lg:flex lg:w-1/2 relative\"\n      >\n        {/* Decorative Elements */}\n        <div className=\"absolute inset-0 overflow-hidden\">\n          <div className=\"absolute -top-40 -left-40 size-80 rounded-full bg-accent-blue/20 blur-3xl\" />\n          <div className=\"absolute top-1/2 -right-20 size-96 rounded-full bg-accent-indigo/20 blur-3xl\" />\n          <div className=\"absolute -bottom-40 left-1/4 size-72 rounded-full bg-accent-purple/20 blur-3xl\" />\n\n          {/* Grid Pattern */}\n          <div\n            className=\"absolute inset-0 opacity-5\"\n            style={{\n              backgroundImage: `url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")`,\n            }}\n          />\n        </div>\n\n        {/* Content */}\n        <div className=\"relative z-10 flex flex-col justify-between p-12 w-full\">\n          {/* Logo */}\n          <div className=\"flex items-center gap-3\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Main Content */}\n          <div className=\"max-w-md\">\n            {/* Marketing tagline, not a heading: the page's single h1 is the\n                form title in <main>, which is also the only heading visible on\n                phones where this panel is hidden. */}\n            <p className=\"mb-4 text-4xl font-bold leading-tight text-[var(--color-text-primary)]\">\n              {displayTagline}\n            </p>\n            <p className=\"auth-brand-copy text-lg leading-relaxed\">\n              {tr(\n                \"auth.layout.taglineDescription\",\n                \"Unify your teams, projects, and workflows in one intelligent workspace. Built for scale with enterprise-grade security, real-time collaboration, and seamless integrations across your entire organization.\",\n              )}\n            </p>\n\n            {/* Features */}\n            <div className=\"mt-10 space-y-4\">\n              {[\n                {\n                  icon: \"workspace\",\n                  text: tr(\n                    \"auth.layout.featureWorkspace\",\n                    \"Modular workspace architecture\",\n                  ),\n                },\n                {\n                  icon: \"realtime\",\n                  text: tr(\n                    \"auth.layout.featureRealtime\",\n                    \"Real-time collaboration & sync\",\n                  ),\n                },\n                {\n                  icon: \"security\",\n                  text: tr(\n                    \"auth.layout.featureSecurity\",\n                    \"Enterprise-grade security & SSO\",\n                  ),\n                },\n                {\n                  icon: \"scale\",\n                  text: tr(\n                    \"auth.layout.featureScale\",\n                    \"Unlimited scalability & performance\",\n                  ),\n                },\n              ].map((feature) => (\n                <div key={feature.icon} className=\"flex items-center gap-3\">\n                  <div className=\"auth-highlight-chip flex size-8 items-center justify-center rounded-lg\">\n                    {feature.icon === \"workspace\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"realtime\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"security\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\n                        />\n                      </svg>\n                    )}\n                    {feature.icon === \"scale\" && (\n                      <svg\n                        className=\"size-4 text-accent-blue\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n                        />\n                      </svg>\n                    )}\n                  </div>\n                  <span className=\"auth-brand-copy text-sm font-medium\">\n                    {feature.text}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          {/* Footer */}\n          <div className=\"auth-brand-copy-muted text-sm\">\n            © {new Date().getFullYear()} Burdenoff. All rights reserved.\n          </div>\n        </div>\n      </aside>\n\n      {/* Right Panel - Form */}\n      <main className=\"auth-shell-gradient relative flex flex-1 items-center justify-center bg-[var(--color-bg-canvas)] p-6 sm:p-12\">\n        {/* Language Switcher - Top Right */}\n        <div className=\"absolute top-4 right-4 sm:top-6 sm:right-6 z-10\">\n          <LanguageSwitcher\n            languages={AUTH_LANGUAGES}\n            currentLanguage={locale}\n            onLanguageChange={handleLanguageChange}\n          />\n        </div>\n        <div className=\"w-full max-w-md\">\n          {/* Mobile Logo */}\n          <div className=\"lg:hidden flex items-center justify-center gap-3 mb-8\">\n            <BrandLogo brandInitial={brandInitial} />\n            <span className=\"text-xl font-bold text-[var(--color-text-primary)]\">\n              {displayName}\n            </span>\n          </div>\n\n          {/* Header */}\n          <div className=\"text-center lg:text-left mb-8\">\n            <h1 className=\"text-2xl sm:text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n              {title}\n            </h1>\n            <p className=\"text-[var(--color-text-secondary)]\">{subtitle}</p>\n          </div>\n\n          {/* Form Content */}\n          {children}\n        </div>\n      </main>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/hooks/useAuthOperations.d.ts

@@ -32,10 +32,7 @@ export declare function useAuthOperations(options?: UseAuthOperationsOptions): {
         success: boolean;
         message: string;
     }>;
-    refetchCurrentUser: (variables?: Partial<import('@apollo/client').OperationVariables> | undefined) => Promise<{
-        data: CurrentUserResponse | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
+    refetchCurrentUser: import('@apollo/client/react/internal').RefetchFunction<CurrentUserResponse, import('@apollo/client').OperationVariables, undefined>;
     login: (input: SignInInput) => Promise<AuthResult>;
     register: (input: SignUpInput) => Promise<AuthPayload | {
         requiresEmailVerification: boolean;

package/dist/auth/hooks/useDelegationOperations.d.ts

@@ -21,14 +21,8 @@ export declare function useDelegationOperations(): {
     revokeDelegation: (id: string, reason?: string) => Promise<boolean>;
     getDelegationsForApp: (appId: string) => AppUserDelegation[];
     hasWorkspaceDelegation: (appId: string, workspaceId: string) => boolean;
-    refetchDelegations: (variables?: Partial<import('@apollo/client').OperationVariables> | undefined) => Promise<{
-        data: CurrentUserDelegationsResponse | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
-    refetchGrantedDelegations: (variables?: Partial<import('@apollo/client').OperationVariables> | undefined) => Promise<{
-        data: CurrentUserGrantedDelegationsResponse | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
+    refetchDelegations: import('@apollo/client/react/internal').RefetchFunction<CurrentUserDelegationsResponse, import('@apollo/client').OperationVariables, undefined>;
+    refetchGrantedDelegations: import('@apollo/client/react/internal').RefetchFunction<CurrentUserGrantedDelegationsResponse, import('@apollo/client').OperationVariables, undefined>;
     delegations: AppUserDelegation[];
     grantedDelegations: AppUserDelegation[];
     isLoading: boolean;

package/dist/auth/hooks/useMyWorkspaces.d.ts

@@ -38,9 +38,6 @@ export declare function useMyWorkspaces(): {
         workspace?: Workspace;
         error?: string;
     }>;
-    refetch: (variables?: Partial<import('@apollo/client').OperationVariables> | undefined) => Promise<{
-        data: MyWorkspacesResponse | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
+    refetch: import('@apollo/client/react/internal').RefetchFunction<MyWorkspacesResponse, import('@apollo/client').OperationVariables, undefined>;
 };
 export {};

package/dist/auth/hooks/useSessionOperations.d.ts

@@ -22,24 +22,20 @@ export declare function useSessionOperations(options?: UseSessionOperationsOptio
         revokedCount: number;
     }>;
     activeSessions: {
-        __typename?: "Session";
         id: string;
         status: import('../../generated/global-types').SessionStatus;
-        ipAddress?: string | null;
-        userAgent?: string | null;
-        location?: string | null;
+        ipAddress: string | null;
+        userAgent: string | null;
+        location: string | null;
         lastActivityAt: string;
         expiresAt: string;
         createdAt: string;
         isCurrent: boolean;
     }[];
     sessionsLoading: boolean;
-    refetchSessions: (variables?: Partial<import('../../generated/global-types').Exact<{
-        pagination?: import('../../generated/global-types').InputMaybe<import('../../generated/global-types').PaginationInput>;
-    }>> | undefined) => Promise<{
-        data: ActiveSessionsQuery | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
+    refetchSessions: import('@apollo/client/react/internal').RefetchFunction<ActiveSessionsQuery, {
+        pagination?: import('../../generated/global-types').PaginationInput | null | undefined;
+    }, undefined>;
     page: number;
     pageSize: number;
     totalCount: number;
@@ -48,9 +44,6 @@ export declare function useSessionOperations(options?: UseSessionOperationsOptio
     goToNextPage: () => void;
     goToPrevPage: () => void;
     isLoading: boolean;
-    refetch: (variables?: Partial<import('@apollo/client').OperationVariables> | undefined) => Promise<{
-        data: TokenInfoQueryResponse | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
+    refetch: import('@apollo/client/react/internal').RefetchFunction<TokenInfoQueryResponse, import('@apollo/client').OperationVariables, undefined>;
 };
 export {};

package/dist/auth/hooks/useSsoOperations.d.ts

@@ -58,9 +58,6 @@ export declare function useSsoOperations(tenantId?: string): {
     isSaving: boolean;
     isDeleting: boolean;
     isGeneratingOidcUrl: boolean;
-    refetchConfig: (variables?: Partial<GetSSOConfigVariables> | undefined) => Promise<{
-        data: GetSSOConfigResponse | undefined;
-        error?: import('@apollo/client').ErrorLike;
-    }>;
+    refetchConfig: import('@apollo/client/react/internal').RefetchFunction<GetSSOConfigResponse, GetSSOConfigVariables, undefined>;
 };
 export {};

package/dist/auth/pages/LoginPage.js

@@ -324,6 +324,7 @@ function S() {
 				className: "space-y-5",
 				children: [
 					tt && /* @__PURE__ */ g("div", {
+						role: "status",
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-info-bg-subtle border-status-info-border",
 						children: [/* @__PURE__ */ h("svg", {
 							className: "size-5 flex-shrink-0 mt-0.5 text-text-link",
@@ -342,6 +343,7 @@ function S() {
 						})]
 					}),
 					q && /* @__PURE__ */ g("div", {
+						role: "alert",
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border",
 						children: [/* @__PURE__ */ h(u, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ h("p", {
 							className: "text-sm text-status-warning-text",
@@ -349,6 +351,7 @@ function S() {
 						})]
 					}),
 					nt && /* @__PURE__ */ g("div", {
+						role: "alert",
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border",
 						children: [/* @__PURE__ */ h(u, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ g("div", {
 							className: "flex-1",
@@ -382,6 +385,7 @@ function S() {
 						})]
 					}),
 					E && !q && !nt && /* @__PURE__ */ g("div", {
+						role: "alert",
 						className: `flex items-start gap-3 p-4 rounded-xl border ${P || R || B ? "bg-status-warning-bg-subtle border-status-warning-border" : "bg-status-error-bg-subtle border-status-error-border"}`,
 						children: [/* @__PURE__ */ h(u, { className: `size-5 flex-shrink-0 mt-0.5 ${P || R || B ? "text-status-warning-text" : "text-status-error-text"}` }), /* @__PURE__ */ g("div", {
 							className: "flex-1",