@crowdin/app-project-module 3.2.2 → 3.3.0

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

@@ -19057,7 +19057,7 @@
 	 */
 
 
-	const __iconData$E = {
+	const __iconData$D = {
 	  name: "arrow-down",
 	  size: 24,
 	  node: [
@@ -19065,8 +19065,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 +19076,7 @@
 	 */
 
 
-	const __iconData$D = {
+	const __iconData$C = {
 	  name: "arrow-left",
 	  size: 24,
 	  node: [
@@ -19084,8 +19084,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 +19095,7 @@
 	 */
 
 
-	const __iconData$C = {
+	const __iconData$B = {
 	  name: "arrow-up",
 	  size: 24,
 	  node: [
@@ -19103,8 +19103,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 +19114,7 @@
 	 */
 
 
-	const __iconData$B = {
+	const __iconData$A = {
 	  name: "ban",
 	  size: 24,
 	  node: [
@@ -19122,8 +19122,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 +19133,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 +19149,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 +19165,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 +19181,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 +19197,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 +19213,7 @@
 	 */
 
 
-	const __iconData$v = {
+	const __iconData$u = {
 	  name: "chevrons-down",
 	  size: 24,
 	  node: [
@@ -19221,8 +19221,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 +19232,7 @@
 	 */
 
 
-	const __iconData$u = {
+	const __iconData$t = {
 	  name: "chevrons-left",
 	  size: 24,
 	  node: [
@@ -19240,8 +19240,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 +19251,7 @@
 	 */
 
 
-	const __iconData$t = {
+	const __iconData$s = {
 	  name: "chevrons-right",
 	  size: 24,
 	  node: [
@@ -19259,8 +19259,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 +19270,7 @@
 	 */
 
 
-	const __iconData$s = {
+	const __iconData$r = {
 	  name: "circle-check",
 	  size: 24,
 	  node: [
@@ -19279,29 +19279,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 +19545,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 +19552,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 +19563,7 @@
 	 */
 
 
-	const __iconData$c = {
+	const __iconData$d = {
 	  name: "list",
 	  size: 24,
 	  node: [
@@ -19619,8 +19575,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 +19586,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 +19603,7 @@
 	 */
 
 
-	const __iconData$a = {
+	const __iconData$b = {
 	  name: "mail-plus",
 	  size: 24,
 	  node: [
@@ -19657,8 +19613,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 +19624,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 +19640,7 @@
 	 */
 
 
-	const __iconData$8 = {
+	const __iconData$9 = {
 	  name: "octagon-x",
 	  size: 24,
 	  node: [
@@ -19700,8 +19656,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
@@ -19773,443 +19756,127 @@
 
 
 	const __iconData$4 = {
-	  name: "settings",
-	  size: 24,
-	  node: [
-	    [
-	      "path",
-	      {
-	        d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
-	        key: "1i5ecw"
-	      }
-	    ],
-	    ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-	  ]
-	};
-	__iconData$4.node;
-	const Settings = createLucideIcon(__iconData$4);
-
-	/**
-	 * @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$3 = {
-	  name: "search",
-	  size: 24,
-	  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 !== '');
-	}
+	  name: "settings",
+	  size: 24,
+	  node: [
+	    [
+	      "path",
+	      {
+	        d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+	        key: "1i5ecw"
+	      }
+	    ],
+	    ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+	  ]
+	};
+	__iconData$4.node;
+	const Settings = createLucideIcon(__iconData$4);
 
-	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$3 = {
+	  name: "search",
+	  size: 24,
+	  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 }));
+	};
+
+	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 +23161,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 +23528,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 +26352,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 +34237,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 +35895,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 +35921,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 +36037,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);
@@ -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,
 	};
@@ -36411,7 +36444,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
@@ -36725,6 +36757,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) {
@@ -36746,20 +36794,9 @@ Defaulting to \`null\`.`;
 	        // 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 +36807,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 +36870,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 +36968,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))))] })] }));
@@ -37724,6 +37753,8 @@ Defaulting to \`null\`.`;
 	    }, []);
 	    function handleRefreshFilesList(detail) {
 	        if (detail.refreshIntegration) {
+	            savedIntegrationData.current = null;
+	            currentOpenedFolders.current = null;
 	            getIntegrationData({ hardReload: true });
 	        }
 	        else if (detail.refreshCrowdin) {
@@ -37760,9 +37791,11 @@ Defaulting to \`null\`.`;
 	        if (isEmptySearch && savedIntegrationData.current && hasLoadMoreElements.current) {
 	            appComponent.current.setIntegrationFilesData(savedIntegrationData.current);
 	            appComponent.current.setIntegrationOpenedFolders(currentOpenedFolders.current);
+	            savedIntegrationData.current = null;
+	            currentOpenedFolders.current = null;
 	            return;
 	        }
-	        if (!isEmptySearch && hasLoadMoreElements.current) {
+	        if (!isEmptySearch && hasLoadMoreElements.current && !savedIntegrationData.current) {
 	            savedIntegrationData.current = await appComponent.current.getIntegrationFilesData();
 	            currentOpenedFolders.current = await appComponent.current.getIntegrationOpenedFolders();
 	        }
@@ -38108,7 +38141,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;
 	            }
@@ -38419,6 +38452,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 +49170,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 +49194,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 +49301,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;
@@ -49415,7 +49451,7 @@ 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) &&
+	    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 ? '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 +49465,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 +49492,43 @@ 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, 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.' : ''}`
+	                            : '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, hasAutoSync, isDisconnecting, onDisconnect, }) => {
+	    const hasFields = configurationFields.length > 0;
+	    const disconnectSection = (jsxRuntimeExports.jsx(DisconnectSection, { name: name, isOwner: isOwner, 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) {
@@ -49549,6 +49612,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([]);
@@ -49602,7 +49666,6 @@ Defaulting to \`null\`.`;
 	            if (event.keyCode === 27) {
 	                closeModal(permissionsModalRef.current);
 	                closeModal(infoModalRef.current);
-	                closeModal(settingsModalRef.current);
 	                closeModal(scheduleModalRef.current);
 	                if (syncOps.languageModalRef.current) {
 	                    closeModal(syncOps.languageModalRef.current);
@@ -49642,6 +49705,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 +49714,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 +49744,7 @@ Defaulting to \`null\`.`;
 	        }
 	        catch (e) {
 	            if (requestId === userErrorsRequestId.current) {
-	                catchRejection(e, "Can't fetch error logs");
+	                catchRejection(e, "Can't fetch logs");
 	            }
 	        }
 	        finally {
@@ -49744,10 +49810,10 @@ 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: () => {
+	    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: () => openModal(infoModalRef.current), onOpenSettings: () => {
 	                            openModal(settingsModalRef.current);
 	                            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, 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, 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();