@crowdin/app-project-module 3.2.2 → 3.4.0

package/out/static/ui/main.bundle.js

@@ -18718,6 +18718,11 @@
 	        toast(message);
 	    }
 	}
+	function contactUser(userId) {
+	    AP.getContext(function (context) {
+	        AP.redirect(`${context.organization_id ? '/u' : ''}/messages/create/${userId}`);
+	    });
+	}
 	function reloadLocation() {
 	    ensureInitialized();
 	    window.location.href =
@@ -19057,7 +19062,7 @@
 	 */
 
 
-	const __iconData$E = {
+	const __iconData$D = {
 	  name: "arrow-down",
 	  size: 24,
 	  node: [
@@ -19065,8 +19070,8 @@
 	    ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 	  ]
 	};
-	__iconData$E.node;
-	const ArrowDown = createLucideIcon(__iconData$E);
+	__iconData$D.node;
+	const ArrowDown = createLucideIcon(__iconData$D);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19076,7 +19081,7 @@
 	 */
 
 
-	const __iconData$D = {
+	const __iconData$C = {
 	  name: "arrow-left",
 	  size: 24,
 	  node: [
@@ -19084,8 +19089,8 @@
 	    ["path", { d: "M19 12H5", key: "x3x0zl" }]
 	  ]
 	};
-	__iconData$D.node;
-	const ArrowLeft = createLucideIcon(__iconData$D);
+	__iconData$C.node;
+	const ArrowLeft = createLucideIcon(__iconData$C);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19095,7 +19100,7 @@
 	 */
 
 
-	const __iconData$C = {
+	const __iconData$B = {
 	  name: "arrow-up",
 	  size: 24,
 	  node: [
@@ -19103,8 +19108,8 @@
 	    ["path", { d: "M12 19V5", key: "x0mq9r" }]
 	  ]
 	};
-	__iconData$C.node;
-	const ArrowUp = createLucideIcon(__iconData$C);
+	__iconData$B.node;
+	const ArrowUp = createLucideIcon(__iconData$B);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19114,7 +19119,7 @@
 	 */
 
 
-	const __iconData$B = {
+	const __iconData$A = {
 	  name: "ban",
 	  size: 24,
 	  node: [
@@ -19122,8 +19127,8 @@
 	    ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
 	  ]
 	};
-	__iconData$B.node;
-	const Ban = createLucideIcon(__iconData$B);
+	__iconData$A.node;
+	const Ban = createLucideIcon(__iconData$A);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19133,13 +19138,13 @@
 	 */
 
 
-	const __iconData$A = {
+	const __iconData$z = {
 	  name: "check",
 	  size: 24,
 	  node: [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]
 	};
-	__iconData$A.node;
-	const Check = createLucideIcon(__iconData$A);
+	__iconData$z.node;
+	const Check = createLucideIcon(__iconData$z);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19149,13 +19154,13 @@
 	 */
 
 
-	const __iconData$z = {
+	const __iconData$y = {
 	  name: "chevron-down",
 	  size: 24,
 	  node: [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]]
 	};
-	__iconData$z.node;
-	const ChevronDown = createLucideIcon(__iconData$z);
+	__iconData$y.node;
+	const ChevronDown = createLucideIcon(__iconData$y);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19165,13 +19170,13 @@
 	 */
 
 
-	const __iconData$y = {
+	const __iconData$x = {
 	  name: "chevron-left",
 	  size: 24,
 	  node: [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]]
 	};
-	__iconData$y.node;
-	const ChevronLeft = createLucideIcon(__iconData$y);
+	__iconData$x.node;
+	const ChevronLeft = createLucideIcon(__iconData$x);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19181,13 +19186,13 @@
 	 */
 
 
-	const __iconData$x = {
+	const __iconData$w = {
 	  name: "chevron-right",
 	  size: 24,
 	  node: [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]]
 	};
-	__iconData$x.node;
-	const ChevronRight = createLucideIcon(__iconData$x);
+	__iconData$w.node;
+	const ChevronRight = createLucideIcon(__iconData$w);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19197,13 +19202,13 @@
 	 */
 
 
-	const __iconData$w = {
+	const __iconData$v = {
 	  name: "chevron-up",
 	  size: 24,
 	  node: [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]]
 	};
-	__iconData$w.node;
-	const ChevronUp = createLucideIcon(__iconData$w);
+	__iconData$v.node;
+	const ChevronUp = createLucideIcon(__iconData$v);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19213,7 +19218,7 @@
 	 */
 
 
-	const __iconData$v = {
+	const __iconData$u = {
 	  name: "chevrons-down",
 	  size: 24,
 	  node: [
@@ -19221,8 +19226,8 @@
 	    ["path", { d: "m7 13 5 5 5-5", key: "1d48rs" }]
 	  ]
 	};
-	__iconData$v.node;
-	const ChevronsDown = createLucideIcon(__iconData$v);
+	__iconData$u.node;
+	const ChevronsDown = createLucideIcon(__iconData$u);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19232,7 +19237,7 @@
 	 */
 
 
-	const __iconData$u = {
+	const __iconData$t = {
 	  name: "chevrons-left",
 	  size: 24,
 	  node: [
@@ -19240,8 +19245,8 @@
 	    ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 	  ]
 	};
-	__iconData$u.node;
-	const ChevronsLeft = createLucideIcon(__iconData$u);
+	__iconData$t.node;
+	const ChevronsLeft = createLucideIcon(__iconData$t);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19251,7 +19256,7 @@
 	 */
 
 
-	const __iconData$t = {
+	const __iconData$s = {
 	  name: "chevrons-right",
 	  size: 24,
 	  node: [
@@ -19259,8 +19264,8 @@
 	    ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 	  ]
 	};
-	__iconData$t.node;
-	const ChevronsRight = createLucideIcon(__iconData$t);
+	__iconData$s.node;
+	const ChevronsRight = createLucideIcon(__iconData$s);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19270,7 +19275,7 @@
 	 */
 
 
-	const __iconData$s = {
+	const __iconData$r = {
 	  name: "circle-check",
 	  size: 24,
 	  node: [
@@ -19279,29 +19284,8 @@
 	  ],
 	  aliases: ["check-circle-2"]
 	};
-	__iconData$s.node;
-	const CircleCheck = createLucideIcon(__iconData$s);
-
-	/**
-	 * @license lucide-react v1.44.0 - ISC
-	 *
-	 * This source code is licensed under the ISC license.
-	 * See the LICENSE file in the root directory of this source tree.
-	 */
-
-
-	const __iconData$r = {
-	  name: "circle-user-round",
-	  size: 24,
-	  node: [
-	    ["path", { d: "M17.925 20.056a6 6 0 0 0-11.851.001", key: "z69sun" }],
-	    ["circle", { cx: "12", cy: "11", r: "4", key: "1gt34v" }],
-	    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-	  ],
-	  aliases: ["user-circle-2"]
-	};
 	__iconData$r.node;
-	const CircleUserRound = createLucideIcon(__iconData$r);
+	const CircleCheck = createLucideIcon(__iconData$r);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19566,29 +19550,6 @@
 
 
 	const __iconData$e = {
-	  name: "languages",
-	  size: 24,
-	  node: [
-	    ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
-	    ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
-	    ["path", { d: "M2 5h12", key: "or177f" }],
-	    ["path", { d: "M7 2h1", key: "1t2jsx" }],
-	    ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
-	    ["path", { d: "M14 18h6", key: "1m8k6r" }]
-	  ]
-	};
-	__iconData$e.node;
-	const Languages = createLucideIcon(__iconData$e);
-
-	/**
-	 * @license lucide-react v1.44.0 - ISC
-	 *
-	 * This source code is licensed under the ISC license.
-	 * See the LICENSE file in the root directory of this source tree.
-	 */
-
-
-	const __iconData$d = {
 	  name: "link",
 	  size: 24,
 	  node: [
@@ -19596,8 +19557,8 @@
 	    ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 	  ]
 	};
-	__iconData$d.node;
-	const Link = createLucideIcon(__iconData$d);
+	__iconData$e.node;
+	const Link = createLucideIcon(__iconData$e);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19607,7 +19568,7 @@
 	 */
 
 
-	const __iconData$c = {
+	const __iconData$d = {
 	  name: "list",
 	  size: 24,
 	  node: [
@@ -19619,8 +19580,8 @@
 	    ["path", { d: "M8 19h13", key: "m83p4d" }]
 	  ]
 	};
-	__iconData$c.node;
-	const List$1 = createLucideIcon(__iconData$c);
+	__iconData$d.node;
+	const List$1 = createLucideIcon(__iconData$d);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19630,14 +19591,14 @@
 	 */
 
 
-	const __iconData$b = {
+	const __iconData$c = {
 	  name: "loader-circle",
 	  size: 24,
 	  node: [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]],
 	  aliases: ["loader-2"]
 	};
-	__iconData$b.node;
-	const LoaderCircle = createLucideIcon(__iconData$b);
+	__iconData$c.node;
+	const LoaderCircle = createLucideIcon(__iconData$c);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19647,7 +19608,7 @@
 	 */
 
 
-	const __iconData$a = {
+	const __iconData$b = {
 	  name: "mail-plus",
 	  size: 24,
 	  node: [
@@ -19657,8 +19618,8 @@
 	    ["path", { d: "M16 19h6", key: "xwg31i" }]
 	  ]
 	};
-	__iconData$a.node;
-	const MailPlus = createLucideIcon(__iconData$a);
+	__iconData$b.node;
+	const MailPlus = createLucideIcon(__iconData$b);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19668,13 +19629,13 @@
 	 */
 
 
-	const __iconData$9 = {
+	const __iconData$a = {
 	  name: "minus",
 	  size: 24,
 	  node: [["path", { d: "M5 12h14", key: "1ays0h" }]]
 	};
-	__iconData$9.node;
-	const Minus = createLucideIcon(__iconData$9);
+	__iconData$a.node;
+	const Minus = createLucideIcon(__iconData$a);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19684,7 +19645,7 @@
 	 */
 
 
-	const __iconData$8 = {
+	const __iconData$9 = {
 	  name: "octagon-x",
 	  size: 24,
 	  node: [
@@ -19700,8 +19661,35 @@
 	  ],
 	  aliases: ["x-octagon"]
 	};
+	__iconData$9.node;
+	const OctagonX = createLucideIcon(__iconData$9);
+
+	/**
+	 * @license lucide-react v1.44.0 - ISC
+	 *
+	 * This source code is licensed under the ISC license.
+	 * See the LICENSE file in the root directory of this source tree.
+	 */
+
+
+	const __iconData$8 = {
+	  name: "refresh-cw-off",
+	  size: 24,
+	  node: [
+	    [
+	      "path",
+	      { d: "M21 8L18.74 5.74A9.75 9.75 0 0 0 12 3C11 3 10.03 3.16 9.13 3.47", key: "1krf6h" }
+	    ],
+	    ["path", { d: "M8 16H3v5", key: "1cv678" }],
+	    ["path", { d: "M3 12C3 9.51 4 7.26 5.64 5.64", key: "ruvoct" }],
+	    ["path", { d: "m3 16 2.26 2.26A9.75 9.75 0 0 0 12 21c2.49 0 4.74-1 6.36-2.64", key: "19q130" }],
+	    ["path", { d: "M21 12c0 1-.16 1.97-.47 2.87", key: "4w8emr" }],
+	    ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+	    ["path", { d: "M22 22 2 2", key: "1r8tn9" }]
+	  ]
+	};
 	__iconData$8.node;
-	const OctagonX = createLucideIcon(__iconData$8);
+	const RefreshCwOff = createLucideIcon(__iconData$8);
 
 	/**
 	 * @license lucide-react v1.44.0 - ISC
@@ -19803,413 +19791,97 @@
 	  node: [
 	    ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
 	    ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-	  ]
-	};
-	__iconData$3.node;
-	const Search = createLucideIcon(__iconData$3);
-
-	/**
-	 * @license lucide-react v1.44.0 - ISC
-	 *
-	 * This source code is licensed under the ISC license.
-	 * See the LICENSE file in the root directory of this source tree.
-	 */
-
-
-	const __iconData$2 = {
-	  name: "trash",
-	  size: 24,
-	  node: [
-	    ["path", { d: "M10 11v6", key: "nco0om" }],
-	    ["path", { d: "M14 11v6", key: "outv1u" }],
-	    ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
-	    ["path", { d: "M3 6h18", key: "d0wm0j" }],
-	    ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-	  ],
-	  aliases: ["trash-2"]
-	};
-	__iconData$2.node;
-	const Trash = createLucideIcon(__iconData$2);
-
-	/**
-	 * @license lucide-react v1.44.0 - ISC
-	 *
-	 * This source code is licensed under the ISC license.
-	 * See the LICENSE file in the root directory of this source tree.
-	 */
-
-
-	const __iconData$1 = {
-	  name: "triangle-alert",
-	  size: 24,
-	  node: [
-	    [
-	      "path",
-	      {
-	        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-	        key: "wmoenq"
-	      }
-	    ],
-	    ["path", { d: "M12 9v4", key: "juzpu7" }],
-	    ["path", { d: "M12 17h.01", key: "p32p05" }]
-	  ],
-	  aliases: ["alert-triangle"]
-	};
-	__iconData$1.node;
-	const TriangleAlert = createLucideIcon(__iconData$1);
-
-	/**
-	 * @license lucide-react v1.44.0 - ISC
-	 *
-	 * This source code is licensed under the ISC license.
-	 * See the LICENSE file in the root directory of this source tree.
-	 */
-
-
-	const __iconData = {
-	  name: "x",
-	  size: 24,
-	  node: [
-	    ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-	    ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-	  ]
-	};
-	__iconData.node;
-	const X = createLucideIcon(__iconData);
-
-	const Toaster = ({ ...props }) => {
-	    const { theme = 'system' } = z();
-	    return (jsxRuntimeExports.jsx(Toaster$1, { theme: theme, position: "bottom-center", className: "toaster group", icons: {
-	            success: jsxRuntimeExports.jsx(CircleCheck, { className: "size-4" }),
-	            info: jsxRuntimeExports.jsx(Info, { className: "size-4" }),
-	            warning: jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
-	            error: jsxRuntimeExports.jsx(OctagonX, { className: "size-4" }),
-	            loading: jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }),
-	        }, style: {
-	            '--normal-bg': 'var(--popover)',
-	            '--normal-text': 'var(--popover-foreground)',
-	            '--normal-border': 'var(--border)',
-	            '--border-radius': 'var(--radius)',
-	        }, ...props }));
-	};
-
-	const dependencyShowClassName = 'dependency-show';
-	const dependencySelector = '[data-dependency]';
-	const events = ['input', 'change'];
-	function containsDependencyField(nodes) {
-	    return Array.from(nodes).some((node) => node instanceof Element &&
-	        (node.matches(dependencySelector) || Boolean(node.querySelector(dependencySelector))));
-	}
-	function useFieldDependencies(refreshKey) {
-	    const cleanupRef = reactExports.useRef(() => undefined);
-	    const refreshDependencies = reactExports.useCallback(() => {
-	        cleanupRef.current();
-	        cleanupRef.current = initializeFieldDependencies();
-	    }, []);
-	    reactExports.useEffect(() => {
-	        refreshDependencies();
-	        // Radix unmounts closed dialogs and inactive tab panels, so dependent fields
-	        // often mount long after this hook runs. Without rebinding they would keep
-	        // their initial hidden state forever, with no listeners on their sources.
-	        const observer = new MutationObserver((records) => {
-	            const touchesDependencies = records.some((record) => containsDependencyField(record.addedNodes) || containsDependencyField(record.removedNodes));
-	            if (touchesDependencies) {
-	                refreshDependencies();
-	            }
-	        });
-	        observer.observe(document.body, { childList: true, subtree: true });
-	        return () => {
-	            observer.disconnect();
-	            cleanupRef.current();
-	            cleanupRef.current = () => undefined;
-	        };
-	    }, [refreshDependencies, refreshKey]);
-	    return refreshDependencies;
-	}
-	function initializeFieldDependencies(root = document) {
-	    const cleanupCallbacks = [];
-	    const fields = Array.from(root.querySelectorAll(dependencySelector));
-	    fields.forEach((field) => {
-	        const dependency = field.dataset.dependency;
-	        if (!dependency) {
-	            return;
-	        }
-	        try {
-	            const conditions = JSON.parse(dependency);
-	            applyDependencyState(field, conditions);
-	            cleanupCallbacks.push(...bindDependencyListeners(field, conditions));
-	        }
-	        catch (e) {
-	            console.error('[Dependencies] Error parsing conditions for field:', field, e);
-	        }
-	    });
-	    return () => {
-	        cleanupCallbacks.forEach((cleanup) => cleanup());
-	    };
-	}
-	function bindDependencyListeners(field, conditions) {
-	    const cleanupCallbacks = [];
-	    conditions.forEach((rules) => {
-	        Object.keys(rules).forEach((selector) => {
-	            const element = document.querySelector(selector);
-	            if (!element) {
-	                return;
-	            }
-	            // Toggle controls never emit input/change; aria-checked is the only
-	            // signal, and watching it also catches programmatic updates.
-	            if (isToggleControl(element)) {
-	                const observer = new MutationObserver(() => applyDependencyState(field, conditions));
-	                observer.observe(element, { attributes: true, attributeFilter: ['aria-checked'] });
-	                cleanupCallbacks.push(() => observer.disconnect());
-	                return;
-	            }
-	            events.forEach((event) => {
-	                const listener = () => applyDependencyState(field, conditions);
-	                element.addEventListener(event, listener);
-	                cleanupCallbacks.push(() => element.removeEventListener(event, listener));
-	            });
-	        });
-	    });
-	    return cleanupCallbacks;
-	}
-	function applyDependencyState(field, conditions) {
-	    if (checkConditions(conditions)) {
-	        field.classList.add(dependencyShowClassName);
-	    }
-	    else {
-	        field.classList.remove(dependencyShowClassName);
-	    }
-	}
-	function checkConditions(conditions) {
-	    return conditions.every((conditionObj) => {
-	        const selectors = Object.keys(conditionObj);
-	        return selectors.every((selector) => evaluateDependencyRule(selector, conditionObj[selector]));
-	    });
-	}
-	function evaluateDependencyRule(selector, condition) {
-	    const type = condition.type;
-	    const currentValue = getValue(selector);
-	    const checkValue = typeof condition.value === 'undefined' ? false : condition.value;
-	    let minValue = typeof condition.min === 'undefined' ? false : Number.parseInt(String(condition.min), 10);
-	    let maxValue = typeof condition.max === 'undefined' ? false : Number.parseInt(String(condition.max), 10);
-	    const allowEmpty = typeof condition.empty === 'undefined' ? false : condition.empty;
-	    const isEmpty = !allowEmpty && currentValue.length < 1;
-	    const likeSelector = typeof condition.like === 'undefined' ? false : condition.like;
-	    const likeSelectorValue = getValue(likeSelector);
-	    const regExpPattern = typeof condition.pattern === 'undefined' ? false : condition.pattern;
-	    const regExpModifier = typeof condition.modifier === 'undefined' ? 'gi' : condition.modifier;
-	    const sign = typeof condition.sign === 'undefined' ? false : condition.sign;
-	    const strict = typeof condition.strict === 'undefined' ? false : condition.strict;
-	    const emptyTypes = ['empty', 'blank'];
-	    const notEmptyTypes = ['!empty', 'notEmpty', 'not-empty', 'notempty'];
-	    const equalTypes = ['equal', '=', '==', '==='];
-	    const notEqualTypes = ['!equal', '!=', '!==', '!===', 'notEqual', 'not-equal', 'notequal'];
-	    const regularExpressionTypes = ['regexp', 'exp', 'expression', 'match'];
-	    if (type && emptyTypes.includes(type)) {
-	        return currentValue.length < 1;
-	    }
-	    if (type && notEmptyTypes.includes(type)) {
-	        return currentValue.length > 0;
-	    }
-	    if (type && equalTypes.includes(type)) {
-	        if (isEmpty) {
-	            return false;
-	        }
-	        if (likeSelector) {
-	            return strict
-	                ? likeSelectorValue.every((value) => currentValue.includes(value))
-	                : likeSelectorValue.some((value) => currentValue.includes(value));
-	        }
-	        if (strict) {
-	            if (checkValue && Array.isArray(checkValue)) {
-	                return checkValue.every((value) => currentValue.includes(value));
-	            }
-	            if (checkValue && !Array.isArray(checkValue)) {
-	                return currentValue.includes(checkValue);
-	            }
-	        }
-	        else {
-	            if (checkValue && Array.isArray(checkValue)) {
-	                return checkValue.some((value) => currentValue.includes(value));
-	            }
-	            if (checkValue && !Array.isArray(checkValue)) {
-	                return currentValue.includes(checkValue);
-	            }
-	        }
-	    }
-	    if (type && notEqualTypes.includes(type)) {
-	        if (isEmpty) {
-	            return false;
-	        }
-	        if (likeSelector) {
-	            return strict
-	                ? likeSelectorValue.every((value) => !currentValue.includes(value))
-	                : likeSelectorValue.some((value) => !currentValue.includes(value));
-	        }
-	        if (strict) {
-	            if (checkValue && Array.isArray(checkValue)) {
-	                return checkValue.every((value) => !currentValue.includes(value));
-	            }
-	            if (checkValue && !Array.isArray(checkValue)) {
-	                return !currentValue.includes(checkValue);
-	            }
-	        }
-	        else {
-	            if (checkValue && Array.isArray(checkValue)) {
-	                return checkValue.some((value) => !currentValue.includes(value));
-	            }
-	            if (checkValue && !Array.isArray(checkValue)) {
-	                return !currentValue.includes(checkValue);
-	            }
-	        }
-	    }
-	    if (type && regularExpressionTypes.includes(type) && regExpPattern) {
-	        if (isEmpty) {
-	            return false;
-	        }
-	        const exp = new RegExp(regExpPattern, regExpModifier);
-	        return currentValue.every((value) => exp.test(String(value)));
-	    }
-	    if (type === 'length') {
-	        if (isEmpty) {
-	            return false;
-	        }
-	        if (checkValue && Array.isArray(checkValue)) {
-	            minValue = Number.parseInt(String(checkValue[0]), 10);
-	            maxValue = typeof checkValue[1] === 'undefined' ? false : Number.parseInt(String(checkValue[1]), 10);
-	        }
-	        if (checkValue && !Array.isArray(checkValue)) {
-	            minValue = Number.parseInt(String(checkValue), 10);
-	            maxValue = false;
-	        }
-	        const minBoundary = minValue === false ? 0 : minValue;
-	        const maxBoundary = maxValue === false ? 0 : maxValue;
-	        return currentValue.every((value) => {
-	            const valueLength = String(value).length;
-	            if (!maxValue) {
-	                return valueLength >= minBoundary;
-	            }
-	            if (!minValue) {
-	                return valueLength <= maxBoundary;
-	            }
-	            return valueLength >= minBoundary && valueLength <= maxBoundary;
-	        });
-	    }
-	    if (type === 'range') {
-	        if (isEmpty) {
-	            return false;
-	        }
-	        if (checkValue && Array.isArray(checkValue)) {
-	            minValue = Number.parseInt(String(checkValue[0]), 10);
-	            maxValue = typeof checkValue[1] === 'undefined' ? false : Number.parseInt(String(checkValue[1]), 10);
-	        }
-	        const minBoundary = minValue === false ? 0 : minValue;
-	        const maxBoundary = maxValue === false ? 0 : maxValue;
-	        return currentValue.every((value) => {
-	            const numericValue = Number.parseInt(String(value), 10);
-	            if (!maxValue) {
-	                return numericValue > minBoundary;
-	            }
-	            if (!minValue) {
-	                return numericValue < maxBoundary;
-	            }
-	            return numericValue > minBoundary && numericValue < maxBoundary;
-	        });
-	    }
-	    if (type === 'compare' && sign && checkValue) {
-	        if (isEmpty) {
-	            return false;
-	        }
-	        const numericCheckValue = Number.parseInt(String(checkValue), 10);
-	        switch (sign) {
-	            case '<':
-	                return currentValue.every((value) => Number.parseInt(String(value), 10) < numericCheckValue);
-	            case '<=':
-	                return currentValue.every((value) => Number.parseInt(String(value), 10) <= numericCheckValue);
-	            case '>':
-	                return currentValue.every((value) => Number.parseInt(String(value), 10) > numericCheckValue);
-	            case '>=':
-	                return currentValue.every((value) => Number.parseInt(String(value), 10) >= numericCheckValue);
-	            case '=':
-	            case '==':
-	                return currentValue.every((value) => Number.parseInt(String(value), 10) === numericCheckValue);
-	        }
-	    }
-	    return false;
-	}
-	// shadcn checkboxes and switches render as <button role="checkbox|switch">, which
-	// carries a static value="on" - the checked state only lives in aria-checked.
-	function isToggleControl(element) {
-	    const role = element.getAttribute('role');
-	    return role === 'checkbox' || role === 'switch';
-	}
-	function readElementValue(element) {
-	    if (isToggleControl(element)) {
-	        return element.getAttribute('aria-checked') === 'true';
-	    }
-	    if (element instanceof HTMLInputElement && element.type === 'checkbox') {
-	        return element.checked;
-	    }
-	    return element.value;
-	}
-	function getValue(selector) {
-	    const values = [];
-	    const element = selector ? document.querySelector(selector) : null;
-	    if (selector && element) {
-	        const inputType = element.tagName.toLowerCase();
-	        let currentSelector = selector;
-	        if (inputType === 'select') {
-	            currentSelector = `${selector} option:checked`;
-	        }
-	        document.querySelectorAll(currentSelector).forEach((match) => {
-	            values.push(readElementValue(match));
-	        });
-	    }
-	    return values.filter((value) => value !== '');
-	}
+	  ]
+	};
+	__iconData$3.node;
+	const Search = createLucideIcon(__iconData$3);
 
-	function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+	/**
+	 * @license lucide-react v1.44.0 - ISC
+	 *
+	 * This source code is licensed under the ISC license.
+	 * See the LICENSE file in the root directory of this source tree.
+	 */
 
-	const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-	const cx = clsx;
-	const cva = (base, config)=>(props)=>{
-	        var _config_compoundVariants;
-	        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-	        const { variants, defaultVariants } = config;
-	        const getVariantClassNames = Object.keys(variants).map((variant)=>{
-	            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-	            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-	            if (variantProp === null) return null;
-	            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-	            return variants[variant][variantKey];
-	        });
-	        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
-	            let [key, value] = param;
-	            if (value === undefined) {
-	                return acc;
-	            }
-	            acc[key] = value;
-	            return acc;
-	        }, {});
-	        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{
-	            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-	            return Object.entries(compoundVariantOptions).every((param)=>{
-	                let [key, value] = param;
-	                return Array.isArray(value) ? value.includes({
-	                    ...defaultVariants,
-	                    ...propsWithoutUndefined
-	                }[key]) : ({
-	                    ...defaultVariants,
-	                    ...propsWithoutUndefined
-	                })[key] === value;
-	            }) ? [
-	                ...acc,
-	                cvClass,
-	                cvClassName
-	            ] : acc;
-	        }, []);
-	        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-	    };
+
+	const __iconData$2 = {
+	  name: "trash",
+	  size: 24,
+	  node: [
+	    ["path", { d: "M10 11v6", key: "nco0om" }],
+	    ["path", { d: "M14 11v6", key: "outv1u" }],
+	    ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+	    ["path", { d: "M3 6h18", key: "d0wm0j" }],
+	    ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+	  ],
+	  aliases: ["trash-2"]
+	};
+	__iconData$2.node;
+	const Trash = createLucideIcon(__iconData$2);
+
+	/**
+	 * @license lucide-react v1.44.0 - ISC
+	 *
+	 * This source code is licensed under the ISC license.
+	 * See the LICENSE file in the root directory of this source tree.
+	 */
+
+
+	const __iconData$1 = {
+	  name: "triangle-alert",
+	  size: 24,
+	  node: [
+	    [
+	      "path",
+	      {
+	        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+	        key: "wmoenq"
+	      }
+	    ],
+	    ["path", { d: "M12 9v4", key: "juzpu7" }],
+	    ["path", { d: "M12 17h.01", key: "p32p05" }]
+	  ],
+	  aliases: ["alert-triangle"]
+	};
+	__iconData$1.node;
+	const TriangleAlert = createLucideIcon(__iconData$1);
+
+	/**
+	 * @license lucide-react v1.44.0 - ISC
+	 *
+	 * This source code is licensed under the ISC license.
+	 * See the LICENSE file in the root directory of this source tree.
+	 */
+
+
+	const __iconData = {
+	  name: "x",
+	  size: 24,
+	  node: [
+	    ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+	    ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+	  ]
+	};
+	__iconData.node;
+	const X = createLucideIcon(__iconData);
+
+	const Toaster = ({ ...props }) => {
+	    const { theme = 'system' } = z();
+	    return (jsxRuntimeExports.jsx(Toaster$1, { theme: theme, position: "bottom-center", className: "toaster group", icons: {
+	            success: jsxRuntimeExports.jsx(CircleCheck, { className: "size-4" }),
+	            info: jsxRuntimeExports.jsx(Info, { className: "size-4" }),
+	            warning: jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4" }),
+	            error: jsxRuntimeExports.jsx(OctagonX, { className: "size-4" }),
+	            loading: jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 animate-spin" }),
+	        }, style: {
+	            '--normal-bg': 'var(--popover)',
+	            '--normal-text': 'var(--popover-foreground)',
+	            '--normal-border': 'var(--border)',
+	            '--border-radius': 'var(--radius)',
+	        }, ...props }));
+	};
+
+	function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 	/**
 	 * Concatenates two arrays faster than the array spread operator.
@@ -23494,6 +23166,322 @@
 	    return twMerge(clsx(inputs));
 	}
 
+	const dependencyShowClassName = 'dependency-show';
+	const dependencySelector = '[data-dependency]';
+	const events = ['input', 'change'];
+	function containsDependencyField(nodes) {
+	    return Array.from(nodes).some((node) => node instanceof Element &&
+	        (node.matches(dependencySelector) || Boolean(node.querySelector(dependencySelector))));
+	}
+	function useFieldDependencies(refreshKey) {
+	    const cleanupRef = reactExports.useRef(() => undefined);
+	    const refreshDependencies = reactExports.useCallback(() => {
+	        cleanupRef.current();
+	        cleanupRef.current = initializeFieldDependencies();
+	    }, []);
+	    reactExports.useEffect(() => {
+	        refreshDependencies();
+	        // Radix unmounts closed dialogs and inactive tab panels, so dependent fields
+	        // often mount long after this hook runs. Without rebinding they would keep
+	        // their initial hidden state forever, with no listeners on their sources.
+	        const observer = new MutationObserver((records) => {
+	            const touchesDependencies = records.some((record) => containsDependencyField(record.addedNodes) || containsDependencyField(record.removedNodes));
+	            if (touchesDependencies) {
+	                refreshDependencies();
+	            }
+	        });
+	        observer.observe(document.body, { childList: true, subtree: true });
+	        return () => {
+	            observer.disconnect();
+	            cleanupRef.current();
+	            cleanupRef.current = () => undefined;
+	        };
+	    }, [refreshDependencies, refreshKey]);
+	    return refreshDependencies;
+	}
+	function initializeFieldDependencies(root = document) {
+	    const cleanupCallbacks = [];
+	    const fields = Array.from(root.querySelectorAll(dependencySelector));
+	    fields.forEach((field) => {
+	        const dependency = field.dataset.dependency;
+	        if (!dependency) {
+	            return;
+	        }
+	        try {
+	            const conditions = JSON.parse(dependency);
+	            applyDependencyState(field, conditions);
+	            cleanupCallbacks.push(...bindDependencyListeners(field, conditions));
+	        }
+	        catch (e) {
+	            console.error('[Dependencies] Error parsing conditions for field:', field, e);
+	        }
+	    });
+	    return () => {
+	        cleanupCallbacks.forEach((cleanup) => cleanup());
+	    };
+	}
+	function bindDependencyListeners(field, conditions) {
+	    const cleanupCallbacks = [];
+	    conditions.forEach((rules) => {
+	        Object.keys(rules).forEach((selector) => {
+	            const element = document.querySelector(selector);
+	            if (!element) {
+	                return;
+	            }
+	            // Toggle controls never emit input/change; aria-checked is the only
+	            // signal, and watching it also catches programmatic updates.
+	            if (isToggleControl(element)) {
+	                const observer = new MutationObserver(() => applyDependencyState(field, conditions));
+	                observer.observe(element, { attributes: true, attributeFilter: ['aria-checked'] });
+	                cleanupCallbacks.push(() => observer.disconnect());
+	                return;
+	            }
+	            events.forEach((event) => {
+	                const listener = () => applyDependencyState(field, conditions);
+	                element.addEventListener(event, listener);
+	                cleanupCallbacks.push(() => element.removeEventListener(event, listener));
+	            });
+	        });
+	    });
+	    return cleanupCallbacks;
+	}
+	function applyDependencyState(field, conditions) {
+	    if (checkConditions(conditions)) {
+	        field.classList.add(dependencyShowClassName);
+	    }
+	    else {
+	        field.classList.remove(dependencyShowClassName);
+	    }
+	}
+	function checkConditions(conditions) {
+	    return conditions.every((conditionObj) => {
+	        const selectors = Object.keys(conditionObj);
+	        return selectors.every((selector) => evaluateDependencyRule(selector, conditionObj[selector]));
+	    });
+	}
+	function evaluateDependencyRule(selector, condition) {
+	    const type = condition.type;
+	    const currentValue = getValue(selector);
+	    const checkValue = typeof condition.value === 'undefined' ? false : condition.value;
+	    let minValue = typeof condition.min === 'undefined' ? false : Number.parseInt(String(condition.min), 10);
+	    let maxValue = typeof condition.max === 'undefined' ? false : Number.parseInt(String(condition.max), 10);
+	    const allowEmpty = typeof condition.empty === 'undefined' ? false : condition.empty;
+	    const isEmpty = !allowEmpty && currentValue.length < 1;
+	    const likeSelector = typeof condition.like === 'undefined' ? false : condition.like;
+	    const likeSelectorValue = getValue(likeSelector);
+	    const regExpPattern = typeof condition.pattern === 'undefined' ? false : condition.pattern;
+	    const regExpModifier = typeof condition.modifier === 'undefined' ? 'gi' : condition.modifier;
+	    const sign = typeof condition.sign === 'undefined' ? false : condition.sign;
+	    const strict = typeof condition.strict === 'undefined' ? false : condition.strict;
+	    const emptyTypes = ['empty', 'blank'];
+	    const notEmptyTypes = ['!empty', 'notEmpty', 'not-empty', 'notempty'];
+	    const equalTypes = ['equal', '=', '==', '==='];
+	    const notEqualTypes = ['!equal', '!=', '!==', '!===', 'notEqual', 'not-equal', 'notequal'];
+	    const regularExpressionTypes = ['regexp', 'exp', 'expression', 'match'];
+	    if (type && emptyTypes.includes(type)) {
+	        return currentValue.length < 1;
+	    }
+	    if (type && notEmptyTypes.includes(type)) {
+	        return currentValue.length > 0;
+	    }
+	    if (type && equalTypes.includes(type)) {
+	        if (isEmpty) {
+	            return false;
+	        }
+	        if (likeSelector) {
+	            return strict
+	                ? likeSelectorValue.every((value) => currentValue.includes(value))
+	                : likeSelectorValue.some((value) => currentValue.includes(value));
+	        }
+	        if (strict) {
+	            if (checkValue && Array.isArray(checkValue)) {
+	                return checkValue.every((value) => currentValue.includes(value));
+	            }
+	            if (checkValue && !Array.isArray(checkValue)) {
+	                return currentValue.includes(checkValue);
+	            }
+	        }
+	        else {
+	            if (checkValue && Array.isArray(checkValue)) {
+	                return checkValue.some((value) => currentValue.includes(value));
+	            }
+	            if (checkValue && !Array.isArray(checkValue)) {
+	                return currentValue.includes(checkValue);
+	            }
+	        }
+	    }
+	    if (type && notEqualTypes.includes(type)) {
+	        if (isEmpty) {
+	            return false;
+	        }
+	        if (likeSelector) {
+	            return strict
+	                ? likeSelectorValue.every((value) => !currentValue.includes(value))
+	                : likeSelectorValue.some((value) => !currentValue.includes(value));
+	        }
+	        if (strict) {
+	            if (checkValue && Array.isArray(checkValue)) {
+	                return checkValue.every((value) => !currentValue.includes(value));
+	            }
+	            if (checkValue && !Array.isArray(checkValue)) {
+	                return !currentValue.includes(checkValue);
+	            }
+	        }
+	        else {
+	            if (checkValue && Array.isArray(checkValue)) {
+	                return checkValue.some((value) => !currentValue.includes(value));
+	            }
+	            if (checkValue && !Array.isArray(checkValue)) {
+	                return !currentValue.includes(checkValue);
+	            }
+	        }
+	    }
+	    if (type && regularExpressionTypes.includes(type) && regExpPattern) {
+	        if (isEmpty) {
+	            return false;
+	        }
+	        const exp = new RegExp(regExpPattern, regExpModifier);
+	        return currentValue.every((value) => exp.test(String(value)));
+	    }
+	    if (type === 'length') {
+	        if (isEmpty) {
+	            return false;
+	        }
+	        if (checkValue && Array.isArray(checkValue)) {
+	            minValue = Number.parseInt(String(checkValue[0]), 10);
+	            maxValue = typeof checkValue[1] === 'undefined' ? false : Number.parseInt(String(checkValue[1]), 10);
+	        }
+	        if (checkValue && !Array.isArray(checkValue)) {
+	            minValue = Number.parseInt(String(checkValue), 10);
+	            maxValue = false;
+	        }
+	        const minBoundary = minValue === false ? 0 : minValue;
+	        const maxBoundary = maxValue === false ? 0 : maxValue;
+	        return currentValue.every((value) => {
+	            const valueLength = String(value).length;
+	            if (!maxValue) {
+	                return valueLength >= minBoundary;
+	            }
+	            if (!minValue) {
+	                return valueLength <= maxBoundary;
+	            }
+	            return valueLength >= minBoundary && valueLength <= maxBoundary;
+	        });
+	    }
+	    if (type === 'range') {
+	        if (isEmpty) {
+	            return false;
+	        }
+	        if (checkValue && Array.isArray(checkValue)) {
+	            minValue = Number.parseInt(String(checkValue[0]), 10);
+	            maxValue = typeof checkValue[1] === 'undefined' ? false : Number.parseInt(String(checkValue[1]), 10);
+	        }
+	        const minBoundary = minValue === false ? 0 : minValue;
+	        const maxBoundary = maxValue === false ? 0 : maxValue;
+	        return currentValue.every((value) => {
+	            const numericValue = Number.parseInt(String(value), 10);
+	            if (!maxValue) {
+	                return numericValue > minBoundary;
+	            }
+	            if (!minValue) {
+	                return numericValue < maxBoundary;
+	            }
+	            return numericValue > minBoundary && numericValue < maxBoundary;
+	        });
+	    }
+	    if (type === 'compare' && sign && checkValue) {
+	        if (isEmpty) {
+	            return false;
+	        }
+	        const numericCheckValue = Number.parseInt(String(checkValue), 10);
+	        switch (sign) {
+	            case '<':
+	                return currentValue.every((value) => Number.parseInt(String(value), 10) < numericCheckValue);
+	            case '<=':
+	                return currentValue.every((value) => Number.parseInt(String(value), 10) <= numericCheckValue);
+	            case '>':
+	                return currentValue.every((value) => Number.parseInt(String(value), 10) > numericCheckValue);
+	            case '>=':
+	                return currentValue.every((value) => Number.parseInt(String(value), 10) >= numericCheckValue);
+	            case '=':
+	            case '==':
+	                return currentValue.every((value) => Number.parseInt(String(value), 10) === numericCheckValue);
+	        }
+	    }
+	    return false;
+	}
+	// shadcn checkboxes and switches render as <button role="checkbox|switch">, which
+	// carries a static value="on" - the checked state only lives in aria-checked.
+	function isToggleControl(element) {
+	    const role = element.getAttribute('role');
+	    return role === 'checkbox' || role === 'switch';
+	}
+	function readElementValue(element) {
+	    if (isToggleControl(element)) {
+	        return element.getAttribute('aria-checked') === 'true';
+	    }
+	    if (element instanceof HTMLInputElement && element.type === 'checkbox') {
+	        return element.checked;
+	    }
+	    return element.value;
+	}
+	function getValue(selector) {
+	    const values = [];
+	    const element = selector ? document.querySelector(selector) : null;
+	    if (selector && element) {
+	        const inputType = element.tagName.toLowerCase();
+	        let currentSelector = selector;
+	        if (inputType === 'select') {
+	            currentSelector = `${selector} option:checked`;
+	        }
+	        document.querySelectorAll(currentSelector).forEach((match) => {
+	            values.push(readElementValue(match));
+	        });
+	    }
+	    return values.filter((value) => value !== '');
+	}
+
+	const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+	const cx = clsx;
+	const cva = (base, config)=>(props)=>{
+	        var _config_compoundVariants;
+	        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+	        const { variants, defaultVariants } = config;
+	        const getVariantClassNames = Object.keys(variants).map((variant)=>{
+	            const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+	            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+	            if (variantProp === null) return null;
+	            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+	            return variants[variant][variantKey];
+	        });
+	        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{
+	            let [key, value] = param;
+	            if (value === undefined) {
+	                return acc;
+	            }
+	            acc[key] = value;
+	            return acc;
+	        }, {});
+	        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{
+	            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+	            return Object.entries(compoundVariantOptions).every((param)=>{
+	                let [key, value] = param;
+	                return Array.isArray(value) ? value.includes({
+	                    ...defaultVariants,
+	                    ...propsWithoutUndefined
+	                }[key]) : ({
+	                    ...defaultVariants,
+	                    ...propsWithoutUndefined
+	                })[key] === value;
+	            }) ? [
+	                ...acc,
+	                cvClass,
+	                cvClassName
+	            ] : acc;
+	        }, []);
+	        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+	    };
+
 	const alertVariants = cva('relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', {
 	    variants: {
 	        variant: {
@@ -23545,11 +23533,12 @@
 	};
 	function AppAlert({ title, variant = 'info', hideIcon = false, className, children, dangerouslySetInnerHTML, ...props }) {
 	    const Icon = variantIcons[variant];
-	    return (jsxRuntimeExports.jsxs(Alert, { variant: variant === 'destructive' ? 'destructive' : 'default', className: cn(variantStyles[variant], className), ...props, children: [!hideIcon && jsxRuntimeExports.jsx(Icon, {}), title && jsxRuntimeExports.jsx(AlertTitle, { children: title }), dangerouslySetInnerHTML ? (jsxRuntimeExports.jsx(AlertDescription, { dangerouslySetInnerHTML: dangerouslySetInnerHTML })) : (jsxRuntimeExports.jsx(AlertDescription, { children: children }))] }));
+	    return (jsxRuntimeExports.jsxs(Alert, { variant: variant === 'destructive' ? 'destructive' : 'default', className: cn(variantStyles[variant], className), ...props, children: [!hideIcon && jsxRuntimeExports.jsx(Icon, {}), title && jsxRuntimeExports.jsx(AlertTitle, { children: title }), dangerouslySetInnerHTML ? (jsxRuntimeExports.jsx(AlertDescription, { className: "html-content block", dangerouslySetInnerHTML: dangerouslySetInnerHTML })) : (jsxRuntimeExports.jsx(AlertDescription, { children: children }))] }));
 	}
 
+	// Two brand files, each tuned for its own background, swapped by theme.
 	function CrowdinMark({ className }) {
-	    return (jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 248 248", className: className, fill: "none", "aria-hidden": "true", children: [jsxRuntimeExports.jsx("path", { d: "M163.024 177.312c-6 0-11.357-1.798-15.785-5.317-5.285-4.144-9.5-10.321-9.642-17.593-.072-3.675 3.928-3.675 3.928-3.675s6.5-.078 9.642-.078c3.143.078 4.071 4.457 4.214 5.551 1.214 9.853 6.785 14.153 11.071 16.108 2.571 1.173 1.928 4.848-3.428 5.004Z", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M109.1 127.248c-5.284-.622-13.138-1.166-18.208-2.409-8.211-2.02-7.997-9.401-7.64-11.809.999-7.226 3.642-13.908 7.712-20.123 5.069-7.614 12.353-14.296 21.706-19.734 17.565-10.178 42.128-15.85 69.118-15.85 19.779 0 40.414 2.564 40.628 2.564 1.857.233 3.214 2.02 3.142 4.04-.071 2.02-1.499 3.574-3.356 3.73-2.999-.078-5.926-.078-8.711-.078-27.49 0-47.054 3.729-61.621 11.809-14.352 7.925-24.348 20.045-31.131 37.993-.714 1.553-3.071 10.799-11.639 9.867Z", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M133.089 201.326c-13.638 0-26.495-5.889-36.226-16.645-8.239-9.107-13.212-18.293-14.135-30.07-.568-7.694 2.841-10.363 7.458-9.892 3.197.314 13.141.785 18.823 1.963 4.262.863 7.103 3.219 7.814 8.086 3.764 25.909 20.101 36.116 29.832 38.314 1.705.393 2.771 1.492 2.7 3.455-.071 1.884-1.35 3.454-3.055 3.768-4.333.707-8.879 1.021-13.211 1.021Z", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M94.224 224.321c-9.677 0-19.141-1.539-21.844-2.025-11.385-2.026-20.92-5.51-29.103-10.696-19.568-12.397-31.38-34.274-32.803-60.203-.356-6.158-1.138-17.907 13.52-17.016 6.048.324 15.654 3.241 22.414 5.186 8.396 2.35 12.452 8.832 12.452 15.233 0 36.543 33.087 60.689 47.532 60.689 6.191 0 3.914 6.645 1.21 7.374-4.768 1.296-10.887 1.458-13.378 1.458Z", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M43.75 116.947c-5.724-1.026-11.305-3.393-16.743-4.734-16.814-4.182-13.952-21.147-12.378-25.802 15.312-45.054 63.895-60.125 103.105-64.149 36.92-3.787 75.558-.868 111.548 9.153 2.934.789 12.021 2.998 6.797 8.443-3.291 3.392-16.099-.158-19.533-.395-21.108-1.578-42.001-1.815-63.037 1.42-22.252 3.393-45.148 10.416-63.537 25.25-8.872 7.18-16.671 16.333-21.895 27.143-1.359 2.84-2.432 5.681-3.362 8.522-.931 2.998-4.437 18.069-20.965 15.149Z", fill: "currentColor" }), jsxRuntimeExports.jsx("path", { d: "M137.892 125.638c3.151-14.1 17.152-36.444 60.485-34.903 9.941.309 5.391 7.089.49 6.935-24.502-.848-36.123 14.947-42.213 30.973-1.96 5.162-6.441 5.933-12.041 5.008-3.92-.693-8.191-1.155-6.721-8.013Z", fill: "currentColor" })] }));
+	    return (jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 80 80", className: className, fill: "none", "aria-hidden": "true", children: [jsxRuntimeExports.jsxs("g", { className: "dark:hidden", children: [jsxRuntimeExports.jsx("path", { d: "M56.6667 80H23.3333C9.16667 80 0 70.8333 0 56.6667V23.0781C0 9.16667 9.16667 0 23.0781 0H56.6667C70.8333 0 80 9.16667 80 23.3333V56.6667C80 70.8333 70.8333 80 56.6667 80Z", fill: "#263238" }), jsxRuntimeExports.jsx("path", { d: "M51.3968 54.5041C49.9 54.5041 48.5662 54.0395 47.4621 53.1296C46.1432 52.0583 45.0947 50.4611 45.0576 48.5835C45.0391 47.6352 46.0357 47.6352 46.0357 47.6352C46.0357 47.6352 47.6548 47.616 48.4402 47.616C49.2257 47.6352 49.4554 48.7678 49.4924 49.052C49.7962 51.5976 51.1856 52.7072 52.2526 53.214C52.8936 53.5174 52.7342 54.4657 51.3968 54.508V54.5041Z", fill: "white" }), jsxRuntimeExports.jsx("path", { d: "M37.9552 41.5689C36.6363 41.4076 34.6801 41.2694 33.4167 40.9469C31.3679 40.4247 31.4234 38.5164 31.5124 37.8944C31.7606 36.0284 32.4201 34.3006 33.4352 32.6957C34.6986 30.7298 36.514 29.002 38.8481 27.5967C43.2274 24.9666 49.9385 23.3335 56.6667 23.3335C57.9136 23.3335 66.9908 23.3335 66.9908 25.2085C66.9908 26.2502 64.8949 26.1531 63.9824 26.1531C57.1283 26.1531 52.2489 27.1168 48.618 29.2055C45.0391 31.252 42.5456 34.3851 40.8562 39.0232C40.6784 39.4264 40.0893 41.8146 37.9552 41.5727V41.5689Z", fill: "white" }), jsxRuntimeExports.jsx("path", { d: "M43.9348 60.7086C40.5337 60.7815 37.3289 59.1881 34.9022 56.4083C32.846 54.0546 31.6085 51.6818 31.3788 48.637C31.238 46.6481 32.0865 45.9609 33.2387 46.0799C34.0352 46.1605 36.5138 46.2834 37.9328 46.5867C38.9962 46.8094 39.7038 47.4199 39.8816 48.6754C40.819 55.3716 44.8944 58.0055 47.3211 58.5738C47.7472 58.6736 48.0102 58.9578 47.9954 59.4684C47.9769 59.956 47.7064 60.6241 43.9385 60.7048L43.9348 60.7086Z", fill: "white" }), jsxRuntimeExports.jsx("path", { d: "M34.2464 66.6527C31.8345 66.7564 29.4744 66.2534 28.8001 66.1305C25.9622 65.6084 23.5836 64.7061 21.5459 63.3661C16.6665 60.1639 13.7211 54.5082 13.3691 47.812C13.2802 46.2224 13.0838 43.1853 16.7406 43.4157C18.2485 43.5002 20.6419 44.2527 22.3276 44.7557C24.4209 45.3624 25.4324 47.0364 25.4324 48.6913C25.4324 58.1327 33.3333 64.1667 37.0833 64.1667C37.9429 64.1667 38.3333 64.4452 38.3333 65C38.3333 65.4167 37.9439 66.4953 34.2501 66.6566L34.2464 66.6527Z", fill: "white" }), jsxRuntimeExports.jsx("path", { d: "M21.6602 38.9073C20.2338 38.6424 18.8408 38.0319 17.4848 37.6825C13.2908 36.6036 14.0058 32.2188 14.3986 31.017C18.2146 19.3755 30.3298 15.4822 40.1071 14.4417C49.3138 13.4626 58.9467 14.219 67.92 16.8068C68.561 16.9835 70.3282 17.425 69.9466 18.5001C69.565 19.5752 68.5017 18.8265 58.7133 18.6038C55.4863 18.5308 52.263 18.742 49.0286 19.2565C43.4786 20.1319 37.773 21.948 33.1863 25.7799C30.9744 27.6344 29.0293 29.9996 27.7289 32.7948C27.3881 33.5281 27.1213 34.2615 26.8916 34.9948C26.6582 35.7704 25.7838 39.6637 21.6639 38.9112L21.6602 38.9073Z", fill: "white" }), jsxRuntimeExports.jsx("path", { d: "M45.1315 41.1541C45.9169 37.5104 48.75 32.0831 59.5833 32.0831C60.8333 32.0831 61.25 32.4998 61.25 32.9165C61.25 33.3331 60.6669 33.7498 60 33.7498C53.4172 33.7498 51.3261 37.7906 49.8071 41.9297C49.3181 43.262 48.2029 43.4617 46.8061 43.2236C45.828 43.0432 44.7647 42.9241 45.1315 41.1541Z", fill: "white" })] }), jsxRuntimeExports.jsxs("g", { className: "hidden dark:block", children: [jsxRuntimeExports.jsx("path", { d: "M55.2553 80H24.7447C8.91588 80 0 70.916 0 55.2553V24.7447C0 9.08403 8.91588 0 24.7447 0H55.2553C71.4167 0 80 8.75146 80 24.7447V55.2553C80 71.2485 71.4167 80 55.2553 80Z", fill: "white" }), jsxRuntimeExports.jsx("path", { d: "M51.3959 54.5041C49.8991 54.5041 48.5653 54.0395 47.4613 53.1296C46.1423 52.0583 45.0938 50.4611 45.0568 48.5835C45.0382 47.6352 46.0349 47.6352 46.0349 47.6352C46.0349 47.6352 47.6539 47.616 48.4394 47.616C49.2248 47.6352 49.4545 48.7678 49.4916 49.052C49.7954 51.5976 51.1847 52.7072 52.2518 53.214C52.8927 53.5174 52.7334 54.4657 51.3959 54.508V54.5041Z", fill: "#263238" }), jsxRuntimeExports.jsx("path", { d: "M37.9549 41.5687C36.6359 41.4074 34.6797 41.2692 33.4163 40.9467C31.3675 40.4245 31.4231 38.5163 31.512 37.8943C31.7602 36.0282 32.4197 34.3004 33.4349 32.6955C34.6982 30.7296 36.5137 29.0018 38.8478 27.5966C43.227 24.9665 49.3512 23.4998 56.0794 23.4998C61.0107 23.4998 66.1568 24.164 66.2087 24.164C66.6718 24.2254 67.009 24.6862 66.9904 25.2084C66.9719 25.7305 66.6162 26.1299 66.1531 26.1721C65.4047 26.1529 64.6748 26.1529 63.982 26.1529C57.1279 26.1529 52.2485 27.1166 48.6177 29.2053C45.0387 31.2518 42.5453 34.3849 40.8558 39.0231C40.678 39.4262 40.0889 41.8144 37.9549 41.5725V41.5687Z", fill: "#263238" }), jsxRuntimeExports.jsx("path", { d: "M43.9348 60.709C40.5337 60.7819 37.3289 59.1885 34.9022 56.4087C32.846 54.055 31.6085 51.6822 31.3788 48.6374C31.238 46.6485 32.0865 45.9612 33.2387 46.0802C34.0352 46.1609 36.5138 46.2837 37.9328 46.5871C38.9962 46.8098 39.7038 47.4203 39.8816 48.6758C40.819 55.372 44.8944 58.0059 47.3211 58.5742C47.7472 58.674 48.0102 58.9581 47.9954 59.4688C47.9769 59.9564 47.7064 60.6245 43.9385 60.7051L43.9348 60.709Z", fill: "#263238" }), jsxRuntimeExports.jsx("path", { d: "M34.246 66.6527C31.8341 66.7564 29.4741 66.2534 28.7998 66.1305C25.9618 65.6084 23.5832 64.7061 21.5455 63.3661C16.6661 60.1639 13.7207 54.5082 13.3687 47.812C13.2798 46.2224 13.0835 43.1853 16.7402 43.4157C18.2481 43.5002 20.6415 44.2527 22.3273 44.7557C24.4205 45.3624 25.432 47.0364 25.432 48.6913C25.432 58.1327 33.6829 64.372 37.2841 64.372C38.1436 64.372 38.3474 64.9019 38.2436 65.4087C38.1621 65.8119 37.9435 66.4953 34.2497 66.6566L34.246 66.6527Z", fill: "#263238" }), jsxRuntimeExports.jsx("path", { d: "M21.6602 38.9077C20.2338 38.6428 18.8408 38.0323 17.4848 37.6829C13.2908 36.604 14.0058 32.2192 14.3986 31.0174C18.2147 19.3759 30.3298 15.4826 40.1071 14.442C49.3138 13.463 58.9467 14.2194 67.92 16.8072C68.561 16.9838 70.3282 17.4254 69.9466 18.5005C69.565 19.5755 68.5017 18.8268 58.7133 18.6041C55.4863 18.5312 52.263 18.7424 49.0286 19.2569C43.4786 20.1323 37.773 21.9484 33.1863 25.7803C30.9744 27.6348 29.0293 29.9999 27.7289 32.7951C27.3881 33.5285 27.1213 34.2618 26.8916 34.9952C26.6582 35.7708 25.7838 39.6641 21.6639 38.9115L21.6602 38.9077Z", fill: "#263238" }), jsxRuntimeExports.jsx("path", { d: "M45.1311 41.1543C45.9166 37.5105 49.4066 31.7358 60.2102 32.1351C62.6888 32.2158 61.5551 33.9666 60.3325 33.9282C54.223 33.7094 51.3258 37.7908 49.8068 41.9298C49.3177 43.2622 48.2025 43.4618 46.8058 43.2238C45.8277 43.0433 44.7643 42.9243 45.1311 41.1543Z", fill: "#263238" })] })] }));
 	}
 
 	var __defProp$D = Object.defineProperty;
@@ -26368,6 +26357,27 @@
 	    }
 	  );
 	}, "Dialog");
+	var TRIGGER_NAME$9 = "DialogTrigger";
+	var DialogTrigger$1 = /* @__PURE__ */ reactExports.forwardRef(
+	  /* @__PURE__ */ __name$k(function DialogTrigger2(props, forwardedRef) {
+	    const { __scopeDialog, ...triggerProps } = props;
+	    const context = useDialogContext(TRIGGER_NAME$9, __scopeDialog);
+	    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+	    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+	      Primitive.button,
+	      {
+	        type: "button",
+	        "aria-haspopup": "dialog",
+	        "aria-expanded": context.open,
+	        "aria-controls": context.open ? context.contentId : void 0,
+	        "data-state": getState$4(context.open),
+	        ...triggerProps,
+	        ref: composedTriggerRef,
+	        onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+	      }
+	    );
+	  }, "DialogTrigger")
+	);
 	var PORTAL_NAME$4 = "DialogPortal";
 	var [PortalProvider$4, usePortalContext$5] = createDialogContext(PORTAL_NAME$4, {
 	  forceMount: void 0
@@ -34232,7 +34242,7 @@ Defaulting to \`null\`.`;
 	// Shared by both filter modes: RadioGroup's root defaults to `grid gap-3`, so
 	// styling either list separately makes them drift apart.
 	const FILTER_OPTION_LIST_CLASS = 'grid gap-1 p-3';
-	const FILTER_OPTION_CLASS = 'flex min-h-9 cursor-pointer items-center gap-3 rounded-md px-2 py-1.5 hover:bg-accent';
+	const FILTER_OPTION_CLASS = 'flex min-h-9 cursor-pointer items-center gap-3 rounded-md px-2 py-1.5 text-sm hover:bg-accent';
 	function FilterOptionRow({ children }) {
 	    return jsxRuntimeExports.jsx("label", { className: FILTER_OPTION_CLASS, children: children });
 	}
@@ -35890,7 +35900,7 @@ Defaulting to \`null\`.`;
 	function FilesTreeSkeleton() {
 	    return (jsxRuntimeExports.jsx("div", { className: "space-y-1 p-2", "aria-hidden": "true", children: [72, 56, 64, 48, 60].map((width, index) => (jsxRuntimeExports.jsxs("div", { className: "flex h-10 items-center gap-3 px-2", style: { paddingLeft: 8 + index * 8 }, children: [jsxRuntimeExports.jsx(Skeleton, { className: "size-4" }), jsxRuntimeExports.jsx(Skeleton, { className: "size-4" }), jsxRuntimeExports.jsx(Skeleton, { className: "h-4", style: { width: `${width}%` } })] }, width))) }));
 	}
-	function FilesTree({ id = 'files-tree', items, selectedIds, onSelectedIdsChange, openedFolderIds, onOpenedFolderIdsChange, disabled = false, loading = false, searchQuery = '', onItemOpenChange, assumeFoldersHaveChildren = false, isItemSelectable = selectAnyItem, onLoadMore, loadingItemIds = [], emptyTitle = 'No files found', emptyDescription = 'Try a different search or check the available files.', maxHeight = DEFAULT_MAX_HEIGHT, renderItemName, renderItemMeta, itemActions, }) {
+	function FilesTree({ id = 'files-tree', items, selectedIds, onSelectedIdsChange, openedFolderIds, onOpenedFolderIdsChange, disabled = false, loading = false, searchQuery = '', onItemOpenChange, assumeFoldersHaveChildren = false, isItemSelectable = selectAnyItem, onLoadMore, loadingItemIds = [], emptyTitle = 'No files found', emptyDescription = 'Try a different search or check the available files.', maxHeight = DEFAULT_MAX_HEIGHT, fill = false, renderItemName, renderItemMeta, itemActions, }) {
 	    const model = reactExports.useMemo(() => buildFilesTreeModel(items), [items]);
 	    const isInteractionDisabled = disabled || loading;
 	    const { tree, items: headlessItems, getSelectionState, } = useFilesTree({
@@ -35916,7 +35926,9 @@ Defaulting to \`null\`.`;
 	    const allVisibleSelected = selectableVisibleIds.length > 0 && selectableVisibleIds.every((itemId) => getSelectionState(itemId) === true);
 	    const someVisibleSelected = selectableVisibleIds.some((itemId) => getSelectionState(itemId) !== false);
 	    const selectAllState = allVisibleSelected ? true : someVisibleSelected ? 'indeterminate' : false;
-	    return (jsxRuntimeExports.jsxs("div", { id: id, className: cn('overflow-hidden rounded-md border bg-card text-card-foreground', disabled && 'opacity-50'), "aria-busy": loading || undefined, "data-disabled": isInteractionDisabled || undefined, children: [jsxRuntimeExports.jsxs("div", { className: "flex min-h-10 items-center gap-2 border-b px-3 text-xs font-medium text-muted-foreground", children: [jsxRuntimeExports.jsx("span", { className: "size-8 shrink-0", "aria-hidden": "true" }), jsxRuntimeExports.jsx(Checkbox, { checked: selectAllState, onCheckedChange: () => onSelectedIdsChange(toggleAllFilesTreeSelection(model, selectedIds, selectableVisibleIds, isItemSelectable)), disabled: isInteractionDisabled || selectableVisibleIds.length === 0, "aria-label": "Select all visible files" }), jsxRuntimeExports.jsx("span", { children: "Name" })] }), jsxRuntimeExports.jsx(ScrollArea, { style: { maxHeight }, className: "[&>[data-radix-scroll-area-viewport]]:max-h-[inherit]", children: loading ? (jsxRuntimeExports.jsx(FilesTreeSkeleton, {})) : headlessItems.length === 0 ? (jsxRuntimeExports.jsx(Empty, { className: "min-h-48 border-0", children: jsxRuntimeExports.jsxs(EmptyHeader, { children: [jsxRuntimeExports.jsx(EmptyMedia, { variant: "icon", children: jsxRuntimeExports.jsx(Folder, { "aria-hidden": "true" }) }), jsxRuntimeExports.jsx(EmptyTitle, { children: emptyTitle }), jsxRuntimeExports.jsx(EmptyDescription, { children: emptyDescription })] }) })) : (jsxRuntimeExports.jsx("div", { ...tree.getContainerProps('Files'), id: `${id}-tree`, "aria-multiselectable": "true", className: "p-1", children: headlessItems.map((headlessItem) => {
+	    return (jsxRuntimeExports.jsxs("div", { id: id, className: cn('text-card-foreground', fill && 'flex min-h-0 flex-1 flex-col', disabled && 'opacity-50'), "aria-busy": loading || undefined, "data-disabled": isInteractionDisabled || undefined, children: [jsxRuntimeExports.jsxs("div", { className: "flex min-h-10 shrink-0 items-center gap-2 border-y px-4 text-xs font-medium text-muted-foreground", children: [jsxRuntimeExports.jsx("span", { className: "size-8 shrink-0", "aria-hidden": "true" }), jsxRuntimeExports.jsx(Checkbox, { checked: selectAllState, onCheckedChange: () => onSelectedIdsChange(toggleAllFilesTreeSelection(model, selectedIds, selectableVisibleIds, isItemSelectable)), disabled: isInteractionDisabled || selectableVisibleIds.length === 0, "aria-label": "Select all visible files" }), jsxRuntimeExports.jsx("span", { children: "Name" })] }), jsxRuntimeExports.jsx(ScrollArea, { style: fill ? undefined : { maxHeight }, className: cn(fill
+	                    ? 'min-h-0 flex-1 [&>[data-radix-scroll-area-viewport]]:h-full [&>[data-radix-scroll-area-viewport]>div]:h-full'
+	                    : '[&>[data-radix-scroll-area-viewport]]:max-h-[inherit]'), children: loading ? (jsxRuntimeExports.jsx(FilesTreeSkeleton, {})) : headlessItems.length === 0 ? (jsxRuntimeExports.jsx(Empty, { className: cn('min-h-48 border-0', fill && 'h-full'), children: jsxRuntimeExports.jsxs(EmptyHeader, { children: [jsxRuntimeExports.jsx(EmptyMedia, { variant: "icon", children: jsxRuntimeExports.jsx(Folder, { "aria-hidden": "true" }) }), jsxRuntimeExports.jsx(EmptyTitle, { children: emptyTitle }), jsxRuntimeExports.jsx(EmptyDescription, { children: emptyDescription })] }) })) : (jsxRuntimeExports.jsx("div", { ...tree.getContainerProps('Files'), id: `${id}-tree`, "aria-multiselectable": "true", className: "px-2 py-1", children: headlessItems.map((headlessItem) => {
 	                        var _a, _b, _c, _d, _e;
 	                        const item = headlessItem.getItemData();
 	                        const level = headlessItem.getItemMeta().level;
@@ -36030,6 +36042,30 @@ Defaulting to \`null\`.`;
 	    return (jsxRuntimeExports.jsx(Portal, { children: jsxRuntimeExports.jsxs(Content2, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', className), ...props, children: [children, jsxRuntimeExports.jsx(Arrow2, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })] }) }));
 	}
 
+	// Independent debounce timer per key; always fires the latest `fn`.
+	function useKeyedDebounce(fn, delay) {
+	    const fnRef = reactExports.useRef(fn);
+	    reactExports.useLayoutEffect(() => {
+	        fnRef.current = fn;
+	    });
+	    const timers = reactExports.useRef(new Map());
+	    reactExports.useEffect(() => () => timers.current.forEach((timer) => clearTimeout(timer)), []);
+	    return reactExports.useMemo(() => {
+	        const cancel = (key) => {
+	            clearTimeout(timers.current.get(key));
+	            timers.current.delete(key);
+	        };
+	        const schedule = (key, ...args) => {
+	            cancel(key);
+	            timers.current.set(key, setTimeout(() => {
+	                timers.current.delete(key);
+	                fnRef.current(key, ...args);
+	            }, delay));
+	        };
+	        return { schedule, cancel };
+	    }, [delay]);
+	}
+
 	const MOBILE_BREAKPOINT = 768;
 	function useIsMobile() {
 	    const [isMobile, setIsMobile] = reactExports.useState(undefined);
@@ -36134,17 +36170,12 @@ Defaulting to \`null\`.`;
 	function isFolder$1(e) {
 	    return !e.type && (e.nodeType === undefined || e.nodeType === FOLDER_TYPE || e.nodeType === BRANCH_TYPE);
 	}
-	function openModal(modal) {
-	    if (!modal) {
-	        return;
-	    }
-	    modal.open();
-	}
-	function closeModal(modal) {
-	    if (!modal) {
-	        return;
+	// Throws like the old `ref.current.x` access did, instead of silently skipping.
+	function requireRef(ref) {
+	    if (!ref.current) {
+	        throw new Error('Component is not mounted');
 	    }
-	    modal.close();
+	    return ref.current;
 	}
 	function normalizeMenuItems(value) {
 	    let parsed = value;
@@ -36162,6 +36193,7 @@ Defaulting to \`null\`.`;
 	    return parsed.filter((item) => Boolean(item) && typeof item.label === 'string' && typeof item.action === 'string');
 	}
 
+	const SEARCH_DEBOUNCE = 300;
 	// Stable identity: an inline arrow would invalidate useFilesTree's memoised map.
 	function isSelectableTreeItem(item) {
 	    return item.nodeType !== 'load-more';
@@ -36171,6 +36203,7 @@ Defaulting to \`null\`.`;
 	    selectedIds: [],
 	    openedIds: [],
 	    search: '',
+	    appliedSearch: '',
 	    loading: true,
 	    syncSettingsLoading: false,
 	};
@@ -36337,9 +36370,6 @@ Defaulting to \`null\`.`;
 	    }
 	    return items.filter((item) => item.schedule && (all || isFile(item)) && !item.disabled);
 	}
-	function parseBoolean(value) {
-	    return value === true || value === 'true' || value === '';
-	}
 	const SimpleIntegration = reactExports.forwardRef(function SimpleIntegration({ name, logo = 'logo.png', syncNewElements, withCronSync, webhooks, integrationOneLevelFetching, integrationSearchListener, filtering, integrationButtonMenuItems = [], crowdinButtonMenuItems = [], onRefreshFilesList, onFolderToggle, onUploadFilesToCrowdin, onUploadFilesToIntegration, onLoadMore, onIntegrationFilterChange, onIntegrationScheduleSync, onCrowdinScheduleSync, onIntegrationDisableSync, onCrowdinDisableSync, }, ref) {
 	    const [providers, setProviders] = reactExports.useState({
 	        crowdin: { ...INITIAL_PROVIDER_STATE },
@@ -36351,7 +36381,7 @@ Defaulting to \`null\`.`;
 	    // getCrowdinSelected has no deps, so it reads the current filter through a ref.
 	    const displayedLanguagesRef = reactExports.useRef([]);
 	    const [progresses, setProgresses] = reactExports.useState({});
-	    const [process, setProcess] = reactExports.useState({ toCrowdin: false, toIntegration: false });
+	    const [syncProcess, setSyncProcess] = reactExports.useState({ toCrowdin: false, toIntegration: false });
 	    const [activeProvider, setActiveProvider] = reactExports.useState('crowdin');
 	    const isMobile = useIsMobile();
 	    const [loadMoreLoadingIds, setLoadMoreLoadingIds] = reactExports.useState([]);
@@ -36411,7 +36441,6 @@ Defaulting to \`null\`.`;
 	        getOpenedFolders: async () => providersRef.current[provider].openedIds,
 	        setOpenedFolders: async (ids) => setProvider(provider, { openedIds: ids.map(String) }),
 	        getFilesToDisplay: async () => providersRef.current[provider].items,
-	        hasSearchText: async () => Boolean(providersRef.current[provider].search.trim()),
 	        setLoadMoreLoading: async (id, loading) => {
 	            const stringId = String(id);
 	            setLoadMoreLoadingIds((current) => loading
@@ -36450,24 +36479,10 @@ Defaulting to \`null\`.`;
 	        })),
 	        updateCrowdinFileData: async (items) => setProvider('crowdin', (state) => ({ ...state, items: updateItems(state.items, items) })),
 	        updateIntegrationFileData: async (items) => setProvider('integration', (state) => ({ ...state, items: updateItems(state.items, items) })),
-	        querySelector: (selector) => selector === '#crowdin-files'
-	            ? fileHandle('crowdin')
-	            : selector === '#integration-files'
-	                ? fileHandle('integration')
-	                : null,
-	        setAttribute: (attribute, value) => {
-	            var _a;
-	            const booleanValue = parseBoolean(value);
-	            const mapping = {
-	                'is-crowdin-loading': () => setProvider('crowdin', { loading: booleanValue }),
-	                'is-integration-loading': () => setProvider('integration', { loading: booleanValue }),
-	                'is-crowdin-sync-settings-in-progress': () => setProvider('crowdin', { syncSettingsLoading: booleanValue }),
-	                'is-integration-sync-settings-in-progress': () => setProvider('integration', { syncSettingsLoading: booleanValue }),
-	                'is-to-crowdin-process': () => setProcess((current) => ({ ...current, toCrowdin: booleanValue })),
-	                'is-to-integration-process': () => setProcess((current) => ({ ...current, toIntegration: booleanValue })),
-	            };
-	            (_a = mapping[attribute]) === null || _a === void 0 ? void 0 : _a.call(mapping);
-	        },
+	        getFilesHandle: fileHandle,
+	        setLoading: (provider, loading) => setProvider(provider, { loading }),
+	        setSyncSettingsInProgress: (provider, inProgress) => setProvider(provider, { syncSettingsLoading: inProgress }),
+	        setProcess: (next) => setSyncProcess((current) => ({ ...current, ...next })),
 	    }), [fileHandle, setProvider]);
 	    const displayedLanguages = reactExports.useMemo(() => filteredLanguageIds.length
 	        ? languages.filter((language) => filteredLanguageIds.includes(String(language.id)))
@@ -36558,7 +36573,7 @@ Defaulting to \`null\`.`;
 	        ? Object.keys(getCrowdinSelected()).length
 	        : selectedItems(provider).length;
 	    const syncDisabled = (provider) => selectedCount(provider) === 0;
-	    const anyProcess = process.toCrowdin || process.toIntegration;
+	    const anyProcess = syncProcess.toCrowdin || syncProcess.toIntegration;
 	    const scheduleEnabled = (provider) => Boolean((withCronSync === null || withCronSync === void 0 ? void 0 : withCronSync[provider]) || (webhooks === null || webhooks === void 0 ? void 0 : webhooks[provider]));
 	    const upload = (provider, action, item) => {
 	        var _a, _b;
@@ -36725,6 +36740,22 @@ Defaulting to \`null\`.`;
 	        }
 	        return actions;
 	    };
+	    const applySearch = (provider, search) => {
+	        const isUnchanged = search.trim() === providersRef.current[provider].appliedSearch.trim();
+	        setProvider(provider, { search, appliedSearch: search });
+	        if (!isUnchanged && provider === 'integration' && integrationSearchListener) {
+	            onIntegrationFilterChange(search);
+	        }
+	    };
+	    const debouncedSearch = useKeyedDebounce(applySearch, SEARCH_DEBOUNCE);
+	    const changeSearch = (provider, search) => {
+	        setProvider(provider, { search });
+	        debouncedSearch.schedule(provider, search);
+	    };
+	    const clearSearch = (provider) => {
+	        debouncedSearch.cancel(provider);
+	        applySearch(provider, '');
+	    };
 	    const renderItemName = (provider) => (item) => {
 	        const source = item.original;
 	        if (provider !== 'crowdin' || !source.isLanguage) {
@@ -36741,25 +36772,14 @@ Defaulting to \`null\`.`;
 	        const isCrowdin = provider === 'crowdin';
 	        const displayItems = isCrowdin ? displayCrowdinItems : displayIntegrationItems;
 	        const providerName = isCrowdin ? 'Crowdin' : name;
-	        const syncing = isCrowdin ? process.toIntegration : process.toCrowdin;
+	        const syncing = isCrowdin ? syncProcess.toIntegration : syncProcess.toCrowdin;
 	        const menuItems = isCrowdin ? normalizedCrowdinButtonMenuItems : normalizedIntegrationButtonMenuItems;
 	        // Derived, never stored: as state it went stale whenever items changed without a
 	        // selection change - disableSync cleared the markers but left the button live.
 	        const hasSyncOption = hasSyncMetadata(displayItems, state.selectedIds);
-	        return (jsxRuntimeExports.jsxs("section", { className: "flex min-w-0 flex-col", "aria-label": `${providerName} files`, children: [jsxRuntimeExports.jsxs("header", { className: "flex min-h-16 items-start gap-3 px-4 pt-4", children: [isCrowdin ? (jsxRuntimeExports.jsx("span", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center text-foreground", children: jsxRuntimeExports.jsx(CrowdinMark, { className: "size-8" }) })) : (jsxRuntimeExports.jsx("img", { src: logo, alt: "", className: "mt-0.5 size-8 object-contain" })), jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntimeExports.jsx("h2", { className: "truncate text-base font-semibold", children: providerName }), jsxRuntimeExports.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: isCrowdin
-	                                        ? `Select content for synchronization to ${name}`
-	                                        : 'Select content for synchronization to Crowdin' })] }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": `Reload ${providerName} files`, title: `Reload ${providerName} files`, disabled: state.loading, onClick: () => onRefreshFilesList(isCrowdin ? { refreshCrowdin: true } : { refreshIntegration: true }), children: state.loading ? jsxRuntimeExports.jsx(Spinner, {}) : jsxRuntimeExports.jsx(RefreshCw, {}) })] }), jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2 px-4 py-3", children: [jsxRuntimeExports.jsxs(InputGroup, { className: "min-w-52 flex-1 sm:max-w-80", children: [jsxRuntimeExports.jsx(InputGroupAddon, { children: jsxRuntimeExports.jsx(Search, {}) }), jsxRuntimeExports.jsx(InputGroupInput, { value: state.search, onChange: (event) => {
-	                                        const search = event.target.value;
-	                                        setProvider(provider, { search });
-	                                        if (!isCrowdin && integrationSearchListener) {
-	                                            onIntegrationFilterChange(search);
-	                                        }
-	                                    }, placeholder: isCrowdin ? 'Search Crowdin files' : `Search ${name} files`, "aria-label": isCrowdin ? 'Search Crowdin files' : `Search ${name} files` }), state.search && (jsxRuntimeExports.jsx(InputGroupAddon, { align: "inline-end", children: jsxRuntimeExports.jsx(InputGroupButton, { size: "icon-xs", "aria-label": "Clear search", onClick: () => {
-	                                            setProvider(provider, { search: '' });
-	                                            if (!isCrowdin && integrationSearchListener) {
-	                                                onIntegrationFilterChange('');
-	                                            }
-	                                        }, children: jsxRuntimeExports.jsx(X, {}) }) }))] }), isCrowdin && (filtering === null || filtering === void 0 ? void 0 : filtering.crowdinLanguages) && languages.length > 0 && (jsxRuntimeExports.jsx(FilesFilter, { sections: languageFilterSections, values: { languages: filteredLanguageIds }, onValuesChange: (values) => { var _a; return setFilteredLanguageIds((_a = values.languages) !== null && _a !== void 0 ? _a : []); } })), !isCrowdin && integrationFilterSections.length > 0 && (jsxRuntimeExports.jsx(FilesFilter, { sections: integrationFilterSections, values: integrationFilterValues, onValuesChange: setIntegrationFilterValues })), jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [scheduleEnabled(provider) && (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [state.syncSettingsLoading && jsxRuntimeExports.jsx(Spinner, { className: "mx-1" }), hasSyncOption && (jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", title: "Disable sync", disabled: state.syncSettingsLoading, onClick: () => disableSync(provider), children: [jsxRuntimeExports.jsx(Ban, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Disable sync" })] })), jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", title: "Enable auto sync", disabled: syncDisabled(provider) || state.syncSettingsLoading, onClick: () => schedule(provider), children: [jsxRuntimeExports.jsx(RotateCw, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Enable auto sync" })] })] })), jsxRuntimeExports.jsxs(ButtonGroup, { children: [jsxRuntimeExports.jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: syncDisabled(provider) || anyProcess, onClick: () => upload(provider), children: [syncing && jsxRuntimeExports.jsx(Spinner, {}), "Sync to", isCrowdin ? (jsxRuntimeExports.jsx("img", { src: logo, alt: name, className: "size-4 object-contain" })) : (jsxRuntimeExports.jsx(CrowdinMark, { className: "size-4" }))] }), menuItems.length > 0 && (jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "icon-sm", disabled: syncDisabled(provider) || anyProcess, children: [jsxRuntimeExports.jsx(ChevronDown, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "More synchronization actions" })] }) }), jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", className: "max-w-80 min-w-60", children: menuItems.map((item) => (jsxRuntimeExports.jsx(DropdownMenuItem, { onClick: () => upload(provider, item.action), children: item.label }, item.action))) })] }))] })] })] }), jsxRuntimeExports.jsx("div", { className: "px-3 pb-3", children: jsxRuntimeExports.jsx(FilesTree, { id: `${provider}-files`, items: displayItems, selectedIds: state.selectedIds, onSelectedIdsChange: (selectedIds) => setProvider(provider, { selectedIds }), openedFolderIds: state.openedIds, onOpenedFolderIdsChange: (openedIds) => setProvider(provider, { openedIds }), onItemOpenChange: (item, isOpen) => {
+	        return (jsxRuntimeExports.jsxs("section", { className: "flex min-h-0 min-w-0 flex-1 flex-col", "aria-label": `${providerName} files`, children: [jsxRuntimeExports.jsxs("header", { className: "shrink-0 px-4 pt-4", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [isCrowdin ? (jsxRuntimeExports.jsx(CrowdinMark, { className: "size-8 shrink-0" })) : (jsxRuntimeExports.jsx("img", { src: logo, alt: "", className: "size-8 shrink-0 object-contain" })), jsxRuntimeExports.jsx("h2", { className: "min-w-0 flex-1 truncate text-base font-semibold", children: providerName }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": `Reload ${providerName} files`, title: `Reload ${providerName} files`, disabled: state.loading, onClick: () => onRefreshFilesList(isCrowdin ? { refreshCrowdin: true } : { refreshIntegration: true }), children: state.loading ? jsxRuntimeExports.jsx(Spinner, {}) : jsxRuntimeExports.jsx(RefreshCw, {}) })] }), jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: isCrowdin
+	                                ? `Select content for synchronization to ${name}`
+	                                : 'Select content for synchronization to Crowdin' })] }), jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2 px-4 py-3", children: [jsxRuntimeExports.jsxs(InputGroup, { className: "min-w-52 flex-1 sm:max-w-80", children: [jsxRuntimeExports.jsx(InputGroupAddon, { children: jsxRuntimeExports.jsx(Search, {}) }), jsxRuntimeExports.jsx(InputGroupInput, { value: state.search, onChange: (event) => changeSearch(provider, event.target.value), placeholder: isCrowdin ? 'Search Crowdin files' : `Search ${name} files`, "aria-label": isCrowdin ? 'Search Crowdin files' : `Search ${name} files` }), state.search && (jsxRuntimeExports.jsx(InputGroupAddon, { align: "inline-end", children: jsxRuntimeExports.jsx(InputGroupButton, { size: "icon-xs", "aria-label": "Clear search", onClick: () => clearSearch(provider), children: jsxRuntimeExports.jsx(X, {}) }) }))] }), isCrowdin && (filtering === null || filtering === void 0 ? void 0 : filtering.crowdinLanguages) && languages.length > 0 && (jsxRuntimeExports.jsx(FilesFilter, { sections: languageFilterSections, values: { languages: filteredLanguageIds }, onValuesChange: (values) => { var _a; return setFilteredLanguageIds((_a = values.languages) !== null && _a !== void 0 ? _a : []); } })), !isCrowdin && integrationFilterSections.length > 0 && (jsxRuntimeExports.jsx(FilesFilter, { sections: integrationFilterSections, values: integrationFilterValues, onValuesChange: setIntegrationFilterValues })), jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [scheduleEnabled(provider) && (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [state.syncSettingsLoading && jsxRuntimeExports.jsx(Spinner, { className: "mx-1" }), hasSyncOption && (jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", title: "Disable Auto Sync", disabled: state.syncSettingsLoading, onClick: () => disableSync(provider), children: [jsxRuntimeExports.jsx(RefreshCwOff, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Disable Auto Sync" })] })), jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", size: "icon-sm", title: "Enable Auto Sync", disabled: syncDisabled(provider) || state.syncSettingsLoading, onClick: () => schedule(provider), children: [jsxRuntimeExports.jsx(RotateCw, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Enable Auto Sync" })] })] })), jsxRuntimeExports.jsxs(ButtonGroup, { children: [jsxRuntimeExports.jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: syncDisabled(provider) || anyProcess, onClick: () => upload(provider), children: [syncing && jsxRuntimeExports.jsx(Spinner, {}), "Sync to", isCrowdin ? (jsxRuntimeExports.jsx("img", { src: logo, alt: name, className: "size-4 object-contain" })) : (jsxRuntimeExports.jsx(CrowdinMark, { className: "size-4" }))] }), menuItems.length > 0 && (jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntimeExports.jsxs(Button, { variant: "outline", size: "icon-sm", disabled: syncDisabled(provider) || anyProcess, children: [jsxRuntimeExports.jsx(ChevronDown, {}), jsxRuntimeExports.jsx("span", { className: "sr-only", children: "More synchronization actions" })] }) }), jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", className: "max-w-80 min-w-60", children: menuItems.map((item) => (jsxRuntimeExports.jsx(DropdownMenuItem, { onClick: () => upload(provider, item.action), children: item.label }, item.action))) })] }))] })] })] }), jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: jsxRuntimeExports.jsx(FilesTree, { id: `${provider}-files`, items: displayItems, selectedIds: state.selectedIds, onSelectedIdsChange: (selectedIds) => setProvider(provider, { selectedIds }), openedFolderIds: state.openedIds, onOpenedFolderIdsChange: (openedIds) => setProvider(provider, { openedIds }), onItemOpenChange: (item, isOpen) => {
 	                            var _a;
 	                            if (isOpen && (integrationOneLevelFetching || isCrowdin)) {
 	                                onFolderToggle({
@@ -36770,13 +36790,13 @@ Defaulting to \`null\`.`;
 	                                    recursion: false,
 	                                });
 	                            }
-	                        }, assumeFoldersHaveChildren: !isCrowdin && Boolean(integrationOneLevelFetching), isItemSelectable: isSelectableTreeItem, onLoadMore: (item) => onLoadMore(item.original), loadingItemIds: loadMoreLoadingIds, searchQuery: state.search, loading: state.loading, maxHeight: "clamp(280px, 42vh, 440px)", emptyTitle: state.search ? 'No matching files' : `No ${providerName} files`, emptyDescription: isCrowdin
+	                        }, assumeFoldersHaveChildren: !isCrowdin && Boolean(integrationOneLevelFetching), isItemSelectable: isSelectableTreeItem, onLoadMore: (item) => onLoadMore(item.original), loadingItemIds: loadMoreLoadingIds, searchQuery: state.appliedSearch, loading: state.loading, fill: true, emptyTitle: state.appliedSearch ? 'No matching files' : `No ${providerName} files`, emptyDescription: isCrowdin
 	                            ? 'Select content on the right and sync it to Crowdin.'
 	                            : 'Reload the file list or adjust your search.', renderItemName: renderItemName(provider), renderItemMeta: renderMeta(provider), itemActions: (item) => actionItems(provider, item.original) }) })] }));
 	    };
 	    // Exclusive, not CSS-toggled: each panel owns a tree keyed `${provider}-files`,
 	    // so mounting both layouts would duplicate those DOM ids.
-	    return (jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 150, children: jsxRuntimeExports.jsx(Card, { className: "relative mt-3 gap-0 overflow-hidden py-0", children: isMobile ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("div", { className: "border-b p-3", children: jsxRuntimeExports.jsx(Tabs, { value: activeProvider, onValueChange: (value) => setActiveProvider(value), children: jsxRuntimeExports.jsxs(TabsList, { className: "w-full", children: [jsxRuntimeExports.jsxs(TabsTrigger, { value: "crowdin", className: "flex-1", children: [jsxRuntimeExports.jsx(Languages, {}), " Crowdin"] }), jsxRuntimeExports.jsxs(TabsTrigger, { value: "integration", className: "flex-1", children: [jsxRuntimeExports.jsx("img", { src: logo, alt: "", className: "size-4 object-contain" }), " ", name] })] }) }) }), panel(activeProvider)] })) : (jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 divide-x", children: [panel('crowdin'), panel('integration')] })) }) }));
+	    return (jsxRuntimeExports.jsx(TooltipProvider, { delayDuration: 150, children: jsxRuntimeExports.jsx(Card, { className: "relative mt-3 flex min-h-[480px] flex-1 flex-col gap-0 overflow-hidden py-0", children: isMobile ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("div", { className: "shrink-0 border-b p-3", children: jsxRuntimeExports.jsx(Tabs, { value: activeProvider, onValueChange: (value) => setActiveProvider(value), children: jsxRuntimeExports.jsxs(TabsList, { className: "w-full", children: [jsxRuntimeExports.jsxs(TabsTrigger, { value: "crowdin", className: "flex-1", children: [jsxRuntimeExports.jsx(CrowdinMark, { className: "size-4" }), " Crowdin"] }), jsxRuntimeExports.jsxs(TabsTrigger, { value: "integration", className: "flex-1", children: [jsxRuntimeExports.jsx("img", { src: logo, alt: "", className: "size-4 object-contain" }), " ", name] })] }) }) }), panel(activeProvider)] })) : (jsxRuntimeExports.jsxs("div", { className: "grid min-h-0 flex-1 grid-cols-2 divide-x", children: [panel('crowdin'), panel('integration')] })) }) }));
 	});
 
 	function Select({ ...props }) {
@@ -36833,11 +36853,11 @@ Defaulting to \`null\`.`;
 	            onSelect(error);
 	        }
 	    };
-	    return (jsxRuntimeExports.jsxs("div", { "data-slot": "user-errors-table", className: "overflow-hidden rounded-lg border bg-card text-card-foreground", children: [jsxRuntimeExports.jsx("div", { "data-slot": "table-toolbar", className: "border-b p-4", children: jsxRuntimeExports.jsxs("div", { className: "relative max-w-md", children: [jsxRuntimeExports.jsx(Search, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), jsxRuntimeExports.jsx(Input, { value: searchText, onChange: (event) => onOptionsChange({ searchText: event.target.value, currentPage: 1 }), className: "h-9 pl-9", placeholder: "Search by action or message", "aria-label": "Search error logs by action or message" })] }) }), jsxRuntimeExports.jsxs(Table, { children: [jsxRuntimeExports.jsx(TableHeader, { children: jsxRuntimeExports.jsxs(TableRow, { className: "hover:bg-transparent", children: [jsxRuntimeExports.jsx(TableHead, { className: "w-1/3 px-4", "aria-sort": isSortedAsc ? 'ascending' : 'descending', children: jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", className: "-ml-2", onClick: () => onOptionsChange({ isSortedAsc: !isSortedAsc, currentPage: 1 }), "aria-label": `Sort by date ${isSortedAsc ? 'descending' : 'ascending'}`, children: ["Date", isSortedAsc ? (jsxRuntimeExports.jsx(ArrowUp, { "aria-hidden": "true" })) : (jsxRuntimeExports.jsx(ArrowDown, { "aria-hidden": "true" }))] }) }), jsxRuntimeExports.jsx(TableHead, { className: "w-1/3 px-4", children: "Action" }), jsxRuntimeExports.jsx(TableHead, { className: "w-1/3 px-4", children: "Message" })] }) }), jsxRuntimeExports.jsx(TableBody, { "aria-busy": isLoading, children: isLoading ? (Array.from({ length: 3 }).map((_, index) => (jsxRuntimeExports.jsx(TableRow, { children: [0, 1, 2].map((cell) => (jsxRuntimeExports.jsxs(TableCell, { className: "h-12 px-4", children: [index === 0 && cell === 0 && (jsxRuntimeExports.jsx("span", { className: "sr-only", role: "status", children: "Loading error logs" })), jsxRuntimeExports.jsx("div", { className: "h-4 max-w-48 animate-pulse rounded bg-muted" })] }, cell))) }, index)))) : errors.length > 0 ? (errors.map((error) => (jsxRuntimeExports.jsxs(TableRow, { tabIndex: 0, className: "cursor-pointer focus-visible:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", onClick: () => onSelect(error), onKeyDown: (event) => handleRowKeyDown(event, error), "aria-label": `Open error details for ${error.action} on ${error.formattedDate}`, children: [jsxRuntimeExports.jsx(TableCell, { className: "h-12 px-4 font-medium whitespace-normal", children: error.formattedDate }), jsxRuntimeExports.jsx(TableCell, { className: "h-12 px-4 whitespace-normal", children: error.action }), jsxRuntimeExports.jsx(TableCell, { className: "h-12 max-w-0 px-4 whitespace-normal", children: jsxRuntimeExports.jsx("span", { className: "line-clamp-2 break-words", children: error.message }) })] }, error.id)))) : (jsxRuntimeExports.jsx(TableRow, { className: "hover:bg-transparent", children: jsxRuntimeExports.jsx(TableCell, { colSpan: 3, className: "h-32 text-center text-muted-foreground", children: searchText ? 'No error logs match your search.' : 'No error logs found.' }) })) })] }), jsxRuntimeExports.jsxs("div", { "data-slot": "table-pagination", className: "flex flex-col gap-3 border-t px-4 py-2 sm:flex-row sm:items-center sm:justify-end", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: "Rows per page" }), jsxRuntimeExports.jsxs(Select, { value: String(rowsPerPage), onValueChange: (value) => onOptionsChange({ rowsPerPage: Number(value), currentPage: 1 }), children: [jsxRuntimeExports.jsx(SelectTrigger, { className: "w-18", "aria-label": "Rows per page", children: jsxRuntimeExports.jsx(SelectValue, {}) }), jsxRuntimeExports.jsx(SelectContent, { align: "end", children: rowsPerPageOptions.map((option) => (jsxRuntimeExports.jsx(SelectItem, { value: String(option), children: option }, option))) })] })] }), jsxRuntimeExports.jsxs("p", { className: "m-0 min-w-24 text-sm text-muted-foreground", "aria-live": "polite", children: [firstVisibleRow, "-", lastVisibleRow, " of ", total] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: 1 }), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsxRuntimeExports.jsx(ChevronsLeft, {}) }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: Math.max(1, currentPage - 1) }), disabled: currentPage === 1, "aria-label": "Go to previous page", children: jsxRuntimeExports.jsx(ChevronLeft, {}) }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: Math.min(pageCount, currentPage + 1) }), disabled: currentPage === pageCount, "aria-label": "Go to next page", children: jsxRuntimeExports.jsx(ChevronRight, {}) }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: pageCount }), disabled: currentPage === pageCount, "aria-label": "Go to last page", children: jsxRuntimeExports.jsx(ChevronsRight, {}) })] })] })] }));
+	    return (jsxRuntimeExports.jsxs("div", { "data-slot": "user-errors-table", className: "overflow-hidden rounded-lg border bg-card text-card-foreground", children: [jsxRuntimeExports.jsx("div", { "data-slot": "table-toolbar", className: "border-b p-4", children: jsxRuntimeExports.jsxs("div", { className: "relative max-w-md", children: [jsxRuntimeExports.jsx(Search, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), jsxRuntimeExports.jsx(Input, { value: searchText, onChange: (event) => onOptionsChange({ searchText: event.target.value, currentPage: 1 }), className: "h-9 pl-9", placeholder: "Search by action or message", "aria-label": "Search logs by action or message" })] }) }), jsxRuntimeExports.jsxs(Table, { children: [jsxRuntimeExports.jsx(TableHeader, { children: jsxRuntimeExports.jsxs(TableRow, { className: "hover:bg-transparent", children: [jsxRuntimeExports.jsx(TableHead, { className: "w-1/3 px-4", "aria-sort": isSortedAsc ? 'ascending' : 'descending', children: jsxRuntimeExports.jsxs(Button, { type: "button", variant: "ghost", className: "-ml-2", onClick: () => onOptionsChange({ isSortedAsc: !isSortedAsc, currentPage: 1 }), "aria-label": `Sort by date ${isSortedAsc ? 'descending' : 'ascending'}`, children: ["Date", isSortedAsc ? (jsxRuntimeExports.jsx(ArrowUp, { "aria-hidden": "true" })) : (jsxRuntimeExports.jsx(ArrowDown, { "aria-hidden": "true" }))] }) }), jsxRuntimeExports.jsx(TableHead, { className: "w-1/3 px-4", children: "Action" }), jsxRuntimeExports.jsx(TableHead, { className: "w-1/3 px-4", children: "Message" })] }) }), jsxRuntimeExports.jsx(TableBody, { "aria-busy": isLoading, children: isLoading ? (Array.from({ length: 3 }).map((_, index) => (jsxRuntimeExports.jsx(TableRow, { children: [0, 1, 2].map((cell) => (jsxRuntimeExports.jsxs(TableCell, { className: "h-12 px-4", children: [index === 0 && cell === 0 && (jsxRuntimeExports.jsx("span", { className: "sr-only", role: "status", children: "Loading logs" })), jsxRuntimeExports.jsx("div", { className: "h-4 max-w-48 animate-pulse rounded bg-muted" })] }, cell))) }, index)))) : errors.length > 0 ? (errors.map((error) => (jsxRuntimeExports.jsxs(TableRow, { tabIndex: 0, className: "cursor-pointer focus-visible:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", onClick: () => onSelect(error), onKeyDown: (event) => handleRowKeyDown(event, error), "aria-label": `Open log details for ${error.action} on ${error.formattedDate}`, children: [jsxRuntimeExports.jsx(TableCell, { className: "h-12 px-4 font-medium whitespace-normal", children: error.formattedDate }), jsxRuntimeExports.jsx(TableCell, { className: "h-12 px-4 whitespace-normal", children: error.action }), jsxRuntimeExports.jsx(TableCell, { className: "h-12 max-w-0 px-4 whitespace-normal", children: jsxRuntimeExports.jsx("span", { className: "line-clamp-2 break-words", children: error.message }) })] }, error.id)))) : (jsxRuntimeExports.jsx(TableRow, { className: "hover:bg-transparent", children: jsxRuntimeExports.jsx(TableCell, { colSpan: 3, className: "h-32 text-center text-muted-foreground", children: searchText ? 'No logs match your search.' : 'No logs found.' }) })) })] }), jsxRuntimeExports.jsxs("div", { "data-slot": "table-pagination", className: "flex flex-col gap-3 border-t px-4 py-2 sm:flex-row sm:items-center sm:justify-end", children: [jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap text-muted-foreground", children: "Rows per page" }), jsxRuntimeExports.jsxs(Select, { value: String(rowsPerPage), onValueChange: (value) => onOptionsChange({ rowsPerPage: Number(value), currentPage: 1 }), children: [jsxRuntimeExports.jsx(SelectTrigger, { className: "w-18", "aria-label": "Rows per page", children: jsxRuntimeExports.jsx(SelectValue, {}) }), jsxRuntimeExports.jsx(SelectContent, { align: "end", children: rowsPerPageOptions.map((option) => (jsxRuntimeExports.jsx(SelectItem, { value: String(option), children: option }, option))) })] })] }), jsxRuntimeExports.jsxs("p", { className: "m-0 min-w-24 text-sm text-muted-foreground", "aria-live": "polite", children: [firstVisibleRow, "-", lastVisibleRow, " of ", total] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: 1 }), disabled: currentPage === 1, "aria-label": "Go to first page", children: jsxRuntimeExports.jsx(ChevronsLeft, {}) }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: Math.max(1, currentPage - 1) }), disabled: currentPage === 1, "aria-label": "Go to previous page", children: jsxRuntimeExports.jsx(ChevronLeft, {}) }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: Math.min(pageCount, currentPage + 1) }), disabled: currentPage === pageCount, "aria-label": "Go to next page", children: jsxRuntimeExports.jsx(ChevronRight, {}) }), jsxRuntimeExports.jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: () => onOptionsChange({ currentPage: pageCount }), disabled: currentPage === pageCount, "aria-label": "Go to last page", children: jsxRuntimeExports.jsx(ChevronsRight, {}) })] })] })] }));
 	};
 
 	const IntegrationView = ({ appComponentRef, userErrors, isUserErrorsLoading, userErrorsTotal, userErrorsCurrentPage, userErrorsRowsPerPage, userErrorsSearchText, userErrorsIsSortedAsc, onSelectUserError, onUserErrorsOptionsChange, isErrorLogsVisible, ...integrationProps }) => {
-	    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("div", { style: { display: isErrorLogsVisible ? 'none' : undefined }, children: jsxRuntimeExports.jsx(SimpleIntegration, { ref: appComponentRef, ...integrationProps }) }), jsxRuntimeExports.jsxs("div", { id: "user-errors", style: { display: isErrorLogsVisible ? undefined : 'none' }, children: [jsxRuntimeExports.jsx(UserErrorsTable, { errors: userErrors, isLoading: isUserErrorsLoading, total: userErrorsTotal, currentPage: userErrorsCurrentPage, rowsPerPage: userErrorsRowsPerPage, searchText: userErrorsSearchText, isSortedAsc: userErrorsIsSortedAsc, onSelect: onSelectUserError, onOptionsChange: onUserErrorsOptionsChange }), jsxRuntimeExports.jsx(AppAlert, { className: "mt-4", children: "This table displays the most recent error logs from the past month. Logs older than one month will be automatically deleted." })] })] }));
+	    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 flex-col", style: { display: isErrorLogsVisible ? 'none' : undefined }, children: jsxRuntimeExports.jsx(SimpleIntegration, { ref: appComponentRef, ...integrationProps }) }), jsxRuntimeExports.jsxs("div", { id: "user-errors", style: { display: isErrorLogsVisible ? undefined : 'none' }, children: [jsxRuntimeExports.jsx(UserErrorsTable, { errors: userErrors, isLoading: isUserErrorsLoading, total: userErrorsTotal, currentPage: userErrorsCurrentPage, rowsPerPage: userErrorsRowsPerPage, searchText: userErrorsSearchText, isSortedAsc: userErrorsIsSortedAsc, onSelect: onSelectUserError, onOptionsChange: onUserErrorsOptionsChange }), jsxRuntimeExports.jsx(AppAlert, { className: "mt-4", children: "This table displays the most recent logs from the past month. Logs older than one month will be automatically deleted." })] })] }));
 	};
 
 	function Progress({ className, value, ...props }) {
@@ -36931,26 +36951,18 @@ Defaulting to \`null\`.`;
 	                }) }))] }));
 	});
 
-	const TopBar = ({ notice, isNoticeVisible, checkSubscription, subscriptionInfo, isErrorLogsVisible, isManager, infoModal, hasSettings, isOwner, onCloseNotice, onShowIntegration, onShowErrorLogs, onShowPermissions, onOpenInfoModal, onOpenSettings, onLogout, }) => {
+	const TopBar = ({ notice, isNoticeVisible, checkSubscription, subscriptionInfo, isErrorLogsVisible, isManager, infoModal, onCloseNotice, onShowIntegration, onShowErrorLogs, onShowPermissions, onOpenInfoModal, onOpenSettings, }) => {
 	    const isMobile = useIsMobile();
 	    const actions = [
 	        ...(isManager ? [{ key: 'share', label: 'Share', icon: Link, onClick: onShowPermissions }] : []),
 	        ...(infoModal ? [{ key: 'info', label: infoModal.title, icon: Info, onClick: onOpenInfoModal }] : []),
-	        ...(hasSettings ? [{ key: 'settings', label: 'Settings', icon: Settings, onClick: onOpenSettings }] : []),
-	        {
-	            key: 'logout',
-	            label: 'Log out',
-	            icon: CircleUserRound,
-	            onClick: onLogout,
-	            disabled: !isOwner,
-	            title: !isOwner ? 'Only the owner can log out' : undefined,
-	        },
+	        { key: 'settings', label: 'Settings', icon: Settings, onClick: onOpenSettings },
 	    ];
-	    return (jsxRuntimeExports.jsxs("div", { className: "mb-2.5 text-right", children: [notice && isNoticeVisible && (jsxRuntimeExports.jsxs(AppAlert, { id: "notice", title: notice.title, hideIcon: !notice.icon, variant: getAlertVariant(notice.type), className: "mb-3 pr-12 text-left", children: [jsxRuntimeExports.jsx("p", { className: "m-0", dangerouslySetInnerHTML: { __html: notice.content } }), notice.close && (jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Close notice", onClick: () => onCloseNotice('notice'), className: "absolute right-1 top-1", children: jsxRuntimeExports.jsx(X, {}) }))] })), checkSubscription && subscriptionInfo && (jsxRuntimeExports.jsx(AppAlert, { id: "subscription-info", hideIcon: true, variant: "warning", className: "mb-3", children: jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center", children: [jsxRuntimeExports.jsxs("p", { className: "m-0", children: ["Your trial expires in ", subscriptionInfo.daysLeft, " days."] }), jsxRuntimeExports.jsx(Button, { className: "ml-2", variant: "default", onClick: () => {
+	    return (jsxRuntimeExports.jsxs("div", { className: "mb-2.5 text-right", children: [notice && isNoticeVisible && (jsxRuntimeExports.jsxs(AppAlert, { id: "notice", title: notice.title, hideIcon: !notice.icon, variant: getAlertVariant(notice.type), className: "mb-3 pr-12 text-left", children: [jsxRuntimeExports.jsx("div", { className: "html-content", dangerouslySetInnerHTML: { __html: notice.content } }), notice.close && (jsxRuntimeExports.jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Close notice", onClick: () => onCloseNotice('notice'), className: "absolute right-1 top-1", children: jsxRuntimeExports.jsx(X, {}) }))] })), checkSubscription && subscriptionInfo && (jsxRuntimeExports.jsx(AppAlert, { id: "subscription-info", hideIcon: true, variant: "warning", className: "mb-3", children: jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center", children: [jsxRuntimeExports.jsxs("p", { className: "m-0", children: ["Your trial expires in ", subscriptionInfo.daysLeft, " days."] }), jsxRuntimeExports.jsx(Button, { className: "ml-2", variant: "default", onClick: () => {
 	                                if (subscriptionInfo === null || subscriptionInfo === void 0 ? void 0 : subscriptionInfo.subscribeLink) {
 	                                    window.open(subscriptionInfo.subscribeLink, '_blank', 'noopener,noreferrer');
 	                                }
-	                            }, children: "Subscribe" })] }) })), jsxRuntimeExports.jsxs("div", { id: "buttons", className: "flex w-full items-center gap-2", children: [jsxRuntimeExports.jsxs("div", { className: "mr-auto shrink-0", children: [jsxRuntimeExports.jsx("span", { style: { display: isErrorLogsVisible ? undefined : 'none' }, children: jsxRuntimeExports.jsxs(Button, { id: "show-integration-btn", variant: "outline", onClick: onShowIntegration, children: [jsxRuntimeExports.jsx(ArrowLeft, {}), "Integration"] }) }), jsxRuntimeExports.jsx("span", { style: { display: isErrorLogsVisible ? 'none' : undefined }, children: jsxRuntimeExports.jsxs(Button, { id: "show-error-logs-btn", variant: "outline", onClick: onShowErrorLogs, children: [jsxRuntimeExports.jsx(List$1, {}), "Error logs"] }) })] }), isMobile ? (
+	                            }, children: "Subscribe" })] }) })), jsxRuntimeExports.jsxs("div", { id: "buttons", className: "flex w-full items-center gap-2", children: [jsxRuntimeExports.jsxs("div", { className: "mr-auto shrink-0", children: [jsxRuntimeExports.jsx("span", { style: { display: isErrorLogsVisible ? undefined : 'none' }, children: jsxRuntimeExports.jsxs(Button, { id: "show-integration-btn", variant: "outline", onClick: onShowIntegration, children: [jsxRuntimeExports.jsx(ArrowLeft, {}), "Integration"] }) }), jsxRuntimeExports.jsx("span", { style: { display: isErrorLogsVisible ? 'none' : undefined }, children: jsxRuntimeExports.jsxs(Button, { id: "show-error-logs-btn", variant: "outline", onClick: onShowErrorLogs, children: [jsxRuntimeExports.jsx(List$1, {}), "Logs"] }) })] }), isMobile ? (
 	                    // Labelled buttons cannot fit a phone width, and the row does not
 	                    // wrap - left as-is they widen the whole page into a sideways scroll.
 	                    jsxRuntimeExports.jsxs(DropdownMenu, { children: [jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntimeExports.jsx(Button, { variant: "outline", size: "icon", "aria-label": "More actions", children: jsxRuntimeExports.jsx(Ellipsis, {}) }) }), jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", className: "max-w-[calc(100vw-2rem)] min-w-48", children: actions.map((action) => (jsxRuntimeExports.jsxs(DropdownMenuItem, { disabled: action.disabled, onClick: action.onClick, children: [jsxRuntimeExports.jsx(action.icon, {}), jsxRuntimeExports.jsx("span", { className: "truncate", children: action.label })] }, action.key))) })] })) : (actions.map((action) => (jsxRuntimeExports.jsxs(Button, { variant: "outline", className: "min-w-0", disabled: action.disabled, title: action.title, onClick: action.onClick, children: [jsxRuntimeExports.jsx(action.icon, {}), jsxRuntimeExports.jsx("span", { className: "truncate", children: action.label })] }, action.key))))] })] }));
@@ -36985,6 +36997,8 @@ Defaulting to \`null\`.`;
 	    const checkUsersSeqRef = reactExports.useRef(0);
 	    const permissionsOpenSeqRef = reactExports.useRef(0);
 	    const [isLoading, setIsLoading] = reactExports.useState(false);
+	    // Kept apart from isLoading: disabling the focused users input would hide it from assistive tech.
+	    const [isCheckingUsers, setIsCheckingUsers] = reactExports.useState(false);
 	    // Gates Save until the user list loads, so a failed load can't save an empty list.
 	    const [isPermissionsLoaded, setIsPermissionsLoaded] = reactExports.useState(false);
 	    const [permissionUserOptions, setPermissionUserOptions] = reactExports.useState([]);
@@ -37005,10 +37019,12 @@ Defaulting to \`null\`.`;
 	        setIsPermissionsConfirmVisible(true);
 	    }
 	    async function showPermissionsDialog() {
-	        var _a;
+	        var _a, _b;
 	        hideConfirmUsersBlock();
-	        openModal(permissionsModalRef.current);
+	        (_a = permissionsModalRef.current) === null || _a === void 0 ? void 0 : _a.open();
 	        setIsLoading(true);
+	        // The bumped sequence below stops a pending check from clearing this itself.
+	        setIsCheckingUsers(false);
 	        setPermissionsSelectedUsers([]);
 	        // Reset before the async load, so a change event mid-load can't act on the
 	        // previous session's state.
@@ -37040,7 +37056,7 @@ Defaulting to \`null\`.`;
 	            const validUserIds = new Set(users.map((user) => `${user.id}`));
 	            const storedManagers = parsedManagers.filter((id) => validUserIds.has(id));
 	            // Ids are compared as strings; a missing owner id must stay null, not become "undefined".
-	            connectionOwnerIdRef.current = (_a = ownerId === null || ownerId === void 0 ? void 0 : ownerId.toString()) !== null && _a !== void 0 ? _a : null;
+	            connectionOwnerIdRef.current = (_b = ownerId === null || ownerId === void 0 ? void 0 : ownerId.toString()) !== null && _b !== void 0 ? _b : null;
 	            // Baseline for telling additions from removals: stored managers plus the owner
 	            // (who always has access). The acting user is deliberately NOT seeded.
 	            initialManagerIdsRef.current = new Set(storedManagers);
@@ -37085,13 +37101,14 @@ Defaulting to \`null\`.`;
 	            showToast("The integration owner can't be removed from the access list.");
 	        }
 	        setPermissionsSelectedUsers(selectedUsers);
-	        setIsLoading(true);
+	        setIsCheckingUsers(true);
 	        // Stamped on every invocation, the empty-selection early-return included, so a
 	        // cleared selection also invalidates a validation still in flight.
 	        const seq = ++checkUsersSeqRef.current;
+	        const finishChecking = () => setTimeout(() => seq === checkUsersSeqRef.current && setIsCheckingUsers(false), 500);
 	        if (selectedUsers.length === 0) {
 	            hideConfirmUsersBlock();
-	            setTimeout(() => setIsLoading(false), 500);
+	            finishChecking();
 	            return;
 	        }
 	        const user_ids = selectedUsers.filter((id) => parseInt(id));
@@ -37161,9 +37178,7 @@ Defaulting to \`null\`.`;
 	            }
 	        }
 	        finally {
-	            if (seq === checkUsersSeqRef.current) {
-	                setTimeout(() => setIsLoading(false), 500);
-	            }
+	            finishChecking();
 	        }
 	    }
 	    function inviteUsers() {
@@ -37178,7 +37193,7 @@ Defaulting to \`null\`.`;
 	            !!actingUserId &&
 	            !permissionsSelectedUsers.some((id) => `${id}` === actingUserId);
 	        AP.inviteUsers({ user_ids, emails }, async (res) => {
-	            var _a;
+	            var _a, _b;
 	            if (!res.success) {
 	                catchRejection(res, ((_a = res === null || res === void 0 ? void 0 : res.error) === null || _a === void 0 ? void 0 : _a.message) || "Can't invite users");
 	                setTimeout(() => setIsLoading(false), 500);
@@ -37197,7 +37212,7 @@ Defaulting to \`null\`.`;
 	                }
 	                showToast('Users successfully updated');
 	                hideConfirmUsersBlock();
-	                closeModal(permissionsModalRef.current);
+	                (_b = permissionsModalRef.current) === null || _b === void 0 ? void 0 : _b.close();
 	            }
 	            catch (e) {
 	                catchRejection(e, (e === null || e === void 0 ? void 0 : e.error) || "Can't invite users");
@@ -37253,6 +37268,7 @@ Defaulting to \`null\`.`;
 	    }
 	    return {
 	        isLoading,
+	        isCheckingUsers,
 	        isPermissionsLoaded,
 	        permissionUserOptions,
 	        permissionsSelectedUsers,
@@ -37311,7 +37327,7 @@ Defaulting to \`null\`.`;
 	            found = selectedFiles.find((file) => file.node_type === FOLDER_TYPE || file.node_type === BRANCH_TYPE);
 	        }
 	        else {
-	            const files = await appComponent.current.getCrowdinFilesData();
+	            const files = await requireRef(appComponent).getCrowdinFilesData();
 	            const folders = files.filter((file) => file.node_type === FOLDER_TYPE || file.node_type === BRANCH_TYPE);
 	            found = folders.find((folder) => selectedFiles.hasOwnProperty(folder.id));
 	        }
@@ -37326,11 +37342,11 @@ Defaulting to \`null\`.`;
 	            : [];
 	    }
 	    async function openScheduleModal(type, options = {}) {
-	        var _a, _b, _c, _d;
+	        var _a, _b, _c, _d, _e;
 	        const { showAllFolderFiles = false, showNewFiles = true } = options;
 	        let newFileStatus = 'unChecked';
 	        const integrationSyncFolders = ((await ((_b = (_a = appComponent.current) === null || _a === void 0 ? void 0 : _a.getIntegrationScheduleSync) === null || _b === void 0 ? void 0 : _b.call(_a, true))) || []).filter((elements) => elements.node_type === FOLDER_TYPE);
-	        const integrationFiles = (_c = appComponent.current) === null || _c === void 0 ? void 0 : _c.querySelector('#integration-files');
+	        const integrationFiles = (_c = appComponent.current) === null || _c === void 0 ? void 0 : _c.getFilesHandle('integration');
 	        const selectedIntegrationFolders = ((await ((_d = integrationFiles === null || integrationFiles === void 0 ? void 0 : integrationFiles.getSelected) === null || _d === void 0 ? void 0 : _d.call(integrationFiles, true))) || []).filter((elements) => elements.node_type === FOLDER_TYPE);
 	        for (let i = 0; i < selectedIntegrationFolders.length; i++) {
 	            const selectedElement = selectedIntegrationFolders[i];
@@ -37356,7 +37372,7 @@ Defaulting to \`null\`.`;
 	            allFolderFiles: false,
 	        });
 	        setIsScheduleSaveDisabled(false);
-	        openModal(scheduleModalRef.current);
+	        (_e = scheduleModalRef.current) === null || _e === void 0 ? void 0 : _e.open();
 	    }
 	    function onChangeAutoSynchronizationOptions() {
 	        var _a, _b, _c;
@@ -37375,28 +37391,29 @@ Defaulting to \`null\`.`;
 	        setIsScheduleSaveDisabled(!nextState.newFiles && !nextState.selectedFiles && !nextState.allFolderFiles);
 	    }
 	    async function saveScheduleSync() {
+	        var _a;
 	        const { type, newFiles: newFile, selectedFiles, allFolderFiles } = scheduleModalState;
 	        if (type === 'crowdin') {
-	            const crowdinFiles = await appComponent.current.getCrowdinFilesData();
+	            const crowdinFiles = await requireRef(appComponent).getCrowdinFilesData();
 	            const syncedFileIds = Object.keys(syncData.current);
 	            const crowdinFolderIds = crowdinFiles
 	                .filter((file) => file.node_type === FOLDER_TYPE || file.node_type === BRANCH_TYPE)
 	                .filter((file) => syncedFileIds.includes(String(file.id)))
 	                .map((file) => String(file.id));
-	            appComponent.current.setCrowdinScheduleSync(syncData.current, newFile, selectedFiles);
-	            const syncedFiles = await appComponent.current.getCrowdinScheduleSync(true);
-	            appComponent.current.setAttribute('is-crowdin-sync-settings-in-progress', true);
+	            requireRef(appComponent).setCrowdinScheduleSync(syncData.current, newFile, selectedFiles);
+	            const syncedFiles = await requireRef(appComponent).getCrowdinScheduleSync(true);
+	            requireRef(appComponent).setSyncSettingsInProgress('crowdin', true);
 	            updateSyncSettings(syncedFiles, 'schedule', 'crowdin', [], crowdinFolderIds);
 	        }
 	        else if (type === 'integration') {
 	            if (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.integration) {
-	                appComponent.current.setIntegrationScheduleSync(syncData.current, newFile, selectedFiles);
+	                requireRef(appComponent).setIntegrationScheduleSync(syncData.current, newFile, selectedFiles);
 	            }
 	            else {
-	                appComponent.current.setIntegrationScheduleSync(syncData.current);
+	                requireRef(appComponent).setIntegrationScheduleSync(syncData.current);
 	            }
-	            const syncedFiles = await appComponent.current.getIntegrationScheduleSync(true);
-	            appComponent.current.setAttribute('is-integration-sync-settings-in-progress', true);
+	            const syncedFiles = await requireRef(appComponent).getIntegrationScheduleSync(true);
+	            requireRef(appComponent).setSyncSettingsInProgress('integration', true);
 	            if (integrationOneLevelFetching) {
 	                updateSyncSettings(syncedFiles, 'schedule', 'integration', selectedFiles ? getIntegrationFoldersToExpand(syncData.current, syncedFiles) : []);
 	            }
@@ -37412,7 +37429,7 @@ Defaulting to \`null\`.`;
 	                }
 	            }
 	        }
-	        closeModal(scheduleModalRef.current);
+	        (_a = scheduleModalRef.current) === null || _a === void 0 ? void 0 : _a.close();
 	    }
 	    async function setIntegrationScheduleSync(e) {
 	        var _a;
@@ -37432,8 +37449,8 @@ Defaulting to \`null\`.`;
 	                await openScheduleModal('integration', { showNewFiles, showAllFolderFiles });
 	                return;
 	            }
-	            appComponent.current.setIntegrationScheduleSync(e.detail);
-	            syncedFiles = await appComponent.current.getIntegrationScheduleSync(true);
+	            requireRef(appComponent).setIntegrationScheduleSync(e.detail);
+	            syncedFiles = await requireRef(appComponent).getIntegrationScheduleSync(true);
 	        }
 	        else {
 	            syncData.current = e.detail;
@@ -37442,9 +37459,9 @@ Defaulting to \`null\`.`;
 	                await openScheduleModal('integration', { showNewFiles: false, showAllFolderFiles: true });
 	                return;
 	            }
-	            syncedFiles = await appComponent.current.getIntegrationScheduleSync();
+	            syncedFiles = await requireRef(appComponent).getIntegrationScheduleSync();
 	        }
-	        appComponent.current.setAttribute('is-integration-sync-settings-in-progress', true);
+	        requireRef(appComponent).setSyncSettingsInProgress('integration', true);
 	        if (integrationOneLevelFetching) {
 	            updateSyncSettings(syncedFiles, 'schedule', 'integration', getIntegrationFoldersToExpand(e.detail, syncedFiles));
 	        }
@@ -37475,13 +37492,13 @@ Defaulting to \`null\`.`;
 	                await openScheduleModal('crowdin');
 	                return;
 	            }
-	            appComponent.current.setCrowdinScheduleSync(e.detail);
-	            syncedFiles = await appComponent.current.getCrowdinScheduleSync(true);
+	            requireRef(appComponent).setCrowdinScheduleSync(e.detail);
+	            syncedFiles = await requireRef(appComponent).getCrowdinScheduleSync(true);
 	        }
 	        else {
-	            syncedFiles = await appComponent.current.getCrowdinScheduleSync();
+	            syncedFiles = await requireRef(appComponent).getCrowdinScheduleSync();
 	        }
-	        appComponent.current.setAttribute('is-crowdin-sync-settings-in-progress', true);
+	        requireRef(appComponent).setSyncSettingsInProgress('crowdin', true);
 	        updateSyncSettings(syncedFiles, 'schedule', 'crowdin');
 	    }
 	    async function disableIntegrationSync(e) {
@@ -37489,10 +37506,10 @@ Defaulting to \`null\`.`;
 	            showToast('Select templates which will be pushed to Crowdin');
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-integration-sync-settings-in-progress', true);
+	        requireRef(appComponent).setSyncSettingsInProgress('integration', true);
 	        const syncedFiles = (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.integration)
-	            ? await appComponent.current.getIntegrationScheduleSync(true)
-	            : await appComponent.current.getIntegrationScheduleSync();
+	            ? await requireRef(appComponent).getIntegrationScheduleSync(true)
+	            : await requireRef(appComponent).getIntegrationScheduleSync();
 	        updateSyncSettings(syncedFiles, 'schedule', 'integration');
 	    }
 	    async function disableCrowdinSync(e) {
@@ -37500,10 +37517,10 @@ Defaulting to \`null\`.`;
 	            showToast('Select templates which will be pushed to Crowdin');
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-crowdin-sync-settings-in-progress', true);
+	        requireRef(appComponent).setSyncSettingsInProgress('crowdin', true);
 	        const syncedFiles = (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.crowdin)
-	            ? await appComponent.current.getCrowdinScheduleSync(true)
-	            : await appComponent.current.getCrowdinScheduleSync();
+	            ? await requireRef(appComponent).getCrowdinScheduleSync(true)
+	            : await requireRef(appComponent).getCrowdinScheduleSync();
 	        updateSyncSettings(syncedFiles, 'schedule', 'crowdin');
 	    }
 	    return {
@@ -37579,7 +37596,7 @@ Defaulting to \`null\`.`;
 	        setTimeout(refreshDependencies, 100);
 	    }
 	    async function saveSettings() {
-	        var _a, _b;
+	        var _a, _b, _c;
 	        setIsLoading(true);
 	        const configReq = {};
 	        for (const tab of configurationFields || []) {
@@ -37634,10 +37651,11 @@ Defaulting to \`null\`.`;
 	                        showToast("Can't save settings");
 	                    },
 	                    onFinally: () => {
+	                        var _a;
 	                        setTimeout(() => setIsLoading(false), 500);
 	                        setIsSettingsSaveDisabled(false);
 	                        if (!isValidationError && !isSettingsSaveFailed) {
-	                            closeModal(settingsModalRef.current);
+	                            (_a = settingsModalRef.current) === null || _a === void 0 ? void 0 : _a.close();
 	                            if (reloadOnConfigSave) {
 	                                getIntegrationData({ hardReload: true });
 	                                getCrowdinData();
@@ -37677,7 +37695,7 @@ Defaulting to \`null\`.`;
 	            setTimeout(() => setIsLoading(false), 500);
 	            setIsSettingsSaveDisabled(false);
 	            if (!isValidationError) {
-	                closeModal(settingsModalRef.current);
+	                (_c = settingsModalRef.current) === null || _c === void 0 ? void 0 : _c.close();
 	                if (reloadOnConfigSave) {
 	                    getIntegrationData({ hardReload: true });
 	                    getCrowdinData();
@@ -37724,6 +37742,8 @@ Defaulting to \`null\`.`;
 	    }, []);
 	    function handleRefreshFilesList(detail) {
 	        if (detail.refreshIntegration) {
+	            savedIntegrationData.current = null;
+	            currentOpenedFolders.current = null;
 	            getIntegrationData({ hardReload: true });
 	        }
 	        else if (detail.refreshCrowdin) {
@@ -37740,7 +37760,7 @@ Defaulting to \`null\`.`;
 	    }
 	    async function handleLoadMore(detail) {
 	        var _a;
-	        const fileComponent = (_a = appComponent.current) === null || _a === void 0 ? void 0 : _a.querySelector('#integration-files');
+	        const fileComponent = (_a = appComponent.current) === null || _a === void 0 ? void 0 : _a.getFilesHandle('integration');
 	        if (!fileComponent) {
 	            return;
 	        }
@@ -37758,13 +37778,15 @@ Defaulting to \`null\`.`;
 	        }
 	        const isEmptySearch = !search || search.trim() === '';
 	        if (isEmptySearch && savedIntegrationData.current && hasLoadMoreElements.current) {
-	            appComponent.current.setIntegrationFilesData(savedIntegrationData.current);
-	            appComponent.current.setIntegrationOpenedFolders(currentOpenedFolders.current);
+	            requireRef(appComponent).setIntegrationFilesData(savedIntegrationData.current);
+	            requireRef(appComponent).setIntegrationOpenedFolders(currentOpenedFolders.current);
+	            savedIntegrationData.current = null;
+	            currentOpenedFolders.current = null;
 	            return;
 	        }
-	        if (!isEmptySearch && hasLoadMoreElements.current) {
-	            savedIntegrationData.current = await appComponent.current.getIntegrationFilesData();
-	            currentOpenedFolders.current = await appComponent.current.getIntegrationOpenedFolders();
+	        if (!isEmptySearch && hasLoadMoreElements.current && !savedIntegrationData.current) {
+	            savedIntegrationData.current = await requireRef(appComponent).getIntegrationFilesData();
+	            currentOpenedFolders.current = await requireRef(appComponent).getIntegrationOpenedFolders();
 	        }
 	        getIntegrationData({ search });
 	    }
@@ -37791,7 +37813,7 @@ Defaulting to \`null\`.`;
 	    }
 	    async function getCrowdinData() {
 	        var _a, _b, _c, _d, _f;
-	        (_a = appComponent.current) === null || _a === void 0 ? void 0 : _a.setAttribute('is-crowdin-loading', 'true');
+	        (_a = appComponent.current) === null || _a === void 0 ? void 0 : _a.setLoading('crowdin', true);
 	        try {
 	            const restParams = await checkOrigin();
 	            if (progressiveCrowdinFilesLoading) {
@@ -37833,7 +37855,7 @@ Defaulting to \`null\`.`;
 	                ]);
 	                const tree = files.map(transformCrowdinItemToTree);
 	                crowdinData.current = tree;
-	                appComponent.current.setCrowdinFilesData(tree);
+	                requireRef(appComponent).setCrowdinFilesData(tree);
 	                project.current = projectData;
 	                const languagesSorted = project.current.targetLanguages
 	                    .map((language) => ({
@@ -37846,7 +37868,7 @@ Defaulting to \`null\`.`;
 	                    languagesSorted.push({ ...project.current.inContextPseudoLanguage, inContext: true });
 	                }
 	                setLanguagesForTranslation(languagesSorted);
-	                appComponent.current.setCrowdinLanguagesData(languagesSorted);
+	                requireRef(appComponent).setCrowdinLanguagesData(languagesSorted);
 	            }
 	            if (withCronSync || webhooks) {
 	                await getSyncSettings('crowdin');
@@ -37856,12 +37878,12 @@ Defaulting to \`null\`.`;
 	            catchRejection(e, "Can't fetch Crowdin data");
 	        }
 	        finally {
-	            appComponent.current.setAttribute('is-crowdin-loading', false);
+	            requireRef(appComponent).setLoading('crowdin', false);
 	        }
 	    }
 	    async function getIntegrationData({ hardReload = false, parentId = '', search = '', page = 0, recursion = false, paginationData } = {}, recursionState = null) {
 	        if (!paginationData) {
-	            appComponent.current.setAttribute('is-integration-loading', true);
+	            requireRef(appComponent).setLoading('integration', true);
 	        }
 	        let recursionStateLocal = recursionState;
 	        try {
@@ -37876,12 +37898,14 @@ Defaulting to \`null\`.`;
 	            if ((!paginationData && !parentId && !search) || hardReload) {
 	                hasLoadMoreElements.current = tree.some((item) => item.node_type === 'load-more');
 	            }
-	            const appIntegrationFiles = appComponent.current.querySelector('#integration-files');
+	            const appIntegrationFiles = requireRef(appComponent).getFilesHandle('integration');
 	            if (hardReload) {
-	                appComponent.current.setIntegrationFilesData(tree);
+	                requireRef(appComponent).setIntegrationFilesData(tree);
 	            }
 	            else if (tree.length) {
-	                appComponent.current.pushIntegrationFilesData(tree).then(async () => {
+	                requireRef(appComponent)
+	                    .pushIntegrationFilesData(tree)
+	                    .then(async () => {
 	                    if (parentId) {
 	                        const selection = await appIntegrationFiles.getSelected();
 	                        const selectedIds = selection === null || selection === void 0 ? void 0 : selection.filter((node) => node).map(({ id }) => id.toString());
@@ -37896,7 +37920,7 @@ Defaulting to \`null\`.`;
 	            }
 	            if (search) {
 	                const openIds = files.filter((e) => !e.type).map((e) => e.id);
-	                appComponent.current.setIntegrationOpenedFolders(openIds);
+	                requireRef(appComponent).setIntegrationOpenedFolders(openIds);
 	            }
 	            if (recursion) {
 	                if (!recursionStateLocal) {
@@ -37904,7 +37928,7 @@ Defaulting to \`null\`.`;
 	                        openedFolders: new Set(),
 	                        calls: 0,
 	                        setLoading(isLoading) {
-	                            appComponent.current.setAttribute('is-integration-loading', isLoading);
+	                            requireRef(appComponent).setLoading('integration', isLoading);
 	                        },
 	                    };
 	                    recursionStateLocal.setLoading(true);
@@ -37914,8 +37938,8 @@ Defaulting to \`null\`.`;
 	                }
 	                const folderItems = files.filter(isFolder$1);
 	                folderItems.forEach((folder) => recursionStateLocal.openedFolders.add(folder.id));
-	                const openedFoldersNow = await appComponent.current.getIntegrationOpenedFolders();
-	                appComponent.current.setIntegrationOpenedFolders([
+	                const openedFoldersNow = await requireRef(appComponent).getIntegrationOpenedFolders();
+	                requireRef(appComponent).setIntegrationOpenedFolders([
 	                    ...new Set([...openedFoldersNow, ...recursionStateLocal.openedFolders]),
 	                ]);
 	                if (folderItems.length > 0) {
@@ -37942,10 +37966,10 @@ Defaulting to \`null\`.`;
 	        }
 	        finally {
 	            if (!recursionStateLocal && !recursion) {
-	                appComponent.current.setAttribute('is-integration-loading', false);
+	                requireRef(appComponent).setLoading('integration', false);
 	            }
 	            else if (recursionStateLocal && recursionStateLocal.calls === 0) {
-	                appComponent.current.setAttribute('is-integration-loading', false);
+	                requireRef(appComponent).setLoading('integration', false);
 	            }
 	        }
 	    }
@@ -38006,18 +38030,18 @@ Defaulting to \`null\`.`;
 	            const res = await checkResponse(await fetch(`/api/sync-settings/${provider}` + restParams));
 	            if (provider === 'crowdin') {
 	                if (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.crowdin) {
-	                    appComponent.current.setCrowdinScheduleSync(res, true, true);
+	                    requireRef(appComponent).setCrowdinScheduleSync(res, true, true);
 	                }
 	                else {
-	                    appComponent.current.setCrowdinScheduleSync(res);
+	                    requireRef(appComponent).setCrowdinScheduleSync(res);
 	                }
 	            }
 	            else {
 	                if (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.integration) {
-	                    appComponent.current.setIntegrationScheduleSync(res, true, true);
+	                    requireRef(appComponent).setIntegrationScheduleSync(res, true, true);
 	                }
 	                else {
-	                    appComponent.current.setIntegrationScheduleSync(res);
+	                    requireRef(appComponent).setIntegrationScheduleSync(res);
 	                }
 	            }
 	            await applyAutoSyncPausedMarkers(provider, res);
@@ -38030,7 +38054,7 @@ Defaulting to \`null\`.`;
 	        try {
 	            const restParams = await checkOrigin();
 	            const res = await checkResponse(await fetch(`api/crowdin/file-progress/${fileId}` + restParams));
-	            appComponent.current.addCrowdinFileProgress(Array.isArray(res) ? { [fileId]: res } : res);
+	            requireRef(appComponent).addCrowdinFileProgress(Array.isArray(res) ? { [fileId]: res } : res);
 	        }
 	        catch (e) {
 	            catchRejection(e, "Can't fetch file progress");
@@ -38069,7 +38093,7 @@ Defaulting to \`null\`.`;
 	            showToast('Select templates which will be pushed to Crowdin');
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-to-crowdin-process', true);
+	        requireRef(appComponent).setProcess({ toCrowdin: true });
 	        let req;
 	        if (integrationOneLevelFetching) {
 	            req = files.map((f) => ({
@@ -38108,7 +38132,7 @@ Defaulting to \`null\`.`;
 	    async function getActiveJobs() {
 	        try {
 	            const restParams = await checkOrigin();
-	            const jobs = await checkResponse(await fetch(`api/all-jobs${restParams}`));
+	            const jobs = await checkResponse(await fetch(`api/all-jobs${restParams}&finished=false&limit=100`));
 	            if (!Array.isArray(jobs)) {
 	                return;
 	            }
@@ -38116,16 +38140,16 @@ Defaulting to \`null\`.`;
 	                switch (job.type) {
 	                    case JOB_TYPE.updateCrowdin:
 	                    case JOB_TYPE.updateTargetLanguages:
-	                        appComponent.current.setAttribute('is-to-crowdin-process', true);
+	                        requireRef(appComponent).setProcess({ toCrowdin: true });
 	                        break;
 	                    case JOB_TYPE.updateIntegration:
-	                        appComponent.current.setAttribute('is-to-integration-process', true);
+	                        requireRef(appComponent).setProcess({ toIntegration: true });
 	                        break;
 	                    case JOB_TYPE.crowdinSyncSettingsSave:
-	                        appComponent.current.setAttribute('is-crowdin-sync-settings-in-progress', true);
+	                        requireRef(appComponent).setSyncSettingsInProgress('crowdin', true);
 	                        break;
 	                    case JOB_TYPE.integrationSyncSettingsSave:
-	                        appComponent.current.setAttribute('is-integration-sync-settings-in-progress', true);
+	                        requireRef(appComponent).setSyncSettingsInProgress('integration', true);
 	                        break;
 	                    default:
 	                }
@@ -38159,24 +38183,24 @@ Defaulting to \`null\`.`;
 	            case JOB_TYPE.updateTargetLanguages:
 	                if (!onFinally) {
 	                    onFinally = () => {
-	                        appComponent.current.setAttribute('is-to-crowdin-process', false);
+	                        requireRef(appComponent).setProcess({ toCrowdin: false });
 	                        getCrowdinData();
 	                    };
 	                }
 	                break;
 	            case JOB_TYPE.updateIntegration:
 	                if (!onFinally) {
-	                    onFinally = () => appComponent.current.setAttribute('is-to-integration-process', false);
+	                    onFinally = () => requireRef(appComponent).setProcess({ toIntegration: false });
 	                }
 	                break;
 	            case JOB_TYPE.crowdinSyncSettingsSave:
 	                if (!onFinally) {
-	                    onFinally = () => appComponent.current.setAttribute('is-crowdin-sync-settings-in-progress', false);
+	                    onFinally = () => requireRef(appComponent).setSyncSettingsInProgress('crowdin', false);
 	                }
 	                break;
 	            case JOB_TYPE.integrationSyncSettingsSave:
 	                if (!onFinally) {
-	                    onFinally = () => appComponent.current.setAttribute('is-integration-sync-settings-in-progress', false);
+	                    onFinally = () => requireRef(appComponent).setSyncSettingsInProgress('integration', false);
 	                }
 	                break;
 	        }
@@ -38255,7 +38279,7 @@ Defaulting to \`null\`.`;
 	            showToast(`Select files which will be uploaded to ${name}`);
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-to-integration-process', true);
+	        requireRef(appComponent).setProcess({ toIntegration: true });
 	        const req = {};
 	        Object.keys(files)
 	            .filter((id) => { var _a; return ((_a = crowdinData.current.find((c) => c.id === id)) === null || _a === void 0 ? void 0 : _a.node_type) === FILE_TYPE; })
@@ -38278,7 +38302,7 @@ Defaulting to \`null\`.`;
 	            showToast('Select files to sync');
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-to-crowdin-process', true);
+	        requireRef(appComponent).setProcess({ toCrowdin: true });
 	        const req = {};
 	        Object.keys(files)
 	            .filter((id) => { var _a; return ((_a = crowdinData.current.find((c) => c.id === id)) === null || _a === void 0 ? void 0 : _a.node_type) === FILE_TYPE; })
@@ -38301,7 +38325,7 @@ Defaulting to \`null\`.`;
 	            showToast('Select files to sync');
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-to-integration-process', true);
+	        requireRef(appComponent).setProcess({ toIntegration: true });
 	        const req = files
 	            .filter((f) => f.node_type !== FOLDER_TYPE)
 	            .map((f) => ({ name: f.name, id: f.id, type: f.type, parentId: f.parent_id }));
@@ -38319,6 +38343,7 @@ Defaulting to \`null\`.`;
 	        }
 	    }
 	    function openLanguageModal() {
+	        var _a;
 	        setLanguageModalState((state) => {
 	            var _a, _b;
 	            return ({
@@ -38326,9 +38351,10 @@ Defaulting to \`null\`.`;
 	                action: 'syncToCrowdin',
 	            });
 	        });
-	        openModal(languageModal.current);
+	        (_a = languageModal.current) === null || _a === void 0 ? void 0 : _a.open();
 	    }
 	    function openLanguageModalForCrowdinFiles() {
+	        var _a;
 	        setLanguageModalState((state) => {
 	            var _a, _b;
 	            return ({
@@ -38336,22 +38362,24 @@ Defaulting to \`null\`.`;
 	                action: 'updateCrowdinTargetLanguages',
 	            });
 	        });
-	        openModal(languageModal.current);
+	        (_a = languageModal.current) === null || _a === void 0 ? void 0 : _a.open();
 	    }
 	    async function uploadFilesToCrowdinWithExcludedLanguages() {
+	        var _a;
 	        const selectedLanguages = await languageSelectRef.current.getValue();
-	        closeModal(languageModal.current);
+	        (_a = languageModal.current) === null || _a === void 0 ? void 0 : _a.close();
 	        uploadFilesToCrowdin({ detail: fileToSync.current }, selectedLanguages);
 	    }
 	    async function updateCrowdinFilesTargetLanguages() {
+	        var _a;
 	        const selectedLanguages = await languageSelectRef.current.getValue();
-	        closeModal(languageModal.current);
+	        (_a = languageModal.current) === null || _a === void 0 ? void 0 : _a.close();
 	        const fileIds = Object.keys(crowdinFilesToUpdateTargetLanguages.current).map((id) => parseInt(id, 10));
 	        if (fileIds.length === 0) {
 	            showToast('Select files to update');
 	            return;
 	        }
-	        appComponent.current.setAttribute('is-to-crowdin-process', true);
+	        requireRef(appComponent).setProcess({ toCrowdin: true });
 	        try {
 	            const restParams = await checkOrigin();
 	            const res = await checkResponse(await fetch(`api/crowdin/files-target-languages${restParams}`, {
@@ -38419,6 +38447,9 @@ Defaulting to \`null\`.`;
 	function Dialog({ ...props }) {
 	    return jsxRuntimeExports.jsx(Dialog$1, { "data-slot": "dialog", ...props });
 	}
+	function DialogTrigger({ ...props }) {
+	    return jsxRuntimeExports.jsx(DialogTrigger$1, { "data-slot": "dialog-trigger", ...props });
+	}
 	function DialogPortal({ ...props }) {
 	    return jsxRuntimeExports.jsx(DialogPortal$1, { "data-slot": "dialog-portal", ...props });
 	}
@@ -49134,7 +49165,7 @@ Defaulting to \`null\`.`;
 	    return reactExports.useRef(null);
 	}
 
-	const AppDialog = reactExports.forwardRef(({ id, title, width = '70', showCloseButton = true, children, footer, className, onClose }, ref) => {
+	const AppDialog = reactExports.forwardRef(({ id, title, description, width = '70', showCloseButton = true, children, footer, className, onClose }, ref) => {
 	    const [isOpen, setIsOpen] = reactExports.useState(false);
 	    const [portalContainer, setPortalContainer] = reactExports.useState(null);
 	    const contentRef = reactExports.useRef(null);
@@ -49158,7 +49189,7 @@ Defaulting to \`null\`.`;
 	                var _a;
 	                event.preventDefault();
 	                (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-	            }, className: cn('max-h-[calc(100dvh-2rem)] grid-rows-[auto_minmax(0,1fr)_auto] overflow-visible', widthClassName, className), children: jsxRuntimeExports.jsxs(ComboboxPortalContainerProvider, { container: portalContainer, children: [jsxRuntimeExports.jsxs(DialogHeader, { className: "shrink-0", children: [jsxRuntimeExports.jsx(DialogTitle, { children: title || 'Details' }), jsxRuntimeExports.jsx(DialogDescription, { className: "sr-only", children: typeof title === 'string' ? `${title} dialog` : 'Dialog details' })] }), jsxRuntimeExports.jsx(ScrollArea, { type: "auto", className: "-mr-6 -ml-1 h-full min-h-0 min-w-0", children: jsxRuntimeExports.jsx("div", { className: "min-w-0 overflow-x-hidden py-1 pr-6 pl-1", children: children }) }), footer && (jsxRuntimeExports.jsx(DialogFooter, { className: "mx-0 mb-0 shrink-0 rounded-none border-t-0 bg-transparent p-0", children: footer })), jsxRuntimeExports.jsx("div", { ref: setPortalContainer, className: "contents" })] }) }) }));
+	            }, className: cn('max-h-[calc(100dvh-2rem)] grid-rows-[auto_minmax(0,1fr)_auto] overflow-visible', widthClassName, className), children: jsxRuntimeExports.jsxs(ComboboxPortalContainerProvider, { container: portalContainer, children: [jsxRuntimeExports.jsxs(DialogHeader, { className: "shrink-0", children: [jsxRuntimeExports.jsx(DialogTitle, { children: title || 'Details' }), jsxRuntimeExports.jsx(DialogDescription, { className: cn(!description && 'sr-only'), children: description !== null && description !== void 0 ? description : (typeof title === 'string' ? `${title} dialog` : 'Dialog details') })] }), jsxRuntimeExports.jsx(ScrollArea, { type: "auto", className: "-mr-6 -ml-1 h-full min-h-0 min-w-0", children: jsxRuntimeExports.jsx("div", { className: "min-w-0 overflow-x-hidden py-1 pr-6 pl-1", children: children }) }), footer && (jsxRuntimeExports.jsx(DialogFooter, { className: "mx-0 mb-0 shrink-0 rounded-none border-t-0 bg-transparent p-0", children: footer })), jsxRuntimeExports.jsx("div", { ref: setPortalContainer, className: "contents" })] }) }) }));
 	});
 	AppDialog.displayName = 'AppDialog';
 
@@ -49265,14 +49296,14 @@ Defaulting to \`null\`.`;
 	};
 
 	const InfoModal = ({ modalRef, infoModal }) => {
-	    return (jsxRuntimeExports.jsx(AppDialog, { ref: modalRef, id: "info-modal", width: "50", title: infoModal.title, children: jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: infoModal.content } }) }));
+	    return (jsxRuntimeExports.jsx(AppDialog, { ref: modalRef, id: "info-modal", width: "50", title: infoModal.title, children: jsxRuntimeExports.jsx("div", { className: "html-content text-sm leading-relaxed", dangerouslySetInnerHTML: { __html: infoModal.content } }) }));
 	};
 
 	function Switch({ className, size = 'default', ...props }) {
 	    return (jsxRuntimeExports.jsx(Switch$1, { "data-slot": "switch", "data-size": size, className: cn('peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80', className), ...props, children: jsxRuntimeExports.jsx(SwitchThumb, { "data-slot": "switch-thumb", className: cn('pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground') }) }));
 	}
 
-	const FieldShell = reactExports.forwardRef(({ label, helpText, helpTextHtml, htmlFor, errorText, className, children, ...props }, ref) => (jsxRuntimeExports.jsxs(Field, { ref: ref, "data-invalid": Boolean(errorText) || undefined, className: className, ...props, children: [label && jsxRuntimeExports.jsx(FieldLabel, { htmlFor: htmlFor, children: label }), children, helpText && jsxRuntimeExports.jsx(FieldDescription, { children: helpText }), helpTextHtml && jsxRuntimeExports.jsx(FieldDescription, { dangerouslySetInnerHTML: { __html: helpTextHtml } }), jsxRuntimeExports.jsx(FieldError, { errors: errorText ? [{ message: errorText }] : undefined })] })));
+	const FieldShell = reactExports.forwardRef(({ label, helpText, helpTextHtml, htmlFor, errorText, className, children, ...props }, ref) => (jsxRuntimeExports.jsxs(Field, { ref: ref, "data-invalid": Boolean(errorText) || undefined, className: className, ...props, children: [label && jsxRuntimeExports.jsx(FieldLabel, { htmlFor: htmlFor, children: label }), children, helpText && jsxRuntimeExports.jsx(FieldDescription, { children: helpText }), helpTextHtml && (jsxRuntimeExports.jsx(FieldDescription, { className: "html-content [&>a]:no-underline [&>a:hover]:underline", dangerouslySetInnerHTML: { __html: helpTextHtml } })), jsxRuntimeExports.jsx(FieldError, { errors: errorText ? [{ message: errorText }] : undefined })] })));
 	FieldShell.displayName = 'FieldShell';
 	const FormInput = reactExports.forwardRef(({ id, label, helpText, helpTextHtml, containerClassName, errorText, withCopyButton, value, 'data-dependency': dataDependency, ...props }, ref) => (jsxRuntimeExports.jsx(FieldShell, { label: label, helpText: helpText, helpTextHtml: helpTextHtml, htmlFor: id, errorText: errorText, className: containerClassName, "data-dependency": dataDependency, children: jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [jsxRuntimeExports.jsx(Input, { ref: ref, id: id, value: value, "aria-invalid": Boolean(errorText) || undefined, ...props }), withCopyButton && (jsxRuntimeExports.jsx(Button, { type: "button", size: "icon", variant: "outline", "aria-label": `Copy ${label || 'value'}`, onClick: () => {
 	                    var _a;
@@ -49414,8 +49445,10 @@ Defaulting to \`null\`.`;
 	    }
 	    return (jsxRuntimeExports.jsx("div", { className: row.isWarning ? 'mt-1 text-xs text-destructive' : 'mt-1 text-xs text-muted-foreground', children: row.description }));
 	}
-	const PermissionsModal = ({ modalRef, isLoading, permissionUserOptions, selectedUsers, isConfirmVisible, permissionsSummary, hasOrganization, zenModeUrl, saveDisabled, onUsersChange, onSave, }) => {
-	    return (jsxRuntimeExports.jsxs(AppDialog, { ref: modalRef, id: "permissions-modal", title: "Share", footer: jsxRuntimeExports.jsx(Button, { id: "confirm-users-btn", disabled: saveDisabled, onClick: onSave, children: "Save" }), children: [jsxRuntimeExports.jsx("div", { className: isLoading ? 'absolute inset-0 z-[4] flex items-center justify-center bg-background/30' : 'hidden', children: jsxRuntimeExports.jsx(Spinner, {}) }), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(UsersMultiSelect, { options: permissionUserOptions, value: selectedUsers, disabled: isLoading, onValueChange: onUsersChange }), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("div", { className: isConfirmVisible ? 'mt-4' : 'hidden', children: jsxRuntimeExports.jsxs(Table, { className: "min-w-[640px] table-fixed", children: [jsxRuntimeExports.jsx(TableHeader, { children: jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsx(TableHead, { className: "w-[40%] px-4", children: "Access" }), jsxRuntimeExports.jsx(TableHead, { className: "w-[35%] px-4", children: "Users" }), jsxRuntimeExports.jsx(TableHead, { className: "w-[25%] px-4 text-right", children: "Upcoming changes" })] }) }), jsxRuntimeExports.jsxs(TableBody, { children: [hasOrganization && (jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsxs(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: [jsxRuntimeExports.jsx("p", { className: "m-0 text-sm", children: "Registration in Organization" }), renderPermissionRowDescription(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.organization)] }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: renderPermissionUsers(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.organization) }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 text-right align-top", children: (permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.organization) &&
+	const PermissionsModal = ({ modalRef, isLoading, isCheckingUsers = false, permissionUserOptions, selectedUsers, isConfirmVisible, permissionsSummary, hasOrganization, zenModeUrl, saveDisabled, onUsersChange, onSave, }) => {
+	    return (jsxRuntimeExports.jsxs(AppDialog, { ref: modalRef, id: "permissions-modal", title: "Share", description: "Invite people who manage content and give them access to this integration, so they can send new content for translation as soon as it's added.", footer: jsxRuntimeExports.jsx(Button, { id: "confirm-users-btn", disabled: saveDisabled, onClick: onSave, children: "Save" }), children: [jsxRuntimeExports.jsx("div", { className: isLoading || isCheckingUsers
+	                    ? 'absolute inset-0 z-[4] flex items-center justify-center bg-background/30'
+	                    : 'hidden', children: jsxRuntimeExports.jsx(Spinner, {}) }), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx(UsersMultiSelect, { options: permissionUserOptions, value: selectedUsers, disabled: isLoading, onValueChange: onUsersChange }), jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsx("div", { className: isConfirmVisible ? 'mt-4' : 'hidden', children: jsxRuntimeExports.jsxs(Table, { className: "min-w-[640px] table-fixed", children: [jsxRuntimeExports.jsx(TableHeader, { children: jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsx(TableHead, { className: "w-[40%] px-4", children: "Access" }), jsxRuntimeExports.jsx(TableHead, { className: "w-[35%] px-4", children: "Users" }), jsxRuntimeExports.jsx(TableHead, { className: "w-[25%] px-4 text-right", children: "Upcoming changes" })] }) }), jsxRuntimeExports.jsxs(TableBody, { children: [hasOrganization && (jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsxs(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: [jsxRuntimeExports.jsx("p", { className: "m-0 text-sm", children: "Registration in Organization" }), renderPermissionRowDescription(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.organization)] }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: renderPermissionUsers(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.organization) }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 text-right align-top", children: (permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.organization) &&
 	                                                                renderPermissionStatus(permissionsSummary.organization.status) })] })), jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: jsxRuntimeExports.jsx("p", { className: "m-0 text-sm", children: "Project Manager Access" }) }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: renderPermissionUsers(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.project) }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 text-right align-top", children: (permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.project) &&
 	                                                                renderPermissionStatus(permissionsSummary.project.status) })] }), jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsxs(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: [jsxRuntimeExports.jsx("p", { className: "m-0 text-sm", children: "Application Visibility Access" }), renderPermissionRowDescription(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.applicationSettings)] }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: renderPermissionUsers(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.applicationSettings) }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 text-right align-top", children: (permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.applicationSettings) &&
 	                                                                renderPermissionStatus(permissionsSummary.applicationSettings.status) })] }), jsxRuntimeExports.jsxs(TableRow, { children: [jsxRuntimeExports.jsxs(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: [jsxRuntimeExports.jsx("p", { className: "m-0 text-sm", children: "Access to the Integration" }), jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: "This provides access to sync files and modify the current integration settings." })] }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 align-top", children: renderPermissionUsers(permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.applicationCredentials) }), jsxRuntimeExports.jsx(TableCell, { className: "whitespace-normal px-4 py-3 text-right align-top", children: (permissionsSummary === null || permissionsSummary === void 0 ? void 0 : permissionsSummary.applicationCredentials) &&
@@ -49429,7 +49462,7 @@ Defaulting to \`null\`.`;
 	function renderConfigField(field, settingsFieldChange, registerSettingsField, fieldErrors, suffix = 'settings') {
 	    var _a;
 	    if (!field.key) {
-	        return field.labelHtml ? (jsxRuntimeExports.jsx("p", { className: "m-0 text-sm leading-relaxed", ...(field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}), dangerouslySetInnerHTML: { __html: field.labelHtml } })) : (jsxRuntimeExports.jsx("p", { className: "m-0 text-sm leading-relaxed", ...(field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}), children: field.label }));
+	        return field.labelHtml ? (jsxRuntimeExports.jsx("div", { className: "html-content text-sm leading-relaxed", ...(field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}), dangerouslySetInnerHTML: { __html: field.labelHtml } })) : (jsxRuntimeExports.jsx("p", { className: "m-0 text-sm leading-relaxed", ...(field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}), children: field.label }));
 	    }
 	    const commonProps = {
 	        id: `${field.key}-${suffix}`,
@@ -49456,16 +49489,41 @@ Defaulting to \`null\`.`;
 	            return null;
 	    }
 	}
-	const SettingsModal = ({ modalRef, isLoading, configurationFields, isSaveDisabled, settingsFieldChange, registerSettingsField, fieldErrors, onSave, }) => {
-	    return (jsxRuntimeExports.jsxs(AppDialog, { ref: modalRef, id: "settings-modal", width: "65", title: "Settings", footer: jsxRuntimeExports.jsx(Button, { id: "settings-save-btn", disabled: isSaveDisabled, onClick: onSave, children: "Save" }), children: [jsxRuntimeExports.jsx("div", { className: isLoading ? 'absolute inset-0 z-[4] flex items-center justify-center bg-white/30' : 'hidden', children: jsxRuntimeExports.jsx(Spinner, {}) }), jsxRuntimeExports.jsx("div", { id: "modal-content", children: jsxRuntimeExports.jsxs(Tabs, { defaultValue: "tab-0", children: [jsxRuntimeExports.jsx(TabsList, { children: configurationFields.map((tab, tabIndex) => (jsxRuntimeExports.jsx(TabsTrigger, { value: `tab-${tabIndex}`, children: tab.name }, tab.name))) }), configurationFields.map((tab, tabIndex) => (
-	                        // The form is ref-driven, so an unmounted panel drops its fields from
-	                        // both fillSettingsForm and the save payload. forceMount also renders
-	                        // inactive panels *visible*, hence the explicit hiding.
-	                        jsxRuntimeExports.jsx(TabsContent, { value: `tab-${tabIndex}`, forceMount: true, className: "data-[state=inactive]:hidden", children: jsxRuntimeExports.jsx(FieldGroup, { children: tab.fields.map((field, fieldIndex) => (jsxRuntimeExports.jsx(reactExports.Fragment, { children: renderConfigField(field, settingsFieldChange, registerSettingsField, fieldErrors) }, field.key || `${tabIndex}-${fieldIndex}`))) }) }, tab.name)))] }) })] }));
+	const DisconnectSection = ({ name, isOwner, owner, hasAutoSync, isDisconnecting, onDisconnect, }) => {
+	    const [isOpen, setIsOpen] = reactExports.useState(false);
+	    return (jsxRuntimeExports.jsxs("div", { id: "disconnect-section", className: "flex flex-col gap-4 rounded-lg border border-destructive/20 bg-destructive/5 p-4 sm:flex-row sm:items-center", children: [jsxRuntimeExports.jsx(TriangleAlert, { className: "hidden size-5 shrink-0 self-start text-destructive sm:block" }), jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [jsxRuntimeExports.jsx("p", { className: "m-0 text-sm font-medium text-destructive", children: "Disconnect integration" }), jsxRuntimeExports.jsx("p", { className: "m-0 text-sm text-muted-foreground", children: isOwner ? (`Disconnects ${name} and removes its saved settings for this project.${hasAutoSync ? ' Auto Sync will stop.' : ''}`) : owner ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: ["Only the integration owner (", jsxRuntimeExports.jsx(Button, { type: "button", variant: "link", id: "integration-owner-link", className: "h-auto p-0 align-baseline font-normal", onClick: () => contactUser(owner.id), children: owner.name }), ") can disconnect it."] })) : ('Only the integration owner can disconnect it.') })] }), jsxRuntimeExports.jsxs(Dialog, { open: isOpen, onOpenChange: (open) => !isDisconnecting && setIsOpen(open), children: [jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: jsxRuntimeExports.jsx(Button, { id: "disconnect-btn", variant: "destructive", disabled: !isOwner, className: "shrink-0 self-start sm:self-auto", children: "Disconnect" }) }), jsxRuntimeExports.jsxs(DialogContent, { role: "alertdialog", showCloseButton: false, className: "sm:max-w-md", children: [jsxRuntimeExports.jsxs(DialogHeader, { className: "items-center text-center sm:items-start sm:text-left", children: [jsxRuntimeExports.jsx("div", { className: "mb-2 flex size-10 items-center justify-center rounded-full bg-destructive/10", children: jsxRuntimeExports.jsx(TriangleAlert, { className: "size-5 text-destructive" }) }), jsxRuntimeExports.jsxs(DialogTitle, { children: ["Disconnect ", name, "?"] }), jsxRuntimeExports.jsxs(DialogDescription, { children: [name, " settings", hasAutoSync ? ', Auto Sync selections,' : '', " and logs for this project will be deleted. To use ", name, " again, you'll need to reconnect and set it up again."] })] }), jsxRuntimeExports.jsxs(DialogFooter, { children: [jsxRuntimeExports.jsx(Button, { variant: "outline", disabled: isDisconnecting, onClick: () => setIsOpen(false), children: "Cancel" }), jsxRuntimeExports.jsxs(Button, { id: "disconnect-confirm-btn", variant: "destructive", disabled: isDisconnecting, onClick: onDisconnect, children: [isDisconnecting && jsxRuntimeExports.jsx(Spinner, {}), "Disconnect"] })] })] })] })] }));
+	};
+	const SettingsModal = ({ modalRef, isLoading, configurationFields, isSaveDisabled, settingsFieldChange, registerSettingsField, fieldErrors, onSave, name, isOwner, owner, hasAutoSync, isDisconnecting, onDisconnect, }) => {
+	    const hasFields = configurationFields.length > 0;
+	    const disconnectSection = (jsxRuntimeExports.jsx(DisconnectSection, { name: name, isOwner: isOwner, owner: owner, hasAutoSync: hasAutoSync, isDisconnecting: isDisconnecting, onDisconnect: onDisconnect }));
+	    const contentRef = reactExports.useRef(null);
+	    const observerRef = reactExports.useRef(null);
+	    const [contentHeight, setContentHeight] = reactExports.useState();
+	    // Animate height on tab switch
+	    const measureRef = reactExports.useCallback((node) => {
+	        var _a;
+	        contentRef.current = node;
+	        (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+	        setContentHeight(undefined);
+	        if (!node || typeof ResizeObserver === 'undefined') {
+	            return;
+	        }
+	        observerRef.current = new ResizeObserver(() => setContentHeight(node.offsetHeight));
+	        observerRef.current.observe(node);
+	    }, []);
+	    return (jsxRuntimeExports.jsxs(AppDialog, { ref: modalRef, id: "settings-modal", width: "65", title: "Settings", className: "top-[5dvh] max-h-[90dvh] translate-y-0", footer: hasFields && (jsxRuntimeExports.jsx(Button, { id: "settings-save-btn", disabled: isSaveDisabled, onClick: onSave, children: "Save" })), children: [jsxRuntimeExports.jsx("div", { className: isLoading ? 'absolute inset-0 z-[4] flex items-center justify-center bg-white/30' : 'hidden', children: jsxRuntimeExports.jsx(Spinner, {}) }), jsxRuntimeExports.jsx("div", { className: "-m-1 overflow-hidden transition-[height] duration-200 ease-out motion-reduce:transition-none", style: contentHeight === undefined ? undefined : { height: contentHeight }, children: jsxRuntimeExports.jsxs("div", { id: "modal-content", ref: measureRef, className: "p-1", children: [!hasFields && disconnectSection, jsxRuntimeExports.jsxs(Tabs, { className: hasFields ? undefined : 'hidden', defaultValue: "tab-0", onValueChange: () => {
+	                                var _a;
+	                                const viewport = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.closest('[data-radix-scroll-area-viewport]');
+	                                if (viewport) {
+	                                    viewport.scrollTop = 0;
+	                                }
+	                            }, children: [jsxRuntimeExports.jsx(TabsList, { children: configurationFields.map((tab, tabIndex) => (jsxRuntimeExports.jsx(TabsTrigger, { value: `tab-${tabIndex}`, children: tab.name }, tab.name))) }), configurationFields.map((tab, tabIndex) => (
+	                                // forceMount: fields are ref-driven
+	                                jsxRuntimeExports.jsxs(TabsContent, { value: `tab-${tabIndex}`, forceMount: true, className: "data-[state=inactive]:hidden", children: [jsxRuntimeExports.jsx(FieldGroup, { children: tab.fields.map((field, fieldIndex) => (jsxRuntimeExports.jsx(reactExports.Fragment, { children: renderConfigField(field, settingsFieldChange, registerSettingsField, fieldErrors) }, field.key || `${tabIndex}-${fieldIndex}`))) }), tabIndex === 0 && jsxRuntimeExports.jsx("div", { className: "mt-8", children: disconnectSection })] }, tab.name)))] })] }) })] }));
 	};
 
-	const SubscriptionModal = ({ modalRef, subscriptionLink, name, onLogout }) => {
-	    return (jsxRuntimeExports.jsx(AppDialog, { ref: modalRef, id: "subscription-modal", width: "50", showCloseButton: false, footer: jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Button, { variant: "default", onClick: () => { var _a; return window.open((_a = subscriptionLink.current) !== null && _a !== void 0 ? _a : '', '_blank', 'noopener,noreferrer'); }, children: "Subscribe" }), jsxRuntimeExports.jsx(Button, { variant: "outline", onClick: () => window.open('https://crowdin.com/contacts', '_blank', 'noopener,noreferrer'), children: "Contact us" }), jsxRuntimeExports.jsx(Button, { variant: "secondary", onClick: onLogout, children: "Log out" })] }), children: jsxRuntimeExports.jsxs(AppAlert, { variant: "warning", children: ["Subscribe to continue using the ", name, " app."] }) }));
+	const SubscriptionModal = ({ modalRef, subscriptionLink, name, isDisconnecting, onLogout, }) => {
+	    return (jsxRuntimeExports.jsx(AppDialog, { ref: modalRef, id: "subscription-modal", width: "50", showCloseButton: false, footer: jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Button, { variant: "default", onClick: () => { var _a; return window.open((_a = subscriptionLink.current) !== null && _a !== void 0 ? _a : '', '_blank', 'noopener,noreferrer'); }, children: "Subscribe" }), jsxRuntimeExports.jsx(Button, { variant: "outline", onClick: () => window.open('https://crowdin.com/contacts', '_blank', 'noopener,noreferrer'), children: "Contact us" }), jsxRuntimeExports.jsxs(Button, { variant: "secondary", disabled: isDisconnecting, onClick: onLogout, children: [isDisconnecting && jsxRuntimeExports.jsx(Spinner, {}), "Disconnect"] })] }), children: jsxRuntimeExports.jsxs(AppAlert, { variant: "warning", children: ["Subscribe to continue using the ", name, " app."] }) }));
 	};
 
 	function isJSON(string) {
@@ -49533,7 +49591,7 @@ Defaulting to \`null\`.`;
 	const USER_ERRORS_PER_PAGE = 10;
 	const USER_ERRORS_SEARCH_DEBOUNCE = 300;
 	const MainPage = (props) => {
-	    const { name, userId, notice, checkSubscription, isManager, isOwner, infoModal, configurationFields, config: configString, syncNewElements, withCronSync, webhooks, integrationOneLevelFetching, integrationSearchListener, excludedTargetLanguages, filtering, hasOrganization, zenModeUrl, asyncProgress = { checkInterval: 3000 }, reloadOnConfigSave, progressiveCrowdinFilesLoading, integrationButtonMenuItems, crowdinButtonMenuItems, } = props;
+	    const { name, userId, notice, checkSubscription, isManager, isOwner, owner, infoModal, configurationFields, config: configString, syncNewElements, withCronSync, webhooks, integrationOneLevelFetching, integrationSearchListener, excludedTargetLanguages, filtering, hasOrganization, zenModeUrl, asyncProgress = { checkInterval: 3000 }, reloadOnConfigSave, progressiveCrowdinFilesLoading, integrationButtonMenuItems, crowdinButtonMenuItems, } = props;
 	    const config = reactExports.useRef(configString ? JSON.parse(configString.replace(/\\n/g, '\\\\n')) : {});
 	    const appComponent = reactExports.useRef(null);
 	    const asyncProgressRef = reactExports.useRef(null);
@@ -49549,6 +49607,7 @@ Defaulting to \`null\`.`;
 	    const subscriptionLink = reactExports.useRef('');
 	    const refreshDependencies = useFieldDependencies(configurationFields);
 	    const [isNoticeVisible, setIsNoticeVisible] = reactExports.useState(false);
+	    const [isDisconnecting, setIsDisconnecting] = reactExports.useState(false);
 	    const [subscriptionInfo, setSubscriptionInfo] = reactExports.useState(null);
 	    const [isErrorLogsVisible, setIsErrorLogsVisible] = reactExports.useState(false);
 	    const [userErrors, setUserErrors] = reactExports.useState([]);
@@ -49599,14 +49658,12 @@ Defaulting to \`null\`.`;
 	    });
 	    reactExports.useEffect(() => {
 	        const handleKeydown = (event) => {
+	            var _a, _b, _c, _d;
 	            if (event.keyCode === 27) {
-	                closeModal(permissionsModalRef.current);
-	                closeModal(infoModalRef.current);
-	                closeModal(settingsModalRef.current);
-	                closeModal(scheduleModalRef.current);
-	                if (syncOps.languageModalRef.current) {
-	                    closeModal(syncOps.languageModalRef.current);
-	                }
+	                (_a = permissionsModalRef.current) === null || _a === void 0 ? void 0 : _a.close();
+	                (_b = infoModalRef.current) === null || _b === void 0 ? void 0 : _b.close();
+	                (_c = scheduleModalRef.current) === null || _c === void 0 ? void 0 : _c.close();
+	                (_d = syncOps.languageModalRef.current) === null || _d === void 0 ? void 0 : _d.close();
 	            }
 	        };
 	        document.body.addEventListener('keydown', handleKeydown);
@@ -49620,10 +49677,11 @@ Defaulting to \`null\`.`;
 	    // A 402 from any API call means the subscription lapsed: show the subscribe modal.
 	    reactExports.useEffect(() => {
 	        setPaymentRequiredHandler((subscribeLink) => {
+	            var _a;
 	            if (subscribeLink) {
 	                subscriptionLink.current = subscribeLink;
 	            }
-	            openModal(subscriptionModal.current);
+	            (_a = subscriptionModal.current) === null || _a === void 0 ? void 0 : _a.open();
 	        });
 	        return () => setPaymentRequiredHandler(null);
 	    }, []);
@@ -49642,6 +49700,8 @@ Defaulting to \`null\`.`;
 	        }
 	    }
 	    async function integrationLogout() {
+	        // not reset on success: the page reloads
+	        setIsDisconnecting(true);
 	        try {
 	            const queryParams = await checkOrigin();
 	            await checkResponse(await fetch(`api/logout${queryParams}`, { method: 'POST' }));
@@ -49649,7 +49709,8 @@ Defaulting to \`null\`.`;
 	            localStorage.removeItem(`revised_${name}`);
 	        }
 	        catch (e) {
-	            catchRejection(e, e.error || 'Looks like you are not logged in');
+	            setIsDisconnecting(false);
+	            catchRejection(e, e.error || "Can't disconnect the integration");
 	        }
 	    }
 	    function closeAlert(suffix) {
@@ -49678,7 +49739,7 @@ Defaulting to \`null\`.`;
 	        }
 	        catch (e) {
 	            if (requestId === userErrorsRequestId.current) {
-	                catchRejection(e, "Can't fetch error logs");
+	                catchRejection(e, "Can't fetch logs");
 	            }
 	        }
 	        finally {
@@ -49712,10 +49773,11 @@ Defaulting to \`null\`.`;
 	        loadUserErrors({ currentPage, rowsPerPage, searchText, isSortedAsc });
 	    }
 	    async function openUserErrorDetail(item) {
+	        var _a, _b;
 	        // the list response carries no `data` - the heavy payload is loaded for this record only
 	        const requestId = ++userErrorDetailRequestId.current;
 	        setSelectedUserError({ ...item, data: null });
-	        openModal(userErrorDetailModalRef.current);
+	        (_a = userErrorDetailModalRef.current) === null || _a === void 0 ? void 0 : _a.open();
 	        try {
 	            const restParams = await checkOrigin();
 	            const res = await checkResponse(await fetch(`api/user-errors/${item.id}` + restParams));
@@ -49727,7 +49789,7 @@ Defaulting to \`null\`.`;
 	                return;
 	            }
 	            catchRejection(e, "Can't fetch error log details");
-	            closeModal(userErrorDetailModalRef.current);
+	            (_b = userErrorDetailModalRef.current) === null || _b === void 0 ? void 0 : _b.close();
 	            setSelectedUserError(null);
 	        }
 	    }
@@ -49744,10 +49806,11 @@ Defaulting to \`null\`.`;
 	    function showIntegration() {
 	        setIsErrorLogsVisible(false);
 	    }
-	    return (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "mx-auto max-w-[1420px] px-6 py-4", children: [jsxRuntimeExports.jsx(TopBar, { notice: notice, isNoticeVisible: isNoticeVisible, checkSubscription: checkSubscription, subscriptionInfo: subscriptionInfo, isErrorLogsVisible: isErrorLogsVisible, isManager: isManager, infoModal: infoModal, hasSettings: !!configurationFields, isOwner: isOwner, onCloseNotice: closeAlert, onShowIntegration: showIntegration, onShowErrorLogs: showErrorLogs, onShowPermissions: permissions.showPermissionsDialog, onOpenInfoModal: () => openModal(infoModalRef.current), onOpenSettings: () => {
-	                            openModal(settingsModalRef.current);
+	    return (jsxRuntimeExports.jsxs("div", { className: cn('flex flex-col', isErrorLogsVisible ? 'min-h-full' : 'h-full'), children: [jsxRuntimeExports.jsxs("div", { className: "mx-auto flex min-h-0 w-full max-w-[1420px] flex-1 flex-col px-6 py-4", children: [jsxRuntimeExports.jsx(TopBar, { notice: notice, isNoticeVisible: isNoticeVisible, checkSubscription: checkSubscription, subscriptionInfo: subscriptionInfo, isErrorLogsVisible: isErrorLogsVisible, isManager: isManager, infoModal: infoModal, onCloseNotice: closeAlert, onShowIntegration: showIntegration, onShowErrorLogs: showErrorLogs, onShowPermissions: permissions.showPermissionsDialog, onOpenInfoModal: () => { var _a; return (_a = infoModalRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, onOpenSettings: () => {
+	                            var _a;
+	                            (_a = settingsModalRef.current) === null || _a === void 0 ? void 0 : _a.open();
 	                            setTimeout(settings.fillSettingsForm, 0);
-	                        }, onLogout: integrationLogout }), jsxRuntimeExports.jsx(IntegrationView, { appComponentRef: appComponent, userErrors: userErrors, isUserErrorsLoading: isUserErrorsLoading, userErrorsTotal: userErrorsTotal, userErrorsCurrentPage: userErrorsCurrentPage, userErrorsRowsPerPage: userErrorsRowsPerPage, userErrorsSearchText: userErrorsSearchText, userErrorsIsSortedAsc: userErrorsIsSortedAsc, onSelectUserError: openUserErrorDetail, onUserErrorsOptionsChange: onUserErrorsOptionsChange, name: name, isErrorLogsVisible: isErrorLogsVisible, syncNewElements: syncNewElements, withCronSync: withCronSync, webhooks: webhooks, integrationOneLevelFetching: integrationOneLevelFetching, integrationSearchListener: integrationSearchListener, filtering: filtering, integrationButtonMenuItems: integrationButtonMenuItems, crowdinButtonMenuItems: crowdinButtonMenuItems, onRefreshFilesList: syncOps.handleRefreshFilesList, onFolderToggle: syncOps.handleFolderToggle, onUploadFilesToCrowdin: (detail) => syncOps.uploadFilesToCrowdin({ detail }), onUploadFilesToIntegration: (detail) => syncOps.uploadFilesToIntegration({ detail }), onLoadMore: syncOps.handleLoadMore, onIntegrationFilterChange: syncOps.handleIntegrationFilterChange, onIntegrationScheduleSync: (detail) => schedule.setIntegrationScheduleSync({ detail }), onCrowdinScheduleSync: (detail) => schedule.setCrowdinScheduleSync({ detail }), onIntegrationDisableSync: (detail) => schedule.disableIntegrationSync({ detail }), onCrowdinDisableSync: (detail) => schedule.disableCrowdinSync({ detail }) })] }), jsxRuntimeExports.jsx(Toaster, {}), jsxRuntimeExports.jsx(AsyncProgress, { ref: asyncProgressRef, onCancelJob: syncOps.cancelJob }), jsxRuntimeExports.jsx(SubscriptionModal, { modalRef: subscriptionModal, subscriptionLink: subscriptionLink, name: name, onLogout: integrationLogout }), jsxRuntimeExports.jsx(PermissionsModal, { modalRef: permissionsModalRef, isLoading: permissions.isLoading, permissionUserOptions: permissions.permissionUserOptions, selectedUsers: permissions.permissionsSelectedUsers, isConfirmVisible: permissions.isPermissionsConfirmVisible, permissionsSummary: permissions.permissionsSummary, hasOrganization: hasOrganization, zenModeUrl: zenModeUrl, saveDisabled: !permissions.isPermissionsLoaded, onUsersChange: permissions.checkUsers, onSave: permissions.inviteUsers }), excludedTargetLanguages && (jsxRuntimeExports.jsx(ExcludedLanguagesModal, { modalRef: syncOps.languageModalRef, languageSelectRef: syncOps.languageSelectRef, languageModalState: syncOps.languageModalState, onUpdateTargetLanguages: syncOps.updateCrowdinFilesTargetLanguages, onSyncToCrowdin: syncOps.uploadFilesToCrowdinWithExcludedLanguages })), infoModal && jsxRuntimeExports.jsx(InfoModal, { modalRef: infoModalRef, infoModal: infoModal }), configurationFields && (jsxRuntimeExports.jsx(SettingsModal, { modalRef: settingsModalRef, isLoading: settings.isLoading, configurationFields: configurationFields, isSaveDisabled: settings.isSettingsSaveDisabled, settingsFieldChange: settings.settingsFieldChange, registerSettingsField: settings.registerSettingsField, fieldErrors: settings.fieldErrors, onSave: settings.saveSettings })), ((syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.crowdin) || (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.integration)) && (jsxRuntimeExports.jsx(ScheduleModal, { modalRef: scheduleModalRef, selectedFilesCheckboxRef: schedule.selectedFilesCheckboxRef, allFolderFilesCheckboxRef: schedule.allFolderFilesCheckboxRef, newFilesCheckboxRef: schedule.newFilesCheckboxRef, scheduleModalState: schedule.scheduleModalState, isSaveDisabled: schedule.isScheduleSaveDisabled, onChangeOptions: schedule.onChangeAutoSynchronizationOptions, onSave: schedule.saveScheduleSync })), jsxRuntimeExports.jsx(UserErrorDetailModal, { modalRef: userErrorDetailModalRef, selectedUserError: selectedUserError, onClose: onUserErrorDetailClose })] }));
+	                        } }), jsxRuntimeExports.jsx(IntegrationView, { appComponentRef: appComponent, userErrors: userErrors, isUserErrorsLoading: isUserErrorsLoading, userErrorsTotal: userErrorsTotal, userErrorsCurrentPage: userErrorsCurrentPage, userErrorsRowsPerPage: userErrorsRowsPerPage, userErrorsSearchText: userErrorsSearchText, userErrorsIsSortedAsc: userErrorsIsSortedAsc, onSelectUserError: openUserErrorDetail, onUserErrorsOptionsChange: onUserErrorsOptionsChange, name: name, isErrorLogsVisible: isErrorLogsVisible, syncNewElements: syncNewElements, withCronSync: withCronSync, webhooks: webhooks, integrationOneLevelFetching: integrationOneLevelFetching, integrationSearchListener: integrationSearchListener, filtering: filtering, integrationButtonMenuItems: integrationButtonMenuItems, crowdinButtonMenuItems: crowdinButtonMenuItems, onRefreshFilesList: syncOps.handleRefreshFilesList, onFolderToggle: syncOps.handleFolderToggle, onUploadFilesToCrowdin: (detail) => syncOps.uploadFilesToCrowdin({ detail }), onUploadFilesToIntegration: (detail) => syncOps.uploadFilesToIntegration({ detail }), onLoadMore: syncOps.handleLoadMore, onIntegrationFilterChange: syncOps.handleIntegrationFilterChange, onIntegrationScheduleSync: (detail) => schedule.setIntegrationScheduleSync({ detail }), onCrowdinScheduleSync: (detail) => schedule.setCrowdinScheduleSync({ detail }), onIntegrationDisableSync: (detail) => schedule.disableIntegrationSync({ detail }), onCrowdinDisableSync: (detail) => schedule.disableCrowdinSync({ detail }) })] }), jsxRuntimeExports.jsx(Toaster, {}), jsxRuntimeExports.jsx(AsyncProgress, { ref: asyncProgressRef, onCancelJob: syncOps.cancelJob }), jsxRuntimeExports.jsx(SubscriptionModal, { modalRef: subscriptionModal, subscriptionLink: subscriptionLink, name: name, isDisconnecting: isDisconnecting, onLogout: integrationLogout }), jsxRuntimeExports.jsx(PermissionsModal, { modalRef: permissionsModalRef, isLoading: permissions.isLoading, isCheckingUsers: permissions.isCheckingUsers, permissionUserOptions: permissions.permissionUserOptions, selectedUsers: permissions.permissionsSelectedUsers, isConfirmVisible: permissions.isPermissionsConfirmVisible, permissionsSummary: permissions.permissionsSummary, hasOrganization: hasOrganization, zenModeUrl: zenModeUrl, saveDisabled: !permissions.isPermissionsLoaded, onUsersChange: permissions.checkUsers, onSave: permissions.inviteUsers }), excludedTargetLanguages && (jsxRuntimeExports.jsx(ExcludedLanguagesModal, { modalRef: syncOps.languageModalRef, languageSelectRef: syncOps.languageSelectRef, languageModalState: syncOps.languageModalState, onUpdateTargetLanguages: syncOps.updateCrowdinFilesTargetLanguages, onSyncToCrowdin: syncOps.uploadFilesToCrowdinWithExcludedLanguages })), infoModal && jsxRuntimeExports.jsx(InfoModal, { modalRef: infoModalRef, infoModal: infoModal }), jsxRuntimeExports.jsx(SettingsModal, { modalRef: settingsModalRef, isLoading: settings.isLoading, configurationFields: configurationFields !== null && configurationFields !== void 0 ? configurationFields : [], isSaveDisabled: settings.isSettingsSaveDisabled, settingsFieldChange: settings.settingsFieldChange, registerSettingsField: settings.registerSettingsField, fieldErrors: settings.fieldErrors, onSave: settings.saveSettings, name: name, isOwner: isOwner, owner: owner, hasAutoSync: !!(withCronSync || webhooks), isDisconnecting: isDisconnecting, onDisconnect: integrationLogout }), ((syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.crowdin) || (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.integration)) && (jsxRuntimeExports.jsx(ScheduleModal, { modalRef: scheduleModalRef, selectedFilesCheckboxRef: schedule.selectedFilesCheckboxRef, allFolderFilesCheckboxRef: schedule.allFolderFilesCheckboxRef, newFilesCheckboxRef: schedule.newFilesCheckboxRef, scheduleModalState: schedule.scheduleModalState, isSaveDisabled: schedule.isScheduleSaveDisabled, onChangeOptions: schedule.onChangeAutoSynchronizationOptions, onSave: schedule.saveScheduleSync })), jsxRuntimeExports.jsx(UserErrorDetailModal, { modalRef: userErrorDetailModalRef, selectedUserError: selectedUserError, onClose: onUserErrorDetailClose })] }));
 	};
 
 	initializeCrowdinIframeContext();