@iblai/iblai-js 2.29.2 → 2.31.0

package/dist/web-containers/source/next/index.esm.js

@@ -48065,7 +48065,7 @@ function formatRelativeDate(date) {
     }
 }
 
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+const buttonVariants$1 = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -48089,7 +48089,7 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
 });
 const Button$1 = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot$4 : "button";
-    return (jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
+    return (jsx(Comp, { className: cn(buttonVariants$1({ variant, size, className })), ref: ref, ...props }));
 });
 Button$1.displayName = "Button";
 
@@ -48376,7 +48376,7 @@ const __iconNode$pf = [
 ];
 const Accessibility = createLucideIcon("accessibility", __iconNode$pf);
 
-var accessibility = /*#__PURE__*/Object.freeze({
+var accessibility$4 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     __iconNode: __iconNode$pf,
     default: Accessibility
@@ -103427,6 +103427,54 @@ var virtualMachineNetworkSection$3 = {
 	manageTitle: "Virtual Machine Settings",
 	manageDescription: "Network policies and VM secrets are shared by every agent in your organization."
 };
+var accessibility$3 = {
+	toolbar: {
+		accessibilityMenu: "Accessibility Menu",
+		contrastPlus: "Contrast +",
+		highlightLinks: "Highlight Links",
+		biggerText: "Bigger Text",
+		textSpacing: "Text Spacing",
+		pauseAnimations: "Pause Animations",
+		hideImages: "Hide Images",
+		dyslexiaFriendly: "Dyslexia Friendly",
+		cursor: "Cursor",
+		tooltips: "Tooltips",
+		lineHeight: "Line Height",
+		textAlign: "Text Align",
+		saturation: "Saturation",
+		resetAllAccessibilitySettings: "Reset All Accessibility Settings",
+		contrastInvertColors: "Invert Colors",
+		contrastDark: "Dark Contrast",
+		contrastLight: "Light Contrast",
+		textSizeNormal: "Normal Text",
+		textSizeLarge: "Large Text",
+		textSizeLarger: "Larger Text",
+		spacingLight: "Light Spacing",
+		spacingModerate: "Moderate Spacing",
+		spacingHeavy: "Heavy Spacing",
+		dyslexiaFont: "Dyslexia Font",
+		legibleFont: "Legible Font",
+		alignLeft: "Align Left",
+		alignCenter: "Align Center",
+		alignRight: "Align Right",
+		justify: "Justify",
+		saturationNormal: "Normal Saturation",
+		saturationHigh: "High Saturation",
+		saturationLow: "Low Saturation",
+		resetButtonPosition: "Reset Button Position",
+		moveButtonToCorner: "Move button to corner",
+		moveButtonTopLeft: "Move button to top left corner",
+		moveButtonTopRight: "Move button to top right corner",
+		moveButtonBottomLeft: "Move button to bottom left corner",
+		moveButtonBottomRight: "Move button to bottom right corner"
+	},
+	button: {
+		openAccessibilityMenu: "Open Accessibility Menu",
+		accessibilityIconAlt: "Accessibility",
+		moveHint: "Use the up and down arrow keys to move this button, and the left and right arrow keys to switch sides. Hold Shift to move it faster.",
+		positionAnnouncement: "Accessibility button moved to the {side, select, left {left} other {right}} edge, {bottom} pixels from the bottom."
+	}
+};
 var en = {
 	accessTabAddAccess: accessTabAddAccess$3,
 	accessTabLabels: accessTabLabels$3,
@@ -103722,7 +103770,8 @@ var en = {
 	virtualMachineAdminTab: virtualMachineAdminTab$3,
 	virtualMachineNetworkPolicies: virtualMachineNetworkPolicies$3,
 	virtualMachineSecrets: virtualMachineSecrets$3,
-	virtualMachineNetworkSection: virtualMachineNetworkSection$3
+	virtualMachineNetworkSection: virtualMachineNetworkSection$3,
+	accessibility: accessibility$3
 };
 
 var accessTabAddAccess$2 = {
@@ -111083,6 +111132,54 @@ var virtualMachineNetworkSection$2 = {
 	manageTitle: "Paramètres de la machine virtuelle",
 	manageDescription: "Les politiques réseau et les secrets de VM sont partagés par tous les agents de votre organisation."
 };
+var accessibility$2 = {
+	toolbar: {
+		accessibilityMenu: "Menu d'accessibilité",
+		contrastPlus: "Contraste +",
+		highlightLinks: "Mettre les liens en évidence",
+		biggerText: "Texte plus grand",
+		textSpacing: "Espacement du texte",
+		pauseAnimations: "Mettre les animations en pause",
+		hideImages: "Masquer les images",
+		dyslexiaFriendly: "Adapté à la dyslexie",
+		cursor: "Curseur",
+		tooltips: "Infobulles",
+		lineHeight: "Hauteur de ligne",
+		textAlign: "Alignement du texte",
+		saturation: "Saturation",
+		resetAllAccessibilitySettings: "Réinitialiser tous les paramètres d'accessibilité",
+		contrastInvertColors: "Inverser les couleurs",
+		contrastDark: "Contraste sombre",
+		contrastLight: "Contraste clair",
+		textSizeNormal: "Texte normal",
+		textSizeLarge: "Grand texte",
+		textSizeLarger: "Texte très grand",
+		spacingLight: "Espacement léger",
+		spacingModerate: "Espacement modéré",
+		spacingHeavy: "Espacement important",
+		dyslexiaFont: "Police dyslexie",
+		legibleFont: "Police lisible",
+		alignLeft: "Aligner à gauche",
+		alignCenter: "Centrer",
+		alignRight: "Aligner à droite",
+		justify: "Justifier",
+		saturationNormal: "Saturation normale",
+		saturationHigh: "Haute saturation",
+		saturationLow: "Faible saturation",
+		resetButtonPosition: "Réinitialiser la position du bouton",
+		moveButtonToCorner: "Déplacer le bouton dans un coin",
+		moveButtonTopLeft: "Déplacer le bouton dans le coin supérieur gauche",
+		moveButtonTopRight: "Déplacer le bouton dans le coin supérieur droit",
+		moveButtonBottomLeft: "Déplacer le bouton dans le coin inférieur gauche",
+		moveButtonBottomRight: "Déplacer le bouton dans le coin inférieur droit"
+	},
+	button: {
+		openAccessibilityMenu: "Ouvrir le menu d'accessibilité",
+		accessibilityIconAlt: "Accessibilité",
+		moveHint: "Utilisez les flèches haut et bas pour déplacer ce bouton, et les flèches gauche et droite pour changer de côté. Maintenez Maj enfoncée pour le déplacer plus vite.",
+		positionAnnouncement: "Bouton d'accessibilité déplacé vers le bord {side, select, left {gauche} other {droit}}, à {bottom} pixels du bas."
+	}
+};
 var fr = {
 	accessTabAddAccess: accessTabAddAccess$2,
 	accessTabLabels: accessTabLabels$2,
@@ -111378,7 +111475,8 @@ var fr = {
 	virtualMachineAdminTab: virtualMachineAdminTab$2,
 	virtualMachineNetworkPolicies: virtualMachineNetworkPolicies$2,
 	virtualMachineSecrets: virtualMachineSecrets$2,
-	virtualMachineNetworkSection: virtualMachineNetworkSection$2
+	virtualMachineNetworkSection: virtualMachineNetworkSection$2,
+	accessibility: accessibility$2
 };
 
 var accessTabAddAccess$1 = {
@@ -118739,6 +118837,54 @@ var virtualMachineNetworkSection$1 = {
 	manageTitle: "Configuración de la máquina virtual",
 	manageDescription: "Las políticas de red y los secretos de VM son compartidos por todos los agentes de tu organización."
 };
+var accessibility$1 = {
+	toolbar: {
+		accessibilityMenu: "Menú de accesibilidad",
+		contrastPlus: "Contraste +",
+		highlightLinks: "Resaltar enlaces",
+		biggerText: "Texto más grande",
+		textSpacing: "Espaciado del texto",
+		pauseAnimations: "Pausar animaciones",
+		hideImages: "Ocultar imágenes",
+		dyslexiaFriendly: "Apto para dislexia",
+		cursor: "Cursor",
+		tooltips: "Tooltips",
+		lineHeight: "Altura de línea",
+		textAlign: "Alineación del texto",
+		saturation: "Saturación",
+		resetAllAccessibilitySettings: "Restablecer todos los ajustes de accesibilidad",
+		contrastInvertColors: "Invertir colores",
+		contrastDark: "Contraste oscuro",
+		contrastLight: "Contraste claro",
+		textSizeNormal: "Texto normal",
+		textSizeLarge: "Texto grande",
+		textSizeLarger: "Texto más grande",
+		spacingLight: "Espaciado ligero",
+		spacingModerate: "Espaciado moderado",
+		spacingHeavy: "Espaciado amplio",
+		dyslexiaFont: "Fuente para dislexia",
+		legibleFont: "Fuente legible",
+		alignLeft: "Alinear a la izquierda",
+		alignCenter: "Centrar",
+		alignRight: "Alinear a la derecha",
+		justify: "Justificar",
+		saturationNormal: "Saturación normal",
+		saturationHigh: "Alta saturación",
+		saturationLow: "Baja saturación",
+		resetButtonPosition: "Restablecer posición del botón",
+		moveButtonToCorner: "Mover el botón a una esquina",
+		moveButtonTopLeft: "Mover el botón a la esquina superior izquierda",
+		moveButtonTopRight: "Mover el botón a la esquina superior derecha",
+		moveButtonBottomLeft: "Mover el botón a la esquina inferior izquierda",
+		moveButtonBottomRight: "Mover el botón a la esquina inferior derecha"
+	},
+	button: {
+		openAccessibilityMenu: "Abrir el menú de accesibilidad",
+		accessibilityIconAlt: "Accesibilidad",
+		moveHint: "Usa las flechas arriba y abajo para mover este botón, y las flechas izquierda y derecha para cambiarlo de lado. Mantén pulsada Mayús para moverlo más rápido.",
+		positionAnnouncement: "Botón de accesibilidad movido al borde {side, select, left {izquierdo} other {derecho}}, a {bottom} píxeles de la parte inferior."
+	}
+};
 var es = {
 	accessTabAddAccess: accessTabAddAccess$1,
 	accessTabLabels: accessTabLabels$1,
@@ -119034,7 +119180,8 @@ var es = {
 	virtualMachineAdminTab: virtualMachineAdminTab$1,
 	virtualMachineNetworkPolicies: virtualMachineNetworkPolicies$1,
 	virtualMachineSecrets: virtualMachineSecrets$1,
-	virtualMachineNetworkSection: virtualMachineNetworkSection$1
+	virtualMachineNetworkSection: virtualMachineNetworkSection$1,
+	accessibility: accessibility$1
 };
 
 var accessTabAddAccess = {
@@ -126395,6 +126542,54 @@ var virtualMachineNetworkSection = {
 	manageTitle: "虚拟机设置",
 	manageDescription: "网络策略和虚拟机密钥由您组织中的所有智能体共享。"
 };
+var accessibility = {
+	toolbar: {
+		accessibilityMenu: "无障碍菜单",
+		contrastPlus: "对比度 +",
+		highlightLinks: "高亮链接",
+		biggerText: "放大文字",
+		textSpacing: "文字间距",
+		pauseAnimations: "暂停动画",
+		hideImages: "隐藏图片",
+		dyslexiaFriendly: "阅读障碍友好",
+		cursor: "光标",
+		tooltips: "工具提示",
+		lineHeight: "行高",
+		textAlign: "文字对齐",
+		saturation: "饱和度",
+		resetAllAccessibilitySettings: "重置所有无障碍设置",
+		contrastInvertColors: "反转颜色",
+		contrastDark: "深色对比",
+		contrastLight: "浅色对比",
+		textSizeNormal: "正常文字",
+		textSizeLarge: "大号文字",
+		textSizeLarger: "更大文字",
+		spacingLight: "轻度间距",
+		spacingModerate: "适中间距",
+		spacingHeavy: "宽松间距",
+		dyslexiaFont: "阅读障碍字体",
+		legibleFont: "易读字体",
+		alignLeft: "左对齐",
+		alignCenter: "居中对齐",
+		alignRight: "右对齐",
+		justify: "两端对齐",
+		saturationNormal: "正常饱和度",
+		saturationHigh: "高饱和度",
+		saturationLow: "低饱和度",
+		resetButtonPosition: "重置按钮位置",
+		moveButtonToCorner: "将按钮移到角落",
+		moveButtonTopLeft: "将按钮移到左上角",
+		moveButtonTopRight: "将按钮移到右上角",
+		moveButtonBottomLeft: "将按钮移到左下角",
+		moveButtonBottomRight: "将按钮移到右下角"
+	},
+	button: {
+		openAccessibilityMenu: "打开无障碍菜单",
+		accessibilityIconAlt: "无障碍",
+		moveHint: "使用上下方向键移动此按钮，使用左右方向键切换到另一侧。按住 Shift 键可更快移动。",
+		positionAnnouncement: "无障碍按钮已移到{side, select, left {左} other {右}}边缘，距底部 {bottom} 像素。"
+	}
+};
 var zh = {
 	accessTabAddAccess: accessTabAddAccess,
 	accessTabLabels: accessTabLabels,
@@ -126690,7 +126885,8 @@ var zh = {
 	virtualMachineAdminTab: virtualMachineAdminTab,
 	virtualMachineNetworkPolicies: virtualMachineNetworkPolicies,
 	virtualMachineSecrets: virtualMachineSecrets,
-	virtualMachineNetworkSection: virtualMachineNetworkSection
+	virtualMachineNetworkSection: virtualMachineNetworkSection,
+	accessibility: accessibility
 };
 
 /**
@@ -181330,7 +181526,7 @@ const PaginationContent = React.forwardRef(({ className, ...props }, ref) => (js
 PaginationContent.displayName = 'PaginationContent';
 const PaginationItem = React.forwardRef(({ className, ...props }, ref) => jsx("li", { ref: ref, className: cn('', className), ...props }));
 PaginationItem.displayName = 'PaginationItem';
-const PaginationLink = ({ className, isActive, size = 'icon', ...props }) => (jsx("a", { "aria-current": isActive ? 'page' : undefined, className: cn(buttonVariants({
+const PaginationLink = ({ className, isActive, size = 'icon', ...props }) => (jsx("a", { "aria-current": isActive ? 'page' : undefined, className: cn(buttonVariants$1({
         variant: isActive ? 'outline' : 'ghost',
         size,
     }), className), ...props }));
@@ -271469,8 +271665,8 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             months: cn('flex gap-4 flex-col md:flex-row relative', defaultClassNames.months),
             month: cn('flex flex-col w-full gap-4', defaultClassNames.month),
             nav: cn('flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between', defaultClassNames.nav),
-            button_previous: cn(buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous),
-            button_next: cn(buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next),
+            button_previous: cn(buttonVariants$1({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_previous),
+            button_next: cn(buttonVariants$1({ variant: buttonVariant }), 'size-(--cell-size) aria-disabled:opacity-50 p-0 select-none', defaultClassNames.button_next),
             month_caption: cn('flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)', defaultClassNames.month_caption),
             dropdowns: cn('w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5', defaultClassNames.dropdowns),
             dropdown_root: cn('relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md', defaultClassNames.dropdown_root),
@@ -283495,9 +283691,9 @@ const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx
 AlertDialogTitle.displayName = Title2.displayName;
 const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
 AlertDialogDescription.displayName = Description2.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants$1(), className), ...props })));
 AlertDialogAction.displayName = Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants$1({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
 AlertDialogCancel.displayName = Cancel.displayName;
 
 const hostedDomainStatus = (row) => {
@@ -295511,6 +295707,568 @@ var projectInstructionsModal = /*#__PURE__*/Object.freeze({
     ProjectInstructionsModal: ProjectInstructionsModal
 });
 
+const defaultSettings = {
+    invertColors: false,
+    highlightLinks: false,
+    textSize: 'normal',
+    textSpacing: 'none',
+    pauseAnimations: false,
+    hideImages: false,
+    dyslexiaFont: 'normal',
+    customCursor: false,
+    tooltips: false,
+    lineHeight: false,
+    textAlign: 'normal',
+    saturation: 'normal',
+    contrastMode: 'normal',
+};
+const AccessibilityContext = createContext(undefined);
+// localStorage throws in sandboxed iframes and when site data is blocked; settings then live in memory.
+function storeSettings(settings) {
+    try {
+        if (settings)
+            localStorage.setItem('accessibility-settings', JSON.stringify(settings));
+        else
+            localStorage.removeItem('accessibility-settings');
+    }
+    catch (_a) { }
+}
+function AccessibilityProvider({ children }) {
+    const [settings, setSettings] = useState(defaultSettings);
+    const [isToolbarOpen, setIsToolbarOpen] = useState(false);
+    useEffect(() => {
+        setSettings(defaultSettings);
+        storeSettings(null);
+    }, []);
+    useEffect(() => {
+        const root = document.documentElement;
+        if (settings.contrastMode === 'invert') {
+            root.style.setProperty('--accessibility-invert', 'invert(1)');
+            document.body.classList.add('accessibility-invert');
+        }
+        else {
+            root.style.setProperty('--accessibility-invert', 'invert(0)');
+            document.body.classList.remove('accessibility-invert');
+        }
+        const fontSizeMap = {
+            normal: '1',
+            large: '1.2',
+            larger: '1.4',
+        };
+        root.style.setProperty('--accessibility-font-size', fontSizeMap[settings.textSize]);
+        document.body.classList.toggle('accessibility-text-size', settings.textSize !== 'normal');
+        const spacingMap = {
+            none: { letter: 'normal', word: 'normal' },
+            light: { letter: '0.05em', word: '0.1em' },
+            moderate: { letter: '0.1em', word: '0.2em' },
+            heavy: { letter: '0.15em', word: '0.3em' },
+        };
+        const spacing = spacingMap[settings.textSpacing];
+        root.style.setProperty('--accessibility-letter-spacing', spacing.letter);
+        root.style.setProperty('--accessibility-word-spacing', spacing.word);
+        document.body.classList.toggle('accessibility-text-spacing', settings.textSpacing !== 'none');
+        if (settings.pauseAnimations) {
+            document.body.classList.add('accessibility-pause-animations');
+        }
+        else {
+            document.body.classList.remove('accessibility-pause-animations');
+        }
+        if (settings.lineHeight) {
+            root.style.setProperty('--accessibility-line-height', '1.8');
+            document.body.classList.add('accessibility-line-height');
+        }
+        else {
+            root.style.setProperty('--accessibility-line-height', '1.5');
+            document.body.classList.remove('accessibility-line-height');
+        }
+        const saturationMap = {
+            normal: 'saturate(1)',
+            high: 'saturate(1.8)',
+            low: 'saturate(0.3)',
+        };
+        root.style.setProperty('--accessibility-saturation', saturationMap[settings.saturation]);
+        document.body.classList.toggle('accessibility-saturation', settings.saturation !== 'normal');
+        document.body.classList.toggle('accessibility-custom-cursor', settings.customCursor);
+        const body = document.body;
+        body.classList.toggle('accessibility-highlight-links', settings.highlightLinks);
+        body.classList.toggle('accessibility-hide-images', settings.hideImages);
+        body.classList.toggle('accessibility-dyslexia-friendly', settings.dyslexiaFont === 'dyslexia');
+        body.classList.toggle('accessibility-legible-font', settings.dyslexiaFont === 'legible');
+        body.classList.toggle('accessibility-pause-animations', settings.pauseAnimations);
+        body.classList.toggle('accessibility-tooltips', settings.tooltips);
+        body.classList.remove('accessibility-text-left', 'accessibility-text-center', 'accessibility-text-right', 'accessibility-text-justify');
+        if (settings.textAlign !== 'normal') {
+            body.classList.add(`accessibility-text-${settings.textAlign}`);
+        }
+        body.classList.remove('accessibility-high-contrast', 'accessibility-dark-contrast', 'accessibility-light-contrast');
+        if (settings.contrastMode === 'dark') {
+            body.classList.add('accessibility-dark-contrast');
+        }
+        else if (settings.contrastMode === 'light') {
+            body.classList.add('accessibility-light-contrast');
+        }
+    }, [settings]);
+    const updateSetting = (key, value) => {
+        const newSettings = { ...settings, [key]: value };
+        setSettings(newSettings);
+        storeSettings(newSettings);
+    };
+    const resetSettings = () => {
+        setSettings(defaultSettings);
+        storeSettings(null);
+    };
+    return (jsx(AccessibilityContext.Provider, { value: {
+            settings,
+            updateSetting,
+            resetSettings,
+            isToolbarOpen,
+            setIsToolbarOpen,
+        }, children: children }));
+}
+function useAccessibility() {
+    const context = useContext(AccessibilityContext);
+    if (context === undefined) {
+        throw new Error('useAccessibility must be used within an AccessibilityProvider');
+    }
+    return context;
+}
+
+// Mirrors the host app's shadcn v4 button rather than ../ui/button so the
+// menu keeps its exact look: ../ui/button's `[&_svg]:size-4` would shrink the
+// h-5 icons and the 44px accessibility icon.
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',
+            outline: 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+            ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        },
+        size: {
+            default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+            icon: 'size-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+function AccessibilityButton({ className, variant, size, ...props }) {
+    return (jsx("button", { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+
+function AccessibilityOption({ icon, label, isActive, onClick, subtext, options, activeIndex, }) {
+    return (jsxs(AccessibilityButton, { onClick: onClick, variant: isActive ? 'default' : 'outline', className: `relative flex h-24 w-full flex-col items-center justify-center gap-1 text-xs font-medium ${isActive
+            ? 'border-[#38A1E5] bg-[#38A1E5] text-white hover:bg-[#D0E0FF] hover:text-gray-800'
+            : 'border-gray-200 bg-white text-gray-700 hover:bg-gray-50'}`, children: [isActive && (jsx("div", { className: "absolute top-2 right-2 flex h-4 w-4 items-center justify-center rounded-full bg-[#38A1E5]", children: jsx("div", { className: "h-2 w-2 rounded-full bg-white" }) })), jsx("div", { className: "text-lg", children: icon }), jsx("span", { className: "text-center leading-tight", children: label }), isActive && subtext && (jsxs(Fragment$1, { children: [jsx("span", { className: "text-xs font-medium text-[#38A1E5]", children: subtext }), options && options.length > 0 && (jsx("div", { className: "mt-1 flex gap-1", children: options.map((_, index) => (jsx("div", { className: `h-1 w-3 rounded-full ${index === activeIndex ? 'bg-[#38A1E5]' : 'bg-gray-300'}` }, index))) }))] }))] }));
+}
+const BUTTON_CORNERS = [
+    { corner: 'top-left', labelKey: 'accessibility.toolbar.moveButtonTopLeft', Icon: ArrowUpLeft },
+    { corner: 'top-right', labelKey: 'accessibility.toolbar.moveButtonTopRight', Icon: ArrowUpRight },
+    {
+        corner: 'bottom-left',
+        labelKey: 'accessibility.toolbar.moveButtonBottomLeft',
+        Icon: ArrowDownLeft,
+    },
+    {
+        corner: 'bottom-right',
+        labelKey: 'accessibility.toolbar.moveButtonBottomRight',
+        Icon: ArrowDownRight,
+    },
+];
+function AccessibilityToolbar({ isButtonPositionCustom = false, onResetButtonPosition, onMoveButtonToCorner, } = {}) {
+    const t = useT();
+    const { settings, updateSetting, resetSettings, isToolbarOpen, setIsToolbarOpen } = useAccessibility();
+    if (!isToolbarOpen)
+        return null;
+    const cycleContrastMode = () => {
+        const modes = ['normal', 'invert', 'dark', 'light'];
+        const currentIndex = modes.indexOf(settings.contrastMode);
+        const nextIndex = (currentIndex + 1) % modes.length;
+        updateSetting('contrastMode', modes[nextIndex]);
+    };
+    const cycleTextSize = () => {
+        const sizes = ['normal', 'large', 'larger'];
+        const currentIndex = sizes.indexOf(settings.textSize);
+        const nextIndex = (currentIndex + 1) % sizes.length;
+        updateSetting('textSize', sizes[nextIndex]);
+    };
+    const cycleTextSpacing = () => {
+        const spacings = ['none', 'light', 'moderate', 'heavy'];
+        const currentIndex = spacings.indexOf(settings.textSpacing);
+        const nextIndex = (currentIndex + 1) % spacings.length;
+        updateSetting('textSpacing', spacings[nextIndex]);
+    };
+    const cycleDyslexiaFont = () => {
+        const fonts = ['normal', 'dyslexia', 'legible'];
+        const currentIndex = fonts.indexOf(settings.dyslexiaFont);
+        const nextIndex = (currentIndex + 1) % fonts.length;
+        updateSetting('dyslexiaFont', fonts[nextIndex]);
+    };
+    const cycleTextAlign = () => {
+        const aligns = ['normal', 'left', 'center', 'right', 'justify'];
+        const currentIndex = aligns.indexOf(settings.textAlign);
+        const nextIndex = (currentIndex + 1) % aligns.length;
+        updateSetting('textAlign', aligns[nextIndex]);
+    };
+    const cycleSaturation = () => {
+        const saturations = ['normal', 'high', 'low'];
+        const currentIndex = saturations.indexOf(settings.saturation);
+        const nextIndex = (currentIndex + 1) % saturations.length;
+        updateSetting('saturation', saturations[nextIndex]);
+    };
+    const getContrastLabel = () => {
+        const labels = {
+            normal: t('accessibility.toolbar.contrastPlus'),
+            invert: t('accessibility.toolbar.contrastInvertColors'),
+            dark: t('accessibility.toolbar.contrastDark'),
+            light: t('accessibility.toolbar.contrastLight'),
+        };
+        return labels[settings.contrastMode];
+    };
+    const getTextSizeLabel = () => {
+        const labels = {
+            normal: t('accessibility.toolbar.textSizeNormal'),
+            large: t('accessibility.toolbar.textSizeLarge'),
+            larger: t('accessibility.toolbar.textSizeLarger'),
+        };
+        return labels[settings.textSize];
+    };
+    const getTextSpacingLabel = () => {
+        const labels = {
+            none: t('accessibility.toolbar.textSpacing'),
+            light: t('accessibility.toolbar.spacingLight'),
+            moderate: t('accessibility.toolbar.spacingModerate'),
+            heavy: t('accessibility.toolbar.spacingHeavy'),
+        };
+        return labels[settings.textSpacing];
+    };
+    const getDyslexiaLabel = () => {
+        const labels = {
+            normal: t('accessibility.toolbar.dyslexiaFriendly'),
+            dyslexia: t('accessibility.toolbar.dyslexiaFont'),
+            legible: t('accessibility.toolbar.legibleFont'),
+        };
+        return labels[settings.dyslexiaFont];
+    };
+    const getTextAlignLabel = () => {
+        const labels = {
+            normal: t('accessibility.toolbar.textAlign'),
+            left: t('accessibility.toolbar.alignLeft'),
+            center: t('accessibility.toolbar.alignCenter'),
+            right: t('accessibility.toolbar.alignRight'),
+            justify: t('accessibility.toolbar.justify'),
+        };
+        return labels[settings.textAlign];
+    };
+    const getSaturationLabel = () => {
+        const labels = {
+            normal: t('accessibility.toolbar.saturationNormal'),
+            high: t('accessibility.toolbar.saturationHigh'),
+            low: t('accessibility.toolbar.saturationLow'),
+        };
+        return labels[settings.saturation];
+    };
+    const getTextAlignIcon = () => {
+        const icons = {
+            normal: jsx(AlignLeft, { className: "h-5 w-5" }),
+            left: jsx(AlignLeft, { className: "h-5 w-5" }),
+            center: jsx(AlignCenter, { className: "h-5 w-5" }),
+            right: jsx(AlignRight, { className: "h-5 w-5" }),
+            justify: jsx(AlignJustify, { className: "h-5 w-5" }),
+        };
+        return icons[settings.textAlign];
+    };
+    const toggleTooltips = () => {
+        updateSetting('tooltips', !settings.tooltips);
+    };
+    const toggleCustomCursor = () => {
+        updateSetting('customCursor', !settings.customCursor);
+    };
+    return (jsx(Fragment$1, { children: jsxs("div", { className: "fixed top-0 right-0 z-50 flex h-full w-80 flex-col bg-white shadow-2xl", children: [jsxs("div", { className: "flex flex-shrink-0 items-center justify-between bg-gradient-to-r from-[#38A1E5] to-[#7284FF] p-4 text-white", children: [jsx("h2", { className: "text-lg font-semibold", children: t('accessibility.toolbar.accessibilityMenu') }), jsx(AccessibilityButton, { onClick: () => setIsToolbarOpen(false), variant: "ghost", size: "icon", className: "text-white hover:bg-transparent hover:text-white", children: jsx(X$1, { className: "h-5 w-5" }) })] }), jsxs("div", { className: "flex flex-1 flex-col overflow-y-auto bg-white p-4", onClick: (e) => e.stopPropagation(), children: [jsxs("div", { className: "grid flex-1 grid-cols-2 gap-3", children: [jsx(AccessibilityOption, { icon: jsx(Circle, { className: "h-5 w-5" }), label: t('accessibility.toolbar.contrastPlus'), isActive: settings.contrastMode !== 'normal', onClick: cycleContrastMode, subtext: settings.contrastMode !== 'normal' ? getContrastLabel() : undefined, options: ['normal', 'invert', 'dark', 'light'], activeIndex: ['normal', 'invert', 'dark', 'light'].indexOf(settings.contrastMode) }), jsx(AccessibilityOption, { icon: jsx(Link$1, { className: "h-5 w-5" }), label: t('accessibility.toolbar.highlightLinks'), isActive: settings.highlightLinks, onClick: () => updateSetting('highlightLinks', !settings.highlightLinks) }), jsx(AccessibilityOption, { icon: jsx(Type, { className: "h-5 w-5" }), label: t('accessibility.toolbar.biggerText'), isActive: settings.textSize !== 'normal', onClick: cycleTextSize, subtext: settings.textSize !== 'normal' ? getTextSizeLabel() : undefined, options: ['normal', 'large', 'larger'], activeIndex: ['normal', 'large', 'larger'].indexOf(settings.textSize) }), jsx(AccessibilityOption, { icon: jsx(Minus, { className: "h-5 w-5 rotate-90" }), label: t('accessibility.toolbar.textSpacing'), isActive: settings.textSpacing !== 'none', onClick: cycleTextSpacing, subtext: settings.textSpacing !== 'none' ? getTextSpacingLabel() : undefined, options: ['none', 'light', 'moderate', 'heavy'], activeIndex: ['none', 'light', 'moderate', 'heavy'].indexOf(settings.textSpacing) }), jsx(AccessibilityOption, { icon: jsx(Pause, { className: "h-5 w-5" }), label: t('accessibility.toolbar.pauseAnimations'), isActive: settings.pauseAnimations, onClick: () => updateSetting('pauseAnimations', !settings.pauseAnimations) }), jsx(AccessibilityOption, { icon: jsx(ImageOff, { className: "h-5 w-5" }), label: t('accessibility.toolbar.hideImages'), isActive: settings.hideImages, onClick: () => updateSetting('hideImages', !settings.hideImages) }), jsx(AccessibilityOption, { icon: jsx("span", { className: "text-sm font-bold", children: "Df" }), label: t('accessibility.toolbar.dyslexiaFriendly'), isActive: settings.dyslexiaFont !== 'normal', onClick: cycleDyslexiaFont, subtext: settings.dyslexiaFont !== 'normal' ? getDyslexiaLabel() : undefined, options: ['normal', 'dyslexia', 'legible'], activeIndex: ['normal', 'dyslexia', 'legible'].indexOf(settings.dyslexiaFont) }), jsx(AccessibilityOption, { icon: jsx(MousePointer, { className: "h-5 w-5" }), label: t('accessibility.toolbar.cursor'), isActive: settings.customCursor, onClick: toggleCustomCursor }), jsx(AccessibilityOption, { icon: jsx(MessageSquare, { className: "h-5 w-5" }), label: t('accessibility.toolbar.tooltips'), isActive: settings.tooltips, onClick: toggleTooltips }), jsx(AccessibilityOption, { icon: jsxs("div", { className: "flex flex-col gap-0.5", children: [jsx("div", { className: "h-0.5 w-4 bg-current" }), jsx("div", { className: "h-0.5 w-4 bg-current" }), jsx("div", { className: "h-0.5 w-4 bg-current" })] }), label: t('accessibility.toolbar.lineHeight'), isActive: settings.lineHeight, onClick: () => updateSetting('lineHeight', !settings.lineHeight) }), jsx(AccessibilityOption, { icon: getTextAlignIcon(), label: t('accessibility.toolbar.textAlign'), isActive: settings.textAlign !== 'normal', onClick: cycleTextAlign, subtext: settings.textAlign !== 'normal' ? getTextAlignLabel() : undefined, options: ['normal', 'left', 'center', 'right', 'justify'], activeIndex: ['normal', 'left', 'center', 'right', 'justify'].indexOf(settings.textAlign) }), jsx(AccessibilityOption, { icon: jsx(Droplets, { className: "h-5 w-5" }), label: t('accessibility.toolbar.saturation'), isActive: settings.saturation !== 'normal', onClick: cycleSaturation, subtext: settings.saturation !== 'normal' ? getSaturationLabel() : undefined, options: ['normal', 'high', 'low'], activeIndex: ['normal', 'high', 'low'].indexOf(settings.saturation) })] }), onMoveButtonToCorner && (jsxs("div", { role: "group", "aria-labelledby": "accessibility-move-button-label", className: "mt-4 flex flex-shrink-0 items-center justify-between gap-2", children: [jsx("span", { id: "accessibility-move-button-label", className: "text-xs font-medium text-gray-700", children: t('accessibility.toolbar.moveButtonToCorner') }), jsx("div", { className: "flex gap-1", children: BUTTON_CORNERS.map(({ corner, labelKey, Icon }) => (jsx(AccessibilityButton, { onClick: () => onMoveButtonToCorner(corner), variant: "outline", size: "icon", "aria-label": t(labelKey), title: t(labelKey), className: "h-8 w-8 border-gray-200 bg-white text-gray-700 hover:bg-gray-50", children: jsx(Icon, { className: "h-4 w-4" }) }, corner))) })] })), isButtonPositionCustom && onResetButtonPosition && (jsxs(AccessibilityButton, { onClick: onResetButtonPosition, variant: "outline", className: "mt-4 w-full flex-shrink-0 border-gray-200 bg-white py-3 text-gray-700 hover:bg-gray-50", children: [jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), t('accessibility.toolbar.resetButtonPosition')] })), jsxs(AccessibilityButton, { onClick: () => {
+                                resetSettings();
+                                onResetButtonPosition === null || onResetButtonPosition === void 0 ? void 0 : onResetButtonPosition();
+                            }, className: "mt-4 w-full flex-shrink-0 bg-gradient-to-r from-[#38A1E5] to-[#7284FF] py-3 text-white shadow-lg hover:from-[#2E8BC7] hover:to-[#0066DD]", children: [jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), t('accessibility.toolbar.resetAllAccessibilitySettings')] })] })] }) }));
+}
+
+function AccessibilityIcon({ className, title }) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 44, height: 44, viewBox: "0 0 60 60", fill: "none", role: "img", "aria-label": title, className: className, children: jsx("path", { d: "M30,4.42857143 C44.12271,4.42857143 55.5714286,15.87729 55.5714286,30 C55.5714286,44.12271 44.12271,55.5714286 30,55.5714286 C15.87729,55.5714286 4.42857143,44.12271 4.42857143,30 C4.42857143,15.87729 15.87729,4.42857143 30,4.42857143 Z M30,6.42857143 C16.9818595,6.42857143 6.42857143,16.9818595 6.42857143,30 C6.42857143,43.0181405 16.9818595,53.5714286 30,53.5714286 C43.0181405,53.5714286 53.5714286,43.0181405 53.5714286,30 C53.5714286,16.9818595 43.0181405,6.42857143 30,6.42857143 Z M40.5936329,24.636146 C40.8208154,24.6942382 41.032297,24.8027599 41.212927,24.9537151 C41.3927444,25.1040671 41.5372605,25.2927156 41.6362456,25.506032 C41.7348561,25.7185411 41.7857143,25.9504498 41.7857143,26.1964545 C41.7780029,26.5779794 41.6395197,26.9452414 41.3935596,27.2352841 C41.1463511,27.5267988 40.8059352,27.7221149 40.4376358,27.7856619 C38.1921773,28.2017648 35.924387,28.4827808 33.6481064,28.6271294 C33.504948,28.636723 33.3651112,28.6758744 33.236922,28.7423749 C33.1082304,28.8090766 32.9940039,28.9018917 32.9011681,29.0153772 C32.8079332,29.1293505 32.7382931,29.2617886 32.6966918,29.404413 C32.6758615,29.4759144 32.6622539,29.5492793 32.6556797,29.6151616 L32.6510699,29.707205 L32.6598659,29.8496307 L32.8523035,31.5976067 C33.0926408,33.748446 33.5345387,35.8701755 34.1700609,37.9296172 L34.4174424,38.6989233 L34.6845982,39.467246 L35.9271291,42.8464114 C35.9992453,43.0440742 36.0318055,43.2541674 36.0229684,43.4645736 C36.0141278,43.6750654 35.9640303,43.8817121 35.8754594,44.0726551 C35.7867069,44.2638976 35.6611068,44.435479 35.5058759,44.5773262 C35.3501721,44.7195962 35.1677426,44.8289881 34.990022,44.8912207 C34.813373,44.9615763 34.6253467,44.9984764 34.4204191,45 C34.1147901,44.9943164 33.8175473,44.8987335 33.5650597,44.7252745 C33.4238771,44.6283171 33.2997507,44.5091367 33.1890431,44.3580526 L33.0826737,44.1959755 L33.0074053,44.0456077 L32.6901551,43.3562659 C31.8320879,41.4806152 31.0484874,39.6428286 30.3335907,37.8221303 L30.0024971,36.9627165 L29.5751047,38.0696169 C29.3403684,38.6636654 29.0998399,39.2560704 28.8536693,39.8464776 L28.4802005,40.730546 L27.9043756,42.0504488 L27.3109116,43.3600706 L27.0273167,43.9425803 C26.8810403,44.3389204 26.5849764,44.6608321 26.2034873,44.8369557 C25.8203243,45.0138521 25.3831542,45.0287926 24.9891662,44.8783588 C24.596572,44.7285499 24.2795594,44.4271943 24.1072539,44.0414047 C23.9885793,43.7756939 23.9446874,43.4836867 23.9834048,43.1768668 L24.016611,42.9910892 L24.0667666,42.8262042 L25.307875,39.4507095 C26.0439275,37.4198431 26.5851782,35.3222044 26.9239335,33.1916604 L27.0414597,32.3912301 L27.141282,31.5772235 L27.3403361,29.8381618 C27.3581635,29.6889408 27.3459492,29.5375642 27.3045081,29.3935084 C27.2630999,29.2497044 27.1934915,29.1162414 27.1000261,29.0011883 C27.0070148,28.8866944 26.8923305,28.7928596 26.7631114,28.7253145 C26.6343439,28.6580256 26.4937323,28.6181655 26.35351,28.6082966 C24.0561093,28.4626746 21.7692364,28.17737 19.5069975,27.7542651 C19.3015835,27.7165557 19.1057712,27.6379419 18.9308258,27.5230481 C18.7563857,27.408486 18.6063103,27.2602422 18.4889941,27.0867756 C18.3721069,26.9139017 18.2901967,26.7194847 18.2478998,26.5149205 C18.2055002,26.3103882 18.2034637,26.0993152 18.2403615,25.9020167 C18.2758029,25.695193 18.3515339,25.4974971 18.4633288,25.3201771 C18.5754166,25.1425366 18.7215515,24.9891682 18.8933065,24.8690391 C19.0655425,24.7486376 19.2599761,24.6643395 19.4651939,24.6211361 C19.6706526,24.577882 19.8826185,24.5767675 20.0822706,24.6166765 C26.6343689,25.8477827 33.3528511,25.8477827 39.8979716,24.6180222 C40.1283133,24.5717053 40.3659882,24.5779122 40.5936329,24.636146 Z M32.8056386,16.182956 C34.3520224,17.7551666 34.3520224,20.3006423 32.80563,21.8728616 C31.2542658,23.450066 28.7353061,23.450066 27.1840106,21.8728616 C25.6375563,20.3006489 25.6375563,17.7551599 27.1839933,16.1829647 C28.7352993,14.6056799 31.2542726,14.6056799 32.8056386,16.182956 Z", fill: "#FFFFFF", fillRule: "nonzero" }) }));
+}
+
+function FloatingAccessibilityButton() {
+    const t = useT();
+    const { isToolbarOpen, setIsToolbarOpen } = useAccessibility();
+    return (jsx(AccessibilityButton, { onClick: () => setIsToolbarOpen(!isToolbarOpen), className: "h-14 w-14 rounded-full bg-[#38A1E5] shadow-lg transition-all duration-200 hover:scale-105 hover:bg-[#2E8BC7]", size: "icon", "aria-label": t('accessibility.button.openAccessibilityMenu'), children: jsx(AccessibilityIcon, { title: t('accessibility.button.accessibilityIconAlt'), className: "size-11 text-white" }) }));
+}
+
+const DRAGGABLE_SNAP_TRANSITION = 'right 350ms cubic-bezier(0.34, 1.56, 0.64, 1), bottom 350ms cubic-bezier(0.34, 1.56, 0.64, 1)';
+const VERTICAL_KEYS = { ArrowUp: 1, ArrowDown: -1 };
+const SIDE_KEYS = {
+    ArrowLeft: 'left',
+    ArrowRight: 'right',
+};
+function isAnchor(value) {
+    if (!value || typeof value !== 'object')
+        return false;
+    const { side, bottom } = value;
+    return ((side === 'left' || side === 'right') && typeof bottom === 'number' && Number.isFinite(bottom));
+}
+function readStored(storageKey) {
+    try {
+        const raw = window.localStorage.getItem(storageKey);
+        if (!raw)
+            return null;
+        const parsed = JSON.parse(raw);
+        return isAnchor(parsed) ? { side: parsed.side, bottom: parsed.bottom } : null;
+    }
+    catch (_a) {
+        return null;
+    }
+}
+function writeStored(storageKey, value) {
+    try {
+        if (value)
+            window.localStorage.setItem(storageKey, JSON.stringify(value));
+        else
+            window.localStorage.removeItem(storageKey);
+    }
+    catch (_a) {
+        // Storage unavailable (private mode, quota, blocked): keep it in memory.
+    }
+}
+function prefersReducedMotion() {
+    return (typeof window.matchMedia === 'function' &&
+        window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+}
+function viewportSize() {
+    var _a, _b;
+    const vv = window.visualViewport;
+    return {
+        width: (_a = vv === null || vv === void 0 ? void 0 : vv.width) !== null && _a !== void 0 ? _a : window.innerWidth,
+        height: (_b = vv === null || vv === void 0 ? void 0 : vv.height) !== null && _b !== void 0 ? _b : window.innerHeight,
+    };
+}
+function useDraggablePosition({ storageKey, threshold = 5, margin = 8, step = 16, }) {
+    const ref = useRef(null);
+    // Viewport changes only re-derive `position` from `stored`, so the element
+    // stays on its side and rotating back restores its height.
+    const [stored, setStored] = useState(null);
+    const [position, setPosition] = useState(null);
+    const [announcement, setAnnouncement] = useState(null);
+    // Never animate while dragging (must track the pointer 1:1) nor on the
+    // initial restore.
+    const [animate, setAnimate] = useState(false);
+    const storedRef = useRef(null);
+    const positionRef = useRef(null);
+    const pressRef = useRef(null);
+    const suppressClickRef = useRef(false);
+    const clamp = useCallback((p) => {
+        var _a, _b, _c;
+        const rect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const { width, height } = viewportSize();
+        const maxRight = width - ((_b = rect === null || rect === void 0 ? void 0 : rect.width) !== null && _b !== void 0 ? _b : 0) - margin;
+        const maxBottom = height - ((_c = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _c !== void 0 ? _c : 0) - margin;
+        return {
+            right: Math.max(margin, Math.min(p.right, maxRight)),
+            bottom: Math.max(margin, Math.min(p.bottom, maxBottom)),
+        };
+    }, [margin]);
+    const resolve = useCallback((a) => {
+        var _a, _b;
+        const width = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0;
+        return clamp({
+            right: a.side === 'right' ? margin : viewportSize().width - width - margin,
+            bottom: a.bottom,
+        });
+    }, [clamp, margin]);
+    const render = useCallback((p) => {
+        positionRef.current = p;
+        setPosition(p);
+    }, []);
+    const commit = useCallback((a) => {
+        storedRef.current = a;
+        setStored(a);
+        writeStored(storageKey, a);
+    }, [storageKey]);
+    const currentPosition = useCallback(() => {
+        var _a, _b, _c;
+        if (positionRef.current)
+            return positionRef.current;
+        const rect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        const { width, height } = viewportSize();
+        return {
+            right: width - ((_b = rect === null || rect === void 0 ? void 0 : rect.right) !== null && _b !== void 0 ? _b : width),
+            bottom: height - ((_c = rect === null || rect === void 0 ? void 0 : rect.bottom) !== null && _c !== void 0 ? _c : height),
+        };
+    }, []);
+    // An exact tie goes right, the default side.
+    const nearestSide = useCallback((p) => {
+        var _a, _b;
+        const width = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0;
+        const viewportWidth = viewportSize().width;
+        const centre = viewportWidth - p.right - width / 2;
+        return centre < viewportWidth / 2 ? 'left' : 'right';
+    }, []);
+    const settle = useCallback((a) => {
+        const next = resolve(a);
+        const anchor = { side: a.side, bottom: next.bottom };
+        setAnimate(true);
+        render(next);
+        commit(anchor);
+        return anchor;
+    }, [commit, render, resolve]);
+    const place = useCallback((a) => setAnnouncement(settle(a)), [settle]);
+    useEffect(() => {
+        const saved = readStored(storageKey);
+        storedRef.current = saved;
+        setStored(saved);
+        render(saved && resolve(saved));
+        const reclamp = () => {
+            if (storedRef.current)
+                render(resolve(storedRef.current));
+        };
+        const vv = window.visualViewport;
+        window.addEventListener('resize', reclamp);
+        window.addEventListener('orientationchange', reclamp);
+        vv === null || vv === void 0 ? void 0 : vv.addEventListener('resize', reclamp);
+        return () => {
+            window.removeEventListener('resize', reclamp);
+            window.removeEventListener('orientationchange', reclamp);
+            vv === null || vv === void 0 ? void 0 : vv.removeEventListener('resize', reclamp);
+        };
+    }, [storageKey, resolve, render]);
+    const onPointerDown = useCallback((e) => {
+        if (!e.isPrimary || e.button !== 0)
+            return;
+        suppressClickRef.current = false;
+        pressRef.current = {
+            pointerId: e.pointerId,
+            x: e.clientX,
+            y: e.clientY,
+            origin: currentPosition(),
+            dragging: false,
+        };
+    }, [currentPosition]);
+    const onPointerMove = useCallback((e) => {
+        const press = pressRef.current;
+        if (!press || press.pointerId !== e.pointerId)
+            return;
+        const dx = e.clientX - press.x;
+        const dy = e.clientY - press.y;
+        if (!press.dragging) {
+            if (Math.hypot(dx, dy) < threshold)
+                return;
+            press.dragging = true;
+            suppressClickRef.current = true;
+            setAnimate(false);
+            // Capture only once it is a real drag: capturing on pointerdown would
+            // retarget a plain tap's click away from the button inside.
+            try {
+                e.currentTarget.setPointerCapture(e.pointerId);
+            }
+            catch (_a) {
+                // Pointer already released; the drag still follows in-element moves.
+            }
+        }
+        render(clamp({
+            right: press.origin.right - dx,
+            bottom: press.origin.bottom - dy,
+        }));
+    }, [clamp, render, threshold]);
+    const endPress = useCallback((e) => {
+        const press = pressRef.current;
+        if (!press || press.pointerId !== e.pointerId)
+            return;
+        pressRef.current = null;
+        if (!press.dragging)
+            return;
+        const released = positionRef.current;
+        settle({ side: nearestSide(released), bottom: released.bottom });
+        // A touch drag may never produce a click; don't let the flag swallow the
+        // next genuine activation (e.g. Enter). Click, if any, fires before this.
+        setTimeout(() => {
+            suppressClickRef.current = false;
+        }, 0);
+    }, [nearestSide, settle]);
+    const onClickCapture = useCallback((e) => {
+        if (!suppressClickRef.current)
+            return;
+        suppressClickRef.current = false;
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    // A mouse press on a native-draggable child (e.g. an <img>) starts
+    // HTML drag-and-drop, which fires pointercancel and kills our drag.
+    const onDragStart = useCallback((e) => {
+        e.preventDefault();
+    }, []);
+    const onKeyDown = useCallback((e) => {
+        var _a, _b;
+        const vertical = VERTICAL_KEYS[e.key];
+        const side = SIDE_KEYS[e.key];
+        if ((!vertical && !side) || e.altKey || e.ctrlKey || e.metaKey)
+            return;
+        e.preventDefault();
+        const from = currentPosition();
+        const distance = e.shiftKey ? step * 4 : step;
+        place({
+            side: (_b = side !== null && side !== void 0 ? side : (_a = storedRef.current) === null || _a === void 0 ? void 0 : _a.side) !== null && _b !== void 0 ? _b : nearestSide(from),
+            bottom: from.bottom + (vertical !== null && vertical !== void 0 ? vertical : 0) * distance,
+        });
+    }, [currentPosition, nearestSide, place, step]);
+    const moveToCorner = useCallback((corner) => {
+        var _a, _b;
+        const height = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) !== null && _b !== void 0 ? _b : 0;
+        place({
+            side: corner.endsWith('right') ? 'right' : 'left',
+            bottom: corner.startsWith('bottom') ? margin : viewportSize().height - height - margin,
+        });
+    }, [margin, place]);
+    const reset = useCallback(() => {
+        pressRef.current = null;
+        setAnimate(false);
+        render(null);
+        commit(null);
+        setAnnouncement(null);
+    }, [commit, render]);
+    return {
+        ref,
+        position,
+        isCustom: stored !== null,
+        announcement,
+        /** CSS `transition` for the rendered offsets; undefined while dragging,
+         * before any user move, and under prefers-reduced-motion. */
+        transition: animate && position && !prefersReducedMotion() ? DRAGGABLE_SNAP_TRANSITION : undefined,
+        reset,
+        moveToCorner,
+        handlers: {
+            onPointerDown,
+            onPointerMove,
+            onPointerUp: endPress,
+            onPointerCancel: endPress,
+            onClickCapture,
+            onDragStart,
+            onKeyDown,
+        },
+    };
+}
+
+/**
+ * Draggable floating accessibility button plus its menu. Must be rendered
+ * inside an `AccessibilityProvider`.
+ */
+function AccessibilityFab({ defaultPositionClassName = 'bottom-4', storageKey = 'accessibility-fab-position:v2', 'data-testid': testId = 'accessibility-fab', }) {
+    const t = useT();
+    const hintId = useId$2();
+    const { ref, position, isCustom, announcement, transition, reset, moveToCorner, handlers } = useDraggablePosition({ storageKey });
+    return (jsxs(Fragment$1, { children: [jsx("div", { ref: ref, role: "group", "aria-describedby": hintId, className: cn('fixed right-4 z-50 flex touch-none flex-col gap-3', !position && defaultPositionClassName), style: position ? { right: position.right, bottom: position.bottom, transition } : undefined, "data-testid": testId, ...handlers, children: jsx(FloatingAccessibilityButton, {}) }), jsx("span", { id: hintId, className: "sr-only", children: t('accessibility.button.moveHint') }), jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: announcement
+                    ? t('accessibility.button.positionAnnouncement', {
+                        side: announcement.side,
+                        bottom: Math.round(announcement.bottom),
+                    })
+                    : '' }), jsx(AccessibilityToolbar, { isButtonPositionCustom: isCustom, onResetButtonPosition: reset, onMoveButtonToCorner: moveToCorner })] }));
+}
+
 function OrganizationTab({ platformKey, setOrganizationLogoFromOutside, tenant, onTenantUpdate, defaultSupportPhone = '', enableSupportPhone, }) {
     const t = useT();
     const { setMetadata } = useTenantContext();
@@ -296945,7 +297703,7 @@ const dynamicIconImports = {
   "a-arrow-down": () => Promise.resolve().then(function () { return aArrowDown; }),
   "a-arrow-up": () => Promise.resolve().then(function () { return aArrowUp; }),
   "a-large-small": () => Promise.resolve().then(function () { return aLargeSmall; }),
-  "accessibility": () => Promise.resolve().then(function () { return accessibility; }),
+  "accessibility": () => Promise.resolve().then(function () { return accessibility$4; }),
   "activity": () => Promise.resolve().then(function () { return activity; }),
   "air-vent": () => Promise.resolve().then(function () { return airVent; }),
   "airplay": () => Promise.resolve().then(function () { return airplay; }),
@@ -317058,7 +317816,7 @@ function LiveKitScreenSharing({ tenantKey, mentorUniqueId, sessionId, username,
 }
 
 function AppSyncBanner({ badge, text, link, linkText }) {
-    return (jsx("div", { className: "mx-auto mb-8 w-full max-w-md", children: jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] p-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "rounded-md bg-[#D0E0FF] px-2 py-0.5 text-xs font-medium text-[#666768]", children: badge }), jsx("span", { className: "text-sm font-medium text-gray-900", children: text })] }), jsxs(Link$2, { href: link, target: "_blank", className: cn(buttonVariants({
+    return (jsx("div", { className: "mx-auto mb-8 w-full max-w-md", children: jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] p-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "rounded-md bg-[#D0E0FF] px-2 py-0.5 text-xs font-medium text-[#666768]", children: badge }), jsx("span", { className: "text-sm font-medium text-gray-900", children: text })] }), jsxs(Link$2, { href: link, target: "_blank", className: cn(buttonVariants$1({
                         variant: 'ghost',
                         size: 'sm',
                         className: 'h-auto p-1 text-sm text-blue-600 hover:text-blue-700',
@@ -320714,5 +321472,5 @@ var disclaimerModal = /*#__PURE__*/Object.freeze({
     DisclaimerModal: DisclaimerModal
 });
 
-export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, LLMProviderModal, LocalModelRow, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getProviderName, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveLLMTabLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useToggleTools, useWebContainersI18n, useWebContainersLocale };
+export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_SPEND_CAPS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, AccessibilityFab, AccessibilityProvider, AccessibilityToolbar, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentSpendCapsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DRAGGABLE_SNAP_TRANSITION, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, FloatingAccessibilityButton, GRADING_TOOL_NAME, GreetingMethod, LLMProviderModal, LocalModelRow, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SPEND_CAPS_SUB_TABS, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SpendCapUsage, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getProviderName, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveLLMTabLabels, resolveSettingsTabLabels, useAccessibility, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useDraggablePosition, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useToggleTools, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map